@aplus-frontend/ui 0.2.12 → 0.2.14

package/es/src/business/ap-image/ApImage.vue.d.ts

@@ -1,6 +1,38 @@
 import { ApImageProps } from './interface';
+import { ImgInfo } from '@aplus-frontend/antdv/es/vc-image/src/Preview';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApImageProps>, {
+declare function __VLS_template(): {
+    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;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApImageProps>, {
     preview: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApImageProps>, {
     preview: boolean;
@@ -14,6 +46,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOpti
         current?: 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] & {
@@ -29,6 +62,11 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

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,46 +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)) {
-        t.value = "";
+        r.value = "";
         return;
       }
       if (!((a = e.src) != null && a.startsWith("Frontend-Upload"))) {
-        t.value = e.src;
+        r.value = e.src;
         return;
       }
       try {
-        const o = await B(g.value), r = await C({
+        const o = await G(O.value), t = await $({
           oss: o,
           fileName: e.src
         });
-        r && (t.value = r);
+        t && (r.value = t);
       } catch {
-        t.value = "";
+        r.value = "";
       }
-    }), (a, o) => (O(), h(l(U), _(w({
-      ...l(M)(e, ["src", "getOssAccess"]),
-      fallback: v.value,
-      src: t.value
-    })), null, 16));
+    });
+    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/batch-input-group/index.d.ts

@@ -0,0 +1,2 @@
+import { default as BatchInputGroup } from './index.vue';
+export { BatchInputGroup };

package/es/src/business/batch-input-group/index.mjs

@@ -0,0 +1 @@
+import "./index.vue2.mjs";

package/es/src/business/batch-input-group/index.vue.d.ts

@@ -0,0 +1,50 @@
+import { BatchInputGroupProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { FieldMode } from '../../ap-field';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<BatchInputGroupProps>, {
+    hasAll: boolean;
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<BatchInputGroupProps>, {
+    hasAll: boolean;
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: boolean;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "reset" | "submit" | "button" | "search" | "time" | "month" | "date" | "week" | "hidden" | "checkbox" | "radio" | "color" | "text" | "range" | "tel" | "url" | "email" | "image" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: boolean;
+    lazy: boolean;
+    allowClear: boolean;
+    emptyText: string;
+    hasAll: boolean;
+}, {}>;
+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_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/batch-input-group/index.vue.mjs

@@ -0,0 +1,155 @@
+import { defineComponent as S, ref as V, computed as p, unref as o, openBlock as d, createElementBlock as U, createVNode as i, withCtx as f, createBlock as b, normalizeStyle as k, createCommentVNode as E, mergeProps as I } from "vue";
+import "../../ap-field/index.mjs";
+import { Space as L } from "@aplus-frontend/antdv";
+import "../../config-provider/index.mjs";
+import { omit as j } from "lodash-unified";
+import "./popover-input/index.vue.mjs";
+import "../../hooks/index.mjs";
+import { useControllableValue as w } from "../../hooks/useControllableValue.mjs";
+import { useLocale as O } from "../../config-provider/hooks/use-locale.mjs";
+import R from "../../ap-field/select/index.vue.mjs";
+import { ApFieldText as z } from "../../ap-field/text/index.mjs";
+import T from "./popover-input/index.vue2.mjs";
+const F = "GROUP_SEARCH_ALL", Q = /* @__PURE__ */ S({
+  __name: "index",
+  props: {
+    style: { type: [Boolean, null, String, Object, Array] },
+    inputStyle: { type: [Boolean, null, String, Object, Array] },
+    options: {},
+    hasAll: { type: Boolean, default: !0 },
+    value: {},
+    "onUpdate:value": {},
+    mode: { default: "edit" },
+    class: {},
+    id: {},
+    placeholder: {},
+    autocomplete: {},
+    type: { default: "text" },
+    name: {},
+    size: {},
+    autofocus: { type: Boolean },
+    lazy: { type: Boolean, default: !0 },
+    maxlength: {},
+    loading: { type: Boolean },
+    bordered: { type: Boolean, default: !0 },
+    showCount: { type: [Boolean, Object] },
+    htmlSize: {},
+    onPressEnter: {},
+    onKeydown: {},
+    onKeyup: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onInput: {},
+    onCompositionstart: {},
+    onCompositionend: {},
+    valueModifiers: {},
+    hidden: { type: Boolean },
+    status: {},
+    defaultValue: {},
+    inputElement: {},
+    prefixCls: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    triggerFocus: {},
+    readonly: { type: Boolean },
+    handleReset: {},
+    addonBefore: {},
+    addonAfter: {},
+    prefix: {},
+    suffix: {},
+    clearIcon: {},
+    allowClear: { type: Boolean, default: !0 },
+    emptyText: { default: "--" }
+  },
+  emits: ["update:value"],
+  setup(m, { emit: y }) {
+    const r = m, v = y, { value: n, updateValue: u } = w(
+      r,
+      v
+    ), s = V(), { t: h } = O(), B = p(() => r.options ? r.hasAll ? [
+      { value: F, label: h("ap.apGroupSearch.all") },
+      ...r.options
+    ] : r.options : []), _ = p(() => {
+      var e, t;
+      return (t = (e = o(n)) == null ? void 0 : e.value) != null && t.length ? o(n).value.join(",") : "";
+    }), A = p(() => {
+      var e, t;
+      return (t = (e = o(n)) == null ? void 0 : e.value) != null && t.length ? o(n).value.join(`
+`) : "";
+    });
+    function g(e) {
+      const t = o(n) || {};
+      u({
+        ...t,
+        key: e
+      });
+    }
+    function x(e) {
+      const t = o(n) || {};
+      let l = e;
+      for (; l.startsWith(","); )
+        l = l.slice(1);
+      let a = l.replaceAll(",,", ",").split(",");
+      a.length === 1 && a[0] === "" && (a = []), u({
+        ...t,
+        value: a
+      });
+    }
+    function C(e) {
+      const t = o(n) || {};
+      let l = e.split(/,|\n/);
+      u({
+        ...t,
+        value: l
+      });
+    }
+    function c() {
+      var l;
+      const e = o(n) || {}, t = (l = e.value) == null ? void 0 : l.filter(Boolean);
+      u({
+        ...e,
+        value: t
+      });
+    }
+    return (e, t) => (d(), U("div", {
+      ref_key: "containerRef",
+      ref: s,
+      style: { position: "relative" }
+    }, [
+      i(o(L).Compact, { block: "" }, {
+        default: f(() => {
+          var l, a;
+          return [
+            (l = e.options) != null && l.length ? (d(), b(o(R), {
+              key: 0,
+              style: k(e.style),
+              options: B.value,
+              value: (a = o(n)) == null ? void 0 : a.key,
+              "onUpdate:value": g
+            }, null, 8, ["style", "options", "value"])) : E("", !0),
+            i(o(z), I({ style: e.inputStyle }, o(j)(r, ["style", "value", "onUpdate:value", "inputStyle"]), {
+              value: _.value,
+              "onUpdate:value": x,
+              onBlur: c
+            }), {
+              suffix: f(() => [
+                i(T, {
+                  _parent: s.value,
+                  value: A.value,
+                  "onUpdate:value": C,
+                  onClose: c
+                }, null, 8, ["_parent", "value"])
+              ]),
+              _: 1
+            }, 16, ["style", "value"])
+          ];
+        }),
+        _: 1
+      })
+    ], 512));
+  }
+});
+export {
+  Q as default
+};

package/es/src/business/batch-input-group/index.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/business/batch-input-group/interface.d.ts

@@ -0,0 +1,34 @@
+import { ApFieldTextAreaProps, ApFieldTextProps } from '../../ap-field';
+import { DefaultOptionType, SelectValue } from '@aplus-frontend/antdv/es/select';
+import { StyleValue } from 'vue';
+export type BatchInputGroupValueType = {
+    key: SelectValue;
+    value: string[];
+};
+export interface BatchInputGroupProps extends Omit<ApFieldTextProps, 'value' | 'onUpdate:value' | 'style'> {
+    /**
+     * 下拉框自定义样式
+     */
+    style?: StyleValue;
+    /**
+     * 输入框样式
+     */
+    inputStyle?: StyleValue;
+    /**
+     * 下拉框可选项列表
+     */
+    options?: DefaultOptionType[];
+    /**
+     * 是否为下拉框添加全选选项
+     */
+    hasAll?: boolean;
+    /**
+     * v-model
+     */
+    value?: BatchInputGroupValueType;
+    'onUpdate:value'?: (nextValue: BatchInputGroupValueType) => void;
+}
+export interface BatchInputGroupPopoverInputProps extends Pick<ApFieldTextAreaProps, 'value' | 'onUpdate:value'> {
+    _parent?: HTMLElement;
+    onClose?: () => void;
+}

package/es/src/business/batch-input-group/popover-input/index.vue.d.ts

@@ -0,0 +1,17 @@
+import { BatchInputGroupPopoverInputProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<BatchInputGroupPopoverInputProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<BatchInputGroupPopoverInputProps>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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;
+    };
+};

package/es/src/business/batch-input-group/popover-input/index.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./index.vue2.mjs";
+export {
+  f as default
+};