@pinnacle0/web-ui 0.3.27 → 0.3.30

package/admin/AdminApp/index.less

@@ -81,6 +81,8 @@
         border-bottom: 1px solid @lib-border-gray;
 
         > .navigator-bar.ant-tabs-card {
+            min-width: 0;
+
             > .ant-tabs-nav {
                 margin: 0;
 

package/core/Dropdown.d.ts

@@ -0,0 +1,9 @@
+import AntdDropdown from "antd/lib/dropdown";
+import type { DropdownProps } from "antd/lib/dropdown";
+import "antd/lib/dropdown/style";
+export type { DropdownButtonProps, DropdownButtonType } from "antd/lib/dropdown";
+export interface Props extends DropdownProps {
+}
+export declare class Dropdown {
+    static Button: typeof AntdDropdown.Button;
+}

package/core/Dropdown.js

@@ -0,0 +1,10 @@
+import AntdDropdown from "antd/lib/dropdown";
+import "antd/lib/dropdown/style";
+var Dropdown = /** @class */ (function () {
+    function Dropdown() {
+    }
+    Dropdown.Button = AntdDropdown.Button;
+    return Dropdown;
+}());
+export { Dropdown };
+//# sourceMappingURL=Dropdown.js.map

package/core/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/core/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,yBAAyB,CAAC;AAKjC;IAAA;IAEA,CAAC;IADU,eAAM,GAA+B,YAAY,CAAC,MAAM,CAAC;IACpE,eAAC;CAAA,AAFD,IAEC;SAFY,QAAQ"}

package/hooks/useOrientationMode.d.ts

@@ -0,0 +1,2 @@
+import type { OrientationType } from "../util/OrientationUtil";
+export declare function useOrientationMode(): OrientationType;

package/hooks/useOrientationMode.js

@@ -0,0 +1,30 @@
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import { OrientationUtil } from "../util/OrientationUtil";
+export function useOrientationMode() {
+    var _a = __read(React.useState(OrientationUtil.mode()), 2), mode = _a[0], setMode = _a[1];
+    React.useEffect(function () {
+        var handler = function () { return setMode(OrientationUtil.mode()); };
+        OrientationUtil.onOrientationChange(handler);
+        return function () {
+            OrientationUtil.removeOnChange(handler);
+        };
+    }, []);
+    return mode;
+}
+//# sourceMappingURL=useOrientationMode.js.map

package/hooks/useOrientationMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOrientationMode.js","sourceRoot":"","sources":["../../src/hooks/useOrientationMode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAC;AAGxD,MAAM,UAAU,kBAAkB;IACxB,IAAA,KAAA,OAAkB,KAAK,CAAC,QAAQ,CAAkB,eAAe,CAAC,IAAI,EAAE,CAAC,IAAA,EAAxE,IAAI,QAAA,EAAE,OAAO,QAA2D,CAAC;IAEhF,KAAK,CAAC,SAAS,CAAC;QACZ,IAAM,OAAO,GAAG,cAAM,OAAA,OAAO,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC,EAA/B,CAA+B,CAAC;QACtD,eAAe,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAE7C,OAAO;YACH,eAAe,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC5C,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AAChB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@pinnacle0/web-ui",
-    "version": "0.3.27",
+    "version": "0.3.30",
     "author": "Pinnacle",
     "license": "MIT",
     "sideEffects": [

package/util/OrientationUtil.d.ts

@@ -0,0 +1,20 @@
+/**
+ * 1)
+ * This util only works on mobile devices.
+ * 2)
+ * For Safari Mobile & Iphone Mobile,
+ * ScreenOrientation API is not supported, and screen.availHeight & screen.availWidth will not produce a good result.
+ * So use old APIs: window.eventListener, 'orientationchange'.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event
+ */
+export declare type OrientationType = "portrait" | "landscape";
+declare function mode(): OrientationType;
+declare function onOrientationChange(callback: () => void): void;
+declare function removeOnChange(callback: () => void): void;
+export declare const OrientationUtil: Readonly<{
+    mode: typeof mode;
+    onOrientationChange: typeof onOrientationChange;
+    removeOnChange: typeof removeOnChange;
+}>;
+export {};

package/util/OrientationUtil.js

@@ -0,0 +1,50 @@
+/**
+ * 1)
+ * This util only works on mobile devices.
+ * 2)
+ * For Safari Mobile & Iphone Mobile,
+ * ScreenOrientation API is not supported, and screen.availHeight & screen.availWidth will not produce a good result.
+ * So use old APIs: window.eventListener, 'orientationchange'.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event
+ */
+function mode() {
+    try {
+        if (!window.screen.orientation && typeof window.orientation !== undefined) {
+            return window.orientation === 0 ? "portrait" : "landscape";
+        }
+        if (window.screen.availHeight > window.screen.availWidth) {
+            return "portrait";
+        }
+        return "landscape";
+    }
+    catch (e) {
+        return "landscape";
+    }
+}
+function onOrientationChange(callback) {
+    var _a;
+    if ((_a = window.screen.orientation) === null || _a === void 0 ? void 0 : _a.addEventListener) {
+        // some Android browser may not support this method
+        window.screen.orientation.addEventListener("change", callback);
+    }
+    else {
+        window.addEventListener("orientationchange", callback);
+    }
+}
+function removeOnChange(callback) {
+    var _a;
+    if ((_a = window.screen.orientation) === null || _a === void 0 ? void 0 : _a.removeEventListener) {
+        // some Android browser may not support this method
+        window.screen.orientation.removeEventListener("change", callback);
+    }
+    else {
+        window.removeEventListener("orientationchange", callback);
+    }
+}
+export var OrientationUtil = Object.freeze({
+    mode: mode,
+    onOrientationChange: onOrientationChange,
+    removeOnChange: removeOnChange,
+});
+//# sourceMappingURL=OrientationUtil.js.map

package/util/OrientationUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrientationUtil.js","sourceRoot":"","sources":["../../src/util/OrientationUtil.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,SAAS,IAAI;IACT,IAAI;QACA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,IAAI,OAAO,MAAM,CAAC,WAAW,KAAK,SAAS,EAAE;YACvE,OAAO,MAAM,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;SAC9D;QAED,IAAI,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE;YACtD,OAAO,UAAU,CAAC;SACrB;QACD,OAAO,WAAW,CAAC;KACtB;IAAC,OAAO,CAAC,EAAE;QACR,OAAO,WAAW,CAAC;KACtB;AACL,CAAC;AAED,SAAS,mBAAmB,CAAC,QAAoB;;IAC7C,IAAI,MAAA,MAAM,CAAC,MAAM,CAAC,WAAW,0CAAE,gBAAgB,EAAE;QAC7C,mDAAmD;QACnD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KAClE;SAAM;QACH,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;KAC1D;AACL,CAAC;AAED,SAAS,cAAc,CAAC,QAAoB;;IACxC,IAAI,MAAA,MAAM,CAAC,MAAM,CAAC,WAAW,0CAAE,mBAAmB,EAAE;QAChD,mDAAmD;QACnD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;KACrE;SAAM;QACH,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC;KAC7D;AACL,CAAC;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IACzC,IAAI,MAAA;IACJ,mBAAmB,qBAAA;IACnB,cAAc,gBAAA;CACjB,CAAC,CAAC"}