uiik 1.0.1 → 1.0.3

package/index.esm.js

@@ -1,10 +1,10 @@
 /**
- * uiik v1.0.1
- * A UI interaction kit includes draggable, splittable, rotatable, selectable, etc.
+ * uiik v1.0.3
+ * A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.
  * https://github.com/holyhigh2/uiik
  * c) 2021-2023 @holyhigh2 may be freely distributed under the MIT license
  */
-import { isArrayLike, isString, map, isElement, toArray, each, assign, reject, includes, isArray, isEmpty, call, isNumber, isFunction, isDefined, isUndefined, closest, some, compact, split, test, flatMap } from '@holyhigh/func.js';
+import { isArrayLike, isString, map, isElement, toArray, each, assign, find, reject, includes, isArray, isEmpty, call, isNumber, isFunction, isDefined, isUndefined, closest, some, compact, split, test, flatMap } from '@holyhigh/func.js';
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -133,10 +133,6 @@ class Uii {
 _Uii_listeners = new WeakMap();
 
 /* eslint-disable max-len */
-/**
- * 工具包
- * @author holyhigh2
- */
 /**
  * 获取child相对于parent的offset信息。含border宽度
  * @returns
@@ -159,11 +155,23 @@ function getOffset(child, parent) {
  */
 const EDGE_THRESHOLD = 5;
 const DRAGGING_RULE = "body * { pointer-events: none; }";
+let lockSheet;
 function lockPage() {
-    document.styleSheets[0].insertRule(DRAGGING_RULE, 0);
+    lockSheet = getFirstSS();
+    lockSheet === null || lockSheet === void 0 ? void 0 : lockSheet.insertRule(DRAGGING_RULE, 0);
 }
 function unlockPage() {
-    document.styleSheets[0].deleteRule(0);
+    lockSheet === null || lockSheet === void 0 ? void 0 : lockSheet.deleteRule(0);
+}
+function getFirstSS() {
+    if (document.styleSheets.length < 1) {
+        document.head.appendChild(document.createElement('style'));
+    }
+    const sheet = find(document.styleSheets, ss => !ss.href);
+    if (!sheet) {
+        document.head.appendChild(document.createElement('style'));
+    }
+    return sheet || find(document.styleSheets, ss => !ss.href);
 }
 
 var _Splittable_instances, _Splittable_checkDirection, _Splittable_bindHandle;
@@ -1928,16 +1936,14 @@ function newSelectable(container, opts) {
     return new Selectable(container, opts);
 }
 
-var version = "1.0.1";
+var version = "1.0.3";
 var repository = {
 	type: "git",
 	url: "https://github.com/holyhigh2/uiik"
 };
 
 // welcome info
-const welcome = globalThis.top
-    ? globalThis.top.welcome
-    : globalThis.welcome;
+const welcome = globalThis.welcome;
 if (!welcome) {
     const ssAry = [];
     ['102,227,255', '59,208,251', '67,180,255'].forEach((v, i) => {
@@ -1949,13 +1955,8 @@ if (!welcome) {
             ssAry[i] = 'color:#fff;' + cu;
         }
     });
-    console.info(`%c %c %c Uiik - UI Interactions Kit | v${version} %c %c `, ...ssAry, `💎 ${repository.url}`);
-    if (globalThis.top) {
-        globalThis.top.welcome = true;
-    }
-    else {
-        globalThis.welcome = true;
-    }
+    console.info(`%c %c %c Uiik - UI interactions kit | v${version} %c %c `, ...ssAry, `💎 ${repository.url}`);
+    globalThis.welcome = true;
 }
 const VERSION = version;
 var index = {

package/index.js

@@ -1,13 +1,13 @@
 /**
- * uiik v1.0.1
- * A UI interaction kit includes draggable, splittable, rotatable, selectable, etc.
+ * uiik v1.0.3
+ * A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.
  * https://github.com/holyhigh2/uiik
  * c) 2021-2023 @holyhigh2 may be freely distributed under the MIT license
  */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@holyhigh/func.js')) :
     typeof define === 'function' && define.amd ? define(['exports', '@holyhigh/func.js'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.uii = {}, global.func_js));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.uiik = {}, global.func_js));
 })(this, (function (exports, func_js) { 'use strict';
 
     /******************************************************************************
@@ -137,10 +137,6 @@
     _Uii_listeners = new WeakMap();
 
     /* eslint-disable max-len */
-    /**
-     * 工具包
-     * @author holyhigh2
-     */
     /**
      * 获取child相对于parent的offset信息。含border宽度
      * @returns
@@ -163,11 +159,23 @@
      */
     const EDGE_THRESHOLD = 5;
     const DRAGGING_RULE = "body * { pointer-events: none; }";
+    let lockSheet;
     function lockPage() {
-        document.styleSheets[0].insertRule(DRAGGING_RULE, 0);
+        lockSheet = getFirstSS();
+        lockSheet === null || lockSheet === void 0 ? void 0 : lockSheet.insertRule(DRAGGING_RULE, 0);
     }
     function unlockPage() {
-        document.styleSheets[0].deleteRule(0);
+        lockSheet === null || lockSheet === void 0 ? void 0 : lockSheet.deleteRule(0);
+    }
+    function getFirstSS() {
+        if (document.styleSheets.length < 1) {
+            document.head.appendChild(document.createElement('style'));
+        }
+        const sheet = func_js.find(document.styleSheets, ss => !ss.href);
+        if (!sheet) {
+            document.head.appendChild(document.createElement('style'));
+        }
+        return sheet || func_js.find(document.styleSheets, ss => !ss.href);
     }
 
     var _Splittable_instances, _Splittable_checkDirection, _Splittable_bindHandle;
@@ -1932,16 +1940,14 @@
         return new Selectable(container, opts);
     }
 
-    var version = "1.0.1";
+    var version = "1.0.3";
     var repository = {
     	type: "git",
     	url: "https://github.com/holyhigh2/uiik"
     };
 
     // welcome info
-    const welcome = globalThis.top
-        ? globalThis.top.welcome
-        : globalThis.welcome;
+    const welcome = globalThis.welcome;
     if (!welcome) {
         const ssAry = [];
         ['102,227,255', '59,208,251', '67,180,255'].forEach((v, i) => {
@@ -1953,13 +1959,8 @@
                 ssAry[i] = 'color:#fff;' + cu;
             }
         });
-        console.info(`%c %c %c Uiik - UI Interactions Kit | v${version} %c %c `, ...ssAry, `💎 ${repository.url}`);
-        if (globalThis.top) {
-            globalThis.top.welcome = true;
-        }
-        else {
-            globalThis.welcome = true;
-        }
+        console.info(`%c %c %c Uiik - UI interactions kit | v${version} %c %c `, ...ssAry, `💎 ${repository.url}`);
+        globalThis.welcome = true;
     }
     const VERSION = version;
     var index = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "uiik",
-  "version": "1.0.1",
-  "description": "A UI interaction kit includes draggable, splittable, rotatable, selectable, etc.",
+  "version": "1.0.3",
+  "description": "A UI interactions kit includes draggable, splittable, rotatable, selectable, etc.",
   "main": "index.js",
   "module": "index.esm.js",
   "types": "types/index.d.ts",