react-miui 0.0.3 → 0.4.0
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/CHANGELOG.md +41 -0
- package/assets/back.svg +1 -0
- package/assets/forward.svg +1 -0
- package/assets/sources/back.fla +0 -0
- package/dist/components/form/Checkbox.module.scss +13 -6
- package/dist/components/form/Toggle.d.ts +8 -0
- package/dist/components/form/Toggle.d.ts.map +1 -0
- package/dist/{demo/components/form/Checkbox.js → components/form/Toggle.js} +17 -8
- package/dist/components/form/Toggle.js.map +1 -0
- package/dist/components/form/Toggle.module.scss +46 -0
- package/dist/components/icons/Back.d.ts +7 -0
- package/dist/components/icons/Back.d.ts.map +1 -0
- package/dist/components/icons/Back.js +13 -0
- package/dist/components/icons/Back.js.map +1 -0
- package/dist/components/icons/Forward.d.ts +7 -0
- package/dist/components/icons/Forward.d.ts.map +1 -0
- package/dist/components/icons/Forward.js +13 -0
- package/dist/components/icons/Forward.js.map +1 -0
- package/dist/components/icons/Icon.d.ts +13 -0
- package/dist/components/icons/Icon.d.ts.map +1 -0
- package/dist/components/icons/Icon.js +43 -0
- package/dist/components/icons/Icon.js.map +1 -0
- package/dist/components/layout/header/Header.d.ts +4 -0
- package/dist/components/layout/header/Header.d.ts.map +1 -1
- package/dist/components/layout/header/Header.js +26 -2
- package/dist/components/layout/header/Header.js.map +1 -1
- package/dist/components/layout/header/Header.module.scss +46 -2
- package/dist/components/layout/header/HeaderIconAction.d.ts +17 -0
- package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -0
- package/dist/components/layout/header/HeaderIconAction.js +40 -0
- package/dist/components/layout/header/HeaderIconAction.js.map +1 -0
- package/dist/components/layout/header/HeaderIconAction.module.scss +22 -0
- package/dist/components/layout/header/StickyHeader.js +1 -1
- package/dist/components/layout/header/StickyHeader.js.map +1 -1
- package/dist/components/layout/list/Header.d.ts +4 -0
- package/dist/components/layout/list/Header.d.ts.map +1 -0
- package/dist/components/layout/list/Header.js +16 -0
- package/dist/components/layout/list/Header.js.map +1 -0
- package/dist/components/layout/list/Header.module.scss +8 -0
- package/dist/components/layout/list/Item.d.ts +1 -0
- package/dist/components/layout/list/Item.d.ts.map +1 -1
- package/dist/components/layout/list/Item.js +18 -5
- package/dist/components/layout/list/Item.js.map +1 -1
- package/dist/components/layout/list/Item.module.scss +10 -2
- package/dist/components/layout/list/Label.d.ts +8 -0
- package/dist/components/layout/list/Label.d.ts.map +1 -0
- package/dist/components/layout/list/Label.js +16 -0
- package/dist/components/layout/list/Label.js.map +1 -0
- package/dist/components/layout/list/Label.module.scss +9 -0
- package/dist/components/layout/list/Value.d.ts +4 -0
- package/dist/components/layout/list/Value.d.ts.map +1 -0
- package/dist/components/layout/list/Value.js +13 -0
- package/dist/components/layout/list/Value.js.map +1 -0
- package/dist/components/layout/list/Value.module.scss +7 -0
- package/dist/components/ui/action/Action.d.ts +17 -0
- package/dist/components/ui/action/Action.d.ts.map +1 -0
- package/dist/components/ui/action/Action.js +44 -0
- package/dist/components/ui/action/Action.js.map +1 -0
- package/dist/components/ui/action/Action.module.scss +26 -0
- package/dist/components/ui/action/EqualActions.d.ts +7 -0
- package/dist/components/ui/action/EqualActions.d.ts.map +1 -0
- package/dist/components/ui/action/EqualActions.js +23 -0
- package/dist/components/ui/action/EqualActions.js.map +1 -0
- package/dist/components/ui/action/EqualActions.module.scss +6 -0
- package/dist/components/ui/button/Button.d.ts +8 -0
- package/dist/components/ui/button/Button.d.ts.map +1 -0
- package/dist/components/ui/button/Button.js +20 -0
- package/dist/components/ui/button/Button.js.map +1 -0
- package/dist/components/ui/button/Button.module.scss +25 -0
- package/dist/global.scss +35 -11
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/types.d.ts +4 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.js +3 -0
- package/dist/types.js.map +1 -0
- package/docs/assets/js/search.js +1 -1
- package/docs/assets/js/search.json +1 -1
- package/docs/enums/ICON.html +196 -0
- package/docs/index.html +13 -4
- package/docs/modules/StickyHeader.html +4 -4
- package/docs/modules.html +47 -10
- package/docs/pages/Tutorials/Test.html +3 -3
- package/esm/components/form/Checkbox.module.scss +13 -6
- package/esm/components/form/Toggle.d.ts +8 -0
- package/esm/components/form/Toggle.d.ts.map +1 -0
- package/esm/components/form/Toggle.js +15 -0
- package/esm/components/form/Toggle.js.map +1 -0
- package/esm/components/form/Toggle.module.scss +46 -0
- package/esm/components/icons/Back.d.ts +7 -0
- package/esm/components/icons/Back.d.ts.map +1 -0
- package/esm/components/icons/Back.js +7 -0
- package/esm/components/icons/Back.js.map +1 -0
- package/esm/components/icons/Forward.d.ts +7 -0
- package/esm/components/icons/Forward.d.ts.map +1 -0
- package/esm/components/icons/Forward.js +7 -0
- package/esm/components/icons/Forward.js.map +1 -0
- package/esm/components/icons/Icon.d.ts +13 -0
- package/esm/components/icons/Icon.d.ts.map +1 -0
- package/esm/components/icons/Icon.js +24 -0
- package/esm/components/icons/Icon.js.map +1 -0
- package/esm/components/layout/header/Header.d.ts +4 -0
- package/esm/components/layout/header/Header.d.ts.map +1 -1
- package/esm/components/layout/header/Header.js +26 -2
- package/esm/components/layout/header/Header.js.map +1 -1
- package/esm/components/layout/header/Header.module.scss +46 -2
- package/esm/components/layout/header/HeaderIconAction.d.ts +17 -0
- package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -0
- package/esm/components/layout/header/HeaderIconAction.js +23 -0
- package/esm/components/layout/header/HeaderIconAction.js.map +1 -0
- package/esm/components/layout/header/HeaderIconAction.module.scss +22 -0
- package/esm/components/layout/header/StickyHeader.js +1 -1
- package/esm/components/layout/header/StickyHeader.js.map +1 -1
- package/esm/components/layout/list/Header.d.ts +4 -0
- package/esm/components/layout/list/Header.d.ts.map +1 -0
- package/esm/components/layout/list/Header.js +10 -0
- package/esm/components/layout/list/Header.js.map +1 -0
- package/esm/components/layout/list/Header.module.scss +8 -0
- package/esm/components/layout/list/Item.d.ts +1 -0
- package/esm/components/layout/list/Item.d.ts.map +1 -1
- package/esm/components/layout/list/Item.js +18 -5
- package/esm/components/layout/list/Item.js.map +1 -1
- package/esm/components/layout/list/Item.module.scss +10 -2
- package/esm/components/layout/list/Label.d.ts +8 -0
- package/esm/components/layout/list/Label.d.ts.map +1 -0
- package/esm/components/layout/list/Label.js +10 -0
- package/esm/components/layout/list/Label.js.map +1 -0
- package/esm/components/layout/list/Label.module.scss +9 -0
- package/esm/components/layout/list/Value.d.ts +4 -0
- package/esm/components/layout/list/Value.d.ts.map +1 -0
- package/esm/components/layout/list/Value.js +7 -0
- package/esm/components/layout/list/Value.js.map +1 -0
- package/esm/components/layout/list/Value.module.scss +7 -0
- package/esm/components/ui/action/Action.d.ts +17 -0
- package/esm/components/ui/action/Action.d.ts.map +1 -0
- package/esm/components/ui/action/Action.js +27 -0
- package/esm/components/ui/action/Action.js.map +1 -0
- package/esm/components/ui/action/Action.module.scss +26 -0
- package/esm/components/ui/action/EqualActions.d.ts +7 -0
- package/esm/components/ui/action/EqualActions.d.ts.map +1 -0
- package/esm/components/ui/action/EqualActions.js +17 -0
- package/esm/components/ui/action/EqualActions.js.map +1 -0
- package/esm/components/ui/action/EqualActions.module.scss +6 -0
- package/esm/components/ui/button/Button.d.ts +8 -0
- package/esm/components/ui/button/Button.d.ts.map +1 -0
- package/esm/components/ui/button/Button.js +14 -0
- package/esm/components/ui/button/Button.js.map +1 -0
- package/esm/components/ui/button/Button.module.scss +25 -0
- package/esm/global.scss +35 -11
- package/esm/index.d.ts +2 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -0
- package/esm/index.js.map +1 -1
- package/esm/types.d.ts +4 -0
- package/esm/types.d.ts.map +1 -0
- package/esm/types.js +2 -0
- package/esm/types.js.map +1 -0
- package/package.json +6 -6
- package/src/components/form/Checkbox.module.scss +13 -6
- package/src/components/form/Toggle.module.scss +46 -0
- package/src/components/form/Toggle.tsx +33 -0
- package/src/components/icons/Back.tsx +21 -0
- package/src/components/icons/Forward.tsx +21 -0
- package/src/components/icons/Icon.tsx +33 -0
- package/src/components/layout/header/Header.module.scss +46 -2
- package/src/components/layout/header/Header.tsx +41 -3
- package/src/components/layout/header/HeaderIconAction.module.scss +22 -0
- package/src/components/layout/header/HeaderIconAction.tsx +49 -0
- package/src/components/layout/header/StickyHeader.tsx +1 -1
- package/src/components/layout/list/Header.module.scss +8 -0
- package/src/components/layout/list/Header.tsx +16 -0
- package/src/components/layout/list/Item.module.scss +10 -2
- package/src/components/layout/list/Item.tsx +23 -5
- package/src/components/layout/list/Label.module.scss +9 -0
- package/src/components/layout/list/Label.tsx +21 -0
- package/src/components/layout/list/Value.module.scss +7 -0
- package/src/components/layout/list/Value.tsx +11 -0
- package/src/components/ui/action/Action.module.scss +26 -0
- package/src/components/ui/action/Action.tsx +58 -0
- package/src/components/ui/action/EqualActions.module.scss +6 -0
- package/src/components/ui/action/EqualActions.tsx +30 -0
- package/src/components/ui/button/Button.module.scss +25 -0
- package/src/components/ui/button/Button.tsx +25 -0
- package/src/demo/Main.tsx +3 -2
- package/src/demo/Menu.module.scss +2 -0
- package/src/demo/components/form/Toggle.tsx +49 -0
- package/src/demo/components/layout/header/Header.tsx +104 -2
- package/src/demo/components/layout/list/Header.tsx +24 -0
- package/src/demo/components/layout/list/ItemRatio.tsx +21 -0
- package/src/demo/components/layout/list/Label.tsx +30 -0
- package/src/demo/components/layout/list/List.Item.module.scss +4 -0
- package/src/demo/components/layout/list/Value.module.scss +4 -0
- package/src/demo/components/layout/list/Value.tsx +26 -0
- package/src/demo/components/ui/action/Action.tsx +112 -0
- package/src/demo/components/ui/action/ActionDemo.module.scss +3 -0
- package/src/demo/components/ui/button/ButtonDemo.tsx +18 -0
- package/src/demo/components/ui/icons/Icons.tsx +21 -0
- package/src/demo/componentsMap.ts +110 -21
- package/src/demo/utils/makeVariants.ts +13 -0
- package/src/global.scss +35 -11
- package/src/index.ts +5 -0
- package/src/pages/react-miui.tsx +12 -0
- package/src/types.ts +7 -0
- package/.postcssrc +0 -9
- package/dist/demo/Demo.d.ts +0 -4
- package/dist/demo/Demo.d.ts.map +0 -1
- package/dist/demo/Demo.js +0 -18
- package/dist/demo/Demo.js.map +0 -1
- package/dist/demo/Demo.module.scss +0 -4
- package/dist/demo/Main.d.ts +0 -4
- package/dist/demo/Main.d.ts.map +0 -1
- package/dist/demo/Main.js +0 -83
- package/dist/demo/Main.js.map +0 -1
- package/dist/demo/Main.module.scss +0 -30
- package/dist/demo/Menu.d.ts +0 -9
- package/dist/demo/Menu.d.ts.map +0 -1
- package/dist/demo/Menu.js +0 -31
- package/dist/demo/Menu.js.map +0 -1
- package/dist/demo/Menu.module.scss +0 -39
- package/dist/demo/components/form/Checkbox.d.ts +0 -4
- package/dist/demo/components/form/Checkbox.d.ts.map +0 -1
- package/dist/demo/components/form/Checkbox.js.map +0 -1
- package/dist/demo/components/layout/header/Header.d.ts +0 -4
- package/dist/demo/components/layout/header/Header.d.ts.map +0 -1
- package/dist/demo/components/layout/header/Header.js +0 -16
- package/dist/demo/components/layout/header/Header.js.map +0 -1
- package/dist/demo/components/layout/header/StickyHeader.d.ts +0 -9
- package/dist/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
- package/dist/demo/components/layout/header/StickyHeader.js +0 -73
- package/dist/demo/components/layout/header/StickyHeader.js.map +0 -1
- package/dist/demo/components/layout/list/List.Item.d.ts +0 -4
- package/dist/demo/components/layout/list/List.Item.d.ts.map +0 -1
- package/dist/demo/components/layout/list/List.Item.js +0 -42
- package/dist/demo/components/layout/list/List.Item.js.map +0 -1
- package/dist/demo/components/layout/list/List.Item.module.scss +0 -3
- package/dist/demo/components/ui/directionPad/Pad.d.ts +0 -4
- package/dist/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
- package/dist/demo/components/ui/directionPad/Pad.js +0 -49
- package/dist/demo/components/ui/directionPad/Pad.js.map +0 -1
- package/dist/demo/componentsMap.d.ts +0 -14
- package/dist/demo/componentsMap.d.ts.map +0 -1
- package/dist/demo/componentsMap.js +0 -54
- package/dist/demo/componentsMap.js.map +0 -1
- package/dist/demo/utils/safeUseHash.d.ts +0 -3
- package/dist/demo/utils/safeUseHash.d.ts.map +0 -1
- package/dist/demo/utils/safeUseHash.js +0 -13
- package/dist/demo/utils/safeUseHash.js.map +0 -1
- package/dist/demo-global.scss +0 -9
- package/dist/pages/_app.d.ts +0 -7
- package/dist/pages/_app.d.ts.map +0 -1
- package/dist/pages/_app.js +0 -15
- package/dist/pages/_app.js.map +0 -1
- package/dist/pages/index.d.ts +0 -4
- package/dist/pages/index.d.ts.map +0 -1
- package/dist/pages/index.js +0 -10
- package/dist/pages/index.js.map +0 -1
- package/esm/demo/Demo.d.ts +0 -4
- package/esm/demo/Demo.d.ts.map +0 -1
- package/esm/demo/Demo.js +0 -12
- package/esm/demo/Demo.js.map +0 -1
- package/esm/demo/Demo.module.scss +0 -4
- package/esm/demo/Main.d.ts +0 -4
- package/esm/demo/Main.d.ts.map +0 -1
- package/esm/demo/Main.js +0 -58
- package/esm/demo/Main.js.map +0 -1
- package/esm/demo/Main.module.scss +0 -30
- package/esm/demo/Menu.d.ts +0 -9
- package/esm/demo/Menu.d.ts.map +0 -1
- package/esm/demo/Menu.js +0 -25
- package/esm/demo/Menu.js.map +0 -1
- package/esm/demo/Menu.module.scss +0 -39
- package/esm/demo/components/form/Checkbox.d.ts +0 -4
- package/esm/demo/components/form/Checkbox.d.ts.map +0 -1
- package/esm/demo/components/form/Checkbox.js +0 -9
- package/esm/demo/components/form/Checkbox.js.map +0 -1
- package/esm/demo/components/layout/header/Header.d.ts +0 -4
- package/esm/demo/components/layout/header/Header.d.ts.map +0 -1
- package/esm/demo/components/layout/header/Header.js +0 -10
- package/esm/demo/components/layout/header/Header.js.map +0 -1
- package/esm/demo/components/layout/header/StickyHeader.d.ts +0 -9
- package/esm/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
- package/esm/demo/components/layout/header/StickyHeader.js +0 -62
- package/esm/demo/components/layout/header/StickyHeader.js.map +0 -1
- package/esm/demo/components/layout/list/List.Item.d.ts +0 -4
- package/esm/demo/components/layout/list/List.Item.d.ts.map +0 -1
- package/esm/demo/components/layout/list/List.Item.js +0 -17
- package/esm/demo/components/layout/list/List.Item.js.map +0 -1
- package/esm/demo/components/layout/list/List.Item.module.scss +0 -3
- package/esm/demo/components/ui/directionPad/Pad.d.ts +0 -4
- package/esm/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
- package/esm/demo/components/ui/directionPad/Pad.js +0 -27
- package/esm/demo/components/ui/directionPad/Pad.js.map +0 -1
- package/esm/demo/componentsMap.d.ts +0 -14
- package/esm/demo/componentsMap.d.ts.map +0 -1
- package/esm/demo/componentsMap.js +0 -51
- package/esm/demo/componentsMap.js.map +0 -1
- package/esm/demo/utils/safeUseHash.d.ts +0 -3
- package/esm/demo/utils/safeUseHash.d.ts.map +0 -1
- package/esm/demo/utils/safeUseHash.js +0 -10
- package/esm/demo/utils/safeUseHash.js.map +0 -1
- package/esm/demo-global.scss +0 -9
- package/esm/pages/_app.d.ts +0 -7
- package/esm/pages/_app.d.ts.map +0 -1
- package/esm/pages/_app.js +0 -10
- package/esm/pages/_app.js.map +0 -1
- package/esm/pages/index.d.ts +0 -4
- package/esm/pages/index.d.ts.map +0 -1
- package/esm/pages/index.js +0 -5
- package/esm/pages/index.js.map +0 -1
- package/src/pages/index.html +0 -14
package/esm/demo/Main.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Main.js","sourceRoot":"","sources":["../../src/demo/Main.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAUhD,MAAM,kBAAkB,GAAG,CAAC,IAAY,EAAwB,EAAE;IAC9D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAI,GAAG,GAAuB,aAAa,EACvC,OAA+B,CAAC;IAEpC,OAAO,KAAK,CAAC,MAAM,EAAE;QACjB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,EAAG,CAAC;QAC7B,OAAO,GAAG,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAG,KAAK,CAAC,CAAC;QAEvB,IAAI,CAAC,OAAO,EAAE;YACV,OAAO,IAAI,CAAC;SACf;QACD,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;KAC1B;IAED,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,EAAE;QACpB,OAAO;YACH,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,SAAS,EAAE,OAAO,CAAC,SAAS;SAC/B,CAAC;KACL;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,IAAI,GAAa,CAAC,KAAK,EAAE,EAAE;IAC7B,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAK,OAAO,CAAC,CAAC;IAE1C,MAAM,IAAI,GAAG,WAAW,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,kBAAkB,CAAC,eAAe,CAAC,CAAC;IAEjD,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,KAAK,CAAC,aAAa,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,CAAC,OAAO,CAAC,CAAC;IACnB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,IAAI,EAAE;QACP,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;YAC5B,4BAAI,SAAS,EAAE,MAAM,CAAC,MAAM,eAAe;4CAEzC,CACT,CAAC;KACL;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IAEjC,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9C,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,EAAE,EAAE,KAAK,aAAa;QACxD,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,KAAK,QAAQ;KACjD,CAAC,CAAC;IAEH,OAAO,CACH,6BAAK,SAAS,EAAE,MAAM,CAAC,SAAS;QAC5B,4BAAI,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,IAAI,CAAC,IAAI,CAAM;QAC9C,gCAAQ,OAAO,EAAE,mBAAmB,kBAAsB;QAC1D,gCAAQ,OAAO,EAAE,aAAa,YAAgB;QAC9C,gCAAQ,OAAO,EAAE,cAAc,aAAiB;QAEhD,6BAAK,SAAS,EAAE,YAAY;YACxB,oBAAC,SAAS,OAAG,CACX,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
flex: 1;
|
|
3
|
-
height: 100%;
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.component {
|
|
9
|
-
padding: 20px;
|
|
10
|
-
flex: 1;
|
|
11
|
-
overflow: auto;
|
|
12
|
-
|
|
13
|
-
&--transparent {
|
|
14
|
-
background-position: 0px 0px, 10px 10px;
|
|
15
|
-
background-size: 20px 20px;
|
|
16
|
-
background-image: linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
&--mobile {
|
|
20
|
-
border-radius: 20px;
|
|
21
|
-
max-width: 400px;
|
|
22
|
-
width: 100%;
|
|
23
|
-
padding: 0;
|
|
24
|
-
margin: 20px 0;
|
|
25
|
-
align-self: center;
|
|
26
|
-
border: 10px solid black;
|
|
27
|
-
border-top-width: 30px;
|
|
28
|
-
position: relative;
|
|
29
|
-
}
|
|
30
|
-
}
|
package/esm/demo/Menu.d.ts
DELETED
package/esm/demo/Menu.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/demo/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,OAAO,aAAa,CAAC;CAC9B;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuBzB,CAAC;AAMF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
package/esm/demo/Menu.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import styles from "./Menu.module.scss";
|
|
3
|
-
const Menu = (props) => {
|
|
4
|
-
const cmp = Object.entries(props.list).map(([urlHash, component]) => {
|
|
5
|
-
const label = component.name;
|
|
6
|
-
const children = `children` in component && component.children
|
|
7
|
-
? React.createElement(Menu, { ancestors: [...props.ancestors, urlHash], list: component.children })
|
|
8
|
-
: null;
|
|
9
|
-
return (React.createElement("li", { key: urlHash },
|
|
10
|
-
React.createElement("a", { href: "#" + [...props.ancestors, urlHash].join("/") }, label),
|
|
11
|
-
children));
|
|
12
|
-
});
|
|
13
|
-
const contents = React.createElement("ul", null, cmp);
|
|
14
|
-
if (!props.ancestors.length) {
|
|
15
|
-
cmp.unshift(React.createElement("li", { key: "--main" },
|
|
16
|
-
React.createElement("a", { href: "#" }, "Main")));
|
|
17
|
-
return React.createElement("menu", { className: styles.menu }, contents);
|
|
18
|
-
}
|
|
19
|
-
return contents;
|
|
20
|
-
};
|
|
21
|
-
Menu.defaultProps = {
|
|
22
|
-
ancestors: [],
|
|
23
|
-
};
|
|
24
|
-
export { Menu };
|
|
25
|
-
//# sourceMappingURL=Menu.js.map
|
package/esm/demo/Menu.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/demo/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,oBAAoB,CAAC;AAQxC,MAAM,IAAI,GAAoB,CAAC,KAAK,EAAE,EAAE;IACpC,MAAM,GAAG,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC;QAC7B,MAAM,QAAQ,GAAG,UAAU,IAAI,SAAS,IAAI,SAAS,CAAC,QAAQ;YAC1D,CAAC,CAAC,oBAAC,IAAI,IAAC,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,SAAU,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,QAAQ,GAAI;YAC/E,CAAC,CAAC,IAAI,CAAC;QAEX,OAAO,CACH,4BAAI,GAAG,EAAE,OAAO;YACZ,2BAAG,IAAI,EAAE,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,SAAU,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAG,KAAK,CAAK;YACnE,QAAQ,CACR,CACR,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,gCAAK,GAAG,CAAM,CAAC;IAEhC,IAAI,CAAC,KAAK,CAAC,SAAU,CAAC,MAAM,EAAE;QAC1B,GAAG,CAAC,OAAO,CAAC,4BAAI,GAAG,EAAE,QAAQ;YAAE,2BAAG,IAAI,EAAE,GAAG,WAAU,CAAK,CAAC,CAAC;QAC5D,OAAO,8BAAM,SAAS,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAQ,CAAC;KAC1D;IAED,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC;AAEF,IAAI,CAAC,YAAY,GAAG;IAChB,SAAS,EAAE,EAAE;CAChB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
.menu {
|
|
2
|
-
margin: 0;
|
|
3
|
-
padding: 0;
|
|
4
|
-
border-right: 1px solid black;
|
|
5
|
-
|
|
6
|
-
ul {
|
|
7
|
-
margin: 0 0 0 15px;
|
|
8
|
-
padding: 0;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
li {
|
|
12
|
-
padding: 0;
|
|
13
|
-
margin: 0;
|
|
14
|
-
list-style-type: none;
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
> ul {
|
|
18
|
-
margin: 0;
|
|
19
|
-
display: block;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
> ul > li > a {
|
|
23
|
-
padding: 10px;
|
|
24
|
-
text-transform: uppercase;
|
|
25
|
-
font-size: 16px;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
a {
|
|
29
|
-
padding: 5px 10px;
|
|
30
|
-
display: block;
|
|
31
|
-
color: black;
|
|
32
|
-
text-decoration: none;
|
|
33
|
-
font-size: 14px;
|
|
34
|
-
|
|
35
|
-
&:hover {
|
|
36
|
-
background: var(--active-bg);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/demo/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAQzB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useState } from "react";
|
|
2
|
-
import { Checkbox } from "../../../index.js";
|
|
3
|
-
const CheckboxDemo = (props) => {
|
|
4
|
-
const [v, setV] = useState(false);
|
|
5
|
-
const handleToggle = useCallback(() => { setV((prevV) => !prevV); }, []);
|
|
6
|
-
return (React.createElement(Checkbox, { name: "a", onChange: handleToggle, checked: v }, "I want something something"));
|
|
7
|
-
};
|
|
8
|
-
export { CheckboxDemo };
|
|
9
|
-
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/demo/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,YAAY,GAAa,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElC,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEzE,OAAO,CACH,oBAAC,QAAQ,IAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC,iCAAuC,CACjG,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/Header.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,UAAU,mBAUf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Header } from "../../../../index.js";
|
|
3
|
-
const HeaderDemo = () => {
|
|
4
|
-
const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
|
|
5
|
-
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement(Header, null, "Some place"),
|
|
7
|
-
longContent));
|
|
8
|
-
};
|
|
9
|
-
export { HeaderDemo };
|
|
10
|
-
//# sourceMappingURL=Header.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;IAEpB,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;IAE7F,OAAO,CACH;QACI,oBAAC,MAAM,qBAAoB;QAC1B,WAAW,CACb,CACN,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const StickyHeaderDemo: () => JSX.Element;
|
|
3
|
-
declare const StickyHeaderBottomDemo: () => JSX.Element;
|
|
4
|
-
declare const StickyHeaderTopBottomDemo: () => JSX.Element;
|
|
5
|
-
declare const StickyHeaderLeftDemo: () => JSX.Element;
|
|
6
|
-
declare const StickyHeaderRightDemo: () => JSX.Element;
|
|
7
|
-
declare const StickyHeaderLeftCenterDemo: () => JSX.Element;
|
|
8
|
-
export { StickyHeaderDemo, StickyHeaderBottomDemo, StickyHeaderTopBottomDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderLeftCenterDemo, };
|
|
9
|
-
//# sourceMappingURL=StickyHeader.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StickyHeader.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":";AAUA,QAAA,MAAM,gBAAgB,mBASrB,CAAC;AAEF,QAAA,MAAM,sBAAsB,mBAS3B,CAAC;AAEF,QAAA,MAAM,yBAAyB,mBAc9B,CAAC;AAEF,QAAA,MAAM,oBAAoB,mBASzB,CAAC;AAEF,QAAA,MAAM,qBAAqB,mBAS1B,CAAC;AAEF,QAAA,MAAM,0BAA0B,mBAS/B,CAAC;AAEF,OAAO,EACH,gBAAgB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,qBAAqB,EAChH,0BAA0B,GAC7B,CAAC"}
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Header, StickyHeader } from "../../../../index.js";
|
|
3
|
-
const LongContent = () => {
|
|
4
|
-
const longContent = new Array(1000).fill(null).map((_, key) => React.createElement("div", { key: key }, "content"));
|
|
5
|
-
return React.createElement(React.Fragment, null, longContent);
|
|
6
|
-
};
|
|
7
|
-
const StickyHeaderDemo = () => {
|
|
8
|
-
return (React.createElement(StickyHeader, null,
|
|
9
|
-
React.createElement(Header, null, "Some place"),
|
|
10
|
-
React.createElement(StickyHeader.Content, null,
|
|
11
|
-
React.createElement(LongContent, null))));
|
|
12
|
-
};
|
|
13
|
-
const StickyHeaderBottomDemo = () => {
|
|
14
|
-
return (React.createElement(StickyHeader, { position: "bottom" },
|
|
15
|
-
React.createElement(Header, null, "Some place"),
|
|
16
|
-
React.createElement(StickyHeader.Content, null,
|
|
17
|
-
React.createElement(LongContent, null))));
|
|
18
|
-
};
|
|
19
|
-
const StickyHeaderTopBottomDemo = () => {
|
|
20
|
-
return (React.createElement(StickyHeader, { position: "top" },
|
|
21
|
-
React.createElement(Header, null, "Some place"),
|
|
22
|
-
React.createElement(StickyHeader.Content, null,
|
|
23
|
-
React.createElement(StickyHeader, { position: "bottom" },
|
|
24
|
-
React.createElement(Header, null, "Some place"),
|
|
25
|
-
React.createElement(StickyHeader.Content, null,
|
|
26
|
-
React.createElement(LongContent, null))))));
|
|
27
|
-
};
|
|
28
|
-
const StickyHeaderLeftDemo = () => {
|
|
29
|
-
return (React.createElement(StickyHeader, { position: "left" },
|
|
30
|
-
React.createElement(Header, null,
|
|
31
|
-
"x",
|
|
32
|
-
React.createElement("br", null),
|
|
33
|
-
"x",
|
|
34
|
-
React.createElement("br", null),
|
|
35
|
-
"x"),
|
|
36
|
-
React.createElement(StickyHeader.Content, null,
|
|
37
|
-
React.createElement(LongContent, null))));
|
|
38
|
-
};
|
|
39
|
-
const StickyHeaderRightDemo = () => {
|
|
40
|
-
return (React.createElement(StickyHeader, { position: "right" },
|
|
41
|
-
React.createElement(Header, null,
|
|
42
|
-
"x",
|
|
43
|
-
React.createElement("br", null),
|
|
44
|
-
"x",
|
|
45
|
-
React.createElement("br", null),
|
|
46
|
-
"x"),
|
|
47
|
-
React.createElement(StickyHeader.Content, null,
|
|
48
|
-
React.createElement(LongContent, null))));
|
|
49
|
-
};
|
|
50
|
-
const StickyHeaderLeftCenterDemo = () => {
|
|
51
|
-
return (React.createElement(StickyHeader, { position: "left" },
|
|
52
|
-
React.createElement(Header, { center: true },
|
|
53
|
-
"x",
|
|
54
|
-
React.createElement("br", null),
|
|
55
|
-
"x",
|
|
56
|
-
React.createElement("br", null),
|
|
57
|
-
"x"),
|
|
58
|
-
React.createElement(StickyHeader.Content, null,
|
|
59
|
-
React.createElement(LongContent, null))));
|
|
60
|
-
};
|
|
61
|
-
export { StickyHeaderDemo, StickyHeaderBottomDemo, StickyHeaderTopBottomDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderLeftCenterDemo, };
|
|
62
|
-
//# sourceMappingURL=StickyHeader.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"StickyHeader.js","sourceRoot":"","sources":["../../../../../src/demo/components/layout/header/StickyHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,WAAW,GAAa,GAAG,EAAE;IAE/B,MAAM,WAAW,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,6BAAK,GAAG,EAAE,GAAG,cAAe,CAAC,CAAC;IAC7F,OAAO,0CAAG,WAAW,CAAI,CAAC;AAC9B,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC1B,OAAO,CACH,oBAAC,YAAY;QACT,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,sBAAsB,GAAG,GAAG,EAAE;IAChC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;QAC5B,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACnC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,KAAK;QACzB,oBAAC,MAAM,qBAAoB;QAC3B,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ;gBAC5B,oBAAC,MAAM,qBAAoB;gBAC3B,oBAAC,YAAY,CAAC,OAAO;oBACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAC9B,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,MAAM;QAC1B,oBAAC,MAAM;;YAAE,+BAAM;;YAAC,+BAAM;gBAAU;QAChC,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;IAC/B,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,OAAO;QAC3B,oBAAC,MAAM;;YAAE,+BAAM;;YAAC,+BAAM;gBAAU;QAChC,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACpC,OAAO,CACH,oBAAC,YAAY,IAAC,QAAQ,EAAE,MAAM;QAC1B,oBAAC,MAAM,IAAC,MAAM,EAAE,IAAI;;YAAG,+BAAM;;YAAC,+BAAM;gBAAU;QAC9C,oBAAC,YAAY,CAAC,OAAO;YACjB,oBAAC,WAAW,OAAG,CACI,CACZ,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,gBAAgB,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,qBAAqB,EAChH,0BAA0B,GAC7B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.Item.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/layout/list/List.Item.tsx"],"names":[],"mappings":";AAMA,QAAA,MAAM,YAAY,mBAcjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { useCallback } from "react";
|
|
2
|
-
import Link from "next/link";
|
|
3
|
-
import { Item, List } from "../../../../index.js";
|
|
4
|
-
import styles from "./List.Item.module.scss";
|
|
5
|
-
const ListItemDemo = () => {
|
|
6
|
-
const handleClick = useCallback(() => { window.alert("Clicked"); }, []);
|
|
7
|
-
return (React.createElement(List, null,
|
|
8
|
-
React.createElement(Item, null, "I am an item"),
|
|
9
|
-
React.createElement(Item, null, "I am an item"),
|
|
10
|
-
React.createElement(Item, { href: "https://www.npmjs.com/package/react-miui" }, "I am clickable item"),
|
|
11
|
-
React.createElement(Item, { to: "/react-miui", Link: Link }, "I am local link item"),
|
|
12
|
-
React.createElement(Item, { onClick: handleClick }, "Click me to see my action"),
|
|
13
|
-
React.createElement(Item, { className: styles.custom }, "I'm a custom item"),
|
|
14
|
-
React.createElement(Item, null, "I am an item")));
|
|
15
|
-
};
|
|
16
|
-
export { ListItemDemo };
|
|
17
|
-
//# sourceMappingURL=List.Item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.Item.js","sourceRoot":"","sources":["../../../../../src/demo/components/layout/list/List.Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAE7C,MAAM,YAAY,GAAG,GAAG,EAAE;IACtB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAExE,OAAO,CACH,oBAAC,IAAI;QACD,oBAAC,IAAI,uBAAoB;QACzB,oBAAC,IAAI,uBAAoB;QACzB,oBAAC,IAAI,IAAC,IAAI,EAAE,0CAA0C,0BAA4B;QAClF,oBAAC,IAAI,IAAC,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,IAAI,2BAA6B;QAChE,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,gCAAkC;QAC5D,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,MAAM,wBAA0B;QACxD,oBAAC,IAAI,uBAAoB,CACtB,CACV,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pad.d.ts","sourceRoot":"","sources":["../../../../../src/demo/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAkC7B,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React, { useCallback, useState } from "react";
|
|
2
|
-
import { DirectionPad } from "../../../..";
|
|
3
|
-
const DirectionPadDemo = (props) => {
|
|
4
|
-
const [lastClick, setLastClick] = useState("<none>");
|
|
5
|
-
const handleLeftClick = useCallback(() => {
|
|
6
|
-
setLastClick("left");
|
|
7
|
-
}, []);
|
|
8
|
-
const handleRightClick = useCallback(() => {
|
|
9
|
-
setLastClick("right");
|
|
10
|
-
}, []);
|
|
11
|
-
const handleUpClick = useCallback(() => {
|
|
12
|
-
setLastClick("up");
|
|
13
|
-
}, []);
|
|
14
|
-
const handleDownClick = useCallback(() => {
|
|
15
|
-
setLastClick("down");
|
|
16
|
-
}, []);
|
|
17
|
-
const handleMiddleClick = useCallback(() => {
|
|
18
|
-
setLastClick("res");
|
|
19
|
-
}, []);
|
|
20
|
-
return (React.createElement(React.Fragment, null,
|
|
21
|
-
React.createElement(DirectionPad, { onLeftPress: handleLeftClick, onRightPress: handleRightClick, onUpPress: handleUpClick, onDownPress: handleDownClick, onMiddlePress: handleMiddleClick, middleLabel: "RES" }),
|
|
22
|
-
React.createElement("div", null,
|
|
23
|
-
"Last clicked button: ",
|
|
24
|
-
lastClick)));
|
|
25
|
-
};
|
|
26
|
-
export { DirectionPadDemo };
|
|
27
|
-
//# sourceMappingURL=Pad.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pad.js","sourceRoot":"","sources":["../../../../../src/demo/components/ui/directionPad/Pad.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,gBAAgB,GAAa,CAAC,KAAK,EAAE,EAAE;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,YAAY,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,YAAY,CAAC,MAAM,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,YAAY,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH;QACI,oBAAC,YAAY,IACT,WAAW,EAAE,eAAe,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,SAAS,EAAE,aAAa,EACxB,WAAW,EAAE,eAAe,EAC5B,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,KAAK,GACpB;QACF;;YAC0B,SAAS,CAC7B,CACP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type React from "react";
|
|
2
|
-
declare type AnyComponent = React.ComponentClass | React.FC;
|
|
3
|
-
interface TheMap {
|
|
4
|
-
[key: string]: TheMapItem;
|
|
5
|
-
}
|
|
6
|
-
interface TheMapItem {
|
|
7
|
-
name: string;
|
|
8
|
-
Component: AnyComponent;
|
|
9
|
-
children?: TheMap;
|
|
10
|
-
}
|
|
11
|
-
declare const componentsMap: TheMap;
|
|
12
|
-
export { componentsMap, };
|
|
13
|
-
export type { TheMap, TheMapItem, };
|
|
14
|
-
//# sourceMappingURL=componentsMap.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"componentsMap.d.ts","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,aAAK,YAAY,GAAG,KAAK,CAAC,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC;AAEpD,UAAU,MAAM;IAEZ,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B;AAED,UAAU,UAAU;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,MA2CpB,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC;AAEF,YAAY,EACR,MAAM,EACN,UAAU,GACb,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { CheckboxDemo } from "./components/form/Checkbox";
|
|
2
|
-
import { HeaderDemo } from "./components/layout/header/Header";
|
|
3
|
-
import { StickyHeaderBottomDemo, StickyHeaderDemo, StickyHeaderLeftCenterDemo, StickyHeaderLeftDemo, StickyHeaderRightDemo, StickyHeaderTopBottomDemo, } from "./components/layout/header/StickyHeader";
|
|
4
|
-
import { ListItemDemo } from "./components/layout/list/List.Item";
|
|
5
|
-
import { DirectionPadDemo } from "./components/ui/directionPad/Pad";
|
|
6
|
-
const componentsMap = {
|
|
7
|
-
Checkbox: {
|
|
8
|
-
name: "Checkbox",
|
|
9
|
-
Component: CheckboxDemo,
|
|
10
|
-
},
|
|
11
|
-
Header: {
|
|
12
|
-
name: "Header",
|
|
13
|
-
Component: HeaderDemo,
|
|
14
|
-
children: {
|
|
15
|
-
Sticky: {
|
|
16
|
-
name: "Sticky header",
|
|
17
|
-
Component: StickyHeaderDemo,
|
|
18
|
-
},
|
|
19
|
-
StickyBottom: {
|
|
20
|
-
name: "On bottom",
|
|
21
|
-
Component: StickyHeaderBottomDemo,
|
|
22
|
-
},
|
|
23
|
-
StickyTopBottom: {
|
|
24
|
-
name: "On top & bottom",
|
|
25
|
-
Component: StickyHeaderTopBottomDemo,
|
|
26
|
-
},
|
|
27
|
-
StickyLeft: {
|
|
28
|
-
name: "On left",
|
|
29
|
-
Component: StickyHeaderLeftDemo,
|
|
30
|
-
},
|
|
31
|
-
StickyRight: {
|
|
32
|
-
name: "On right",
|
|
33
|
-
Component: StickyHeaderRightDemo,
|
|
34
|
-
},
|
|
35
|
-
StickyLeftCentered: {
|
|
36
|
-
name: "On left centered",
|
|
37
|
-
Component: StickyHeaderLeftCenterDemo,
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
},
|
|
41
|
-
ListItem: {
|
|
42
|
-
name: "List & Item",
|
|
43
|
-
Component: ListItemDemo,
|
|
44
|
-
},
|
|
45
|
-
Pad: {
|
|
46
|
-
name: "Direction pad",
|
|
47
|
-
Component: DirectionPadDemo,
|
|
48
|
-
},
|
|
49
|
-
};
|
|
50
|
-
export { componentsMap, };
|
|
51
|
-
//# sourceMappingURL=componentsMap.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"componentsMap.js","sourceRoot":"","sources":["../../src/demo/componentsMap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EACH,sBAAsB,EACtB,gBAAgB,EAAE,0BAA0B,EAAE,oBAAoB,EAAE,qBAAqB,EACzF,yBAAyB,GAC5B,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAepE,MAAM,aAAa,GAAW;IAC1B,QAAQ,EAAE;QACN,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,YAAY;KAC1B;IACD,MAAM,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,SAAS,EAAE,UAAU;QACrB,QAAQ,EAAE;YACN,MAAM,EAAE;gBACJ,IAAI,EAAE,eAAe;gBACrB,SAAS,EAAE,gBAAgB;aAC9B;YACD,YAAY,EAAE;gBACV,IAAI,EAAE,WAAW;gBACjB,SAAS,EAAE,sBAAsB;aACpC;YACD,eAAe,EAAE;gBACb,IAAI,EAAE,iBAAiB;gBACvB,SAAS,EAAE,yBAAyB;aACvC;YACD,UAAU,EAAE;gBACR,IAAI,EAAE,SAAS;gBACf,SAAS,EAAE,oBAAoB;aAClC;YACD,WAAW,EAAE;gBACT,IAAI,EAAE,UAAU;gBAChB,SAAS,EAAE,qBAAqB;aACnC;YACD,kBAAkB,EAAE;gBAChB,IAAI,EAAE,kBAAkB;gBACxB,SAAS,EAAE,0BAA0B;aACxC;SACJ;KACJ;IACD,QAAQ,EAAE;QACN,IAAI,EAAE,aAAa;QACnB,SAAS,EAAE,YAAY;KAC1B;IACD,GAAG,EAAE;QACD,IAAI,EAAE,eAAe;QACrB,SAAS,EAAE,gBAAgB;KAC9B;CACJ,CAAC;AAEF,OAAO,EACH,aAAa,GAChB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"safeUseHash.d.ts","sourceRoot":"","sources":["../../../src/demo/utils/safeUseHash.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW,cAQhB,CAAC;AAEF,OAAO,EACH,WAAW,GACd,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"safeUseHash.js","sourceRoot":"","sources":["../../../src/demo/utils/safeUseHash.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QAC/B,OAAO,EAAE,CAAC;KACb;IAED,MAAM,CAAC,IAAI,CAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,OAAO,EACH,WAAW,GACd,CAAC"}
|
package/esm/demo-global.scss
DELETED
package/esm/pages/_app.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { AppProps } from "next/app";
|
|
3
|
-
import "../global.scss";
|
|
4
|
-
import "../demo-global.scss";
|
|
5
|
-
declare const MyApp: ({ Component, pageProps }: AppProps) => JSX.Element;
|
|
6
|
-
export default MyApp;
|
|
7
|
-
//# sourceMappingURL=_app.d.ts.map
|
package/esm/pages/_app.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_app.d.ts","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAE7B,QAAA,MAAM,KAAK,6BAA8B,QAAQ,gBAOhD,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/pages/_app.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import Head from "next/head";
|
|
3
|
-
import "../global.scss";
|
|
4
|
-
import "../demo-global.scss";
|
|
5
|
-
const MyApp = ({ Component, pageProps }) => (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement(Head, null,
|
|
7
|
-
React.createElement("title", null, "MIUI in React")),
|
|
8
|
-
React.createElement(Component, { ...pageProps })));
|
|
9
|
-
export default MyApp;
|
|
10
|
-
//# sourceMappingURL=_app.js.map
|
package/esm/pages/_app.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"_app.js","sourceRoot":"","sources":["../../src/pages/_app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,WAAW,CAAC;AAG7B,OAAO,gBAAgB,CAAC;AACxB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,SAAS,EAAY,EAAE,EAAE,CAAC,CAClD;IACI,oBAAC,IAAI;QACD,mDAA4B,CACzB;IACP,oBAAC,SAAS,OAAK,SAAS,GAAI,CAC7B,CACN,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
package/esm/pages/index.d.ts
DELETED
package/esm/pages/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/pages/index.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,SAAS,mBAEd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/esm/pages/index.js
DELETED
package/esm/pages/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/pages/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACpB,oBAAC,IAAI,OAAG,CACX,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/src/pages/index.html
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
<!doctype html>
|
|
2
|
-
<html lang="en">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="UTF-8">
|
|
5
|
-
<meta name="viewport"
|
|
6
|
-
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
7
|
-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
8
|
-
<title>Library demo</title>
|
|
9
|
-
</head>
|
|
10
|
-
<body>
|
|
11
|
-
<div id="root"></div>
|
|
12
|
-
<script src="./index.tsx"></script>
|
|
13
|
-
</body>
|
|
14
|
-
</html>
|