util-helpers 5.2.2 → 5.3.0

package/esm/VERSION.js

@@ -1,4 +1,4 @@
-var VERSION = "5.2.2";
+var VERSION = "5.3.0";
 var VERSION$1 = VERSION;
 
 export { VERSION$1 as default };

package/esm/getMimeType.js

@@ -1,5 +1,5 @@
 import { nativeUndefined } from './utils/native.js';
-import { getFileNameExt } from './utils/file.util.js';
+import { getExtname } from './utils/file.util.js';
 
 var mimeTypes = [
     ['text/plain', ['txt']],
@@ -36,7 +36,7 @@ var mimeTypes = [
 ];
 function getMimeType(fileName) {
     var _a;
-    var ext = getFileNameExt(fileName).slice(1);
+    var ext = getExtname(fileName).slice(1);
     return ext ? (_a = mimeTypes.find(function (item) { return item[1].includes(ext); })) === null || _a === void 0 ? void 0 : _a[0] : nativeUndefined;
 }
 

package/esm/index.js

@@ -48,6 +48,7 @@ export { default as getFileBlob } from './getFileBlob.js';
 export { default as getFileType } from './getFileType.js';
 export { default as getImageInfo } from './getImageInfo.js';
 export { default as getMimeType } from './getMimeType.js';
+export { default as injectStyle } from './injectStyle.js';
 export { default as loadImage } from './loadImage.js';
 export { default as loadImageWithBlob } from './loadImageWithBlob.js';
 export { default as loadScript } from './loadScript.js';

package/esm/injectStyle.js

@@ -0,0 +1,23 @@
+function injectStyle(css, options) {
+    var _a = options || {}, _b = _a.container, container = _b === void 0 ? document.head || document.getElementsByTagName('head')[0] || document.body : _b, _c = _a.insertAt, insertAt = _c === void 0 ? 'top' : _c;
+    var style = document.createElement('style');
+    if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+    }
+    else {
+        style.appendChild(document.createTextNode(css));
+    }
+    var atTop = insertAt === 'top';
+    if (atTop && container.prepend) {
+        container.prepend(style);
+    }
+    else if (atTop && container.firstChild) {
+        container.insertBefore(style, container.firstChild);
+    }
+    else {
+        container.appendChild(style);
+    }
+    return style;
+}
+
+export { injectStyle as default };

package/esm/loadScript.js

@@ -3,7 +3,7 @@ import { objectKeys } from './utils/native.js';
 
 function loadScript(src, options) {
     return new Promise(function (resolve, reject) {
-        var head = document.head;
+        var container = document.head || document.getElementsByTagName('head')[0] || document.body;
         var script = document.createElement('script');
         var _a = options || {}, attrs = _a.attrs, _b = _a.destroyOnError, destroyOnError = _b === void 0 ? true : _b, restOptions = __rest(_a, ["attrs", "destroyOnError"]);
         var props = __assign(__assign({ async: true, type: 'text/javascript' }, restOptions), { src: src });
@@ -29,11 +29,11 @@ function loadScript(src, options) {
             this.onerror = this.onload = null;
             (_a = props.onerror) === null || _a === void 0 ? void 0 : _a.call(this, ev);
             if (destroyOnError) {
-                head.removeChild(script);
+                container.removeChild(script);
             }
             reject(new URIError('Failed to load ' + this.src));
         };
-        head.appendChild(script);
+        container.appendChild(script);
     });
 }
 

package/esm/utils/file.util.js

@@ -1,10 +1,10 @@
 import { isString, nth, isObjectLike } from 'ut2';
 
-function getFileNameExt(name) {
+function getExtname(name) {
     return isString(name) && name.indexOf('.') > 0 ? '.' + nth(name.split('.'), -1) : '';
 }
 function testExt(name, ext) {
-    return !!name && getFileNameExt(name) === ext;
+    return !!name && getExtname(name) === ext;
 }
 function isUploadFile(fileObj) {
     if (isObjectLike(fileObj) && isString(fileObj.name)) {
@@ -13,4 +13,4 @@ function isUploadFile(fileObj) {
     return false;
 }
 
-export { getFileNameExt, isUploadFile, testExt };
+export { getExtname, isUploadFile, testExt };

package/lib/VERSION.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var VERSION = "5.2.2";
+var VERSION = "5.3.0";
 var VERSION$1 = VERSION;
 
 module.exports = VERSION$1;

package/lib/getMimeType.js

@@ -38,7 +38,7 @@ var mimeTypes = [
 ];
 function getMimeType(fileName) {
     var _a;
-    var ext = file_util.getFileNameExt(fileName).slice(1);
+    var ext = file_util.getExtname(fileName).slice(1);
     return ext ? (_a = mimeTypes.find(function (item) { return item[1].includes(ext); })) === null || _a === void 0 ? void 0 : _a[0] : native.nativeUndefined;
 }
 

package/lib/index.js

@@ -50,6 +50,7 @@ var getFileBlob = require('./getFileBlob.js');
 var getFileType = require('./getFileType.js');
 var getImageInfo = require('./getImageInfo.js');
 var getMimeType = require('./getMimeType.js');
+var injectStyle = require('./injectStyle.js');
 var loadImage = require('./loadImage.js');
 var loadImageWithBlob = require('./loadImageWithBlob.js');
 var loadScript = require('./loadScript.js');
@@ -119,6 +120,7 @@ exports.getFileBlob = getFileBlob;
 exports.getFileType = getFileType;
 exports.getImageInfo = getImageInfo;
 exports.getMimeType = getMimeType;
+exports.injectStyle = injectStyle;
 exports.loadImage = loadImage;
 exports.loadImageWithBlob = loadImageWithBlob;
 exports.loadScript = loadScript;

package/lib/injectStyle.js

@@ -0,0 +1,25 @@
+'use strict';
+
+function injectStyle(css, options) {
+    var _a = options || {}, _b = _a.container, container = _b === void 0 ? document.head || document.getElementsByTagName('head')[0] || document.body : _b, _c = _a.insertAt, insertAt = _c === void 0 ? 'top' : _c;
+    var style = document.createElement('style');
+    if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+    }
+    else {
+        style.appendChild(document.createTextNode(css));
+    }
+    var atTop = insertAt === 'top';
+    if (atTop && container.prepend) {
+        container.prepend(style);
+    }
+    else if (atTop && container.firstChild) {
+        container.insertBefore(style, container.firstChild);
+    }
+    else {
+        container.appendChild(style);
+    }
+    return style;
+}
+
+module.exports = injectStyle;

package/lib/loadScript.js

@@ -5,7 +5,7 @@ var native = require('./utils/native.js');
 
 function loadScript(src, options) {
     return new Promise(function (resolve, reject) {
-        var head = document.head;
+        var container = document.head || document.getElementsByTagName('head')[0] || document.body;
         var script = document.createElement('script');
         var _a = options || {}, attrs = _a.attrs, _b = _a.destroyOnError, destroyOnError = _b === void 0 ? true : _b, restOptions = tslib.__rest(_a, ["attrs", "destroyOnError"]);
         var props = tslib.__assign(tslib.__assign({ async: true, type: 'text/javascript' }, restOptions), { src: src });
@@ -31,11 +31,11 @@ function loadScript(src, options) {
             this.onerror = this.onload = null;
             (_a = props.onerror) === null || _a === void 0 ? void 0 : _a.call(this, ev);
             if (destroyOnError) {
-                head.removeChild(script);
+                container.removeChild(script);
             }
             reject(new URIError('Failed to load ' + this.src));
         };
-        head.appendChild(script);
+        container.appendChild(script);
     });
 }
 

package/lib/utils/file.util.js

@@ -2,11 +2,11 @@
 
 var ut2 = require('ut2');
 
-function getFileNameExt(name) {
+function getExtname(name) {
     return ut2.isString(name) && name.indexOf('.') > 0 ? '.' + ut2.nth(name.split('.'), -1) : '';
 }
 function testExt(name, ext) {
-    return !!name && getFileNameExt(name) === ext;
+    return !!name && getExtname(name) === ext;
 }
 function isUploadFile(fileObj) {
     if (ut2.isObjectLike(fileObj) && ut2.isString(fileObj.name)) {
@@ -15,6 +15,6 @@ function isUploadFile(fileObj) {
     return false;
 }
 
-exports.getFileNameExt = getFileNameExt;
+exports.getExtname = getExtname;
 exports.isUploadFile = isUploadFile;
 exports.testExt = testExt;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "util-helpers",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "description": "一个基于业务场景的工具方法库",
   "main": "lib/index.js",
   "module": "esm/index.js",

package/types/index.d.ts

@@ -103,6 +103,7 @@ export { default as getFileBlob } from './getFileBlob';
 export { default as getFileType } from './getFileType';
 export { default as getImageInfo } from './getImageInfo';
 export { default as getMimeType } from './getMimeType';
+export { default as injectStyle } from './injectStyle';
 export { default as loadImage } from './loadImage';
 export { default as loadImageWithBlob } from './loadImageWithBlob';
 export { default as loadScript } from './loadScript';

package/types/injectStyle.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 注入样式。
+ *
+ * @alias module:Browser.injectStyle
+ * @since 5.3.0
+ * @param {string} css 样式内容。
+ * @param {Object} [options] 配置项。
+ * @param {HTMLElement} [options.container=document.head] 要注入样式的容器。默认 `document.head`。如果 `document.head` 不存在，默认 `document.body`。
+ * @param {'top' | 'bottom'} [options.insertAt='top'] 注入容器内容前面还是后面。默认 `top`。
+ * @returns {HTMLStyleElement} `style` 元素。
+ */
+declare function injectStyle(css: string, options?: {
+    container?: HTMLElement;
+    insertAt?: 'top' | 'bottom';
+}): HTMLStyleElement;
+export default injectStyle;

package/types/utils/file.util.d.ts

@@ -1,4 +1,4 @@
-export declare function getFileNameExt(name: string): string;
+export declare function getExtname(name: string): string;
 export declare function testExt(name: string | undefined, ext: string): boolean;
 export type UploadFile = {
     name: string;