doway-coms 2.3.2 → 2.3.3

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 (82) hide show
  1. package/.browserslistrc +2 -2
  2. package/README.md +28 -28
  3. package/dist/css/chunk-vendors.7f83d8f9.css +8 -0
  4. package/dist/css/index.7946d50b.css +1 -0
  5. package/dist/favicon.ico +0 -0
  6. package/dist/js/chunk-vendors.28fda91d.js +340 -0
  7. package/dist/js/index.49bc6add.js +2 -0
  8. package/lib/doway-coms.common.js +120397 -0
  9. package/lib/doway-coms.css +1 -0
  10. package/lib/doway-coms.umd.js +120407 -0
  11. package/lib/doway-coms.umd.min.js +328 -0
  12. package/package.json +53 -53
  13. package/packages/AuditsList/index.js +7 -7
  14. package/packages/AuditsList/src/index.vue +266 -266
  15. package/packages/BaseButton/index.js +7 -7
  16. package/packages/BaseButton/src/index.vue +241 -241
  17. package/packages/BaseCheckbox/index.js +7 -7
  18. package/packages/BaseCheckbox/src/index.vue +134 -134
  19. package/packages/BaseDate/index.js +7 -7
  20. package/packages/BaseDate/src/index.vue +197 -197
  21. package/packages/BaseDateWeek/index.js +7 -7
  22. package/packages/BaseDateWeek/src/index.vue +163 -163
  23. package/packages/BaseDatetime/index.js +7 -7
  24. package/packages/BaseDatetime/src/index.vue +196 -196
  25. package/packages/BaseForm/index.js +7 -7
  26. package/packages/BaseForm/src/index.vue +730 -730
  27. package/packages/BaseGantt/index.js +9 -9
  28. package/packages/BaseGantt/src/index.vue +617 -617
  29. package/packages/BaseGrid/index.js +9 -9
  30. package/packages/BaseGrid/src/SeqSetting.vue +278 -278
  31. package/packages/BaseGrid/src/index.vue +3616 -3616
  32. package/packages/BaseGridAdjust/index.js +9 -9
  33. package/packages/BaseGridAdjust/src/index.vue +482 -482
  34. package/packages/BaseInput/index.js +7 -7
  35. package/packages/BaseInput/src/index.vue +164 -164
  36. package/packages/BaseIntervalInput/index.js +7 -7
  37. package/packages/BaseIntervalInput/src/index.vue +310 -310
  38. package/packages/BaseKanbanEmpty/index.js +7 -7
  39. package/packages/BaseKanbanEmpty/src/index.vue +176 -176
  40. package/packages/BaseNumberInput/index.js +7 -7
  41. package/packages/BaseNumberInput/src/index.vue +291 -291
  42. package/packages/BasePagination/index.js +7 -7
  43. package/packages/BasePagination/src/index.vue +91 -91
  44. package/packages/BasePictureCard/index.js +7 -7
  45. package/packages/BasePictureCard/src/index.vue +580 -580
  46. package/packages/BasePrintPreview/index.js +7 -7
  47. package/packages/BasePrintPreview/src/index.vue +129 -129
  48. package/packages/BasePulldown/index.js +7 -7
  49. package/packages/BasePulldown/src/index.vue +1321 -1282
  50. package/packages/BaseSearch/index.js +7 -7
  51. package/packages/BaseSearch/src/index.vue +935 -935
  52. package/packages/BaseSelect/index.js +7 -7
  53. package/packages/BaseSelect/src/index.vue +155 -155
  54. package/packages/BaseSelectMulti/index.js +7 -7
  55. package/packages/BaseSelectMulti/src/index.vue +148 -148
  56. package/packages/BaseTextArea/index.js +7 -7
  57. package/packages/BaseTextArea/src/index.vue +178 -178
  58. package/packages/BaseTime/index.js +7 -7
  59. package/packages/BaseTime/src/index.vue +166 -166
  60. package/packages/BaseTool/index.js +7 -7
  61. package/packages/BaseTool/src/index.vue +349 -349
  62. package/packages/BaseToolStatus/index.js +7 -7
  63. package/packages/BaseToolStatus/src/index.vue +388 -388
  64. package/packages/BaseTreeSelect/index.js +8 -8
  65. package/packages/BaseTreeSelect/src/index.vue +437 -437
  66. package/packages/LeaveAMessage/index.js +7 -7
  67. package/packages/LeaveAMessage/src/index.vue +601 -601
  68. package/packages/index.js +191 -191
  69. package/packages/styles/default.css +78 -78
  70. package/packages/styles/default.less +84 -84
  71. package/packages/utils/api.js +107 -107
  72. package/packages/utils/auth.js +38 -38
  73. package/packages/utils/common.js +610 -610
  74. package/packages/utils/dom.js +181 -181
  75. package/packages/utils/enum.js +86 -86
  76. package/packages/utils/filters.js +472 -472
  77. package/packages/utils/gridFormat.js +66 -66
  78. package/packages/utils/msg.js +84 -84
  79. package/packages/utils/patchFiles.js +44 -44
  80. package/packages/utils/request.js +178 -178
  81. package/packages/utils/store.js +305 -309
  82. package/vue.config.js +59 -59
package/package.json CHANGED
@@ -1,53 +1,53 @@
1
- {
2
- "name": "doway-coms",
3
- "version": "2.3.2",
4
- "description": "doway组件库",
5
- "author": "dowaysoft",
6
- "main": "packages/index.js",
7
- "license": "MIT",
8
- "scripts": {
9
- "dev": "vue-cli-service serve",
10
- "build": "vue-cli-service build",
11
- "lint": "vue-cli-service lint",
12
- "lib": "vue-cli-service build --target lib --name doway-coms --dest lib packages/index.js",
13
- "build:test": "vue-cli-service build --report"
14
- },
15
- "dependencies": {
16
- "ant-design-vue": "1.7.8",
17
- "axios": "0.18.0",
18
- "element-resize-detector": "^1.2.4",
19
- "js-cookie": "2.2.0",
20
- "sortablejs": "^1.15.0",
21
- "vee-validate": "3.4.14",
22
- "vue": "2.7.14",
23
- "vue-contextmenujs": "^1.4.9",
24
- "vue-router": "3.6.5",
25
- "vuedraggable": "^2.24.3",
26
- "vuex": "3.6.2",
27
- "vxe-table": "3.5.4",
28
- "xe-clipboard": "1.10.2",
29
- "xe-utils": "3.5.4"
30
- },
31
- "devDependencies": {
32
- "@vue/cli-plugin-babel": "~4.2.0",
33
- "@vue/cli-plugin-eslint": "~4.2.0",
34
- "@vue/cli-plugin-vuex": "~4.2.0",
35
- "@vue/cli-service": "~4.2.0",
36
- "babel-eslint": "^10.0.3",
37
- "babel-plugin-component": "^1.1.1",
38
- "babel-plugin-import": "^1.13.6",
39
- "eslint": "^6.7.2",
40
- "eslint-plugin-vue": "^6.1.2",
41
- "extract-text-webpack-plugin": "^3.0.2",
42
- "less-loader": "^6.0.0",
43
- "node-sass": "8.0.0",
44
- "sass-loader": "10.4.1",
45
- "vue-template-compiler": "^2.6.11"
46
- },
47
- "bundleDependencies": false,
48
- "repository": {
49
- "type": "git",
50
- "url": "https://www.npmjs.com/package/doway-coms.git"
51
- },
52
- "keywords": []
53
- }
1
+ {
2
+ "name": "doway-coms",
3
+ "version": "2.3.3",
4
+ "description": "doway组件库",
5
+ "author": "dowaysoft",
6
+ "main": "packages/index.js",
7
+ "license": "MIT",
8
+ "scripts": {
9
+ "dev": "vue-cli-service serve",
10
+ "build": "vue-cli-service build",
11
+ "lint": "vue-cli-service lint",
12
+ "lib": "vue-cli-service build --target lib --name doway-coms --dest lib packages/index.js",
13
+ "build:test": "vue-cli-service build --report"
14
+ },
15
+ "dependencies": {
16
+ "ant-design-vue": "1.7.8",
17
+ "axios": "0.18.0",
18
+ "element-resize-detector": "^1.2.4",
19
+ "js-cookie": "2.2.0",
20
+ "sortablejs": "^1.15.0",
21
+ "vee-validate": "3.4.14",
22
+ "vue": "2.7.14",
23
+ "vue-contextmenujs": "^1.4.9",
24
+ "vue-router": "3.6.5",
25
+ "vuedraggable": "^2.24.3",
26
+ "vuex": "3.6.2",
27
+ "vxe-table": "3.5.4",
28
+ "xe-clipboard": "1.10.2",
29
+ "xe-utils": "3.5.4"
30
+ },
31
+ "devDependencies": {
32
+ "@vue/cli-plugin-babel": "~4.2.0",
33
+ "@vue/cli-plugin-eslint": "~4.2.0",
34
+ "@vue/cli-plugin-vuex": "~4.2.0",
35
+ "@vue/cli-service": "~4.2.0",
36
+ "babel-eslint": "^10.0.3",
37
+ "babel-plugin-component": "^1.1.1",
38
+ "babel-plugin-import": "^1.13.6",
39
+ "eslint": "^6.7.2",
40
+ "eslint-plugin-vue": "^6.1.2",
41
+ "extract-text-webpack-plugin": "^3.0.2",
42
+ "less-loader": "^6.0.0",
43
+ "node-sass": "8.0.0",
44
+ "sass-loader": "10.4.1",
45
+ "vue-template-compiler": "^2.6.11"
46
+ },
47
+ "bundleDependencies": false,
48
+ "repository": {
49
+ "type": "git",
50
+ "url": "https://www.npmjs.com/package/doway-coms.git"
51
+ },
52
+ "keywords": []
53
+ }
@@ -1,8 +1,8 @@
1
- // 导入组件,组件必须声明 name
2
- import AuditsList from './src/index.vue';
3
- // 为组件提供 install 安装方法,供按需引入
4
- AuditsList.install = function(Vue) {
5
- Vue.component(AuditsList.name, AuditsList);
6
- };
7
- // 默认导出组件
1
+ // 导入组件,组件必须声明 name
2
+ import AuditsList from './src/index.vue';
3
+ // 为组件提供 install 安装方法,供按需引入
4
+ AuditsList.install = function(Vue) {
5
+ Vue.component(AuditsList.name, AuditsList);
6
+ };
7
+ // 默认导出组件
8
8
  export default AuditsList;
@@ -1,267 +1,267 @@
1
- <template>
2
- <div>
3
- <div class="icon" @click="showModal = !showModal">
4
- <a-icon type="edit" style="font-size: 30px; color: #fff" />
5
- </div>
6
- <vxe-modal
7
- v-model="showModal"
8
- :height="moduleHeight"
9
- :width="300"
10
- :zIndex="1000"
11
- :showHeader="false"
12
- :mask="false"
13
- :mask-closable="true"
14
- :position="{
15
- left: '78%',
16
- top: '15%'
17
- }"
18
- destroy-on-close
19
- >
20
- <div class="history" v-if="historyList.length>0">
21
- <div class="title">修改记录</div>
22
- <div
23
- class="box"
24
- v-for="(item,index) in historyList"
25
- :key="index"
26
- @click="historyData(item)"
27
- >
28
- <div class="item">
29
- <div
30
- class="status"
31
- :style="{color:textColor(item.logOperation)}"
32
- >{{item.logOperation|filterData}}</div>
33
- <div class="time">{{item.createTime}}</div>
34
- <div class="name">{{item.createUserName}}</div>
35
- </div>
36
- <div class="divider">
37
- <div></div>
38
- </div>
39
- </div>
40
- </div>
41
- <div v-else class="history">
42
- <div class="none">
43
- <div class="img"></div>
44
- <i class="text">暂无历史数据</i>
45
- </div>
46
- </div>
47
- </vxe-modal>
48
- </div>
49
- </template>
50
-
51
- <script>
52
- import { objectAuditLogApi } from "../../utils/api";
53
- export default {
54
- name: "AuditsList",
55
- props: {
56
- formId: {
57
- type: String
58
- },
59
- moduleHeight: {
60
- type: Number
61
- }
62
- },
63
- components: {},
64
- watch: {
65
- showModal(newVal, oldVal) {
66
- console.log(newVal);
67
- if (newVal) {
68
- this.getHistoryData();
69
- }
70
- },
71
- immediate: true
72
- },
73
- filters: {
74
- filterData(val) {
75
- switch (val) {
76
- case "update":
77
- return "修改";
78
- case "add":
79
- return "新增";
80
- default:
81
- return val;
82
- }
83
- }
84
- },
85
- mounted() {},
86
- data() {
87
- return {
88
- historyList: [],
89
- showModal: false
90
- };
91
- },
92
- methods: {
93
- getHistoryData() {
94
- let postData = {
95
- begin: 1,
96
- size: 0,
97
- expression: {
98
- expressions: [
99
- {
100
- field: "logDataKeyId",
101
- operator: "EQ",
102
- value: this.formId
103
- }
104
- ],
105
- operator: "and"
106
- },
107
- sorts: [["createTime", "asc"]]
108
- };
109
- objectAuditLogApi(postData).then(res => {
110
- res.content.forEach(item => {
111
- item.logData = JSON.parse(item.logData);
112
- });
113
- this.historyList = res.content;
114
- });
115
- },
116
- historyData(val) {
117
- if (
118
- // eslint-disable-next-line no-prototype-builtins
119
- val.logData.hasOwnProperty("code") &&
120
- // eslint-disable-next-line no-prototype-builtins
121
- val.logData.hasOwnProperty("content")
122
- ) {
123
- val.logData = val.logData.content;
124
- this.$emit("historyData", val);
125
- } else {
126
- this.$emit("historyData", val);
127
- }
128
- },
129
- textColor(val) {
130
- switch (val) {
131
- case "add":
132
- return "green";
133
- case "update":
134
- return "orange";
135
- }
136
- }
137
- }
138
- };
139
- </script>
140
-
141
- <style lang="less" scoped>
142
- .icon {
143
- position: fixed;
144
- top: 46%;
145
- right: -30px;
146
- z-index: 100;
147
- cursor: pointer;
148
- width: 40px;
149
- height: 40px;
150
- display: flex;
151
- justify-content: center;
152
- align-items: center;
153
- border-radius: 5px;
154
- background: #089def;
155
- }
156
- .icon:hover {
157
- right: 0px;
158
- transition:all 0.3s;
159
- }
160
- ::v-deep .vxe-modal--wrapper .vxe-modal--content {
161
- padding: 0;
162
- }
163
- .history {
164
- width: 100%;
165
- height: 100%;
166
- overflow-x: hidden;
167
- overflow-y: auto;
168
- .title {
169
- text-align: center;
170
- padding: 10px;
171
- font-size: 15px;
172
- font-weight: bold;
173
- }
174
- .box {
175
- .item {
176
- height: 40px;
177
- max-height: 40px;
178
- display: flex;
179
- cursor: pointer;
180
- .time {
181
- flex: 2.5;
182
- display: flex;
183
- justify-content: center;
184
- align-items: center;
185
- }
186
- .status {
187
- flex: 1;
188
- display: flex;
189
- justify-content: center;
190
- align-items: center;
191
- }
192
- .name {
193
- flex: 1;
194
- display: flex;
195
- justify-content: center;
196
- align-items: center;
197
- }
198
- }
199
- .item:hover {
200
- background: #e3e5e7;
201
- transition: all 0.5s;
202
- }
203
- .divider {
204
- height: 5px;
205
- max-height: 5px;
206
- display: flex;
207
- justify-content: center;
208
- align-items: center;
209
- div {
210
- width: 180px;
211
- height: 1px;
212
- background: #eee;
213
- }
214
- }
215
- }
216
- .none {
217
- width: 100%;
218
- height: 100%;
219
- display: flex;
220
- flex-direction: column;
221
- justify-content: center;
222
- align-items: center;
223
- .img {
224
- width: 200px;
225
- height: 150px;
226
- background: url("./暂无数据.png") no-repeat;
227
- background-size: 100%;
228
- }
229
- text {
230
- font-size: 15px;
231
- text-align: center;
232
- }
233
- }
234
- }
235
- /*滚动条整体部分*/
236
- .history::-webkit-scrollbar {
237
- width: 5px;
238
- height: 5px;
239
- z-index: 10;
240
- }
241
- /*滚动条的轨道*/
242
- .history::-webkit-scrollbar-track {
243
- background-color: #ffffff;
244
- z-index: 10;
245
- }
246
- /*滚动条里面的小方块,能向上向下移动*/
247
- .history::-webkit-scrollbar-thumb {
248
- background-color: #bfbfbf;
249
- border-radius: 5px;
250
- border: 1px solid #f1f1f1;
251
- box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
252
- z-index: 10;
253
- }
254
- .history::-webkit-scrollbar-thumb:hover {
255
- background-color: #a8a8a8;
256
- z-index: 10;
257
- }
258
- .history::-webkit-scrollbar-thumb:active {
259
- background-color: #787878;
260
- z-index: 10;
261
- }
262
- /*边角,即两个滚动条的交汇处*/
263
- .history::-webkit-scrollbar-corner {
264
- background-color: #ffffff;
265
- z-index: 10;
266
- }
1
+ <template>
2
+ <div>
3
+ <div class="icon" @click="showModal = !showModal">
4
+ <a-icon type="edit" style="font-size: 30px; color: #fff" />
5
+ </div>
6
+ <vxe-modal
7
+ v-model="showModal"
8
+ :height="moduleHeight"
9
+ :width="300"
10
+ :zIndex="1000"
11
+ :showHeader="false"
12
+ :mask="false"
13
+ :mask-closable="true"
14
+ :position="{
15
+ left: '78%',
16
+ top: '15%'
17
+ }"
18
+ destroy-on-close
19
+ >
20
+ <div class="history" v-if="historyList.length>0">
21
+ <div class="title">修改记录</div>
22
+ <div
23
+ class="box"
24
+ v-for="(item,index) in historyList"
25
+ :key="index"
26
+ @click="historyData(item)"
27
+ >
28
+ <div class="item">
29
+ <div
30
+ class="status"
31
+ :style="{color:textColor(item.logOperation)}"
32
+ >{{item.logOperation|filterData}}</div>
33
+ <div class="time">{{item.createTime}}</div>
34
+ <div class="name">{{item.createUserName}}</div>
35
+ </div>
36
+ <div class="divider">
37
+ <div></div>
38
+ </div>
39
+ </div>
40
+ </div>
41
+ <div v-else class="history">
42
+ <div class="none">
43
+ <div class="img"></div>
44
+ <i class="text">暂无历史数据</i>
45
+ </div>
46
+ </div>
47
+ </vxe-modal>
48
+ </div>
49
+ </template>
50
+
51
+ <script>
52
+ import { objectAuditLogApi } from "../../utils/api";
53
+ export default {
54
+ name: "AuditsList",
55
+ props: {
56
+ formId: {
57
+ type: String
58
+ },
59
+ moduleHeight: {
60
+ type: Number
61
+ }
62
+ },
63
+ components: {},
64
+ watch: {
65
+ showModal(newVal, oldVal) {
66
+ console.log(newVal);
67
+ if (newVal) {
68
+ this.getHistoryData();
69
+ }
70
+ },
71
+ immediate: true
72
+ },
73
+ filters: {
74
+ filterData(val) {
75
+ switch (val) {
76
+ case "update":
77
+ return "修改";
78
+ case "add":
79
+ return "新增";
80
+ default:
81
+ return val;
82
+ }
83
+ }
84
+ },
85
+ mounted() {},
86
+ data() {
87
+ return {
88
+ historyList: [],
89
+ showModal: false
90
+ };
91
+ },
92
+ methods: {
93
+ getHistoryData() {
94
+ let postData = {
95
+ begin: 1,
96
+ size: 0,
97
+ expression: {
98
+ expressions: [
99
+ {
100
+ field: "logDataKeyId",
101
+ operator: "EQ",
102
+ value: this.formId
103
+ }
104
+ ],
105
+ operator: "and"
106
+ },
107
+ sorts: [["createTime", "asc"]]
108
+ };
109
+ objectAuditLogApi(postData).then(res => {
110
+ res.content.forEach(item => {
111
+ item.logData = JSON.parse(item.logData);
112
+ });
113
+ this.historyList = res.content;
114
+ });
115
+ },
116
+ historyData(val) {
117
+ if (
118
+ // eslint-disable-next-line no-prototype-builtins
119
+ val.logData.hasOwnProperty("code") &&
120
+ // eslint-disable-next-line no-prototype-builtins
121
+ val.logData.hasOwnProperty("content")
122
+ ) {
123
+ val.logData = val.logData.content;
124
+ this.$emit("historyData", val);
125
+ } else {
126
+ this.$emit("historyData", val);
127
+ }
128
+ },
129
+ textColor(val) {
130
+ switch (val) {
131
+ case "add":
132
+ return "green";
133
+ case "update":
134
+ return "orange";
135
+ }
136
+ }
137
+ }
138
+ };
139
+ </script>
140
+
141
+ <style lang="less" scoped>
142
+ .icon {
143
+ position: fixed;
144
+ top: 46%;
145
+ right: -30px;
146
+ z-index: 100;
147
+ cursor: pointer;
148
+ width: 40px;
149
+ height: 40px;
150
+ display: flex;
151
+ justify-content: center;
152
+ align-items: center;
153
+ border-radius: 5px;
154
+ background: #089def;
155
+ }
156
+ .icon:hover {
157
+ right: 0px;
158
+ transition:all 0.3s;
159
+ }
160
+ ::v-deep .vxe-modal--wrapper .vxe-modal--content {
161
+ padding: 0;
162
+ }
163
+ .history {
164
+ width: 100%;
165
+ height: 100%;
166
+ overflow-x: hidden;
167
+ overflow-y: auto;
168
+ .title {
169
+ text-align: center;
170
+ padding: 10px;
171
+ font-size: 15px;
172
+ font-weight: bold;
173
+ }
174
+ .box {
175
+ .item {
176
+ height: 40px;
177
+ max-height: 40px;
178
+ display: flex;
179
+ cursor: pointer;
180
+ .time {
181
+ flex: 2.5;
182
+ display: flex;
183
+ justify-content: center;
184
+ align-items: center;
185
+ }
186
+ .status {
187
+ flex: 1;
188
+ display: flex;
189
+ justify-content: center;
190
+ align-items: center;
191
+ }
192
+ .name {
193
+ flex: 1;
194
+ display: flex;
195
+ justify-content: center;
196
+ align-items: center;
197
+ }
198
+ }
199
+ .item:hover {
200
+ background: #e3e5e7;
201
+ transition: all 0.5s;
202
+ }
203
+ .divider {
204
+ height: 5px;
205
+ max-height: 5px;
206
+ display: flex;
207
+ justify-content: center;
208
+ align-items: center;
209
+ div {
210
+ width: 180px;
211
+ height: 1px;
212
+ background: #eee;
213
+ }
214
+ }
215
+ }
216
+ .none {
217
+ width: 100%;
218
+ height: 100%;
219
+ display: flex;
220
+ flex-direction: column;
221
+ justify-content: center;
222
+ align-items: center;
223
+ .img {
224
+ width: 200px;
225
+ height: 150px;
226
+ background: url("./暂无数据.png") no-repeat;
227
+ background-size: 100%;
228
+ }
229
+ text {
230
+ font-size: 15px;
231
+ text-align: center;
232
+ }
233
+ }
234
+ }
235
+ /*滚动条整体部分*/
236
+ .history::-webkit-scrollbar {
237
+ width: 5px;
238
+ height: 5px;
239
+ z-index: 10;
240
+ }
241
+ /*滚动条的轨道*/
242
+ .history::-webkit-scrollbar-track {
243
+ background-color: #ffffff;
244
+ z-index: 10;
245
+ }
246
+ /*滚动条里面的小方块,能向上向下移动*/
247
+ .history::-webkit-scrollbar-thumb {
248
+ background-color: #bfbfbf;
249
+ border-radius: 5px;
250
+ border: 1px solid #f1f1f1;
251
+ box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
252
+ z-index: 10;
253
+ }
254
+ .history::-webkit-scrollbar-thumb:hover {
255
+ background-color: #a8a8a8;
256
+ z-index: 10;
257
+ }
258
+ .history::-webkit-scrollbar-thumb:active {
259
+ background-color: #787878;
260
+ z-index: 10;
261
+ }
262
+ /*边角,即两个滚动条的交汇处*/
263
+ .history::-webkit-scrollbar-corner {
264
+ background-color: #ffffff;
265
+ z-index: 10;
266
+ }
267
267
  </style>
@@ -1,8 +1,8 @@
1
- // 导入组件,组件必须声明 name
2
- import BaseButton from './src/index.vue';
3
- // 为组件提供 install 安装方法,供按需引入
4
- BaseButton.install = function(Vue) {
5
- Vue.component(BaseButton.name, BaseButton);
6
- };
7
- // 默认导出组件
1
+ // 导入组件,组件必须声明 name
2
+ import BaseButton from './src/index.vue';
3
+ // 为组件提供 install 安装方法,供按需引入
4
+ BaseButton.install = function(Vue) {
5
+ Vue.component(BaseButton.name, BaseButton);
6
+ };
7
+ // 默认导出组件
8
8
  export default BaseButton;