sccba-ui 0.0.4 → 0.0.6

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.
Files changed (2) hide show
  1. package/README.md +33 -23
  2. package/package.json +3 -3
package/README.md CHANGED
@@ -17,11 +17,9 @@ npm install sccba-ui
17
17
 
18
18
  ## 使用
19
19
 
20
- ### 完整引入（推荐）
20
+ ### Vue 3
21
21
 
22
- 类似 Element UI，可以一次性引入所有组件：
23
-
24
- #### Vue 3
22
+ #### 完整引入（推荐）
25
23
 
26
24
  ```javascript
27
25
  import { createApp } from 'vue'
@@ -34,47 +32,59 @@ app.use(SccbaUI)
34
32
  app.mount('#app')
35
33
  ```
36
34
 
37
- #### Vue 2
35
+ #### 按需引入
38
36
 
39
37
  ```javascript
40
- import Vue from 'vue'
41
- import SccbaUI from 'sccba-ui'
38
+ import { createApp } from 'vue'
39
+ import { SccbaButton, SccbaInput } from 'sccba-ui'
42
40
  import 'sccba-ui/dist/sccba-ui.css'
43
41
  import App from './App.vue'
44
42
 
45
- Vue.use(SccbaUI)
46
-
47
- new Vue({
48
- render: h => h(App)
49
- }).$mount('#app')
43
+ const app = createApp(App)
44
+ app.use(SccbaButton)
45
+ app.use(SccbaInput)
46
+ app.mount('#app')
50
47
  ```
51
48
 
52
- ### 按需引入
49
+ ### Vue 2
53
50
 
54
- 如果只需要部分组件，可以按需引入：
51
+ #### 完整引入（推荐）
55
52
 
56
- #### Vue 3
53
+ **重要**：Vue 2项目必须使用CommonJS方式引入
57
54
 
58
55
  ```javascript
59
- import { createApp } from 'vue'
60
- import { SccbaButton, SccbaInput } from 'sccba-ui'
56
+ import Vue from 'vue'
57
+ import ElementUI from 'element-ui'
58
+ import 'element-ui/lib/theme-chalk/index.css'
59
+
60
+ // 使用 CommonJS 方式引入 sccba-ui
61
+ const SccbaUI = require('sccba-ui')
61
62
  import 'sccba-ui/dist/sccba-ui.css'
62
63
  import App from './App.vue'
63
64
 
64
- const app = createApp(App)
65
- app.use(SccbaButton)
66
- app.use(SccbaInput)
67
- app.mount('#app')
65
+ Vue.use(ElementUI)
66
+ Vue.use(SccbaUI)
67
+
68
+ new Vue({
69
+ render: h => h(App)
70
+ }).$mount('#app')
68
71
  ```
69
72
 
70
- #### Vue 2
73
+ #### 按需引入
74
+
75
+ **重要**：Vue 2项目必须使用CommonJS方式引入
71
76
 
72
77
  ```javascript
73
78
  import Vue from 'vue'
74
- import { SccbaButton, SccbaInput } from 'sccba-ui'
79
+ import ElementUI from 'element-ui'
80
+ import 'element-ui/lib/theme-chalk/index.css'
81
+
82
+ // 使用 CommonJS 方式按需引入组件
83
+ const { SccbaButton, SccbaInput } = require('sccba-ui')
75
84
  import 'sccba-ui/dist/sccba-ui.css'
76
85
  import App from './App.vue'
77
86
 
87
+ Vue.use(ElementUI)
78
88
  Vue.use(SccbaButton)
79
89
  Vue.use(SccbaInput)
80
90
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sccba-ui",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "description": "一个基于 Vue 2/3 的 UI 组件库，使用 vue-demi 实现跨版本兼容",
5
5
  "keywords": [
6
6
  "vue",
@@ -14,14 +14,14 @@
14
14
  ],
15
15
  "author": "",
16
16
  "license": "MIT",
17
- "type": "module",
18
17
  "main": "dist/sccba-ui.cjs.js",
19
18
  "module": "dist/sccba-ui.es.js",
20
19
  "unpkg": "dist/sccba-ui.umd.js",
21
20
  "exports": {
22
21
  ".": {
23
22
  "import": "./dist/sccba-ui.es.js",
24
- "require": "./dist/sccba-ui.cjs.js"
23
+ "require": "./dist/sccba-ui.cjs.js",
24
+ "default": "./dist/sccba-ui.cjs.js"
25
25
  }
26
26
  },
27
27
  "scripts": {