feat(utils): 新增 isBlobUrl 检测传入值是否是 Blob URL

src/utils/index.ts

@@ -31,6 +31,7 @@ export * from './inMiniProgram'
 export * from './inNodeJS'
 export * from './inTaro'
 export * from './inWechatWebView'
+export * from './isBlobUrl'
 export * from './isChineseIDCardNumber'
 export * from './isDataUrl'
 export * from './isNumeric'

src/utils/isBlobUrl.test.ts

@@ -0,0 +1,13 @@
+import { isBlobUrl } from './isBlobUrl'
+
+describe('isBlobUrl', () => {
+  test('表现正常', () => {
+    expect(
+      isBlobUrl(
+        'blob:https://example.org/9115d58c-bcda-ff47-86e5-083e9a215304',
+      ),
+    ).toBeTrue()
+    expect(isBlobUrl('blob:foo')).toBeFalse()
+    expect(isBlobUrl('http://foo.bar')).toBeFalse()
+  })
+})

src/utils/isBlobUrl.ts

@@ -0,0 +1,17 @@
+/**
+ * 检测传入值是否是 Blob URL，也称 Object URL。
+ *
+ * @public
+ * @param value 要检测的值
+ * @returns 返回检测结果
+ * @example
+ * ```typescript
+ * isBlobUrl('http://foo.bar') // => false
+ * isBlobUrl('blob:https://example.org/9115d58c-bcda-ff47-86e5-083e9a215304') // => true
+ * ```
+ */
+export function isBlobUrl(value: string) {
+  return isBlobUrl.regex.test(value)
+}
+
+isBlobUrl.regex = /^blob:.+\/[\w-]{36,}(?:#.+)?$/

src/utils/loadCss.ts

@@ -1,3 +1,4 @@
+import { isBlobUrl } from './isBlobUrl'
 import { isDataUrl } from './isDataUrl'
 import { isUrl } from './isUrl'
 import { loadResource, LoadResourceUrlType } from './loadResource'
@@ -29,7 +30,7 @@ export interface LoadCssResult {
 export function loadCss(urlOrContent: string): Promise<LoadCssResult> {
   return (urlOrContent in cache
     ? Promise.resolve(cache[urlOrContent])
-    : isUrl(urlOrContent) || isDataUrl(urlOrContent)
+    : isUrl(urlOrContent) || isDataUrl(urlOrContent) || isBlobUrl(urlOrContent)
     ? loadResource({
         type: LoadResourceUrlType.css,
         path: urlOrContent,