Skip to content

Commit 8c05c84

Browse files
author
XiaoLin
committed
feature: v1.0.0
1 parent bc147e7 commit 8c05c84

22 files changed

+395
-538
lines changed

‎.browserslistrc

+1
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
11
> 1%
22
last 2 versions
3+
not dead

‎.editorconfig

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
[*.{js,jsx,ts,tsx,vue}]
2+
indent_style = space
3+
indent_size = 2
4+
trim_trailing_whitespace = true
5+
insert_final_newline = true

‎.eslintrc.js

+19-7
Original file line numberDiff line numberDiff line change
@@ -3,15 +3,27 @@ module.exports = {
33
env: {
44
node: true
55
},
6-
'extends': [
6+
extends: [
77
'plugin:vue/essential',
8-
'eslint:recommended'
8+
'@vue/standard',
9+
'@vue/typescript/recommended'
910
],
11+
parserOptions: {
12+
ecmaVersion: 2020
13+
},
1014
rules: {
11-
'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
12-
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
15+
'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
16+
'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
1317
},
14-
parserOptions: {
15-
parser: 'babel-eslint'
16-
}
18+
overrides: [
19+
{
20+
files: [
21+
'**/__tests__/*.{j,t}s?(x)',
22+
'**/tests/unit/**/*.spec.{j,t}s?(x)'
23+
],
24+
env: {
25+
mocha: true
26+
}
27+
}
28+
]
1729
}

‎README.CN.md

+11-11
Original file line numberDiff line numberDiff line change
@@ -122,9 +122,9 @@ export default {
122122
},
123123
// 模拟请求后端接口, verified: 是否通过验证, duration: 延迟时间
124124
DoServiceVerify(verified, duration) {
125-
return new Promise((resove) => {
125+
return new Promise((resolve) => {
126126
setTimeout(() => {
127-
resove(verified)
127+
resolve(verified)
128128
}, duration)
129129
})
130130
}
@@ -145,15 +145,15 @@ export default {
145145
| useWeight | 是否以权重计算概率 | Boolean | false |
146146
| disabled | 是否禁用 (禁用后, 点击按钮不会旋转) | Boolean | false |
147147
| verify | 是否开启验证 | Boolean | false |
148-
| radius | 圆的半径 (type: canvas) | Number | 250 |
149-
| textRadius | 文本距圆心的距离 (type: canvas) | Number | 190 |
150-
| textLength | 奖品一行几个字符, 超出换行 (最多两行) | Number | 6 |
151-
| lineHeight | 文本行高 (type: canvas) | Number | 20 |
152-
| borderWidth | 圆的外边框 (type: canvas) | Number | 0 |
153-
| borderColor | 外边框的色值 (type: canvas) | String | transparent |
154-
| btnText | 按钮文本 (type: canvas) | String | GO |
155-
| btnWidth | 按钮的宽 (px) | Number | 140 |
156-
| fontSize | 奖品字号 (px) | Number | 34 |
148+
| canvas.radius | 圆的半径 (type: canvas) | Number | 250 |
149+
| canvas.textRadius | 文本距圆心的距离 (type: canvas) | Number | 190 |
150+
| canvas.textLength | 奖品一行几个字符, 超出换行 (最多两行) | Number | 6 |
151+
| canvas.lineHeight | 文本行高 (type: canvas) | Number | 20 |
152+
| canvas.borderWidth | 圆的外边框 (type: canvas) | Number | 0 |
153+
| canvas.borderColor | 外边框的色值 (type: canvas) | String | transparent |
154+
| canvas.btnText | 按钮文本 (type: canvas) | String | GO |
155+
| canvas.btnWidth | 按钮的宽 (px) | Number | 140 |
156+
| canvas.fontSize | 奖品字号 (px) | Number | 34 |
157157
| duration | 完成一次旋转的时间 (单位 ms) | Number | 6000 |
158158
| timingFun | 旋转过渡的 css 时间函数 | String | cubic-bezier(0.36, 0.95, 0.64, 1) |
159159
| angleBase | 旋转圈数 (angleBase * 360 为一次旋转的总角度, 为负数时可反向旋转) | Number | 10 |

‎README.md

+16-13
Original file line numberDiff line numberDiff line change
@@ -44,8 +44,7 @@ https://xiaolin1995.github.io/vue-fortune-wheel/demo/
4444
<!-- type: canvas -->
4545
<FortuneWheel
4646
style="width: 500px"
47-
borderColor="#584b43"
48-
:borderWidth="6"
47+
:canvas="canvasOptions"
4948
:prizes="prizes"
5049
:verify="cavansVerify"
5150
@rotateStart="onCanvasRotateStart"
@@ -66,6 +65,10 @@ export default {
6665
data() {
6766
return {
6867
cavansVerify: true, // Whether the turntable in canvas mode is enabled for verification
68+
canvasOptions: {
69+
borderWidth: 6,
70+
borderColor: '#584b43'
71+
},
6972
prizes: [
7073
{
7174
id: 1, //* The unique id of each prize, an integer greater than 0
@@ -122,9 +125,9 @@ export default {
122125
},
123126
// Simulate the request back-end interface, verified: whether to pass the verification, duration: delay time
124127
DoServiceVerify(verified, duration) {
125-
return new Promise((resove) => {
128+
return new Promise((resolve) => {
126129
setTimeout(() => {
127-
resove(verified)
130+
resolve(verified)
128131
}, duration)
129132
})
130133
}
@@ -145,15 +148,15 @@ export default {
145148
| useWeight | Whether to calculate probability by weight | Boolean | false |
146149
| disabled | Whether to disable (after disabled, click the button will not rotate) | Boolean | false |
147150
| verify | Whether to enable verification mode | Boolean | false |
148-
| radius | Radius of circle (type: canvas) | Number | 250 |
149-
| textRadius | The distance of the text from the center of the circle (type: canvas) | Number | 190 |
150-
| textLength | A few characters in one line of the prize, beyond the line break (maximum two lines)| Number | 6 |
151-
| lineHeight | Text line height (type: canvas) | Number | 20 |
152-
| borderWidth | Round outer border (type: canvas) | Number | 0 |
153-
| borderColor | Color value of the outer border (type: canvas) | String | transparent |
154-
| btnText | Button text (type: canvas) | String | GO |
155-
| btnWidth | Button width (px) | Number | 140 |
156-
| fontSize | Prize size (px) | Number | 34 |
151+
| canvas.radius | Radius of circle (type: canvas) | Number | 250 |
152+
| canvas.textRadius | The distance of the text from the center of the circle (type: canvas) | Number | 190 |
153+
| canvas.textLength | A few characters in one line of the prize, beyond the line break (maximum two lines)| Number | 6 |
154+
| canvas.lineHeight | Text line height (type: canvas) | Number | 20 |
155+
| canvas.borderWidth | Round outer border (type: canvas) | Number | 0 |
156+
| canvas.borderColor | Color value of the outer border (type: canvas) | String | transparent |
157+
| canvas.btnText | Button text (type: canvas) | String | GO |
158+
| canvas.btnWidth | Button width (px) | Number | 140 |
159+
| canvas.fontSize | Prize size (px) | Number | 34 |
157160
| duration | Time to complete one rotation (unit: ms) | Number | 6000 |
158161
| timingFun | Css time function of rotation transition | String | cubic-bezier(0.36, 0.95, 0.64, 1) |
159162
| angleBase | Number of rotations (angleBase * 360 is the total angle of one rotation, it can be reversed when it is a negative number) | Number | 10 |

‎babel.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
module.exports = {
22
presets: [
3-
'@vue/app'
3+
'@vue/cli-plugin-babel/preset'
44
]
55
}

‎package.json

+31-13
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "vue-fortune-wheel",
3-
"version": "0.3.4",
3+
"version": "1.0.0",
44
"author": "Xiaolin Zhu",
55
"license": "MIT",
66
"bugs": {
@@ -22,22 +22,40 @@
2222
"scripts": {
2323
"serve": "vue-cli-service serve",
2424
"build": "vue-cli-service build",
25+
"test:unit": "vue-cli-service test:unit",
2526
"lint": "vue-cli-service lint",
26-
"build:lib": "vue-cli-service build --target lib --name vue-fortune-wheel --dest lib src/components/fortuneWheel/index.js"
27+
"build:lib": "vue-cli-service build --target lib --name vue-fortune-wheel --dest lib src/components/FortuneWheel/install.js"
2728
},
2829
"dependencies": {
29-
"core-js": "^2.6.5",
30-
"vue": "^2.6.10"
30+
"core-js": "^3.6.5",
31+
"lodash": "^4.17.20",
32+
"normalize.css": "^8.0.1",
33+
"vue": "^2.6.11"
3134
},
3235
"devDependencies": {
33-
"@vue/cli-plugin-babel": "^3.12.0",
34-
"@vue/cli-plugin-eslint": "^3.12.0",
35-
"@vue/cli-service": "^3.12.0",
36-
"babel-eslint": "^10.0.1",
37-
"eslint": "^5.16.0",
38-
"eslint-plugin-vue": "^5.0.0",
39-
"sass": "^1.19.0",
40-
"sass-loader": "^8.0.0",
41-
"vue-template-compiler": "^2.6.10"
36+
"@types/chai": "^4.2.11",
37+
"@types/lodash": "^4.14.162",
38+
"@types/mocha": "^5.2.4",
39+
"@typescript-eslint/eslint-plugin": "^2.33.0",
40+
"@typescript-eslint/parser": "^2.33.0",
41+
"@vue/cli-plugin-babel": "~4.5.0",
42+
"@vue/cli-plugin-eslint": "~4.5.0",
43+
"@vue/cli-plugin-typescript": "~4.5.0",
44+
"@vue/cli-plugin-unit-mocha": "~4.5.0",
45+
"@vue/cli-service": "~4.5.0",
46+
"@vue/eslint-config-standard": "^5.1.2",
47+
"@vue/eslint-config-typescript": "^5.0.2",
48+
"@vue/test-utils": "^1.0.3",
49+
"chai": "^4.1.2",
50+
"eslint": "^6.7.2",
51+
"eslint-plugin-import": "^2.20.2",
52+
"eslint-plugin-node": "^11.1.0",
53+
"eslint-plugin-promise": "^4.2.1",
54+
"eslint-plugin-standard": "^4.0.0",
55+
"eslint-plugin-vue": "^6.2.2",
56+
"sass": "^1.26.5",
57+
"sass-loader": "^8.0.2",
58+
"typescript": "~3.9.3",
59+
"vue-template-compiler": "^2.6.11"
4260
}
4361
}

‎postcss.config.js

+10-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,14 @@
11
module.exports = {
22
plugins: {
3-
autoprefixer: {}
3+
autoprefixer: {
4+
overrideBrowserslist: [
5+
'Android 4.1',
6+
'iOS 7.1',
7+
'Chrome > 31',
8+
'ff > 31',
9+
'ie >= 8'
10+
//'last 10 versions', // 所有主流浏览器最近10版本用
11+
]
12+
}
413
}
514
}

0 commit comments

Comments
 (0)