@keyblade/pro-components 1.12.12 → 1.12.14

package/es/pro-date-range-picker/pro-date-range-picker.vue.d.ts

@@ -1,23 +1,21 @@
+interface IModelValue {
+    [key: string]: string;
+}
 type __VLS_Props = {
-    modelValue: {
-        startDate?: string;
-        endDate?: string;
-    };
+    modelValue: IModelValue;
+    startField?: string;
+    endField?: string;
     startPlaceholder?: string;
     endPlaceholder?: string;
     separator?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: {
-        startDate?: string;
-        endDate?: string;
-    }) => any;
+    "update:modelValue": (value: IModelValue) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: {
-        startDate?: string;
-        endDate?: string;
-    }) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: IModelValue) => any) | undefined;
 }>, {
+    startField: string;
+    endField: string;
     startPlaceholder: string;
     endPlaceholder: string;
     separator: string;

package/es/pro-date-range-picker/pro-date-range-picker.vue.js

@@ -1,7 +1,7 @@
 import o from "./pro-date-range-picker.vue2.js";
 /* empty css                           */
-import r from "../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f19054ef"]]);
+import a from "../_virtual/_plugin-vue_export-helper.js";
+const _ = /* @__PURE__ */ a(o, [["__scopeId", "data-v-a2d94a6c"]]);
 export {
-  f as default
+  _ as default
 };

package/es/pro-date-range-picker/pro-date-range-picker.vue2.js

@@ -1,101 +1,103 @@
-import { defineComponent as v, ref as f, computed as D, resolveComponent as V, createElementBlock as P, openBlock as x, normalizeClass as E, createVNode as d, withCtx as n, createTextVNode as S, toDisplayString as R, nextTick as k } from "vue";
+import { defineComponent as C, ref as f, computed as V, resolveComponent as k, createElementBlock as v, openBlock as P, normalizeClass as E, createVNode as d, withCtx as n, createTextVNode as S, toDisplayString as R, nextTick as h } from "vue";
 import o from "dayjs";
-const T = "keyblade-pro-date-range-picker", q = /* @__PURE__ */ v({
+const T = "keyblade-pro-date-range-picker", N = /* @__PURE__ */ C({
   __name: "pro-date-range-picker",
   props: {
     modelValue: {},
+    startField: { default: "startDate" },
+    endField: { default: "endDate" },
     startPlaceholder: { default: "开始日期" },
     endPlaceholder: { default: "结束日期" },
     separator: { default: "至" }
   },
   emits: ["update:modelValue"],
-  setup(h, { emit: g }) {
-    const t = h, s = g, u = f(), i = f(), m = D({
-      get: () => t.modelValue.startDate,
-      set: (e) => {
-        s("update:modelValue", {
-          ...t.modelValue,
-          startDate: e
+  setup(D, { emit: F }) {
+    const e = D, i = F, s = f(), u = f(), m = V({
+      get: () => e.modelValue[e.startField],
+      set: (t) => {
+        i("update:modelValue", {
+          ...e.modelValue,
+          [e.startField]: t
         });
       }
-    }), c = D({
-      get: () => t.modelValue.endDate,
-      set: (e) => {
-        s("update:modelValue", {
-          ...t.modelValue,
-          endDate: e
+    }), p = V({
+      get: () => e.modelValue[e.endField],
+      set: (t) => {
+        i("update:modelValue", {
+          ...e.modelValue,
+          [e.endField]: t
         });
       }
-    }), _ = (e) => t.modelValue.endDate ? o(e).isAfter(o(t.modelValue.endDate)) : !1, b = (e) => t.modelValue.startDate ? o(e).isBefore(o(t.modelValue.startDate)) : !1, y = () => {
+    }), g = (t) => e.modelValue.endDate ? o(t).isAfter(o(e.modelValue[e.startField])) : !1, b = (t) => e.modelValue.startDate ? o(t).isBefore(o(e.modelValue[e.endField])) : !1, _ = () => {
       setTimeout(() => {
-        t.modelValue.startDate && !t.modelValue.endDate && k(() => {
-          var a;
-          const e = (a = i.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
-          e && e.click();
+        e.modelValue[e.startField] && !e.modelValue[e.endField] && h(() => {
+          var l;
+          const t = (l = u.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
+          t && t.click();
         });
       });
-    }, C = () => {
+    }, y = () => {
       setTimeout(() => {
-        t.modelValue.endDate && !t.modelValue.startDate && k(() => {
-          var a;
-          const e = (a = u.value) == null ? void 0 : a.$el.parentElement.querySelector("input");
-          e && e.click();
+        e.modelValue[e.endField] && !e.modelValue[e.startField] && h(() => {
+          var l;
+          const t = (l = s.value) == null ? void 0 : l.$el.parentElement.querySelector("input");
+          t && t.click();
         });
       });
     };
-    return (e, a) => {
-      const p = V("a-date-picker"), r = V("a-form-item");
-      return x(), P("div", {
+    return (t, l) => {
+      const c = k("a-date-picker"), r = k("a-form-item");
+      return P(), v("div", {
         class: E(T)
       }, [
         d(r, {
-          field: "startDate",
+          field: t.startField,
           style: { "margin-right": "8px" },
           "hide-label": ""
         }, {
           default: n(() => [
-            d(p, {
+            d(c, {
               ref_key: "startDatePickerRef",
-              ref: u,
+              ref: s,
               modelValue: m.value,
-              "onUpdate:modelValue": a[0] || (a[0] = (l) => m.value = l),
-              placeholder: e.startPlaceholder,
-              "disabled-date": (l) => _(l),
-              onChange: y
+              "onUpdate:modelValue": l[0] || (l[0] = (a) => m.value = a),
+              placeholder: t.startPlaceholder,
+              "disabled-date": (a) => g(a),
+              onChange: _
             }, null, 8, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
-        }),
+        }, 8, ["field"]),
         d(r, {
           "hide-label": "",
           style: { "margin-right": "8px" }
         }, {
           default: n(() => [
-            S(R(e.separator), 1)
+            S(R(t.separator), 1)
           ]),
           _: 1
         }),
         d(r, {
-          field: "endDate",
+          field: t.endField,
           "hide-label": ""
         }, {
           default: n(() => [
-            d(p, {
+            d(c, {
               ref_key: "endDatePickerRef",
-              ref: i,
-              modelValue: c.value,
-              "onUpdate:modelValue": a[1] || (a[1] = (l) => c.value = l),
-              placeholder: e.endPlaceholder,
-              "disabled-date": (l) => b(l),
-              onChange: C
+              ref: u,
+              modelValue: p.value,
+              "onUpdate:modelValue": l[1] || (l[1] = (a) => p.value = a),
+              placeholder: t.endPlaceholder,
+              "disabled-date": (a) => b(a),
+              onChange: y
             }, null, 8, ["modelValue", "placeholder", "disabled-date"])
           ]),
           _: 1
-        })
+        }, 8, ["field"])
       ]);
     };
   }
 });
 export {
-  q as default
+  N as default
 };

package/es/pro-image-upload/image-upload.vue.d.ts

@@ -602,8 +602,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 } & {
     cropperImgLoad: (value: File) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onCropperImgLoad?: ((value: File) => any) | undefined;
     "onUpdate:modelValue"?: ((value: FileItem[]) => any) | undefined;
+    onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
     name: string;
     accept: string[];

package/es/pro-image-upload/image-upload.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as fe, mergeModels as G, useModel as ve, ref as m, computed as M, watch as J, resolveComponent as me, createElementBlock as ge, openBlock as K, createVNode as pe, createBlock as he, createCommentVNode as Ie, normalizeClass as xe, withCtx as X, renderSlot as Y } from "vue";
+import { defineComponent as me, mergeModels as J, useSlots as ge, useModel as pe, ref as m, computed as M, watch as K, resolveComponent as he, createElementBlock as Ie, openBlock as X, createVNode as xe, createBlock as Ue, createCommentVNode as ye, normalizeClass as Ce, createSlots as Be, withCtx as Y, unref as Z, renderSlot as A } from "vue";
 import { Message as g } from "@arco-design/web-vue";
 import { conclude as L } from "vue-global-config";
 import { EImageUploadInnerBeforeUploadStep as v } from "./types.js";
 import { defaultImageUploadOptions as U } from "./constant.js";
-import Ue from "./cropper.vue.js";
-import { defaultImageUploadCheckOptions as Ce, defaultImageUploadCompressorOptions as ye, defaultImageUploadCropOptions as Be, oneTravelImageCheckAndTransform as we, oneTravelImageCompressor as Ee } from "@keyblade/one-travel";
-const Me = "keyblade-pro-image-upload";
-var Z, A, R;
-const je = /* @__PURE__ */ fe({
+import we from "./cropper.vue.js";
+import { defaultImageUploadCheckOptions as Ee, defaultImageUploadCompressorOptions as Me, defaultImageUploadCropOptions as Se, oneTravelImageCheckAndTransform as be, oneTravelImageCompressor as Le } from "@keyblade/one-travel";
+const Oe = "keyblade-pro-image-upload";
+var R, _, ee;
+const He = /* @__PURE__ */ me({
   __name: "image-upload",
-  props: /* @__PURE__ */ G({
+  props: /* @__PURE__ */ J({
     action: {},
     handlerResponse: {},
     headers: {},
     data: {},
-    name: { default: (Z = U) == null ? void 0 : Z.name },
+    name: { default: (R = U) == null ? void 0 : R.name },
     tip: {},
     accept: { default: () => {
-      var C;
-      return ((C = U) == null ? void 0 : C.accept) || [];
+      var y;
+      return ((y = U) == null ? void 0 : y.accept) || [];
     } },
     multiple: { type: Boolean, default: U.multiple },
     singleLimit: { default: U.singleLimit },
     limit: {},
-    disabled: { type: Boolean, default: (A = U) == null ? void 0 : A.disabled },
-    hideInnerBeforeUploadLoading: { type: Boolean, default: (R = U) == null ? void 0 : R.hideInnerBeforeUploadLoading },
+    disabled: { type: Boolean, default: (_ = U) == null ? void 0 : _.disabled },
+    hideInnerBeforeUploadLoading: { type: Boolean, default: (ee = U) == null ? void 0 : ee.hideInnerBeforeUploadLoading },
     checkOptions: {},
     compressorOptions: {},
     cropOptions: {},
@@ -38,65 +38,65 @@ const je = /* @__PURE__ */ fe({
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ G(["cropperImgLoad"], ["update:modelValue"]),
-  setup(C, { expose: _, emit: ee }) {
-    const r = ve(C, "modelValue"), e = C, ae = ee, b = m(), O = m(), p = m(), h = m(
+  emits: /* @__PURE__ */ J(["cropperImgLoad"], ["update:modelValue"]),
+  setup(y, { expose: ae, emit: le }) {
+    const O = ge(), r = pe(y, "modelValue"), e = y, oe = le, S = m(), $ = m(), p = m(), h = m(
       []
-    ), n = m(), c = m(), s = m(), le = M(() => e.accept.map((a) => `.${a}`).join(",")), f = M(() => L([e.checkOptions, Ce]) || {}), y = M(() => L([e.compressorOptions, ye]) || {}), B = M(() => L([e.cropOptions, Be]) || {}), oe = (a) => {
-      var t, i, d, u;
-      const l = (u = (d = (i = (t = b.value) == null ? void 0 : t.$el) == null ? void 0 : i.querySelector) == null ? void 0 : d.call(i, "input")) == null ? void 0 : u.files;
+    ), n = m(), c = m(), s = m(), ne = M(() => e.accept.map((a) => `.${a}`).join(",")), f = M(() => L([e.checkOptions, Ee]) || {}), C = M(() => L([e.compressorOptions, Me]) || {}), B = M(() => L([e.cropOptions, Se]) || {}), te = (a) => {
+      var t, u, d, i;
+      const l = (i = (d = (u = (t = S.value) == null ? void 0 : t.$el) == null ? void 0 : u.querySelector) == null ? void 0 : d.call(u, "input")) == null ? void 0 : i.files;
       return l && l.length > 0 && (s.value = {
         selectCount: l.length
       }), e != null && e.onBeforeUpload ? e == null ? void 0 : e.onBeforeUpload(a) : s.value && (e != null && e.singleLimit) && s.value.selectCount > (e == null ? void 0 : e.singleLimit) ? (s.value.handleIndex === void 0 ? (s.value.handleIndex = 0, g.clear(), g.error(`单次最多可选择${e == null ? void 0 : e.singleLimit}张图片`)) : s.value.handleIndex += 1, s.value.handleIndex === s.value.selectCount - 1 && (s.value = void 0), !1) : new Promise(async (w, E) => {
         try {
-          w(await ue(a));
+          w(await se(a));
         } catch {
           E();
         } finally {
-          $();
+          k();
         }
       });
-    }, ne = async (a) => {
+    }, ie = async (a) => {
       const l = r.value.findIndex((t) => t.uid === a.uid);
       return r.value.splice(l, 1), r.value = [...r.value], !1;
-    }, te = (a, l) => {
+    }, re = (a, l) => {
       e != null && e.onExceed ? e == null || e.onExceed(a, l) : (g.error(`单次最多可选择${(e == null ? void 0 : e.limit) || 1}张图片`), r.value = a);
-    }, ie = async (a) => {
+    }, ue = async (a) => {
       if (e != null && e.onSuccess)
         e == null || e.onSuccess(a);
       else {
         if (!(e != null && e.handlerResponse))
           return;
-        const l = await e.handlerResponse(a.response), t = r.value.findIndex((i) => i.uid === a.uid);
+        const l = await e.handlerResponse(a.response), t = r.value.findIndex((u) => u.uid === a.uid);
         l.success ? r.value[t] = {
           ...r.value[t],
           ...l
         } : r.value.splice(t, 1);
       }
-    }, re = (a) => {
+    }, de = (a) => {
       e != null && e.onError ? e == null || e.onError(a) : setTimeout(() => {
         const l = r.value.findIndex((t) => t.uid === a.uid);
         r.value.splice(l, 1);
       });
-    }, ue = (a) => new Promise((l, t) => {
-      h.value.push({ file: a, resolve: l, reject: t }), h.value.length === 1 && !n.value && $();
-    }), $ = () => {
+    }, se = (a) => new Promise((l, t) => {
+      h.value.push({ file: a, resolve: l, reject: t }), h.value.length === 1 && !n.value && k();
+    }), k = () => {
       n.value === void 0 ? n.value = 0 : n.value + 1 >= h.value.length ? (n.value = void 0, h.value = []) : n.value += 1;
-    }, de = () => {
+    }, ce = () => {
       var a;
       (a = p.value) == null || a.reject();
-    }, se = (a) => {
+    }, fe = (a) => {
       var l;
       (l = p.value) == null || l.resolve(a);
-    }, ce = (a) => {
-      ae("cropperImgLoad", a);
+    }, ve = (a) => {
+      oe("cropperImgLoad", a);
     };
-    J(n, async () => {
-      var w, E, S, k, F, z, j, Q, V, W, H, N, P, T, q, D;
+    K(n, async () => {
+      var w, E, b, F, z, j, Q, V, W, H, N, P, T, q, D, G;
       if (n.value === void 0 || h.value.length === 0)
         return;
-      const a = h.value[n.value], { file: l, resolve: t, reject: i } = a;
-      let d = l.name, u = l;
+      const a = h.value[n.value], { file: l, resolve: t, reject: u } = a;
+      let d = l.name, i = l;
       if ((w = f.value) != null && w.enable) {
         c.value = {
           loading: !0,
@@ -107,7 +107,7 @@ const je = /* @__PURE__ */ fe({
           n.value,
           v.check
         );
-        const o = await we(l, l.name, {
+        const o = await be(l, l.name, {
           imageMaxSize: f.value.maxSize,
           imageAllowedType: f.value.allowedType,
           imageMinWidth: f.value.minWidth,
@@ -115,7 +115,7 @@ const je = /* @__PURE__ */ fe({
           imageMaxWidth: f.value.maxWidth,
           imageMaxHeight: f.value.maxHeight
         });
-        if (c.value = void 0, (S = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || S.call(
+        if (c.value = void 0, (b = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || b.call(
           e,
           l,
           n.value,
@@ -126,26 +126,26 @@ const je = /* @__PURE__ */ fe({
             errorMessage: o == null ? void 0 : o.errorMessage
           }
         ), !o.success)
-          return (k = f.value) != null && k.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片校验及转换失败"), i();
+          return (F = f.value) != null && F.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片校验及转换失败"), u();
         if (o != null && o.hasTransform) {
           const x = d == null ? void 0 : d.split(".");
-          x.pop(), d = `${x.join(",")}.jpg`, u = new File([o.file], d, {
+          x.pop(), d = `${x.join(",")}.jpg`, i = new File([o.file], d, {
             type: o.file.type
           });
         } else
-          u = o.file;
+          i = o.file;
       }
-      if ((F = B.value) != null && F.enable && !d.endsWith(".gif")) {
-        (z = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || z.call(
+      if ((z = B.value) != null && z.enable && !d.endsWith(".gif")) {
+        (j = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || j.call(
           e,
           l,
           n.value,
           v.crop
         );
         try {
-          (j = B.value) != null && j.customCrop ? u = await B.value.customCrop(u) : u = await new Promise((o, x) => {
-            p.value = { file: u, resolve: o, reject: x };
-          }), (Q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || Q.call(
+          (Q = B.value) != null && Q.customCrop ? i = await B.value.customCrop(i) : i = await new Promise((o, x) => {
+            p.value = { file: i, resolve: o, reject: x };
+          }), (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
             e,
             l,
             n.value,
@@ -155,7 +155,7 @@ const je = /* @__PURE__ */ fe({
             }
           );
         } catch {
-          return (V = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || V.call(
+          return (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
             e,
             l,
             n.value,
@@ -167,27 +167,27 @@ const je = /* @__PURE__ */ fe({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (W = B.value) != null && W.showErrorMessage && g.error("图片剪裁失败"), i();
+          ), (H = B.value) != null && H.showErrorMessage && g.error("图片剪裁失败"), u();
         } finally {
           p.value = void 0;
         }
       }
-      if ((H = y.value) != null && H.enable) {
+      if ((N = C.value) != null && N.enable) {
         c.value = {
           loading: !0,
           text: `第${n.value + 1}张图片处理中，请稍等`
-        }, (N = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || N.call(
+        }, (P = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || P.call(
           e,
           l,
           n.value,
           v.compress
         );
-        const o = await Ee(u, {
-          maxSize: y.value.maxSize,
-          size: y.value.size,
-          excludeAllowedTypes: (P = y.value.excludeAllowedTypes) == null ? void 0 : P.map((x) => `image/${x}`)
+        const o = await Le(i, {
+          maxSize: C.value.maxSize,
+          size: C.value.size,
+          excludeAllowedTypes: (T = C.value.excludeAllowedTypes) == null ? void 0 : T.map((x) => `image/${x}`)
         });
-        if (c.value = void 0, (T = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || T.call(
+        if (c.value = void 0, (q = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || q.call(
           e,
           l,
           n.value,
@@ -200,12 +200,12 @@ const je = /* @__PURE__ */ fe({
             errorMessage: o == null ? void 0 : o.errorMessage
           }
         ), !o.success)
-          return (q = y.value) != null && q.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片压缩失败"), i();
-        u = new File([o.file], d, {
+          return (D = C.value) != null && D.showErrorMessage && g.error((o == null ? void 0 : o.errorMessage) || "图片压缩失败"), u();
+        i = new File([o.file], d, {
           type: o.file.type
         });
       }
-      c.value = void 0, (D = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || D.call(
+      c.value = void 0, (G = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || G.call(
         e,
         l,
         n.value,
@@ -213,10 +213,10 @@ const je = /* @__PURE__ */ fe({
         {
           success: !0
         }
-      ), t(u);
+      ), t(i);
     });
     let I;
-    return J(
+    return K(
       () => c.value,
       () => {
         var a;
@@ -226,16 +226,17 @@ const je = /* @__PURE__ */ fe({
           duration: 0
         }) : (a = I == null ? void 0 : I.close) == null || a.call(I);
       }
-    ), _({
-      uploadInsRef: b,
-      cropperInsRef: O
+    ), ae({
+      uploadInsRef: S,
+      cropperInsRef: $
     }), (a, l) => {
-      const t = me("a-upload");
-      return K(), ge("div", null, [
-        pe(t, {
-          class: xe([`${Me}-upload`]),
+      var u, d;
+      const t = he("a-upload");
+      return X(), Ie("div", null, [
+        xe(t, {
+          class: Ce([`${Oe}-upload`]),
           ref_key: "uploadInsRef",
-          ref: b,
+          ref: S,
           "list-type": "picture-card",
           tip: a.tip || "上传",
           "image-preview": "",
@@ -245,39 +246,46 @@ const je = /* @__PURE__ */ fe({
           headers: a.headers,
           data: a.data,
           name: a.name,
-          accept: le.value,
+          accept: ne.value,
           multiple: a.multiple,
           limit: a.limit,
           disabled: a.disabled,
-          "on-before-upload": oe,
-          "on-before-remove": ne,
-          onExceedLimit: te,
-          onSuccess: ie,
-          onError: re
-        }, {
-          image: X(({ fileItem: i }) => [
-            Y(a.$slots, "image", { fileItem: i })
-          ]),
-          "upload-button": X(() => [
-            Y(a.$slots, "upload-button")
-          ]),
-          _: 3
-        }, 8, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
-        p.value && n.value !== void 0 ? (K(), he(Ue, {
+          "on-before-upload": te,
+          "on-before-remove": ie,
+          onExceedLimit: re,
+          onSuccess: ue,
+          onError: de
+        }, Be({ _: 2 }, [
+          (u = Z(O)) != null && u.image ? {
+            name: "image",
+            fn: Y(({ fileItem: i }) => [
+              A(a.$slots, "image", { fileItem: i })
+            ]),
+            key: "0"
+          } : void 0,
+          (d = Z(O)) != null && d["upload-button"] ? {
+            name: "upload-button",
+            fn: Y(() => [
+              A(a.$slots, "upload-button")
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["class", "tip", "file-list", "action", "headers", "data", "name", "accept", "multiple", "limit", "disabled"]),
+        p.value && n.value !== void 0 ? (X(), Ue(we, {
           key: 0,
           ref_key: "cropperInsRef",
-          ref: O,
+          ref: $,
           file: p.value.file,
           index: n.value,
           options: B.value,
-          onCancel: de,
-          onConfirm: se,
-          onImgLoad: ce
-        }, null, 8, ["file", "index", "options"])) : Ie("", !0)
+          onCancel: ce,
+          onConfirm: fe,
+          onImgLoad: ve
+        }, null, 8, ["file", "index", "options"])) : ye("", !0)
       ]);
     };
   }
 });
 export {
-  je as default
+  He as default
 };

package/es/pro-image-upload/index.d.ts

@@ -41,8 +41,8 @@ declare const ProImageUpload: {
             errorMessage?: string;
         }) => void;
     }> & Readonly<{
-        onCropperImgLoad?: ((value: File) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
+        onCropperImgLoad?: ((value: File) => any) | undefined;
     }>, {
         uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             fileList?: unknown;
@@ -618,8 +618,8 @@ declare const ProImageUpload: {
             errorMessage?: string;
         }) => void;
     }> & Readonly<{
-        onCropperImgLoad?: ((value: File) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
+        onCropperImgLoad?: ((value: File) => any) | undefined;
     }>, {
         uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
             fileList?: unknown;
@@ -1149,8 +1149,8 @@ declare const ProImageUpload: {
         errorMessage?: string;
     }) => void;
 }> & Readonly<{
-    onCropperImgLoad?: ((value: File) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('@arco-design/web-vue').FileItem[]) => any) | undefined;
+    onCropperImgLoad?: ((value: File) => any) | undefined;
 }>, {
     uploadInsRef: import('vue').Ref<import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         fileList?: unknown;

package/es/pro-layout/index.d.ts

@@ -42,7 +42,7 @@ declare const ProLayout: {
             default: boolean;
         };
         menuItems: {
-            type: import('vue').PropType<import('../pro-menu').IProMenuItem[]>;
+            type: import('vue').PropType<import('..').IProMenuItem[]>;
             required: false;
             default: () => never[];
         };
@@ -87,7 +87,7 @@ declare const ProLayout: {
             default: boolean;
         };
         onMenuItemClick: {
-            type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
+            type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
             required: false;
         };
     }>> & Readonly<{
@@ -109,7 +109,7 @@ declare const ProLayout: {
         siderWidth: number;
         siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         siderCollapsed: boolean;
-        menuItems: import('../pro-menu').IProMenuItem[];
+        menuItems: import('..').IProMenuItem[];
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
@@ -163,7 +163,7 @@ declare const ProLayout: {
             default: boolean;
         };
         menuItems: {
-            type: import('vue').PropType<import('../pro-menu').IProMenuItem[]>;
+            type: import('vue').PropType<import('..').IProMenuItem[]>;
             required: false;
             default: () => never[];
         };
@@ -208,7 +208,7 @@ declare const ProLayout: {
             default: boolean;
         };
         onMenuItemClick: {
-            type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
+            type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
             required: false;
         };
     }>> & Readonly<{
@@ -227,7 +227,7 @@ declare const ProLayout: {
         siderWidth: number;
         siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
         siderCollapsed: boolean;
-        menuItems: import('../pro-menu').IProMenuItem[];
+        menuItems: import('..').IProMenuItem[];
         footerTitle: string;
         hideFooter: boolean;
         hideTabs: boolean;
@@ -278,7 +278,7 @@ declare const ProLayout: {
         default: boolean;
     };
     menuItems: {
-        type: import('vue').PropType<import('../pro-menu').IProMenuItem[]>;
+        type: import('vue').PropType<import('..').IProMenuItem[]>;
         required: false;
         default: () => never[];
     };
@@ -323,7 +323,7 @@ declare const ProLayout: {
         default: boolean;
     };
     onMenuItemClick: {
-        type: import('vue').PropType<(menuItem: import('../pro-menu').IProMenuItem) => Promise<boolean>>;
+        type: import('vue').PropType<(menuItem: import('..').IProMenuItem) => Promise<boolean>>;
         required: false;
     };
 }>> & Readonly<{
@@ -345,7 +345,7 @@ declare const ProLayout: {
     siderWidth: number;
     siderBreakpoint: "xxl" | "xl" | "lg" | "md" | "sm" | "xs";
     siderCollapsed: boolean;
-    menuItems: import('../pro-menu').IProMenuItem[];
+    menuItems: import('..').IProMenuItem[];
     footerTitle: string;
     hideFooter: boolean;
     hideTabs: boolean;

package/es/style.css

@@ -1 +1 @@
-.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--41512b1e);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--41512b1e);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--41512b1e);padding-left:var(--514ba31c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--27c679ae)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--514ba31c);width:calc(100% - var(--514ba31c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--27c679ae);width:calc(100% - var(--27c679ae))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-72acd329]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-72acd329]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-72acd329]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-f19054ef]{display:flex;align-items:center}
+.keyblade-pro-page-header{background:var(--color-bg-2);padding:16px 32px}.keyblade-pro-page-header .keyblade-pro-page-header-section-breadcrumb .arco-breadcrumb-item:first-child{padding-left:0}.keyblade-pro-page-header .keyblade-pro-page-header-title.arco-typography{padding-top:4px;margin-top:0}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--41512b1e);z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background-color:var(--color-bg-2);border-bottom:1px solid var(--color-border);transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-header-left{cursor:pointer;display:flex;align-items:center}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-img{width:28px;height:28px}.keyblade-pro-layout .keyblade-pro-layout-header-left-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout .keyblade-pro-layout-header-center{flex:1}.keyblade-pro-layout .keyblade-pro-layout-sider{padding-top:var(--41512b1e);position:fixed;top:0;left:0;z-index:99;height:100%;transition:all .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-sider-content{position:relative;height:100%;overflow:auto}.keyblade-pro-layout .keyblade-pro-layout-sider-collapse-btn.arco-btn{position:absolute;right:12px;bottom:12px}.keyblade-pro-layout .keyblade-pro-layout-body{padding-top:var(--41512b1e);padding-left:var(--514ba31c);min-height:100vh;overflow-y:hidden;background-color:var(--color-fill-2);transition:padding .2s cubic-bezier(.34,.69,.1,1)}.keyblade-pro-layout .keyblade-pro-layout-body-affix .arco-affix{z-index:98}.keyblade-pro-layout .keyblade-pro-layout-body-footer{display:flex;align-items:center;justify-content:center;height:40px;color:var(--color-text-2);text-align:center}.keyblade-pro-layout .keyblade-pro-layout-body-collapsed{padding-left:var(--27c679ae)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--514ba31c);width:calc(100% - var(--514ba31c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--27c679ae);width:calc(100% - var(--27c679ae))}.keyblade-pro-layout-side .keyblade-pro-layout-sider{padding-top:0}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo{position:relative;display:flex;align-items:center;padding:16px;cursor:pointer;transition:padding .3s cubic-bezier(.645,.045,.355,1)}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-img{width:28px;height:28px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-content-logo-title.arco-typography{margin:0;font-size:18px}.keyblade-pro-layout-side .keyblade-pro-layout-sider-collapsed .keyblade-pro-layout-sider-content-logo{padding:16px 10px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}.keyblade-pro-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-image-upload-cropper-dialog-cropper-wrapper[data-v-72acd329]{width:100%;height:400px}.keyblade-pro-image-upload-cropper-dialog-operate[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:center}.keyblade-pro-image-upload-cropper-dialog-footer[data-v-72acd329]{margin-top:24px;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-image-upload-cropper-dialog-footer-left[data-v-72acd329]{display:flex;align-items:center;justify-content:flex-start;margin-right:12px}.keyblade-pro-image-upload-cropper-dialog-footer-right[data-v-72acd329]{flex:1;display:flex;align-items:center;justify-content:flex-end}.keyblade-pro-date-range-picker[data-v-a2d94a6c]{display:flex;align-items:center}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@keyblade/pro-components",
   "description": "KeyBlade Pro Components",
   "author": "yangshuai <704807396@qq.com>",
-  "version": "1.12.12",
+  "version": "1.12.14",
   "private": false,
   "type": "module",
   "main": "es/index.js",

package/es/pro-date-range-picker/index.d.ts

@@ -1,82 +0,0 @@
-import { App } from 'vue';
-declare const ProDateRangePicker: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
-        modelValue: {
-            startDate?: string;
-            endDate?: string;
-        };
-        startPlaceholder?: string;
-        endPlaceholder?: string;
-        separator?: string;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: {
-            startDate?: string;
-            endDate?: string;
-        }) => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "update:modelValue": (value: {
-            startDate?: string;
-            endDate?: string;
-        }) => any;
-    }, import('vue').PublicProps, {
-        startPlaceholder: string;
-        endPlaceholder: string;
-        separator: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
-        startDatePickerRef: unknown;
-        endDatePickerRef: unknown;
-    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<{
-        modelValue: {
-            startDate?: string;
-            endDate?: string;
-        };
-        startPlaceholder?: string;
-        endPlaceholder?: string;
-        separator?: string;
-    }> & Readonly<{
-        "onUpdate:modelValue"?: ((value: {
-            startDate?: string;
-            endDate?: string;
-        }) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-        startPlaceholder: string;
-        endPlaceholder: string;
-        separator: string;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<{
-    modelValue: {
-        startDate?: string;
-        endDate?: string;
-    };
-    startPlaceholder?: string;
-    endPlaceholder?: string;
-    separator?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: {
-        startDate?: string;
-        endDate?: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "update:modelValue": (value: {
-        startDate?: string;
-        endDate?: string;
-    }) => any;
-}, string, {
-    startPlaceholder: string;
-    endPlaceholder: string;
-    separator: string;
-}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
-    install: (app: App) => void;
-};
-export { ProDateRangePicker };
-export default ProDateRangePicker;