@aplus-frontend/ui 0.2.11 → 0.2.13

package/es/src/business/ap-image/ApImage.vue2.mjs

@@ -1,13 +1,15 @@
-import { defineComponent as b, computed as s, ref as k, watchEffect as A, openBlock as O, createBlock as h, unref as l, normalizeProps as _, guardReactiveProps as w } from "vue";
-import { Image as U } from "@aplus-frontend/antdv";
-import { injectLocaleToOss as y, getOssInstance as B, getSignatureUrl as C } from "./hooks/useOss.mjs";
+import { defineComponent as S, computed as s, ref as U, watchEffect as j, openBlock as i, createBlock as g, unref as n, mergeProps as p, withCtx as B, renderSlot as E, normalizeProps as I, guardReactiveProps as L, createElementVNode as b, normalizeClass as D, createElementBlock as M, Fragment as P, renderList as R, resolveDynamicComponent as T, createVNode as x } from "vue";
+import { Image as z } from "@aplus-frontend/antdv";
+import { DownloadOutlined as V } from "@ant-design/icons-vue";
+import { injectLocaleToOss as W, getOssInstance as G, getSignatureUrl as $ } from "./hooks/useOss.mjs";
 import "../../config-provider/index.mjs";
-import F from "./imgs/admin-fallback.jpg.mjs";
-import I from "./imgs/aplus-fallback.jpg.mjs";
-import { omit as M } from "lodash-unified";
-import { useGlobalConfig as n } from "../../config-provider/hooks/use-global-config.mjs";
-import { useLocale as S } from "../../config-provider/hooks/use-locale.mjs";
-const T = /* @__PURE__ */ b({
+import q from "./imgs/admin-fallback.jpg.mjs";
+import H from "./imgs/aplus-fallback.jpg.mjs";
+import { omit as J } from "lodash-unified";
+import { useNamespace as K } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as m } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as Q } from "../../config-provider/hooks/use-locale.mjs";
+const se = /* @__PURE__ */ S({
   __name: "ApImage",
   props: {
     getOssAccess: {},
@@ -16,44 +18,92 @@ const T = /* @__PURE__ */ b({
     alt: {},
     fallback: {},
     src: {},
+    fileName: {},
     preview: { type: [Boolean, Object], default: !0 }
   },
-  setup(i) {
-    const e = i, c = {
-      aplus: I,
-      admin: F
-    }, u = n("uiMode"), f = n("apUpload"), { t: m, lang: p } = S(), g = s(
+  setup(v) {
+    const { b: u } = K("ap-image"), e = v, d = {
+      aplus: H,
+      admin: q
+    }, k = m("uiMode"), w = m("apUpload"), f = m(
+      "downloadCenterTriggerConfig"
+    ), { t: h, lang: C } = Q(), O = s(
       () => {
         var a;
-        return e.getOssAccess || ((a = f.value) == null ? void 0 : a.getOssAccess);
+        return e.getOssAccess || ((a = w.value) == null ? void 0 : a.getOssAccess);
       }
-    ), d = s(
-      () => c[u.value] || c.aplus
-    ), v = s(() => (e == null ? void 0 : e.fallback) || d.value), t = k("");
-    return y(m, p), A(async () => {
+    ), A = s(
+      () => d[k.value] || d.aplus
+    ), N = s(() => (e == null ? void 0 : e.fallback) || A.value), r = U("");
+    W(h, C), j(async () => {
       var a;
-      if (e != null && e.src) {
-        if (!((a = e.src) != null && a.startsWith("Frontend-Upload"))) {
-          t.value = e.src;
-          return;
-        }
-        try {
-          const o = await B(g.value), r = await C({
-            oss: o,
-            fileName: e.src
-          });
-          r && (t.value = r);
-        } catch {
-          t.value = "";
-        }
+      if (!(e != null && e.src)) {
+        r.value = "";
+        return;
       }
-    }), (a, o) => (O(), h(l(U), _(w({
-      ...l(M)(e, ["src", "getOssAccess"]),
-      fallback: v.value,
-      src: t.value
-    })), null, 16));
+      if (!((a = e.src) != null && a.startsWith("Frontend-Upload"))) {
+        r.value = e.src;
+        return;
+      }
+      try {
+        const o = await G(O.value), t = await $({
+          oss: o,
+          fileName: e.src
+        });
+        t && (r.value = t);
+      } catch {
+        r.value = "";
+      }
+    });
+    async function y() {
+      var t, l, c;
+      if (!(e != null && e.src))
+        return;
+      const a = e.src, o = e.fileName ?? e.src;
+      if (!((t = e.src) != null && t.startsWith("Frontend-Upload"))) {
+        _(a, o);
+        return;
+      }
+      if ((l = f.value) != null && l.trigger) {
+        let F = [
+          {
+            objectName: a,
+            fileName: o
+          }
+        ];
+        await ((c = f.value) == null ? void 0 : c.trigger(F));
+      }
+    }
+    const _ = (a, o) => {
+      const t = document.createElement("a");
+      t.href = a, t.rel = "noopener noreferrer", t.setAttribute("download", o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+    };
+    return (a, o) => (i(), g(n(z), p({
+      class: [n(u)()]
+    }, {
+      ...n(J)(e, ["src", "getOssAccess"]),
+      fallback: N.value,
+      src: r.value
+    }), {
+      toolbarRender: B((t) => [
+        E(a.$slots, "toolbarRender", I(L({ ...t })), () => [
+          b("div", {
+            class: D([n(u)("toolbar")])
+          }, [
+            (i(!0), M(P, null, R(t.originalNodes, (l, c) => (i(), g(T(l), p({ ref_for: !0 }, t, { key: c }), null, 16))), 128)),
+            b("div", {
+              class: "ant-image-preview-operations-operation",
+              onClick: y
+            }, [
+              x(n(V))
+            ])
+          ], 2)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class"]));
   }
 });
 export {
-  T as default
+  se as default
 };

package/es/src/business/ap-image/hooks/useOss.mjs

@@ -1,37 +1,46 @@
-import { createOssInstance as o } from "@aplus-frontend/oss";
-let a, s;
-function c(n, t) {
-  a = n, s = t;
+import { createOssInstance as l } from "@aplus-frontend/oss";
+const r = 1e4;
+let a, i;
+function f(t, n) {
+  a = t, i = n;
 }
-const i = {
+const u = {
   "zh-cn": "zh_CN",
   en: "en_US"
 };
-function l() {
-  return i[s.value] ?? "zh_CN";
+function g() {
+  return u[i.value] ?? "zh_CN";
 }
-async function p(n) {
-  if (!n)
+let e;
+async function m(t) {
+  if (!t)
     throw new Error(`${a("ap.apUpload.pleasePass")}getOssAccess`);
-  const t = o();
-  return await t.initOssClient({
-    getOssAccess: n,
-    locale: l(),
-    onFailure: (e) => {
-      throw new Error(
-        typeof (e == null ? void 0 : e.message) == "string" ? e.message : a("ap.apUpload.FailedToObtainOssTemporaryPermissions")
-      );
-    }
-  }), t;
+  return e != null && e.createDate && e.createDate < Date.now() + r && (e != null && e.oss) || (e = {
+    oss: new Promise((n, c) => {
+      const o = l();
+      o.initOssClient({
+        getOssAccess: t,
+        locale: g(),
+        onFailure: (s) => {
+          c(
+            typeof (s == null ? void 0 : s.message) == "string" ? s.message : a("ap.apUpload.FailedToObtainOssTemporaryPermissions")
+          );
+        }
+      }).then(() => {
+        n(o);
+      });
+    }),
+    createDate: Date.now()
+  }), e.oss;
 }
-function g({
-  oss: n,
-  fileName: t
+function O({
+  oss: t,
+  fileName: n
 }) {
-  return n.getSignatureUrl(t);
+  return t.getSignatureUrl(n);
 }
 export {
-  p as getOssInstance,
-  g as getSignatureUrl,
-  c as injectLocaleToOss
+  m as getOssInstance,
+  O as getSignatureUrl,
+  f as injectLocaleToOss
 };

package/es/src/business/ap-image/index.d.ts

@@ -1,5 +1,6 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
 import { accessCreate } from '@aplus-frontend/oss';
+import { ImgInfo } from '@aplus-frontend/antdv/es/vc-image/src/Preview';
 export * from './interface';
 declare const ApImage: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
@@ -12,6 +13,9 @@ declare const ApImage: {
         getOssAccess: {
             type: PropType<() => Promise< accessCreate>>;
         };
+        fileName: {
+            type: PropType<string>;
+        };
         src: {
             type: PropType<string>;
         };
@@ -42,6 +46,9 @@ declare const ApImage: {
         getOssAccess: {
             type: PropType<() => Promise< accessCreate>>;
         };
+        fileName: {
+            type: PropType<string>;
+        };
         src: {
             type: PropType<string>;
         };
@@ -88,6 +95,9 @@ declare const ApImage: {
         getOssAccess: {
             type: PropType<() => Promise< accessCreate>>;
         };
+        fileName: {
+            type: PropType<string>;
+        };
         src: {
             type: PropType<string>;
         };
@@ -131,6 +141,9 @@ declare const ApImage: {
     getOssAccess: {
         type: PropType<() => Promise< accessCreate>>;
     };
+    fileName: {
+        type: PropType<string>;
+    };
     src: {
         type: PropType<string>;
     };
@@ -160,7 +173,34 @@ declare const ApImage: {
         maskClassName?: string;
         current?: number;
     };
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        toolbarRender?(_: {
+            originalNodes: import("vue/jsx-runtime").JSX.Element[];
+            actions: {
+                onFlipX: () => void;
+                onFlipY: () => void;
+                onRotateLeft: () => void;
+                onRotateRight: () => void;
+                onZoomIn: () => void;
+                onZoomOut: () => void;
+            };
+            transform: {
+                x: number;
+                y: number;
+                scale: number;
+                rotate: number;
+                flip: {
+                    x: number;
+                    y: number;
+                };
+            };
+            image: ImgInfo;
+            current?: number;
+            total?: number;
+        }): any;
+    };
+}) & ( Plugin & (new (...args: any[]) => {
     $props: {
         onClick?: () => void;
     };

package/es/src/business/ap-image/interface.d.ts

@@ -6,6 +6,7 @@ export interface ApImageProps {
     alt?: string;
     fallback?: string;
     src?: string;
+    fileName?: string;
     preview?: boolean | {
         visible?: boolean;
         onVisibleChange?: (visible: boolean, prevVisible: boolean) => void;

package/es/src/business/ap-image/style/css.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/business/ap-image/style/css.js

@@ -1 +1 @@
-export {};
+import '@aplus-frontend/ui-theme/dist/ap-image/ap-image.css';

package/es/src/business/ap-image/style/index.d.ts

@@ -1 +0,0 @@
-export {};

package/es/src/business/ap-image/style/index.js

@@ -1 +1 @@
-export {};
+import '@aplus-frontend/ui-theme/src/ap-image/ap-image.less';

package/es/src/business/ap-summary/ap-summary.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as I, computed as v, openBlock as m, createBlock as l, unref as r, normalizeClass as y, withCtx as f, createElementBlock as L, Fragment as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as N } from "vue";
-import { isNil as R, get as c } from "lodash-unified";
-import { TableSummaryRow as A, TableSummaryCell as D } from "@aplus-frontend/antdv";
-import { flattenColumns as F, formatDataIndex as u } from "./utils.mjs";
+import { defineComponent as v, computed as L, createVNode as N, Fragment as y, openBlock as m, createBlock as i, unref as r, normalizeClass as f, withCtx as x, createElementBlock as w, renderList as z, normalizeStyle as B, resolveDynamicComponent as R } from "vue";
+import { isNil as A, get as c } from "lodash-unified";
+import { TableSummaryRow as D, TableSummaryCell as F } from "@aplus-frontend/antdv";
+import { flattenColumns as V, formatDataIndex as u } from "./utils.mjs";
 import "../../config-provider/index.mjs";
-import { isNumeric as E, toThousand as P, toFixed as V } from "@aplus-frontend/utils";
-import { useNamespace as $ } from "../../config-provider/hooks/use-namespace.mjs";
-const O = /* @__PURE__ */ I({
+import { isNumeric as E, toThousand as P, toFixed as $ } from "@aplus-frontend/utils";
+import { useNamespace as j } from "../../config-provider/hooks/use-namespace.mjs";
+const Q = /* @__PURE__ */ v({
   name: "ApSummary",
   __name: "ap-summary",
   props: {
@@ -22,14 +22,14 @@ const O = /* @__PURE__ */ I({
       default: "middle"
     }
   },
-  setup(x) {
-    const n = x, k = (a) => a === 0, h = (a, o) => {
+  setup(k) {
+    const n = k, h = (a) => a === 0, T = (a, o) => {
       var s;
       if (!a || !E(a) || o.valueType !== "number")
         return a;
       const e = (s = o.fieldProps) == null ? void 0 : s.field, t = (e == null ? void 0 : e.precision) || 0;
-      return (R(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? P(a, t) : V(a, t);
-    }, T = v(() => {
+      return (A(e == null ? void 0 : e.thousands) ? !0 : e == null ? void 0 : e.thousands) ? P(a, t) : $(a, t);
+    }, C = L(() => {
       let a = [];
       n.hasSelect && a.push({
         key: "select",
@@ -37,17 +37,17 @@ const O = /* @__PURE__ */ I({
         align: "left",
         value: ""
       });
-      const e = F(n.columns).map((t, d) => {
+      const e = V(n.columns).map((t, d) => {
         let s;
-        const g = c(n.data, u(t.dataIndex || t.key));
-        if (k(d))
+        const b = c(n.data, u(t.dataIndex || t.key));
+        if (h(d))
           s = n.summaryTitle;
-        else if (g && (t.customRender || t.renderText)) {
-          const p = c(n.data, u(t.dataIndex || t.key)), b = u(t.dataIndex || t.key), i = t.customRender || t.renderText;
-          s = i == null ? void 0 : i({
+        else if (b && (t.customRender || t.renderText)) {
+          const p = c(n.data, u(t.dataIndex || t.key)), I = u(t.dataIndex || t.key), l = t.customRender || t.renderText;
+          s = l == null ? void 0 : l({
             value: p,
             record: {
-              [b]: p
+              [I]: p
             },
             text: void 0,
             index: 0,
@@ -55,32 +55,32 @@ const O = /* @__PURE__ */ I({
             column: {}
           });
         } else
-          s = h(c(n.data, u(t.dataIndex || t.key)), t);
+          s = T(c(n.data, u(t.dataIndex || t.key)), t);
         return {
           key: t.key,
           rowSpan: 1,
           align: t.align,
-          value: s
+          value: N(y, null, [s])
         };
       });
       return a.concat(e);
     }), {
-      b: C,
-      e: S,
-      em: _
-    } = $("ap-summary");
-    return (a, o) => (m(), l(r(A), {
-      class: y(r(C)())
+      b: S,
+      e: _,
+      em: g
+    } = j("ap-summary");
+    return (a, o) => (m(), i(r(D), {
+      class: f(r(S)())
     }, {
-      default: f(() => [(m(!0), L(w, null, z(T.value, (e, t) => (m(), l(r(D), {
-        class: y(`${n.size === "small" ? r(_)("item", "small") : r(S)("item")}`),
+      default: x(() => [(m(!0), w(y, null, z(C.value, (e, t) => (m(), i(r(F), {
+        class: f(`${n.size === "small" ? r(g)("item", "small") : r(_)("item")}`),
         key: e.key,
         index: t,
         style: B({
           textAlign: e.align
         })
       }, {
-        default: f(() => [(m(), l(N(e.value)))]),
+        default: x(() => [(m(), i(R(e.value)))]),
         _: 2
       }, 1032, ["class", "index", "style"]))), 128))]),
       _: 1
@@ -88,5 +88,5 @@ const O = /* @__PURE__ */ I({
   }
 });
 export {
-  O as default
+  Q as default
 };

package/es/src/business/ap-upload-file/ap-upload-single/ap-upload-single.vue.d.ts

@@ -0,0 +1,50 @@
+import { ApUploadSingleProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApUploadSingleProps>, {
+    needName: boolean;
+    maxSize: number;
+    accept: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:fileList": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApUploadSingleProps>, {
+    needName: boolean;
+    maxSize: number;
+    accept: string;
+}>>> & {
+    "onUpdate:fileList"?: ((...args: any[]) => any) | undefined;
+}, {
+    accept: string;
+    maxSize: number;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};