@windwalker-io/unicorn-next 0.1.0

package/dist/chunks/s3-multipart-uploader.js

@@ -0,0 +1,172 @@
+import { ad as Mixin, a5 as mergeDeep, af as createQueue, u as useHttpClient, ae as EventMixin } from "./unicorn.js";
+const defaultOptions = {
+  chunkSize: 5 * 1024 * 1024,
+  // 5MB
+  concurrency: 2
+};
+class S3MultipartUploader extends (/* @__PURE__ */ Mixin(EventMixin)) {
+  options;
+  constructor(options) {
+    super();
+    this.options = mergeDeep({}, defaultOptions, options);
+  }
+  async upload(file, path, options = {}) {
+    const extra = { ...this.options.extra ?? {}, ...options.extra ?? {} };
+    if (typeof file === "string") {
+      file = new Blob([file], { type: options["ContentType"] || "text/plain" });
+    }
+    if (file instanceof Blob && !(file instanceof File)) {
+      if (path.endsWith(".{ext}")) {
+        throw new Error("If using Blob or file data string, you must provide a valid file extension in the path.");
+      }
+      file = new File([file], "blob", { type: file.type });
+    }
+    if (file instanceof File) {
+      extra["ContentType"] = options["ContentType"] || file.type;
+    }
+    if (options.ACL || this.options.ACL) {
+      extra.ACL = options.ACL || this.options.ACL;
+    }
+    path = this.replaceExt(path, file);
+    const initData = { extra, path, profile: this.options.profile };
+    if (options["filename"]) {
+      initData["filename"] = options["filename"];
+    }
+    this.trigger("start", file, initData);
+    const { id } = await this.request(
+      "init",
+      initData
+    );
+    try {
+      const chunkSize = this.options.chunkSize;
+      const chunks = Math.ceil(file.size / chunkSize);
+      let uploadedBytes = 0;
+      let parts = [];
+      let currentPart = 1;
+      const queue = createQueue(this.options.concurrency);
+      const promises = [];
+      const partsUploaded = {};
+      while (currentPart <= chunks) {
+        const partNumber = currentPart;
+        const p = queue.push(async () => {
+          const { blob, etag } = await this.uploadPart(
+            file,
+            {
+              id,
+              path,
+              partNumber,
+              chunkSize,
+              onUploadProgress: (e) => {
+                partsUploaded[partNumber] = e.loaded;
+                const uploaded = Object.values(partsUploaded).reduce((sum, a) => sum + a, 0);
+                this.updateProgress(uploaded, file.size, options);
+              }
+            }
+          );
+          uploadedBytes += blob.size;
+          this.updateProgress(uploadedBytes, file.size, options);
+          parts.push({ ETag: etag, PartNumber: partNumber });
+        });
+        promises.push(p);
+        currentPart++;
+      }
+      await Promise.all(promises);
+      const { url } = await this.request(
+        "complete",
+        {
+          id,
+          path,
+          parts: parts.sort((a, b) => a.PartNumber - b.PartNumber),
+          profile: this.options.profile
+        }
+      );
+      this.trigger("success", url);
+      return { url };
+    } catch (e) {
+      await this.abort(id, path);
+      throw e;
+    }
+  }
+  async uploadPart(file, payload) {
+    const http = await useHttpClient();
+    const { id, path, partNumber, chunkSize, onUploadProgress } = payload;
+    const start = (partNumber - 1) * chunkSize;
+    const end = Math.min(partNumber * chunkSize, file.size);
+    const blob = file.slice(start, end);
+    const { url } = await this.request(
+      "sign",
+      {
+        id,
+        path,
+        partNumber,
+        profile: this.options.profile
+      }
+    );
+    const res = await http.put(
+      url,
+      blob,
+      {
+        onUploadProgress
+      }
+    );
+    const etag = String(res.headers.get("ETag") || "");
+    return { blob, etag };
+  }
+  async request(action, body) {
+    if (this.options.requestHandler) {
+      return this.options.requestHandler(action, body);
+    }
+    const http = await useHttpClient();
+    const res = await http.post(await this.resolveRoute(action), body);
+    return res.data.data;
+  }
+  async abort(id, path) {
+    await this.request(
+      "abort",
+      {
+        id,
+        path,
+        profile: this.options.profile
+      }
+    );
+  }
+  updateProgress(loaded, total, options) {
+    const percentage = loaded / total * 100;
+    const event = { percentage, loaded, total };
+    this.trigger("progress", event);
+    this.options.onProgress?.(event);
+    if (options.onProgress) {
+      options.onProgress(event);
+    }
+  }
+  async resolveRoute(action) {
+    if (typeof this.options.routes === "function") {
+      return this.options.routes(action);
+    }
+    return this.options.routes[action];
+  }
+  setChunkSize(size) {
+    this.options.chunkSize = size;
+    return this;
+  }
+  setChunkSizeInMiB(size) {
+    this.options.chunkSize = size * 1024 * 1024;
+    return this;
+  }
+  replaceExt(path, file) {
+    if (file instanceof File) {
+      const fileExt = file.name.split(".").pop();
+      if (path.endsWith(".{ext}")) {
+        return path.replace(/\.{ext}$/, fileExt ? "." + fileExt : "");
+      }
+    }
+    return path;
+  }
+  on(event, handler) {
+    return super.on(event, handler);
+  }
+}
+export {
+  S3MultipartUploader
+};
+//# sourceMappingURL=s3-multipart-uploader.js.map

package/dist/chunks/s3-multipart-uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"s3-multipart-uploader.js","sources":["../../src/module/s3-multipart-uploader.ts"],"sourcesContent":["import { AxiosProgressEvent, AxiosResponseHeaders } from 'axios';\r\nimport { Mixin } from 'ts-mixer';\r\nimport { createQueue, useHttpClient } from '../composable';\r\nimport { EventHandler, EventMixin } from '../events';\r\nimport type { MaybePromise } from '../types';\r\nimport { mergeDeep } from '../utilities';\r\nimport { ApiReturn } from './http-client';\r\n\r\ndeclare type RoutingOptions = {\r\n  init: string;\r\n  sign: string;\r\n  complete: string;\r\n  abort: string;\r\n} | ((action: RouteActions) => MaybePromise<string>);\r\n\r\ndeclare type RouteActions = 'init' | 'sign' | 'complete' | 'abort';\r\ndeclare type RequestHandler = <T = Record<string, any>>(action: RouteActions, data: Record<string, any>) => Promise<T>;\r\n\r\nexport interface S3MultipartUploaderOptions {\r\n  profile?: string;\r\n  chunkSize: number;\r\n  concurrency: number;\r\n  routes: RoutingOptions;\r\n  requestHandler?: RequestHandler;\r\n  onProgress?: ProgressEventHandler;\r\n  ACL?: string;\r\n  extra?: Record<string, any>;\r\n\r\n  // maxRetries?: number;\r\n  // endpoint: string;\r\n  // subfolder?: string;\r\n}\r\n\r\nconst defaultOptions: Partial<S3MultipartUploaderOptions> = {\r\n  chunkSize: 5 * 1024 * 1024, // 5MB\r\n  concurrency: 2,\r\n};\r\n\r\nexport interface S3MultipartUploaderRequestOptions {\r\n  onProgress?: ProgressEventHandler;\r\n  filename?: string;\r\n  ContentType?: string;\r\n  ContentDisposition?: string;\r\n  ACL?: string;\r\n  extra?: Record<string, any>;\r\n}\r\n\r\nexport class S3MultipartUploader extends Mixin(EventMixin) {\r\n  options: S3MultipartUploaderOptions;\r\n\r\n  constructor(options: Partial<S3MultipartUploaderOptions>) {\r\n    super();\r\n    this.options = mergeDeep({}, defaultOptions, options);\r\n  }\r\n\r\n  async upload(\r\n    file: string | File | Blob,\r\n    path: string,\r\n    options: S3MultipartUploaderRequestOptions = {}\r\n  ): Promise<{ url: string; }> {\r\n    const extra: Record<string, any> = { ...(this.options.extra ?? {}), ...(options.extra ?? {}) };\r\n\r\n    if (typeof file === 'string') {\r\n      file = new Blob([file], { type: options['ContentType'] || 'text/plain' });\r\n    }\r\n\r\n    if (file instanceof Blob && !(file instanceof File)) {\r\n      if (path.endsWith('.{ext}')) {\r\n        throw new Error('If using Blob or file data string, you must provide a valid file extension in the path.');\r\n      }\r\n\r\n      file = new File([file], 'blob', { type: file.type });\r\n    }\r\n\r\n    if (file instanceof File) {\r\n      extra['ContentType'] = options['ContentType'] || file.type;\r\n    }\r\n\r\n    if (options.ACL || this.options.ACL) {\r\n      extra.ACL = options.ACL || this.options.ACL;\r\n    }\r\n\r\n    path = this.replaceExt(path, file);\r\n\r\n    const initData: Record<string, any> = { extra, path, profile: this.options.profile };\r\n\r\n    if (options['filename']) {\r\n      initData['filename'] = options['filename'];\r\n    }\r\n\r\n    this.trigger('start', file, initData);\r\n\r\n    // @Request sign\r\n    const { id } = await this.request<{ id: string; }>(\r\n      'init',\r\n      initData\r\n    );\r\n\r\n    try {\r\n      const chunkSize = this.options.chunkSize;\r\n      const chunks = Math.ceil(file.size / chunkSize);\r\n\r\n      let uploadedBytes = 0;\r\n      let parts: { ETag: string, PartNumber: number }[] = [];\r\n      let currentPart = 1;\r\n      const queue = createQueue(this.options.concurrency);\r\n      const promises = [];\r\n      const partsUploaded: Record<number, number> = {};\r\n\r\n      // Loop from 1 to chunks\r\n      while (currentPart <= chunks) {\r\n        const partNumber = currentPart;\r\n\r\n        // Push to queue\r\n        const p = queue.push(async () => {\r\n          const { blob, etag } = await this.uploadPart(\r\n            file as File,\r\n            {\r\n              id,\r\n              path,\r\n              partNumber,\r\n              chunkSize,\r\n              onUploadProgress: (e) => {\r\n                partsUploaded[partNumber] = e.loaded;\r\n\r\n                const uploaded = Object.values(partsUploaded).reduce((sum, a) => sum + a, 0);\r\n\r\n                this.updateProgress(uploaded, file.size, options);\r\n              }\r\n            }\r\n          );\r\n\r\n          uploadedBytes += blob.size;\r\n\r\n          this.updateProgress(uploadedBytes, file.size, options);\r\n\r\n          parts.push({ ETag: etag, PartNumber: partNumber });\r\n        });\r\n\r\n        promises.push(p);\r\n\r\n        currentPart++;\r\n      }\r\n\r\n      await Promise.all(promises);\r\n\r\n      // @Request sign\r\n      const { url } = await this.request<{ url: string }>(\r\n        'complete',\r\n        {\r\n          id,\r\n          path,\r\n          parts: parts.sort((a, b) => a.PartNumber - b.PartNumber),\r\n          profile: this.options.profile,\r\n        },\r\n      );\r\n\r\n      this.trigger('success', url);\r\n\r\n      return { url };\r\n    } catch (e) {\r\n      await this.abort(id, path);\r\n\r\n      throw e;\r\n    }\r\n  }\r\n\r\n  protected async uploadPart(\r\n    file: File,\r\n    payload: {\r\n      id: string;\r\n      path: string;\r\n      partNumber: number;\r\n      chunkSize: number;\r\n      onUploadProgress: (e: AxiosProgressEvent) => void;\r\n    }\r\n  ) {\r\n    const http = await useHttpClient();\r\n    const { id, path, partNumber, chunkSize, onUploadProgress } = payload;\r\n\r\n    const start = (partNumber - 1) * chunkSize;\r\n    const end = Math.min(partNumber * chunkSize, file.size);\r\n\r\n    const blob = file.slice(start, end);\r\n\r\n    // @Request sign\r\n    const { url } = await this.request<{ url: string; }>(\r\n      'sign',\r\n      {\r\n        id,\r\n        path,\r\n        partNumber,\r\n        profile: this.options.profile,\r\n      }\r\n    );\r\n\r\n    // PUT to S3\r\n    const res = await http.put(\r\n      url,\r\n      blob,\r\n      {\r\n        onUploadProgress,\r\n      }\r\n    );\r\n\r\n    const etag = String((res.headers as AxiosResponseHeaders).get('ETag') || '');\r\n\r\n    return { blob, etag };\r\n  }\r\n\r\n  protected async request<T = Record<string, any>>(action: RouteActions, body: Record<string, any>): Promise<T> {\r\n    if (this.options.requestHandler) {\r\n      return this.options.requestHandler<T>(action, body);\r\n    }\r\n\r\n    const http = await useHttpClient();\r\n\r\n    const res = await http.post<ApiReturn<T>>(await this.resolveRoute(action), body);\r\n\r\n    return res.data.data;\r\n  }\r\n\r\n  async abort(id: string, path: string) {\r\n    await this.request(\r\n      'abort',\r\n      {\r\n        id,\r\n        path,\r\n        profile: this.options.profile,\r\n      }\r\n    );\r\n  }\r\n\r\n  updateProgress(loaded: number, total: number, options: S3MultipartUploaderRequestOptions) {\r\n    const percentage = (loaded / total) * 100;\r\n\r\n    const event: ProgressEvent = { percentage, loaded, total };\r\n\r\n    this.trigger('progress', event);\r\n\r\n    this.options.onProgress?.(event);\r\n\r\n    if (options.onProgress) {\r\n      options.onProgress(event);\r\n    }\r\n  }\r\n\r\n  async resolveRoute(action: RouteActions): Promise<string> {\r\n    if (typeof this.options.routes === 'function') {\r\n      return this.options.routes(action);\r\n    }\r\n\r\n    return this.options.routes[action];\r\n  }\r\n\r\n  setChunkSize(size: number): this {\r\n    this.options.chunkSize = size;\r\n\r\n    return this;\r\n  }\r\n\r\n  setChunkSizeInMiB(size: number): this {\r\n    this.options.chunkSize = size * 1024 * 1024;\r\n\r\n    return this;\r\n  }\r\n\r\n  replaceExt(path: string, file: File | Blob): string {\r\n    if (file instanceof File) {\r\n      const fileExt = file.name.split('.').pop();\r\n\r\n      if (path.endsWith('.{ext}')) {\r\n        return path.replace(/\\.{ext}$/, fileExt ? '.' + fileExt : '');\r\n      }\r\n    }\r\n\r\n    return path;\r\n  }\r\n\r\n  on(\r\n    event: 'start',\r\n    handler: (file: File, data: { path: string; extra: Record<string, any>; [name: string]: any; }) => void\r\n  ): this;\r\n  on(event: 'success', handler: (url: string) => void): this;\r\n  on(event: 'progress', handler: (event: ProgressEvent) => void): this;\r\n  on(event: string | string[], handler: EventHandler): this {\r\n    return super.on(event, handler);\r\n  }\r\n}\r\n\r\ntype ProgressEvent = {\r\n  percentage: number;\r\n  loaded: number;\r\n  total: number;\r\n};\r\ntype ProgressEventHandler = (e: ProgressEvent) => void;\r\n\r\nexport interface S3MultipartUploaderModule {\r\n  S3MultipartUploader: typeof S3MultipartUploader;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/chunks/s3-uploader.js

@@ -0,0 +1,136 @@
+import { ad as Mixin, aa as data, a5 as mergeDeep, u as useHttpClient, ae as EventMixin } from "./unicorn.js";
+const instances = {};
+function get(name, options = {}) {
+  return instances[name] ??= create(name, options);
+}
+function create(name, options = {}) {
+  return new S3Uploader(name, options);
+}
+function destroy(name) {
+  delete instances[name];
+}
+const defaultOptions = {
+  endpoint: "",
+  subfolder: "",
+  viewerHost: "",
+  starts_with: [],
+  formInputs: {
+    acl: "",
+    bucket: "",
+    key: "",
+    Policy: "",
+    "X-Amz-Algorithm": "",
+    "X-Amz-Credential": "",
+    "X-Amz-Date": "",
+    "X-Amz-Signature": ""
+  }
+};
+class S3Uploader extends (/* @__PURE__ */ Mixin(EventMixin)) {
+  constructor(name, options = {}) {
+    super();
+    this.name = name;
+    const awsOptions = data("@s3.uploader." + name) || {};
+    this.options = mergeDeep({}, defaultOptions, awsOptions, options);
+  }
+  options;
+  http;
+  async getHttpClient() {
+    return this.http ??= await useHttpClient();
+  }
+  /**
+   * Do upload.
+   */
+  async upload(file, path, options = {}) {
+    const httpClient = await this.getHttpClient();
+    const fileData = new FormData();
+    const inputs = mergeDeep({}, this.options.formInputs, options.formInputs || {});
+    if (typeof file === "string") {
+      file = new Blob([file], { type: options["Content-Type"] || "text/plain" });
+    }
+    if (file instanceof Blob && path.endsWith(".{ext}")) {
+      throw new Error("If using Blob or file data string, you must provide a valid file extension in the path.");
+    }
+    if (file instanceof Blob || file instanceof File) {
+      options["Content-Type"] = options["Content-Type"] || file.type;
+    }
+    if (options["filename"]) {
+      const filename = this.replaceExt(options["filename"], file);
+      options["Content-Disposition"] = "attachment; filename*=UTF-8''" + encodeURIComponent(filename);
+    }
+    path = this.replaceExt(path, file);
+    options["key"] = trimSlashes(this.options.subfolder || "") + "/" + trimSlashes(path);
+    options["key"] = trimSlashes(options["key"]);
+    options["Content-Type"] = options["Content-Type"] || void 0;
+    options["Content-Disposition"] = options["Content-Disposition"] || void 0;
+    for (let key in inputs) {
+      fileData.set(key, inputs[key]);
+    }
+    for (let key of Object.keys(this.options.starts_with)) {
+      if (options[key]) {
+        fileData.set(key, options[key]);
+      }
+    }
+    fileData.append("file", file);
+    this.trigger("start", fileData);
+    try {
+      let res = await httpClient.post(
+        this.options.endpoint || "",
+        fileData,
+        {
+          onUploadProgress: (e) => {
+            if (options.onUploadProgress) {
+              options.onUploadProgress(e);
+            }
+            this.trigger("upload-progress", e);
+            if (e.total != null) {
+              this.trigger("progress", e.loaded / e.total, e);
+            }
+          }
+        }
+      );
+      const url = this.options.viewerHost + "/" + trimSlashes(path);
+      this.trigger("success", url, res);
+      res.url = url;
+      return res;
+    } finally {
+      this.trigger("end");
+    }
+  }
+  replaceExt(path, file) {
+    if (file instanceof File) {
+      const fileExt = file.name.split(".").pop();
+      if (path.endsWith(".{ext}")) {
+        return path.replace(/\.{ext}$/, fileExt ? "." + fileExt : "");
+      }
+    }
+    return path;
+  }
+  on(event, handler) {
+    return super.on(event, handler);
+  }
+  onStart(handler) {
+    return this.on("start", handler);
+  }
+  onSuccess(handler) {
+    return this.on("success", handler);
+  }
+  onEnd(handler) {
+    return this.on("end", handler);
+  }
+  onProgress(handler) {
+    return this.on("upload-progress", handler);
+  }
+  onProgressWithTotal(handler) {
+    return this.on("progress", handler);
+  }
+}
+function trimSlashes(str) {
+  return str.replace(/^\/+|\/+$/g, "");
+}
+export {
+  S3Uploader,
+  create,
+  destroy,
+  get
+};
+//# sourceMappingURL=s3-uploader.js.map

package/dist/chunks/s3-uploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"s3-uploader.js","sources":["../../src/module/s3-uploader.ts"],"sourcesContent":["import { useHttpClient } from '../composable';\r\nimport { data } from '../data';\r\nimport { EventAwareInterface, EventHandler, EventMixin } from '../events';\r\nimport type { UnicornHttpClient } from './http-client';\r\nimport { mergeDeep } from '../utilities';\r\nimport { AxiosProgressEvent, AxiosResponse } from 'axios';\r\nimport { Mixin } from 'ts-mixer';\r\n\r\nconst instances: Record<string, S3Uploader> = {};\r\nexport function get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\nexport function get(\r\n  name: string,\r\n  options: Partial<S3UploaderGlobalOptions> = {}\r\n): S3Uploader | void {\r\n  return instances[name] ??= create(name, options);\r\n}\r\n\r\nexport function create(name: string, options: Partial<S3UploaderGlobalOptions> = {}): S3Uploader {\r\n  return new S3Uploader(name, options);\r\n}\r\n\r\nexport function destroy(name: string) {\r\n  delete instances[name];\r\n}\r\n\r\nconst defaultOptions: S3UploaderGlobalOptions = {\r\n  endpoint: '',\r\n  subfolder: '',\r\n  viewerHost: '',\r\n  starts_with: [],\r\n  formInputs: {\r\n    acl: '',\r\n    bucket: '',\r\n    key: '',\r\n    Policy: '',\r\n    'X-Amz-Algorithm': '',\r\n    'X-Amz-Credential': '',\r\n    'X-Amz-Date': '',\r\n    'X-Amz-Signature': '',\r\n  }\r\n};\r\n\r\nexport class S3Uploader extends Mixin(EventMixin) implements EventAwareInterface {\r\n  options: S3UploaderGlobalOptions;\r\n  http?: UnicornHttpClient;\r\n\r\n  constructor(protected name: string, options: Partial<S3UploaderGlobalOptions> = {}) {\r\n    super();\r\n\r\n    const awsOptions = data('@s3.uploader.' + name) || {};\r\n\r\n    this.options = mergeDeep<S3UploaderGlobalOptions>({}, defaultOptions, awsOptions, options);\r\n  }\r\n\r\n  async getHttpClient() {\r\n    return this.http ??= await useHttpClient();\r\n  }\r\n\r\n  /**\r\n   * Do upload.\r\n   */\r\n  async upload(\r\n    file: string | File | Blob,\r\n    path: string,\r\n    options: Partial<S3UploaderRequestOptions> = {}\r\n  ): Promise<S3UploaderResponse> {\r\n    const httpClient = await this.getHttpClient();\r\n\r\n    const fileData = new FormData();\r\n    const inputs = mergeDeep({}, this.options.formInputs, options.formInputs || {});\r\n\r\n    if (typeof file === 'string') {\r\n      file = new Blob([file], { type: options['Content-Type'] || 'text/plain' });\r\n    }\r\n\r\n    if (file instanceof Blob && path.endsWith('.{ext}')) {\r\n      throw new Error('If using Blob or file data string, you must provide a valid file extension in the path.');\r\n    }\r\n\r\n    if ((file instanceof Blob) || (file as any) instanceof File) {\r\n      options['Content-Type'] = options['Content-Type'] || file.type;\r\n    }\r\n\r\n    if (options['filename']) {\r\n      const filename = this.replaceExt(options['filename'], file);\r\n      options['Content-Disposition'] = 'attachment; filename*=UTF-8\\'\\'' + encodeURIComponent(filename);\r\n    }\r\n\r\n    path = this.replaceExt(path, file);\r\n\r\n    options['key'] = trimSlashes(this.options.subfolder || '') + '/'\r\n      + trimSlashes(path);\r\n    options['key'] = trimSlashes(options['key']);\r\n    options['Content-Type'] = options['Content-Type'] || undefined;\r\n    options['Content-Disposition'] = options['Content-Disposition'] || undefined;\r\n\r\n    // Prepare pre-signed data\r\n    for (let key in inputs) {\r\n      fileData.set(key, inputs[key]);\r\n    }\r\n\r\n    // Prepare custom data\r\n    for (let key of Object.keys(this.options.starts_with)) {\r\n      if (options[key]) {\r\n        fileData.set(key, options[key]);\r\n      }\r\n    }\r\n\r\n    fileData.append('file', file);\r\n\r\n    this.trigger('start', fileData);\r\n\r\n    try {\r\n      let res = await httpClient.post(\r\n        this.options.endpoint || '',\r\n        fileData,\r\n        {\r\n          onUploadProgress: (e) => {\r\n            if (options.onUploadProgress) {\r\n              options.onUploadProgress(e);\r\n            }\r\n\r\n            this.trigger('upload-progress', e);\r\n\r\n            if (e.total != null) {\r\n              this.trigger('progress', e.loaded / e.total, e);\r\n            }\r\n          }\r\n        }\r\n      ) as S3UploaderResponse;\r\n\r\n      const url = this.options.viewerHost + '/'\r\n        + trimSlashes(path);\r\n\r\n      this.trigger('success', url, res);\r\n\r\n      res.url = url;\r\n\r\n      return res;\r\n    } finally {\r\n      this.trigger('end');\r\n    }\r\n  }\r\n\r\n  replaceExt(path: string, file: File | Blob): string {\r\n    if (file instanceof File) {\r\n      const fileExt = file.name.split('.').pop();\r\n\r\n      if (path.endsWith('.{ext}')) {\r\n        return path.replace(/\\.{ext}$/, fileExt ? '.' + fileExt : '');\r\n      }\r\n    }\r\n\r\n    return path;\r\n  }\r\n\r\n  on(event: 'start', handler: StartEventHandler): this;\r\n  on(event: 'success', handler: SuccessEventHandler): this;\r\n  on(event: 'end', handler: EndEventHandler): this;\r\n  on(event: 'upload-progress', handler: UploadProgressEventHandler): this;\r\n  on(event: 'progress', handler: ProgressEventHandler): this;\r\n  on(event: string | string[], handler: EventHandler): this {\r\n    return super.on(event, handler);\r\n  }\r\n\r\n  onStart(handler: StartEventHandler): this {\r\n    return this.on('start', handler);\r\n  }\r\n\r\n  onSuccess(handler: SuccessEventHandler): this {\r\n    return this.on('success', handler);\r\n  }\r\n\r\n  onEnd(handler: EndEventHandler): this {\r\n    return this.on('end', handler);\r\n  }\r\n\r\n  onProgress(handler: UploadProgressEventHandler): this {\r\n    return this.on('upload-progress', handler);\r\n  }\r\n\r\n  onProgressWithTotal(handler: ProgressEventHandler): this {\r\n    return this.on('progress', handler);\r\n  }\r\n}\r\n\r\ntype EndEventHandler = () => void;\r\ntype SuccessEventHandler = (url: string, res: S3UploaderResponse) => void;\r\ntype StartEventHandler = (fileData: FormData) => void;\r\ntype UploadProgressEventHandler = (e: AxiosProgressEvent) => void;\r\ntype ProgressEventHandler = (total: number, e: AxiosProgressEvent) => void;\r\n\r\nfunction trimSlashes(str: string) {\r\n  return str.replace(/^\\/+|\\/+$/g, '');\r\n}\r\n\r\nexport interface S3UploaderResponse extends AxiosResponse {\r\n  url: string;\r\n}\r\n\r\nexport interface S3UploaderGlobalOptions {\r\n  endpoint?: string;\r\n  subfolder?: string;\r\n  viewerHost?: string;\r\n  starts_with: any[];\r\n  formInputs?: {\r\n    acl: string;\r\n    bucket: string;\r\n    key: string;\r\n    Policy: string;\r\n    'X-Amz-Algorithm': string;\r\n    'X-Amz-Credential': string;\r\n    'X-Amz-Date': string;\r\n    'X-Amz-Signature': string;\r\n    [name: string]: any\r\n  },\r\n}\r\n\r\nexport interface S3UploaderRequestOptions {\r\n  formInputs?: { [name: string]: any };\r\n  onUploadProgress?: (e: AxiosProgressEvent) => void;\r\n  'Content-Type'?: string;\r\n  'Content-Disposition'?: string;\r\n  key?: string;\r\n\r\n  [name: string]: any;\r\n}\r\n\r\nexport interface S3UploaderModule {\r\n  get(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\n  create(name: string, options?: Partial<S3UploaderGlobalOptions>): S3Uploader;\r\n  destroy(name: string): void;\r\n  S3Uploader: typeof S3Uploader;\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/chunks/show-on.js

@@ -0,0 +1,237 @@
+import { a as useUniDirective, z as module, v as selectOne, w as selectAll, T as fadeIn, S as fadeOut } from "./unicorn.js";
+import { b as arrayPush, a as MapCache } from "./_arrayPush.js";
+import { S as Symbol$1, a as isArray, k as isArguments, i as isObjectLike, d as isArrayLike } from "./isArguments.js";
+import { b as baseRest } from "./_baseRest.js";
+function baseFindIndex(array, predicate, fromIndex, fromRight) {
+  var length = array.length, index = fromIndex + -1;
+  while (++index < length) {
+    if (predicate(array[index], index, array)) {
+      return index;
+    }
+  }
+  return -1;
+}
+function baseIsNaN(value) {
+  return value !== value;
+}
+function strictIndexOf(array, value, fromIndex) {
+  var index = fromIndex - 1, length = array.length;
+  while (++index < length) {
+    if (array[index] === value) {
+      return index;
+    }
+  }
+  return -1;
+}
+function baseIndexOf(array, value, fromIndex) {
+  return value === value ? strictIndexOf(array, value, fromIndex) : baseFindIndex(array, baseIsNaN, fromIndex);
+}
+function arrayIncludes(array, value) {
+  var length = array == null ? 0 : array.length;
+  return !!length && baseIndexOf(array, value, 0) > -1;
+}
+var spreadableSymbol = Symbol$1 ? /* @__PURE__ */ (() => Symbol$1.isConcatSpreadable)() : void 0;
+function isFlattenable(value) {
+  return isArray(value) || isArguments(value) || !!(spreadableSymbol && value && value[spreadableSymbol]);
+}
+function baseFlatten(array, depth, predicate, isStrict, result) {
+  var index = -1, length = array.length;
+  predicate || (predicate = isFlattenable);
+  result || (result = []);
+  while (++index < length) {
+    var value = array[index];
+    if (predicate(value)) {
+      {
+        arrayPush(result, value);
+      }
+    }
+  }
+  return result;
+}
+var HASH_UNDEFINED = "__lodash_hash_undefined__";
+function setCacheAdd(value) {
+  this.__data__.set(value, HASH_UNDEFINED);
+  return this;
+}
+function setCacheHas(value) {
+  return this.__data__.has(value);
+}
+function SetCache(values) {
+  var index = -1, length = values == null ? 0 : values.length;
+  this.__data__ = new MapCache();
+  while (++index < length) {
+    this.add(values[index]);
+  }
+}
+SetCache.prototype.add = SetCache.prototype.push = setCacheAdd;
+SetCache.prototype.has = setCacheHas;
+function cacheHas(cache, key) {
+  return cache.has(key);
+}
+function isArrayLikeObject(value) {
+  return isObjectLike(value) && isArrayLike(value);
+}
+var LARGE_ARRAY_SIZE = 200;
+function baseDifference(array, values, iteratee, comparator) {
+  var index = -1, includes = arrayIncludes, isCommon = true, length = array.length, result = [], valuesLength = values.length;
+  if (!length) {
+    return result;
+  }
+  if (values.length >= LARGE_ARRAY_SIZE) {
+    includes = cacheHas;
+    isCommon = false;
+    values = new SetCache(values);
+  }
+  outer:
+    while (++index < length) {
+      var value = array[index], computed = value;
+      value = value !== 0 ? value : 0;
+      if (isCommon && computed === computed) {
+        var valuesIndex = valuesLength;
+        while (valuesIndex--) {
+          if (values[valuesIndex] === computed) {
+            continue outer;
+          }
+        }
+        result.push(value);
+      } else if (!includes(values, computed, comparator)) {
+        result.push(value);
+      }
+    }
+  return result;
+}
+var difference = /* @__PURE__ */ baseRest(function(array, values) {
+  return isArrayLikeObject(array) ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject)) : [];
+});
+class ShowOn {
+  el;
+  input;
+  conditions = {};
+  targets = {};
+  defaultReadonly = false;
+  initialDisplay;
+  constructor(el, conditions) {
+    this.el = el;
+    this.input = this.el.querySelector(
+      this.el.dataset.inputSelector || "[data-field-input]"
+    );
+    this.conditions = conditions;
+    this.init();
+  }
+  init() {
+    this.initialDisplay = window.getComputedStyle(this.el).display || "block";
+    for (const selector in this.conditions) {
+      const value = this.conditions[selector];
+      const target = selectOne(selector);
+      if (this.input) {
+        this.defaultReadonly = this.input.hasAttribute("readonly");
+      }
+      let listenTarget;
+      if (target.nodeName === "DIV") {
+        listenTarget = Array.from(target.querySelectorAll("input, select, textarea"));
+      } else {
+        listenTarget = [target];
+      }
+      selectAll(listenTarget, (ele) => {
+        ele.addEventListener("change", () => {
+          this.updateShowState(target, value);
+        });
+      });
+      this.updateShowState(target, value, 1);
+    }
+  }
+  updateShowState(target, value, duration = 300) {
+    const matched = this.isValueMatched(target, value);
+    if (matched) {
+      setTimeout(() => {
+        fadeIn(this.el, duration, this.initialDisplay);
+      }, duration + 30);
+    } else {
+      if (this.input) {
+        this.defaultReadonly = this.input.hasAttribute("readonly");
+      }
+      fadeOut(this.el, duration);
+    }
+    if (this.input) {
+      if (matched) {
+        if (!this.defaultReadonly) {
+          this.input.removeAttribute("readonly");
+        }
+      } else {
+        this.input.setAttribute("readonly", "readonly");
+      }
+    }
+  }
+  isValueMatched(target, value) {
+    let targetValue = null;
+    const type = this.nodeType(target);
+    switch (type) {
+      case "input":
+      case "textarea":
+        targetValue = target.value;
+        break;
+      case "select":
+        if (!target.multiple) {
+          targetValue = target.value;
+        } else {
+          targetValue = selectAll(target.querySelectorAll("option")).filter((option) => option.selected).map((option) => option.value);
+        }
+        break;
+      case "checkbox":
+        targetValue = target.checked ? target.value : [null, false];
+        break;
+      case "radio":
+        targetValue = target.querySelector("input[type=radio]:checked")?.value;
+        break;
+    }
+    if (Array.isArray(value)) {
+      if (Array.isArray(targetValue)) {
+        return difference(value, targetValue).length === 0;
+      }
+      return value.indexOf(targetValue) !== -1;
+    }
+    if (targetValue && Array.isArray(targetValue)) {
+      return targetValue.indexOf(value) !== -1;
+    }
+    return value == targetValue;
+  }
+  /**
+   * @see https://github.com/nickjackson/val/blob/master/index.js#L55
+   * @param el
+   * @returns {string}
+   */
+  nodeType(el) {
+    var node = el.nodeName.toLowerCase();
+    var type = el.type;
+    if (node === "select") {
+      return "select";
+    }
+    if (node === "textarea") {
+      return "textarea";
+    }
+    if (node === "input") {
+      if (type === "checkbox") {
+        return "checkbox";
+      }
+      return "input";
+    }
+    if (node === "div") {
+      if (el.querySelector("input[type=radio]")) {
+        return "radio";
+      }
+    }
+    return "input";
+  }
+}
+const ready = /* @__PURE__ */ useUniDirective("show-on", {
+  mounted(el, { value }) {
+    module(el, "show.on", (el2) => {
+      return new ShowOn(el2, JSON.parse(value));
+    });
+  }
+});
+export {
+  ShowOn,
+  ready
+};
+//# sourceMappingURL=show-on.js.map

package/dist/chunks/show-on.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"show-on.js","sources":["../../../../../../node_modules/lodash-es/_baseFindIndex.js","../../../../../../node_modules/lodash-es/_baseIsNaN.js","../../../../../../node_modules/lodash-es/_strictIndexOf.js","../../../../../../node_modules/lodash-es/_baseIndexOf.js","../../../../../../node_modules/lodash-es/_arrayIncludes.js","../../../../../../node_modules/lodash-es/_isFlattenable.js","../../../../../../node_modules/lodash-es/_baseFlatten.js","../../../../../../node_modules/lodash-es/_setCacheAdd.js","../../../../../../node_modules/lodash-es/_setCacheHas.js","../../../../../../node_modules/lodash-es/_SetCache.js","../../../../../../node_modules/lodash-es/_cacheHas.js","../../../../../../node_modules/lodash-es/isArrayLikeObject.js","../../../../../../node_modules/lodash-es/_baseDifference.js","../../../../../../node_modules/lodash-es/difference.js","../../src/module/show-on.ts"],"sourcesContent":["/**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseFindIndex(array, predicate, fromIndex, fromRight) {\n  var length = array.length,\n      index = fromIndex + (fromRight ? 1 : -1);\n\n  while ((fromRight ? index-- : ++index < length)) {\n    if (predicate(array[index], index, array)) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default baseFindIndex;\n","/**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\nfunction baseIsNaN(value) {\n  return value !== value;\n}\n\nexport default baseIsNaN;\n","/**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction strictIndexOf(array, value, fromIndex) {\n  var index = fromIndex - 1,\n      length = array.length;\n\n  while (++index < length) {\n    if (array[index] === value) {\n      return index;\n    }\n  }\n  return -1;\n}\n\nexport default strictIndexOf;\n","import baseFindIndex from './_baseFindIndex.js';\nimport baseIsNaN from './_baseIsNaN.js';\nimport strictIndexOf from './_strictIndexOf.js';\n\n/**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseIndexOf(array, value, fromIndex) {\n  return value === value\n    ? strictIndexOf(array, value, fromIndex)\n    : baseFindIndex(array, baseIsNaN, fromIndex);\n}\n\nexport default baseIndexOf;\n","import baseIndexOf from './_baseIndexOf.js';\n\n/**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludes(array, value) {\n  var length = array == null ? 0 : array.length;\n  return !!length && baseIndexOf(array, value, 0) > -1;\n}\n\nexport default arrayIncludes;\n","import Symbol from './_Symbol.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n  return isArray(value) || isArguments(value) ||\n    !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nexport default isFlattenable;\n","import arrayPush from './_arrayPush.js';\nimport isFlattenable from './_isFlattenable.js';\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n  var index = -1,\n      length = array.length;\n\n  predicate || (predicate = isFlattenable);\n  result || (result = []);\n\n  while (++index < length) {\n    var value = array[index];\n    if (depth > 0 && predicate(value)) {\n      if (depth > 1) {\n        // Recursively flatten arrays (susceptible to call stack limits).\n        baseFlatten(value, depth - 1, predicate, isStrict, result);\n      } else {\n        arrayPush(result, value);\n      }\n    } else if (!isStrict) {\n      result[result.length] = value;\n    }\n  }\n  return result;\n}\n\nexport default baseFlatten;\n","/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\nfunction setCacheAdd(value) {\n  this.__data__.set(value, HASH_UNDEFINED);\n  return this;\n}\n\nexport default setCacheAdd;\n","/**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {number} Returns `true` if `value` is found, else `false`.\n */\nfunction setCacheHas(value) {\n  return this.__data__.has(value);\n}\n\nexport default setCacheHas;\n","import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n  var index = -1,\n      length = values == null ? 0 : values.length;\n\n  this.__data__ = new MapCache;\n  while (++index < length) {\n    this.add(values[index]);\n  }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n","/**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction cacheHas(cache, key) {\n  return cache.has(key);\n}\n\nexport default cacheHas;\n","import isArrayLike from './isArrayLike.js';\nimport isObjectLike from './isObjectLike.js';\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n *  else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n  return isObjectLike(value) && isArrayLike(value);\n}\n\nexport default isArrayLikeObject;\n","import SetCache from './_SetCache.js';\nimport arrayIncludes from './_arrayIncludes.js';\nimport arrayIncludesWith from './_arrayIncludesWith.js';\nimport arrayMap from './_arrayMap.js';\nimport baseUnary from './_baseUnary.js';\nimport cacheHas from './_cacheHas.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\nfunction baseDifference(array, values, iteratee, comparator) {\n  var index = -1,\n      includes = arrayIncludes,\n      isCommon = true,\n      length = array.length,\n      result = [],\n      valuesLength = values.length;\n\n  if (!length) {\n    return result;\n  }\n  if (iteratee) {\n    values = arrayMap(values, baseUnary(iteratee));\n  }\n  if (comparator) {\n    includes = arrayIncludesWith;\n    isCommon = false;\n  }\n  else if (values.length >= LARGE_ARRAY_SIZE) {\n    includes = cacheHas;\n    isCommon = false;\n    values = new SetCache(values);\n  }\n  outer:\n  while (++index < length) {\n    var value = array[index],\n        computed = iteratee == null ? value : iteratee(value);\n\n    value = (comparator || value !== 0) ? value : 0;\n    if (isCommon && computed === computed) {\n      var valuesIndex = valuesLength;\n      while (valuesIndex--) {\n        if (values[valuesIndex] === computed) {\n          continue outer;\n        }\n      }\n      result.push(value);\n    }\n    else if (!includes(values, computed, comparator)) {\n      result.push(value);\n    }\n  }\n  return result;\n}\n\nexport default baseDifference;\n","import baseDifference from './_baseDifference.js';\nimport baseFlatten from './_baseFlatten.js';\nimport baseRest from './_baseRest.js';\nimport isArrayLikeObject from './isArrayLikeObject.js';\n\n/**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\nvar difference = baseRest(function(array, values) {\n  return isArrayLikeObject(array)\n    ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n    : [];\n});\n\nexport default difference;\n","\r\nimport { useUniDirective } from '../composable';\r\nimport { fadeIn, fadeOut, selectAll, selectOne, module } from '../service';\r\nimport { difference } from 'lodash-es';\r\n\r\ntype HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\r\ntype Conditions = Record<string, any>;\r\n\r\nexport class ShowOn {\r\n  el!: HTMLElement;\r\n  input!: HTMLInputTypes;\r\n  conditions: Conditions = {};\r\n  targets = {};\r\n  defaultReadonly = false;\r\n  initialDisplay!: string;\r\n\r\n  constructor(el: HTMLElement, conditions: Conditions) {\r\n    this.el = el;\r\n    this.input = this.el.querySelector<HTMLInputTypes>(\r\n      this.el.dataset.inputSelector || '[data-field-input]'\r\n    )!;\r\n    this.conditions = conditions;\r\n\r\n    this.init();\r\n  }\r\n\r\n  init() {\r\n    this.initialDisplay = window.getComputedStyle(this.el).display || 'block';\r\n\r\n    for (const selector in this.conditions) {\r\n      const value = this.conditions[selector];\r\n\r\n      const target = selectOne<HTMLElement>(selector)!;\r\n\r\n      if (this.input) {\r\n        this.defaultReadonly = this.input.hasAttribute('readonly');\r\n      }\r\n\r\n      let listenTarget: HTMLInputTypes[];\r\n\r\n      if (target.nodeName === 'DIV') {\r\n        listenTarget = Array.from(target.querySelectorAll<HTMLInputTypes>('input, select, textarea'));\r\n      } else {\r\n        listenTarget = [target as HTMLInputTypes];\r\n      }\r\n\r\n      selectAll(listenTarget, (ele) => {\r\n        ele.addEventListener('change', () => {\r\n          this.updateShowState(target, value);\r\n        });\r\n      });\r\n\r\n      this.updateShowState(target, value, 1);\r\n    }\r\n  }\r\n\r\n  updateShowState(target: HTMLElement, value: any, duration = 300) {\r\n    const matched = this.isValueMatched(target, value);\r\n\r\n    if (matched) {\r\n      setTimeout(() => {\r\n        fadeIn(this.el, duration, this.initialDisplay);\r\n      }, duration + 30);\r\n    } else {\r\n      if (this.input) {\r\n        this.defaultReadonly = this.input.hasAttribute('readonly');\r\n      }\r\n\r\n      fadeOut(this.el, duration);\r\n    }\r\n\r\n    if (this.input) {\r\n      if (matched) {\r\n        if (!this.defaultReadonly) {\r\n          this.input.removeAttribute('readonly');\r\n        }\r\n      } else {\r\n        this.input.setAttribute('readonly', 'readonly');\r\n      }\r\n    }\r\n  }\r\n\r\n  isValueMatched(target: HTMLElement, value: any) {\r\n    let targetValue: any = null;\r\n\r\n    const type = this.nodeType(target);\r\n\r\n    switch (type) {\r\n      case 'input':\r\n      case 'textarea':\r\n        targetValue = (target as HTMLInputElement).value;\r\n        break;\r\n      case 'select':\r\n        if (!(target as HTMLSelectElement).multiple) {\r\n          targetValue = (target as HTMLSelectElement).value;\r\n        } else {\r\n          targetValue = selectAll(target.querySelectorAll('option'))\r\n            .filter(option => option.selected)\r\n            .map(option => option.value);\r\n        }\r\n        break;\r\n\r\n      case 'checkbox':\r\n        targetValue = (target as HTMLInputElement).checked ? (target as HTMLInputElement).value : [null, false];\r\n        break;\r\n\r\n      case 'radio':\r\n        targetValue = target.querySelector<HTMLInputElement>('input[type=radio]:checked')?.value;\r\n        break;\r\n    }\r\n\r\n    if (Array.isArray(value)) {\r\n      if (Array.isArray(targetValue)) {\r\n        return difference(value, targetValue).length === 0;\r\n      }\r\n\r\n      return value.indexOf(targetValue) !== -1;\r\n    }\r\n\r\n    if (targetValue && Array.isArray(targetValue)) {\r\n      return targetValue.indexOf(value) !== -1;\r\n    }\r\n\r\n    return value == targetValue;\r\n  }\r\n\r\n  /**\r\n   * @see https://github.com/nickjackson/val/blob/master/index.js#L55\r\n   * @param el\r\n   * @returns {string}\r\n   */\r\n  nodeType(el: HTMLElement): \"select\" | \"textarea\" | \"checkbox\" | \"input\" | \"radio\" {\r\n    var node = el.nodeName.toLowerCase();\r\n    var type = (el as HTMLInputElement).type;\r\n\r\n    if (node === 'select') {\r\n      return 'select';\r\n    }\r\n\r\n    if (node === 'textarea') {\r\n      return 'textarea';\r\n    }\r\n\r\n    if (node === 'input') {\r\n      if (type === 'checkbox') {\r\n        return 'checkbox';\r\n      }\r\n\r\n      return 'input';\r\n    }\r\n\r\n    if (node === 'div') {\r\n      if (el.querySelector('input[type=radio]')) {\r\n        return 'radio';\r\n      }\r\n    }\r\n\r\n    return 'input';\r\n  }\r\n}\r\n\r\nexport const ready = useUniDirective('show-on', {\r\n  mounted(el, { value }) {\r\n    module<HTMLElement, HTMLElement>(el, 'show.on', (el) => {\r\n      return new ShowOn(el, JSON.parse(value));\r\n    });\r\n  }\r\n});\r\n\r\nexport interface ShowOnModule {\r\n  ShowOn: typeof ShowOn;\r\n  ready: typeof ready;\r\n}\r\n"],"names":["Symbol","el"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}