@aplus-frontend/ui 0.0.1-beta.24 → 0.0.1-beta.25

package/es/src/ap-download/ap-download.vue.mjs

@@ -1,9 +1,10 @@
-import { defineComponent as b, computed as n, openBlock as _, createElementBlock as k, normalizeStyle as y, normalizeClass as o, createElementVNode as r, renderSlot as z, toDisplayString as v } from "vue";
+import { defineComponent as _, computed as n, onMounted as y, openBlock as z, createElementBlock as I, normalizeStyle as O, normalizeClass as i, createElementVNode as a, renderSlot as v, toDisplayString as B } from "vue";
 import "../config-provider/index.mjs";
+import { useOssInit as M, useOss as N } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { useGlobalConfig as B } from "../config-provider/hooks/use-global-config.mjs";
-import { useNamespace as I } from "../config-provider/hooks/use-namespace.mjs";
-const F = { class: "icon" }, M = { class: "text" }, G = /* @__PURE__ */ b({
+import { useGlobalConfig as k } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
+const F = { class: "icon" }, W = { class: "text" }, q = /* @__PURE__ */ _({
   name: "ApDownload",
   __name: "ap-download",
   props: {
@@ -11,40 +12,45 @@ const F = { class: "icon" }, M = { class: "text" }, G = /* @__PURE__ */ b({
     color: { default: "#0070FF" },
     size: { default: "middle" },
     disabled: { type: Boolean, default: !1 },
-    triggerClick: {}
+    fileName: {},
+    getOssAccess: {}
   },
-  setup(p) {
-    const e = p, l = B("uiMode"), { b: s, bm: a } = I("download");
-    function c(t, i) {
-      t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
-      const f = parseInt(t.slice(1, 3), 16), S = parseInt(t.slice(3, 5), 16), $ = parseInt(t.slice(5, 7), 16), w = Math.round(i * 255).toString(16).padStart(2, "0");
-      return `#${f.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${w}`;
+  setup(l) {
+    const t = l, p = k("uiMode"), { b: o, bm: s } = A("download");
+    function c(e, r) {
+      e.length === 4 && (e = `#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);
+      const w = parseInt(e.slice(1, 3), 16), S = parseInt(e.slice(3, 5), 16), $ = parseInt(e.slice(5, 7), 16), b = Math.round(r * 255).toString(16).padStart(2, "0");
+      return `#${w.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${b}`;
     }
     const d = n(() => ({
-      "--tag-main-color": e.color,
-      "--tag-main-color-opacity": c(e.color, 0.6)
-    })), u = n(() => [s("wrapper"), a("wrapper", e.size)].filter(Boolean)), m = n(() => {
-      const t = [s("inner-wrapper"), a("inner-wrapper", e.size)];
-      return e.disabled && (l.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
-    }), g = () => {
-      e.triggerClick && e.triggerClick();
+      "--download-main-color": t.color,
+      "--download-main-color-opacity": c(t.color, 0.6)
+    })), u = n(() => [o("wrapper"), s("wrapper", t.size)].filter(Boolean)), m = n(() => {
+      const e = [o("inner-wrapper"), s("inner-wrapper", t.size)];
+      return t.disabled && (p.value === "aplus" ? e.push(s("inner-wrapper", "disabled")) : e.push(s("inner-wrapper", "disabled-admin"))), e;
+    });
+    y(() => {
+      t.disabled || M(t.getOssAccess);
+    });
+    const { client: f } = N(), g = () => {
+      t.disabled || f.downloadFile(t.fileName);
     };
-    return (t, i) => (_(), k("span", {
-      style: y(d.value),
-      class: o(u.value),
+    return (e, r) => (z(), I("span", {
+      style: O(d.value),
+      class: i(u.value),
       onClick: g
     }, [
-      r("span", {
-        class: o(m.value)
+      a("span", {
+        class: i(m.value)
       }, [
-        r("span", F, [
-          z(t.$slots, "icon")
+        a("span", F, [
+          v(e.$slots, "icon")
         ]),
-        r("span", M, v(t.text), 1)
+        a("span", W, B(e.text), 1)
       ], 2)
     ], 6));
   }
 });
 export {
-  G as default
+  q as default
 };

package/es/src/ap-download/hooks/index.d.ts

@@ -1,4 +1,5 @@
 import { Oss } from '@aplus-frontend/oss';
+
 export type { Oss } from '@aplus-frontend/oss';
 export declare function useOss(): {
     client: Oss;

package/es/src/ap-download/hooks/index.mjs

@@ -0,0 +1,20 @@
+import { client as t } from "@aplus-frontend/oss";
+function i() {
+  return { client: t };
+}
+async function e(n) {
+  if (!n)
+    throw new Error("请传入getOssAccess");
+  return await t.initOssClient({
+    getOssAccess: n,
+    onFailure: (s) => {
+      throw new Error(
+        typeof (s == null ? void 0 : s.message) == "string" ? s.message : "获取oss临时权限失败"
+      );
+    }
+  }), i();
+}
+export {
+  i as useOss,
+  e as useOssInit
+};

package/es/src/ap-download/interface.d.ts

@@ -1,3 +1,14 @@
+interface accessCreate {
+    bucket: string;
+    regionId: string;
+    endpoint: string;
+    accessKeyId: string;
+    accessKeySecret: string;
+    expiration: number;
+    extInformation: string;
+    fileProvideType: string;
+    callbackUrl: string;
+}
 export interface ApDownLoadProps {
     /**
      * 标签内容
@@ -16,5 +27,7 @@ export interface ApDownLoadProps {
      * @default false
      */
     disabled?: boolean;
-    triggerClick?: () => void;
+    fileName: string;
+    getOssAccess: () => Promise<accessCreate>;
 }
+export {};

package/es/src/ap-download/style/ap-download.css

@@ -5,7 +5,7 @@
 }
 .aplus-download-inner-wrapper {
   display: inline-block;
-  color: var(--tag-main-color);
+  color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -18,7 +18,7 @@
   margin-left: 5px;
 }
 .aplus-download-inner-wrapper:hover {
-  color: var(--tag-main-color-opacity);
+  color: var(--download-main-color-opacity);
 }
 .aplus-download-inner-wrapper--large {
   line-height: 26px;

package/es/src/theme/ap-download/ap-download.css

@@ -5,7 +5,7 @@
 }
 .aplus-download-inner-wrapper {
   display: inline-block;
-  color: var(--tag-main-color);
+  color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -18,7 +18,7 @@
   margin-left: 5px;
 }
 .aplus-download-inner-wrapper:hover {
-  color: var(--tag-main-color-opacity);
+  color: var(--download-main-color-opacity);
 }
 .aplus-download-inner-wrapper--large {
   line-height: 26px;

package/lib/src/ap-download/ap-download.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");require("./style/ap-download.css");const b=require("../config-provider/hooks/use-global-config.js"),$=require("../config-provider/hooks/use-namespace.js"),w={class:"icon"},_={class:"text"},y=t.defineComponent({name:"ApDownload",__name:"ap-download",props:{text:{},color:{default:"#0070FF"},size:{default:"middle"},disabled:{type:Boolean,default:!1},triggerClick:{}},setup(i){const a=i,o=b.useGlobalConfig("uiMode"),{b:r,bm:n}=$.useNamespace("download");function l(e,s){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const g=parseInt(e.slice(1,3),16),m=parseInt(e.slice(3,5),16),f=parseInt(e.slice(5,7),16),S=Math.round(s*255).toString(16).padStart(2,"0");return`#${g.toString(16).padStart(2,"0")}${m.toString(16).padStart(2,"0")}${f.toString(16).padStart(2,"0")}${S}`}const c=t.computed(()=>({"--tag-main-color":a.color,"--tag-main-color-opacity":l(a.color,.6)})),p=t.computed(()=>[r("wrapper"),n("wrapper",a.size)].filter(Boolean)),u=t.computed(()=>{const e=[r("inner-wrapper"),n("inner-wrapper",a.size)];return a.disabled&&(o.value==="aplus"?e.push(n("inner-wrapper","disabled")):e.push(n("inner-wrapper","disabled-admin"))),e}),d=()=>{a.triggerClick&&a.triggerClick()};return(e,s)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(c.value),class:t.normalizeClass(p.value),onClick:d},[t.createElementVNode("span",{class:t.normalizeClass(u.value)},[t.createElementVNode("span",w,[t.renderSlot(e.$slots,"icon")]),t.createElementVNode("span",_,t.toDisplayString(e.text),1)],2)],6))}});exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../config-provider/index.js");const o=require("./hooks/index.js");require("./style/ap-download.css");const $=require("../config-provider/hooks/use-global-config.js"),_=require("../config-provider/hooks/use-namespace.js"),y={class:"icon"},v={class:"text"},N=t.defineComponent({name:"ApDownload",__name:"ap-download",props:{text:{},color:{default:"#0070FF"},size:{default:"middle"},disabled:{type:Boolean,default:!1},fileName:{},getOssAccess:{}},setup(i){const s=i,l=$.useGlobalConfig("uiMode"),{b:a,bm:n}=_.useNamespace("download");function c(e,r){e.length===4&&(e=`#${e[1]}${e[1]}${e[2]}${e[2]}${e[3]}${e[3]}`);const g=parseInt(e.slice(1,3),16),w=parseInt(e.slice(3,5),16),S=parseInt(e.slice(5,7),16),b=Math.round(r*255).toString(16).padStart(2,"0");return`#${g.toString(16).padStart(2,"0")}${w.toString(16).padStart(2,"0")}${S.toString(16).padStart(2,"0")}${b}`}const d=t.computed(()=>({"--download-main-color":s.color,"--download-main-color-opacity":c(s.color,.6)})),p=t.computed(()=>[a("wrapper"),n("wrapper",s.size)].filter(Boolean)),u=t.computed(()=>{const e=[a("inner-wrapper"),n("inner-wrapper",s.size)];return s.disabled&&(l.value==="aplus"?e.push(n("inner-wrapper","disabled")):e.push(n("inner-wrapper","disabled-admin"))),e});t.onMounted(()=>{s.disabled||o.useOssInit(s.getOssAccess)});const{client:m}=o.useOss(),f=()=>{s.disabled||m.downloadFile(s.fileName)};return(e,r)=>(t.openBlock(),t.createElementBlock("span",{style:t.normalizeStyle(d.value),class:t.normalizeClass(p.value),onClick:f},[t.createElementVNode("span",{class:t.normalizeClass(u.value)},[t.createElementVNode("span",y,[t.renderSlot(e.$slots,"icon")]),t.createElementVNode("span",v,t.toDisplayString(e.text),1)],2)],6))}});exports.default=N;

package/lib/src/ap-download/hooks/index.d.ts

@@ -1,4 +1,5 @@
 import { Oss } from '@aplus-frontend/oss';
+
 export type { Oss } from '@aplus-frontend/oss';
 export declare function useOss(): {
     client: Oss;

package/lib/src/ap-download/hooks/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@aplus-frontend/oss");function n(){return{client:e.client}}async function i(t){if(!t)throw new Error("请传入getOssAccess");return await e.client.initOssClient({getOssAccess:t,onFailure:s=>{throw new Error(typeof(s==null?void 0:s.message)=="string"?s.message:"获取oss临时权限失败")}}),n()}exports.useOss=n;exports.useOssInit=i;

package/lib/src/ap-download/interface.d.ts

@@ -1,3 +1,14 @@
+interface accessCreate {
+    bucket: string;
+    regionId: string;
+    endpoint: string;
+    accessKeyId: string;
+    accessKeySecret: string;
+    expiration: number;
+    extInformation: string;
+    fileProvideType: string;
+    callbackUrl: string;
+}
 export interface ApDownLoadProps {
     /**
      * 标签内容
@@ -16,5 +27,7 @@ export interface ApDownLoadProps {
      * @default false
      */
     disabled?: boolean;
-    triggerClick?: () => void;
+    fileName: string;
+    getOssAccess: () => Promise<accessCreate>;
 }
+export {};

package/lib/src/ap-download/style/ap-download.css

@@ -5,7 +5,7 @@
 }
 .aplus-download-inner-wrapper {
   display: inline-block;
-  color: var(--tag-main-color);
+  color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -18,7 +18,7 @@
   margin-left: 5px;
 }
 .aplus-download-inner-wrapper:hover {
-  color: var(--tag-main-color-opacity);
+  color: var(--download-main-color-opacity);
 }
 .aplus-download-inner-wrapper--large {
   line-height: 26px;

package/lib/src/theme/ap-download/ap-download.css

@@ -5,7 +5,7 @@
 }
 .aplus-download-inner-wrapper {
   display: inline-block;
-  color: var(--tag-main-color);
+  color: var(--download-main-color);
   cursor: pointer;
   display: flex;
   align-items: center;
@@ -18,7 +18,7 @@
   margin-left: 5px;
 }
 .aplus-download-inner-wrapper:hover {
-  color: var(--tag-main-color-opacity);
+  color: var(--download-main-color-opacity);
 }
 .aplus-download-inner-wrapper--large {
   line-height: 26px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.0.1-beta.24",
+  "version": "0.0.1-beta.25",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
@@ -60,8 +60,8 @@
     "sortablejs": "^1.15.2",
     "@aplus-frontend/oss": "^1.0.11",
     "mime": "^4.0.3",
-    "@aplus-frontend/utils": "1.0.19",
-    "@aplus-frontend/hooks": "1.0.4"
+    "@aplus-frontend/hooks": "1.0.4",
+    "@aplus-frontend/utils": "1.0.19"
   },
   "peerDependencies": {
     "ant-design-vue": "^4.2.1",

package/es/src/base-button/index.d.ts

@@ -1,137 +0,0 @@
-import { default as ModalButton } from './modal-button.vue';
-import { default as PopConfirmButton } from './pop-confirm-button.vue';
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
-export * from './interface';
-export { ModalButton, PopConfirmButton };
-export declare const BaseButton: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {
-        iconSize: number;
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        text: {
-            type: PropType<string>;
-        };
-        color: {
-            type: PropType<"primary" | "success" | "error" | "warning">;
-        };
-        disabled: {
-            type: PropType<boolean>;
-        };
-        onClick: {
-            type: PropType<() => void>;
-        };
-        loading: {
-            type: PropType<boolean>;
-        };
-        preIcon: {
-            type: PropType<string>;
-        };
-        postIcon: {
-            type: PropType<string>;
-        };
-        iconSize: {
-            type: PropType<number>;
-            default: number;
-        };
-    }>>, {}, {}, {}, {}, {
-        iconSize: number;
-    }>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    text: {
-        type: PropType<string>;
-    };
-    color: {
-        type: PropType<"primary" | "success" | "error" | "warning">;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    onClick: {
-        type: PropType<() => void>;
-    };
-    loading: {
-        type: PropType<boolean>;
-    };
-    preIcon: {
-        type: PropType<string>;
-    };
-    postIcon: {
-        type: PropType<string>;
-    };
-    iconSize: {
-        type: PropType<number>;
-        default: number;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    iconSize: number;
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        icon?(_: {}): any;
-        default?(_: any): any;
-    };
-}) & Plugin<any[]> & (new (...args: any[]) => {
-    $props: {
-        onClick?: (() => void) | undefined;
-    };
-});