zartui 3.0.6 → 3.0.8

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

@@ -32,7 +32,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",
@@ -40,44 +40,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/lib/media-picker/MediaPicker.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -59,9 +63,22 @@ const mediaPickerProps = {
   showTitle: Boolean,
   title: (0, import_utils.makeStringProp)("\u6DFB\u52A0\u9644\u4EF6"),
   mediaList: (0, import_utils.makeArrayProp)(),
+  // 图片压缩后的最大边长
   maxImageSideLength: (0, import_utils.makeNumberProp)(1920),
+  // 单个图片文件大小限制（本单位为KB，默认最大1M）
   maxImageFileSize: (0, import_utils.makeNumberProp)(1024),
+  // 单个文件大小限制（本单位为KB，默认最大1M）
   maxFileSize: (0, import_utils.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
@@ -77,10 +94,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 = (0, import_vue2.defineComponent)({
@@ -315,6 +338,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
                 lastModified: f.lastModified,
                 type: f.type
               }),
+              // 需要以原始file的信息作为唯一标识
               uniqueCode: (0, import_media_util.getFileUniqueCode)(file),
               lastModified: f.lastModified,
               fileSize: f.size,

package/lib/media-picker/image/PickFileIcon.js

@@ -33,7 +33,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [(0, import_vue.createVNode)("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [(0, import_vue.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/lib/media-picker/image/PickPhotoIcon.js

@@ -33,7 +33,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [(0, import_vue.createVNode)("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [(0, import_vue.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/lib/media-picker/image/TakeAudioIcon.js

@@ -33,7 +33,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [(0, import_vue.createVNode)("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [(0, import_vue.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/lib/media-picker/image/TakePhotoIcon.js

@@ -33,7 +33,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [(0, import_vue.createVNode)("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [(0, import_vue.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/lib/media-picker/image/TakeVideoIcon.js

@@ -33,7 +33,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "fill": "none",
       "fill-rule": "evenodd"
     }, [(0, import_vue.createVNode)("g", {
-      "fill": "#2D4B73"
+      "fill": "currentColor"
     }, [(0, import_vue.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/lib/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/lib/media-picker/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/media-picker/util/media-util.js

@@ -253,10 +253,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;

package/lib/media-picker/watermark/image-processor.js

@@ -27,6 +27,7 @@ const DEFAULT_JPEG_QUALITY = 0.8;
 const MIN_JPEG_QUALITY = 0.1;
 const JPEG_QUALITY_STEP = 0.05;
 class ImageProcessor {
+  // 压缩图片的配置
   constructor(file, resizeOptions, watermarkOptions, compressOptions) {
     this.file = file;
     this.resizeOptions = resizeOptions;
@@ -55,12 +56,15 @@ class ImageProcessor {
       fileType = "image/png";
     }
     return (0, import_media_util.file2Image)(this.file).then(
-      (img) => (0, import_media_util.resize)(img, {
-        inputType: fileType,
-        orientation,
-        sideLengthLimit: this.resizeOptions.maxSideLength,
-        resultType: "canvas"
-      })
+      (img) => (
+        // 第一步 resize image
+        (0, import_media_util.resize)(img, {
+          inputType: fileType,
+          orientation,
+          sideLengthLimit: this.resizeOptions.maxSideLength,
+          resultType: "canvas"
+        })
+      )
     ).then((result) => {
       const canvas = result;
       return (0, import_watermark.renderWatermark)(canvas, this.watermarkOptions);

package/lib/media-picker/watermark/resize-options.js

@@ -23,6 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../../utils");
 var import_media_util = require("../util/media-util");
 class ResizeOptions {
+  // 最大边长
   constructor(maxSideLength) {
     if (!(0, import_utils.isDef)(maxSideLength)) {
       this.maxSideLength = import_media_util.MAX_SIDE_LENGTH;

package/lib/media-picker/watermark/watermark.js

@@ -211,6 +211,10 @@ function parseWatermarkStyle(styleString, canvasSize) {
   };
 }
 class TextScanner {
+  /**
+   * The content to scan
+   * @param text
+   */
   constructor(text) {
     this.text = text;
     this.cursor = 0;

package/lib/media-player/MediaPlayer.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/media-player/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/multiple-picker/MultiplePicker.d.ts

@@ -35,7 +35,7 @@ declare const multiplePickerProps: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -131,7 +131,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -159,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     showToolbar: boolean;
     toolbarPosition: string;
     showPicker: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: string | number;
     columnCounts: number;
     selectedIndex: number[];

package/lib/multiple-picker/MultiplePicker.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -49,7 +53,7 @@ const multiplePickerProps = {
   showToolbar: import_utils.truthProp,
   options: (0, import_utils.makeArrayProp)(),
   toolbarPosition: (0, import_utils.makeStringProp)("bottom"),
-  valueKey: (0, import_utils.makeStringProp)("text"),
+  textKey: (0, import_utils.makeStringProp)("text"),
   columnCounts: (0, import_utils.makeNumberProp)(3),
   selectedIndex: (0, import_utils.makeArrayProp)([])
 };
@@ -92,7 +96,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       indexes == null ? void 0 : indexes.forEach((index) => {
         if (index > -1 && index < props.options.length && props.options[index]) {
           result.push({
-            text: props.options[index].text,
+            [props.textKey]: props.options[index][props.textKey],
             value: props.options[index].value,
             initialIndex: index
           });
@@ -164,7 +168,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "columnCounts": props.columnCounts,
         "initialOptions": formatOptions,
         "allowHtml": props.allowHtml,
-        "valueKey": props.valueKey,
+        "textKey": props.textKey,
         "readonly": props.readonly,
         "itemHeight": Number(itemPxHeight),
         "onChange": onChange

package/lib/multiple-picker/MultiplePickerOptions.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 declare const multiplePickerOptionsProps: {
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -25,7 +25,7 @@ declare const multiplePickerOptionsProps: {
 };
 export declare type MultiplePickerOptionsProps = ExtractPropTypes<typeof multiplePickerOptionsProps>;
 declare const _default: import("vue").DefineComponent<{
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => number[];
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:currentIndexes")[], "change" | "update:currentIndexes", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -76,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     readonly: boolean;
     allowHtml: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: number;
     columnCounts: number;
     initialOptions: object[];

package/lib/multiple-picker/MultiplePickerOptions.js

@@ -26,7 +26,7 @@ var import_utils = require("../utils");
 var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("multiple-picker-options");
 const multiplePickerOptionsProps = {
-  valueKey: (0, import_utils.makeStringProp)(""),
+  textKey: (0, import_utils.makeStringProp)(""),
   readonly: Boolean,
   allowHtml: Boolean,
   itemHeight: (0, import_utils.makeNumberProp)(0),
@@ -66,8 +66,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("change");
     };
     const getOptionText = (option) => {
-      if ((0, import_utils.isObject)(option) && props.valueKey in option) {
-        return option[props.valueKey];
+      if ((0, import_utils.isObject)(option) && props.textKey in option) {
+        return option[props.textKey];
       }
       return option;
     };

package/lib/multiple-picker/index.d.ts

@@ -34,7 +34,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -81,7 +81,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string>;
         default: string;
     };
-    valueKey: {
+    textKey: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -109,7 +109,7 @@ export declare const MultiplePicker: import("../utils").WithInstall<import("vue"
     showToolbar: boolean;
     toolbarPosition: string;
     showPicker: boolean;
-    valueKey: string;
+    textKey: string;
     itemHeight: string | number;
     columnCounts: number;
     selectedIndex: number[];

package/lib/multiple-picker/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/nav-bar/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/notice-bar/NoticeBar.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/notice-bar/index.css

@@ -1 +1 @@
-:root{--zt-notice-bar-height: 36px;--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange-2);--zt-notice-bar-font-size: var(--zt-font-size-md);--zt-notice-bar-line-height: 36px;--zt-notice-bar-background: var(--zt-background-4);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-notice-bar-font-size);line-height:var(--zt-notice-bar-line-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-height)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--zt-notice-bar-height: 36px;--zt-notice-bar-padding: 0 var(--zt-padding-md);--zt-notice-bar-wrapable-padding: var(--zt-padding-xs) var(--zt-padding-md);--zt-notice-bar-text-color: var(--zt-orange-2);--zt-notice-bar-font-size: var(--zt-font-size-md);--zt-notice-bar-line-height: 36px;--zt-notice-bar-background: var(--zt-background-4);--zt-notice-bar-icon-size: 20px;--zt-notice-bar-icon-min-width: 20px;--zt-notice-bar-icon-height: 20px}.zt-notice-bar{position:relative;display:flex;align-items:center;height:var(--zt-notice-bar-height);padding:var(--zt-notice-bar-padding);color:var(--zt-notice-bar-text-color);font-size:var(--zt-notice-bar-font-size);line-height:var(--zt-notice-bar-line-height);background:var(--zt-notice-bar-background)}.zt-notice-bar__left-icon,.zt-notice-bar__right-icon{min-width:var(--zt-notice-bar-icon-min-width);font-size:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-height)}.zt-notice-bar__right-icon{text-align:right;cursor:pointer}.zt-notice-bar__left-icon-size,.zt-notice-bar__right-icon-size{width:var(--zt-notice-bar-icon-size);height:var(--zt-notice-bar-icon-size)}.zt-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.zt-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.zt-notice-bar__content.zt-ellipsis{max-width:100%}.zt-notice-bar--wrapable{height:auto;padding:var(--zt-notice-bar-wrapable-padding)}.zt-notice-bar--wrapable .zt-notice-bar__wrap{height:auto}.zt-notice-bar--wrapable .zt-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}.zt-theme-dark{--zt-notice-bar-background: rgba(255, 245, 211, .1)}

package/lib/notice-bar/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/notify/function-call.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/notify/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/number-keyboard/NumberKeyboard.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/number-keyboard/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/overlay/index.d.ts

@@ -35,6 +35,6 @@ export default Overlay;
 export type { OverlayProps } from './Overlay';
 declare module 'vue' {
     interface GlobalComponents {
-        VanOverlay: typeof Overlay;
+        ZtOverlay: typeof Overlay;
     }
 }

package/lib/overlay/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/lib/password-input/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));