amotify 0.2.87 → 0.2.89
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 +50 -6
- package/demo/esbuild/designBook.tsx +2967 -0
- package/demo/esbuild/nodemon.json +2 -1
- package/demo/esbuild/public/index.css +1 -1
- package/demo/esbuild/public/index.js +22 -120
- package/dist/@declares/property.d.ts +5 -4
- 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/GenerateClassName.js +1 -1
- package/dist/fn/Input/Checker.d.ts +5 -0
- package/dist/fn/Input/Checker.js +1 -1
- package/dist/fn/Input/List.d.ts +5 -3
- package/dist/fn/Input/List.js +1 -1
- package/dist/fn/Input/Switch.d.ts +13 -2
- package/dist/fn/Input/Switch.js +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/temps/index.d.ts +1 -1
- package/dist/temps/index.js +0 -1
- package/package.json +1 -1
- package/dist/temps/designBook.d.ts +0 -2
- package/dist/temps/designBook.js +0 -99
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={BodyEffect:"_BodyEffect_1cgn2_1",Wrapper:"_Wrapper_1cgn2_8",Wrap:"_Wrap_1cgn2_8",TapSensor:"_TapSensor_1cgn2_22",TapContent:"_TapContent_1cgn2_32",Hide:"_Hide_1cgn2_39",Open:"_Open_1cgn2_42",isMainSheet_true:"_isMainSheet_true_1cgn2_42",Content:"_Content_1cgn2_42",isMainSheet_false:"_isMainSheet_false_1cgn2_48",BB:"_BB_1cgn2_48",Tcate_normal:"_Tcate_normal_1cgn2_51",BaseBody:"_BaseBody_1cgn2_55",Tcate_drawer:"_Tcate_drawer_1cgn2_70",Tpos_left:"_Tpos_left_1cgn2_70",Tpos_right:"_Tpos_right_1cgn2_85",Tpos_bottom:"_Tpos_bottom_1cgn2_100",DragBar:"_DragBar_1cgn2_107",Tcate_custom:"_Tcate_custom_1cgn2_115",CustomSheet:"_CustomSheet_1cgn2_123",GPT:"_GPT_1cgn2_126",Col_1:"_Col_1_1cgn2_126",Row_1:"_Row_1_1cgn2_126",Row_4:"_Row_4_1cgn2_126",Col_4:"_Col_4_1cgn2_126",Row_2:"_Row_2_1cgn2_129",Row_5:"_Row_5_1cgn2_129",Col_2:"_Col_2_1cgn2_132",Col_5:"_Col_5_1cgn2_132",GPT_3:"_GPT_3_1cgn2_138",GPT_18:"_GPT_18_1cgn2_138",GPT_8:"_GPT_8_1cgn2_141",GPT_23:"_GPT_23_1cgn2_141",GPT_11:"_GPT_11_1cgn2_144",GPT_14:"_GPT_14_1cgn2_144",GPT_12:"_GPT_12_1cgn2_147",GPT_15:"_GPT_15_1cgn2_147",Col_3:"_Col_3_1cgn2_157"};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
|
|
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={BodyEffect:"_BodyEffect_1cgn2_1",Wrapper:"_Wrapper_1cgn2_8",Wrap:"_Wrap_1cgn2_8",TapSensor:"_TapSensor_1cgn2_22",TapContent:"_TapContent_1cgn2_32",Hide:"_Hide_1cgn2_39",Open:"_Open_1cgn2_42",isMainSheet_true:"_isMainSheet_true_1cgn2_42",Content:"_Content_1cgn2_42",isMainSheet_false:"_isMainSheet_false_1cgn2_48",BB:"_BB_1cgn2_48",Tcate_normal:"_Tcate_normal_1cgn2_51",BaseBody:"_BaseBody_1cgn2_55",Tcate_drawer:"_Tcate_drawer_1cgn2_70",Tpos_left:"_Tpos_left_1cgn2_70",Tpos_right:"_Tpos_right_1cgn2_85",Tpos_bottom:"_Tpos_bottom_1cgn2_100",DragBar:"_DragBar_1cgn2_107",Tcate_custom:"_Tcate_custom_1cgn2_115",CustomSheet:"_CustomSheet_1cgn2_123",GPT:"_GPT_1cgn2_126",Col_1:"_Col_1_1cgn2_126",Row_1:"_Row_1_1cgn2_126",Row_4:"_Row_4_1cgn2_126",Col_4:"_Col_4_1cgn2_126",Row_2:"_Row_2_1cgn2_129",Row_5:"_Row_5_1cgn2_129",Col_2:"_Col_2_1cgn2_132",Col_5:"_Col_5_1cgn2_132",GPT_3:"_GPT_3_1cgn2_138",GPT_18:"_GPT_18_1cgn2_138",GPT_8:"_GPT_8_1cgn2_141",GPT_23:"_GPT_23_1cgn2_141",GPT_11:"_GPT_11_1cgn2_144",GPT_14:"_GPT_14_1cgn2_144",GPT_12:"_GPT_12_1cgn2_147",GPT_15:"_GPT_15_1cgn2_147",Col_3:"_Col_3_1cgn2_157"};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_kr7qs_1",isLocked_true:"_isLocked_true_kr7qs_16",Tone_sub_Color_theme:"_Tone_sub_Color_theme_kr7qs_21",Tone_clear_Color_theme:"_Tone_clear_Color_theme_kr7qs_21",Tone_sub_Color_posi:"_Tone_sub_Color_posi_kr7qs_24",Tone_clear_Color_posi:"_Tone_clear_Color_posi_kr7qs_24",Tone_sub_Color_nega:"_Tone_sub_Color_nega_kr7qs_27",Tone_clear_Color_nega:"_Tone_clear_Color_nega_kr7qs_27",Tone_sub_Color_warn:"_Tone_sub_Color_warn_kr7qs_30",Tone_clear_Color_warn:"_Tone_clear_Color_warn_kr7qs_30",Tone_sub_Color_white:"_Tone_sub_Color_white_kr7qs_33",Tone_clear_Color_white:"_Tone_clear_Color_white_kr7qs_33",Tone_sub_Color_cloud:"_Tone_sub_Color_cloud_kr7qs_36",Tone_clear_Color_cloud:"_Tone_clear_Color_cloud_kr7qs_36",Tone_sub_Color_layer:"_Tone_sub_Color_layer_kr7qs_39",Tone_clear_Color_layer:"_Tone_clear_Color_layer_kr7qs_39",isNeutral_true:"_isNeutral_true_kr7qs_43",Tone_clear:"_Tone_clear_kr7qs_21",Tone_borderToFill:"_Tone_borderToFill_kr7qs_46",Tone_fillToBorder:"_Tone_fillToBorder_kr7qs_49",Tone_fillToBorder_Color_white:"_Tone_fillToBorder_Color_white_kr7qs_52",Tone_fillToBorder_Color_cloud:"_Tone_fillToBorder_Color_cloud_kr7qs_52",Tone_link:"_Tone_link_kr7qs_55",Tone_normal_Color_plain:"_Tone_normal_Color_plain_kr7qs_62",Tone_normal_Color_theme:"_Tone_normal_Color_theme_kr7qs_66",Tone_normal_Color_posi:"_Tone_normal_Color_posi_kr7qs_70",Tone_normal_Color_nega:"_Tone_normal_Color_nega_kr7qs_74",Tone_normal_Color_warn:"_Tone_normal_Color_warn_kr7qs_78",Tone_border:"_Tone_border_kr7qs_46",Tone_prime:"_Tone_prime_kr7qs_85",Tone_borderToFill_Color_white:"_Tone_borderToFill_Color_white_kr7qs_120",Tone_borderToFill_Color_cloud:"_Tone_borderToFill_Color_cloud_kr7qs_120"};var b={Wrapper:"_Wrapper_rikjy_1",Input:"_Input_rikjy_40",DigitCharacterCell:"_DigitCharacterCell_rikjy_71",Combined:"_Combined_rikjy_71",ShowCell:"_ShowCell_rikjy_1"};var g={SelectorWrapper:"_SelectorWrapper_vfpyx_1"};var h={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 p={Core:"_Core_1psny_1",SelectedCell:"_SelectedCell_1psny_5",Selector:"_Selector_1psny_9"};var v={Input:"_Input_1lndc_1",Label:"_Label_1lndc_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 zr=o=>r[o],Sr=o=>a[o],Br=o=>t[o],qr=o=>_[o],Wr=o=>l[o],Nr=o=>e[o],Rr=o=>c[o],jr=o=>i[o],Pr=o=>n[o],Ir=o=>s[o],Gr=o=>d[o],Ar=o=>m[o],Yr=o=>b[o],Fr=o=>g[o],Mr=o=>h[o],Dr=o=>f[o],Or=o=>p[o],Ur=o=>v[o],Er=o=>u[o],Vr=o=>w[o],Kr=o=>k[o],Xr=o=>y[o];export{qr as AccordionClasses,Ar as ButtonClasses,Gr as CropperClasses,Ir as EffectClasses,zr as ImgClasses,Kr as InputAutoHeightClasses,Or as InputAutocompleteClasses,Fr as InputChipsClasses,Yr as InputClasses,Mr as InputFilerClasses,Dr as InputListClasses,Xr as InputSegmentedClasses,Er as InputSliderClasses,Ur as InputSwitchClasses,Vr as InputTimeClasses,jr as LayoutClasses,Rr as LoaderClasses,Sr as LogoClasses,Br as PlaceholderClasses,Nr as SheetClasses,Wr as SnackbarClasses,Pr as TableClasses};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as He}from".";const e={toConcreteBorderRadius:n=>{let _=He.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][_]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][_]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][_]),n},ev:n=>d.is.exist(n),ClassNames:(n,_)=>{var q,Re,Ce,N,Be,Te,Le;let i=[],{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye}=_;{if(e.ev(c)&&i.push("dsp"+c),H){let t=d.flatArray(H);i.push("ovfl-x-"+t[0]),i.push("ovfl-y-"+(t[1]||t[0]))}e.ev(y)&&i.push("ps"+y),e.ev(W)&&i.push("txtalg"+W),e.ev(W)&&i.push("txtdeco"+j),e.ev(k)&&i.push("ftcl"+((q=String(k))==null?void 0:q.replace(/\./g,"_"))),e.ev(F)&&i.push("ftsz"+((Re=String(F))==null?void 0:Re.replace(/\..*/,""))),e.ev(l)&&i.push("ftwt"+(l==null?void 0:l.replace(/\..*/,""))),e.ev(E)&&i.push("bgc"+((Ce=String(E))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(P)&&i.push("bs"+P);let M,O,$,U;d.is.exist(g)&&(d.is.array(g)?g.length==2?[M,O,$,U]=[...g,...g]:g.length==4&&([M,O,$,U]=g):M=O=$=U=g,b=b!=null?b:M,o=o!=null?o:O,r=r!=null?r:$,x=x!=null?x:U),e.ev(b)&&i.push("mrgt"+b),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(x)&&i.push("mrgl"+x);let V,I,K,X;d.is.exist(h)&&(d.is.array(h)?h.length==2?[V,I,K,X]=[...h,...h]:h.length==4&&([V,I,K,X]=h):V=I=K=X=h,s=s!=null?s:V,S=S!=null?S:I,R=R!=null?R:K,C=C!=null?C:X),e.ev(s)&&i.push("pdt"+s),e.ev(S)&&i.push("pdr"+S),e.ev(R)&&i.push("pdb"+R),e.ev(C)&&i.push("pdl"+C),e.ev(J)&&i.push("pstt"+J),e.ev(Q)&&i.push("pstr"+Q),e.ev(Y)&&i.push("pstb"+Y),e.ev(Z)&&i.push("pstl"+Z);{d.is.exist(A)&&(f=f!=null?f:A,u=u!=null?u:A,v=v!=null?v:A,m=m!=null?m:A),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((N=String(f))==null?void 0:N.replace(/\..*/,""))),e.ev(u)&&i.push("b_r_ss"+((Be=String(u))==null?void 0:Be.replace(/\..*/,""))),e.ev(v)&&i.push("b_b_ss"+((Te=String(v))==null?void 0:Te.replace(/\..*/,""))),e.ev(m)&&i.push("b_l_ss"+((Le=String(m))==null?void 0:Le.replace(/\..*/,""))),d.is.exist(ee)&&i.push("b_wth"+String(ee)),d.is.exist(te)&&i.push("b_cl"+String(te)),d.is.exist(ie)&&i.push("b_st"+String(ie));{let t,G,we,We;d.is.exist(z)&&(d.is.array(z)?z.length==4&&([t,G,We,we]=z):t=G=we=We=z,B=B!=null?B:t,T=T!=null?T:G,L=L!=null?L:we,w=w!=null?w:We)}e.ev(B)&&i.push("br_tl"+e.toConcreteBorderRadius(B)),e.ev(T)&&i.push("br_tr"+e.toConcreteBorderRadius(T)),e.ev(L)&&i.push("br_bl"+e.toConcreteBorderRadius(L)),e.ev(w)&&i.push("br_br"+e.toConcreteBorderRadius(w))}if(e.ev(ye)&&i.push("op"+ye),d.is.exist(p)){let t,G;d.is.array(p)?(t=p[0],G=p[1]):t=G=p,i.push("gapRow"+t,"gapCol"+G)}e.ev(re)&&i.push("flsz"+re),e.ev(oe)&&i.push("flwrp"+oe),e.ev(se)&&i.push("fltyp"+se),e.ev(ae)&&i.push("flchld"+ae),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(le)&&i.push("flhrz"+le),e.ev(ge)&&i.push("grcnt"+ge),e.ev(he)&&i.push("grcol"+he),e.ev(Se)&&i.push("hgt"+Se),e.ev(be)&&i.push("wdt"+be),e.ev(xe)&&i.push("unthgt"+xe),e.ev(ce)&&i.push("untwdt"+ce),e.ev(pe)&&i.push("trnst"+pe),e.ev(fe)&&i.push("maxh"+fe),e.ev(ue)&&i.push("minh"+ue),e.ev(ve)&&i.push("maxw"+ve),e.ev(me)&&i.push("minw"+me)}return i.length?n+i.join(" "+n):""}},Pe=n=>{let x=a({},n),{gradients:i,ssCardBox:p,ssSphere:c,ssSquare:y,ssPushable:H,ssAbsoluteCovered:k,ssTextEllipsis:F,flexCenter:l,flexNewLine:E,isLightFont:W,isBoldFont:j,isSemiBoldFont:P,isRounded:g,isSquare:b,freeCSS:h={}}=x,o=Ne(h,[]),r=Ne(x,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:S}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${S.join(",")})`})}if(p){p===!0&&(p="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};p=="border"?s.border=!0:p=="layer"?s.backgroundColor="layer.1":p=="cloud"?s.backgroundColor="cloud":p=="shadow"&&(s.boxShadow="0.normal"),He.get().darkMode=="dim"&&(s.boxShadow="1.normal"),He.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return c&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:c,unitHeight:c,borderRadius:"sphere",flexSizing:"none"},r)),y&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:y,unitHeight:y,flexSizing:"none"},r)),H&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),k&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),F&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),E&&(r=a({width:1,flexSizing:"none"},r)),l&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),W&&(r.fontWeight="1.light"),P&&(r.fontWeight="3.semiBold"),j&&(r.fontWeight="4.bold"),g&&(d.is.number(g)?o.borderRadius=g*12:r.borderRadius="sphere"),b&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Oe=n=>{let ke=Pe(n),{componentID:i,gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye,ssLastChildLossBorder:q,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:N,ssPushable:Be,ssSphere:Te,ssSquare:Le,ssTextEllipsis:M,isBoldFont:O,isLightFont:$,isSemiBoldFont:U,isRounded:V,flexCenter:I,flexNewLine:K,gradients:X,UnderBreakPointStyles:t={},className:G="",freeCSS:we={}}=ke,We=Ne(ke,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),D=a({},We),_e=[G];if(q&&_e.push("ssLastChildLossBorder_"+q),N){N=d.flatArray(N);for(let Ae of N){let[Ee,Fe]=Ae.split(".");D["data-effect-"+Ee]="1",Fe&&(D["data-effect-tone"]=Fe)}}{let Ae=e.ClassNames("amotf_",{gap:p,display:c,position:y,overflow:H,fontColor:k,fontSize:F,fontWeight:l,backgroundColor:E,textAlign:W,textDecoration:j,boxShadow:P,margin:g,marginTop:b,marginRight:o,marginBottom:r,marginLeft:x,padding:h,paddingTop:s,paddingRight:S,paddingBottom:R,paddingLeft:C,top:J,right:Q,bottom:Y,left:Z,border:A,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:z,borderTopLeftRadius:B,borderTopRightRadius:T,borderBottomLeftRadius:L,borderBottomRightRadius:w,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:pe,gridCenter:ge,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye});_e.push(Ae)}return t&&_e.push(e.ClassNames("amotf_bp",t)),we&&(D.style=a(a({},we),D.style)),(i||D["data-component-id"])&&(D["data-component-id"]=D["data-component-id"]||i),_e.length&&_e.join("")&&(D.className=_e.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),D},$e=n=>{let{gap:_,display:i,position:p,overflow:c,fontColor:y,fontSize:H,fontWeight:k,backgroundColor:F,textAlign:l,textDecoration:E,boxShadow:W,margin:j,marginTop:P,marginRight:g,marginBottom:b,marginLeft:o,padding:r,paddingTop:x,paddingRight:h,paddingBottom:s,paddingLeft:S,top:R,right:C,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:A,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:ie,borderTopRightRadius:z,borderBottomLeftRadius:B,borderBottomRightRadius:T,flexSizing:L,flexWrap:w,flexType:re,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:le,gridCenter:ne,gridCols:pe,maxHeight:ge,minHeight:he,maxWidth:fe,minWidth:ue,width:ve,height:me,unitHeight:be,unitWidth:Se,opacity:xe,ssLastChildLossBorder:ce,ssAbsoluteCovered:ye,ssCardBox:q,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:N,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:Le,isLightFont:M,isSemiBoldFont:O,isRounded:$,flexCenter:U,flexNewLine:V,gradients:I,UnderBreakPointStyles:K={},freeCSS:X={}}=n,t={};return e.ev(_)&&(t.gap=_),e.ev(i)&&(t.display=i),e.ev(p)&&(t.position=p),e.ev(c)&&(t.overflow=c),e.ev(y)&&(t.fontColor=y),e.ev(H)&&(t.fontSize=H),e.ev(k)&&(t.fontWeight=k),e.ev(F)&&(t.backgroundColor=F),e.ev(l)&&(t.textAlign=l),e.ev(E)&&(t.textDecoration=E),e.ev(W)&&(t.boxShadow=W),e.ev(j)&&(t.margin=j),e.ev(P)&&(t.marginTop=P),e.ev(g)&&(t.marginRight=g),e.ev(b)&&(t.marginBottom=b),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(x)&&(t.paddingTop=x),e.ev(h)&&(t.paddingRight=h),e.ev(s)&&(t.paddingBottom=s),e.ev(S)&&(t.paddingLeft=S),e.ev(R)&&(t.top=R),e.ev(C)&&(t.right=C),e.ev(J)&&(t.bottom=J),e.ev(Q)&&(t.left=Q),e.ev(Y)&&(t.border=Y),e.ev(Z)&&(t.borderTop=Z),e.ev(A)&&(t.borderRight=A),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(ee)&&(t.borderStyle=ee),e.ev(te)&&(t.borderRadius=te),e.ev(ie)&&(t.borderTopLeftRadius=ie),e.ev(z)&&(t.borderTopRightRadius=z),e.ev(B)&&(t.borderBottomLeftRadius=B),e.ev(T)&&(t.borderBottomRightRadius=T),e.ev(L)&&(t.flexSizing=L),e.ev(w)&&(t.flexWrap=w),e.ev(re)&&(t.flexType=re),e.ev(oe)&&(t.flexChilds=oe),e.ev(se)&&(t.flexGrid=se),e.ev(ae)&&(t.horizontalAlign=ae),e.ev(de)&&(t.verticalAlign=de),e.ev(le)&&(t.transition=le),e.ev(ne)&&(t.gridCenter=ne),e.ev(pe)&&(t.gridCols=pe),e.ev(ge)&&(t.maxHeight=ge),e.ev(he)&&(t.minHeight=he),e.ev(fe)&&(t.maxWidth=fe),e.ev(ue)&&(t.minWidth=ue),e.ev(ve)&&(t.width=ve),e.ev(me)&&(t.height=me),e.ev(be)&&(t.unitHeight=be),e.ev(Se)&&(t.unitWidth=Se),e.ev(xe)&&(t.opacity=xe),e.ev(ce)&&(t.ssLastChildLossBorder=ce),e.ev(ye)&&(t.ssAbsoluteCovered=ye),e.ev(q)&&(t.ssCardBox=q),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(N)&&(t.ssSphere=N),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(Le)&&(t.isBoldFont=Le),e.ev(M)&&(t.isLightFont=M),e.ev(O)&&(t.isSemiBoldFont=O),e.ev($)&&(t.isRounded=$),e.ev(U)&&(t.flexCenter=U),e.ev(V)&&(t.flexNewLine=V),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(K)&&(t.UnderBreakPointStyles=K),t};export{$e as ExtractStyles,Oe as GenerateHTMLProps,Pe as ReadStyleSet};
|
|
1
|
+
import{b as a,c as ze,d as Ne}from"../chunk-C5N2D3ZX.js";import d from"jmini";import{Config as He}from".";const e={toConcreteBorderRadius:n=>{let A=He.get().roundness|0;return n=="1.tone.primary"?n=[0,2,3,4,5,5][A]:n=="2.tone.secondary"?n=[0,1,2,3,4,5][A]:n=="3.tone.tertiary"&&(n=[0,"1/3","2/3",1,2,3][A]),n},ev:n=>d.is.exist(n),ClassNames:(n,A)=>{var M,Re,Ce,k,Be,Te,Le,_e;let i=[],{gap:g,display:R,position:C,overflow:E,fontColor:P,fontSize:G,fontWeight:l,backgroundColor:D,textAlign:z,textDecoration:q,boxShadow:j,margin:p,marginTop:b,marginRight:o,marginBottom:r,marginLeft:y,padding:h,paddingTop:s,paddingRight:S,paddingBottom:B,paddingLeft:T,top:J,right:Q,bottom:Y,left:Z,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:_,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:ge,gridCenter:pe,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye}=A;{if(e.ev(R)&&i.push("dsp"+R),E){let x=d.flatArray(E);i.push("ovfl-x-"+x[0]),i.push("ovfl-y-"+(x[1]||x[0]))}e.ev(C)&&i.push("ps"+C),e.ev(z)&&i.push("txtalg"+z),e.ev(z)&&i.push("txtdeco"+q),e.ev(P)&&i.push("ftcl"+((M=String(P))==null?void 0:M.replace(/\./g,"_"))),e.ev(G)&&i.push("ftsz"+((Re=String(G))==null?void 0:Re.replace(/\..*/,""))),e.ev(l)&&i.push("ftwt"+(l==null?void 0:l.replace(/\..*/,""))),e.ev(D)&&i.push("bgc"+((Ce=String(D))==null?void 0:Ce.replace(/\./g,"_"))),e.ev(j)&&i.push("bs"+j);let O,$,U,V;d.is.exist(p)&&(d.is.array(p)?p.length==2?[O,$,U,V]=[...p,...p]:p.length==4&&([O,$,U,V]=p):O=$=U=V=p,b=b!=null?b:O,o=o!=null?o:$,r=r!=null?r:U,y=y!=null?y:V),e.ev(b)&&i.push("mrgt"+b),e.ev(o)&&i.push("mrgr"+o),e.ev(r)&&i.push("mrgb"+r),e.ev(y)&&i.push("mrgl"+y);let I,K,X,t;d.is.exist(h)&&(d.is.array(h)?h.length==2?[I,K,X,t]=[...h,...h]:h.length==4&&([I,K,X,t]=h):I=K=X=t=h,s=s!=null?s:I,S=S!=null?S:K,B=B!=null?B:X,T=T!=null?T:t),e.ev(s)&&i.push("pdt"+s),e.ev(S)&&i.push("pdr"+S),e.ev(B)&&i.push("pdb"+B),e.ev(T)&&i.push("pdl"+T),e.ev(J)&&i.push("pstt"+J),e.ev(Q)&&i.push("pstr"+Q),e.ev(Y)&&i.push("pstb"+Y),e.ev(Z)&&i.push("pstl"+Z);{d.is.exist(N)&&(f=f!=null?f:N,u=u!=null?u:N,v=v!=null?v:N,m=m!=null?m:N),d.is.boolean(f)&&(f=["unset","2.normal"][Number(f)]),d.is.boolean(u)&&(u=["unset","2.normal"][Number(u)]),d.is.boolean(v)&&(v=["unset","2.normal"][Number(v)]),d.is.boolean(m)&&(m=["unset","2.normal"][Number(m)]),e.ev(f)&&i.push("b_t_ss"+((k=String(f))==null?void 0:k.replace(/\./g,"_"))),e.ev(u)&&i.push("b_r_ss"+((Be=String(u))==null?void 0:Be.replace(/\./g,"_"))),e.ev(v)&&i.push("b_b_ss"+((Te=String(v))==null?void 0:Te.replace(/\./g,"_"))),e.ev(m)&&i.push("b_l_ss"+((Le=String(m))==null?void 0:Le.replace(/\./g,"_"))),d.is.exist(ee)&&i.push("b_wth"+String(ee)),d.is.exist(te)&&i.push("b_cl"+((_e=String(te))==null?void 0:_e.replace(/\./g,"_"))),d.is.exist(ie)&&i.push("b_st"+String(ie));{let x,F,We,c;d.is.exist(H)&&(d.is.array(H)?H.length==4&&([x,F,c,We]=H):x=F=We=c=H,L=L!=null?L:x,_=_!=null?_:F,w=w!=null?w:We,W=W!=null?W:c)}e.ev(L)&&i.push("br_tl"+e.toConcreteBorderRadius(L)),e.ev(_)&&i.push("br_tr"+e.toConcreteBorderRadius(_)),e.ev(w)&&i.push("br_bl"+e.toConcreteBorderRadius(w)),e.ev(W)&&i.push("br_br"+e.toConcreteBorderRadius(W))}if(e.ev(ye)&&i.push("op"+ye),d.is.exist(g)){let x,F;d.is.array(g)?(x=g[0],F=g[1]):x=F=g,i.push("gapRow"+x,"gapCol"+F)}e.ev(re)&&i.push("flsz"+re),e.ev(oe)&&i.push("flwrp"+oe),e.ev(se)&&i.push("fltyp"+se),e.ev(ae)&&i.push("flchld"+ae),e.ev(de)&&i.push("flgrid"+de),e.ev(ne)&&i.push("flvrt"+ne),e.ev(le)&&i.push("flhrz"+le),e.ev(pe)&&i.push("grcnt"+pe),e.ev(he)&&i.push("grcol"+he),e.ev(Se)&&i.push("hgt"+Se),e.ev(be)&&i.push("wdt"+be),e.ev(xe)&&i.push("unthgt"+xe),e.ev(ce)&&i.push("untwdt"+ce),e.ev(ge)&&i.push("trnst"+ge),e.ev(fe)&&i.push("maxh"+fe),e.ev(ue)&&i.push("minh"+ue),e.ev(ve)&&i.push("maxw"+ve),e.ev(me)&&i.push("minw"+me)}return i.length?n+i.join(" "+n):""}},Pe=n=>{let y=a({},n),{gradients:i,ssCardBox:g,ssSphere:R,ssSquare:C,ssPushable:E,ssAbsoluteCovered:P,ssTextEllipsis:G,flexCenter:l,flexNewLine:D,isLightFont:z,isBoldFont:q,isSemiBoldFont:j,isRounded:p,isSquare:b,freeCSS:h={}}=y,o=Ne(h,[]),r=Ne(y,["gradients","ssCardBox","ssSphere","ssSquare","ssPushable","ssAbsoluteCovered","ssTextEllipsis","flexCenter","flexNewLine","isLightFont","isBoldFont","isSemiBoldFont","isRounded","isSquare","freeCSS"]);if(o=o||{},r=r||{},i){let{deg:s,colors:S}=i;o=ze(a({},o),{background:`linear-gradient(${s}deg,${S.join(",")})`})}if(g){g===!0&&(g="border");let s={backgroundColor:"layer.1",borderRadius:"1.tone.primary",boxShadow:"0.min"};g=="border"?s.border=!0:g=="layer"?s.backgroundColor="layer.1":g=="cloud"?s.backgroundColor="cloud":g=="shadow"&&(s.boxShadow="0.normal"),He.get().darkMode=="dim"&&(s.boxShadow="1.normal"),He.get().darkMode=="dark"&&(s.boxShadow="1.remark"),o=a(a({},s.freeCSS),o),r=a(a({},s),r)}return R&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:R,unitHeight:R,borderRadius:"sphere",flexSizing:"none"},r)),C&&(l=l!=null?l:!0,r=a({padding:0,unitWidth:C,unitHeight:C,flexSizing:"none"},r)),E&&(r=a({transition:"middle"},r),r=ze(a({},r),{className:[r.className,"ssPushable"].join(" ")})),P&&(r=a({position:"absolute",top:0,left:0,right:0,bottom:0},r)),G&&(r=a({overflow:"hidden"},r),o=a({whiteSpace:"nowrap",textOverflow:"ellipsis"},o)),D&&(r=a({width:1,flexSizing:"none"},r)),l&&(r=a({display:"flex",horizontalAlign:"center",verticalAlign:"center"},r)),z&&(r.fontWeight="1.light"),j&&(r.fontWeight="3.semiBold"),q&&(r.fontWeight="4.bold"),p&&(d.is.number(p)?o.borderRadius=p*12:r.borderRadius="sphere"),b&&(o.aspectRatio="1"),ze(a({},r),{freeCSS:o})},Oe=n=>{let ke=Pe(n),{componentID:i,gap:g,display:R,position:C,overflow:E,fontColor:P,fontSize:G,fontWeight:l,backgroundColor:D,textAlign:z,textDecoration:q,boxShadow:j,margin:p,marginTop:b,marginRight:o,marginBottom:r,marginLeft:y,padding:h,paddingTop:s,paddingRight:S,paddingBottom:B,paddingLeft:T,top:J,right:Q,bottom:Y,left:Z,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:_,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:ge,gridCenter:pe,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye,ssLastChildLossBorder:M,ssAbsoluteCovered:Re,ssCardBox:Ce,ssEffectsOnActive:k,ssPushable:Be,ssSphere:Te,ssSquare:Le,ssTextEllipsis:_e,isBoldFont:O,isLightFont:$,isSemiBoldFont:U,isRounded:V,flexCenter:I,flexNewLine:K,gradients:X,UnderBreakPointStyles:t={},className:x="",freeCSS:F={}}=ke,We=Ne(ke,["componentID","gap","display","position","overflow","fontColor","fontSize","fontWeight","backgroundColor","textAlign","textDecoration","boxShadow","margin","marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderWidth","borderColor","borderStyle","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","flexSizing","flexWrap","flexType","flexChilds","flexGrid","horizontalAlign","verticalAlign","transition","gridCenter","gridCols","maxHeight","minHeight","maxWidth","minWidth","width","height","unitHeight","unitWidth","opacity","ssLastChildLossBorder","ssAbsoluteCovered","ssCardBox","ssEffectsOnActive","ssPushable","ssSphere","ssSquare","ssTextEllipsis","isBoldFont","isLightFont","isSemiBoldFont","isRounded","flexCenter","flexNewLine","gradients","UnderBreakPointStyles","className","freeCSS"]),c=a({},We),we=[x];if(M&&we.push("ssLastChildLossBorder_"+M),k){k=d.flatArray(k);for(let Ae of k){let[Ee,Fe]=Ae.split(".");c["data-effect-"+Ee]="1",Fe&&(c["data-effect-tone"]=Fe)}}{let Ae=e.ClassNames("amotf_",{gap:g,display:R,position:C,overflow:E,fontColor:P,fontSize:G,fontWeight:l,backgroundColor:D,textAlign:z,textDecoration:q,boxShadow:j,margin:p,marginTop:b,marginRight:o,marginBottom:r,marginLeft:y,padding:h,paddingTop:s,paddingRight:S,paddingBottom:B,paddingLeft:T,top:J,right:Q,bottom:Y,left:Z,border:N,borderTop:f,borderRight:u,borderBottom:v,borderLeft:m,borderWidth:ee,borderColor:te,borderStyle:ie,borderRadius:H,borderTopLeftRadius:L,borderTopRightRadius:_,borderBottomLeftRadius:w,borderBottomRightRadius:W,flexSizing:re,flexWrap:oe,flexType:se,flexChilds:ae,flexGrid:de,horizontalAlign:le,verticalAlign:ne,transition:ge,gridCenter:pe,gridCols:he,maxHeight:fe,minHeight:ue,maxWidth:ve,minWidth:me,width:be,height:Se,unitHeight:xe,unitWidth:ce,opacity:ye});we.push(Ae)}return t&&we.push(e.ClassNames("amotf_bp",t)),F&&(c.style=a(a({},F),c.style)),(i||c["data-component-id"])&&(c["data-component-id"]=c["data-component-id"]||i),we.length&&we.join("")&&(c.className=we.join(" ").trim().replace(/%/ig,"P").replace(/\d+px/ig,"PIX").replace(/\s+/ig," ").replace(/\//ig,"_").replace(/\./ig,"-")),c},$e=n=>{let{gap:A,display:i,position:g,overflow:R,fontColor:C,fontSize:E,fontWeight:P,backgroundColor:G,textAlign:l,textDecoration:D,boxShadow:z,margin:q,marginTop:j,marginRight:p,marginBottom:b,marginLeft:o,padding:r,paddingTop:y,paddingRight:h,paddingBottom:s,paddingLeft:S,top:B,right:T,bottom:J,left:Q,border:Y,borderTop:Z,borderRight:N,borderBottom:f,borderLeft:u,borderWidth:v,borderColor:m,borderStyle:ee,borderRadius:te,borderTopLeftRadius:ie,borderTopRightRadius:H,borderBottomLeftRadius:L,borderBottomRightRadius:_,flexSizing:w,flexWrap:W,flexType:re,flexChilds:oe,flexGrid:se,horizontalAlign:ae,verticalAlign:de,transition:le,gridCenter:ne,gridCols:ge,maxHeight:pe,minHeight:he,maxWidth:fe,minWidth:ue,width:ve,height:me,unitHeight:be,unitWidth:Se,opacity:xe,ssLastChildLossBorder:ce,ssAbsoluteCovered:ye,ssCardBox:M,ssEffectsOnActive:Re,ssPushable:Ce,ssSphere:k,ssSquare:Be,ssTextEllipsis:Te,isBoldFont:Le,isLightFont:_e,isSemiBoldFont:O,isRounded:$,flexCenter:U,flexNewLine:V,gradients:I,UnderBreakPointStyles:K={},freeCSS:X={}}=n,t={};return e.ev(A)&&(t.gap=A),e.ev(i)&&(t.display=i),e.ev(g)&&(t.position=g),e.ev(R)&&(t.overflow=R),e.ev(C)&&(t.fontColor=C),e.ev(E)&&(t.fontSize=E),e.ev(P)&&(t.fontWeight=P),e.ev(G)&&(t.backgroundColor=G),e.ev(l)&&(t.textAlign=l),e.ev(D)&&(t.textDecoration=D),e.ev(z)&&(t.boxShadow=z),e.ev(q)&&(t.margin=q),e.ev(j)&&(t.marginTop=j),e.ev(p)&&(t.marginRight=p),e.ev(b)&&(t.marginBottom=b),e.ev(o)&&(t.marginLeft=o),e.ev(r)&&(t.padding=r),e.ev(y)&&(t.paddingTop=y),e.ev(h)&&(t.paddingRight=h),e.ev(s)&&(t.paddingBottom=s),e.ev(S)&&(t.paddingLeft=S),e.ev(B)&&(t.top=B),e.ev(T)&&(t.right=T),e.ev(J)&&(t.bottom=J),e.ev(Q)&&(t.left=Q),e.ev(Y)&&(t.border=Y),e.ev(Z)&&(t.borderTop=Z),e.ev(N)&&(t.borderRight=N),e.ev(f)&&(t.borderBottom=f),e.ev(u)&&(t.borderLeft=u),e.ev(v)&&(t.borderWidth=v),e.ev(m)&&(t.borderColor=m),e.ev(ee)&&(t.borderStyle=ee),e.ev(te)&&(t.borderRadius=te),e.ev(ie)&&(t.borderTopLeftRadius=ie),e.ev(H)&&(t.borderTopRightRadius=H),e.ev(L)&&(t.borderBottomLeftRadius=L),e.ev(_)&&(t.borderBottomRightRadius=_),e.ev(w)&&(t.flexSizing=w),e.ev(W)&&(t.flexWrap=W),e.ev(re)&&(t.flexType=re),e.ev(oe)&&(t.flexChilds=oe),e.ev(se)&&(t.flexGrid=se),e.ev(ae)&&(t.horizontalAlign=ae),e.ev(de)&&(t.verticalAlign=de),e.ev(le)&&(t.transition=le),e.ev(ne)&&(t.gridCenter=ne),e.ev(ge)&&(t.gridCols=ge),e.ev(pe)&&(t.maxHeight=pe),e.ev(he)&&(t.minHeight=he),e.ev(fe)&&(t.maxWidth=fe),e.ev(ue)&&(t.minWidth=ue),e.ev(ve)&&(t.width=ve),e.ev(me)&&(t.height=me),e.ev(be)&&(t.unitHeight=be),e.ev(Se)&&(t.unitWidth=Se),e.ev(xe)&&(t.opacity=xe),e.ev(ce)&&(t.ssLastChildLossBorder=ce),e.ev(ye)&&(t.ssAbsoluteCovered=ye),e.ev(M)&&(t.ssCardBox=M),e.ev(Re)&&(t.ssEffectsOnActive=Re),e.ev(Ce)&&(t.ssPushable=Ce),e.ev(k)&&(t.ssSphere=k),e.ev(Be)&&(t.ssSquare=Be),e.ev(Te)&&(t.ssTextEllipsis=Te),e.ev(Le)&&(t.isBoldFont=Le),e.ev(_e)&&(t.isLightFont=_e),e.ev(O)&&(t.isSemiBoldFont=O),e.ev($)&&(t.isRounded=$),e.ev(U)&&(t.flexCenter=U),e.ev(V)&&(t.flexNewLine=V),e.ev(I)&&(t.gradients=I),e.ev(X)&&(t.freeCSS=X),e.ev(K)&&(t.UnderBreakPointStyles=K),t};export{$e as ExtractStyles,Oe as GenerateHTMLProps,Pe as ReadStyleSet};
|
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
import { StyleTags, ReactElement } from '../../@declares';
|
|
2
2
|
import { InputTypes } from '.';
|
|
3
|
+
import { List } from './List';
|
|
3
4
|
declare namespace Checker {
|
|
4
5
|
type Input = InputTypes.CoreInput<boolean> & {
|
|
5
6
|
label: ReactElement;
|
|
6
7
|
id?: string;
|
|
7
8
|
tabIndex?: number;
|
|
9
|
+
icon?: boolean;
|
|
10
|
+
iconType?: List.IconType;
|
|
11
|
+
iconSize?: List.Size;
|
|
12
|
+
iconPosition?: 'left' | 'right';
|
|
8
13
|
disabled?: boolean;
|
|
9
14
|
value?: boolean;
|
|
10
15
|
cellStyles?: StyleTags.PropsNFreeCSS;
|
package/dist/fn/Input/Checker.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as l,c as t}from"../../chunk-C5N2D3ZX.js";import{jsx as
|
|
1
|
+
import{b as l,c as t}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import{Checkbox as n}from"./List";const o=e=>a(n,t(l({isChecker:!0,icon:!0},e),{value:!!e.value,options:[{value:!0,label:e.label}]}));export{o as Checker,o as default};
|
package/dist/fn/Input/List.d.ts
CHANGED
|
@@ -6,14 +6,15 @@ declare namespace List {
|
|
|
6
6
|
type Type = 'radio' | 'checkbox';
|
|
7
7
|
type IconType = Type;
|
|
8
8
|
type Tone = 'normal' | 'border' | 'cloud' | 'plain';
|
|
9
|
-
type
|
|
9
|
+
type Size = 'small' | 'regular' | 'large';
|
|
10
10
|
type Input<T = Value> = InputTypes.CoreInput<T> & {
|
|
11
11
|
type?: Type;
|
|
12
12
|
tone?: Tone;
|
|
13
13
|
icon?: boolean;
|
|
14
14
|
iconType?: IconType;
|
|
15
|
-
iconSize?:
|
|
15
|
+
iconSize?: Size;
|
|
16
16
|
iconPosition?: 'left' | 'right';
|
|
17
|
+
iconCheckedColor?: StyleTags.BackgroundColor;
|
|
17
18
|
isChecker?: boolean;
|
|
18
19
|
CustomIcon?: React.FC<CustomIconInput>;
|
|
19
20
|
tabIndex?: number;
|
|
@@ -44,7 +45,8 @@ declare namespace List {
|
|
|
44
45
|
} & StyleTags.States;
|
|
45
46
|
type CustomIconInput = {
|
|
46
47
|
isChecked: boolean;
|
|
47
|
-
iconSize:
|
|
48
|
+
iconSize: Size;
|
|
49
|
+
iconColor: StyleTags.BackgroundColor;
|
|
48
50
|
toggle: () => void;
|
|
49
51
|
};
|
|
50
52
|
type CoreStates = {
|
package/dist/fn/Input/List.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as o,c as C,d as w}from"../../chunk-C5N2D3ZX.js";import{jsx as a}from"react/jsx-runtime";import y,{UUID as P}from"jmini";import{useState as ae}from"react";import{$$fromRoot as se,GenerateHTMLProps as re}from"../../@utils";import{Box as I,Flex as ce,FAI as de,Span as ue}from"../../atoms";import{Button as Ce}from"../Button";import{OptionalInputWrapper as me,BoxWrapper as he,CoreEffects as M}from"./core";import{InputListClasses as g}from"../../@styles/componentClasses";function Se(t){let{value:l,states:n}=t,{type:e,required:d,min:i,max:m}=n;i=i||0,m=m||65535;let s=[],p=l.length;return d&&(p||e=="radio"&&s.push({type:"invalid",label:"\u5FC5\u9808\u9805\u76EE\u3067\u3059"})),p<i&&s.push({type:"invalid",label:i+"\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044"}),p>m&&s.push({type:"invalid",label:m+"\u500B\u307E\u3067\u9078\u629E\u3067\u304D\u307E\u3059"}),{ok:!s.filter(({type:V})=>V=="invalid").length,notice:s}}const S={OptionalListWrapper:t=>{let{value:l,options:n=[]}=t,e=y.is.exist(l)?y.flatArray(l):[],d=[];return e.forEach(i=>{n.findIndex(s=>y.is.equal(s.value,i))!=-1&&d.push(i)}),a(S.Core,C(o({},t),{value:d,options:n}))},Core:t=>{let _=t,{type:l,tone:n,required:e,componentID:d="",form:i,override:m,icon:s,iconType:p,iconSize:V,iconPosition:O,iconCheckedColor:v,CustomIcon:$,enableFormSubmit:J,checkValidationAtFirst:W,onValidate:X,onUpdateValue:L,onUpdateValidValue:U,value:z,options:K,className:b,cellStyles:q,cellClassName:H,cellCheckedStyles:j,cellCheckedClassName:G,min:Q,max:Y,hideInput:B,freeCSS:u,wrapStyles:N}=_,k=w(_,["type","tone","required","componentID","form","override","icon","iconType","iconSize","iconPosition","iconCheckedColor","CustomIcon","enableFormSubmit","checkValidationAtFirst","onValidate","onUpdateValue","onUpdateValidValue","value","options","className","cellStyles","cellClassName","cellCheckedStyles","cellCheckedClassName","min","max","hideInput","freeCSS","wrapStyles"]),[x,h]=ae(M.DefaultStatus(d,z)),[D,Z]=ae({ok:!1,notice:[]});return M.CommonEffects({type:"list."+l,states:t,val_status:x,set_status:h,val_validate:D,set_validate:Z,SystemValidation:Se}),a(he,{val_status:x,set_status:h,val_validate:D,states:t,children:a(S.List,{rootStates:t,val_status:x,set_status:h})})},List:t=>{let{rootStates:l,val_status:n,set_status:e}=t,{componentID:d,type:i,tone:m,icon:s,iconSize:p,iconCheckedColor:V,isChecker:O,options:v,name:$,form:J,tabIndex:W,hideInput:X,disabled:L,className:U,cellStyles:z,cellClassName:K="",cellCheckedStyles:b,cellCheckedClassName:q="",enableFormSubmit:H}=l,{dataValue:j}=n,G=l.CustomIcon,Q=v.map((Y,B)=>{let le=Y,{value:u,label:N,disabled:k,className:x="",checkedStyles:h,checkedClassName:D="",freeCSS:Z}=le,_=w(le,["value","label","disabled","className","checkedStyles","checkedClassName","freeCSS"]),ee=P(),R=j.findIndex(r=>r===u)!=-1,f=o(o({},z),_),F=[g("Label"),K,x];R&&(f=C(o(o(o({},f),b),h),{freeCSS:o(o(o({},f==null?void 0:f.freeCSS),b==null?void 0:b.freeCSS),h==null?void 0:h.freeCSS)}),F=[...F,q,D]);const te=()=>{if(L||k)return;let r=[];if(i=="radio")r=[u];else if(i=="checkbox"||O)if(!R)r=[...n.dataValue,u];else{let c=[...n.dataValue];c.splice(n.dataValue.findIndex(E=>E==u),1),r=c}e(c=>C(o({},c),{dataValue:r,eventType:"update",eventID:P()}))};let oe=[a(ue,{position:"relative",freeCSS:{zIndex:2},flexSizing:0,children:y.is.string(N)?a(I,{children:N}):N},"content")];return s&&oe[l.iconPosition=="right"?"push":"unshift"](a(G,{isChecked:R,iconSize:p,iconColor:V,toggle:te},"icon")),[a(I,{htmlTag:"input",type:i=="radio"?"radio":"checkbox",className:g("Input"),name:"RadioCheckbox-"+$,"data-list-index":d+"-"+B,id:ee,value:String(u),disabled:L||k,checked:R,onFocus:r=>{k||i=="radio"&&(n.dataValue.length||e(c=>C(o({},c),{dataValue:[u],eventType:"update",eventID:P()})))},onChange:()=>{te()},onKeyDown:r=>{let{key:c,shiftKey:E}=r;if((i=="checkbox"||t.rootStates.isChecker)&&c!="Tab"){if(c.match(/Arrow/)){r.preventDefault();let ie=["ArrowLeft","ArrowUp"].includes(c)?-1:1,T=B+ie;T<0?T=v.length-1:T>=v.length&&(T=0),se(`input[data-list-index="${d}-${T}"]`).focus()}}H&&M.SubmitForm(r,J)},tabIndex:W},"List-"+y.Stringify(u)),a(I,C(o({htmlTag:"label","data-disabled":L||k,htmlFor:ee,className:F.join(" "),tabIndex:-1,display:"flex",verticalAlign:"center",flexWrap:!1},f),{children:oe}),"ListTrigger-"+y.Stringify(u))]});return a(ce,{flexSizing:"auto",style:l.style,freeCSS:o({},l.freeCSS),className:[U,g("CellBase"),g("HideInput_"+X),g("IconIndicator_"+!!s),g("Tone_"+m)].join(" "),children:Q})},_Icon:t=>{let l=1.5;return t.iconSize=="small"?l=1.2:t.iconSize=="large"&&(l=2),a(Ce.Normal,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",ssSphere:2,freeCSS:{transform:`scale(${l})`},onClick:n=>{n.preventDefault(),n.stopPropagation(),t.toggle()},children:t.children})},RadioIcon:t=>a(S._Icon,C(o({type:"radio"},t),{children:a(I,{flexCenter:!0,isRounded:!0,border:t.isChecked?"0.trans":"3.thick",borderColor:t.isChecked?t.iconColor:"3.thick",position:"relative",transition:"middle",freeCSS:{width:"50%",height:"50%"},children:a(I,{position:"absolute",transition:"middle",isRounded:!0,backgroundColor:t.iconColor,opacity:t.isChecked?"max":"trans",freeCSS:{width:"60%",height:"60%",transform:t.isChecked?"scale(1)":"scale(.6)"}})})})),CheckboxIcon:t=>a(S._Icon,C(o({type:"checkbox"},t),{children:a(I,{flexCenter:!0,border:t.isChecked?"0.trans":"3.thick",backgroundColor:t.isChecked?t.iconColor:"trans",position:"relative",transition:"middle",fontColor:"white",freeCSS:{borderRadius:"25%",padding:"4%",width:"50%",height:"50%"},children:a(de.Check,{transition:"middle",opacity:t.isChecked?"max":"trans",freeCSS:{zIndex:8,width:"100%",height:"100%",transform:t.isChecked?"scale(1)":"scale(.6)"}})})}))},A=t=>{t=t||"checkbox";const l=e=>(e=C(o({gap:1,icon:!0,iconSize:"regular",iconType:t=="radio"?"radio":"checkbox",iconPosition:"left",iconCheckedColor:"theme"},e),{type:t,cellStyles:o({gap:"1/6",position:"relative",borderRadius:"2.tone.secondary",transition:"middle"},e.cellStyles)}),e.CustomIcon||(e.iconType=="radio"?e.CustomIcon=S.RadioIcon:e.iconType=="checkbox"&&(e.CustomIcon=S.CheckboxIcon)),e.iconSize=="small"?e.cellStyles.gap=0:e.iconSize=="large"&&(e.cellStyles.gap="1/2"),e.tone=="normal"?(e.cellStyles=o({padding:["1/4",1],border:"1.thin",backgroundColor:"layer.1"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme",boxShadow:"1.normal"},e.cellCheckedStyles)):e.tone=="border"?(e.cellStyles=o({paddingRight:1,border:"1.thin",backgroundColor:"layer.1",padding:"1/2"},e.cellStyles),e.cellCheckedStyles=o({borderColor:"theme",fontColor:"theme"},e.cellCheckedStyles)):e.tone=="cloud"&&(e.cellStyles=o({paddingRight:1,border:"1.thin",backgroundColor:"layer.2",padding:"1/2"},e.cellStyles),e.cellCheckedStyles=o({backgroundColor:"cloud",fontColor:"theme"},e.cellCheckedStyles)),e=re(e),a(me,{componentID:e.componentID,children:S.OptionalListWrapper,states:e})),n=l;return n.Normal=e=>a(l,o({type:t,tone:"normal",icon:!1},e)),n.Border=e=>a(l,o({type:t,tone:"border"},e)),n.Cloud=e=>a(l,o({type:t,tone:"cloud"},e)),n.Vivid=e=>a(l,o({type:t,tone:"normal",icon:!1,cellCheckedStyles:{backgroundColor:"theme",fontColor:"white"}},e)),n.Simple=e=>a(l,o({type:t,tone:"plain",icon:!1,cellCheckedStyles:{fontColor:"theme"}},e)),n},pe=A("checkbox"),fe=A("radio"),ne=A();export{pe as Checkbox,ne as List,fe as Radio,ne as default};
|
|
@@ -2,16 +2,27 @@
|
|
|
2
2
|
import { ThemeColor, ReactElement } from '../../@declares';
|
|
3
3
|
import { InputTypes } from '.';
|
|
4
4
|
declare namespace Switch {
|
|
5
|
+
type Size = 'small' | 'regular' | 'large';
|
|
5
6
|
type Input = InputTypes.UniInput<boolean> & React.DOMAttributes<HTMLInputElement> & {
|
|
6
7
|
color?: Color;
|
|
7
8
|
id?: string;
|
|
8
9
|
tabIndex?: number;
|
|
9
|
-
|
|
10
|
+
size?: Size;
|
|
11
|
+
isApply?: boolean;
|
|
10
12
|
disabled?: boolean;
|
|
11
13
|
value?: boolean;
|
|
12
14
|
icon?: ReactElement;
|
|
13
15
|
};
|
|
14
16
|
type Color = ThemeColor | 'theme' | 'posi' | 'nega' | 'warn';
|
|
17
|
+
namespace Methods {
|
|
18
|
+
type Component<I> = React.FC<I>;
|
|
19
|
+
type FNs<I> = {
|
|
20
|
+
S: React.FC<I>;
|
|
21
|
+
R: React.FC<I>;
|
|
22
|
+
L: React.FC<I>;
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
type Methods = Methods.Component<Input> & Methods.FNs<Input>;
|
|
15
26
|
}
|
|
16
|
-
declare const Switch:
|
|
27
|
+
declare const Switch: Switch.Methods;
|
|
17
28
|
export { Switch, Switch as default };
|
package/dist/fn/Input/Switch.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as
|
|
1
|
+
import{b as a,c as i,d as v}from"../../chunk-C5N2D3ZX.js";import{jsx as t,jsxs as V}from"react/jsx-runtime";import{UUID as k}from"jmini";import{useState as D}from"react";import c from"../../atoms/Box";import{Row as E}from"../../mols";import{Label as L}from"../Button";import{OptionalInputWrapper as _,BoxWrapper as U,CoreEffects as T}from"./core";import{InputSwitchClasses as h}from"../../@styles/componentClasses";function A(e){let{value:o,states:n}=e,{required:S}=n,l=[];return S&&!o&&l.push({type:"invalid",label:"ON\u306B\u306A\u3063\u3066\u3044\u307E\u305B\u3093"}),{ok:!l.filter(({type:u})=>u=="invalid").length,notice:l}}const H=e=>{let x=e,{componentID:o,color:n="posi",required:S,form:l,id:u,enableFormSubmit:F,checkValidationAtFirst:O,onChange:b,onKeyDown:g,onValidate:P,onUpdateValue:W,onUpdateValidValue:q,size:f="regular",value:M="",icon:R="",isApply:m=!1}=x,N=v(x,["componentID","color","required","form","id","enableFormSubmit","checkValidationAtFirst","onChange","onKeyDown","onValidate","onUpdateValue","onUpdateValidValue","size","value","icon","isApply"]),[r,C]=D({componentID:e.componentID||"",dataValue:M,eventType:"init",eventID:k()}),[y,w]=D({ok:!1,notice:[]}),s=!!r.dataValue;return T.CommonEffects({type:"switch",states:e,val_status:r,set_status:C,val_validate:y,set_validate:w,SystemValidation:A}),V(U,{val_status:r,set_status:C,val_validate:y,states:e,children:[t(c,a({htmlTag:"input",type:"checkbox","data-component-id":r.componentID,checked:r.dataValue,className:h("Input"),id:u,onKeyDown:p=>{g&&g(p),F&&T.SubmitForm(p,l)},onChange:p=>{let{checked:z}=p.target;y.ok&&w({ok:!1,notice:[]}),C(B=>i(a({},B),{dataValue:z,eventType:"update",eventID:k()})),b&&b(p)}},N)),t(L.Plain,{tabIndex:-1,htmlFor:u,padding:"1/4",transition:"middle",borderRadius:"1.tone.primary",className:h("Label"),children:t(c,i(a({},m?{padding:"1/4",isRounded:!0,backgroundColor:s?n:"layer.5"}:{}),{children:V(E.Center,{unitHeight:f=="small"?2:f=="regular"?2.5:f=="large"?3:0,position:"relative",freeCSS:{aspectRatio:9/5},children:[!m&&t(c,{position:"absolute",backgroundColor:s?n:"layer.5",isRounded:!0,transition:"middle",width:1,opacity:"middle",className:h("Bar"),freeCSS:{height:"40%"}}),t(c,{position:"absolute",top:0,backgroundColor:!m&&s?n:"white",transition:"middle",isRounded:!0,flexCenter:!0,boxShadow:"1.remark",className:h("Dot"),freeCSS:{height:"100%",aspectRatio:"1",left:s?`calc(${4 .ratio(9)}%)`:0},children:R&&t(c,{transition:"middle",flexCenter:!0,fontColor:s?m?n:"white":"6.clear",children:R})})]})}))})]})},I=e=>{let o=a({},e);return o.value=!!o.value,o.color=o.color||"theme",t(_,{componentID:o.componentID,children:H,states:o})},d=I;d.S=e=>t(I,i(a({},e),{size:"small"})),d.R=e=>t(I,i(a({},e),{size:"regular"})),d.L=e=>t(I,i(a({},e),{size:"large"}));export{d as Switch,d as default};
|
package/dist/index.d.ts
CHANGED
|
@@ -40,7 +40,6 @@ declare const amotify: {
|
|
|
40
40
|
Tips: fn.Tips.Methods;
|
|
41
41
|
Cropper: fn.Cropper.Methods;
|
|
42
42
|
PageNotFound: import("react").FC<fn.PageNotFound.Input>;
|
|
43
|
-
DesignBook: () => import("react/jsx-runtime").JSX.Element;
|
|
44
43
|
Accordion: mols.Accordion.Methods;
|
|
45
44
|
LinkifyText: import("react").FC<mols.LinkifyText.Input>;
|
|
46
45
|
List: import("react").FC<mols.List.Input>;
|
package/dist/temps/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export
|
|
1
|
+
export {};
|
package/dist/temps/index.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export*from"./designBook";
|
package/package.json
CHANGED
package/dist/temps/designBook.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import{b as N,c as X,e as v}from"../chunk-C5N2D3ZX.js";import{Fragment as c,jsx as e,jsxs as o}from"react/jsx-runtime";import T,{UUID as U,Filer as W}from"jmini";import{useState as k,useEffect as G}from"react";import{Config as L,ThemeColors as ee,Box as t,Span as oe,Grid as x,Flex as b,FAI as m,Img as I,Logo as s,Column as p,Placeholder as te,List as F,ListItem as E,LinkifyText as re,Accordion as j,Row as u,Text as i,PageViewController as le,SwipeView as ae,TabBar as ne,Plate as J,Table as C,Input as n,Button as r,Anchor as M,Label as A,Sheet as B,Snackbar as V,Tooltips as R,Tips as K,Loader as P,Effect as ie,Cropper as de,RootViewController as se}from"..";const y={index:()=>o(c,{children:[o(b,{gap:1,children:[e(t,{flexCenter:!0,children:e(te,{ssSphere:6,children:"Placeholder"})}),o(x,{gridCols:3,gap:1,flexSizing:"auto",children:[e(t,{padding:2,backgroundColor:"layer.1"}),e(t,{padding:2,backgroundColor:"layer.2"}),e(t,{padding:2,backgroundColor:"layer.3"}),e(t,{padding:2,backgroundColor:"layer.4"}),e(t,{padding:2,backgroundColor:"layer.5"}),e(t,{padding:2,backgroundColor:"layer.6"})]}),o(x,{gridCols:3,gap:"1/2",flexSizing:"auto",ssCardBox:!0,children:[e(t,{flexCenter:!0,fontColor:"1.clear",children:"FontColor1"}),e(t,{flexCenter:!0,fontColor:"2.normal",children:"FontColor2"}),e(t,{flexCenter:!0,fontColor:"3.blur",children:"FontColor3"}),e(t,{flexCenter:!0,fontColor:"4.thin",children:"FontColor4"}),e(t,{flexCenter:!0,fontColor:"5.translucent",children:"FontColor5"})]})]}),e(y.Fonts,{}),e(y.Box,{}),e(y.Flex,{}),e(y.Grid,{}),e(y.Others,{})]}),Fonts:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{padding:1,borderBottom:!0,children:"Font"}),o(t,{overflow:"auto",padding:1,children:[e(i.Description,{padding:1,children:`<Box
|
|
2
|
-
fontSize={ 0 ~ 8 }
|
|
3
|
-
>
|
|
4
|
-
some text
|
|
5
|
-
</Box>`}),e(F,{items:[o(c,{children:["\u30FB Landing",o(t,{isSemiBoldFont:!0,fontSize:"7.landing",children:["Visualize Your ",e(oe,{fontColor:"theme",children:"Colors"})," On a Real Website"]})]}),o(c,{children:["\u30FB Title",e(t,{fontSize:"6.title",children:"\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u56FD\u6C11\u8CA0\u62C5\u7387\u3092\u516C\u8868\u3057\u307E\u3059"})]}),o(c,{children:["\u30FB SubTitle",e(t,{fontSize:"5.subTitle",children:"\u652F\u6255\u3044\u3092\u53D7\u3051\u4ED8\u3051\u308B"})]}),o(c,{children:["\u30FB ThirdTitle",e(t,{fontSize:"4.thirdTitle",children:"\u79DF\u7A0E\u8CA0\u62C5\u7387\u3068\u793E\u4F1A\u4FDD\u969C\u8CA0\u62C5\u7387\u3092\u5408\u8A08\u3057\u305F\u56FD\u6C11\u8CA0\u62C5\u7387\u306B\u3064\u3044\u3066\u3001\u4EE4\u548C\uFF14\u5E74\u5EA6\u306E\u898B\u901A\u3057\u3092\u63A8\u8A08\u3057\u307E\u3057\u305F\u306E\u3067\u3001\u516C\u8868\u3057\u307E\u3059\u3002"})]}),o(c,{children:["\u30FB Paragraph",e(i.Description,{fontSize:"3.paragraph",children:e(re,{text:`
|
|
6
|
-
This article discusses performance best practices for fonts.
|
|
7
|
-
There are a variety of ways in which web fonts impact performance`})})]}),o(c,{children:["\u30FB Normal",e(t,{fontSize:"2.normal",children:"\u52B9\u7387\u7684\u3067\u6301\u7D9A\u53EF\u80FD\u306A\u8CA1\u653F\u3078\u306E\u8EE2\u63DB\u3092\u56F3\u308A\u3001\u3053\u306E\u8CA1\u653F\u69CB\u9020\u3092\u5404\u822C\u306E\u69CB\u9020\u6539\u9769\u3068\u3068\u3082\u306B\u63A8\u9032\u3059\u308B\u3053\u3068\u3067\u3001\u6C11\u9593\u9700\u8981\u4E3B\u5C0E\u306E\u6301\u7D9A\u7684\u7D4C\u6E08\u6210\u9577\u306E\u5B9F\u73FE\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u5C11\u5B50\u30FB\u9AD8\u9F62\u5316\u3001\u56FD\u969B\u5316\u306A\u3069\u7D4C\u6E08\u793E\u4F1A\u306E\u69CB\u9020\u5909\u5316\u306B\u5BFE\u5FDC\u3067\u304D\u308B21\u4E16\u7D00\u306E\u3042\u308B\u3079\u304D\u7A0E\u5236\u3092\u304D\u305A\u304D\u307E\u3059\u3002 \u8CA1\u653F\u6295\u878D\u8CC7\u306F\u3001\u884C\u8CA1\u653F\u6539\u9769\u306E\u8DA3\u65E8\u3092\u8E0F\u307E\u3048\u3001\u6C11\u9593\u3067\u306F\u3067\u304D\u306A\u3044\u5206\u91CE\u30FB\u4E8B\u696D\u306A\u3069\u306B\u91CD\u70B9\u5316\u3092\u884C\u3044\u3001\u771F\u306B\u653F\u7B56\u7684\u306B\u5FC5\u8981\u306A\u8CC7\u91D1\u9700\u8981\u306B\u306F\u7684\u78BA\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002 \u91D1\u878D\u5E81\u3068\u5354\u529B\u3057\u3001\u91D1\u878D\u306E\u30BB\u30FC\u30D5\u30C6\u30A3\u30CD\u30C3\u30C8\u3092\u6574\u5099\u3057\u3001\u91D1\u878D\u5371\u6A5F\u306B\u7D20\u65E9\u304F\u5BFE\u5FDC\u3059\u308B\u306A\u3069\u3001\u91D1\u878D\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u306E\u78BA\u4FDD\u3092\u76EE\u6307\u3057\u307E\u3059\u3002 \u56FD\u969B\u7684\u306A\u5354\u529B\u7B49\u306B\u7A4D\u6975\u7684\u306B\u53D6\u308A\u7D44\u3080\u3053\u3068\u306B\u3088\u308A\u3001\u56FD\u969B\u901A\u8CA8\u30B7\u30B9\u30C6\u30E0\u306E\u5B89\u5B9A\u30FB\u56FD\u969B\u8CBF\u6613\u306E\u79E9\u5E8F\u3042\u308B\u767A\u5C55\u3092\u76EE\u6307\u3057\u307E\u3059\u3002"})]}),o(c,{children:["\u30FB Mini",e(t,{fontSize:"1.mini",children:"Copyright \xA9 Ministry of Finance Japan. All Rights Reserved."})]})]})]})]}),Box:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Box"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,borderRadius:0,height:1,tone:"cellBorder",colLength:2,head:!1,rows:[[{children:e(i.Description,{children:`<Box>
|
|
8
|
-
helloWorld!!
|
|
9
|
-
</Box>`})},{children:e(t,{children:" helloWorld!! "})}],[{children:e(i.Description,{children:`<Box
|
|
10
|
-
children={ 'helloWorld!!' }
|
|
11
|
-
/>`})},{children:e(t,{children:"helloWorld!!"})}],[{children:e(i.Description,{children:`<Box
|
|
12
|
-
fontColor={ '4.thin' }
|
|
13
|
-
padding={ 1 }
|
|
14
|
-
margin={ 1 }
|
|
15
|
-
textAlign='center'
|
|
16
|
-
borderRadius={ 2 }
|
|
17
|
-
border={ 'normal' }
|
|
18
|
-
children={ 'styleBox' }
|
|
19
|
-
/>
|
|
20
|
-
`})},{children:e(t,{fontColor:"4.thin",padding:1,margin:1,textAlign:"center",borderRadius:2,border:!0,children:"styleBox"})}]]})})]}),Flex:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Flex"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,borderRadius:0,height:1,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(i.Description,{children:`<Flex flexType='row' gap={ 1 }>
|
|
21
|
-
<Box children={ 'FlexBox1' } />
|
|
22
|
-
<Box children={ 'FlexBox2' } />
|
|
23
|
-
<Box children={ 'FlexBox3' } />
|
|
24
|
-
</Flex>`})},{children:o(b,{gap:1,flexType:"row",fontColor:"theme",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"theme.opa.low",children:"FlexBox1"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.middle",children:"FlexBox2"}),e(t,{padding:1,borderRadius:1,flexCenter:!0,backgroundColor:"theme.opa.high",children:"FlexBox3"})]})}],[{children:e(i.Description,{textAlign:"left",children:`<Flex
|
|
25
|
-
flexType='col'
|
|
26
|
-
flexChilds={ 'auto' }
|
|
27
|
-
>
|
|
28
|
-
<Box />
|
|
29
|
-
<Box />
|
|
30
|
-
...
|
|
31
|
-
</Flex>`})},{children:o(c,{children:[o(b,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lightest"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighter"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.lighten"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darken"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darker"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"theme.darkest"})]}),o(b,{gap:1,flexCenter:!0,children:[e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.1"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.2"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.3"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.4"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.5"}),e(t,{flexCenter:!0,ssSphere:3,boxShadow:"0.normal",backgroundColor:"layer.6"})]})]})}],[{children:e(i.Description,{children:`<Flex gap={ 1 }>
|
|
32
|
-
<Box flexGrid={ 2 } ... />
|
|
33
|
-
<Box flexGrid={ 3 } ... />
|
|
34
|
-
<Box flexGrid={ 4 } ... />
|
|
35
|
-
</Flex>`})},{children:o(b,{gap:1,fontColor:"white",children:[e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"posi",flexGrid:2,children:"Box1"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"nega",flexGrid:3,children:"Box2"}),e(t,{flexCenter:!0,padding:1,borderRadius:1,backgroundColor:"warn",flexGrid:4,children:"Box3"})]})}]]})})]}),Grid:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Grid"}),e(t,{style:{padding:1,overflow:"auto"},children:e(C.Normal,{ssCardBox:!1,height:1,backgroundColor:"nega",borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(i.Description,{children:`<Grid gridCols={ 3 } gap={ 1 }>
|
|
36
|
-
<Box children={ 'GridBox1' } />
|
|
37
|
-
<Box children={ 'GridBox2' } />
|
|
38
|
-
<Box children={ 'GridBox3' } />
|
|
39
|
-
<Box children={ 'GridBox4' } />
|
|
40
|
-
<Box children={ 'GridBox5' } />
|
|
41
|
-
<Box children={ 'GridBox6' } />
|
|
42
|
-
</Grid>`})},{children:o(x,{gridCols:3,gap:1,children:[e(t,{border:!0,padding:1,backgroundColor:"layer.1",children:"GridBox1"}),e(t,{border:!0,padding:1,backgroundColor:"layer.2",children:"GridBox2"}),e(t,{border:!0,padding:1,backgroundColor:"layer.3",children:"GridBox3"}),e(t,{border:!0,padding:1,backgroundColor:"layer.4",children:"GridBox4"}),e(t,{border:!0,padding:1,backgroundColor:"layer.5",children:"GridBox5"}),e(t,{border:!0,padding:1,backgroundColor:"layer.6",children:"GridBox6"})]})}]]})})]}),Others:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Others"}),e(t,{padding:1,overflow:"auto",children:e(C.Normal,{ssCardBox:!1,height:1,borderRadius:0,colLength:2,tone:"cellBorder",head:!1,rows:[[{children:e(c,{children:e(i.Description,{children:`
|
|
43
|
-
<Button.Label
|
|
44
|
-
htmlFor='testAccordion'
|
|
45
|
-
type='sub'
|
|
46
|
-
children={ 'ToggleButton' }
|
|
47
|
-
/>
|
|
48
|
-
<Accordion
|
|
49
|
-
id='testAccordion'
|
|
50
|
-
open
|
|
51
|
-
children={
|
|
52
|
-
<>
|
|
53
|
-
in Accordion Element
|
|
54
|
-
</>
|
|
55
|
-
}
|
|
56
|
-
/>`})})},{children:o(c,{children:[e(A,{}),e(A.Sub,{children:"ToggleButton",onClick:()=>{j.fn.toggle("testAccordion")}}),e(j,{accordionID:"testAccordion",defaultOpen:!0,children:"in Accordion Element"})]})}],[{children:e(i.Description,{children:`
|
|
57
|
-
<Img
|
|
58
|
-
maxheight={ 8 }
|
|
59
|
-
maxWidth={ 8 }
|
|
60
|
-
src='...'
|
|
61
|
-
alt='noImage'
|
|
62
|
-
/>
|
|
63
|
-
`})},{children:e(u.Center,{children:o(p,{ssCardBox:!0,gap:0,overflow:"hidden",children:[e(t,{children:e(I,{className:"test",src:s.Images.defaultIcon("user"),alt:"noImage",freeCSS:{maxHeight:12*8,maxWidth:12*8}})}),e(i,{padding:1,borderTop:!0,children:"Image"})]})})}]]})})]})},w={index:()=>o(c,{children:[e(w.Comun,{}),e(w.Mingoo,{}),e(w.Google,{}),e(w.Facebook,{}),e(w.Line,{}),e(w.Twitter,{})]}),Comun:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Comun"}),e(t,{padding:1,overflow:"auto",children:o(p,{padding:2,children:[o(u.Left,{gap:2,children:[e(s.Brands.ComunIcon,{size:"S"}),e(s.Brands.ComunIcon,{size:"R"}),e(s.Brands.ComunIcon,{size:"L"}),e(s.Brands.ComunIcon,{size:"2L"}),e(s.Brands.ComunIcon,{size:"3L"})]}),o(u.Left,{gap:2,children:[e(s.Brands.ComunTitle,{size:"S"}),e(s.Brands.ComunTitle,{size:"R"}),e(s.Brands.ComunTitle,{size:"L"}),e(s.Brands.ComunTitle,{size:"2L"}),e(s.Brands.ComunTitle,{size:"3L"})]}),o(u.Left,{gap:2,children:[e(s.Brands.ComunLogoH,{size:"S"}),e(s.Brands.ComunLogoH,{size:"R"}),e(s.Brands.ComunLogoH,{size:"L"}),e(s.Brands.ComunLogoH,{size:"2L"}),e(s.Brands.ComunLogoH,{size:"3L"})]}),o(u.Left,{gap:2,children:[e(s.Brands.ComunLogoV,{size:"S"}),e(s.Brands.ComunLogoV,{size:"R"}),e(s.Brands.ComunLogoV,{size:"L"}),e(s.Brands.ComunLogoV,{size:"2L"}),e(s.Brands.ComunLogoV,{size:"3L"})]})]})})]}),Mingoo:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Mingoo"}),e(t,{padding:1,overflow:"auto",children:o(u.Center,{gap:2,padding:2,flexType:"col",children:[e(s.Brands.MingooIcon,{size:"S"}),e(s.Brands.MingooIcon,{size:"R"}),e(s.Brands.MingooIcon,{size:"L"}),e(s.Brands.MingooIcon,{size:"2L"}),e(s.Brands.MingooIcon,{size:"3L"})]})})]}),Google:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Google"}),e(t,{padding:1,overflow:"auto",children:o(u.Center,{flexType:"col",gap:2,padding:2,children:[e(s.Brands.Google,{size:"S"}),e(s.Brands.Google,{size:"R"}),e(s.Brands.Google,{size:"L"}),e(s.Brands.Google,{size:"2L"}),e(s.Brands.Google,{size:"3L"})]})})]}),Facebook:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Facebook"}),e(t,{padding:1,overflow:"auto",children:o(u.Center,{flexType:"col",gap:2,padding:2,children:[e(s.Brands.Facebook,{size:"S"}),e(s.Brands.Facebook,{size:"R"}),e(s.Brands.Facebook,{size:"L"}),e(s.Brands.Facebook,{size:"2L"}),e(s.Brands.Facebook,{size:"3L"})]})})]}),Line:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"LINE"}),e(t,{padding:1,overflow:"auto",children:o(u.Center,{flexType:"col",gap:2,padding:2,children:[e(s.Brands.LINE,{size:"S"}),e(s.Brands.LINE,{size:"R"}),e(s.Brands.LINE,{size:"L"}),e(s.Brands.LINE,{size:"2L"}),e(s.Brands.LINE,{size:"3L"})]})})]}),Twitter:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Twitter"}),e(t,{padding:1,overflow:"auto",children:o(u.Center,{flexType:"col",gap:2,padding:2,children:[e(s.Brands.Twitter,{size:"S"}),e(s.Brands.Twitter,{size:"R"}),e(s.Brands.Twitter,{size:"L"}),e(s.Brands.Twitter,{size:"2L"}),e(s.Brands.Twitter,{size:"3L"})]})})]})},z={index:()=>o(c,{children:[e(z.Ripple,{}),e(z.Variables,{}),e(z.Tooltips,{}),e(z.Snackbar,{})]}),Ripple:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Ripple"}),o(p,{padding:2,children:[e(i.Description,{children:`<Element
|
|
64
|
-
ssEffectsOnActive={ 'ripple.( cloud | theme | nega | posi | warn )' }
|
|
65
|
-
/>`}),o(u.Center,{children:[e(t,{ssCardBox:!0,padding:1,ssEffectsOnActive:"ripple.theme",children:"DIV"}),e(r.Prime,{ssEffectsOnActive:"ripple.white",children:"White"}),e(r.Border,{ssEffectsOnActive:"ripple.cloud",children:"Cloud"}),e(r.Border,{ssEffectsOnActive:"ripple.theme",children:"Theme"})]})]})]}),Variables:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Effects"}),o(p,{padding:2,children:[e(i.Description,{children:`<Button
|
|
66
|
-
ssEffectsOnActive={ 'shrink' }
|
|
67
|
-
/>`}),e(u.Left,{children:e(r,{onClick:()=>{P.fn.mini.active("testLoadingKey"),setTimeout(()=>{P.fn.stopALL()},5e3)},children:o(u.Center,{gap:0,children:[e(P.White.S,{loaderID:"testLoadingKey",marginRight:1}),e(t,{textAlign:"left",children:"Launch Mini Loader"})]})})}),o(u.Left,{children:[e(r.Border,{ssEffectsOnActive:"shrink",children:"Shrink"}),e(r.Border,{ssEffectsOnActive:"pudding",children:"Pudding"}),e(r.Border,{ssEffectsOnActive:"expand",children:"Expand"}),e(r.Border,{ssEffectsOnActive:"push",children:"Push"}),e(r.Border,{children:"corner Loader",onClick:()=>{P.fn.corner.active(),setTimeout(()=>{P.fn.corner.stop()},3e3)}})]})]})]}),Tooltips:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tooltips"}),o(p,{padding:2,children:[o(r,{onContextMenu:l=>{l.preventDefault(),R.open({tipsID:"testTooltips",event:l,nextToCursor:!0,gravityPoint:10,closeAtParentBlur:!1,padding:0,freeCSS:{minWidth:12*16},content:o(p,{ssCardBox:!0,gap:0,borderRadius:"3.tone.tertiary",padding:"1/2",children:[e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label1"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label2"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label3"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label4"}),e(r.Clear.S,{color:"cloud",fontColor:"2.normal",textAlign:"left",children:"Button Label5"})]})})},children:["OpenTooltips next to cursor",e("br",{}),"( onContextMenu )"]}),e(x,{gridCols:5,gap:1,children:Array.from({length:25}).map((l,a)=>e(r.Border,{onMouseOver:d=>{R.open({tipsID:"tips-"+(a+1),event:d,gravityPoint:a+1,closeAtParentBlur:!1,padding:0,content:e(R.Body,{children:a},a)})},children:a+1},a))})]})]}),Snackbar:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Snackbars"}),o(u.Center,{padding:2,children:[e(r,{onClick:()=>{V.add({secondsToClose:3,children:"hello World!!"})},children:"Add Normal Snackbar"}),e(r,{onClick:()=>{V.add({snackID:"testSnackID1",secondsToClose:30,children:o(u.Separate,{verticalAlign:"baseline",paddingLeft:"2/3",children:["\u4E88\u7D04\u6642\u9593\u304C\u66F4\u65B0\u3055\u308C\u307E\u3057\u305F",e(r.Clear.S,{color:"white",fontColor:"posi",children:"\u5143\u306B\u623B\u3059"})]})})},children:"Notices"}),e(r,{onClick:()=>{let l=U();V.add({snackID:l,children:o(p,{padding:1,children:[o(u.Left,{verticalAlign:"top",children:[e(I,{src:s.Images.defaultIcon("user"),ssSphere:4}),e(i.Description,{children:`Some Text
|
|
68
|
-
Some Text
|
|
69
|
-
Some Text`})]}),o(u.Separate,{children:[e(r.Sub.S,{color:"white",onClick:()=>{V.remove(l)},children:"\u9589\u3058\u308B"}),e(M.Prime.S,{href:"",children:"\u8A73\u7D30"})]})]})})},children:"Message"})]})]})},H={index:()=>o(c,{children:[e(H.Types,{}),e(H.Tone,{})]}),Tone:()=>o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Tone"}),e(t,{padding:1,overflow:"auto",children:o(x,{gridCols:2,gap:2,children:[o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBPrime"}),o(x,{gridCols:3,padding:1,gap:1,children:[e(r,{color:"theme",children:"theme"}),e(r,{backgroundColor:"coffee",children:"posi"}),e(r,{backgroundColor:"ninja",children:"nega"}),e(r,{backgroundColor:"droplet",children:"warn"}),e(r,{backgroundColor:"googleBlue",children:"mono"}),e(r,{backgroundColor:"poizon",children:"pozion"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBSub"}),o(x,{gridCols:3,gap:1,padding:1,children:[e(r.Sub,{color:"theme",children:"theme"}),e(r.Sub,{color:"posi",children:"posi"}),e(r.Sub,{color:"nega",children:"nega"}),e(r.Sub,{color:"warn",children:"warn"}),e(r.Sub,{color:"cloud",children:"cloud"})]}),o(x,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Sub,{color:"white",children:"white"}),e(r.Sub,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBClear"}),o(x,{gridCols:3,gap:1,padding:1,children:[e(r.Clear,{color:"theme",children:"theme"}),e(r.Clear,{color:"posi",children:"posi"}),e(r.Clear,{color:"nega",children:"nega"}),e(r.Clear,{color:"warn",children:"warn"}),e(r.Clear,{color:"cloud",children:"cloud"})]}),o(x,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.Clear,{color:"white",children:"white"}),e(r.Clear,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBFillToBorder"}),o(x,{gridCols:3,gap:1,padding:1,children:[e(r.FillToBorder,{color:"theme",children:"theme"}),e(r.FillToBorder,{color:"posi",children:"posi"}),e(r.FillToBorder,{color:"nega",children:"nega"}),e(r.FillToBorder,{color:"warn",children:"warn"})]}),o(x,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.FillToBorder,{color:"white",children:"white"}),e(r.FillToBorder,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBBorderToFill"}),o(x,{gridCols:3,gap:1,padding:1,children:[e(r.BorderToFill,{color:"theme",fontColor:"nega",children:e(t,{children:"theme"})}),e(r.BorderToFill,{color:"posi",children:"posi"}),e(r.BorderToFill,{color:"nega",children:"nega"}),e(r.BorderToFill,{color:"warn",children:"warn"})]}),o(x,{gridCols:3,gap:1,padding:1,ssCardBox:!0,backgroundColor:"dark",children:[e(r.BorderToFill,{color:"white",children:"white"}),e(r.BorderToFill,{color:"cloud",children:"cloud"})]})]}),o(t,{children:[e(t,{padding:1,isBoldFont:!0,fontSize:"3.paragraph",children:"\u30FBOthers"}),o(x,{gridCols:3,gap:1,padding:1,children:[e(r.Border,{children:"Border"}),e(r.Normal,{children:"Normal"}),e(r.Link,{children:"Link"}),e(r.Plain,{children:"Plain"})]})]})]})})]}),Types:()=>o(b,{gap:2,flexChilds:"auto",children:[o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBButton"}),e(t,{padding:1,overflow:"auto",children:e(F,{items:[o(c,{children:[e(r.Prime,{children:"Button.Prime"}),"Button.Button.Prime"]}),o(c,{children:[e(r.Sub,{children:"Button.Sub"}),"Button.Button.Sub"]}),o(c,{children:[e(r.Border,{children:"Button.Border"}),"Button.Button.Border"]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBLabel"}),e(t,{padding:1,overflow:"auto",children:e(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Label.Prime",e(A.Prime,{children:"Label.Prime"})]}),o(c,{children:["Label.Sub",e(A.Sub,{children:"Label.Sub"})]}),o(c,{children:["Label.Border",e(A.Border,{children:"Label.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBAnchor"}),e(t,{padding:1,overflow:"auto",children:e(F,{ListChildCallback:({children:l})=>e(p,{gap:"1/3",padding:[1,0],horizontalAlign:"between",borderBottom:"2.normal",children:l}),items:[o(c,{children:["Button.Anchor.Prime",e(M.Prime,{href:"",children:"Anchor.Prime"})]}),o(c,{children:["Button.Anchor.Sub",e(M.Sub,{href:"",children:"Anchor.Sub"})]}),o(c,{children:["Button.Anchor.Border",e(M.Border,{href:"",children:"Anchor.Border"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"\u30FBSizes"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(r.Prime.XS,{children:'size="XS"'})}),e(u.Left,{children:e(r.Prime.S,{children:'size="S"'})}),e(u.Left,{children:e(r.Prime,{children:'size="R"'})}),e(u.Left,{children:e(r.Prime.L,{children:'size="L"'})})]})]})]})},ue={index:()=>{let l=a=>e(t,N({flexCenter:!0,ssCardBox:"layer",textAlign:"center",padding:2},a));return o(p,{gap:4,children:[o(p,{children:[e(i.Paragraph,{children:"Shadows"}),o(x,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min",children:"0.min"}),e(l,{boxShadow:"0.normal",children:"0.normal"}),e(l,{boxShadow:"0.remark",children:"0.remark"}),e(l,{boxShadow:"0.max",children:"0.max"}),e(l,{boxShadow:"1.min",children:"1.min"}),e(l,{boxShadow:"1.normal",children:"1.normal"}),e(l,{boxShadow:"1.remark",children:"1.remark"}),e(l,{boxShadow:"1.max",children:"1.max"}),e(l,{boxShadow:"2.min",children:"2.min"}),e(l,{boxShadow:"2.normal",children:"2.normal"}),e(l,{boxShadow:"2.remark",children:"2.remark"}),e(l,{boxShadow:"2.max",children:"2.max"}),e(l,{boxShadow:"3.min",children:"3.min"}),e(l,{boxShadow:"3.normal",children:"3.normal"}),e(l,{boxShadow:"3.remark",children:"3.remark"}),e(l,{boxShadow:"3.max",children:"3.max"}),e(l,{boxShadow:"4.min",children:"4.min"}),e(l,{boxShadow:"4.normal",children:"4.normal"}),e(l,{boxShadow:"4.remark",children:"4.remark"}),e(l,{boxShadow:"4.max",children:"4.max"}),e(l,{boxShadow:"5.min",children:"5.min"}),e(l,{boxShadow:"5.normal",children:"5.normal"}),e(l,{boxShadow:"5.remark",children:"5.remark"}),e(l,{boxShadow:"5.max",children:"5.max"})]})]}),o(p,{children:[e(i.Paragraph,{children:"Inset Shadows"}),o(x,{gap:2,gridCols:4,children:[e(l,{boxShadow:"0.min.inset",children:"0.min.inset"}),e(l,{boxShadow:"0.normal.inset",children:"0.normal.inset"}),e(l,{boxShadow:"0.remark.inset",children:"0.remark.inset"}),e(l,{boxShadow:"0.max.inset",children:"0.max.inset"}),e(l,{boxShadow:"1.min.inset",children:"1.min.inset"}),e(l,{boxShadow:"1.normal.inset",children:"1.normal.inset"}),e(l,{boxShadow:"1.remark.inset",children:"1.remark.inset"}),e(l,{boxShadow:"1.max.inset",children:"1.max.inset"}),e(l,{boxShadow:"2.min.inset",children:"2.min.inset"}),e(l,{boxShadow:"2.normal.inset",children:"2.normal.inset"}),e(l,{boxShadow:"2.remark.inset",children:"2.remark.inset"}),e(l,{boxShadow:"2.max.inset",children:"2.max.inset"}),e(l,{boxShadow:"3.min.inset",children:"3.min.inset"}),e(l,{boxShadow:"3.normal.inset",children:"3.normal.inset"}),e(l,{boxShadow:"3.remark.inset",children:"3.remark.inset"}),e(l,{boxShadow:"3.max.inset",children:"3.max.inset"})]})]})]})}},ce=()=>{const l={Basic:()=>o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"TextInput"}),o(p,{padding:1,gap:2,children:[o(u.Separate,{marginBottom:2,children:[e(i.Description,{children:`<Input.Text
|
|
70
|
-
required
|
|
71
|
-
value={ 'hello React!!' }
|
|
72
|
-
/>`}),e(n.TextField,{tone:"cloud",name:"textfield",label:"testInputLabel",placeholder:"testInputPlaceholder",isLabelActive:!0,required:!0,value:"helloReact"})]}),e(n.TextField.Email,{label:"Input.TextField.Email",name:"textfield.email",autoComplete:"off",value:"test@gmail.com"}),e(n.TextField.Number,{label:"Input.TextField.Number",value:324,onUpdateValidValue:({value:a})=>{console.log(a)}}),e(n.TextField,{label:"Input.TextField (number.zeroStart)",name:"textfield.zeroStart",restrict:"number.zeroStart",value:"0324"}),o(t,{children:["Input.DigitCharacters",e(n.DigitCharacters,{numericOnly:!0,value:"032421",name:"digitCharacters",digits:6,onUpdateValidValue:({value:a})=>{console.log(a)}})]}),e(n.TextField.Tel,{label:"Input.TextField.Tel",name:"textfield.tel",value:"080-6995-2229"}),e(n.TextField.Money.JPY,{value:"3000",label:"Input.TextField.Money.JPY",name:"textfield.money"}),e(n.TextField.Url,{label:"Input.TextField.Url",value:"http://google.com",name:"textfield.url"}),o(t,{children:[e(n.TextField.Postal,{label:"Input.TextField.Postal",name:"textfield.postal",override:"force",rightIcon:e(n.RightIcon,{freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{borderRadius:"3.tone.tertiary",ssSphere:2,onClick:()=>v(void 0,null,function*(){}),onMouseOver:a=>{K.open(a.currentTarget,"\u73FE\u5728\u5730\u3092\u53D6\u5F97")},onMouseLeave:()=>{K.abort()},children:e(m.Location,{})})})}),e(t,{id:"postalResult",padding:1,textAlign:"left"})]}),e(n.TextField.Password,{label:"Input.TextField.Password",name:"textfield.password",value:"onigiriUmai123"}),e(n.TextField,{label:"Input.TextField (multiline)",name:"textfield.multiline",multiline:!0,autoHeight:!1,value:`text1
|
|
73
|
-
text2
|
|
74
|
-
text3
|
|
75
|
-
text4
|
|
76
|
-
text5`,minRows:5}),e(n.TextField,{label:"Input.TextField",name:"textfield.autoHeight",isLabelActive:!0,placeholder:"(autoHeight) (multiline)",multiline:!0,autoHeight:!0,value:"",freeCSS:{minHeight:72},onUpdateValidValue:a=>{console.log(a)}}),e(n.TextField,{label:"Input.LeftIndicator",leftIndicator:e(n.LeftIndicator,{children:"Left Indicator"})}),e(n.TextField,{label:"Input.LeftIcon",paddingLeft:6,leftIcon:e(n.LeftIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Left Icon"})})}),e(n.TextField,{label:"Input.RightIcon",paddingRight:6,rightIcon:e(n.RightIcon,{ssSquare:void 0,freeCSS:{pointerEvents:"all"},children:e(r.Sub.S,{padding:["1/3","1/2"],children:"Right Icon"})})}),e(n.TextField,{label:"Input.RightIndicator",rightIndicator:e(n.RightIndicator,{children:"Right Indicator"})})]})]}),Time:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Time Input"}),e(t,{padding:1,children:o(p,{gap:1.5,children:[e(n.Time.Clock,{label:"Input.Time.Clock",name:"time.clock"}),e(n.Time.Date,{label:"Input.Time.Date",name:"time.date"}),e(n.Time.Week,{label:"Input.Time.Week",name:"time.week"}),e(n.Time.Month,{label:"Input.Time.Month",name:"time.month"}),e(n.Time.Year,{label:"Input.Time.Year",name:"time.year"}),e(n.Time.Periods.Date,{label:"Input.Time.Periods.Date",name:"time.periods.date"}),e(n.Time.Periods.Month,{label:"Input.Time.Periods.Month",name:"time.periods.month"}),e(n.Time.DateWareki,{label:"Input.Time.DateWareki",name:"time.dateWareki"}),e(t,{children:e(n.Select,{label:"Input.TimePicker",id:"timePicker",options:[{value:"clock",label:"clock"},{value:"date",label:"date"},{value:"week",label:"week"},{value:"month",label:"month"},{value:"year",label:"year"},{value:"dates",label:"dates"},{value:"months",label:"months"},{value:"dateWareki",label:"dateWareki"}],onUpdateValidValue:({value:a})=>{n.Time.fn.picker.launch({parent:"#timePicker",restrict:a,defaultValue:"",onValueUpdate:d=>{console.log(d)}})}})})]})})]})}),List:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Radio & Checkbox Input"}),e(t,{padding:1,children:o(p,{children:[o(b,{gap:2,flexChilds:"auto",children:[o(t,{children:["Input.Checkbox",e(n.Checkbox,{name:"checkbox",value:[2,"3"],min:2,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Input.Radio",e(n.Radio,{name:"radio",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"},{value:4,label:"Option4"},{value:5,label:"Option5"}]})]}),o(t,{children:["CustomIcon",e(n.Radio,{name:"radio.CustomIcon",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}],CustomIcon:a=>o(r.Normal.S,{ssPushable:!0,color:"cloud",tabIndex:-1,ssEffectsOnActive:"ripple.cloud",isRounded:!0,fontSize:"3.paragraph",fontColor:a.isChecked?"theme":"5.translucent",onClick:d=>{d.preventDefault(),d.stopPropagation(),a.toggle()},children:[e(m.Heart,{})," 3"]})})]}),e(t,{children:e(n.Checkbox.Border,{name:"checkbox.normala",value:[2,"3"],flexType:"col",iconPosition:"right",hideInput:!0,options:[{value:"1",label:o(u.Separate,{flexSizing:0,children:["Option1",e(t,{padding:2,children:e(m.Heart,{})})]})},{value:"2",label:o(u.Separate,{children:["Option2",e(t,{padding:2,children:e(m.Heart,{})})]})},{value:"3",label:o(u.Separate,{children:["Option3",e(t,{padding:2,children:e(m.Heart,{})})]})}]})})]}),o(p,{children:[e(i.Paragraph,{children:"Tones"}),o(p,{children:[o(t,{children:["Plain",e(n.Radio,{name:"radio.plain",value:[1],gap:1,options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Plain icon={ false }",e(n.Checkbox,{name:"checkbox.plain",icon:!1,cellStyles:{padding:["1/3","2/3"],isRounded:!0},cellCheckedStyles:{fontColor:"theme"},value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Simple",e(n.Checkbox.Simple,{name:"checkbox.simple",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Normal",e(n.Checkbox.Normal,{name:"checkbox.normal",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Vivid",e(n.Checkbox.Vivid,{name:"checkbox.vivid",value:[2,"3"],hideInput:!0,options:[{value:"1",label:"Option1"},{value:"2",label:"Option2"},{value:"3",label:"Option3"}]})]}),o(t,{children:["Cloud",e(n.Checkbox.Cloud,{name:"checkbox.cloud",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]}),o(t,{children:["Border",e(n.Radio.Border,{name:"radio.border",value:[1],options:[{value:1,label:"Option1"},{value:2,label:"Option2"},{value:3,label:"Option3"}]})]})]})]})]})})]})}),Select:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Select,Autocomplete Input"}),o(p,{padding:2,gap:1.5,children:[e(n.Select,{name:"select",label:"Input.Select",isLabelActive:!0,placeholder:"Select",required:!0,value:3,options:[{value:1,label:"option1"},{value:2,label:"option2"},{value:3,label:"option3a"},{value:4,label:"option4"}]}),e(n.Search,{name:"search",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})}),e(n.Autocomplete,{name:"autocomplete",label:"Input.Autocomplete",max:2,value:[4],options:[{value:1,label:"X-men"},{value:2,label:"\u30B7\u30E7\u30FC\u30B7\u30E3\u30F3\u30AF\u306E\u7A7A"},{value:3,label:"\u30B9\u30BF\u30FC\u30A6\u30A9\u30FC\u30BA"},{value:4,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part II"},{value:5,label:"\u30B4\u30C3\u30C9\u30D5\u30A1\u30FC\u30B6\u30FC: Part III"},{value:6,label:"\u30A4\u30F3\u30BB\u30D7\u30B7\u30E7\u30F3"}]}),e(n.Autocomplete,{name:"autocomplete.dynamic",label:"Input.Search",required:!0,options:[{value:1,label:"1"},{value:{value1:2,value2:3},label:"Object"},{value:3,label:"3"},{value:101,label:"101"},{value:102,label:"102"}],DynamicOptionsOnSearch:a=>v(void 0,null,function*(){console.log("keyword",a),yield T.pending(()=>{},1e3);let d=[];for(let g=0;g<100;g++)d.push({value:g,label:String(g),searchValue:a});return d})})]})]})}),Segmented:()=>o(t,{ssCardBox:!0,children:[e(i.ThirdTitle,{borderBottom:!0,padding:1,children:"Segmented"}),o(p,{padding:2,gap:2,children:[e(u.Left,{children:e(n.Segmented,{name:"segmented",value:1,options:[{value:0,label:"Home"},{value:1,label:"Notice"},{value:2,label:"Posts"},{value:3,label:"Settings"}]})}),e(u.Left,{children:e(n.Segmented.Cloud,{name:"segmented.cloud",value:1,options:[{value:0,label:e(m.AngleLeft,{})},{value:1,label:e(m.AngleRight,{})},{value:2,label:e(m.AngleUp,{})},{value:3,label:e(m.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudTheme,{name:"segmented.cloudTheme",value:1,options:[{value:0,label:e(m.AngleLeft,{})},{value:1,label:e(m.AngleRight,{})},{value:2,label:e(m.AngleUp,{})},{value:3,label:e(m.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.CloudMono,{name:"segmented.cloudMono",value:1,options:[{value:0,label:e(m.AngleLeft,{})},{value:1,label:e(m.AngleRight,{})},{value:2,label:e(m.AngleUp,{})},{value:3,label:e(m.AngleDown,{})}]})}),e(u.Left,{children:e(n.Segmented.Border,{name:"segmented.border",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{children:e(n.Segmented.BorderVivid,{name:"segmented.borderVivid",value:1,options:[{value:0,label:"On"},{value:1,label:"Off"}]})}),e(u.Left,{borderBottom:!0,children:e(n.Segmented.Bottomline,{name:"segmented.bottomline",value:1,options:[{value:0,label:"Takana"},{value:1,label:"Mentai"},{value:2,label:"Mayo"},{value:3,label:"Gyudon"}]})})]})]}),Variables:()=>e(c,{children:o(t,{ssCardBox:!0,children:[e(i.Paragraph,{borderBottom:!0,padding:1,children:"Variables"}),e(t,{padding:1,children:e(p,{children:o(p,{gap:2,children:[o(t,{children:["Input.File",e(n.Filer,{name:"filer",limit:3,onUpdateValidValue:({value:a})=>{console.log(a[0])}})]}),o(t,{children:["Input.Switch",o(u.Left,{gap:2,children:[e(n.Switch,{name:"switch"}),e(n.Switch,{name:"switch.applely",appearance:"applely",color:"icicles",value:!0}),e(n.Switch,{name:"switch.warn",appearance:"applely",icon:e(m.ExclamationTriangle,{}),color:"warn",value:!0})]})]}),e(u.Left,{children:e(n.Color,{name:"color",onUpdateValidValue:({value:a})=>{console.log(a)},value:"#4332c3"})}),o(t,{flexNewLine:!0,children:["Input.Slider",e(n.Slider,{name:"slider",color:"battery",value:40,step:10,min:0,max:100,onUpdateValidValue:({value:a})=>{console.log(a)}})]})]})})})]})})};return e(c,{children:e(J,{size:"L",children:o(x,{gridCols:2,gap:2,children:[e(l.Basic,{}),e(l.Select,{}),e(l.Time,{}),e(l.List,{}),e(l.Segmented,{}),e(l.Variables,{})]})})})},pe=()=>{const l=(a,d)=>{let g="testModal"+d;B.open({type:a,sheetID:g,size:"S",padding:2,content:o(B.Body,{padding:1,children:[o(t,{padding:2,children:["Content ",d||0]}),e(r.Sub,{onClick:()=>{l(a,d?d+1:1)},children:"Open Nested"}),e(u.Right,{children:e(r,{onClick:()=>{B.close(g)},children:"\u9589\u3058\u308B"})})]})})};return o(c,{children:[o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"CardBox"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<Box styles={{ssCardBox:true}}>
|
|
77
|
-
<Box>
|
|
78
|
-
Header
|
|
79
|
-
</Box>
|
|
80
|
-
<Box padding={ 1 }
|
|
81
|
-
overflow='auto'>
|
|
82
|
-
Body
|
|
83
|
-
</Box>
|
|
84
|
-
<Box>
|
|
85
|
-
Footer
|
|
86
|
-
</Box>
|
|
87
|
-
</Box>`})}),e(t,{padding:2,children:o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Header"}),e(t,{padding:1,overflow:"auto",children:"Body"}),e(t,{padding:1,children:"Footer"})]})})]}),o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"List"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`<List
|
|
88
|
-
options={ [
|
|
89
|
-
{
|
|
90
|
-
title?: LeftSideReactComponent,
|
|
91
|
-
content: RightSideReactComponent
|
|
92
|
-
}
|
|
93
|
-
] }
|
|
94
|
-
/>`})}),e(t,{padding:2,overflow:"auto",children:o(F,{ssCardBox:!0,padding:1,children:[o(E.Left,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Right"})]}),o(E.Right,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexSizing:0,children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(E.Separate,{children:[e(t,{padding:"1/2",backgroundColor:"cloud",children:"Left"}),e(t,{padding:"1/2",backgroundColor:"cloud",children:"Right"})]}),o(E.Center,{gap:"1/4",children:[e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:1,children:"1"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:3,children:"3"}),e(t,{padding:"1/2",backgroundColor:"cloud",flexGrid:2,children:"2"})]})]})})]}),o(t,{ssCardBox:!0,children:[e(i.SubTitle,{borderBottom:!0,padding:1,children:"Sheet"}),e(t,{padding:1,overflow:"auto",children:e(i.Description,{children:`Sheet.open( {
|
|
95
|
-
sheetID: 'sheetID',
|
|
96
|
-
header: ReactElement | React.FC< { modalClose } >,
|
|
97
|
-
body: ReactElement | React.FC< { modalClose } >,
|
|
98
|
-
footer: ReactElement | React.FC< { modalClose } >
|
|
99
|
-
} )`})}),o(p,{padding:2,children:[e(r.Border,{onClick:a=>{R.open({tipsID:"testTips",parent:a.currentTarget,closeAtParentBlur:!1,closeAtAroundClick:!1,closeAtEscapeKeyDown:!0,content:()=>e(B.Body,{padding:2,children:e(r,{onClick:()=>{B.open({sheetID:"testSheet",closeAtAroundClick:!0,type:"normal.middleLeft",content:()=>e(B.Body,{padding:2,children:"END"})})},children:"nest"})})})},children:"Tooltips with nested sheet"}),e(t,{flexCenter:!0,children:o(x,{gridCols:3,gap:1,children:[e(r.Border,{onClick:()=>{l("normal.topLeft")},children:"Top Left"}),e(r.Border,{onClick:()=>{l("normal.topCenter")},children:"Top Center"}),e(r.Border,{onClick:()=>{l("normal.topRight")},children:"Top Right"}),e(r.Border,{onClick:()=>{l("normal.middleLeft")},children:"Middle Left"}),e(r.Border,{onClick:()=>{l("normal.middleCenter")},children:"Middle Center"}),e(r.Border,{onClick:()=>{l("normal.middleRight")},children:"Middle Right"}),e(r.Border,{onClick:()=>{l("normal.bottomLeft")},children:"Bottom Left"}),e(r.Border,{onClick:()=>{l("normal.bottomCenter")},children:"Bottom Center"}),e(r.Border,{onClick:()=>{l("normal.bottomRight")},children:"Bottom Right"}),e(r.Border,{onClick:()=>{l("drawer.left")},children:"Drawer Left"}),e(r.Border,{onClick:()=>{l("drawer.bottom")},children:"Drawer Bottom"}),e(r.Border,{onClick:()=>{l("drawer.right")},children:"Drawer Right"}),e(r.Border,{onClick:a=>{R.open({tipsID:"test40",parent:a.currentTarget,content:e(t,{padding:1,border:!0,borderRadius:2,backgroundColor:"dark",fontColor:"white",children:"Content"})})},children:"Open Tooltips"})]})}),o(u.Center,{children:["Image Picker",e(I,{src:s.Images.defaultIcon("user"),ssSphere:6,showExpand:!0})]})]})]})]})},O={index:()=>e(c,{children:o(p,{gap:3,children:[e(O.Data,{}),e(O.Normal,{}),e(O.Drag,{}),e(O.Spread,{})]})}),Normal:()=>{let l=[];for(var a=0;a<10;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Normal"}),e(C.Normal,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],rows:l,ssCardBox:!0,onRowClick:d=>{console.log(d)}})]})},Drag:()=>{let l=[];for(var a=0;a<4;a++){let d=[{children:"head_"+a},{children:"data_"+a},{children:"data_"+a}];d.rowID="rowID-"+a,l.push(d)}return o(c,{children:[e(t,{fontSize:"5.subTitle",children:"Table.Drag"}),e(C.Drag,{colLength:3,head:[{children:"head1"},{children:"head2"},{children:"head3"}],cellStyles:{},cellStylesCallback:()=>({}),rows:l,ssCardBox:!0,onOrderChanged:d=>{console.log(d)}})]})},Data:()=>{let[l,a]=k(""),d=[];for(var g=0;g<100;g++){let f=Math.round(Math.random()*50+1),h=Math.round(Math.random()*50+1),_=Math.round(Math.random()*50+1),D="name_"+f,q="data_"+h,Y="data_"+_,Z=[{type:"th",children:g+":"+D,data:D,orderIndex:g},{type:"td",children:q,data:q},{type:"td",children:Y,data:Y}];d.push(Z)}d[1].checked=!0,d[4].checked=!0,d[10].checked=!0;let S="testDataTable";return o(p,{children:[o(b,{horizontalAlign:"between",children:[e(t,{fontSize:"5.subTitle",children:"Table.Data"}),o(b,{gap:"1/2",backgroundColor:"theme",borderRadius:"1.tone.primary",overflow:"hidden",fontColor:"white",children:[e(r.Clear,{color:"white",children:"SubmitButton"}),e(t,{flexSizing:"none",unitWidth:"1/4",backgroundColor:"layer.4.opa.middle",isRounded:!0,margin:["2/3",0]}),e(r.Clear,{padding:[0,1],color:"white",onClick:f=>{R.open({tipsID:U(),parent:f.target,gravityPoint:24,closeAtAroundClick:!0,closeAtParentBlur:!1,content:o(p,{gap:0,padding:["2/3",0],backgroundColor:"layer.1",borderRadius:2,boxShadow:"0.normal",overflow:"hidden",children:[e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3059\u3079\u3066\u3092\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,borderBottom:"1.thin",children:"\u3053\u306E\u30DA\u30FC\u30B8\u306E\u307F\u51FA\u529B"}),e(r.Clear.S,{borderRadius:0,children:"\u30C1\u30A7\u30C3\u30AF\u3057\u305F\u884C\u306E\u307F\u51FA\u529B"})]})})},children:e(m.EllipsisV,{})})]})]}),o(u.Separate,{verticalAlign:"bottom",children:[o(u.Left,{verticalAlign:"bottom",children:[e(C.Data.SearchInput,{tableID:S,onChange:f=>{a(f)}}),e(C.Data.Info,{tableID:S})]}),o(u.Right,{verticalAlign:"unset",children:[e(C.Data.RowLength,{tableID:S,lengthSelect:[30,50,100]}),e(C.Data.Paging,{tableID:S})]})]}),e(C.Data,{tableID:S,colLength:3,head:[{data:"head1"},{data:"head2"},{data:"head3"}],rows:d,pageRowLength:30,ssCardBox:!0,cellStyles:{padding:"1/2"},filter:[!0],checker:!0})]})},Spread:()=>e(c,{children:e(t,{fontSize:"5.subTitle",children:"Table.Spread"})})},ge=()=>{let[l,a]=k(""),[d,g]=k(""),[S,f]=k("");return e(c,{children:o(t,{children:[o(r,{onClick:()=>{de.openDialogNEdit({use:"square",develops:[{size:"S"},{size:"R"},{size:"L"}],onProcessFinished:h=>v(void 0,null,function*(){a(yield(yield W.fromFile(h[0])).toDataURL()),g(yield(yield W.fromFile(h[1])).toDataURL()),f(yield(yield W.fromFile(h[2])).toDataURL())})})},children:[e(m.Image,{})," \u30A4\u30E1\u30FC\u30B8\u3092\u9078\u629E"]}),o(b,{gap:1,verticalAlign:"top",children:[l&&e(I,{isRounded:!0,src:l,alt:"",showExpand:!0,freeCSS:{maxWidth:12*12}}),d&&e(I,{style:{maxWidth:24*12},src:d,alt:"",showExpand:!0}),S&&e(I,{style:{maxWidth:24*12},src:S,alt:"",showExpand:!0}),e(ae,{border:!0,borderWidth:3,margin:[3,"auto"],freeCSS:{width:12*10},slideIndex:1,options:{loop:!0,onSlideCallback:h=>{}},slides:[e(t,{flexCenter:!0,padding:3,backgroundColor:"nega",children:"test1"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"posi",children:"test2"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"warn",children:"test3"}),e(t,{flexCenter:!0,padding:3,backgroundColor:"theme",children:"test4"})]})]})]})})},$={Darkmode:l=>(G(()=>{B.open({sheetID:"darkModeSelector",type:"custom",parent:document.body,gravityPoint:19,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(n.Segmented.Cloud,X(N({cellStyles:{flexCenter:!0,padding:["1/4","1/2"],isRounded:!0},cellCheckedStyles:{boxShadow:"2.normal",backgroundColor:"theme",fontColor:"white"},ssCardBox:!0,backgroundColor:"layer.1",isRounded:!0,gap:"1/6",fontColor:"4.thin"},l),{options:[{value:"light",label:"Light"},{value:"dim",label:"Dim"},{value:"dark",label:"Dark"}],value:L.get().darkMode,onUpdateValidValue:({value:a})=>{let d=a;T.localStrage.set("prf.darkMode",d),L.update.darkMode(d)}}))})})},[]),null),ThemeColor:()=>{const l=a=>{let d="themeColorSelector";B.open({sheetID:d,type:"normal.middleCenter",size:"L",closeAtParentBlur:!1,closeAtAroundClick:!1,closeAfter:()=>{se.fn.updateCSSProperty.reset()},content:()=>{let[g,S]=k(a.defaultColor);G(()=>{T.scope(()=>{g!==L.get().themeColor&&(L.update.themeColor(g),T.localStrage.set("prf.themeColor",g),B.close(d))})},[g]);let f=Object.entries(ee).map(([h,_])=>{let D=h===g;return e(r.Clear,{color:"cloud",textAlign:"center",onClick:()=>{S(h)},children:o(p,{gap:"1/2",textAlign:"center",children:[D&&e(i.Supplement,{padding:["1/4","1/2"],borderRadius:"3.tone.tertiary",backgroundColor:h,boxShadow:"2.normal",margin:"auto",fontColor:"white",fontSize:"0.xs",children:"\u8A2D\u5B9A\u4E2D"}),e(t,{position:"relative",margin:"auto",backgroundColor:h,ssSphere:2.5,children:e(t,{ssAbsoluteCovered:!0,border:!0,opacity:D?"max":"low",borderWidth:2,transition:"short",isRounded:!0,freeCSS:{transform:"scale(1.25)"}})}),e(i.Supplement,{ssTextEllipsis:!0,freeCSS:{lineHeight:1.25},children:h.toCapital()})]})},h)});return e(B.Body,{children:o(p,{padding:2,gap:2,children:[o(u.Separate,{children:[e(i.Paragraph,{children:"\u30C6\u30FC\u30DE\u3092\u9078\u629E"}),e(r.Sub,{color:"cloud",ssSphere:3,onClick:()=>{B.close(d)},children:e(m.Times,{})})]}),e(x,{gap:"1/4",freeCSS:{gridTemplateColumns:"repeat(auto-fit, minmax(4.5rem, 1fr))"},children:f})]})})}})};return G(()=>{T.scope(()=>v(void 0,null,function*(){B.open({sheetID:"themeColorSelector",type:"custom",parent:document.body,gravityPoint:17,closeAtParentBlur:!1,closeAtAroundClick:!1,content:()=>e(t,{padding:1,children:e(r.Border,{isRounded:!0,fontColor:"theme",onClick:a=>{l({defaultColor:L.get().themeColor,cb:d=>{}})},children:o(u.Center,{gap:"1/3",children:[e(t,{boxShadow:"2.normal",ssSquare:1,borderRadius:"1/3",backgroundColor:"theme"}),"Theme: ",L.get().themeColor.toCapital()]})})})})}))},[]),null}};let Q=()=>{console.log(U());let[l,a]=k(Number(T.queryParams.get().ti)||0);return G(()=>{T.queryParams.set({ti:String(l)})},[l]),o(c,{children:[e($.Darkmode,{}),e($.ThemeColor,{}),o(p,{gap:0,minHeight:"contentHeight",backgroundColor:"layer.1",position:"relative",freeCSS:{zIndex:1},children:[e(ne,{borderBottom:!0,position:"sticky",backgroundColor:"layer.1",boxShadow:"2.normal",top:"topBase",tabIndex:l,tabs:["Basic","Shadows","Buttons","Inputs","Styling","Effection","Tables","Croppie","PlayGround","Logo"],onTabChange:d=>{localStorage.setItem("designTabHeader",String(d)),a(d)},UnderBreakPointStyles:{position:"static",top:0}}),e(t,{flexSizing:0,position:"relative",freeCSS:{zIndex:1},children:e(le,{viewIndex:l,views:[e(y.index,{}),e(ue.index,{}),e(H.index,{}),e(ce,{}),e(pe,{}),e(z.index,{}),e(O.index,{}),e(ge,{}),"",e(w.index,{})],wrapper:d=>e(ie.FadeIn,{animationTime:200,children:e(J,{children:e(b,{gap:2,padding:2,flexWrap:!0,flexChilds:"auto",children:d})})},l)})})]})]})};export{Q as DesignBook,Q as default};
|