zartui 3.0.5 → 3.0.7

package/es/lazyload/vue-lazyload/lazy.mjs

@@ -75,12 +75,26 @@ function stdin_default() {
       );
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
+    /**
+     * update config
+     * @param  {Object} config params
+     * @return
+     */
     config(options = {}) {
       Object.assign(this.options, options);
     }
+    /**
+     * output listener's load performance
+     * @return {Array}
+     */
     performance() {
       return this.listeners.map((item) => item.performance());
     }
+    /*
+     * add lazy component to queue
+     * @param  {Vue} vm lazy component instance
+     * @return
+     */
     addLazyBox(vm) {
       this.listeners.push(vm);
       if (inBrowser) {
@@ -91,6 +105,13 @@ function stdin_default() {
         }
       }
     }
+    /*
+     * add image listener to queue
+     * @param  {DOM} el
+     * @param  {object} binding vue directive binding
+     * @param  {vnode} vnode vue directive vnode
+     * @return
+     */
     add(el, binding, vnode) {
       if (this.listeners.some((item) => item.el === el)) {
         this.update(el, binding);
@@ -131,6 +152,12 @@ function stdin_default() {
         nextTick(() => this.lazyLoadHandler());
       });
     }
+    /**
+     * update image src
+     * @param  {DOM} el
+     * @param  {object} vue directive binding
+     * @return
+     */
     update(el, binding, vnode) {
       const value = this.valueFormatter(binding.value);
       let { src } = value;
@@ -152,6 +179,11 @@ function stdin_default() {
       this.lazyLoadHandler();
       nextTick(() => this.lazyLoadHandler());
     }
+    /**
+     * remove listener form list
+     * @param  {DOM} el
+     * @return
+     */
     remove(el) {
       if (!el)
         return;
@@ -164,6 +196,11 @@ function stdin_default() {
         existItem.$destroy();
       }
     }
+    /*
+     * remove lazy components form list
+     * @param  {Vue} vm Vue instance
+     * @return
+     */
     removeComponent(vm) {
       if (!vm)
         return;
@@ -196,6 +233,14 @@ function stdin_default() {
         this.initIntersectionObserver();
       }
     }
+    /*
+     *** Private functions ***
+     */
+    /*
+     * add listener target
+     * @param  {DOM} el listener target
+     * @return
+     */
     addListenerTarget(el) {
       if (!el)
         return;
@@ -214,6 +259,11 @@ function stdin_default() {
       }
       return this.targetIndex;
     }
+    /*
+     * remove listener target or reduce target childrenCount
+     * @param  {DOM} el or window
+     * @return
+     */
     removeListenerTarget(el) {
       this.targets.forEach((target, index) => {
         if (target.el === el) {
@@ -226,6 +276,12 @@ function stdin_default() {
         }
       });
     }
+    /*
+     * add or remove eventlistener
+     * @param  {DOM} el DOM or Window
+     * @param  {boolean} start flag
+     * @return
+     */
     initListen(el, start) {
       this.options.ListenEvents.forEach(
         (evt) => (start ? on : off)(el, evt, this.lazyLoadHandler)
@@ -266,6 +322,10 @@ function stdin_default() {
         this.Event.listeners[event].forEach((func) => func(context, inCache));
       };
     }
+    /**
+     * find nodes which in viewport and trigger load
+     * @return
+     */
     lazyLoadHandler() {
       const freeList = [];
       this.listeners.forEach((listener) => {
@@ -282,6 +342,11 @@ function stdin_default() {
         item.$destroy();
       });
     }
+    /**
+     * init IntersectionObserver
+     * set mode to observer
+     * @return
+     */
     initIntersectionObserver() {
       if (!hasIntersectionObserver) {
         return;
@@ -296,6 +361,10 @@ function stdin_default() {
         });
       }
     }
+    /**
+     * init IntersectionObserver
+     * @return
+     */
     observerHandler(entries) {
       entries.forEach((entry) => {
         if (entry.isIntersecting) {
@@ -309,6 +378,13 @@ function stdin_default() {
         }
       });
     }
+    /**
+     * set element attribute with image'url and state
+     * @param  {object} lazyload listener object
+     * @param  {string} state will be rendered
+     * @param  {bool} inCache  is rendered from cache
+     * @return
+     */
     elRenderer(listener, state, cache) {
       if (!listener.el)
         return;
@@ -340,6 +416,11 @@ function stdin_default() {
         el.dispatchEvent(event);
       }
     }
+    /**
+     * generate loading loaded error image url
+     * @param {string} image's src
+     * @return {object} image's loading, loaded, error url
+     */
     valueFormatter(value) {
       let src = value;
       let { loading, error } = this.options;

package/es/lazyload/vue-lazyload/listener.mjs

@@ -35,6 +35,10 @@ class ReactiveListener {
     this.initState();
     this.render("loading", false);
   }
+  /*
+   * init listener state
+   * @return
+   */
   initState() {
     if ("dataset" in this.el) {
       this.el.dataset.src = this.src;
@@ -48,9 +52,20 @@ class ReactiveListener {
       rendered: false
     };
   }
+  /*
+   * record performance
+   * @return
+   */
   record(event) {
     this.performanceData[event] = Date.now();
   }
+  /*
+   * update image listener data
+   * @param  {String} image uri
+   * @param  {String} loading image uri
+   * @param  {String} error image uri
+   * @return
+   */
   update({ src, loading, error }) {
     const oldSrc = this.src;
     this.src = src;
@@ -62,15 +77,27 @@ class ReactiveListener {
       this.initState();
     }
   }
+  /*
+   *  check el is in view
+   * @return {Boolean} el is in view
+   */
   checkInView() {
     const rect = useRect(this.el);
     return rect.top < window.innerHeight * this.options.preLoad && rect.bottom > this.options.preLoadTop && rect.left < window.innerWidth * this.options.preLoad && rect.right > 0;
   }
+  /*
+   * listener filter
+   */
   filter() {
     Object.keys(this.options.filter).forEach((key) => {
       this.options.filter[key](this, this.options);
     });
   }
+  /*
+   * render loading first
+   * @params cb:Function
+   * @return
+   */
   renderLoading(cb) {
     this.state.loading = true;
     loadImageAsync(
@@ -93,6 +120,10 @@ class ReactiveListener {
       }
     );
   }
+  /*
+   * try load image and  render it
+   * @return
+   */
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
@@ -141,9 +172,19 @@ class ReactiveListener {
       );
     });
   }
+  /*
+   * render image
+   * @param  {String} state to render // ['loading', 'src', 'error']
+   * @param  {String} is form cache
+   * @return
+   */
   render(state, cache) {
     this.elRenderer(this, state, cache);
   }
+  /*
+   * output performance data
+   * @return {Object} performance data
+   */
   performance() {
     let state = "loading";
     let time = 0;
@@ -159,6 +200,10 @@ class ReactiveListener {
       time
     };
   }
+  /*
+   * $destroy
+   * @return
+   */
   $destroy() {
     this.el = null;
     this.src = null;

package/es/list/List.mjs

@@ -33,7 +33,8 @@ var stdin_default = defineComponent({
     const scrollParent = useScrollParent(root);
     const check = () => {
       nextTick(() => {
-        if (loading.value || props.finished || props.error || (tabStatus == null ? void 0 : tabStatus.value) === false) {
+        if (loading.value || props.finished || props.error || // skip check when inside an inactive tab
+        (tabStatus == null ? void 0 : tabStatus.value) === false) {
           return;
         }
         const {
@@ -63,9 +64,6 @@ var stdin_default = defineComponent({
         const text = slots.finished ? slots.finished() : props.finishedText;
         if (text) {
           return _createVNode(Divider, {
-            "style": {
-              padding: "0 16px"
-            },
             "class": bem("finished-text")
           }, {
             default: () => [text]

package/es/list/index.css

@@ -1 +1 @@
-: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)}
+: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}.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/es/locale/lang/en-US.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     nameEmpty: string;
     addContact: string;
     telInvalid: string;
-    vanCalendar: {
+    ztCalendar: {
         end: string;
         start: string;
         title: string;
@@ -18,44 +18,28 @@ declare const _default: {
         monthTitle: (year: number, month: number) => string;
         rangePrompt: (maxRange: number) => string;
     };
-    vanCascader: {
+    ztCascader: {
         select: string;
     };
-    vanPagination: {
+    ztPagination: {
         prev: string;
         next: string;
     };
-    vanPullRefresh: {
+    ztPullRefresh: {
         pulling: string;
         loosing: string;
     };
-    vanSubmitBar: {
+    ztSubmitBar: {
         label: string;
     };
-    vanCoupon: {
-        unlimited: string;
-        discount: (discount: number) => string;
-        condition: (condition: number) => string;
-    };
-    vanCouponCell: {
-        title: string;
-        count: (count: number) => string;
-    };
-    vanCouponList: {
-        exchange: string;
-        close: string;
-        enable: string;
-        disabled: string;
-        placeholder: string;
-    };
-    vanAddressEdit: {
+    ztAddressEdit: {
         area: string;
         areaEmpty: string;
         addressEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };
-    vanAddressList: {
+    ztAddressList: {
         add: string;
     };
 };

package/es/locale/lang/en-US.mjs

@@ -10,7 +10,7 @@ var stdin_default = {
   nameEmpty: "Please fill in the name",
   addContact: "Add contact",
   telInvalid: "Malformed phone number",
-  vanCalendar: {
+  ztCalendar: {
     end: "End",
     start: "Start",
     title: "Calendar",
@@ -18,44 +18,28 @@ var stdin_default = {
     monthTitle: (year, month) => `${year}/${month}`,
     rangePrompt: (maxRange) => `Choose no more than ${maxRange} days`
   },
-  vanCascader: {
+  ztCascader: {
     select: "Select"
   },
-  vanPagination: {
+  ztPagination: {
     prev: "Previous",
     next: "Next"
   },
-  vanPullRefresh: {
+  ztPullRefresh: {
     pulling: "Pull to refresh...",
     loosing: "Loose to refresh..."
   },
-  vanSubmitBar: {
+  ztSubmitBar: {
     label: "Total:"
   },
-  vanCoupon: {
-    unlimited: "Unlimited",
-    discount: (discount) => `${discount * 10}% off`,
-    condition: (condition) => `At least ${condition}`
-  },
-  vanCouponCell: {
-    title: "Coupon",
-    count: (count) => `You have ${count} coupons`
-  },
-  vanCouponList: {
-    exchange: "Exchange",
-    close: "Close",
-    enable: "Available",
-    disabled: "Unavailable",
-    placeholder: "Coupon code"
-  },
-  vanAddressEdit: {
+  ztAddressEdit: {
     area: "Area",
     areaEmpty: "Please select a receiving area",
     addressEmpty: "Address can not be empty",
     addressDetail: "Address",
     defaultAddress: "Set as the default address"
   },
-  vanAddressList: {
+  ztAddressList: {
     add: "Add new address"
   }
 };

package/es/locale/lang/zh-CN.d.ts

@@ -10,7 +10,7 @@ declare const _default: {
     nameEmpty: string;
     addContact: string;
     telInvalid: string;
-    vanCalendar: {
+    ztCalendar: {
         end: string;
         start: string;
         title: string;
@@ -18,44 +18,28 @@ declare const _default: {
         monthTitle: (year: number, month: number) => string;
         rangePrompt: (maxRange: number) => string;
     };
-    vanCascader: {
+    ztCascader: {
         select: string;
     };
-    vanPagination: {
+    ztPagination: {
         prev: string;
         next: string;
     };
-    vanPullRefresh: {
+    ztPullRefresh: {
         pulling: string;
         loosing: string;
     };
-    vanSubmitBar: {
+    ztSubmitBar: {
         label: string;
     };
-    vanCoupon: {
-        unlimited: string;
-        discount: (discount: number) => string;
-        condition: (condition: number) => string;
-    };
-    vanCouponCell: {
-        title: string;
-        count: (count: number) => string;
-    };
-    vanCouponList: {
-        exchange: string;
-        close: string;
-        enable: string;
-        disabled: string;
-        placeholder: string;
-    };
-    vanAddressEdit: {
+    ztAddressEdit: {
         area: string;
         areaEmpty: string;
         addressEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };
-    vanAddressList: {
+    ztAddressList: {
         add: string;
     };
 };

package/es/locale/lang/zh-CN.mjs

@@ -10,7 +10,7 @@ var stdin_default = {
   nameEmpty: "\u8BF7\u586B\u5199\u59D3\u540D",
   addContact: "\u6DFB\u52A0\u8054\u7CFB\u4EBA",
   telInvalid: "\u8BF7\u586B\u5199\u6B63\u786E\u7684\u7535\u8BDD",
-  vanCalendar: {
+  ztCalendar: {
     end: "\u7ED3\u675F",
     start: "\u5F00\u59CB",
     title: "\u8BF7\u9009\u62E9\u65E5\u671F",
@@ -18,44 +18,28 @@ var stdin_default = {
     monthTitle: (year, month) => `${year}\u5E74${month}\u6708`,
     rangePrompt: (maxRange) => `\u6700\u591A\u9009\u62E9 ${maxRange} \u5929`
   },
-  vanCascader: {
+  ztCascader: {
     select: "\u8BF7\u9009\u62E9"
   },
-  vanPagination: {
+  ztPagination: {
     prev: "\u4E0A\u4E00\u9875",
     next: "\u4E0B\u4E00\u9875"
   },
-  vanPullRefresh: {
+  ztPullRefresh: {
     pulling: "\u4E0B\u62C9\u5373\u53EF\u5237\u65B0...",
     loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
   },
-  vanSubmitBar: {
+  ztSubmitBar: {
     label: "\u5408\u8BA1:"
   },
-  vanCoupon: {
-    unlimited: "\u65E0\u95E8\u69DB",
-    discount: (discount) => `${discount}\u6298`,
-    condition: (condition) => `\u6EE1${condition}\u5143\u53EF\u7528`
-  },
-  vanCouponCell: {
-    title: "\u4F18\u60E0\u5238",
-    count: (count) => `${count}\u5F20\u53EF\u7528`
-  },
-  vanCouponList: {
-    exchange: "\u5151\u6362",
-    close: "\u4E0D\u4F7F\u7528",
-    enable: "\u53EF\u7528",
-    disabled: "\u4E0D\u53EF\u7528",
-    placeholder: "\u8F93\u5165\u4F18\u60E0\u7801"
-  },
-  vanAddressEdit: {
+  ztAddressEdit: {
     area: "\u5730\u533A",
     areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
     addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
     addressDetail: "\u8BE6\u7EC6\u5730\u5740",
     defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
   },
-  vanAddressList: {
+  ztAddressList: {
     add: "\u65B0\u589E\u5730\u5740"
   }
 };

package/es/media-picker/MediaPicker.mjs

@@ -31,9 +31,22 @@ const mediaPickerProps = {
   showTitle: Boolean,
   title: makeStringProp("\u6DFB\u52A0\u9644\u4EF6"),
   mediaList: makeArrayProp(),
+  // 图片压缩后的最大边长
   maxImageSideLength: makeNumberProp(1920),
+  // 单个图片文件大小限制（本单位为KB，默认最大1M）
   maxImageFileSize: makeNumberProp(1024),
+  // 单个文件大小限制（本单位为KB，默认最大1M）
   maxFileSize: makeNumberProp(FILE_SIZE_LIMIT * 1024),
+  /**
+   * {
+   *  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: Object,
     default: () => null
@@ -49,10 +62,16 @@ const mediaPickerProps = {
   allowTakeAudio: Boolean,
   allowPickAudio: Boolean,
   allowPickFile: Boolean,
+  // 预览函数（返回true时不再执行默认行为）
+  // 参数：media,index
   preview: Function,
+  // 点击按钮事件（返回true时不再执行默认行为）
   mediaPick: Function,
+  // 文件读取前的回调函数，返回 false 可终止文件读取，支持返回 Promise
   beforeRead: Function,
+  // 文件读取完成后的回调函数，获取到对应的 media 对象
   afterRead: Function,
+  // 文件删除前的回调函数，返回 false 可终止文件读取，支持返回 Promise
   beforeDelete: Function
 };
 var stdin_default = defineComponent({
@@ -287,6 +306,7 @@ var stdin_default = defineComponent({
                 lastModified: f.lastModified,
                 type: f.type
               }),
+              // 需要以原始file的信息作为唯一标识
               uniqueCode: getFileUniqueCode(file),
               lastModified: f.lastModified,
               fileSize: f.size,

package/es/media-picker/image/PickFileIcon.mjs

@@ -11,7 +11,7 @@ var stdin_default = defineComponent({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [_createVNode("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [_createVNode("path", {
       "d": "M15.1171176,1.64705882 L15.1176471,7.41176471 C15.1176471,7.86658744 15.4863537,8.23529412 15.9411765,8.23529412 L15.9411765,8.23529412 L21.7051176,8.23505882 L21.7058824,26.3529412 C21.7058824,27.2625866 20.968469,28 20.0588235,28 L1.94117647,28 C1.031531,28 0.294117647,27.2625866 0.294117647,26.3529412 L0.294117647,3.29411765 C0.294117647,2.38447218 1.031531,1.64705882 1.94117647,1.64705882 L15.1171176,1.64705882 Z M15.1176471,20.5882353 L6.88235294,20.5882353 C6.42753021,20.5882353 6.05882353,20.956942 6.05882353,21.4117647 C6.05882353,21.8665874 6.42753021,22.2352941 6.88235294,22.2352941 L6.88235294,22.2352941 L15.1176471,22.2352941 C15.5724698,22.2352941 15.9411765,21.8665874 15.9411765,21.4117647 C15.9411765,20.956942 15.5724698,20.5882353 15.1176471,20.5882353 L15.1176471,20.5882353 Z M11.5823232,7.99408794 C11.260715,7.6724797 10.739285,7.6724797 10.4176768,7.99408794 L10.4176768,7.99408794 L5.93822044,12.4735443 C5.86099958,12.5507651 5.81761735,12.6554991 5.81761735,12.7647059 C5.81761735,12.9921172 6.00197069,13.1764706 6.22938206,13.1764706 L6.22938206,13.1764706 L8.52941176,13.1764706 L8.52941176,18.1176471 C8.52941176,18.5724698 8.89811844,18.9411765 9.35294118,18.9411765 L9.35294118,18.9411765 L12.6470588,18.9411765 C13.1018816,18.9411765 13.4705882,18.5724698 13.4705882,18.1176471 L13.4705882,18.1176471 L13.4705882,13.1764706 L15.7706179,13.1764706 C15.8798247,13.1764706 15.9845587,13.1330884 16.0617796,13.0558675 C16.2225837,12.8950634 16.2225837,12.6343484 16.0617796,12.4735443 L16.0617796,12.4735443 Z",
       "transform": "translate(13 10)"

package/es/media-picker/image/PickPhotoIcon.mjs

@@ -11,7 +11,7 @@ var stdin_default = defineComponent({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [_createVNode("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [_createVNode("path", {
       "d": "M26.2484746,0.5 C27.2158154,0.5 28,1.28489795 28,2.25432827 L28,19.7456717 C28,20.7145605 27.221896,21.5 26.2484746,21.5 L26.043,21.499 L26.0429993,21.5 L2.46414185,21.5 L2.462,21.499 L1.7515254,21.5 C0.784184634,21.5 5.32907052e-15,20.7151021 5.32907052e-15,19.7456717 L5.32907052e-15,2.25432827 C5.32907052e-15,1.28543952 0.778104007,0.5 1.7515254,0.5 L26.2484746,0.5 Z M25.378032,2.25 L2.62196797,2.25 C2.13483649,2.25 1.75,2.63853971 1.75,3.11782772 L1.75,3.11782772 L1.75,18.8821723 C1.75,18.9217886 1.75278034,18.9608989 1.75816119,18.9993065 L7.9725553,11.29778 C8.88517531,10.1668223 10.4008681,10.1228516 11.3733387,11.216881 L16.625,17.125 L19.6397047,14.7132363 C20.390975,14.11222 21.6193585,14.1071457 22.3809128,14.6999851 L26.249,17.711 L26.25,3.11782772 C26.25,2.68450279 25.9173571,2.31171151 25.4874098,2.25692306 L25.378032,2.25 Z",
       "transform": "translate(10 13)"

package/es/media-picker/image/TakeAudioIcon.mjs

@@ -11,7 +11,7 @@ var stdin_default = defineComponent({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [_createVNode("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [_createVNode("path", {
       "d": "M9.88235294,23.0588235 L11.5294118,23.0588235 L11.5294118,26.3529412 L14.8214926,26.3529412 C15.2423673,26.3529412 15.5896836,26.6644036 15.6406265,27.0725453 L15.6470588,27.1764706 C15.6470588,27.6312933 15.2717263,28 14.8214926,28 L6.59027213,28 C6.13432448,28 5.76470588,27.6344643 5.76470588,27.1764706 C5.76470588,26.7216479 6.14003843,26.3529412 6.59027213,26.3529412 L9.88235294,26.3529412 L9.88235294,23.0588235 Z M10.7058824,0 C14.7993681,0 18.1176471,3.11347096 18.1176471,6.92221282 L18.1176471,12.8424931 C18.1176471,16.665562 14.7910466,19.7647059 10.7058824,19.7647059 C6.61261562,19.7647059 3.29411765,16.6512349 3.29411765,12.8424931 L3.29411765,6.92221282 C3.29411765,3.09914392 6.62093705,0 10.7058824,0 Z M14.0037902,13.1764706 L7.40797447,13.1764706 C6.96348833,13.1764706 6.58823529,13.5451773 6.58823529,14 C6.58823529,14.4227634 6.90095364,14.7667461 7.30514813,14.8171649 L7.40797447,14.8235294 L14.0037902,14.8235294 C14.4140851,14.8235294 14.7653885,14.5093651 14.8170074,14.1033018 L14.8235294,14 L14.8171425,13.8960747 C14.7665592,13.487933 14.4216943,13.1764706 14.0037902,13.1764706 Z M14.0037902,9.05882353 L7.40797447,9.05882353 C6.96348833,9.05882353 6.58823529,9.42753021 6.58823529,9.88235294 C6.58823529,10.3051163 6.90095364,10.649099 7.30514813,10.6995178 L7.40797447,10.7058824 L14.0037902,10.7058824 C14.4140851,10.7058824 14.7653885,10.3917181 14.8170074,9.98565472 L14.8235294,9.88235294 L14.8171425,9.77842765 C14.7665592,9.37028593 14.4216943,9.05882353 14.0037902,9.05882353 Z M14.0037902,4.94117647 L7.40797447,4.94117647 C6.96348833,4.94117647 6.58823529,5.30988315 6.58823529,5.76470588 C6.58823529,6.18746928 6.90095364,6.53145194 7.30514813,6.58187079 L7.40797447,6.58823529 L14.0037902,6.58823529 C14.4140851,6.58823529 14.7653885,6.27407103 14.8170074,5.86800766 L14.8235294,5.76470588 L14.8171425,5.6607806 C14.7665592,5.25263887 14.4216943,4.94117647 14.0037902,4.94117647 Z",
       "transform": "translate(13.294118 10)"

package/es/media-picker/image/TakePhotoIcon.mjs

@@ -11,7 +11,7 @@ var stdin_default = defineComponent({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [_createVNode("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [_createVNode("path", {
       "d": "M22.7478359,0.5 C23.2322802,0.5 23.7508557,0.877567053 23.9022927,1.33187811 L24.791,3.999 L26.2484746,4 C27.2158154,4 28,4.77453349 28,5.74194574 L28,19.7580543 C28,20.7201043 27.221896,21.5 26.2484746,21.5 L1.7515254,21.5 C0.784184634,21.5 0,20.7254665 0,19.7580543 L0,5.74194574 C0,4.77989567 0.778104007,4 1.7515254,4 L11.958,3.999 L12.8477073,1.33187811 C13.0008518,0.872444515 13.5237908,0.5 14.0021641,0.5 L22.7478359,0.5 Z M18.375,6.625 C14.9922559,6.625 12.25,9.36725591 12.25,12.75 C12.25,16.1327441 14.9922559,18.875 18.375,18.875 C21.7577441,18.875 24.5,16.1327441 24.5,12.75 C24.5,9.36725591 21.7577441,6.625 18.375,6.625 Z M5.6875,5.75 L5.55247168,5.75677629 C4.88702668,5.82398941 4.375,6.38293087 4.375,7.0625 C4.375,7.79242742 4.96262627,8.375 5.6875,8.375 L5.6875,8.375 L5.82252832,8.36822371 C6.48797332,8.30101059 7,7.74206913 7,7.0625 L7,7.0625 L6.99322371,6.92747168 C6.92601059,6.26202668 6.36706913,5.75 5.6875,5.75 L5.6875,5.75 Z",
       "transform": "translate(10 13)"

package/es/media-picker/image/TakeVideoIcon.mjs

@@ -11,7 +11,7 @@ var stdin_default = defineComponent({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [_createVNode("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [_createVNode("path", {
       "d": "M19.2451698,0.625 C21.1808341,0.625 22.75,2.19340919 22.75,4.12432622 L22.75,14.6256738 C22.75,16.5582983 21.1863004,18.125 19.2451698,18.125 L3.50483022,18.125 C1.56916594,18.125 0,16.5565908 0,14.6256738 L0,4.12432622 C0,2.19170171 1.56369963,0.625 3.50483022,0.625 L19.2451698,0.625 Z M10.0666465,5.82290404 C9.34681606,5.37301004 8.75,5.700372 8.75,6.56432465 L8.75,6.56432465 L8.75,12.1856754 C8.75,13.0634022 9.3394827,13.3815733 10.0666465,12.927096 L10.0666465,12.927096 L14.4333535,10.197904 C15.1531839,9.74801004 15.1605173,9.00657331 14.4333535,8.55209596 L14.4333535,8.55209596 Z",
       "transform": "translate(10 12)"

package/es/media-picker/index.css

@@ -1 +1 @@
-.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-blue);left:0;top:14px;content:" "}.zt-media-picker__title:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-media-picker__line{width:100%;height:92px;display:flex;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line:after{content:" ";min-width:16px;height:10px}.zt-media-picker__box{width:48px;display:flex;flex-direction:column;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#e6ebf0 0%,#fff 100%,#fff 100%);box-shadow:-4px -4px 8px #fff,4px 4px 8px rgba(45,75,115,.1);border-radius:8px;box-sizing:border-box}.zt-media-picker__button:active{background:rgba(45,75,115,.04);border:1px solid rgba(255,255,255,.75);box-shadow:inset 4px 4px 8px rgba(45,75,115,.24)}.zt-media-picker__icon{width:32px;height:32px}.zt-media-picker__label{margin-top:8px;font-size:12px;opacity:.8;color:#2d4b73;letter-spacing:0;text-align:center;line-height:16px;-webkit-user-select:none;user-select:none}.zt-media-picker__grid{padding:0 16px 8px!important}.zt-media-picker__delete{box-sizing:content-box;width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-white);background-color:var(--zt-uploader-mask-background);border-radius:4px}.zt-media-picker__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-media-picker__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-icon-color)}
+:root{--zt-media-picker-image-color: #2d4b73;--zt-media-picker-button-background: linear-gradient(135deg, #e6ebf0 0%, #fff 100%, #fff 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 #fff, 4px 4px 8px 0 rgba(45, 75, 115, .1);--zt-media-picker-button-border: 0;--zt-media-picker-button-active-border: 1px solid rgba(255, 255, 255, .75);--zt-media-picker-button-active-box-shadow: inset 4px 4px 8px 0 rgba(45, 75, 115, .24)}.zt-media-picker__hidden{display:none}.zt-media-picker__title{position:relative;height:44px;line-height:44px;font-weight:700;font-size:16px;color:var(--zt-text-color);padding:0 16px}.zt-media-picker__title:before{position:absolute;width:4px;height:16px;background:var(--zt-blue);left:0;top:14px;content:" "}.zt-media-picker__title:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid var(--zt-border-color);transform:scaleY(.5)}.zt-media-picker__line{width:100%;height:92px;display:flex;align-items:center;overflow-x:auto}.zt-media-picker__line::-webkit-scrollbar{width:0;height:0}.zt-media-picker__line:after{content:" ";min-width:16px;height:10px}.zt-media-picker__box{width:48px;display:flex;flex-direction:column;align-items:center}.zt-media-picker__box:first-child{margin-left:16px}.zt-media-picker__box:not(:last-child){margin-right:24px}.zt-media-picker__button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--zt-media-picker-button-background);box-shadow:var(--zt-media-picker-button-box-shadow);border:var(--zt-media-picker-button-border);border-radius:8px;box-sizing:border-box}.zt-media-picker__button:active{background:rgba(45,75,115,.04);border:var(--zt-media-picker-button-active-border);box-shadow:var(--zt-media-picker-button-active-box-shadow)}.zt-media-picker__icon{width:32px;height:32px;color:var(--zt-media-picker-image-color)}.zt-media-picker__label{margin-top:8px;font-size:12px;color:var(--zt-gray-a8);letter-spacing:0;text-align:center;line-height:16px;-webkit-user-select:none;user-select:none}.zt-media-picker__grid{padding:0 16px 8px!important}.zt-media-picker__delete{box-sizing:content-box;width:20px;height:20px;position:absolute;padding:4px;top:0;right:0}.zt-media-picker .zt-image{width:100%;height:100%}.zt-media-picker .zt-grid-item__content{padding:0}.zt-media-picker__thumbnail{width:100%;height:100%}.zt-media-picker__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--zt-white);background-color:var(--zt-uploader-mask-background);border-radius:4px}.zt-media-picker__mask-icon{font-size:var(--zt-uploader-mask-icon-size)}.zt-media-picker__mask-message{margin-top:6px;padding:0 var(--zt-padding-base);font-size:var(--zt-uploader-mask-message-font-size);line-height:var(--zt-uploader-mask-message-line-height)}.zt-media-picker__loading{width:var(--zt-uploader-loading-icon-size);height:var(--zt-uploader-loading-icon-size);color:var(--zt-uploader-icon-color)}.zt-theme-dark{--zt-media-picker-image-color: #ffffff;--zt-media-picker-button-background: linear-gradient(135deg, #111c29 0%, #1d2c3e 100%, #1c2a3c 100%);--zt-media-picker-button-box-shadow: -4px -4px 8px 0 #ffffff14, 4px 4px 8px 0 #000c18cc;--zt-media-picker-button-border: 1px solid #ffffff1f;--zt-media-picker-button-active-border: 1px solid #ffffff1f;--zt-media-picker-button-active-box-shadow: inset 6px 6px 6px 0 #000d1b}

package/es/media-picker/util/media-util.mjs

@@ -216,10 +216,13 @@ function getOrientation(arrayBuffer) {
 function resize(img, {
   inputType = "image/jpeg",
   orientation = 1,
+  // 图片的方向
   imageWidth = -1,
   imageHeight = -1,
+  // equalProportion = true, // 等比例拉伸
   sideLengthLimit = 640,
   baseOnShortSide = true,
+  // 是否以短边为基准缩放
   resultType = "image"
 }) {
   let scale = 1;