@wwawing/virtual-pad 3.9.0-beta.2 → 3.9.0-beta.3
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/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import VirtualPadStore, { VirtualPadState, VirtualPadButtonCode, VirtualPadButtons } from './VirtualPad';
|
|
2
|
-
import
|
|
2
|
+
import viewportFit, { initializeViewport } from './viewportFit';
|
|
3
3
|
import makeInject from './makeInject';
|
|
4
|
-
export { VirtualPadStore, VirtualPadState, VirtualPadButtonCode, VirtualPadButtons,
|
|
4
|
+
export { VirtualPadStore, VirtualPadState, VirtualPadButtonCode, VirtualPadButtons, viewportFit, initializeViewport, makeInject };
|
package/lib/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import VirtualPadStore, { VirtualPadState, VirtualPadButtonCode } from './VirtualPad';
|
|
2
|
-
import
|
|
2
|
+
import viewportFit, { initializeViewport } from './viewportFit';
|
|
3
3
|
import makeInject from './makeInject';
|
|
4
|
-
export { VirtualPadStore, VirtualPadState, VirtualPadButtonCode,
|
|
4
|
+
export { VirtualPadStore, VirtualPadState, VirtualPadButtonCode, viewportFit, initializeViewport, makeInject };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
export function
|
|
1
|
+
export function initializeViewport() {
|
|
2
2
|
var headElement = document.getElementsByTagName('head')[0];
|
|
3
3
|
var viewportElement = document.createElement('meta');
|
|
4
4
|
viewportElement.setAttribute('name', 'viewport');
|
|
5
5
|
headElement.appendChild(viewportElement);
|
|
6
|
-
|
|
6
|
+
viewportFit();
|
|
7
7
|
}
|
|
8
|
-
export default function
|
|
8
|
+
export default function viewportFit() {
|
|
9
9
|
var WWA_WIDTH = 560;
|
|
10
10
|
var WWA_HEIGHT = 440;
|
|
11
11
|
var BROWSER_MARGIN = 8;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wwawing/virtual-pad",
|
|
3
|
-
"version": "3.9.0-beta.
|
|
3
|
+
"version": "3.9.0-beta.3",
|
|
4
4
|
"description": "WWA Wing Virtual Pad for mobile phone",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -16,5 +16,5 @@
|
|
|
16
16
|
"publishConfig": {
|
|
17
17
|
"access": "public"
|
|
18
18
|
},
|
|
19
|
-
"gitHead": "
|
|
19
|
+
"gitHead": "42a88c02b75b6f8ce6bb22fb38f2b8a952ee38d6"
|
|
20
20
|
}
|
package/src/index.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import VirtualPadStore, { VirtualPadState, VirtualPadButtonCode, VirtualPadButtons } from './VirtualPad';
|
|
2
|
-
import
|
|
2
|
+
import viewportFit, { initializeViewport } from './viewportFit';
|
|
3
3
|
import makeInject from './makeInject';
|
|
4
4
|
|
|
5
5
|
export {
|
|
@@ -7,7 +7,7 @@ export {
|
|
|
7
7
|
VirtualPadState,
|
|
8
8
|
VirtualPadButtonCode,
|
|
9
9
|
VirtualPadButtons,
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
viewportFit,
|
|
11
|
+
initializeViewport,
|
|
12
12
|
makeInject
|
|
13
13
|
}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
/**
|
|
2
|
-
*
|
|
2
|
+
* ビューポート制御の初期化を行うメソッドです。
|
|
3
3
|
*/
|
|
4
|
-
export function
|
|
4
|
+
export function initializeViewport() {
|
|
5
5
|
const headElement = document.getElementsByTagName('head')[0];
|
|
6
6
|
let viewportElement = document.createElement('meta');
|
|
7
7
|
|
|
8
8
|
viewportElement.setAttribute('name', 'viewport');
|
|
9
9
|
headElement.appendChild(viewportElement);
|
|
10
|
-
|
|
10
|
+
viewportFit();
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
/**
|
|
14
|
-
*
|
|
15
|
-
* @example window.addEventListener("resize",
|
|
14
|
+
* 画面の向きやサイズに合わせて自動的に画面のビューポートを調整する機能のメソッドです。 "resize" イベントと併せてご利用ください。
|
|
15
|
+
* @example window.addEventListener("resize", viewportFit);
|
|
16
16
|
*/
|
|
17
|
-
export default function
|
|
17
|
+
export default function viewportFit() {
|
|
18
18
|
const WWA_WIDTH = 560;
|
|
19
19
|
const WWA_HEIGHT = 440;
|
|
20
20
|
// ブラウザーCSSをここから取得することはできないようなのでここで仮の値を設定しておく
|
|
@@ -24,7 +24,7 @@ export default function autoRotate() {
|
|
|
24
24
|
const browserWidth = window.innerWidth;
|
|
25
25
|
const browserHeight = window.innerHeight;
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
27
|
+
* viewportFit を有効化すると、誤動作を防ぐため、拡大操作が無効になります。
|
|
28
28
|
* Webページの中に設置する場合は、特にご注意ください。
|
|
29
29
|
*/
|
|
30
30
|
let viewportValue = "user-scalable=no";
|
package/lib/autoRotate.d.ts
DELETED