@aplus-frontend/ui 0.2.0-beta.3 → 0.2.0-beta.5

package/es/src/ap-table/utils.mjs

@@ -1,19 +1,19 @@
-import { isVNode as b, createVNode as s, mergeProps as a, cloneVNode as y, Fragment as g } from "vue";
-import { isObject as f, isArray as p, isUndefined as h, isFunction as d, omit as j, isBoolean as F, isString as O } from "lodash-unified";
-import { apTableRenderItemMap as E, apTableFormItemMap as x } from "./constants.mjs";
-import { isType as N } from "@fruits-chain/utils";
+import { isVNode as b, createVNode as s, mergeProps as a, cloneVNode as T, Fragment as g } from "vue";
+import { isObject as f, isArray as p, isUndefined as h, isFunction as d, omit as j, isBoolean as O, isString as E } from "lodash-unified";
+import { apTableRenderItemMap as F, apTableFormItemMap as N } from "./constants.mjs";
+import { isType as S } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as S } from "ant-design-vue";
+import { Tooltip as v } from "ant-design-vue";
 import { QuestionCircleOutlined as I } from "@ant-design/icons-vue";
-import v from "../ap-form/item/index.vue.mjs";
-function P(t) {
+import V from "../ap-form/item/index.vue.mjs";
+function w(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !b(t);
 }
-const V = (t, e, n) => {
-  let r = {};
+const C = (t, e, n) => {
+  let i = {};
   return f(t) ? Object.keys(t).forEach((o) => {
-    f(t[o]) ? r[o] = V(t[o], e[o], n) : r[o] = n(t[o], e);
-  }) : r = n(t, e), r;
+    f(t[o]) ? i[o] = C(t[o], e[o], n) : i[o] = n(t[o], e);
+  }) : i = n(t, e), i;
 }, Q = (t, e) => {
   switch (t) {
     case "dayjs":
@@ -21,8 +21,8 @@ const V = (t, e, n) => {
     case "dayjsRange":
       return e.map((n) => n.valueOf());
     case "dayjsDayRange": {
-      const [n, r] = e;
-      return [n.startOf("day").valueOf(), r.endOf("day").valueOf()];
+      const [n, i] = e;
+      return [n.startOf("day").valueOf(), i.endOf("day").valueOf()];
     }
     case "multiple":
     case "multipleNumber":
@@ -38,110 +38,100 @@ const V = (t, e, n) => {
 function U(t) {
   return p(t) ? t.join(".") : t;
 }
-function w(t) {
+function P(t) {
   const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
   return e === "string" && typeof t == "object" ? "object" : t === null ? "null" : t === void 0 ? "undefined" : e;
 }
-const A = (t) => w(t) === "map" ? t : new Map(Object.entries(t || {})), m = (t) => {
-  const e = [], n = A(t);
-  return n.forEach((r, o) => {
-    const i = n.get(o) || n.get(`${o}`);
-    if (i) {
-      if (typeof i == "object" && (i != null && i.text)) {
+const x = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), m = (t) => {
+  const e = [], n = x(t);
+  return n.forEach((i, o) => {
+    const r = n.get(o) || n.get(`${o}`);
+    if (r) {
+      if (typeof r == "object" && (r != null && r.text)) {
         e.push({
-          text: i == null ? void 0 : i.text,
+          text: r == null ? void 0 : r.text,
           value: o,
-          label: i == null ? void 0 : i.text,
-          disabled: i.disabled
+          label: r == null ? void 0 : r.text,
+          disabled: r.disabled
         });
         return;
       }
       e.push({
-        text: i,
-        label: i,
+        text: r,
+        label: r,
         value: o
       });
     }
   }), e;
-}, z = (t) => h(t) || t < 0 ? 0 : t, G = (t, e, n) => {
-  if (n)
-    return n;
-  const r = ["select", "date"], o = ["text", "textArea", "number"];
-  if (e === "dateRange")
-    return [t("ap.common.chooseText"), t("ap.common.chooseText")];
-  if (r.includes(e))
-    return t("ap.common.chooseText");
-  if (o.includes(e))
-    return t("ap.common.inputText");
-};
-function C(t, e) {
+}, z = (t) => h(t) || t < 0 ? 0 : t;
+function A(t, e) {
   return !t || !d(t) ? t : t(e);
 }
-function K(t) {
+function G(t) {
   let e = t.valueType || "text";
   return t.valueEnum && (e = "status"), e;
 }
-function X(t, e, n, r) {
+function K(t, e, n, i) {
   var u;
-  const o = E[t];
+  const o = F[t];
   if (o)
     return s(o, a(e, {
       mode: "read"
     }), null);
-  const i = r == null ? void 0 : r[t];
-  return ((u = i == null ? void 0 : i.render) == null ? void 0 : u.call(i, e.value, n, e)) || e.value;
+  const r = i == null ? void 0 : i[t];
+  return ((u = r == null ? void 0 : r.render) == null ? void 0 : u.call(r, e.value, n, e)) || e.value;
 }
-function Y(t, e) {
+function X(t, e) {
   if (t.customRenderFormItem)
     return () => {
       const o = t.customRenderFormItem(t);
-      return y(o, {
+      return T(o, {
         ...t.fieldProps,
         span: t.span,
         ...o.props || {}
       });
     };
-  const n = x[t.valueType];
+  const n = N[t.valueType];
   if (n)
     return n;
-  const r = e == null ? void 0 : e[t.valueType];
+  const i = e == null ? void 0 : e[t.valueType];
   return () => {
-    var i;
-    const o = (i = r == null ? void 0 : r.renderFormItem) == null ? void 0 : i.call(r, t.fieldProps.field);
-    return o ? s(v, a(t.fieldProps, {
+    var r;
+    const o = (r = i == null ? void 0 : i.renderFormItem) == null ? void 0 : r.call(i, t.fieldProps.field);
+    return o ? s(V, a(t.fieldProps, {
       span: t.span
-    }), P(o) ? o : {
+    }), w(o) ? o : {
       default: () => [o]
     }) : null;
   };
 }
-function Z(t, e) {
-  const n = C(t.fieldProps, e), r = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", i = t.valueType === "index", u = o ? {
+function Y(t, e) {
+  const n = A(t.fieldProps, e), i = (n == null ? void 0 : n.field) || n || {}, o = t.valueType === "switch", r = t.valueType === "index", u = o ? {
     checked: e.value
   } : {
-    value: i ? e.index + 1 : e.value
+    value: r ? e.index + 1 : e.value
   };
-  return t.valueEnum && (r.valueEnum = t.valueEnum), {
-    ...j(r, ["request"]),
+  return t.valueEnum && (i.valueEnum = t.valueEnum), {
+    ...j(i, ["request"]),
     ...u
   };
 }
-function k(t) {
+function Z(t) {
   const e = {
     ...t
   };
-  return F(t.filters) && t.filters && t.valueEnum && (e.filters = m(t.valueEnum)), e;
+  return O(t.filters) && t.filters && t.valueEnum && (e.filters = m(t.valueEnum)), e;
 }
-function H(t, e) {
-  var r;
+function k(t, e) {
+  var i;
   const n = e || {};
-  return t.valueEnum && !((r = n.field) != null && r.options) && (n.field = {
+  return t.valueEnum && !((i = n.field) != null && i.options) && (n.field = {
     ...n.field,
     options: m(t.valueEnum)
   }), n;
 }
-function M(t) {
-  if (!N("Object")(t))
+function H(t) {
+  if (!S("Object")(t))
     return t;
   try {
     return JSON.stringify(t);
@@ -149,14 +139,14 @@ function M(t) {
     return t;
   }
 }
-function tt(t, e, n, r) {
+function M(t, e, n, i) {
   const o = n == null ? void 0 : n({
     title: t.title,
     column: t
-  }), i = (o == null ? void 0 : o.filter((T) => T.type !== Symbol.for("v-cmt"))) || [];
-  if (o && i.length > 0)
+  }), r = (o == null ? void 0 : o.filter((y) => y.type !== Symbol.for("v-cmt"))) || [];
+  if (o && r.length > 0)
     return o;
-  const l = O(t.title) ? s("span", {
+  const l = E(t.title) ? s("span", {
     class: e,
     title: t.title
   }, [t.title]) : t.title, c = t.tooltip ? d(t.tooltip) ? t.tooltip(t) : s(g, null, [t.tooltip]) : null;
@@ -166,34 +156,33 @@ function tt(t, e, n, r) {
       alignItems: "center",
       maxWidth: "100%"
     }
-  }, [l, s(S, {
+  }, [l, s(v, {
     title: c,
     placement: "bottom"
   }, {
     default: () => [s(I, {
       style: {
         padding: "4px",
-        color: r,
+        color: i,
         verticalAlign: "middle"
       }
     }, null)]
   })]) : l;
 }
 export {
-  k as apColumnToColumn,
+  Z as apColumnToColumn,
   U as dataIndexToStr,
-  V as formatParamsValueType,
+  C as formatParamsValueType,
   z as getColumnOrder,
-  C as getFieldProps,
-  G as getPlaceholder,
-  Y as getSearchFormItemRenderNode,
-  X as getTableCellRenderNode,
-  Z as getTableRenderProps,
-  K as getTableRenderType,
-  tt as getTableTitle,
-  A as objectToMap,
-  M as objectToString,
+  A as getFieldProps,
+  X as getSearchFormItemRenderNode,
+  K as getTableCellRenderNode,
+  Y as getTableRenderProps,
+  G as getTableRenderType,
+  M as getTableTitle,
+  x as objectToMap,
+  H as objectToString,
   Q as parseFieldValue,
-  H as updateFormProps,
+  k as updateFormProps,
   m as valueEnumToArray
 };

package/es/src/ap-upload/apUpload.vue.d.ts

@@ -1,8 +1,17 @@
 import { PropType, VNode, DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes, RendererNode, RendererElement } from 'vue';
-import { FileUploadType, BeforeUpload, CustomRequest } from './apUploadTypes';
+import { FileUploadType, BeforeUpload, CustomRequest, ApUploadSlots } from './apUploadTypes';
 import { GetOssAccess } from './hooks/useOss';
 declare function clear(): void;
-declare const _default: DefineComponent<{
+declare function setValue(val: any): void;
+declare function __VLS_template(): {
+    slots: Readonly<ApUploadSlots> & ApUploadSlots;
+    refs: {
+        uploadRef: unknown;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<{
     dirName: {
         type: StringConstructor;
     };
@@ -47,6 +56,7 @@ declare const _default: DefineComponent<{
 }, {
     done: ComputedRef<boolean>;
     clear: typeof clear;
+    setValue: typeof setValue;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<{
@@ -101,4 +111,10 @@ declare const _default: DefineComponent<{
         [key: string]: any;
     }>;
 }, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-upload/apUpload.vue.mjs

@@ -1,18 +1,18 @@
-import { defineComponent as U, computed as d, provide as t, ref as f, openBlock as g, createElementBlock as j, normalizeClass as T, unref as z, createBlock as k, resolveDynamicComponent as B, normalizeProps as $, mergeProps as q, createCommentVNode as L } from "vue";
+import { defineComponent as k, ref as g, computed as v, provide as t, openBlock as y, createElementBlock as z, normalizeClass as T, unref as B, createBlock as L, resolveDynamicComponent as R, mergeProps as q, createSlots as P, renderList as M, withCtx as V, renderSlot as w, normalizeProps as D, guardReactiveProps as E } from "vue";
 import "../config-provider/index.mjs";
 import "./components/SingleFile.vue.mjs";
 import "./components/MultipleFile.vue.mjs";
 import "./components/Picture.vue.mjs";
-import { injectLocaleToAccept as R } from "./utils/accept.mjs";
-import { injectLocaleToOss as M } from "./hooks/useOss.mjs";
-import { Form as P } from "ant-design-vue";
-import { useLocale as w } from "../config-provider/hooks/use-locale.mjs";
-import { useNamespace as D } from "../config-provider/hooks/use-namespace.mjs";
-import E from "./components/SingleFile.vue2.mjs";
-import G from "./components/MultipleFile.vue2.mjs";
-import I from "./components/Picture.vue2.mjs";
-import { useGlobalConfig as v } from "../config-provider/hooks/use-global-config.mjs";
-const se = /* @__PURE__ */ U({
+import { injectLocaleToAccept as G } from "./utils/accept.mjs";
+import { injectLocaleToOss as I } from "./hooks/useOss.mjs";
+import { Form as H } from "ant-design-vue";
+import { useLocale as J } from "../config-provider/hooks/use-locale.mjs";
+import { useNamespace as K } from "../config-provider/hooks/use-namespace.mjs";
+import Q from "./components/SingleFile.vue2.mjs";
+import W from "./components/MultipleFile.vue2.mjs";
+import X from "./components/Picture.vue2.mjs";
+import { useGlobalConfig as b } from "../config-provider/hooks/use-global-config.mjs";
+const ue = /* @__PURE__ */ k({
   name: "AplusFileUpload",
   __name: "apUpload",
   props: {
@@ -59,48 +59,60 @@ const se = /* @__PURE__ */ U({
     onChange: Function
   },
   emits: ["update:value"],
-  setup(y, { expose: C, emit: b }) {
-    var c, l, u, p;
-    const { t: m, lang: N } = w();
-    R(m), M(m, N);
-    const { b: _ } = D("ap-upload"), e = y, F = b, S = {
-      singleFile: E,
-      multipleFile: G,
-      picture: I
-    }, n = P.useInjectFormItemContext(), x = d({
+  setup(C, { expose: N, emit: _ }) {
+    var p, u, d, f;
+    const { t: c, lang: F } = J();
+    G(c), I(c, F);
+    const { b: S } = K("ap-upload"), s = g(null), e = C, O = _, h = {
+      singleFile: Q,
+      multipleFile: W,
+      picture: X
+    }, i = H.useInjectFormItemContext(), j = v({
       get() {
         return e.value;
       },
-      set(a) {
-        var i;
-        F("update:value", a), n == null || n.onFieldChange(), (i = e.onChange) == null || i.call(e, a);
+      set(o) {
+        var a;
+        O("update:value", o), i == null || i.onFieldChange(), (a = e.onChange) == null || a.call(e, o);
       }
-    }), O = v("uiMode"), o = v("apUpload");
-    t("theme", O.value), t("value", x), t("dirName", e.dirName ?? ((c = o.value) == null ? void 0 : c.dirName)), t(
+    }), x = b("uiMode"), r = b("apUpload");
+    t("theme", x.value), t("value", j), t("dirName", e.dirName ?? ((p = r.value) == null ? void 0 : p.dirName)), t(
       "needName",
-      e.needName ?? ((l = o.value) == null ? void 0 : l.needName) ?? !1
-    ), t("accept", e.accept ?? ((u = o.value) == null ? void 0 : u.accept) ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
+      e.needName ?? ((u = r.value) == null ? void 0 : u.needName) ?? !1
+    ), t("accept", e.accept ?? ((d = r.value) == null ? void 0 : d.accept) ?? ""), t("maxSize", e.maxSize), t("title", e.title), t("subTitle", e.subTitle), t("maxCount", e.maxCount), t("beforeUpload", e.beforeUpload), t("customRequest", e.customRequest), t(
       "getOssAccess",
-      e.getOssAccess ?? ((p = o.value) == null ? void 0 : p.getOssAccess)
+      e.getOssAccess ?? ((f = r.value) == null ? void 0 : f.getOssAccess)
     );
-    const h = d(() => r.value === 0), r = f(0);
-    t("uploadingCount", r);
-    const s = f(!0);
-    function A() {
-      s.value = !1, setTimeout(() => {
-        s.value = !0;
-      });
+    const A = v(() => l.value === 0), l = g(0);
+    t("uploadingCount", l);
+    function U() {
+      m(void 0);
     }
-    return C({
-      done: h,
-      clear: A
-    }), (a, i) => (g(), j("div", {
-      class: T(z(_)())
+    function m(o) {
+      var a, n;
+      (n = (a = s == null ? void 0 : s.value) == null ? void 0 : a.setValue) == null || n.call(a, o);
+    }
+    return N({
+      done: A,
+      clear: U,
+      setValue: m
+    }), (o, a) => (y(), z("div", {
+      class: T(B(S)())
     }, [
-      s.value ? (g(), k(B(S[e.type]), $(q({ key: 0 }, a.$attrs)), null, 16)) : L("", !0)
+      (y(), L(R(h[e.type]), q(o.$attrs, {
+        ref_key: "uploadRef",
+        ref: s
+      }), P({ _: 2 }, [
+        M(Object.keys(o.$slots), (n) => ({
+          name: n,
+          fn: V(($) => [
+            w(o.$slots, n, D(E($ || {})))
+          ])
+        }))
+      ]), 1040))
     ], 2));
   }
 });
 export {
-  se as default
+  ue as default
 };

package/es/src/ap-upload/apUploadTypes.d.ts

@@ -1,4 +1,4 @@
-import { VNode } from 'vue';
+import { ComputedRef, VNode } from 'vue';
 export type FileUploadType = 'picture' | 'singleFile' | 'multipleFile';
 /**
  * 是否需要返回图片名称
@@ -87,3 +87,26 @@ export type CustomRequest = (cb: {
     onSuccess: (saveUrl: string) => void;
     file: File;
 }) => void;
+export interface ApUploadExpose<SetValueType = any> {
+    done?: ComputedRef<boolean>;
+    clear?: () => void;
+    setValue?: (value: SetValueType) => void;
+}
+interface ApPictureUploadFile extends File {
+    uid: string;
+    thumbUrl?: string;
+    status: 'error' | 'success' | 'done' | 'uploading' | 'removed';
+    percent: number;
+    path?: string;
+    oss?: {
+        pauseUpload?: () => Promise<any>;
+    };
+    [key: string | number | symbol]: any;
+}
+export interface ApUploadSlots {
+    pictureContext: ({ fileList, remove }: {
+        fileList: ApPictureUploadFile[];
+        remove: (file: ApPictureUploadFile) => void;
+    }) => VNode;
+}
+export {};

package/es/src/ap-upload/components/MultipleFile.vue.d.ts

@@ -1,3 +1,6 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+declare function setValue(val: (string | Record<string, any>)[]): void;
+declare const _default: DefineComponent<{}, {
+    setValue: typeof setValue;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
 export default _default;