@keyblade/pro-components 1.11.7 → 1.12.0-alpha.2

package/es/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,9 @@
+const s = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [r, c] of e)
+    o[r] = c;
+  return o;
+};
+export {
+  s as default
+};

package/es/components.d.ts

@@ -1,5 +1,6 @@
 declare module 'vue' {
     interface GlobalComponents {
+        KbProImageUpload: typeof import('./index')['ProImageUpload'];
         KbProPageHeader: typeof import('./index')['ProPageHeader'];
         KbProKeepAliveRouterView: typeof import('./index')['ProKeepAliveRouterView'];
         KbProLayout: typeof import('./index')['ProLayout'];

package/es/index.d.ts

@@ -12,4 +12,5 @@ export type { IProMenuItem } from './pro-menu';
 export { default as ProPageContainer } from './pro-page-container';
 export { default as ProReuseTabs } from './pro-reuse-tabs';
 export type { IProTab } from './pro-reuse-tabs';
+export { default as ProImageUpload } from './pro-image-upload';
 export type {} from './components';

package/es/index.js

@@ -1,26 +1,29 @@
 import { ProPageHeader as o } from "./pro-page-header/index.js";
-import { default as g } from "./pro-page-header/index.js";
+import { default as b } from "./pro-page-header/index.js";
 import { ProKeepAliveRouterView as r } from "./pro-keep-alive-router-view/index.js";
-import { default as b } from "./pro-keep-alive-router-view/index.js";
+import { default as w } from "./pro-keep-alive-router-view/index.js";
 import { ProLayout as t } from "./pro-layout/index.js";
-import { default as w } from "./pro-layout/index.js";
+import { default as A } from "./pro-layout/index.js";
 import { ProMenu as a } from "./pro-menu/index.js";
-import { default as A } from "./pro-menu/index.js";
-import { ProPageContainer as u } from "./pro-page-container/index.js";
-import { default as H } from "./pro-page-container/index.js";
-import { ProReuseTabs as f } from "./pro-reuse-tabs/index.js";
-import { default as L } from "./pro-reuse-tabs/index.js";
-const n = {
+import { default as H } from "./pro-menu/index.js";
+import { ProPageContainer as m } from "./pro-page-container/index.js";
+import { default as K } from "./pro-page-container/index.js";
+import { ProReuseTabs as u } from "./pro-reuse-tabs/index.js";
+import { default as M } from "./pro-reuse-tabs/index.js";
+import { ProImageUpload as f } from "./pro-image-upload/index.js";
+import { default as U } from "./pro-image-upload/index.js";
+const p = {
   install(e) {
-    e.use(o), e.use(r), e.use(t), e.use(a), e.use(u), e.use(f);
+    e.use(o), e.use(r), e.use(t), e.use(a), e.use(m), e.use(u), e.use(f);
   }
 };
 export {
-  b as ProKeepAliveRouterView,
-  w as ProLayout,
-  A as ProMenu,
-  H as ProPageContainer,
-  g as ProPageHeader,
-  L as ProReuseTabs,
-  n as default
+  U as ProImageUpload,
+  w as ProKeepAliveRouterView,
+  A as ProLayout,
+  H as ProMenu,
+  K as ProPageContainer,
+  b as ProPageHeader,
+  M as ProReuseTabs,
+  p as default
 };

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

@@ -0,0 +1,3 @@
+import { ImageUploadOptions } from './types';
+
+export declare const defaultImageUploadOptions: Omit<ImageUploadOptions, 'value' | 'action'>;

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

@@ -0,0 +1,15 @@
+import { defaultImageUploadCheckOptions as e, defaultImageUploadCompressorOptions as o, defaultImageUploadCropOptions as p } from "@keyblade/one-travel";
+const l = {
+  name: "file",
+  accept: e.allowedType,
+  multiple: !0,
+  singleLimit: 10,
+  disabled: !1,
+  hideInnerBeforeUploadLoading: !1,
+  checkOptions: e,
+  compressorOptions: o,
+  cropOptions: p
+};
+export {
+  l as defaultImageUploadOptions
+};

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

@@ -0,0 +1,41 @@
+import { ImageUploadCropOptions } from '@keyblade/one-travel';
+
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    file: File;
+    index: number;
+    options: ImageUploadCropOptions;
+}>, {}>, {
+    cropperInsRef: import('vue').Ref<any>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: () => void;
+    confirm: (value: File) => void;
+    imgLoad: (value: File) => void;
+    reUpload: (index: number) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    file: File;
+    index: number;
+    options: ImageUploadCropOptions;
+}>, {}>>> & {
+    onCancel?: (() => any) | undefined;
+    onConfirm?: ((value: File) => any) | undefined;
+    onImgLoad?: ((value: File) => any) | undefined;
+    onReUpload?: ((index: number) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,7 @@
+import o from "./cropper.vue2.js";
+import "./cropper.vue3.js";
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ae8ab9e0"]]);
+export {
+  e as default
+};

package/es/pro-image-upload/cropper.vue2.js

@@ -0,0 +1,211 @@
+import { defineComponent as j, ref as d, watch as D, resolveComponent as l, openBlock as M, createBlock as P, normalizeClass as _, withCtx as a, createVNode as e, mergeProps as q, createElementVNode as y, createTextVNode as x, nextTick as C } from "vue";
+import "vue-cropper/dist/index.css";
+import G from "vue-cropper/lib/vue-cropper.vue";
+const i = "keyblade-pro-image-upload-cropper", Q = /* @__PURE__ */ j({
+  __name: "cropper",
+  props: {
+    file: {},
+    index: {},
+    options: {}
+  },
+  emits: ["cancel", "confirm", "imgLoad", "reUpload"],
+  setup(H, { expose: R, emit: f }) {
+    const s = H, o = d(), w = d(), u = d(!0), g = d(!1), m = d({
+      autoCropWidth: 100,
+      autoCropHeight: 100
+    }), W = () => {
+      o.value.changeScale(1);
+    }, z = () => {
+      o.value.changeScale(-1);
+    }, I = () => {
+      o.value.rotateRight();
+      const { w: t, h: n } = v();
+      C(() => {
+        o.value.goAutoCrop(t, n);
+      });
+    }, L = () => {
+      o.value.rotateLeft();
+      const { w: t, h: n } = v();
+      C(() => {
+        o.value.goAutoCrop(t, n);
+      });
+    }, $ = () => {
+      o.value.reload(), o.value.rotateClear(), C(() => {
+        o.value.goAutoCrop();
+      });
+    }, b = () => {
+      f("cancel");
+    }, N = () => {
+      u.value || g.value || (g.value = !0, o.value.getCropBlob((t) => {
+        g.value = !1;
+        const n = new File([t], s.file.name, { type: "image/jpeg" });
+        f("confirm", n);
+      }));
+    }, S = () => {
+      u.value = !1;
+      const { w: t, h: n } = v();
+      m.value.autoCropWidth = t, m.value.autoCropHeight = n, f("imgLoad", s.file);
+    }, v = () => {
+      const t = Math.abs(o.value.rotate) % 2 > 0, n = (t ? o.value.trueHeight : o.value.trueWidth) * o.value.scale, r = (t ? o.value.trueWidth : o.value.trueHeight) * o.value.scale;
+      return { w: n, h: r };
+    };
+    return D(
+      () => s.file,
+      () => {
+        if (s.file) {
+          u.value = !0, o.value && o.value.clearCrop();
+          const t = new FileReader();
+          t.onloadend = () => {
+            const n = t.result, r = new Image();
+            r.onload = () => {
+              const h = r.width, c = r.height;
+              w.value = {
+                data: n,
+                width: h,
+                height: c
+              };
+            }, r.src = n;
+          }, t.readAsDataURL(s.file);
+        }
+      },
+      { immediate: !0 }
+    ), R({
+      cropperInsRef: o
+    }), (t, n) => {
+      const r = l("a-spin"), h = l("icon-zoom-in"), c = l("a-button"), p = l("a-tooltip"), A = l("icon-zoom-out"), B = l("icon-rotate-right"), V = l("icon-rotate-left"), E = l("icon-sync"), F = l("a-button-group"), T = l("a-space"), U = l("a-modal");
+      return M(), P(U, {
+        "render-to-body": "",
+        class: _(`${i}-dialog`),
+        title: "编辑图片",
+        width: "675px",
+        visible: !0,
+        footer: !1,
+        "mask-closable": !1,
+        "esc-to-close": !1,
+        "unmount-on-close": "",
+        onClose: b
+      }, {
+        default: a(() => [
+          e(r, {
+            class: _(`${i}-dialog-cropper-wrapper`),
+            loading: u.value
+          }, {
+            default: a(() => {
+              var k;
+              return [
+                e(G, q({
+                  ref_key: "cropperInsRef",
+                  ref: o,
+                  class: `${i}-dialog-cropper`,
+                  img: (k = w.value) == null ? void 0 : k.data,
+                  info: !1,
+                  autoCrop: !0,
+                  autoCropWidth: m.value.autoCropWidth,
+                  autoCropHeight: m.value.autoCropHeight,
+                  full: !0
+                }, t.options, { onImgLoad: S }), null, 16, ["class", "img", "autoCropWidth", "autoCropHeight"])
+              ];
+            }),
+            _: 1
+          }, 8, ["class", "loading"]),
+          y("div", {
+            class: _(`${i}-dialog-operate`)
+          }, [
+            e(F, { type: "primary" }, {
+              default: a(() => [
+                e(p, { content: "放大" }, {
+                  default: a(() => [
+                    e(c, { onClick: W }, {
+                      icon: a(() => [
+                        e(h)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(p, { content: "缩小" }, {
+                  default: a(() => [
+                    e(c, { onClick: z }, {
+                      icon: a(() => [
+                        e(A)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(p, { content: "向右旋转" }, {
+                  default: a(() => [
+                    e(c, { onClick: I }, {
+                      icon: a(() => [
+                        e(B)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(p, { content: "向左旋转" }, {
+                  default: a(() => [
+                    e(c, { onClick: L }, {
+                      icon: a(() => [
+                        e(V)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }),
+                e(p, { content: "重置" }, {
+                  default: a(() => [
+                    e(c, { onClick: $ }, {
+                      icon: a(() => [
+                        e(E)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })
+          ], 2),
+          y("div", {
+            class: _(`${i}-dialog-footer`)
+          }, [
+            e(T, {
+              class: _(`${i}-dialog-footer-right`)
+            }, {
+              default: a(() => [
+                e(c, { onClick: b }, {
+                  default: a(() => [
+                    x("取消")
+                  ]),
+                  _: 1
+                }),
+                e(c, {
+                  disabled: u.value,
+                  type: "primary",
+                  onClick: N,
+                  loading: g.value
+                }, {
+                  default: a(() => [
+                    x("确定")
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "loading"])
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+export {
+  Q as default
+};

package/es/pro-image-upload/cropper.vue3.js

@@ -0,0 +1 @@
+