2.9.76 • Published 4 days ago

@blocklet/ui-react v2.9.76

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
4 days ago

@blocklet/ui-react

Some useful React components that can be used in Blocklets.

安装

npm install @blocklet/ui-react

# or
yarn add @blocklet/ui-react

使用

Header/Footer

import Header from '@blocklet/ui-react/lib/Header';
import Footer from '@blocklet/ui-react/lib/Footer';

function App() {
  return (
    <div>
      <Header />
      ...
      <Footer />
    </div>
  );
}

<Header /> 或 <Footer /> 会获取 blocklet meta (window.blocklet) 中的配置信息, 包括 app logo, app name, navigation links 等，然后基于这些配置信息渲染一个 page header 或 page footer。

如果 <Header /> 上层存在 Session Context Provider，那么 Header 组件会在右侧区域自动渲染一个用户身份信息的按钮 (SessionManager)。 类似的，如果 <Header /> 上层存在 Locale Context Provider，那么 Header 组件会在右侧区域自动渲染一个语言选择器按钮 (LocaleSelector)。

也可以显式地传入 blocklet meta: 

const blockletMeta = {
  appName: 'Blocklet Name',
  appLogo: 'logo url',
  theme: {
    background: '#cfefe8',
  },
  navigation: [
    {
      title: 'Home',
      link: '/',
    },
    ...
  ],
};

function App() {
  return (
    <div>
      <Header blockletMeta={blockletMeta} />
      ...
    </div>
  );
}

定制 Header 右侧 addons 区域: 

<Header
  blockletMeta={meta}
  addons={addons => {
    return [
      <Button
        variant="contained"
        color="primary"
        size="small"
        style={{ marginRight: 8 }}>
        Addons
      </Button>,
      <Button color="primary" size="small" style={{ marginRight: 8 }}>
        Addons
      </Button>,
      ...addons,
    ];
  }}
/>
reactarcblockcomponentblocklet
@arcblock/bridge@arcblock/did-connect@arcblock/react-hooks@arcblock/ux@blocklet/js-sdk@emotion/react@emotion/styled@iconify-icons/logos@iconify-icons/material-symbols@iconify/reactahooksaxiosclsxcore-jsiconify-iconiconify-icons-material-symbols-400is-urllodashp-allp-wait-forprop-typesreact-error-boundaryreact-placeholderua-parser-jsufourl-join
@everything-registry/sub-chunk-132@blocklet/uploader@blocklet/discuss-kitpayment-kit@abtnode/ux@infinitebrahmanuniverse/nolb-_bloc@zalastax/nolb-_bloc@xmark/client
2.9.74

5 days ago

2.9.75

5 days ago

2.9.76

4 days ago

2.9.72

7 days ago

2.9.73

6 days ago

2.9.71

9 days ago

2.9.70

11 days ago

2.9.69

14 days ago

2.9.68

15 days ago

2.9.67

21 days ago

2.9.66

23 days ago

2.9.65

25 days ago

2.9.64

26 days ago

2.9.63

1 month ago

2.9.62

1 month ago

2.9.61

1 month ago

2.9.59

1 month ago

2.9.60

1 month ago

2.9.57

1 month ago

2.9.58

1 month ago

2.9.56

1 month ago

2.9.54

1 month ago

2.9.55

1 month ago

2.9.53

2 months ago

2.9.52

2 months ago

2.9.51

2 months ago

2.9.49

2 months ago

2.9.50

2 months ago

2.9.45

2 months ago

2.9.46

2 months ago

2.9.43

2 months ago

2.9.44

2 months ago

2.9.47

2 months ago

2.9.48

2 months ago

2.9.42

2 months ago

2.9.41

2 months ago

2.9.39

2 months ago

2.9.40

2 months ago

2.9.38

2 months ago

2.9.36

2 months ago

2.9.37

2 months ago

2.9.35

2 months ago

2.9.34

2 months ago

2.9.32

3 months ago

2.9.33

2 months ago

2.9.31

3 months ago

2.9.30

3 months ago

2.9.29

3 months ago

2.9.27

3 months ago

2.9.28

3 months ago

2.9.26

3 months ago

2.9.25

3 months ago

2.9.24

3 months ago

2.9.23

3 months ago

2.9.21

3 months ago

2.9.22

3 months ago

2.9.20

3 months ago

2.9.18

3 months ago

2.9.19

3 months ago

2.9.16

3 months ago

2.9.17

3 months ago

2.9.14

3 months ago

2.9.15

3 months ago

2.9.12

4 months ago

2.9.13

4 months ago

2.9.10

4 months ago

2.9.11

4 months ago

2.9.9

4 months ago

2.9.8

4 months ago

2.9.7

4 months ago

2.9.4

4 months ago

2.9.3

4 months ago

2.9.6

4 months ago

2.9.5

4 months ago

2.9.2

4 months ago

2.9.1

4 months ago

2.9.0

4 months ago

2.8.26

4 months ago

2.8.25

4 months ago

2.8.24

4 months ago

2.8.23

5 months ago

2.8.22

5 months ago

2.8.21

5 months ago

2.8.20

5 months ago

2.8.19

5 months ago

2.8.18

5 months ago

2.8.17

5 months ago

2.8.1

7 months ago

2.8.0

7 months ago

2.5.58

10 months ago

2.5.59

10 months ago

2.5.56

10 months ago

2.5.57

10 months ago

2.5.60

10 months ago

2.7.0

9 months ago

2.7.2

9 months ago

2.7.1

9 months ago

2.5.65

10 months ago

2.5.66

10 months ago

2.5.67

10 months ago

2.5.68

10 months ago

2.5.61

10 months ago

2.5.62

10 months ago

2.5.63

10 months ago

2.5.64

10 months ago

2.8.3

6 months ago

2.8.2

7 months ago

2.8.5

6 months ago

2.8.4

6 months ago

2.8.7

6 months ago

2.8.6

6 months ago

2.8.9

6 months ago

2.8.8

6 months ago

2.7.19

8 months ago

2.7.18

8 months ago

2.7.17

8 months ago

2.7.16

8 months ago

2.7.11

9 months ago

2.7.10

9 months ago

2.7.15

8 months ago

2.7.14

8 months ago

2.7.13

8 months ago

2.7.12

8 months ago

2.7.29

7 months ago

2.7.28

7 months ago

2.7.27

7 months ago

2.6.1

10 months ago

2.6.0

10 months ago

2.6.3

10 months ago

2.6.2

10 months ago

2.7.22

7 months ago

2.7.21

8 months ago

2.7.20

8 months ago

2.7.26

7 months ago

2.7.25

7 months ago

2.7.24

7 months ago

2.7.23

7 months ago

2.7.4

9 months ago

2.7.3

9 months ago

2.7.6

9 months ago

2.7.5

9 months ago

2.7.8

9 months ago

2.7.7

9 months ago

2.7.9

9 months ago

2.8.12

6 months ago

2.8.11

6 months ago

2.8.10

6 months ago

2.8.16

5 months ago

2.8.15

6 months ago

2.8.14

6 months ago

2.8.13

6 months ago

2.6.5

9 months ago

2.6.4

10 months ago

2.6.7

9 months ago

2.6.6

9 months ago

2.6.9

9 months ago

2.6.8

9 months ago

2.5.55

10 months ago

2.5.49

11 months ago

2.5.54

10 months ago

2.5.50

11 months ago

2.5.51

11 months ago

2.5.52

11 months ago

2.5.53

11 months ago

2.5.37

12 months ago

2.5.38

12 months ago

2.5.39

12 months ago

2.5.47

11 months ago

2.5.48

11 months ago

2.5.43

12 months ago

2.5.44

11 months ago

2.5.45

11 months ago

2.5.46

11 months ago

2.5.40

12 months ago

2.5.41

12 months ago

2.5.42

12 months ago

2.5.29

1 year ago

2.5.25

1 year ago

2.5.26

1 year ago

2.5.27

1 year ago

2.5.28

1 year ago

2.5.21

1 year ago

2.5.22

1 year ago

2.5.23

1 year ago

2.5.24

1 year ago

2.5.36

1 year ago

2.5.32

1 year ago

2.5.33

1 year ago

2.5.34

1 year ago

2.5.35

1 year ago

2.5.30

1 year ago

2.5.31

1 year ago

2.4.70

1 year ago

2.4.71

1 year ago

2.5.6

1 year ago

2.5.5

1 year ago

2.5.8

1 year ago

2.5.9

1 year ago

2.5.18

1 year ago

2.5.19

1 year ago

2.5.14

1 year ago

2.5.15

1 year ago

2.5.16

1 year ago

2.5.17

1 year ago

2.5.10

1 year ago

2.5.11

1 year ago

2.5.12

1 year ago

2.5.13

1 year ago

2.5.0

1 year ago

2.5.2

1 year ago

2.5.1

1 year ago

2.5.4

1 year ago

2.5.3

1 year ago

2.5.20

1 year ago

2.4.69

1 year ago

2.4.68

1 year ago

2.4.65

1 year ago

2.4.64

1 year ago

2.4.67

1 year ago

2.4.66

1 year ago

2.4.63

1 year ago

2.4.47

2 years ago

2.4.46

2 years ago

2.4.49

2 years ago

2.4.48

2 years ago

2.4.43

2 years ago

2.4.42

2 years ago

2.4.45

2 years ago

2.4.44

2 years ago

2.4.41

2 years ago

2.4.58

1 year ago

2.4.57

1 year ago

2.4.59

1 year ago

2.4.54

1 year ago

2.4.53

1 year ago

2.4.56

1 year ago

2.4.55

1 year ago

2.4.50

1 year ago

2.4.52

1 year ago

2.4.51

1 year ago

2.4.61

1 year ago

2.4.60

1 year ago

2.4.62

1 year ago

2.4.39

2 years ago

2.4.36

2 years ago

2.4.35

2 years ago

2.4.38

2 years ago

2.4.37

2 years ago

2.4.34

2 years ago

2.4.33

2 years ago

2.4.40

2 years ago

2.4.18

2 years ago

2.4.17

2 years ago

2.4.19

2 years ago

2.4.14

2 years ago

2.4.13

2 years ago

2.4.16

2 years ago

2.4.15

2 years ago

2.4.10

2 years ago

2.4.12

2 years ago

2.4.11

2 years ago

2.4.7

2 years ago

2.4.9

2 years ago

2.4.8

2 years ago

2.4.29

2 years ago

2.4.28

2 years ago

2.4.24

2 years ago

2.4.27

2 years ago

2.4.26

2 years ago

2.4.21

2 years ago

2.4.20

2 years ago

2.4.23

2 years ago

2.4.22

2 years ago

2.4.32

2 years ago

2.4.31

2 years ago

2.4.30

2 years ago

2.4.1

2 years ago

2.4.0

2 years ago

2.4.3

2 years ago

2.4.2

2 years ago

2.4.5

2 years ago

2.4.4

2 years ago

2.1.9

2 years ago

2.1.16

2 years ago

2.1.17

2 years ago

2.1.14

2 years ago

2.1.15

2 years ago

2.1.13

2 years ago

2.1.10

2 years ago

2.1.11

2 years ago

2.1.18

2 years ago

2.1.19

2 years ago

2.3.0

2 years ago

2.1.27

2 years ago

2.1.28

2 years ago

2.1.25

2 years ago

2.1.26

2 years ago

2.1.23

2 years ago

2.1.24

2 years ago

2.1.21

2 years ago

2.1.22

2 years ago

2.1.20

2 years ago

2.4.6

2 years ago

2.1.29

2 years ago

2.1.38

2 years ago

2.1.39

2 years ago

2.1.36

2 years ago

2.1.37

2 years ago

2.1.34

2 years ago

2.1.35

2 years ago

2.1.32

2 years ago

2.1.33

2 years ago

2.1.30

2 years ago

2.1.31

2 years ago

2.2.1

2 years ago

2.1.49

2 years ago

2.2.0

2 years ago

2.2.3

2 years ago

2.1.47

2 years ago

2.2.2

2 years ago

2.1.48

2 years ago

2.1.45

2 years ago

2.2.4

2 years ago

2.1.46

2 years ago

2.1.43

2 years ago

2.1.44

2 years ago

2.1.41

2 years ago

2.1.42

2 years ago

2.1.40

2 years ago

2.1.58

2 years ago

2.1.59

2 years ago

2.1.56

2 years ago

2.1.57

2 years ago

2.1.54

2 years ago

2.1.55

2 years ago

2.1.52

2 years ago

2.1.53

2 years ago

2.1.51

2 years ago

2.1.69

2 years ago

2.1.4

2 years ago

2.1.3

2 years ago

2.1.67

2 years ago

2.1.6

2 years ago

2.1.68

2 years ago

2.1.5

2 years ago

2.1.65

2 years ago

2.1.8

2 years ago

2.1.66

2 years ago

2.1.7

2 years ago

2.1.63

2 years ago

2.1.61

2 years ago

2.1.62

2 years ago

2.1.60

2 years ago

2.1.70

2 years ago

2.1.71

2 years ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

2.0.7

2 years ago

2.0.6

2 years ago

2.0.5

2 years ago

2.0.4

2 years ago

2.0.3

2 years ago

2.0.2

2 years ago

2.0.1

2 years ago

2.0.0

2 years ago

1.17.21

2 years ago

1.17.20

2 years ago

1.17.19

2 years ago

1.17.18

2 years ago

1.17.17

2 years ago

1.17.16

2 years ago

1.17.15

2 years ago

1.17.14

2 years ago

1.17.13

2 years ago