@aplus-frontend/ui 0.1.26 → 0.1.28

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

@@ -1,5 +1,6 @@
 import { ApDownLoadProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { ButtonType } from 'ant-design-vue/es/button';
 declare function __VLS_template(): {
     slots: {
         icon?(_: {}): any;
@@ -8,14 +9,21 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApDownLoadProps<Record<string, string>>>, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApDownLoadProps>, {
+    type: string;
     size: string;
     disabled: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApDownLoadProps<Record<string, string>>>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    downloadCallback: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApDownLoadProps>, {
+    type: string;
     size: string;
     disabled: boolean;
-}>>>, {
-    size: "small" | "middle" | "large";
+}>>> & {
+    onDownloadCallback?: ((...args: any[]) => any) | undefined;
+}, {
+    size: "small" | "large" | "middle";
+    type: ButtonType;
     disabled: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,56 +1,91 @@
-import { defineComponent as b, useSlots as F, computed as s, unref as t, openBlock as n, createElementBlock as a, normalizeStyle as O, normalizeClass as l, createElementVNode as r, renderSlot as h, createCommentVNode as A, toDisplayString as k } from "vue";
+import { defineComponent as z, ref as N, useSlots as O, computed as t, unref as s, openBlock as l, createBlock as F, mergeProps as x, withCtx as A, createElementVNode as r, normalizeClass as S, createElementBlock as c, createVNode as I, createCommentVNode as d, renderSlot as L, toDisplayString as M } from "vue";
+import { Button as U } from "ant-design-vue";
+import { LoadingOutlined as V } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useOssInit as v } from "./hooks/index.mjs";
+import { useOssInit as j } from "./hooks/index.mjs";
 import "./style/ap-download.css";
-import { getFileInfo as B } from "./utils/getFileInfo.mjs";
-import { useStyle as x } from "./hooks/useStyle.mjs";
-import { useLocale as I } from "../config-provider/hooks/use-locale.mjs";
-import { useGlobalConfig as c } from "../config-provider/hooks/use-global-config.mjs";
-const U = {
+import { getFileInfo as D } from "./utils/getFileInfo.mjs";
+import { useStyle as E } from "./hooks/useStyle.mjs";
+import { useLocale as G } from "../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as p } from "../config-provider/hooks/use-global-config.mjs";
+const P = {
   key: 0,
+  class: "spin"
+}, R = {
+  key: 1,
   class: "icon"
-}, D = { class: "text" }, H = /* @__PURE__ */ b({
+}, T = { class: "text" }, ee = /* @__PURE__ */ z({
   name: "ApDownload",
   __name: "ap-download",
   props: {
-    text: {},
-    color: {},
+    prefixCls: {},
+    type: { default: "link" },
+    htmlType: {},
+    shape: {},
     size: { default: "middle" },
+    loading: { type: [Boolean, Object] },
     disabled: { type: Boolean, default: !1 },
+    ghost: { type: Boolean },
+    block: { type: Boolean },
+    danger: { type: Boolean },
+    icon: {},
+    href: {},
+    target: {},
+    title: {},
+    onClick: {},
+    onMousedown: {},
+    text: {},
+    color: {},
     fileName: {},
     needName: { type: [Boolean, Object] },
     getOssAccess: {}
   },
-  setup(i) {
-    const { lang: p } = I(), d = F(), m = s(() => p.value === "zh-cn" ? "zh_CN" : "en_US"), u = c("uiMode"), e = i, f = c("apUpload"), g = s(() => e.disabled), C = s(() => e.color ? e.color : u.value === "aplus" ? "#0070FF" : "#1890FF"), _ = s(() => e.size), { wrapperStyle: y, getWrapperClass: w, getInnerWrapperClass: z } = x(
-      C,
-      _,
-      g
-    ), N = s(() => {
+  emits: ["downloadCallback"],
+  setup(m, { emit: u }) {
+    const f = u, n = N(!1), { lang: g } = G(), y = O(), C = t(() => g.value === "zh-cn" ? "zh_CN" : "en_US"), _ = p("uiMode"), e = m, b = p("apUpload"), a = t(() => e.disabled), h = t(() => e.color ? e.color : _.value === "aplus" ? "#0070FF" : "#1890FF"), k = t(() => e.size), { getInnerWrapperClass: w } = E(h, k, a), B = t(() => {
       var o;
-      return e.getOssAccess || ((o = f.value) == null ? void 0 : o.getOssAccess);
-    }), S = async () => {
-      e.disabled || await (await v(
-        N.value,
-        t(m)
-      )).downloadFile(B(e.needName, e.fileName));
+      return e.getOssAccess || ((o = b.value) == null ? void 0 : o.getOssAccess);
+    }), v = async () => {
+      if (!e.disabled) {
+        n.value = !0;
+        try {
+          const i = await (await j(
+            B.value,
+            s(C)
+          )).downloadFile(
+            D(e.needName, e.fileName)
+          );
+          f("downloadCallback", i);
+        } catch (o) {
+          console.error(o);
+        } finally {
+          n.value = !1;
+        }
+      }
     };
-    return (o, E) => (n(), a("span", {
-      style: O(t(y)),
-      class: l(t(w)),
-      onClick: S
-    }, [
-      r("span", {
-        class: l(t(z))
-      }, [
-        t(d).icon ? (n(), a("span", U, [
-          h(o.$slots, "icon")
-        ])) : A("", !0),
-        r("span", D, k(o.text), 1)
-      ], 2)
-    ], 6));
+    return (o, i) => (l(), F(s(U), x(e, {
+      type: e.type,
+      size: e.size,
+      disabled: a.value,
+      onClick: v
+    }), {
+      default: A(() => [
+        r("div", {
+          class: S(s(w))
+        }, [
+          n.value ? (l(), c("span", P, [
+            I(s(V), { spin: !0 })
+          ])) : d("", !0),
+          s(y).icon ? (l(), c("span", R, [
+            L(o.$slots, "icon")
+          ])) : d("", !0),
+          r("span", T, M(o.text), 1)
+        ], 2)
+      ]),
+      _: 3
+    }, 16, ["type", "size", "disabled"]));
   }
 });
 export {
-  H as default
+  ee as default
 };

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

@@ -1,9 +1,10 @@
-import { accessCreate } from '@aplus-frontend/oss';
+import { accessCreate, client } from '@aplus-frontend/oss';
+import { ButtonProps } from 'ant-design-vue/es/button';
 /**
  * 类型转换为单例和数组
  */
 type TypeToSingleAndArray<Type = any> = Type extends any ? Type | Type[] : never;
-export interface ApDownLoadProps<FileNameType extends Record<string, string> = Record<string, string>> {
+export type ApDownLoadProps<FileNameType extends Record<string, string> = Record<string, string>> = ButtonProps & {
     /**
      * 标签内容
      */
@@ -12,15 +13,6 @@ export interface ApDownLoadProps<FileNameType extends Record<string, string> = R
      * 标签颜色
      */
     color?: string;
-    /**
-     * 标签大小
-     */
-    size?: 'small' | 'middle' | 'large';
-    /**
-     * 是否禁用
-     * @default false
-     */
-    disabled?: boolean;
     fileName: TypeToSingleAndArray<string | FileNameType>;
     /**
      * 是否需要fileName别名
@@ -30,7 +22,7 @@ export interface ApDownLoadProps<FileNameType extends Record<string, string> = R
      */
     needName?: ApDownLoadNeedNameModel;
     getOssAccess?: () => Promise<accessCreate>;
-}
+};
 /**
  * 别名配置项
  */
@@ -45,4 +37,5 @@ export declare enum ApDownLoadNeedNameKeyDefault {
     nameKey = "name",
     pathKey = "path"
 }
+export type actionResponse = Awaited<ReturnType<typeof client.downloadFile>>;
 export {};

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

@@ -9,11 +9,17 @@
   display: flex;
   align-items: center;
 }
+.aplus-ap-download-inner-wrapper .spin {
+  margin-right: 5px;
+}
 .aplus-ap-download-inner-wrapper .icon {
   position: relative;
   font-size: 18px;
   margin-right: 5px;
 }
+.aplus-ap-download-inner-wrapper .text {
+  color: var(--download-main-color);
+}
 .aplus-ap-download-inner-wrapper:hover {
   color: var(--download-main-color-opacity);
 }

package/es/src/ap-field/select/index.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as k, ref as f, onMounted as q, computed as m, unref as u, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as T, mergeProps as _, createSlots as R, renderList as z, withCtx as h, renderSlot as D, normalizeProps as U, guardReactiveProps as L, createVNode as K } from "vue";
-import { debounce as H, isFunction as y, isArray as $, isNil as j, omit as E } from "lodash-unified";
-import { Select as W, Spin as G } from "ant-design-vue";
+import { defineComponent as T, ref as p, onMounted as _, computed as y, unref as u, openBlock as w, createElementBlock as R, toDisplayString as z, createBlock as D, mergeProps as U, createSlots as L, renderList as K, withCtx as S, renderSlot as H, normalizeProps as $, guardReactiveProps as j, createVNode as E } from "vue";
+import { debounce as W, isFunction as g, isArray as G, isNil as J, omit as Q } from "lodash-unified";
+import { Select as X, Spin as Y } from "ant-design-vue";
 import "../../hooks/index.mjs";
-import { omitUndefined as J } from "../../utils/index.mjs";
-import { useDefaultPlaceholder as Q } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as X } from "../../hooks/useControllableValue.mjs";
-const Y = { key: 0 }, re = /* @__PURE__ */ k({
+import { omitUndefined as Z } from "../../utils/index.mjs";
+import { useDefaultPlaceholder as ee } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as oe } from "../../hooks/useControllableValue.mjs";
+const te = { key: 0 }, se = /* @__PURE__ */ T({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -93,27 +93,27 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
     lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
-  setup(w, { expose: S, emit: g }) {
+  setup(B, { expose: F, emit: b }) {
     let n = 0;
-    const B = H((o) => {
-      if (!y(e.request))
+    const C = W((o) => {
+      if (!g(e.request))
         return;
       n += 1;
       const t = n;
-      i.value = [], a.value = !0, e.request(o).then((l) => {
+      i.value = [], r.value = !0, e.request(o).then((l) => {
         n === t && (i.value = l);
       }).finally(() => {
-        a.value = !1;
+        r.value = !1;
       });
-    }, 300), e = w, F = (o, t) => {
-      var r;
-      const l = ((r = e.fieldNames) == null ? void 0 : r.label) || "label";
+    }, 300), e = B, N = (o, t) => {
+      var a;
+      const l = ((a = e.fieldNames) == null ? void 0 : a.label) || "label";
       return typeof (t == null ? void 0 : t[l]) == "string" && t[l].indexOf(o) > -1;
-    }, i = f((e == null ? void 0 : e.options) || []), d = f(), a = f((e == null ? void 0 : e.loading) || !1), C = g;
-    async function s(o = !0) {
-      if (!y(e.request))
+    }, i = p((e == null ? void 0 : e.options) || []), s = p(), r = p((e == null ? void 0 : e.loading) || !1), x = b;
+    async function c(o = !0) {
+      if (!g(e.request))
         return;
-      a.value = !0, n += 1;
+      r.value = !0, n += 1;
       const t = n;
       try {
         o && (i.value = []);
@@ -122,47 +122,49 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
           return;
         i.value = l;
       } finally {
-        a.value = !1;
+        r.value = !1;
       }
     }
-    function b(o) {
+    function I(o) {
       var t;
-      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && n > 0 && !a.value && s(!0);
+      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && n > 0 && !r.value && c(!0);
     }
-    q(() => {
+    _(() => {
       if (e.lazy) {
         n += 1;
         return;
       }
-      s();
+      c();
     });
-    const { value: p, updateValue: x } = X(e, C), I = Q("Select", e), O = m(() => {
-      const o = u(p);
+    const { value: m, updateValue: O } = oe(e, x), P = ee("Select", e), V = y(() => {
+      var d, v;
+      const o = u(m);
       if (!o)
         return e.emptyText;
-      if ($(o))
+      const t = ((d = e.fieldNames) == null ? void 0 : d.label) || "label", l = ((v = e.fieldNames) == null ? void 0 : v.value) || "value";
+      if (G(o))
         return o.map(
-          (l) => {
-            var r;
-            return (r = u(i).find((c) => c.value === l)) == null ? void 0 : r.label;
+          (f) => {
+            var h;
+            return (h = u(i).find((M) => M[l] === f)) == null ? void 0 : h[t];
           }
         ).filter(Boolean).join("、") || e.emptyText;
-      const t = u(i).find((l) => l.value === o);
-      return (t == null ? void 0 : t.label) || e.emptyText;
-    }), P = m(() => {
+      const a = u(i).find((f) => f.value === o);
+      return (a == null ? void 0 : a.label) || e.emptyText;
+    }), k = y(() => {
       const o = !!(e != null && e.showSearch), t = e.searchMode;
       let l = {};
       return o && (l = t === "request" ? {
         showArrow: !1,
         defaultActiveFirstOption: !1,
-        onSearch: B,
-        notFoundContent: a.value ? void 0 : null
+        onSearch: C,
+        notFoundContent: r.value ? void 0 : null
       } : {
         showArrow: !0,
-        filterOption: j(e == null ? void 0 : e.filterOption) ? F : e == null ? void 0 : e.filterOption
+        filterOption: J(e == null ? void 0 : e.filterOption) ? N : e == null ? void 0 : e.filterOption
       }), {
-        ...J(
-          E(e, [
+        ...Z(
+          Q(e, [
             "mode",
             "value",
             "onUpdate:value",
@@ -172,45 +174,45 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
             "onFocus"
           ])
         ),
-        placeholder: u(I),
+        placeholder: u(P),
         ...l
       };
     });
-    function V() {
+    function q() {
       var o;
-      (o = d.value) == null || o.focus();
+      (o = s.value) == null || o.focus();
     }
-    function N() {
+    function A() {
       var o;
-      (o = d.value) == null || o.blur();
+      (o = s.value) == null || o.blur();
     }
-    return S({
-      focus: V,
-      blur: N,
-      request: s
-    }), (o, t) => o.mode === "read" ? (v(), A("span", Y, M(O.value), 1)) : (v(), T(u(W), _({
+    return F({
+      focus: q,
+      blur: A,
+      request: c
+    }), (o, t) => o.mode === "read" ? (w(), R("span", te, z(V.value), 1)) : (w(), D(u(X), U({
       key: 1,
       "allow-clear": "",
       ref_key: "selectRef",
-      ref: d
-    }, P.value, {
+      ref: s
+    }, k.value, {
       mode: o.multiple ? "multiple" : void 0,
-      value: u(p),
-      "onUpdate:value": u(x),
+      value: u(m),
+      "onUpdate:value": u(O),
       options: i.value,
-      loading: a.value,
-      onFocus: b
-    }), R({ _: 2 }, [
-      z(o.$slots, (l, r) => ({
-        name: r,
-        fn: h((c) => [
-          D(o.$slots, r, U(L(c || {})))
+      loading: r.value,
+      onFocus: I
+    }), L({ _: 2 }, [
+      K(o.$slots, (l, a) => ({
+        name: a,
+        fn: S((d) => [
+          H(o.$slots, a, $(j(d || {})))
         ])
       })),
-      a.value ? {
+      r.value ? {
         name: "notFoundContent",
-        fn: h(() => [
-          K(u(G), { size: "small" })
+        fn: S(() => [
+          E(u(Y), { size: "small" })
         ]),
         key: "0"
       } : void 0
@@ -218,5 +220,5 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
   }
 });
 export {
-  re as default
+  se as default
 };