zartui 3.0.1 → 3.0.3

package/lib/lazyload/vue-lazyload/util.js

@@ -0,0 +1,185 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  ImageCache: () => ImageCache,
+  getBestSelectionFromSrcset: () => getBestSelectionFromSrcset,
+  getDPR: () => getDPR,
+  hasIntersectionObserver: () => hasIntersectionObserver,
+  loadImageAsync: () => loadImageAsync,
+  modeType: () => modeType,
+  off: () => off,
+  on: () => on,
+  remove: () => remove,
+  supportWebp: () => supportWebp,
+  throttle: () => throttle
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_use = require("@zartui/use");
+const hasIntersectionObserver = import_use.inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
+const modeType = {
+  event: "event",
+  observer: "observer"
+};
+function remove(arr, item) {
+  if (!arr.length)
+    return;
+  const index = arr.indexOf(item);
+  if (index > -1)
+    return arr.splice(index, 1);
+}
+function getBestSelectionFromSrcset(el, scale) {
+  if (el.tagName !== "IMG" || !el.getAttribute("data-srcset"))
+    return;
+  let options = el.getAttribute("data-srcset");
+  const container = el.parentNode;
+  const containerWidth = container.offsetWidth * scale;
+  let spaceIndex;
+  let tmpSrc;
+  let tmpWidth;
+  options = options.trim().split(",");
+  const result = options.map((item) => {
+    item = item.trim();
+    spaceIndex = item.lastIndexOf(" ");
+    if (spaceIndex === -1) {
+      tmpSrc = item;
+      tmpWidth = 999998;
+    } else {
+      tmpSrc = item.substr(0, spaceIndex);
+      tmpWidth = parseInt(
+        item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
+        10
+      );
+    }
+    return [tmpWidth, tmpSrc];
+  });
+  result.sort((a, b) => {
+    if (a[0] < b[0]) {
+      return 1;
+    }
+    if (a[0] > b[0]) {
+      return -1;
+    }
+    if (a[0] === b[0]) {
+      if (b[1].indexOf(".webp", b[1].length - 5) !== -1) {
+        return 1;
+      }
+      if (a[1].indexOf(".webp", a[1].length - 5) !== -1) {
+        return -1;
+      }
+    }
+    return 0;
+  });
+  let bestSelectedSrc = "";
+  let tmpOption;
+  for (let i = 0; i < result.length; i++) {
+    tmpOption = result[i];
+    bestSelectedSrc = tmpOption[1];
+    const next = result[i + 1];
+    if (next && next[0] < containerWidth) {
+      bestSelectedSrc = tmpOption[1];
+      break;
+    } else if (!next) {
+      bestSelectedSrc = tmpOption[1];
+      break;
+    }
+  }
+  return bestSelectedSrc;
+}
+const getDPR = (scale = 1) => import_use.inBrowser ? window.devicePixelRatio || scale : scale;
+function supportWebp() {
+  if (!import_use.inBrowser)
+    return false;
+  let support = true;
+  try {
+    const elem = document.createElement("canvas");
+    if (elem.getContext && elem.getContext("2d")) {
+      support = elem.toDataURL("image/webp").indexOf("data:image/webp") === 0;
+    }
+  } catch (err) {
+    support = false;
+  }
+  return support;
+}
+function throttle(action, delay) {
+  let timeout = null;
+  let lastRun = 0;
+  return function(...args) {
+    if (timeout) {
+      return;
+    }
+    const elapsed = Date.now() - lastRun;
+    const runCallback = () => {
+      lastRun = Date.now();
+      timeout = false;
+      action.apply(this, args);
+    };
+    if (elapsed >= delay) {
+      runCallback();
+    } else {
+      timeout = setTimeout(runCallback, delay);
+    }
+  };
+}
+function on(el, type, func) {
+  el.addEventListener(type, func, {
+    capture: false,
+    passive: true
+  });
+}
+function off(el, type, func) {
+  el.removeEventListener(type, func, false);
+}
+const loadImageAsync = (item, resolve, reject) => {
+  const image = new Image();
+  if (!item || !item.src) {
+    return reject(new Error("image src is required"));
+  }
+  image.src = item.src;
+  if (item.cors) {
+    image.crossOrigin = item.cors;
+  }
+  image.onload = () => resolve({
+    naturalHeight: image.naturalHeight,
+    naturalWidth: image.naturalWidth,
+    src: image.src
+  });
+  image.onerror = (e) => reject(e);
+};
+class ImageCache {
+  constructor({ max }) {
+    this.options = {
+      max: max || 100
+    };
+    this.caches = [];
+  }
+  has(key) {
+    return this.caches.indexOf(key) > -1;
+  }
+  add(key) {
+    if (this.has(key))
+      return;
+    this.caches.push(key);
+    if (this.caches.length > this.options.max) {
+      this.free();
+    }
+  }
+  free() {
+    this.caches.shift();
+  }
+}

package/lib/list/List.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import type { ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
 declare const listProps: {
     error: BooleanConstructor;
@@ -65,9 +65,9 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
-    loading: boolean;
     direction: ListDirection;
     error: boolean;
+    loading: boolean;
     finished: boolean;
     immediateCheck: boolean;
 }>;

package/lib/list/List.js

@@ -146,7 +146,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       check
     });
     (0, import_use.useEventListener)("scroll", check, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;

package/lib/list/index.css

@@ -1 +1 @@
-body{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center;padding-top:6px}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}
+:root{--zt-list-text-color: var(--zt-text-color-a6);--zt-list-text-font-size: var(--zt-font-size-md);--zt-list-text-line-height: 44px;--zt-list-loading-icon-size: 16px}.zt-list__loading,.zt-list__finished-text,.zt-list__error-text{color:var(--zt-list-text-color);font-size:var(--zt-list-text-font-size);line-height:var(--zt-list-text-line-height);text-align:center;padding-top:6px}.zt-list__placeholder{height:0;pointer-events:none}.zt-list__loading-icon .zt-loading__spinner{width:var(--zt-list-loading-icon-size);height:var(--zt-list-loading-icon-size)}

package/lib/list/index.d.ts

@@ -43,9 +43,9 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     "onUpdate:loading"?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
-    loading: boolean;
     direction: import("./types").ListDirection;
     error: boolean;
+    loading: boolean;
     finished: boolean;
     immediateCheck: boolean;
 }>>;

package/lib/loading/index.css

@@ -1 +1 @@
-body{--zt-loading-text-color: var(--zt-text-color-a6);--zt-loading-text-font-size: var(--zt-font-size-md);--zt-loading-spinner-color: var(--zt-text-color-a4);--zt-loading-spinner-size: 36px;--zt-loading-spinner-duration: .8s;--zt-loading-text-line-height: 20px}.zt-loading{position:relative;color:var(--zt-loading-spinner-color);font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:var(--zt-loading-spinner-size);max-width:100%;height:var(--zt-loading-spinner-size);max-height:100%;vertical-align:middle;animation:zt-rotate var(--zt-loading-spinner-duration) linear infinite}.zt-loading__spinner--spinner{animation-timing-function:steps(12)}.zt-loading__spinner--spinner__line{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__spinner--spinner__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.zt-loading__spinner--circular{animation-duration:2s}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:var(--zt-padding-base);color:var(--zt-loading-text-color);font-size:var(--zt-loading-text-font-size);line-height:var(--zt-loading-text-line-height);vertical-align:middle}.zt-loading--vertical{display:flex;flex-direction:column;align-items:center}.zt-loading--vertical .zt-loading__text{margin:var(--zt-padding-base) 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){transform:rotate(360deg);opacity:.3125}
+:root{--zt-loading-text-color: var(--zt-text-color-a6);--zt-loading-text-font-size: var(--zt-font-size-md);--zt-loading-spinner-color: var(--zt-text-color-a4);--zt-loading-spinner-size: 36px;--zt-loading-spinner-duration: .8s;--zt-loading-text-line-height: 20px}.zt-loading{position:relative;color:var(--zt-loading-spinner-color);font-size:0;vertical-align:middle}.zt-loading__spinner{position:relative;display:inline-block;width:var(--zt-loading-spinner-size);max-width:100%;height:var(--zt-loading-spinner-size);max-height:100%;vertical-align:middle;animation:zt-rotate var(--zt-loading-spinner-duration) linear infinite}.zt-loading__spinner--spinner{animation-timing-function:steps(12)}.zt-loading__spinner--circular{animation-duration:2s}.zt-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.zt-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.zt-loading__circular{display:block;width:100%;height:100%}.zt-loading__circular circle{animation:zt-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.zt-loading__snake{display:block;width:100%;height:100%}.zt-loading__text{display:inline-block;margin-left:var(--zt-padding-base);color:var(--zt-loading-text-color);font-size:var(--zt-loading-text-font-size);line-height:var(--zt-loading-text-line-height);vertical-align:middle}.zt-loading--vertical{display:flex;flex-direction:column;align-items:center}.zt-loading--vertical .zt-loading__text{margin:var(--zt-padding-base) 0 0}.zt-loading--horizontal-with-text .zt-loading__spinner--snake{width:20px;height:20px}@keyframes zt-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.zt-loading__spinner--spinner i:nth-of-type(1){transform:rotate(30deg);opacity:1}.zt-loading__spinner--spinner i:nth-of-type(2){transform:rotate(60deg);opacity:.9375}.zt-loading__spinner--spinner i:nth-of-type(3){transform:rotate(90deg);opacity:.875}.zt-loading__spinner--spinner i:nth-of-type(4){transform:rotate(120deg);opacity:.8125}.zt-loading__spinner--spinner i:nth-of-type(5){transform:rotate(150deg);opacity:.75}.zt-loading__spinner--spinner i:nth-of-type(6){transform:rotate(180deg);opacity:.6875}.zt-loading__spinner--spinner i:nth-of-type(7){transform:rotate(210deg);opacity:.625}.zt-loading__spinner--spinner i:nth-of-type(8){transform:rotate(240deg);opacity:.5625}.zt-loading__spinner--spinner i:nth-of-type(9){transform:rotate(270deg);opacity:.5}.zt-loading__spinner--spinner i:nth-of-type(10){transform:rotate(300deg);opacity:.4375}.zt-loading__spinner--spinner i:nth-of-type(11){transform:rotate(330deg);opacity:.375}.zt-loading__spinner--spinner i:nth-of-type(12){transform:rotate(360deg);opacity:.3125}

package/lib/locale/lang/zh-CN.js

@@ -35,7 +35,7 @@ var stdin_default = {
   vanCalendar: {
     end: "\u7ED3\u675F",
     start: "\u5F00\u59CB",
-    title: "\u65E5\u671F\u9009\u62E9",
+    title: "\u8BF7\u9009\u62E9\u65E5\u671F",
     weekdays: ["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"],
     monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
     rangePrompt: (maxRange) => `\u6700\u591A\u9009\u62E9 ${maxRange} \u5929`

package/lib/media-picker/MediaPicker.d.ts

@@ -0,0 +1,242 @@
+import { ExtractPropTypes, PropType } from 'vue';
+import type { Media, MediaAfterRead, MediaBeforeDelete, MediaBeforeRead, MediaPick, MediaPreview } from './type';
+declare const mediaPickerProps: {
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * {
+     *  maxImageSideLength,
+     *  address,
+     *  humanName,
+     *  projectName,
+     *  watermarkConfigString
+     * (http://faq.egova.com.cn:7777/redmine/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE)
+     * }
+     */
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    maxMediaCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxAudioCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxVideoCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowTakeVideo: BooleanConstructor;
+    allowPickVideo: BooleanConstructor;
+    allowTakeAudio: BooleanConstructor;
+    allowPickAudio: BooleanConstructor;
+    allowPickFile: BooleanConstructor;
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+};
+export declare type MediaPickerProps = ExtractPropTypes<typeof mediaPickerProps>;
+declare const _default: import("vue").DefineComponent<{
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * {
+     *  maxImageSideLength,
+     *  address,
+     *  humanName,
+     *  projectName,
+     *  watermarkConfigString
+     * (http://faq.egova.com.cn:7777/redmine/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE)
+     * }
+     */
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    maxMediaCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxAudioCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxVideoCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowTakeVideo: BooleanConstructor;
+    allowPickVideo: BooleanConstructor;
+    allowTakeAudio: BooleanConstructor;
+    allowPickAudio: BooleanConstructor;
+    allowPickFile: BooleanConstructor;
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:mediaList" | "delete")[], "update:mediaList" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    showTitle: BooleanConstructor;
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    mediaList: {
+        type: PropType<Media[]>;
+        default: () => Media[];
+    };
+    maxImageSideLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxFileSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * {
+     *  maxImageSideLength,
+     *  address,
+     *  humanName,
+     *  projectName,
+     *  watermarkConfigString
+     * (http://faq.egova.com.cn:7777/redmine/projects/redmine/wiki/%E6%8B%8D%E7%85%A7%E6%B0%B4%E5%8D%B0%E9%85%8D%E7%BD%AE)
+     * }
+     */
+    watermarkOptions: {
+        type: ObjectConstructor;
+        default: () => null;
+    };
+    maxMediaCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxImageCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxAudioCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    maxVideoCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    allowTakePhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowPickPhoto: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    allowTakeVideo: BooleanConstructor;
+    allowPickVideo: BooleanConstructor;
+    allowTakeAudio: BooleanConstructor;
+    allowPickAudio: BooleanConstructor;
+    allowPickFile: BooleanConstructor;
+    preview: PropType<MediaPreview>;
+    mediaPick: PropType<MediaPick>;
+    beforeRead: PropType<MediaBeforeRead>;
+    afterRead: PropType<MediaAfterRead>;
+    beforeDelete: PropType<MediaBeforeDelete>;
+}>> & {
+    "onUpdate:mediaList"?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+}, {
+    title: string;
+    disabled: boolean;
+    showTitle: boolean;
+    mediaList: Media[];
+    maxImageSideLength: number;
+    maxImageFileSize: number;
+    maxFileSize: number;
+    watermarkOptions: Record<string, any>;
+    maxMediaCount: number;
+    maxImageCount: number;
+    maxAudioCount: number;
+    maxVideoCount: number;
+    allowTakePhoto: boolean;
+    allowPickPhoto: boolean;
+    allowTakeVideo: boolean;
+    allowPickVideo: boolean;
+    allowTakeAudio: boolean;
+    allowPickAudio: boolean;
+    allowPickFile: boolean;
+}>;
+export default _default;