yc-ui2 0.1.0-beta1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +24 -0
- package/babel.config.js +5 -0
- package/dist/css/app.6e86a2b4.css +1 -0
- package/dist/favicon.ico +0 -0
- package/dist/index.html +1 -0
- package/dist/js/app.43a0c17e.js +2 -0
- package/dist/js/app.43a0c17e.js.map +1 -0
- package/jsconfig.json +19 -0
- package/package.json +46 -0
- package/public/favicon.ico +0 -0
- package/public/index.html +17 -0
- package/src/App.vue +27 -0
- package/src/components/Button/index.vue +21 -0
- package/src/components/index.js +23 -0
- package/src/main.js +8 -0
- package/vue.config.js +4 -0
package/README.md
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
# yc-ui2
|
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/babel.config.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
.MyButton{color:red}
|
package/dist/favicon.ico
ADDED
Binary file
|
package/dist/index.html
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/favicon.ico"><title>yc-ui2</title><script defer="defer" src="/js/app.43a0c17e.js"></script><link href="/css/app.6e86a2b4.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but yc-ui2 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
|
@@ -0,0 +1,2 @@
|
|
1
|
+
(function(){"use strict";var t=function(){var t=this,e=t._self._c;return e("button",{staticClass:"MyButton"},[t._v("我是一个按钮组件")])},e=[],n={name:"MyButton",data(){return{}},methods:{},filters:{},created(){}},o=n;function r(t,e,n,o,r,s,i,a){var c,u="function"===typeof t?t.options:t;if(e&&(u.render=e,u.staticRenderFns=n,u._compiled=!0),o&&(u.functional=!0),s&&(u._scopeId="data-v-"+s),i?(c=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},u._ssrRegister=c):r&&(c=a?function(){r.call(this,(u.functional?this.parent:this).$root.$options.shadowRoot)}:r),c)if(u.functional){u._injectStyles=c;var d=u.render;u.render=function(t,e){return c.call(e),d(t,e)}}else{var l=u.beforeCreate;u.beforeCreate=l?[].concat(l,c):[c]}return{exports:t,options:u}}var s=r(o,t,e,!1,null,null,null);s.exports})();
|
2
|
+
//# sourceMappingURL=app.43a0c17e.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"js/app.43a0c17e.js","mappings":"6BAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,YAAY,YAAY,CAACJ,EAAIK,GAAG,aAChH,EACIC,EAAkB,GCGtB,GACAC,KAAA,WACAC,IAAAA,GACA,QACA,EACAC,QAAA,GACAC,QAAA,GACAC,OAAAA,GAAA,GCZ8P,ICM/O,SAASC,EACtBC,EACAd,EACAO,EACAQ,EACAC,EACAC,EACAC,EACAC,GAGA,IAoBIC,EApBAC,EACuB,oBAAlBP,EAA+BA,EAAcO,QAAUP,EAuDhE,GApDId,IACFqB,EAAQrB,OAASA,EACjBqB,EAAQd,gBAAkBA,EAC1Bc,EAAQC,WAAY,GAIlBP,IACFM,EAAQE,YAAa,GAInBN,IACFI,EAAQG,SAAW,UAAYP,GAI7BC,GAEFE,EAAO,SAAUK,GAEfA,EACEA,GACCvB,KAAKwB,QAAUxB,KAAKwB,OAAOC,YAC3BzB,KAAK0B,QAAU1B,KAAK0B,OAAOF,QAAUxB,KAAK0B,OAAOF,OAAOC,WAEtDF,GAA0C,qBAAxBI,sBACrBJ,EAAUI,qBAGRb,GACFA,EAAac,KAAK5B,KAAMuB,GAGtBA,GAAWA,EAAQM,uBACrBN,EAAQM,sBAAsBC,IAAId,EAEtC,EAGAG,EAAQY,aAAeb,GACdJ,IACTI,EAAOD,EACH,WACEH,EAAac,KACX5B,MACCmB,EAAQE,WAAarB,KAAK0B,OAAS1B,MAAMgC,MAAMC,SAASC,WAE7D,EACApB,GAGFI,EACF,GAAIC,EAAQE,WAAY,CAGtBF,EAAQgB,cAAgBjB,EAExB,IAAIkB,EAAiBjB,EAAQrB,OAC7BqB,EAAQrB,OAAS,SAAkCuC,EAAGd,GAEpD,OADAL,EAAKU,KAAKL,GACHa,EAAeC,EAAGd,EAC3B,CACF,KAAO,CAEL,IAAIe,EAAWnB,EAAQoB,aACvBpB,EAAQoB,aAAeD,EAAW,GAAGE,OAAOF,EAAUpB,GAAQ,CAACA,EACjE,CAGF,MAAO,CACLuB,QAAS7B,EACTO,QAASA,EAEb,CCvFA,IAAIuB,EAAY,EACd,EACA5C,EACAO,GACA,EACA,KACA,KACA,MAIaqC,EAAiB,O","sources":["webpack://yc-ui2/./src/components/Button/index.vue","webpack://yc-ui2/src/components/Button/index.vue","webpack://yc-ui2/./src/components/Button/index.vue?ab4f","webpack://yc-ui2/./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js","webpack://yc-ui2/./src/components/Button/index.vue?9a7c"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"MyButton\"},[_vm._v(\"我是一个按钮组件\")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n <button class=\"MyButton\">我是一个按钮组件</button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"MyButton\",\r\n data() {\r\n return {}\r\n },\r\n methods: {},\r\n filters: {},\r\n created() {},\r\n}\r\n</script>\r\n\r\n<style>\r\n.MyButton {\r\n color: red;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!../../../node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent(\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */,\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options =\n typeof scriptExports === 'function' ? scriptExports.options : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) {\n // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection(h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing ? [].concat(existing, hook) : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=3170b9bf&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=3170b9bf&prod&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports"],"names":["render","_vm","this","_c","_self","staticClass","_v","staticRenderFns","name","data","methods","filters","created","normalizeComponent","scriptExports","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","call","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","exports","component"],"sourceRoot":""}
|
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,46 @@
|
|
1
|
+
{
|
2
|
+
"name": "yc-ui2",
|
3
|
+
"version": "0.1.0-beta1",
|
4
|
+
"private": false,
|
5
|
+
"description": "测试阶段",
|
6
|
+
"main": "dist/yc-ui2.umd.min.js",
|
7
|
+
"scripts": {
|
8
|
+
"dev": "vue-cli-service serve",
|
9
|
+
"build": "vue-cli-service build",
|
10
|
+
"lint": "vue-cli-service lint",
|
11
|
+
"lib": "vue-cli-service build --targe lib src/components/index.js"
|
12
|
+
},
|
13
|
+
"dependencies": {
|
14
|
+
"core-js": "^3.8.3",
|
15
|
+
"vue": "^2.6.14"
|
16
|
+
},
|
17
|
+
"devDependencies": {
|
18
|
+
"@babel/core": "^7.12.16",
|
19
|
+
"@babel/eslint-parser": "^7.12.16",
|
20
|
+
"@vue/cli-plugin-babel": "~5.0.0",
|
21
|
+
"@vue/cli-plugin-eslint": "~5.0.0",
|
22
|
+
"@vue/cli-service": "~5.0.0",
|
23
|
+
"eslint": "^7.32.0",
|
24
|
+
"eslint-plugin-vue": "^8.0.3",
|
25
|
+
"vue-template-compiler": "^2.6.14"
|
26
|
+
},
|
27
|
+
"eslintConfig": {
|
28
|
+
"root": true,
|
29
|
+
"env": {
|
30
|
+
"node": true
|
31
|
+
},
|
32
|
+
"extends": [
|
33
|
+
"plugin:vue/essential",
|
34
|
+
"eslint:recommended"
|
35
|
+
],
|
36
|
+
"parserOptions": {
|
37
|
+
"parser": "@babel/eslint-parser"
|
38
|
+
},
|
39
|
+
"rules": {}
|
40
|
+
},
|
41
|
+
"browserslist": [
|
42
|
+
"> 1%",
|
43
|
+
"last 2 versions",
|
44
|
+
"not dead"
|
45
|
+
]
|
46
|
+
}
|
Binary file
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html lang="">
|
3
|
+
<head>
|
4
|
+
<meta charset="utf-8">
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
6
|
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
7
|
+
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
8
|
+
<title><%= htmlWebpackPlugin.options.title %></title>
|
9
|
+
</head>
|
10
|
+
<body>
|
11
|
+
<noscript>
|
12
|
+
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
|
13
|
+
</noscript>
|
14
|
+
<div id="app"></div>
|
15
|
+
<!-- built files will be auto injected -->
|
16
|
+
</body>
|
17
|
+
</html>
|
package/src/App.vue
ADDED
@@ -0,0 +1,27 @@
|
|
1
|
+
<template>
|
2
|
+
<div id="app">
|
3
|
+
<Button></Button>
|
4
|
+
</div>
|
5
|
+
</template>
|
6
|
+
|
7
|
+
<script>
|
8
|
+
import Button from "./components/Button/index.vue"
|
9
|
+
|
10
|
+
export default {
|
11
|
+
name: "App",
|
12
|
+
components: {
|
13
|
+
Button,
|
14
|
+
},
|
15
|
+
}
|
16
|
+
</script>
|
17
|
+
|
18
|
+
<style>
|
19
|
+
#app {
|
20
|
+
font-family: Avenir, Helvetica, Arial, sans-serif;
|
21
|
+
-webkit-font-smoothing: antialiased;
|
22
|
+
-moz-osx-font-smoothing: grayscale;
|
23
|
+
text-align: center;
|
24
|
+
color: #2c3e50;
|
25
|
+
margin-top: 60px;
|
26
|
+
}
|
27
|
+
</style>
|
@@ -0,0 +1,21 @@
|
|
1
|
+
<template>
|
2
|
+
<button class="MyButton">我是一个按钮组件</button>
|
3
|
+
</template>
|
4
|
+
|
5
|
+
<script>
|
6
|
+
export default {
|
7
|
+
name: "MyButton",
|
8
|
+
data() {
|
9
|
+
return {}
|
10
|
+
},
|
11
|
+
methods: {},
|
12
|
+
filters: {},
|
13
|
+
created() {},
|
14
|
+
}
|
15
|
+
</script>
|
16
|
+
|
17
|
+
<style>
|
18
|
+
.MyButton {
|
19
|
+
color: red;
|
20
|
+
}
|
21
|
+
</style>
|
@@ -0,0 +1,23 @@
|
|
1
|
+
import ZsButton from './Button/index.vue'
|
2
|
+
|
3
|
+
|
4
|
+
const components = [
|
5
|
+
ZsButton
|
6
|
+
]
|
7
|
+
// 定义 install 方法,接收 Vue 作为参数。如果使用 use 注册插件,则所有的组件都将被注册
|
8
|
+
const install = function (Vue) {
|
9
|
+
// 遍历注册全局组件
|
10
|
+
components.forEach(component => {
|
11
|
+
Vue.component(component.name, component)
|
12
|
+
})
|
13
|
+
|
14
|
+
// 判断是否是直接引入文件,如果是,就不用调用 Vue.use()
|
15
|
+
if (typeof window !== 'undefined' && window.Vue) {
|
16
|
+
install(window.Vue)
|
17
|
+
}
|
18
|
+
}
|
19
|
+
|
20
|
+
// 导出的对象必须具有 install,才能被 Vue.use() 方法安装
|
21
|
+
export default {
|
22
|
+
install
|
23
|
+
}
|
package/src/main.js
ADDED
package/vue.config.js
ADDED