@aplus-frontend/ui 7.14.0 → 7.14.1

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

@@ -1,4 +1,4 @@
-import { defineComponent as S, computed as l, ref as W, watchEffect as j, createBlock as h, openBlock as i, unref as o, mergeProps as b, withCtx as B, renderSlot as E, normalizeProps as F, guardReactiveProps as L, createElementVNode as v, normalizeClass as U, createElementBlock as x, Fragment as D, renderList as P, resolveDynamicComponent as R, createVNode as T } from "vue";
+import { defineComponent as S, computed as n, ref as _, watchEffect as W, createBlock as h, openBlock as i, unref as r, mergeProps as j, withCtx as B, renderSlot as E, normalizeProps as F, guardReactiveProps as L, createElementVNode as b, normalizeClass as U, createElementBlock as x, Fragment as D, renderList as P, resolveDynamicComponent as R, createVNode as T } from "vue";
 import { DownloadOutlined as z } from "@ant-design/icons-vue";
 import { Image as V } from "@aplus-frontend/antdv";
 import { omit as $ } from "lodash-unified";
@@ -23,20 +23,20 @@ const ue = /* @__PURE__ */ S({
     uiMode: {},
     preview: { type: [Boolean, Object], default: !0 }
   },
-  setup(k) {
-    const { b: u } = X("ap-image"), p = Q("ap-image"), e = k, d = {
+  setup(v) {
+    const { b: u } = X("ap-image"), p = Q("ap-image"), e = v, d = {
       aplus: K,
       admin: J
-    }, w = m("apImage", { uiMode: "aplus" }), C = m("apUpload"), f = m(
+    }, k = m("apImage", { uiMode: "aplus" }), w = m("apUpload"), f = m(
       "downloadCenterTriggerConfig"
-    ), O = l(
-      () => e.uiMode || w.value?.uiMode
-    ), { t: y, lang: A } = Y(), g = l(
-      () => e.getOssAccess || C.value?.getOssAccess
-    ), N = l(
-      () => d[O.value] || d.aplus
-    ), I = l(() => e?.fallback || N.value), s = W("");
-    G(y, A), j(async () => {
+    ), C = n(
+      () => e.uiMode || k.value?.uiMode
+    ), { t: O, lang: y } = Y(), g = n(
+      () => e.getOssAccess || w.value?.getOssAccess
+    ), A = n(
+      () => d[C.value] || d.aplus
+    ), N = n(() => e?.fallback || A.value), s = _("");
+    G(O, y), W(async () => {
       if (!e?.src) {
         s.value = "";
         return;
@@ -46,11 +46,11 @@ const ue = /* @__PURE__ */ S({
         return;
       }
       try {
-        const a = e.src?.match(/^([^:]+):(.*)$/), r = a?.[1], t = a?.[2] ?? e.src, n = await q(
-          () => r ? g.value?.(r) : g.value?.(),
-          r
+        const a = e.src?.match(/^([^:]+):(.*)$/), o = a?.[1], t = a?.[2] ?? e.src, l = await q(
+          () => o ? g.value?.(o) : g.value?.(),
+          o
         ), c = await H({
-          oss: n,
+          oss: l,
           fileName: t
         });
         c && (s.value = c);
@@ -58,46 +58,46 @@ const ue = /* @__PURE__ */ S({
         s.value = "";
       }
     });
-    async function _() {
+    async function I() {
       if (!e?.src)
         return;
-      const a = e.src, r = e.fileName ?? e.src;
+      const a = e.src, o = e.fileName ?? e.src;
       if (e.src?.startsWith("http") || e.src?.startsWith("data:")) {
-        M(a, r);
+        M(a, o);
         return;
       }
       if (f.value?.trigger) {
         let t = [
           {
             objectName: a,
-            fileName: r
+            fileName: o
           }
         ];
         await f.value?.trigger(t);
       }
     }
-    const M = (a, r) => {
+    const M = (a, o) => {
       const t = document.createElement("a");
-      t.href = a, t.rel = "noopener noreferrer", t.setAttribute("download", r), document.body.appendChild(t), t.click(), document.body.removeChild(t);
+      t.href = a, t.rel = "noopener noreferrer", t.setAttribute("download", o), document.body.appendChild(t), t.click(), document.body.removeChild(t);
     };
-    return (a, r) => (i(), h(o(V), b({
-      class: [o(u)(), o(p)]
+    return (a, o) => (i(), h(r(V), j({
+      class: [r(u)(), r(p)]
     }, {
-      ...o($)(e, ["src", "getOssAccess"]),
-      fallback: I.value,
+      ...r($)(e, ["src", "getOssAccess"]),
+      fallback: N.value,
       src: s.value
     }), {
       toolbarRender: B((t) => [
         E(a.$slots, "toolbarRender", F(L({ ...t })), () => [
-          v("div", {
-            class: U([o(u)("toolbar"), o(p)])
+          b("div", {
+            class: U([r(u)("toolbar"), r(p)])
           }, [
-            (i(!0), x(D, null, P(t.originalNodes, (n, c) => (i(), h(R(n), b({ ref_for: !0 }, e, { key: c }), null, 16))), 128)),
-            v("div", {
+            (i(!0), x(D, null, P(t.originalNodes, (l, c) => (i(), h(R(l), { key: c }))), 128)),
+            b("div", {
               class: "ant-image-preview-operations-operation",
-              onClick: _
+              onClick: I
             }, [
-              T(o(z))
+              T(r(z))
             ])
           ], 2)
         ])

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

@@ -1,20 +1,21 @@
-import { genComponentStyleHook as n } from "../../../utils/cssinjs/index.mjs";
-const t = (e) => {
+import { genComponentStyleHook as a } from "../../../utils/cssinjs/index.mjs";
+const n = (e) => {
   const { componentCls: o } = e;
   return {
     [`${o}-toolbar`]: {
       display: "flex",
       alignItems: "center",
-      paddingInline: e.spaceXXL,
+      paddingInline: e.spaceXL,
       paddingBlock: 0,
       backgroundColor: "rgba(0, 0, 0, 0.1)",
-      borderRadius: "100px"
+      borderRadius: "100px",
+      gap: e.space
     }
   };
-}, l = n("ApImage", (e) => [
-  t(e)
+}, t = a("ApImage", (e) => [
+  n(e)
 ]);
 export {
-  l as default,
-  t as genApImageStyle
+  t as default,
+  n as genApImageStyle
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.14.0";
+declare const _default: "7.14.1";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.14.0";
+const e = "7.14.1";
 export {
   e as default
 };

package/lib/src/business/ap-image/ApImage.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ant-design/icons-vue"),_=require("@aplus-frontend/antdv"),I=require("lodash-unified");require("../../config-provider/index.js");const l=require("./hooks/useOss.js"),M=require("./imgs/admin-fallback.jpg.js"),A=require("./imgs/user-fallback.jpg.js"),B=require("./style/index.js"),S=require("../../config-provider/hooks/use-namespace.js"),u=require("../../config-provider/hooks/use-global-config.js"),j=require("../../config-provider/hooks/use-locale.js"),E=e.defineComponent({__name:"ApImage",props:{getOssAccess:{},width:{},height:{},alt:{},fallback:{},src:{},fileName:{},uiMode:{},preview:{type:[Boolean,Object],default:!0}},setup(g){const{b:i}=S.useNamespace("ap-image"),d=B.default("ap-image"),t=g,f={aplus:A.default,admin:M.default},b=u.useGlobalConfig("apImage",{uiMode:"aplus"}),v=u.useGlobalConfig("apUpload"),m=u.useGlobalConfig("downloadCenterTriggerConfig"),h=e.computed(()=>t.uiMode||b.value?.uiMode),{t:k,lang:C}=j.useLocale(),p=e.computed(()=>t.getOssAccess||v.value?.getOssAccess),w=e.computed(()=>f[h.value]||f.aplus),q=e.computed(()=>t?.fallback||w.value),o=e.ref("");l.injectLocaleToOss(k,C),e.watchEffect(async()=>{if(!t?.src){o.value="";return}if(t.src?.startsWith("http")||t.src?.startsWith("data:")||t.src?.startsWith("blob:")){o.value=t.src;return}try{const r=t.src?.match(/^([^:]+):(.*)$/),s=r?.[1],a=r?.[2]??t.src,n=await l.getOssInstance(()=>s?p.value?.(s):p.value?.(),s),c=await l.getSignatureUrl({oss:n,fileName:a});c&&(o.value=c)}catch{o.value=""}});async function O(){if(!t?.src)return;const r=t.src,s=t.fileName??t.src;if(t.src?.startsWith("http")||t.src?.startsWith("data:")){N(r,s);return}if(m.value?.trigger){let a=[{objectName:r,fileName:s}];await m.value?.trigger(a)}}const N=(r,s)=>{const a=document.createElement("a");a.href=r,a.rel="noopener noreferrer",a.setAttribute("download",s),document.body.appendChild(a),a.click(),document.body.removeChild(a)};return(r,s)=>(e.openBlock(),e.createBlock(e.unref(_.Image),e.mergeProps({class:[e.unref(i)(),e.unref(d)]},{...e.unref(I.omit)(t,["src","getOssAccess"]),fallback:q.value,src:o.value}),{toolbarRender:e.withCtx(a=>[e.renderSlot(r.$slots,"toolbarRender",e.normalizeProps(e.guardReactiveProps({...a})),()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(i)("toolbar"),e.unref(d)])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.originalNodes,(n,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),e.mergeProps({ref_for:!0},t,{key:c}),null,16))),128)),e.createElementVNode("div",{class:"ant-image-preview-operations-operation",onClick:O},[e.createVNode(e.unref(y.DownloadOutlined))])],2)])]),_:3},16,["class"]))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ant-design/icons-vue"),I=require("@aplus-frontend/antdv"),M=require("lodash-unified");require("../../config-provider/index.js");const l=require("./hooks/useOss.js"),_=require("./imgs/admin-fallback.jpg.js"),A=require("./imgs/user-fallback.jpg.js"),B=require("./style/index.js"),S=require("../../config-provider/hooks/use-namespace.js"),i=require("../../config-provider/hooks/use-global-config.js"),j=require("../../config-provider/hooks/use-locale.js"),E=e.defineComponent({__name:"ApImage",props:{getOssAccess:{},width:{},height:{},alt:{},fallback:{},src:{},fileName:{},uiMode:{},preview:{type:[Boolean,Object],default:!0}},setup(g){const{b:u}=S.useNamespace("ap-image"),d=B.default("ap-image"),t=g,f={aplus:A.default,admin:_.default},b=i.useGlobalConfig("apImage",{uiMode:"aplus"}),v=i.useGlobalConfig("apUpload"),m=i.useGlobalConfig("downloadCenterTriggerConfig"),h=e.computed(()=>t.uiMode||b.value?.uiMode),{t:k,lang:C}=j.useLocale(),p=e.computed(()=>t.getOssAccess||v.value?.getOssAccess),w=e.computed(()=>f[h.value]||f.aplus),q=e.computed(()=>t?.fallback||w.value),o=e.ref("");l.injectLocaleToOss(k,C),e.watchEffect(async()=>{if(!t?.src){o.value="";return}if(t.src?.startsWith("http")||t.src?.startsWith("data:")||t.src?.startsWith("blob:")){o.value=t.src;return}try{const r=t.src?.match(/^([^:]+):(.*)$/),s=r?.[1],a=r?.[2]??t.src,n=await l.getOssInstance(()=>s?p.value?.(s):p.value?.(),s),c=await l.getSignatureUrl({oss:n,fileName:a});c&&(o.value=c)}catch{o.value=""}});async function O(){if(!t?.src)return;const r=t.src,s=t.fileName??t.src;if(t.src?.startsWith("http")||t.src?.startsWith("data:")){N(r,s);return}if(m.value?.trigger){let a=[{objectName:r,fileName:s}];await m.value?.trigger(a)}}const N=(r,s)=>{const a=document.createElement("a");a.href=r,a.rel="noopener noreferrer",a.setAttribute("download",s),document.body.appendChild(a),a.click(),document.body.removeChild(a)};return(r,s)=>(e.openBlock(),e.createBlock(e.unref(I.Image),e.mergeProps({class:[e.unref(u)(),e.unref(d)]},{...e.unref(M.omit)(t,["src","getOssAccess"]),fallback:q.value,src:o.value}),{toolbarRender:e.withCtx(a=>[e.renderSlot(r.$slots,"toolbarRender",e.normalizeProps(e.guardReactiveProps({...a})),()=>[e.createElementVNode("div",{class:e.normalizeClass([e.unref(u)("toolbar"),e.unref(d)])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.originalNodes,(n,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n),{key:c}))),128)),e.createElementVNode("div",{class:"ant-image-preview-operations-operation",onClick:O},[e.createVNode(e.unref(y.DownloadOutlined))])],2)])]),_:3},16,["class"]))}});exports.default=E;

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),n=e=>{const{componentCls:o}=e;return{[`${o}-toolbar`]:{display:"flex",alignItems:"center",paddingInline:e.spaceXXL,paddingBlock:0,backgroundColor:"rgba(0, 0, 0, 0.1)",borderRadius:"100px"}}},l=t.genComponentStyleHook("ApImage",e=>[n(e)]);exports.default=l;exports.genApImageStyle=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../utils/cssinjs/index.js"),n=e=>{const{componentCls:o}=e;return{[`${o}-toolbar`]:{display:"flex",alignItems:"center",paddingInline:e.spaceXL,paddingBlock:0,backgroundColor:"rgba(0, 0, 0, 0.1)",borderRadius:"100px",gap:e.space}}},a=t.genComponentStyleHook("ApImage",e=>[n(e)]);exports.default=a;exports.genApImageStyle=n;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.14.0";
+declare const _default: "7.14.1";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.14.0";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.14.1";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.14.0",
+  "version": "7.14.1",
   "main": "./lib/index.js",
   "type": "module",
   "files": [
@@ -40,18 +40,18 @@
     "scroll-into-view-if-needed": "^3.1.0",
     "vue-virtual-scroller": "2.0.0-beta.8",
     "vuedraggable": "^4.1.0",
-    "@aplus-frontend/utils": "1.0.65",
-    "@aplus-frontend/hooks": "1.0.7"
+    "@aplus-frontend/hooks": "1.0.7",
+    "@aplus-frontend/utils": "1.0.65"
   },
   "peerDependencies": {
-    "@aplus-frontend/antdv": "^2.1.1",
+    "@aplus-frontend/antdv": "^2.1.2",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "vue": "^3.5.21",
     "vxe-table": "^4.13.37"
   },
   "devDependencies": {
-    "@aplus-frontend/antdv": "^2.1.1",
+    "@aplus-frontend/antdv": "^2.1.2",
     "@aplus-frontend/icon": "^2.0.6",
     "@aplus-frontend/oss": "^2.0.1",
     "@emotion/serialize": "^1.3.3",