zcw-shared 1.32.3 → 1.32.4

package/dist/functions/dom/pickFile.d.ts

@@ -0,0 +1,13 @@
+import type { Document, HTMLElement, FileList } from '../../../references/dom.d';
+import type { setTimeout } from '../../../references/timer.d';
+export interface PickFileOptions {
+    accept?: string;
+    multiple?: boolean;
+}
+export interface PickFileDeps {
+    createElement: Document['createElement'];
+    removeChild: (parent: HTMLElement, child: HTMLElement) => void;
+    body: HTMLElement;
+    setTimeout: typeof setTimeout;
+}
+export declare function pickFile(options: PickFileOptions | undefined, deps: PickFileDeps): Promise<FileList | null>;

package/dist/functions/dom/pickFile.js

@@ -0,0 +1,39 @@
+export function pickFile(options = {}, deps) {
+    return new Promise((resolve) => {
+        let isResolved = false;
+        const input = deps.createElement('input');
+        input.type = 'file';
+        input.style.display = 'none';
+        if (options.accept) {
+            input.accept = options.accept;
+        }
+        if (options.multiple) {
+            input.setAttribute('multiple', '');
+        }
+        const handleChange = () => {
+            if (isResolved)
+                return;
+            isResolved = true;
+            const files = input.files;
+            if (input.parentNode) {
+                deps.removeChild(deps.body, input);
+            }
+            input.removeEventListener('change', handleChange);
+            resolve(files);
+        };
+        input.addEventListener('change', handleChange);
+        deps.body.appendChild(input);
+        input.click();
+        deps.setTimeout(() => {
+            if (isResolved)
+                return;
+            isResolved = true;
+            if (input.parentNode) {
+                input.removeEventListener('change', handleChange);
+                deps.removeChild(deps.body, input);
+            }
+            resolve(null);
+        }, 60000);
+    });
+}
+//# sourceMappingURL=pickFile.js.map

package/dist/functions/dom/pickFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pickFile.js","sourceRoot":"","sources":["../../../src/functions/dom/pickFile.ts"],"names":[],"mappings":"AA2EA,MAAM,UAAU,QAAQ,CACtB,UAA2B,EAAE,EAC7B,IAAkB;IAElB,OAAO,IAAI,OAAO,CAAkB,CAAC,OAAO,EAAE,EAAE;QAC9C,IAAI,UAAU,GAAG,KAAK,CAAA;QAGtB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAA;QAC7D,KAAK,CAAC,IAAI,GAAG,MAAM,CAAA;QACnB,KAAK,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAA;QAG5B,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACnB,KAAK,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAA;QAC/B,CAAC;QAGD,IAAI,OAAO,CAAC,QAAQ,EAAE,CAAC;YACrB,KAAK,CAAC,YAAY,CAAC,UAAU,EAAE,EAAE,CAAC,CAAA;QACpC,CAAC;QAGD,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,IAAI,UAAU;gBAAE,OAAM;YACtB,UAAU,GAAG,IAAI,CAAA;YAEjB,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAA;YAEzB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACpC,CAAC;YACD,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;YAEjD,OAAO,CAAC,KAAK,CAAC,CAAA;QAChB,CAAC,CAAA;QAED,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;QAG9C,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;QAG5B,KAAK,CAAC,KAAK,EAAE,CAAA;QAIb,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE;YACnB,IAAI,UAAU;gBAAE,OAAM;YACtB,UAAU,GAAG,IAAI,CAAA;YAGjB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;gBACrB,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;gBACjD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;YACpC,CAAC;YACD,OAAO,CAAC,IAAI,CAAC,CAAA;QACf,CAAC,EAAE,KAAK,CAAC,CAAA;IACX,CAAC,CAAC,CAAA;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zcw-shared",
-  "version": "1.32.3",
+  "version": "1.32.4",
   "files": [
     "references",
     "dist",
@@ -20,7 +20,7 @@
     "vitepress": "^1.6.4",
     "vue": "^3.5.22",
     "zcw-shared": "^1.28.0",
-    "zcw-vue-ui": "1.11.4"
+    "zcw-vue-ui": "1.14.0"
   },
   "exports": {
     "./constants/colorPatterns": "./dist/constants/colorPatterns.js",
@@ -118,6 +118,7 @@
     "./functions/dom/getRelativePosition": "./dist/functions/dom/getRelativePosition.js",
     "./functions/dom/getViewportRect": "./dist/functions/dom/getViewportRect.js",
     "./functions/dom/isValidPlacement": "./dist/functions/dom/isValidPlacement.js",
+    "./functions/dom/pickFile": "./dist/functions/dom/pickFile.js",
     "./functions/file/formatFileSize": "./dist/functions/file/formatFileSize.js",
     "./functions/file/getFileExtension": "./dist/functions/file/getFileExtension.js",
     "./functions/functional/compose": "./dist/functions/functional/compose.js",

package/references/dom.d.ts

@@ -82,6 +82,23 @@ export interface HTMLIFrameElement extends HTMLElement {
   onerror: (() => void) | null
 }
 
+export interface HTMLInputElement extends HTMLElement {
+  type: string
+  accept: string
+  files: FileList | null
+  click(): void
+  value: string
+  style: CSSStyleDeclaration
+  setAttribute(name: string, value: string): void
+  hasAttribute(name: string): boolean
+}
+
+export interface FileList {
+  readonly length: number
+  item(index: number): File | null
+  [index: number]: File
+}
+
 export interface CanvasRenderingContext2D {
   drawImage(image: HTMLImageElement, dx: number, dy: number, dWidth: number, dHeight: number): void
 }
@@ -99,6 +116,7 @@ export interface Document extends Node {
   createElement(tagName: 'link'): HTMLLinkElement
   createElement(tagName: 'img'): HTMLImageElement
   createElement(tagName: 'iframe'): HTMLIFrameElement
+  createElement(tagName: 'input'): HTMLInputElement
   createElement(tagName: string): HTMLElement
   documentElement: {
     clientWidth: number