vue-screenfull 0.0.1 → 1.0.2
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.
- package/LICENSE +21 -0
- package/MANUAL_TESTING.md +32 -0
- package/README.md +371 -0
- package/lib/global.d.ts +26 -0
- package/lib/index.cjs.js +7 -0
- package/lib/index.cjs.js.map +1 -0
- package/lib/index.d.ts +239 -0
- package/lib/index.esm.js +7 -0
- package/lib/index.esm.js.map +1 -0
- package/lib/typing.d.ts +123 -0
- package/lib/vue-screenfull.min.js +7 -0
- package/lib/vue-screenfull.min.js.map +1 -0
- package/package.json +93 -43
- package/dist/vue-screenfull.min.js +0 -414
- package/dist/vue-screenfull.min.js.map +0 -1
- package/webpack.config.js +0 -53
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["webpack:///webpack/universalModuleDefinition","webpack:///webpack/bootstrap 79ca45656f45d812e1d6","webpack:///src/app.vue","webpack:///./src/index.js","webpack:///./src/app.vue","webpack:///./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js","webpack:///./src/app.vue?48d2"],"names":["VueScreenfull"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;ACVA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAK;AACL;AACA;;AAEA;AACA;AACA;AACA,mCAA2B,0BAA0B,EAAE;AACvD,yCAAiC,eAAe;AAChD;AACA;AACA;;AAEA;AACA,8DAAsD,+DAA+D;;AAErH;AACA;;AAEA;AACA;;;;;;;;;;;;;;;;;;;;;kBCrDA;AACA,0BADA;AAEA,QAFA,kBAEA;AACA;AACA,kDADA,EACA;AACA,wEAFA,EAEA;AACA,iEAHA,EAGA;AACA,yBAJA;AAKA,sBALA;AAMA;AANA;AAQA,KAXA;AAYA,WAZA,qBAYA;AAAA;;AACA,kCADA,CACA;AACA;AACA,iCAHA,CAGA;AACA,8BAJA,CAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAVA;AAWA;AACA;AACA;AACA;AACA,SAJA;AAKA;AACA;AACA;AACA,SAHA;AAIA,KArCA;;AAsCA;AACA,kBADA,sBACA,GADA,EACA;AACA;AACA,SAHA;AAIA,yBAJA,6BAIA,MAJA,EAIA,SAJA,EAIA,cAJA,EAIA;AAAA;;AACA;AACA;AACA,aAFA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAZA;AAaA;AACA;AAxBA;AAtCA,C;;;;;;;;;;;;;ACRA;;;;;;kBACeA,a;;;;;;;;;;;ACDf;AAAA;AACA;AACA;AACA;AACA;AACA;AACwL;AACxL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,YAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA,GAAG;AACH,CAAC;;AAED;;;;;;;ACzCA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;;;;ACtGA;AACA;AACA;AACA;AACA,oBAAoB,gCAAgC;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gBAAgB,iBAAiB;AACjC;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,C","file":"vue-screenfull.min.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse {\n\t\tvar a = factory();\n\t\tfor(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];\n\t}\n})(typeof self !== 'undefined' ? self : this, function() {\nreturn \n\n\n// WEBPACK FOOTER //\n// webpack/universalModuleDefinition"," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, {\n \t\t\t\tconfigurable: false,\n \t\t\t\tenumerable: true,\n \t\t\t\tget: getter\n \t\t\t});\n \t\t}\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"/dist/\";\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 1);\n\n\n\n// WEBPACK FOOTER //\n// webpack/bootstrap 79ca45656f45d812e1d6","<template>\n <div class=\"vue-screenfull\">\n <button type=\"button\" @click=\"request()\" v-show=\"!fullStatus\">全屏</button>\n <button type=\"button\" @click=\"exit()\" v-show=\"fullStatus\">退出全屏</button>\n </div>\n</template>\n\n<script>\n export default {\n name: 'vue-screenfull',\n data () {\n return {\n prefixArr: ['', 'webkit', 'moz', 'ms'], // 浏览器前缀\n requestSuffixArr: ['RequestFullscreen', 'RequestFullScreen'], // 请求全屏后缀\n exitSuffixArr: ['ExitFullscreen', 'CancelFullScreen'], // 退出全屏后缀\n request: null,\n exit: null,\n fullStatus: false\n }\n },\n created () {\n let isRightRequest = null // 是否找到适配的方法\n let isRightExit = null\n let requestMethod = null // 全屏方法\n let exitMethod = null // 退出全屏方法\n this.prefixArr.forEach(prefix => {\n if (isRightRequest && isRightExit) {\n return\n }\n // 查找请求\n requestMethod = this.searchRightMethod(prefix, this.requestSuffixArr, document.documentElement)\n isRightRequest = Boolean(requestMethod)\n // 查找退出\n exitMethod = this.searchRightMethod(prefix, this.exitSuffixArr, document)\n isRightExit = Boolean(exitMethod)\n })\n this.request = function (element) {\n let domEle = document.querySelector(element) || document.documentElement\n domEle[requestMethod]()\n this.fullStatus = true\n }\n this.exit = function () {\n document[exitMethod]()\n this.fullStatus = false\n }\n },\n methods: {\n lowerFirst (str) {\n return str.slice(0, 1).toLowerCase() + str.slice(1)\n },\n searchRightMethod (prefix, suffixArr, documentParent) {\n let methodArr = suffixArr.map((suffix) => {\n return prefix + suffix\n })\n let method = null\n let isRight = null\n methodArr.forEach(wholePrefix => {\n if (isRight) {\n return\n }\n if (prefix.length === 0) {\n wholePrefix = this.lowerFirst(wholePrefix)\n }\n if (wholePrefix in documentParent) {\n method = wholePrefix\n isRight = true\n // console.log(method);\n }\n })\n return method\n }\n }\n }\n</script>\n\n\n\n// WEBPACK FOOTER //\n// src/app.vue","import VueScreenfull from './app.vue'\nexport default VueScreenfull\n\n\n\n// WEBPACK FOOTER //\n// ./src/index.js","var disposed = false\nvar normalizeComponent = require(\"!../node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./app.vue\"\nimport __vue_script__ from \"!!babel-loader!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=script&index=0!./app.vue\"\n/* template */\nimport __vue_template__ from \"!!../node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-5ef48958\\\",\\\"hasScoped\\\":false,\\\"buble\\\":{\\\"transforms\\\":{}}}!../node_modules/_vue-loader@13.7.3@vue-loader/lib/selector?type=template&index=0!./app.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = null\n/* scopeId */\nvar __vue_scopeId__ = null\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n __vue_script__,\n __vue_template__,\n __vue_template_functional__,\n __vue_styles__,\n __vue_scopeId__,\n __vue_module_identifier__\n)\nComponent.options.__file = \"src/app.vue\"\n\n/* hot reload */\nif (module.hot) {(function () {\n var hotAPI = require(\"vue-loader/node_modules/vue-hot-reload-api\")\n hotAPI.install(require(\"vue\"), false)\n if (!hotAPI.compatible) return\n module.hot.accept()\n if (!module.hot.data) {\n hotAPI.createRecord(\"data-v-5ef48958\", Component.options)\n } else {\n hotAPI.reload(\"data-v-5ef48958\", Component.options)\n }\n module.hot.dispose(function (data) {\n disposed = true\n })\n})()}\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app.vue\n// module id = 2\n// module chunks = 0","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file.\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nmodule.exports = function normalizeComponent (\n rawScriptExports,\n compiledTemplate,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier /* server only */\n) {\n var esModule\n var scriptExports = rawScriptExports = rawScriptExports || {}\n\n // ES6 modules interop\n var type = typeof rawScriptExports.default\n if (type === 'object' || type === 'function') {\n esModule = rawScriptExports\n scriptExports = rawScriptExports.default\n }\n\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (compiledTemplate) {\n options.render = compiledTemplate.render\n options.staticRenderFns = compiledTemplate.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 = scopeId\n }\n\n var hook\n if (moduleIdentifier) { // 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 = injectStyles\n }\n\n if (hook) {\n var functional = options.functional\n var existing = functional\n ? options.render\n : options.beforeCreate\n\n if (!functional) {\n // inject component registration as beforeCreate hook\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n } else {\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 functioal component in vue file\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return existing(h, context)\n }\n }\n }\n\n return {\n esModule: esModule,\n exports: scriptExports,\n options: options\n }\n}\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/component-normalizer.js\n// module id = 3\n// module chunks = 0","var render = function() {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n return _c(\"div\", { staticClass: \"vue-screenfull\" }, [\n _c(\n \"button\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: !_vm.fullStatus,\n expression: \"!fullStatus\"\n }\n ],\n attrs: { type: \"button\" },\n on: {\n click: function($event) {\n _vm.request()\n }\n }\n },\n [_vm._v(\"全屏\")]\n ),\n _vm._v(\" \"),\n _c(\n \"button\",\n {\n directives: [\n {\n name: \"show\",\n rawName: \"v-show\",\n value: _vm.fullStatus,\n expression: \"fullStatus\"\n }\n ],\n attrs: { type: \"button\" },\n on: {\n click: function($event) {\n _vm.exit()\n }\n }\n },\n [_vm._v(\"退出全屏\")]\n )\n ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\nif (module.hot) {\n module.hot.accept()\n if (module.hot.data) {\n require(\"vue-loader/node_modules/vue-hot-reload-api\") .rerender(\"data-v-5ef48958\", esExports)\n }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/_vue-loader@13.7.3@vue-loader/lib/template-compiler?{\"id\":\"data-v-5ef48958\",\"hasScoped\":false,\"buble\":{\"transforms\":{}}}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=template&index=0!./src/app.vue\n// module id = 4\n// module chunks = 0"],"sourceRoot":""}
|
package/webpack.config.js
DELETED
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Created by 879372858@qq.com on 2018/2/10.
|
|
3
|
-
*/
|
|
4
|
-
const path = require("path");
|
|
5
|
-
const webpack = require("webpack");
|
|
6
|
-
const uglify = require("uglifyjs-webpack-plugin");
|
|
7
|
-
|
|
8
|
-
module.exports = {
|
|
9
|
-
devtool: 'source-map',
|
|
10
|
-
entry: "./src/index.js",
|
|
11
|
-
output: {
|
|
12
|
-
path: path.resolve(__dirname, './dist'),
|
|
13
|
-
publicPath: '/dist/',
|
|
14
|
-
filename: 'vue-screenfull.min.js',
|
|
15
|
-
libraryTarget: 'umd',
|
|
16
|
-
umdNamedDefine: true
|
|
17
|
-
},
|
|
18
|
-
module: {
|
|
19
|
-
rules: [{
|
|
20
|
-
test: /\.vue$/,
|
|
21
|
-
loader: 'vue-loader'
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
test: /\.less$/,
|
|
25
|
-
use: [
|
|
26
|
-
{ loader: "style-loader" },
|
|
27
|
-
{ loader: "css-loader" },
|
|
28
|
-
{ loader: "less-loader" }
|
|
29
|
-
]
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
test: /\.js$/,
|
|
33
|
-
exclude: /node_modules|vue\/dist|vue-router\/|vue-loader\/|vue-hot-reload-api\//,
|
|
34
|
-
loader: 'babel-loader'
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
test: /\.(png|jpg|gif|ttf|svg|woff|eot)$/,
|
|
38
|
-
loader: 'url-loader',
|
|
39
|
-
query: {
|
|
40
|
-
limit: 30000,
|
|
41
|
-
name: '[name].[ext]?[hash]'
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
]
|
|
45
|
-
},
|
|
46
|
-
plugins: [
|
|
47
|
-
new webpack.DefinePlugin({
|
|
48
|
-
"process.env": {
|
|
49
|
-
NODE_ENV: JSON.stringify("production")
|
|
50
|
-
}
|
|
51
|
-
})
|
|
52
|
-
]
|
|
53
|
-
};
|