4.0.5 • Published 29 days ago

@94ai/codepen v4.0.5

Weekly downloads
-
License
ISC
Repository
-
Last release
29 days ago

@94ai/codepen

common-ui组件库es.browser和umd.browser版本

HomePage

官网地址： https://oss.xccjh.top/common-ui/#/ai-index

Usage

importmap+common-ui.es.browser.js

common-ui支持原生es模块化使用,如下:

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css"> <!--  引入element-ui主题  -->
  <link rel="stylesheet" href="https://unpkg.com/@94ai/nf-theme-chalk@1.1.21/lib/css/index.css"> <!--  引入common-ui主题  -->
</head>
<body>

<script type="importmap">
{
  "imports": {
     "vue":"https://unpkg.com/vue@2.7.14/dist/vue.esm.browser.js",
     "common-ui":"https://unpkg.com/@94ai/common-ui@1.1.21/lib/codepen/common-ui.es.browser.js"
  }
}
</script>
<script type="module">
import {
  default as Vue
} from 'vue'
if (!window.Vue) {
  window.Vue = Vue
}
</script>
<script defer src="https://unpkg.com/element-ui@2.13.2/lib/index.js"></script>
<script type="module">
import { NfButtonDemo, NfDoubleTime } from 'common-ui'
Vue.use(NfButtonDemo).use(NfDoubleTime)
new Vue({
  el: '#app'
})
</script>
<div id="app">
  <el-button>test element-ui</el-button>
  <nf-button-demo>test common-ui</nf-button-demo>
  <nf-double-time/>
</div>
</body>
</html>

效果如下：

npm.io

直接在html中使用umd组件

如下引入对应主题包和库文件即可

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <title>umd demo</title>
  <script src="//unpkg.com/vue@2/dist/vue.js"></script> <!--  👈  引入vue  -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui@2.13.2/lib/theme-chalk/index.css">
  <script src="https://unpkg.com/element-ui@2.13.2/lib/index.js"></script> <!--  👈  引入element-ui的全量umd版本  -->
  <link rel="stylesheet" href="https://unpkg.com/@94ai/nf-theme-chalk@1.1.21/lib/css/index.css"> 
  <script src="https://unpkg.com/@94ai/common-ui@1.1.21/lib/codepen/common-ui.umd.browser.js"></script> <!--  👈  引入common-ui的全量umd版本  -->
</head>
<body>
<div id="app">
  <el-button>test element-ui</el-button>
  <nf-button-demo>test common-ui</nf-button-demo> <!--  👈 使用组件 -->
  <nf-double-time></nf-double-time>
</div>
</body>
<script>
const { default: CommonUI } = window['common-ui']
Vue.use(CommonUI)  // 👈  注册common-ui
new Vue().$mount('#app')
</script>
</html>

打开查看效果：

npm.io

温馨提示 由于vue cdn通过file协议通常加载不到，推荐使用托管的形式打开，如npx http-server

common-ui组件库es.browserumd.browser
@everything-registry/sub-chunk-19
4.0.5

29 days ago

4.0.4

29 days ago

4.0.1

1 month ago

4.0.0

1 month ago

4.0.2

1 month ago

3.4.0

1 month ago

3.3.75

1 month ago

3.3.73

2 months ago

3.3.74

2 months ago

3.3.72

2 months ago

3.3.70

2 months ago

3.3.68

2 months ago

3.3.69

2 months ago

3.3.67

2 months ago

3.3.65

2 months ago

3.3.66

2 months ago

3.3.64

2 months ago

3.3.63

2 months ago

3.3.61

2 months ago

3.3.62

2 months ago

3.3.60

2 months ago

3.3.59

2 months ago

3.3.58

2 months ago

3.3.55

3 months ago

3.3.53

3 months ago

3.3.50

4 months ago

3.3.51

4 months ago

3.3.44

4 months ago

3.3.45

4 months ago

3.3.40

4 months ago

3.3.42

4 months ago

3.3.39

4 months ago

3.3.38

4 months ago

3.3.37

5 months ago

3.3.36

5 months ago

3.3.35

5 months ago

3.3.25

5 months ago

3.3.23

5 months ago

3.3.19

5 months ago

3.3.20

5 months ago

3.3.17

5 months ago

3.3.18

5 months ago

3.3.13

5 months ago

3.3.14

5 months ago

3.3.15

5 months ago

3.3.16

5 months ago

3.3.10

5 months ago

3.3.11

5 months ago

3.3.12

5 months ago

3.3.4

6 months ago

3.3.2

6 months ago

100.1.40

6 months ago

100.1.45

6 months ago

100.1.44

6 months ago

100.1.48

6 months ago

100.1.47

6 months ago

100.1.46

6 months ago

100.1.30

6 months ago

100.1.34

6 months ago

100.1.32

6 months ago

100.1.31

6 months ago

100.1.38

6 months ago

100.1.37

6 months ago

100.1.36

6 months ago

100.1.35

6 months ago

3.2.82

6 months ago

3.2.81

6 months ago

3.2.80

6 months ago

3.2.68

6 months ago

3.2.67

6 months ago

3.2.69

6 months ago

3.2.60

6 months ago

3.2.62

6 months ago

3.2.61

6 months ago

3.2.64

6 months ago

3.2.66

6 months ago

3.2.79

6 months ago

3.2.78

6 months ago

3.2.71

6 months ago

3.2.70

6 months ago

3.2.72

6 months ago

3.2.75

6 months ago

3.2.77

6 months ago

3.2.76

6 months ago

3.2.57

6 months ago

3.3.0

6 months ago

3.2.56

6 months ago

3.2.59

6 months ago

3.2.58

6 months ago

3.2.54

6 months ago

100.1.23

7 months ago

100.1.22

7 months ago

100.1.25

7 months ago

100.1.24

7 months ago

3.2.51

7 months ago

3.2.52

7 months ago

3.2.49

7 months ago

100.1.21

7 months ago

100.1.20

7 months ago

100.1.19

7 months ago

100.1.17

7 months ago

100.1.15

7 months ago

100.1.9

7 months ago

100.1.8

7 months ago

100.1.7

7 months ago

100.1.6

7 months ago

100.1.5

7 months ago

100.1.2

7 months ago

100.1.1

7 months ago

3.2.48

7 months ago

3.2.47

7 months ago

3.2.45

7 months ago

3.2.44

7 months ago

3.2.43

7 months ago

3.2.40

7 months ago

3.2.39

7 months ago

3.2.38

7 months ago

3.2.37

7 months ago

3.2.35

7 months ago

3.2.34

7 months ago

3.2.32

7 months ago

3.2.29

7 months ago

3.2.26

7 months ago

3.2.25

7 months ago

3.2.24

7 months ago

3.2.21

7 months ago

3.2.20

7 months ago

3.2.4

8 months ago

3.2.3

8 months ago

3.2.1

8 months ago

3.2.0

8 months ago

3.1.54

8 months ago

3.1.53

8 months ago

3.1.52

8 months ago

3.1.48

8 months ago

3.1.47

8 months ago

3.1.46

8 months ago

3.1.45

8 months ago

3.1.44

8 months ago

3.1.43

8 months ago

3.1.42

8 months ago

3.1.41

8 months ago

3.1.40

8 months ago

3.1.39

8 months ago

3.1.38

8 months ago

3.1.37

8 months ago

3.1.36

8 months ago

3.1.35

8 months ago

3.1.34

8 months ago

3.1.33

8 months ago

3.1.32

9 months ago

3.1.31

9 months ago

3.1.30

9 months ago

3.1.28

9 months ago

3.1.27

9 months ago

3.1.26

9 months ago

3.1.25

9 months ago

3.1.24

9 months ago

3.1.23

9 months ago

3.1.22

9 months ago

3.1.21

9 months ago

3.1.20

9 months ago

3.1.19

9 months ago

3.1.18

9 months ago

3.1.17

9 months ago

3.1.16

9 months ago

3.1.15

9 months ago

3.1.14

9 months ago

3.1.13

9 months ago

3.1.12

9 months ago

3.1.11

9 months ago

3.1.10

9 months ago

1.3.9

9 months ago

1.3.8

9 months ago

1.3.7

9 months ago

1.3.6

9 months ago

1.3.5

9 months ago

1.3.4

10 months ago

1.3.3

10 months ago

1.3.2

10 months ago

1.3.1

10 months ago

1.3.0

10 months ago

1.2.18

10 months ago

1.2.17

10 months ago

1.2.16

10 months ago

1.2.15

10 months ago

1.2.14

10 months ago

1.2.13

10 months ago

1.2.12

10 months ago

1.2.10

10 months ago

1.2.9

10 months ago

1.2.8

10 months ago

1.2.7

10 months ago

1.2.6

10 months ago

1.2.5

10 months ago

1.2.4

10 months ago

1.2.3

10 months ago

1.2.2

10 months ago