sjgbut1 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +24 -0
- package/dist/demo.html +5 -0
- package/dist/sjgbut1.common.js +151 -0
- package/dist/sjgbut1.css +1 -0
- package/dist/sjgbut1.umd.js +170 -0
- package/dist/sjgbut1.umd.min.js +2 -0
- package/jsconfig.json +19 -0
- package/package.json +50 -0
- package/src/App.vue +25 -0
- package/src/assets/logo.png +0 -0
- package/src/components/HelloWorld.vue +58 -0
- package/src/main.js +5 -0
package/README.md
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
# but
|
|
2
|
+
|
|
3
|
+
## Project setup
|
|
4
|
+
```
|
|
5
|
+
npm install
|
|
6
|
+
```
|
|
7
|
+
|
|
8
|
+
### Compiles and hot-reloads for development
|
|
9
|
+
```
|
|
10
|
+
npm run serve
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
### Compiles and minifies for production
|
|
14
|
+
```
|
|
15
|
+
npm run build
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
### Lints and fixes files
|
|
19
|
+
```
|
|
20
|
+
npm run lint
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
### Customize configuration
|
|
24
|
+
See [Configuration Reference](https://cli.vuejs.org/config/).
|
package/dist/demo.html
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<!doctype html><meta charset="utf-8"><title>sjgbut1 demo</title><script src="//unpkg.com/vue@3"></script><script src="./sjgbut1.umd.js"></script><link rel="stylesheet" href="./sjgbut1.css"><div id="app"><demo></demo></div><script>Vue.createApp({
|
|
2
|
+
components: {
|
|
3
|
+
demo: sjgbut1
|
|
4
|
+
}
|
|
5
|
+
}).mount('#app')</script>
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
/******/ (function() { // webpackBootstrap
|
|
2
|
+
/******/ "use strict";
|
|
3
|
+
/******/ var __webpack_modules__ = ({
|
|
4
|
+
|
|
5
|
+
/***/ 241:
|
|
6
|
+
/***/ (function(__unused_webpack_module, exports) {
|
|
7
|
+
|
|
8
|
+
var __webpack_unused_export__;
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
__webpack_unused_export__ = ({
|
|
12
|
+
value: true
|
|
13
|
+
});
|
|
14
|
+
// runtime helper for setting properties on components
|
|
15
|
+
// in a tree-shakable way
|
|
16
|
+
exports.A = (sfc, props) => {
|
|
17
|
+
const target = sfc.__vccOpts || sfc;
|
|
18
|
+
for (const [key, val] of props) {
|
|
19
|
+
target[key] = val;
|
|
20
|
+
}
|
|
21
|
+
return target;
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
/***/ })
|
|
25
|
+
|
|
26
|
+
/******/ });
|
|
27
|
+
/************************************************************************/
|
|
28
|
+
/******/ // The module cache
|
|
29
|
+
/******/ var __webpack_module_cache__ = {};
|
|
30
|
+
/******/
|
|
31
|
+
/******/ // The require function
|
|
32
|
+
/******/ function __webpack_require__(moduleId) {
|
|
33
|
+
/******/ // Check if module is in cache
|
|
34
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
35
|
+
/******/ if (cachedModule !== undefined) {
|
|
36
|
+
/******/ return cachedModule.exports;
|
|
37
|
+
/******/ }
|
|
38
|
+
/******/ // Create a new module (and put it into the cache)
|
|
39
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
40
|
+
/******/ // no module.id needed
|
|
41
|
+
/******/ // no module.loaded needed
|
|
42
|
+
/******/ exports: {}
|
|
43
|
+
/******/ };
|
|
44
|
+
/******/
|
|
45
|
+
/******/ // Execute the module function
|
|
46
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
47
|
+
/******/
|
|
48
|
+
/******/ // Return the exports of the module
|
|
49
|
+
/******/ return module.exports;
|
|
50
|
+
/******/ }
|
|
51
|
+
/******/
|
|
52
|
+
/************************************************************************/
|
|
53
|
+
/******/ /* webpack/runtime/define property getters */
|
|
54
|
+
/******/ !function() {
|
|
55
|
+
/******/ // define getter functions for harmony exports
|
|
56
|
+
/******/ __webpack_require__.d = function(exports, definition) {
|
|
57
|
+
/******/ for(var key in definition) {
|
|
58
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
59
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
60
|
+
/******/ }
|
|
61
|
+
/******/ }
|
|
62
|
+
/******/ };
|
|
63
|
+
/******/ }();
|
|
64
|
+
/******/
|
|
65
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
66
|
+
/******/ !function() {
|
|
67
|
+
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
|
68
|
+
/******/ }();
|
|
69
|
+
/******/
|
|
70
|
+
/******/ /* webpack/runtime/publicPath */
|
|
71
|
+
/******/ !function() {
|
|
72
|
+
/******/ __webpack_require__.p = "";
|
|
73
|
+
/******/ }();
|
|
74
|
+
/******/
|
|
75
|
+
/************************************************************************/
|
|
76
|
+
var __webpack_exports__ = {};
|
|
77
|
+
|
|
78
|
+
// EXPORTS
|
|
79
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
80
|
+
"default": function() { return /* binding */ entry_lib; }
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
84
|
+
/* eslint-disable no-var */
|
|
85
|
+
// This file is imported into lib/wc client bundles.
|
|
86
|
+
|
|
87
|
+
if (typeof window !== 'undefined') {
|
|
88
|
+
var currentScript = window.document.currentScript
|
|
89
|
+
if (false) { var getCurrentScript; }
|
|
90
|
+
|
|
91
|
+
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
92
|
+
if (src) {
|
|
93
|
+
__webpack_require__.p = src[1] // eslint-disable-line
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
// Indicate to webpack that this file can be concatenated
|
|
98
|
+
/* harmony default export */ var setPublicPath = (null);
|
|
99
|
+
|
|
100
|
+
;// external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
101
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject = require("vue");
|
|
102
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=template&id=0caaaf00
|
|
103
|
+
|
|
104
|
+
const _hoisted_1 = {
|
|
105
|
+
class: "MyButton"
|
|
106
|
+
};
|
|
107
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
108
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("button", _hoisted_1, " 我是一个按钮组件 ");
|
|
109
|
+
}
|
|
110
|
+
;// ./packages/button.vue?vue&type=template&id=0caaaf00
|
|
111
|
+
|
|
112
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=script&lang=js
|
|
113
|
+
/* harmony default export */ var buttonvue_type_script_lang_js = ({
|
|
114
|
+
name: 'MyButton',
|
|
115
|
+
data() {
|
|
116
|
+
return {};
|
|
117
|
+
},
|
|
118
|
+
methods: {},
|
|
119
|
+
filters: {},
|
|
120
|
+
created() {}
|
|
121
|
+
});
|
|
122
|
+
;// ./packages/button.vue?vue&type=script&lang=js
|
|
123
|
+
|
|
124
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=style&index=0&id=0caaaf00&lang=css
|
|
125
|
+
// extracted by mini-css-extract-plugin
|
|
126
|
+
|
|
127
|
+
;// ./packages/button.vue?vue&type=style&index=0&id=0caaaf00&lang=css
|
|
128
|
+
|
|
129
|
+
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
|
|
130
|
+
var exportHelper = __webpack_require__(241);
|
|
131
|
+
;// ./packages/button.vue
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
|
|
136
|
+
;
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(buttonvue_type_script_lang_js, [['render',render]])
|
|
140
|
+
|
|
141
|
+
/* harmony default export */ var packages_button = (__exports__);
|
|
142
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|
|
143
|
+
|
|
144
|
+
|
|
145
|
+
/* harmony default export */ var entry_lib = (packages_button);
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
module.exports = __webpack_exports__["default"];
|
|
149
|
+
/******/ })()
|
|
150
|
+
;
|
|
151
|
+
//# sourceMappingURL=sjgbut1.common.js.map
|
package/dist/sjgbut1.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.MyButton{color:red}
|
|
@@ -0,0 +1,170 @@
|
|
|
1
|
+
(function webpackUniversalModuleDefinition(root, factory) {
|
|
2
|
+
if(typeof exports === 'object' && typeof module === 'object')
|
|
3
|
+
module.exports = factory(require("vue"));
|
|
4
|
+
else if(typeof define === 'function' && define.amd)
|
|
5
|
+
define([], factory);
|
|
6
|
+
else if(typeof exports === 'object')
|
|
7
|
+
exports["sjgbut1"] = factory(require("vue"));
|
|
8
|
+
else
|
|
9
|
+
root["sjgbut1"] = factory(root["Vue"]);
|
|
10
|
+
})((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__274__) {
|
|
11
|
+
return /******/ (function() { // webpackBootstrap
|
|
12
|
+
/******/ "use strict";
|
|
13
|
+
/******/ var __webpack_modules__ = ({
|
|
14
|
+
|
|
15
|
+
/***/ 907:
|
|
16
|
+
/***/ (function(__unused_webpack_module, exports) {
|
|
17
|
+
|
|
18
|
+
var __webpack_unused_export__;
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
__webpack_unused_export__ = ({
|
|
22
|
+
value: true
|
|
23
|
+
});
|
|
24
|
+
// runtime helper for setting properties on components
|
|
25
|
+
// in a tree-shakable way
|
|
26
|
+
exports.A = (sfc, props) => {
|
|
27
|
+
const target = sfc.__vccOpts || sfc;
|
|
28
|
+
for (const [key, val] of props) {
|
|
29
|
+
target[key] = val;
|
|
30
|
+
}
|
|
31
|
+
return target;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
/***/ }),
|
|
35
|
+
|
|
36
|
+
/***/ 274:
|
|
37
|
+
/***/ (function(module) {
|
|
38
|
+
|
|
39
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE__274__;
|
|
40
|
+
|
|
41
|
+
/***/ })
|
|
42
|
+
|
|
43
|
+
/******/ });
|
|
44
|
+
/************************************************************************/
|
|
45
|
+
/******/ // The module cache
|
|
46
|
+
/******/ var __webpack_module_cache__ = {};
|
|
47
|
+
/******/
|
|
48
|
+
/******/ // The require function
|
|
49
|
+
/******/ function __webpack_require__(moduleId) {
|
|
50
|
+
/******/ // Check if module is in cache
|
|
51
|
+
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
|
52
|
+
/******/ if (cachedModule !== undefined) {
|
|
53
|
+
/******/ return cachedModule.exports;
|
|
54
|
+
/******/ }
|
|
55
|
+
/******/ // Create a new module (and put it into the cache)
|
|
56
|
+
/******/ var module = __webpack_module_cache__[moduleId] = {
|
|
57
|
+
/******/ // no module.id needed
|
|
58
|
+
/******/ // no module.loaded needed
|
|
59
|
+
/******/ exports: {}
|
|
60
|
+
/******/ };
|
|
61
|
+
/******/
|
|
62
|
+
/******/ // Execute the module function
|
|
63
|
+
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
|
64
|
+
/******/
|
|
65
|
+
/******/ // Return the exports of the module
|
|
66
|
+
/******/ return module.exports;
|
|
67
|
+
/******/ }
|
|
68
|
+
/******/
|
|
69
|
+
/************************************************************************/
|
|
70
|
+
/******/ /* webpack/runtime/define property getters */
|
|
71
|
+
/******/ !function() {
|
|
72
|
+
/******/ // define getter functions for harmony exports
|
|
73
|
+
/******/ __webpack_require__.d = function(exports, definition) {
|
|
74
|
+
/******/ for(var key in definition) {
|
|
75
|
+
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
|
76
|
+
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
|
77
|
+
/******/ }
|
|
78
|
+
/******/ }
|
|
79
|
+
/******/ };
|
|
80
|
+
/******/ }();
|
|
81
|
+
/******/
|
|
82
|
+
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
|
83
|
+
/******/ !function() {
|
|
84
|
+
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
|
|
85
|
+
/******/ }();
|
|
86
|
+
/******/
|
|
87
|
+
/******/ /* webpack/runtime/publicPath */
|
|
88
|
+
/******/ !function() {
|
|
89
|
+
/******/ __webpack_require__.p = "";
|
|
90
|
+
/******/ }();
|
|
91
|
+
/******/
|
|
92
|
+
/************************************************************************/
|
|
93
|
+
var __webpack_exports__ = {};
|
|
94
|
+
|
|
95
|
+
// EXPORTS
|
|
96
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
97
|
+
"default": function() { return /* binding */ entry_lib; }
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
|
|
101
|
+
/* eslint-disable no-var */
|
|
102
|
+
// This file is imported into lib/wc client bundles.
|
|
103
|
+
|
|
104
|
+
if (typeof window !== 'undefined') {
|
|
105
|
+
var currentScript = window.document.currentScript
|
|
106
|
+
if (false) { var getCurrentScript; }
|
|
107
|
+
|
|
108
|
+
var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
|
|
109
|
+
if (src) {
|
|
110
|
+
__webpack_require__.p = src[1] // eslint-disable-line
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
// Indicate to webpack that this file can be concatenated
|
|
115
|
+
/* harmony default export */ var setPublicPath = (null);
|
|
116
|
+
|
|
117
|
+
// EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
|
|
118
|
+
var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__(274);
|
|
119
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=template&id=0caaaf00
|
|
120
|
+
|
|
121
|
+
const _hoisted_1 = {
|
|
122
|
+
class: "MyButton"
|
|
123
|
+
};
|
|
124
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
125
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_.createElementBlock)("button", _hoisted_1, " 我是一个按钮组件 ");
|
|
126
|
+
}
|
|
127
|
+
;// ./packages/button.vue?vue&type=template&id=0caaaf00
|
|
128
|
+
|
|
129
|
+
;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=script&lang=js
|
|
130
|
+
/* harmony default export */ var buttonvue_type_script_lang_js = ({
|
|
131
|
+
name: 'MyButton',
|
|
132
|
+
data() {
|
|
133
|
+
return {};
|
|
134
|
+
},
|
|
135
|
+
methods: {},
|
|
136
|
+
filters: {},
|
|
137
|
+
created() {}
|
|
138
|
+
});
|
|
139
|
+
;// ./packages/button.vue?vue&type=script&lang=js
|
|
140
|
+
|
|
141
|
+
;// ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-54.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-54.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-54.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./packages/button.vue?vue&type=style&index=0&id=0caaaf00&lang=css
|
|
142
|
+
// extracted by mini-css-extract-plugin
|
|
143
|
+
|
|
144
|
+
;// ./packages/button.vue?vue&type=style&index=0&id=0caaaf00&lang=css
|
|
145
|
+
|
|
146
|
+
// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
|
|
147
|
+
var exportHelper = __webpack_require__(907);
|
|
148
|
+
;// ./packages/button.vue
|
|
149
|
+
|
|
150
|
+
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
;
|
|
154
|
+
|
|
155
|
+
|
|
156
|
+
const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(buttonvue_type_script_lang_js, [['render',render]])
|
|
157
|
+
|
|
158
|
+
/* harmony default export */ var packages_button = (__exports__);
|
|
159
|
+
;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
/* harmony default export */ var entry_lib = (packages_button);
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
__webpack_exports__ = __webpack_exports__["default"];
|
|
166
|
+
/******/ return __webpack_exports__;
|
|
167
|
+
/******/ })()
|
|
168
|
+
;
|
|
169
|
+
});
|
|
170
|
+
//# sourceMappingURL=sjgbut1.umd.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
(function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t(require("vue")):"function"===typeof define&&define.amd?define([],t):"object"===typeof exports?exports["sjgbut1"]=t(require("vue")):e["sjgbut1"]=t(e["Vue"])})("undefined"!==typeof self?self:this,(function(e){return function(){"use strict";var t={868:function(e,t){t.A=(e,t)=>{const n=e.__vccOpts||e;for(const[o,r]of t)n[o]=r;return n}},274:function(t){t.exports=e}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var u=n[e]={exports:{}};return t[e](u,u.exports,o),u.exports}!function(){o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}}(),function(){o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){o.p=""}();var r={};if(o.d(r,{default:function(){return v}}),"undefined"!==typeof window){var u=window.document.currentScript,c=u&&u.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);c&&(o.p=c[1])}var f=o(274);const i={class:"MyButton"};function s(e,t,n,o,r,u){return(0,f.openBlock)(),(0,f.createElementBlock)("button",i," 我是一个按钮组件 ")}var p={name:"MyButton",data(){return{}},methods:{},filters:{},created(){}},d=o(868);const a=(0,d.A)(p,[["render",s]]);var l=a,v=l;return r=r["default"],r}()}));
|
|
2
|
+
//# sourceMappingURL=sjgbut1.umd.min.js.map
|
package/jsconfig.json
ADDED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"compilerOptions": {
|
|
3
|
+
"target": "es5",
|
|
4
|
+
"module": "esnext",
|
|
5
|
+
"baseUrl": "./",
|
|
6
|
+
"moduleResolution": "node",
|
|
7
|
+
"paths": {
|
|
8
|
+
"@/*": [
|
|
9
|
+
"src/*"
|
|
10
|
+
]
|
|
11
|
+
},
|
|
12
|
+
"lib": [
|
|
13
|
+
"esnext",
|
|
14
|
+
"dom",
|
|
15
|
+
"dom.iterable",
|
|
16
|
+
"scripthost"
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "sjgbut1",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "测试",
|
|
5
|
+
"private": false,
|
|
6
|
+
"main": "dist/sjgButton.umd.min.js",
|
|
7
|
+
"author": {
|
|
8
|
+
"name": "songjiaguo"
|
|
9
|
+
},
|
|
10
|
+
"scripts": {
|
|
11
|
+
"serve": "vue-cli-service serve",
|
|
12
|
+
"build": "vue-cli-service build",
|
|
13
|
+
"lint": "vue-cli-service lint",
|
|
14
|
+
"lib": "vue-cli-service build --target lib packages/button.vue"
|
|
15
|
+
},
|
|
16
|
+
"dependencies": {
|
|
17
|
+
"core-js": "^3.8.3",
|
|
18
|
+
"sjgbut": "^0.1.0",
|
|
19
|
+
"vue": "^3.2.13"
|
|
20
|
+
},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"@babel/core": "^7.12.16",
|
|
23
|
+
"@babel/eslint-parser": "^7.12.16",
|
|
24
|
+
"@vue/cli-plugin-babel": "~5.0.0",
|
|
25
|
+
"@vue/cli-plugin-eslint": "~5.0.0",
|
|
26
|
+
"@vue/cli-service": "~5.0.0",
|
|
27
|
+
"eslint": "^7.32.0",
|
|
28
|
+
"eslint-plugin-vue": "^8.0.3"
|
|
29
|
+
},
|
|
30
|
+
"eslintConfig": {
|
|
31
|
+
"root": true,
|
|
32
|
+
"env": {
|
|
33
|
+
"node": true
|
|
34
|
+
},
|
|
35
|
+
"extends": [
|
|
36
|
+
"plugin:vue/vue3-essential",
|
|
37
|
+
"eslint:recommended"
|
|
38
|
+
],
|
|
39
|
+
"parserOptions": {
|
|
40
|
+
"parser": "@babel/eslint-parser"
|
|
41
|
+
},
|
|
42
|
+
"rules": {}
|
|
43
|
+
},
|
|
44
|
+
"browserslist": [
|
|
45
|
+
"> 1%",
|
|
46
|
+
"last 2 versions",
|
|
47
|
+
"not dead",
|
|
48
|
+
"not ie 11"
|
|
49
|
+
]
|
|
50
|
+
}
|
package/src/App.vue
ADDED
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div>1</div>
|
|
3
|
+
</template>
|
|
4
|
+
|
|
5
|
+
<script>
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
export default {
|
|
9
|
+
name: 'App',
|
|
10
|
+
components: {
|
|
11
|
+
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<style>
|
|
17
|
+
#app {
|
|
18
|
+
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
19
|
+
-webkit-font-smoothing: antialiased;
|
|
20
|
+
-moz-osx-font-smoothing: grayscale;
|
|
21
|
+
text-align: center;
|
|
22
|
+
color: #2c3e50;
|
|
23
|
+
margin-top: 60px;
|
|
24
|
+
}
|
|
25
|
+
</style>
|
|
Binary file
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div class="hello">
|
|
3
|
+
<h1>{{ msg }}</h1>
|
|
4
|
+
<p>
|
|
5
|
+
For a guide and recipes on how to configure / customize this project,<br>
|
|
6
|
+
check out the
|
|
7
|
+
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
|
8
|
+
</p>
|
|
9
|
+
<h3>Installed CLI Plugins</h3>
|
|
10
|
+
<ul>
|
|
11
|
+
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
|
12
|
+
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
|
13
|
+
</ul>
|
|
14
|
+
<h3>Essential Links</h3>
|
|
15
|
+
<ul>
|
|
16
|
+
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
|
17
|
+
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
|
18
|
+
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
|
19
|
+
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
|
20
|
+
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
|
21
|
+
</ul>
|
|
22
|
+
<h3>Ecosystem</h3>
|
|
23
|
+
<ul>
|
|
24
|
+
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
|
25
|
+
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
|
26
|
+
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
|
27
|
+
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
|
28
|
+
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
|
29
|
+
</ul>
|
|
30
|
+
</div>
|
|
31
|
+
</template>
|
|
32
|
+
|
|
33
|
+
<script>
|
|
34
|
+
export default {
|
|
35
|
+
name: 'HelloWorld',
|
|
36
|
+
props: {
|
|
37
|
+
msg: String
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
</script>
|
|
41
|
+
|
|
42
|
+
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
|
43
|
+
<style scoped>
|
|
44
|
+
h3 {
|
|
45
|
+
margin: 40px 0 0;
|
|
46
|
+
}
|
|
47
|
+
ul {
|
|
48
|
+
list-style-type: none;
|
|
49
|
+
padding: 0;
|
|
50
|
+
}
|
|
51
|
+
li {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
margin: 0 10px;
|
|
54
|
+
}
|
|
55
|
+
a {
|
|
56
|
+
color: #42b983;
|
|
57
|
+
}
|
|
58
|
+
</style>
|