Skip to content

G
games
Commit fbbaa163 authored by 熊东起's avatar 熊东起
Browse files
Options

first

parents
Hide whitespace changes
Inline Side-by-side
Showing with 1564 additions and 0 deletions
.DS_Store 0 → 100644
View file @ fbbaa163
File added
.gitignore 0 → 100644
View file @ fbbaa163
# Created by .ignore support plugin (hsz.mobi)
.temp
node_modules
dist
/src-js
yarn.lock
package-template.iml
/test/src/bundle.js
/test/src/meta.json
types
.npmignore 0 → 100644
View file @ fbbaa163
# Created by .ignore support plugin (hsz.mobi)
/src/
/test/
*.iml
.temp
/assets
/scripts
tsconfig.json
readme-tpl.md
package-lock.json 0 → 100644
View file @ fbbaa163
{
"name": "@spark/Barrage",
"version": "1.0.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {
"@types/prop-types": {
"version": "15.7.3",
"resolved": "http://npm.dui88.com:80/@types%2fprop-types/-/prop-types-15.7.3.tgz",
"integrity": "sha1-KrDV2i5YFflLC51LldHl8kOrLKc=",
"dev": true
},
"@types/react": {
"version": "16.14.5",
"resolved": "http://npm.dui88.com:80/@types%2freact/-/react-16.14.5.tgz",
"integrity": "sha1-LDm1yt769IKYGPkhnl4JMyWXn00=",
"dev": true,
"requires": {
"@types/prop-types": "*",
"@types/scheduler": "*",
"csstype": "^3.0.2"
}
},
"@types/scheduler": {
"version": "0.16.1",
"resolved": "http://npm.dui88.com:80/@types%2fscheduler/-/scheduler-0.16.1.tgz",
"integrity": "sha1-GIRSBehv8AOFF6q3oYpiprn3EnU=",
"dev": true
},
"ansi-styles": {
"version": "3.2.1",
"resolved": "http://npm.dui88.com:80/ansi-styles/-/ansi-styles-3.2.1.tgz",
"integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
"dev": true,
"requires": {
"color-convert": "^1.9.0"
}
},
"at-least-node": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/at-least-node/-/at-least-node-1.0.0.tgz",
"integrity": "sha1-YCzUtG6EStTv/JKoARo8RuAjjcI=",
"dev": true
},
"balanced-match": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/balanced-match/-/balanced-match-1.0.0.tgz",
"integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
"dev": true
},
"brace-expansion": {
"version": "1.1.11",
"resolved": "http://npm.dui88.com:80/brace-expansion/-/brace-expansion-1.1.11.tgz",
"integrity": "sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=",
"dev": true,
"requires": {
"balanced-match": "^1.0.0",
"concat-map": "0.0.1"
}
},
"call-bind": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/call-bind/-/call-bind-1.0.2.tgz",
"integrity": "sha1-sdTonmiBGcPJqQOtMKuy9qkZvjw=",
"dev": true,
"requires": {
"function-bind": "^1.1.1",
"get-intrinsic": "^1.0.2"
}
},
"chalk": {
"version": "2.4.2",
"resolved": "http://npm.dui88.com:80/chalk/-/chalk-2.4.2.tgz",
"integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
"dev": true,
"requires": {
"ansi-styles": "^3.2.1",
"escape-string-regexp": "^1.0.5",
"supports-color": "^5.3.0"
}
},
"color-convert": {
"version": "1.9.3",
"resolved": "http://npm.dui88.com:80/color-convert/-/color-convert-1.9.3.tgz",
"integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
"dev": true,
"requires": {
"color-name": "1.1.3"
}
},
"color-name": {
"version": "1.1.3",
"resolved": "http://npm.dui88.com:80/color-name/-/color-name-1.1.3.tgz",
"integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
"dev": true
},
"concat-map": {
"version": "0.0.1",
"resolved": "http://npm.dui88.com:80/concat-map/-/concat-map-0.0.1.tgz",
"integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
"dev": true
},
"copy-anything": {
"version": "2.0.3",
"resolved": "http://npm.dui88.com:80/copy-anything/-/copy-anything-2.0.3.tgz",
"integrity": "sha1-hCQHugJGaw34RIGbvjuuu+XUXYc=",
"dev": true,
"requires": {
"is-what": "^3.12.0"
}
},
"cross-spawn": {
"version": "6.0.5",
"resolved": "http://npm.dui88.com:80/cross-spawn/-/cross-spawn-6.0.5.tgz",
"integrity": "sha1-Sl7Hxk364iw6FBJNus3uhG2Ay8Q=",
"dev": true,
"requires": {
"nice-try": "^1.0.4",
"path-key": "^2.0.1",
"semver": "^5.5.0",
"shebang-command": "^1.2.0",
"which": "^1.2.9"
}
},
"csstype": {
"version": "3.0.7",
"resolved": "http://npm.dui88.com:80/csstype/-/csstype-3.0.7.tgz",
"integrity": "sha1-Kl+3XhAV6E3RVpL3HomhRQKQlQs=",
"dev": true
},
"debug": {
"version": "3.2.7",
"resolved": "http://npm.dui88.com:80/debug/-/debug-3.2.7.tgz",
"integrity": "sha1-clgLfpFF+zm2Z2+cXl+xALk0F5o=",
"dev": true,
"optional": true,
"requires": {
"ms": "^2.1.1"
}
},
"define-properties": {
"version": "1.1.3",
"resolved": "http://npm.dui88.com:80/define-properties/-/define-properties-1.1.3.tgz",
"integrity": "sha1-z4jabL7ib+bbcJT2HYcMvYTO6fE=",
"dev": true,
"requires": {
"object-keys": "^1.0.12"
}
},
"errno": {
"version": "0.1.8",
"resolved": "http://npm.dui88.com:80/errno/-/errno-0.1.8.tgz",
"integrity": "sha1-i7Ppx9Rjvkl2/4iPdrSAnrwugR8=",
"dev": true,
"optional": true,
"requires": {
"prr": "~1.0.1"
}
},
"error-ex": {
"version": "1.3.2",
"resolved": "http://npm.dui88.com:80/error-ex/-/error-ex-1.3.2.tgz",
"integrity": "sha1-tKxAZIEH/c3PriQvQovqihTU8b8=",
"dev": true,
"requires": {
"is-arrayish": "^0.2.1"
}
},
"es-abstract": {
"version": "1.18.0",
"resolved": "http://npm.dui88.com:80/es-abstract/-/es-abstract-1.18.0.tgz",
"integrity": "sha1-q4CzWe7Lft5MKYAAOQvFrD7HtaQ=",
"dev": true,
"requires": {
"call-bind": "^1.0.2",
"es-to-primitive": "^1.2.1",
"function-bind": "^1.1.1",
"get-intrinsic": "^1.1.1",
"has": "^1.0.3",
"has-symbols": "^1.0.2",
"is-callable": "^1.2.3",
"is-negative-zero": "^2.0.1",
"is-regex": "^1.1.2",
"is-string": "^1.0.5",
"object-inspect": "^1.9.0",
"object-keys": "^1.1.1",
"object.assign": "^4.1.2",
"string.prototype.trimend": "^1.0.4",
"string.prototype.trimstart": "^1.0.4",
"unbox-primitive": "^1.0.0"
}
},
"es-to-primitive": {
"version": "1.2.1",
"resolved": "http://npm.dui88.com:80/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
"integrity": "sha1-5VzUyc3BiLzvsDs2bHNjI/xciYo=",
"dev": true,
"requires": {
"is-callable": "^1.1.4",
"is-date-object": "^1.0.1",
"is-symbol": "^1.0.2"
}
},
"escape-string-regexp": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
"integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
"dev": true
},
"fs-extra": {
"version": "9.1.0",
"resolved": "http://npm.dui88.com:80/fs-extra/-/fs-extra-9.1.0.tgz",
"integrity": "sha1-WVRGDHZKjaIJS6NVS/g55rmnyG0=",
"dev": true,
"requires": {
"at-least-node": "^1.0.0",
"graceful-fs": "^4.2.0",
"jsonfile": "^6.0.1",
"universalify": "^2.0.0"
}
},
"function-bind": {
"version": "1.1.1",
"resolved": "http://npm.dui88.com:80/function-bind/-/function-bind-1.1.1.tgz",
"integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=",
"dev": true
},
"get-intrinsic": {
"version": "1.1.1",
"resolved": "http://npm.dui88.com:80/get-intrinsic/-/get-intrinsic-1.1.1.tgz",
"integrity": "sha1-FfWfN2+FXERpY5SPDSTNNje0q8Y=",
"dev": true,
"requires": {
"function-bind": "^1.1.1",
"has": "^1.0.3",
"has-symbols": "^1.0.1"
}
},
"graceful-fs": {
"version": "4.2.6",
"resolved": "http://npm.dui88.com:80/graceful-fs/-/graceful-fs-4.2.6.tgz",
"integrity": "sha1-/wQLKwhTsjw9MQJ1I3BvGIXXa+4=",
"dev": true
},
"has": {
"version": "1.0.3",
"resolved": "http://npm.dui88.com:80/has/-/has-1.0.3.tgz",
"integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
"dev": true,
"requires": {
"function-bind": "^1.1.1"
}
},
"has-bigints": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/has-bigints/-/has-bigints-1.0.1.tgz",
"integrity": "sha1-ZP5qywIGc+O3jbA1pa9pqp0HsRM=",
"dev": true
},
"has-flag": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/has-flag/-/has-flag-3.0.0.tgz",
"integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
"dev": true
},
"has-symbols": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/has-symbols/-/has-symbols-1.0.2.tgz",
"integrity": "sha1-Fl0wcMADCXUqEjakeTMeOsVvFCM=",
"dev": true
},
"hosted-git-info": {
"version": "2.8.8",
"resolved": "http://npm.dui88.com:80/hosted-git-info/-/hosted-git-info-2.8.8.tgz",
"integrity": "sha1-dTm9S8Hg4KiVgVouAmJCCxKFhIg=",
"dev": true
},
"iconv-lite": {
"version": "0.4.24",
"resolved": "http://npm.dui88.com:80/iconv-lite/-/iconv-lite-0.4.24.tgz",
"integrity": "sha1-ICK0sl+93CHS9SSXSkdKr+czkIs=",
"dev": true,
"optional": true,
"requires": {
"safer-buffer": ">= 2.1.2 < 3"
}
},
"image-size": {
"version": "0.5.5",
"resolved": "http://npm.dui88.com:80/image-size/-/image-size-0.5.5.tgz",
"integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
"dev": true,
"optional": true
},
"is-arrayish": {
"version": "0.2.1",
"resolved": "http://npm.dui88.com:80/is-arrayish/-/is-arrayish-0.2.1.tgz",
"integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
"dev": true
},
"is-bigint": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/is-bigint/-/is-bigint-1.0.1.tgz",
"integrity": "sha1-aSMFHfy8dkJ4VAuc4OazITql68I=",
"dev": true
},
"is-boolean-object": {
"version": "1.1.0",
"resolved": "http://npm.dui88.com:80/is-boolean-object/-/is-boolean-object-1.1.0.tgz",
"integrity": "sha1-4qqtOjqPyjTCj27uE1sVbtJYf/A=",
"dev": true,
"requires": {
"call-bind": "^1.0.0"
}
},
"is-callable": {
"version": "1.2.3",
"resolved": "http://npm.dui88.com:80/is-callable/-/is-callable-1.2.3.tgz",
"integrity": "sha1-ix4FALc6HXbHBIdjbzaOUZ3o244=",
"dev": true
},
"is-core-module": {
"version": "2.2.0",
"resolved": "http://npm.dui88.com:80/is-core-module/-/is-core-module-2.2.0.tgz",
"integrity": "sha1-lwN+89UiJNhRY/VZeytj2a/tmBo=",
"dev": true,
"requires": {
"has": "^1.0.3"
}
},
"is-date-object": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/is-date-object/-/is-date-object-1.0.2.tgz",
"integrity": "sha1-vac28s2P0G0yhE53Q7+nSUw7/X4=",
"dev": true
},
"is-negative-zero": {
"version": "2.0.1",
"resolved": "http://npm.dui88.com:80/is-negative-zero/-/is-negative-zero-2.0.1.tgz",
"integrity": "sha1-PedGwY3aIxkkGlNnWQjY92bxHCQ=",
"dev": true
},
"is-number-object": {
"version": "1.0.4",
"resolved": "http://npm.dui88.com:80/is-number-object/-/is-number-object-1.0.4.tgz",
"integrity": "sha1-NqyV50HPGLKD/B3fXoPaeY4+wZc=",
"dev": true
},
"is-regex": {
"version": "1.1.2",
"resolved": "http://npm.dui88.com:80/is-regex/-/is-regex-1.1.2.tgz",
"integrity": "sha1-gcjr3k2xQvLPHFP8htakV4gmYlE=",
"dev": true,
"requires": {
"call-bind": "^1.0.2",
"has-symbols": "^1.0.1"
}
},
"is-string": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/is-string/-/is-string-1.0.5.tgz",
"integrity": "sha1-QEk+0ZjvP/R3uMf5L2ROyCpc06Y=",
"dev": true
},
"is-symbol": {
"version": "1.0.3",
"resolved": "http://npm.dui88.com:80/is-symbol/-/is-symbol-1.0.3.tgz",
"integrity": "sha1-OOEBS55jKb4N6dJKQU/XRB7GGTc=",
"dev": true,
"requires": {
"has-symbols": "^1.0.1"
}
},
"is-what": {
"version": "3.14.1",
"resolved": "http://npm.dui88.com:80/is-what/-/is-what-3.14.1.tgz",
"integrity": "sha1-4SIvRt3ahd6tD9HJ3xMXYOd3VcE=",
"dev": true
},
"isexe": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/isexe/-/isexe-2.0.0.tgz",
"integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
"dev": true
},
"json-parse-better-errors": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
"integrity": "sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk=",
"dev": true
},
"jsonfile": {
"version": "6.1.0",
"resolved": "http://npm.dui88.com:80/jsonfile/-/jsonfile-6.1.0.tgz",
"integrity": "sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=",
"dev": true,
"requires": {
"graceful-fs": "^4.1.6",
"universalify": "^2.0.0"
}
},
"less": {
"version": "4.1.1",
"resolved": "http://npm.dui88.com:80/less/-/less-4.1.1.tgz",
"integrity": "sha1-Fb8lOpk5eR3GkIiMP/Qk8+bH7bo=",
"dev": true,
"requires": {
"copy-anything": "^2.0.1",
"errno": "^0.1.1",
"graceful-fs": "^4.1.2",
"image-size": "~0.5.0",
"make-dir": "^2.1.0",
"mime": "^1.4.1",
"needle": "^2.5.2",
"parse-node-version": "^1.0.1",
"source-map": "~0.6.0",
"tslib": "^1.10.0"
},
"dependencies": {
"tslib": {
"version": "1.14.1",
"resolved": "http://npm.dui88.com:80/tslib/-/tslib-1.14.1.tgz",
"integrity": "sha1-zy04vcNKE0vK8QkcQfZhni9nLQA=",
"dev": true
}
}
},
"load-json-file": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/load-json-file/-/load-json-file-4.0.0.tgz",
"integrity": "sha1-L19Fq5HjMhYjT9U62rZo607AmTs=",
"dev": true,
"requires": {
"graceful-fs": "^4.1.2",
"parse-json": "^4.0.0",
"pify": "^3.0.0",
"strip-bom": "^3.0.0"
},
"dependencies": {
"pify": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/pify/-/pify-3.0.0.tgz",
"integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
"dev": true
}
}
},
"make-dir": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/make-dir/-/make-dir-2.1.0.tgz",
"integrity": "sha1-XwMQ4YuL6JjMBwCSlaMK5B6R5vU=",
"dev": true,
"optional": true,
"requires": {
"pify": "^4.0.1",
"semver": "^5.6.0"
}
},
"memorystream": {
"version": "0.3.1",
"resolved": "http://npm.dui88.com:80/memorystream/-/memorystream-0.3.1.tgz",
"integrity": "sha1-htcJCzDORV1j+64S3aUaR93K+bI=",
"dev": true
},
"mime": {
"version": "1.6.0",
"resolved": "http://npm.dui88.com:80/mime/-/mime-1.6.0.tgz",
"integrity": "sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=",
"dev": true,
"optional": true
},
"minimatch": {
"version": "3.0.4",
"resolved": "http://npm.dui88.com:80/minimatch/-/minimatch-3.0.4.tgz",
"integrity": "sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=",
"dev": true,
"requires": {
"brace-expansion": "^1.1.7"
}
},
"ms": {
"version": "2.1.3",
"resolved": "http://npm.dui88.com:80/ms/-/ms-2.1.3.tgz",
"integrity": "sha1-V0yBOM4dK1hh8LRFedut1gxmFbI=",
"dev": true,
"optional": true
},
"needle": {
"version": "2.6.0",
"resolved": "http://npm.dui88.com:80/needle/-/needle-2.6.0.tgz",
"integrity": "sha1-JNu1XyUJ4jJLSpnWH0E5ggE8zb4=",
"dev": true,
"optional": true,
"requires": {
"debug": "^3.2.6",
"iconv-lite": "^0.4.4",
"sax": "^1.2.4"
}
},
"nice-try": {
"version": "1.0.5",
"resolved": "http://npm.dui88.com:80/nice-try/-/nice-try-1.0.5.tgz",
"integrity": "sha1-ozeKdpbOfSI+iPybdkvX7xCJ42Y=",
"dev": true
},
"normalize-package-data": {
"version": "2.5.0",
"resolved": "http://npm.dui88.com:80/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
"integrity": "sha1-5m2xg4sgDB38IzIl0SyzZSDiNKg=",
"dev": true,
"requires": {
"hosted-git-info": "^2.1.4",
"resolve": "^1.10.0",
"semver": "2 || 3 || 4 || 5",
"validate-npm-package-license": "^3.0.1"
}
},
"npm-run-all": {
"version": "4.1.5",
"resolved": "http://npm.dui88.com:80/npm-run-all/-/npm-run-all-4.1.5.tgz",
"integrity": "sha1-BEdiAqFe4OLiFAgIYb/xKlHZj7o=",
"dev": true,
"requires": {
"ansi-styles": "^3.2.1",
"chalk": "^2.4.1",
"cross-spawn": "^6.0.5",
"memorystream": "^0.3.1",
"minimatch": "^3.0.4",
"pidtree": "^0.3.0",
"read-pkg": "^3.0.0",
"shell-quote": "^1.6.1",
"string.prototype.padend": "^3.0.0"
}
},
"object-inspect": {
"version": "1.9.0",
"resolved": "http://npm.dui88.com:80/object-inspect/-/object-inspect-1.9.0.tgz",
"integrity": "sha1-yQUh104RJ7ZyZt7TOUrWEWmGUzo=",
"dev": true
},
"object-keys": {
"version": "1.1.1",
"resolved": "http://npm.dui88.com:80/object-keys/-/object-keys-1.1.1.tgz",
"integrity": "sha1-HEfyct8nfzsdrwYWd9nILiMixg4=",
"dev": true
},
"object.assign": {
"version": "4.1.2",
"resolved": "http://npm.dui88.com:80/object.assign/-/object.assign-4.1.2.tgz",
"integrity": "sha1-DtVKNC7Os3s4/3brgxoOeIy2OUA=",
"dev": true,
"requires": {
"call-bind": "^1.0.0",
"define-properties": "^1.1.3",
"has-symbols": "^1.0.1",
"object-keys": "^1.1.1"
}
},
"parse-json": {
"version": "4.0.0",
"resolved": "http://npm.dui88.com:80/parse-json/-/parse-json-4.0.0.tgz",
"integrity": "sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=",
"dev": true,
"requires": {
"error-ex": "^1.3.1",
"json-parse-better-errors": "^1.0.1"
}
},
"parse-node-version": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/parse-node-version/-/parse-node-version-1.0.1.tgz",
"integrity": "sha1-4rXb7eAOf6m8NjYH9TMn6LBzGJs=",
"dev": true
},
"path-key": {
"version": "2.0.1",
"resolved": "http://npm.dui88.com:80/path-key/-/path-key-2.0.1.tgz",
"integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
"dev": true
},
"path-parse": {
"version": "1.0.6",
"resolved": "http://npm.dui88.com:80/path-parse/-/path-parse-1.0.6.tgz",
"integrity": "sha1-1i27VnlAXXLEc37FhgDp3c8G0kw=",
"dev": true
},
"path-type": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/path-type/-/path-type-3.0.0.tgz",
"integrity": "sha1-zvMdyOCho7sNEFwM2Xzzv0f0428=",
"dev": true,
"requires": {
"pify": "^3.0.0"
},
"dependencies": {
"pify": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/pify/-/pify-3.0.0.tgz",
"integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
"dev": true
}
}
},
"pidtree": {
"version": "0.3.1",
"resolved": "http://npm.dui88.com:80/pidtree/-/pidtree-0.3.1.tgz",
"integrity": "sha1-7wmsLMBTPfHzJQzPLE02aw0SEUo=",
"dev": true
},
"pify": {
"version": "4.0.1",
"resolved": "http://npm.dui88.com:80/pify/-/pify-4.0.1.tgz",
"integrity": "sha1-SyzSXFDVmHNcUCkiJP2MbfQeMjE=",
"dev": true,
"optional": true
},
"prr": {
"version": "1.0.1",
"resolved": "http://npm.dui88.com:80/prr/-/prr-1.0.1.tgz",
"integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
"dev": true,
"optional": true
},
"read-pkg": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/read-pkg/-/read-pkg-3.0.0.tgz",
"integrity": "sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=",
"dev": true,
"requires": {
"load-json-file": "^4.0.0",
"normalize-package-data": "^2.3.2",
"path-type": "^3.0.0"
}
},
"resolve": {
"version": "1.20.0",
"resolved": "http://npm.dui88.com:80/resolve/-/resolve-1.20.0.tgz",
"integrity": "sha1-YpoBP7P3B1XW8LeTXMHCxTeLGXU=",
"dev": true,
"requires": {
"is-core-module": "^2.2.0",
"path-parse": "^1.0.6"
}
},
"safer-buffer": {
"version": "2.1.2",
"resolved": "http://npm.dui88.com:80/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=",
"dev": true,
"optional": true
},
"sax": {
"version": "1.2.4",
"resolved": "http://npm.dui88.com:80/sax/-/sax-1.2.4.tgz",
"integrity": "sha1-KBYjTiN4vdxOU1T6tcqold9xANk=",
"dev": true,
"optional": true
},
"semver": {
"version": "5.7.1",
"resolved": "http://npm.dui88.com:80/semver/-/semver-5.7.1.tgz",
"integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=",
"dev": true
},
"shebang-command": {
"version": "1.2.0",
"resolved": "http://npm.dui88.com:80/shebang-command/-/shebang-command-1.2.0.tgz",
"integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
"dev": true,
"requires": {
"shebang-regex": "^1.0.0"
}
},
"shebang-regex": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/shebang-regex/-/shebang-regex-1.0.0.tgz",
"integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
"dev": true
},
"shell-quote": {
"version": "1.7.2",
"resolved": "http://npm.dui88.com:80/shell-quote/-/shell-quote-1.7.2.tgz",
"integrity": "sha1-Z6fQLHbJ2iT5nSCAj8re0ODgS+I=",
"dev": true
},
"source-map": {
"version": "0.6.1",
"resolved": "http://npm.dui88.com:80/source-map/-/source-map-0.6.1.tgz",
"integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
"dev": true,
"optional": true
},
"spdx-correct": {
"version": "3.1.1",
"resolved": "http://npm.dui88.com:80/spdx-correct/-/spdx-correct-3.1.1.tgz",
"integrity": "sha1-3s6BrJweZxPl99G28X1Gj6U9iak=",
"dev": true,
"requires": {
"spdx-expression-parse": "^3.0.0",
"spdx-license-ids": "^3.0.0"
}
},
"spdx-exceptions": {
"version": "2.3.0",
"resolved": "http://npm.dui88.com:80/spdx-exceptions/-/spdx-exceptions-2.3.0.tgz",
"integrity": "sha1-PyjOGnegA3JoPq3kpDMYNSeiFj0=",
"dev": true
},
"spdx-expression-parse": {
"version": "3.0.1",
"resolved": "http://npm.dui88.com:80/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
"integrity": "sha1-z3D1BILu/cmOPOCmgz5KU87rpnk=",
"dev": true,
"requires": {
"spdx-exceptions": "^2.1.0",
"spdx-license-ids": "^3.0.0"
}
},
"spdx-license-ids": {
"version": "3.0.7",
"resolved": "http://npm.dui88.com:80/spdx-license-ids/-/spdx-license-ids-3.0.7.tgz",
"integrity": "sha1-6cGKQQ5e1+EkQqVJ+9ivp2cDjWU=",
"dev": true
},
"string.prototype.padend": {
"version": "3.1.2",
"resolved": "http://npm.dui88.com:80/string.prototype.padend/-/string.prototype.padend-3.1.2.tgz",
"integrity": "sha1-aFjKTzXFJo69XoYV4TJ9VfWe4xE=",
"dev": true,
"requires": {
"call-bind": "^1.0.2",
"define-properties": "^1.1.3",
"es-abstract": "^1.18.0-next.2"
}
},
"string.prototype.trimend": {
"version": "1.0.4",
"resolved": "http://npm.dui88.com:80/string.prototype.trimend/-/string.prototype.trimend-1.0.4.tgz",
"integrity": "sha1-51rpDClCxjUEaGwYsoe0oLGkX4A=",
"dev": true,
"requires": {
"call-bind": "^1.0.2",
"define-properties": "^1.1.3"
}
},
"string.prototype.trimstart": {
"version": "1.0.4",
"resolved": "http://npm.dui88.com:80/string.prototype.trimstart/-/string.prototype.trimstart-1.0.4.tgz",
"integrity": "sha1-s2OZr0qymZtMnGSL16P7K7Jv7u0=",
"dev": true,
"requires": {
"call-bind": "^1.0.2",
"define-properties": "^1.1.3"
}
},
"strip-bom": {
"version": "3.0.0",
"resolved": "http://npm.dui88.com:80/strip-bom/-/strip-bom-3.0.0.tgz",
"integrity": "sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=",
"dev": true
},
"supports-color": {
"version": "5.5.0",
"resolved": "http://npm.dui88.com:80/supports-color/-/supports-color-5.5.0.tgz",
"integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
"dev": true,
"requires": {
"has-flag": "^3.0.0"
}
},
"tslib": {
"version": "2.1.0",
"resolved": "http://npm.dui88.com:80/tslib/-/tslib-2.1.0.tgz",
"integrity": "sha1-2mCGDxwuyqVwOrfTm8Bba/mIuXo=",
"dev": true
},
"typescript": {
"version": "4.2.3",
"resolved": "http://npm.dui88.com:80/typescript/-/typescript-4.2.3.tgz",
"integrity": "sha1-OQYtgBmRLUNyYpjwlJPVmASMHOM=",
"dev": true
},
"unbox-primitive": {
"version": "1.0.0",
"resolved": "http://npm.dui88.com:80/unbox-primitive/-/unbox-primitive-1.0.0.tgz",
"integrity": "sha1-7qy8Sv+ijps9NrXq7MxQsyUbHT8=",
"dev": true,
"requires": {
"function-bind": "^1.1.1",
"has-bigints": "^1.0.0",
"has-symbols": "^1.0.0",
"which-boxed-primitive": "^1.0.1"
}
},
"universalify": {
"version": "2.0.0",
"resolved": "http://npm.dui88.com:80/universalify/-/universalify-2.0.0.tgz",
"integrity": "sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc=",
"dev": true
},
"validate-npm-package-license": {
"version": "3.0.4",
"resolved": "http://npm.dui88.com:80/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
"integrity": "sha1-/JH2uce6FchX9MssXe/uw51PQQo=",
"dev": true,
"requires": {
"spdx-correct": "^3.0.0",
"spdx-expression-parse": "^3.0.0"
}
},
"which": {
"version": "1.3.1",
"resolved": "http://npm.dui88.com:80/which/-/which-1.3.1.tgz",
"integrity": "sha1-pFBD1U9YBTFtqNYvn1CRjT2nCwo=",
"dev": true,
"requires": {
"isexe": "^2.0.0"
}
},
"which-boxed-primitive": {
"version": "1.0.2",
"resolved": "http://npm.dui88.com:80/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
"integrity": "sha1-E3V7yJsgmwSf5dhkMOIc9AqJqOY=",
"dev": true,
"requires": {
"is-bigint": "^1.0.1",
"is-boolean-object": "^1.1.0",
"is-number-object": "^1.0.4",
"is-string": "^1.0.5",
"is-symbol": "^1.0.3"
}
}
}
}
package.json 0 → 100644
View file @ fbbaa163
{
"name": "@spark/Barrage",
"version": "1.0.0",
"main": "dist/bundle.js",
"types": "types/index.d.ts",
"license": "MIT",
"scripts": {
"dev": "npm-run-all -p -r dev:**",
"dev:me": "spark package pack -s src -o test/src/bundle.js -w",
"dev:test": "cd test && npm run dev",
"build": "tsc --outDir 'src-js' -t es2017 -d --declarationDir 'types' --jsx preserve && node scripts/copy-others.js 'src-js'",
"pack": "spark package pack -s src -o dist/bundle.js -p",
"declare": "tsc -d --declarationDir 'types' --emitDeclarationOnly",
"pub": "npm run build && read -p 'Input version: ' version && read -p 'Input remark: ' remark && spark package publish -s src -v $version -r $remark"
},
"dependencies": {},
"devDependencies": {
"tslib": "^2.0.1",
"fs-extra": "^9.0.1",
"less": "^4.1.0",
"npm-run-all": "^4.1.5",
"typescript": "^4.1.3",
"@types/react": "^16.9.56"
}
}
readme-tpl.md 0 → 100644
View file @ fbbaa163
# ${id}
${name}
${desc}
## Install
`yarn add @spark/${id}`
## Usage
```js
import {${exportIds}} from '@spark/${id}'
```
${exports}
## Contribute
1. `yarn dev` to develop package
2. `cd test && yarn && yarn dev` to develop test
readme.md 0 → 100644
View file @ fbbaa163
# Barrage
## Install
`yarn add @spark/Barrage`
## Usage
```js
import {...} from '@spark/Barrage'
```
## Contribute
1. `yarn dev` to develop package
2. `cd test && yarn && yarn dev` to develop test
## Publish
`npm run pub`
scripts/copy-others.js 0 → 100644
View file @ fbbaa163
/**
* Created by rockyl on 2021/1/18.
*/
const fs = require('fs-extra')
const path = require('path')
function filter(file) {
let extname = path.extname(file);
return !(extname === '.tsx' || extname === '.ts');
}
fs.copySync('src', process.argv[2], {filter})
src/barrage/base.ts 0 → 100644
View file @ fbbaa163
/**
* Created by _xdq on 2021/03/24.
*/
import Track from "./track";
import { MangerConfig } from "./type";
import { BarrageObj } from './type';
interface TrackIterationHandler<T extends BarrageObj> {
(track: Track<T>, index: number, trackArr: Track<T>[]): void
}
abstract class BaseMgr<T extends BarrageObj> {
protected trackWidth: number;
protected trackHeight: number;
protected duration: number;
protected maxTrackCount: number;
protected tracks: Array<Track<T>> = [];
/** 弹幕等待队列 */
waitBarrageList: T[] = [];
constructor(options: MangerConfig) {
this.trackWidth = options.trackWidth;
this.trackHeight = options.trackHeight;
this.duration = options.duration;
this.maxTrackCount = options.maxTrackCount;
/** 生成管道 */
console.log("99",options)
for (let i = 0; i < options.maxTrackCount; i++) {
this.tracks[i] = new Track();
}
}
/** 管道迭代器 */
trackIteration(iterationhandler: TrackIterationHandler<T>) {
for(let i = 0;i < this.tracks.length;++i){
iterationhandler(this.tracks[i], i, this.tracks);
}
}
/** 重置管道宽高 */
reset(width?: number, height?: number) {
width && (this.trackWidth = width);
height && (this.trackHeight = height);
}
/** 添加到等待队列 */
pushWaitList(barrageObj: T){
this.waitBarrageList.push(barrageObj);
}
/** 添加弹幕到管道 */
abstract addBarrage(barrageItem: T): boolean
/** 从等待队列中选取弹幕 */
abstract extractBarrage(): void
/** 移动 */
abstract animate(): void
}
export default BaseMgr;
\ No newline at end of file
src/barrage/index.ts 0 → 100644
View file @ fbbaa163
import { BarrageObj } from './type';
/**
* Created by _xdq on 2021/03/24.
*/
import BaseMgr from "./base";
import MoveManger from "./moveManger";
import { BarrageConfig } from "./type";
import { deepMerge } from "./utlis";
type BarrageCfg = Partial<BarrageConfig>;
const defaultCfg: BarrageConfig = {
maxTrackCount: 3,
duration: 3000
}
class Barrage {
/** 节点 */
_el: HTMLElement;
/** 初始配置 */
_config: BarrageCfg;
/** 移动管理 */
_barrageMgr: BaseMgr<BarrageObj>;
/** 动画 */
_animation: number | null = null;
constructor(el: HTMLElement, config?: BarrageCfg) {
this._config = deepMerge(defaultCfg, config || {});
this._el = el;
console.log("el----->>>>>", this._el.offsetHeight);
const _options = {
trackWidth: this._el.offsetWidth,
trackHeight: Math.floor(this._el.offsetHeight / this._config.maxTrackCount),
duration: this._config.duration,
maxTrackCount: this._config.maxTrackCount
}
this._barrageMgr = new MoveManger(_options);
const _children = this._el.children;
for (let i in _children) {
if (_children[i] instanceof HTMLElement) {
const node: HTMLElement = _children[i] as HTMLElement;
let _curBarrage: BarrageObj = {
el: node,
offset: _options.trackWidth,
speed: 2,
width: node.offsetWidth
};
console.log("999---->>>",_curBarrage)
this._barrageMgr.pushWaitList(_curBarrage);
}
}
}
/** 弹幕开始 */
start(){
if(this._animation) return;
this._animation = requestAnimationFrame(this.animate.bind(this));
}
/** 帧动画 */
animate(){
if(!this._barrageMgr) return;
this._barrageMgr.animate();
this._animation = requestAnimationFrame(this.animate.bind(this));
}
}
export default Barrage;
\ No newline at end of file
src/barrage/moveManger.ts 0 → 100644
View file @ fbbaa163
/**
* Created by _xdq on 2021/03/24.
*/
import BaseMgr from "./base";
import Track from "./track";
import { BarrageObj, MangerConfig } from "./type";
import { getEndItem, isEmptyArray } from "./utlis";
class MoveManger<T extends BarrageObj> extends BaseMgr<T> {
constructor(options: MangerConfig) {
super(options);
}
private get _defaultSpeed(): number {
return (this.trackWidth / this.duration) * 16.6;
}
private get _randomSpeed(): number {
return 0.8 + Math.random() * 1.3;
}
addBarrage(barrageItem: T): boolean {
const trackId = this.findOneTrack();
if (trackId === -1) return false;
console.log("77777", trackId)
const _track = this.tracks[trackId];
const _trackOffset = _track.offset;
const _trackWidth = this.trackWidth;
const _barrageWidth = barrageItem.width;
//计算速度
let speed: number = this._defaultSpeed;
// if(isEmptyArray(_track._barrages)){
// speed = this._defaultSpeed;
// }else{
// const w = getEndItem<T>(_track._barrages);
// console.log("000---000",w)
// speed = this._defaultSpeed;
// }
// barrageItem.el.style.transform = `translateX(750px)`;
barrageItem.speed = speed;
barrageItem.offset = _trackWidth;
_track.push(barrageItem);
_track.offset = _trackWidth + _barrageWidth * Math.floor(Math.random() * 20);
return true;
}
/** 选择一条弹幕 */
extractBarrage(): void {
let _curBarrage: boolean = false;
for (let i = 0; i < this.waitBarrageList.length;) {
_curBarrage = this.addBarrage(this.waitBarrageList[i]);
if (!_curBarrage) break;
this.waitBarrageList.shift();
}
}
/** 每一帧动画 */
animate(): void {
let _this = this;
this.extractBarrage();
let _recoverIndex = -1,
_recoverBarrage: T = null;
const _trackH = this.trackHeight;
const _trackW = this.trackWidth;
this.trackIteration((trackItem: Track<T>, index: number) => {
trackItem.barrageIteration((barrageItem: T, _index: number) => {
barrageItem.el.style.transform = `translate(${barrageItem.offset}px,${index * _trackH}px)`;
barrageItem.offset -= barrageItem.speed;
//回收
if (barrageItem.offset < 0 && Math.abs(barrageItem.offset) > _trackW) {
console.log("回收++++")
trackItem.removeBarrage(_index);
this.recoverBarrage(barrageItem);
}
});
trackItem.update();
});
}
/** 寻找管道 */
findOneTrack(): number {
let _id = -1;
let _max = -Infinity;
this.trackIteration((trackItem: Track<T>, index: number) => {
const _offset = trackItem.offset;
// if (_offset >= this.trackWidth) return;
// const _interval = this.trackWidth - _offset;
// if (_interval > _max) {
// _id = index;
// _max = _interval;
// }
const _interval = Math.abs(_offset) - this.trackWidth;
if(Math.abs(_offset) - this.trackWidth > 0) return;
//TODO
// if(_interval > )
});
return _id;
}
/** 回收弹幕 */
recoverBarrage(bartrage: T) {
// bartrage.offset = this.trackWidth;
bartrage.speed = this._defaultSpeed;
this.pushWaitList(bartrage);
}
}
export default MoveManger;
src/barrage/track.ts 0 → 100644
View file @ fbbaa163
/**
* Created by _xdq on 2021/03/24.
*/
import { BarrageObj } from './type';
/** 迭代器 */
interface BarrageIterationHandler<T extends BarrageObj> {
(barrage: T, index: number, barrageList: T[]): void
}
/** 管道类 */
class Track<T extends BarrageObj> {
_barrages: T[] = [];
private _offset: number = 0;
/** 管道已经占据空间 */
get offset(): number {
return this._offset;
}
set offset(v: number) {
if (v == this.offset) return;
this._offset = v;
}
/** 迭代弹幕 */
barrageIteration(iterationHandler: BarrageIterationHandler<T>) {
this._barrages.forEach((barrageItem, index) => {
iterationHandler(barrageItem, index, this._barrages);
});
}
/** 重置 */
reset() {
this._barrages = [];
this._offset = 0;
}
/** 添加所有的弹幕 */
push(barrageItem: T) {
this._barrages.push(barrageItem);
}
/** 移除弹幕 */
removeBarrage(index: number) {
if (index < 0 || index >= this._barrages.length) return;
this._barrages.splice(index, 1);
}
/** 更新 */
update() {
const _endBarrage = this._barrages[this._barrages.length - 1];
if (_endBarrage) {
const { offset,width } = _endBarrage;
this.offset = offset-width;
}
}
}
export default Track;
\ No newline at end of file
src/barrage/type.ts 0 → 100644
View file @ fbbaa163
/** 弹幕配置接口 */
export interface BarrageConfig {
/** 最大管道数量 */
maxTrackCount: number;
/** 弹幕持续时间 */
duration: number;
}
/** 弹幕对象接口 */
export interface BarrageObj {
/** 节点 */
el: HTMLElement;
/** 偏移 */
offset: number;
/** 速度 */
speed: number;
/** 弹幕的宽度 */
width: number;
}
/** 管理类配置接口 */
export interface MangerConfig {
/** 管道宽 */
trackWidth: number;
/** 管道高 */
trackHeight: number;
/** 弹幕持续时间 */
duration: number;
/** 最大管道数量 */
maxTrackCount: number;
}
\ No newline at end of file
src/barrage/utlis.ts 0 → 100644
View file @ fbbaa163
/**
* Created by _xdq on 2021/03/24.
*/
export function isEmptyArray<T>(array: T[]): boolean {
return array.length === 0
}
export const isNull = function (o: any): o is null {
return o === null;
}
export const isUndefined = function (o: any): o is undefined {
return typeof o === 'undefined';
}
export const isObject = function (o: any): o is object {
return typeof o === 'object' && o !== null;
}
export const isPlainObject = function (o: any): o is object {
return Object.prototype.toString.call(o) === '[object Object]';
}
/** 深拷贝 */
export function deepMerge(...objects: any[]): any {
const ret: any = {};
objects.forEach(obj => {
if (isNull(obj) || isUndefined(obj)) {
return;
}
Object.keys(obj).forEach((key: string) => {
if (!ret.hasOwnProperty(key)) {
ret[key] = obj[key];
} else {
if (Array.isArray(obj[key])) {
ret[key] = obj[key];
} else if (isPlainObject(obj[key])) {
ret[key] = deepMerge(ret[key], obj[key]);
} else {
ret[key] = obj[key];
}
}
});
});
return ret;
}
/** 获取最后一个数组元素 */
export function getEndItem<T>(arr: T[]): T {
return arr[arr.length - 1];
}
/** 帧动画 */
export const requestAnimationFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame
export const cancelAnimationFrame = window.cancelAnimationFrame || window.webkitCancelAnimationFrame
\ No newline at end of file
src/env.d.ts 0 → 100644
View file @ fbbaa163
declare function getMetaConfig(id: string);
declare const PROCESS = 1;
declare const DOM_COMPONENT = 2;
declare const CANVAS_WIDGET = 3;
src/index.ts 0 → 100644
View file @ fbbaa163
/**
* Created by _xdq on 2021/03/24.
*/
export {default as Barrage} from "./barrage";
\ No newline at end of file
src/meta.json 0 → 100644
View file @ fbbaa163
{
"id": "Barrage",
"name": "测试包",
"desc": "实现了测试包"
}
test/.env 0 → 100644
View file @ fbbaa163
EXTEND_ESLINT = true
test/config-overrides.js 0 → 100644
View file @ fbbaa163
/**
* Created by rockyl on 2020/11/20.
*/
const path = require('path');
module.exports = {
devServer: function(configFunction){
return function(proxy, allowedHost) {
const config = configFunction(proxy, allowedHost);
config.contentBase = [path.resolve('public'), path.resolve('../')];
return config;
};
}
}
test/package.json 0 → 100644
View file @ fbbaa163
{
"name": "test",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.3",
"spark-utils": "^0.0.9",
"spark-test-lib": "^1.0.1"
},
"scripts": {
"dev": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-scripts ",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"sass": "^1.29.0",
"react-app-rewired": "^2.1.6"
}
}
test/public/index.html 0 → 100644
View file @ fbbaa163
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<title>test: Barrage</title>
<script src="//yun.duiba.com.cn/js-libs/rem/1.1.0/rem.min.js"></script>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
test/src/App.js 0 → 100644
View file @ fbbaa163
import React, {useState,useRef,useEffect} from 'react';
import './App.scss';
import {Barrage} from "./bundle";
import {TestBed, InputNumber} from 'spark-test-lib'
function App() {
return (
<TestItem/>
);
}
function TestItem(){
const renderData = () => {
return (
<>
<div>1</div>
<div>2</div>
<div>3</div>
</>
)
}
const barrageContainer = useRef();
useEffect(() => {
let _barrage = new Barrage(barrageContainer.current,{});
setTimeout(() => {
_barrage.start();
},1000)
}, [])
return(
<div>
<div className="barrage-container" ref={barrageContainer}>
<div className="item"><span>11</span></div>
<div className="item">2</div>
<div className="item">3</div>
<div className="item">4</div>
<div className="item">5</div>
</div>
</div>
)
}
export default App;
test/src/App.scss 0 → 100644
View file @ fbbaa163
.App {
label{
display: flex;
justify-content: space-between;
margin-bottom: 5px;
}
.text-wrap{
white-space:pre-wrap;
word-wrap:break-word;
}
.barrage-container{
width: 750px;
height: 500px;
position: relative;
.item{
width: 100px;
height: 60px;
background-color: #cfcfcfcf;
position: absolute;
top: 0;
right: 0;
}
}
}
.barrage-container{
width: 100vw;
height: 500px;
position: relative;
.item{
width: 100px;
height: 20px;
text-align: center;
background-color: #000000;
color: #fff;
position: absolute;
top: 0;
right: 0;
border-radius: 20px;
}
}
\ No newline at end of file
test/src/App.test.js 0 → 100644
View file @ fbbaa163
import React from 'react';
import { render } from '@testing-library/react';
import App from './App';
test('renders learn react link', () => {
const { getByText } = render(<App />);
const linkElement = getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});
test/src/index.js 0 → 100644
View file @ fbbaa163
import React from 'react';
import ReactDOM from 'react-dom';
import './index.scss';
import App from './App';
ReactDOM.render(
<React.StrictMode>
<App />
</React.StrictMode>,
document.getElementById('root')
);
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
test/src/index.scss 0 → 100644
View file @ fbbaa163
html, body, #root{
width: 100%;
height: 100%;
}
body {
margin: 0;
font-size: 14px;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}
test/src/setupTests.js 0 → 100644
View file @ fbbaa163
// jest-dom adds custom jest matchers for asserting on DOM nodes.
// allows you to do things like:
// expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom
import '@testing-library/jest-dom/extend-expect';
tsconfig.json 0 → 100644
View file @ fbbaa163
{
"compilerOptions": {
"module": "ES6",
"target": "ES5",
"jsx": "react",
"allowJs": true,
"moduleResolution": "Node",
"allowSyntheticDefaultImports": true,
"resolveJsonModule": true,
"lib": [
"ES2015",
"DOM"
]
},
"include": ["src"]
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment