@keyblade/pro-components 1.12.1-alpha.14 → 1.12.1-alpha.15

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

@@ -1,18 +1,18 @@
-import { defineComponent as X, mergeModels as V, useModel as Y, ref as d, computed as U, watch as F, openBlock as Z, createElementBlock as N } from "vue";
+import { defineComponent as N, mergeModels as F, useModel as X, ref as d, computed as U, watch as T, resolveComponent as Y, openBlock as Z, createElementBlock as A, createVNode as R } from "vue";
 import { Message as I } from "@arco-design/web-vue";
-import { conclude as x } from "vue-global-config";
-import { EImageUploadInnerBeforeUploadStep as i } from "./types.js";
+import { conclude as B } from "vue-global-config";
+import { EImageUploadInnerBeforeUploadStep as u } from "./types.js";
 import { defaultImageUploadOptions as f } from "./constant.js";
-import { defaultImageUploadCheckOptions as A, defaultImageUploadCompressorOptions as R, defaultImageUploadCropOptions as ee, oneTravelImageCheckAndTransform as ae, oneTravelImageCompressor as oe } from "@keyblade/one-travel";
-var T, q, P;
-const se = /* @__PURE__ */ X({
+import { defaultImageUploadCheckOptions as ee, defaultImageUploadCompressorOptions as ae, defaultImageUploadCropOptions as oe, oneTravelImageCheckAndTransform as le, oneTravelImageCompressor as te } from "@keyblade/one-travel";
+var q, P, D;
+const fe = /* @__PURE__ */ N({
   __name: "image-upload",
-  props: /* @__PURE__ */ V({
+  props: /* @__PURE__ */ F({
     action: {},
     handlerResponse: {},
     headers: {},
     data: {},
-    name: { default: (T = f) == null ? void 0 : T.name },
+    name: { default: (q = f) == null ? void 0 : q.name },
     tip: {},
     accept: { default: () => {
       var v;
@@ -21,8 +21,8 @@ const se = /* @__PURE__ */ X({
     multiple: { type: Boolean, default: f.multiple },
     singleLimit: { default: f.singleLimit },
     limit: {},
-    disabled: { type: Boolean, default: (q = f) == null ? void 0 : q.disabled },
-    hideInnerBeforeUploadLoading: { type: Boolean, default: (P = f) == null ? void 0 : P.hideInnerBeforeUploadLoading },
+    disabled: { type: Boolean, default: (P = f) == null ? void 0 : P.disabled },
+    hideInnerBeforeUploadLoading: { type: Boolean, default: (D = f) == null ? void 0 : D.hideInnerBeforeUploadLoading },
     checkOptions: {},
     compressorOptions: {},
     cropOptions: {},
@@ -36,31 +36,31 @@ const se = /* @__PURE__ */ X({
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ V(["cropperImgLoad"], ["update:modelValue"]),
-  setup(v, { expose: D, emit: le }) {
-    Y(v, "modelValue");
-    const e = v, G = d(), J = d(), B = d(), M = d(
+  emits: /* @__PURE__ */ F(["cropperImgLoad"], ["update:modelValue"]),
+  setup(v, { expose: G, emit: re }) {
+    X(v, "modelValue");
+    const e = v, J = d(), K = d(), M = d(), w = d(
       []
     ), o = d(), r = d();
-    d(), U(() => e.accept.map((u) => `.${u}`).join(","));
-    const n = U(() => x([e.checkOptions, A]) || {}), g = U(() => x([e.compressorOptions, R]) || {}), p = U(() => x([e.cropOptions, ee]) || {});
-    F(o, async () => {
-      var w, y, E, O, C, S, b, z, _, j, L, $, H, W, k, Q;
-      if (o.value === void 0 || M.value.length === 0)
+    d(), U(() => e.accept.map((i) => `.${i}`).join(","));
+    const n = U(() => B([e.checkOptions, ee]) || {}), g = U(() => B([e.compressorOptions, ae]) || {}), p = U(() => B([e.cropOptions, oe]) || {});
+    T(o, async () => {
+      var y, E, O, C, S, b, _, z, j, L, $, H, V, W, k, Q;
+      if (o.value === void 0 || w.value.length === 0)
         return;
-      const u = M.value[o.value], { file: l, resolve: K, reject: h } = u;
+      const i = w.value[o.value], { file: l, resolve: h, reject: x } = i;
       let s = l.name, t = l;
-      if ((w = n.value) != null && w.enable) {
+      if ((y = n.value) != null && y.enable) {
         r.value = {
           loading: !0,
           text: `第${o.value + 1}张图片检测中，请稍等`
-        }, (y = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || y.call(
+        }, (E = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || E.call(
           e,
           l,
           o.value,
-          i.check
+          u.check
         );
-        const a = await ae(l, l.name, {
+        const a = await le(l, l.name, {
           imageMaxSize: n.value.maxSize,
           imageAllowedType: n.value.allowedType,
           imageMinWidth: n.value.minWidth,
@@ -68,18 +68,18 @@ const se = /* @__PURE__ */ X({
           imageMaxWidth: n.value.maxWidth,
           imageMaxHeight: n.value.maxHeight
         });
-        if (r.value = void 0, (E = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || E.call(
+        if (r.value = void 0, (O = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || O.call(
           e,
           l,
           o.value,
-          i.check,
+          u.check,
           {
             success: a.success,
             error: a == null ? void 0 : a.error,
             errorMessage: a == null ? void 0 : a.errorMessage
           }
         ), !a.success)
-          return (O = n.value) != null && O.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片校验及转换失败"), h();
+          return (C = n.value) != null && C.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片校验及转换失败"), x();
         if (a != null && a.hasTransform) {
           const m = s == null ? void 0 : s.split(".");
           m.pop(), s = `${m.join(",")}.jpg`, t = new File([a.file], s, {
@@ -88,31 +88,31 @@ const se = /* @__PURE__ */ X({
         } else
           t = a.file;
       }
-      if ((C = p.value) != null && C.enable) {
-        (S = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || S.call(
+      if ((S = p.value) != null && S.enable) {
+        (b = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || b.call(
           e,
           l,
           o.value,
-          i.crop
+          u.crop
         );
         try {
-          (b = p.value) != null && b.customCrop ? t = await p.value.customCrop(t) : t = await new Promise((a, m) => {
-            B.value = { file: t, resolve: a, reject: m };
+          (_ = p.value) != null && _.customCrop ? t = await p.value.customCrop(t) : t = await new Promise((a, m) => {
+            M.value = { file: t, resolve: a, reject: m };
           }), (z = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || z.call(
             e,
             l,
             o.value,
-            i.crop,
+            u.crop,
             {
               success: !1
             }
           );
         } catch {
-          return (_ = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || _.call(
+          return (j = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || j.call(
             e,
             l,
             o.value,
-            i.crop,
+            u.crop,
             {
               success: !1,
               error: {
@@ -120,31 +120,31 @@ const se = /* @__PURE__ */ X({
               },
               errorMessage: "图片剪裁失败"
             }
-          ), (j = p.value) != null && j.showErrorMessage && I.error("图片剪裁失败"), h();
+          ), (L = p.value) != null && L.showErrorMessage && I.error("图片剪裁失败"), x();
         } finally {
-          B.value = void 0;
+          M.value = void 0;
         }
       }
-      if ((L = g.value) != null && L.enable) {
+      if (($ = g.value) != null && $.enable) {
         r.value = {
           loading: !0,
           text: `第${o.value + 1}张图片处理中，请稍等`
-        }, ($ = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || $.call(
+        }, (H = e == null ? void 0 : e.onInnerBeforeUploadStart) == null || H.call(
           e,
           l,
           o.value,
-          i.compress
+          u.compress
         );
-        const a = await oe(t, {
+        const a = await te(t, {
           maxSize: g.value.maxSize,
           size: g.value.size,
-          excludeAllowedTypes: (H = g.value.excludeAllowedTypes) == null ? void 0 : H.map((m) => `image/${m}`)
+          excludeAllowedTypes: (V = g.value.excludeAllowedTypes) == null ? void 0 : V.map((m) => `image/${m}`)
         });
         if (r.value = void 0, (W = e == null ? void 0 : e.onInnerBeforeUploadEnd) == null || W.call(
           e,
           l,
           o.value,
-          i.compress,
+          u.compress,
           {
             success: a.success,
             error: {
@@ -153,7 +153,7 @@ const se = /* @__PURE__ */ X({
             errorMessage: a == null ? void 0 : a.errorMessage
           }
         ), !a.success)
-          return (k = g.value) != null && k.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片压缩失败"), h();
+          return (k = g.value) != null && k.showErrorMessage && I.error((a == null ? void 0 : a.errorMessage) || "图片压缩失败"), x();
         t = new File([a.file], s, {
           type: a.file.type
         });
@@ -162,29 +162,34 @@ const se = /* @__PURE__ */ X({
         e,
         l,
         o.value,
-        i.all,
+        u.all,
         {
           success: !0
         }
-      ), K(t);
+      ), h(t);
     });
     let c;
-    return F(
+    return T(
       () => r.value,
       () => {
-        var u;
+        var i;
         r.value ? c = I.loading({
           content: r.value.text,
           id: "image-upload-id",
           duration: 0
-        }) : (u = c == null ? void 0 : c.close) == null || u.call(c);
+        }) : (i = c == null ? void 0 : c.close) == null || i.call(c);
       }
-    ), D({
-      uploadInsRef: G,
-      cropperInsRef: J
-    }), (u, l) => (Z(), N("div"));
+    ), G({
+      uploadInsRef: J,
+      cropperInsRef: K
+    }), (i, l) => {
+      const h = Y("a-upload");
+      return Z(), A("div", null, [
+        R(h, { action: i.action }, null, 8, ["action"])
+      ]);
+    };
   }
 });
 export {
-  se as default
+  fe as default
 };

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(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);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(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}
+.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-page-container .keyblade-pro-page-container-content{padding:20px}.keyblade-pro-menu .keyblade-pro-menu-item-img{width:14px;height:auto}.keyblade-pro-layout{width:100%;height:100%}.keyblade-pro-layout .keyblade-pro-layout-header{position:fixed;top:0;left:0;width:100%;height:var(--2156faf3);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(--2156faf3);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(--2156faf3);padding-left:var(--2e3e7e4c);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(--a70b89aa)}.keyblade-pro-layout-side .keyblade-pro-layout-header{z-index:98;left:var(--2e3e7e4c);width:calc(100% - var(--2e3e7e4c))}.keyblade-pro-layout-side .keyblade-pro-layout-header-collapsed{left:var(--a70b89aa);width:calc(100% - var(--a70b89aa))}.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-reuse-tabs{position:relative;background-color:var(--color-bg-2);padding:4px 20px}

package/package.json

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