@aplus-frontend/ui 0.1.20 → 0.1.21

package/es/src/ap-table/hooks/use-table-paging.mjs

@@ -1,145 +1,157 @@
-import { ref as S, nextTick as N, unref as o, onMounted as U, computed as z } from "vue";
-import { parseFieldValue as W, dataIndexToStr as X } from "../utils.mjs";
-import { isArray as Y } from "lodash-unified";
+import { ref as x, nextTick as Z, unref as o, onMounted as _, computed as V, createVNode as P } from "vue";
+import { parseFieldValue as I, dataIndexToStr as k } from "../utils.mjs";
+import { isArray as ee } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
-const oe = ({
-  manual: j = !1,
-  defaultCurrent: D = 1,
-  defaultPageSize: P = 10,
-  request: R,
-  defaultParams: A = {},
-  defaultData: B = [],
-  formatParams: w,
-  paramsValueTypeMap: V,
-  resetFieldsIgnores: b,
-  filterFields: E,
-  sortFields: L
+import { useLocale as te } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
+const le = ({
+  manual: B = !1,
+  defaultCurrent: E = 1,
+  defaultPageSize: w = 10,
+  request: M,
+  defaultParams: N = {},
+  defaultData: $ = [],
+  formatParams: C,
+  paramsValueTypeMap: y,
+  resetFieldsIgnores: O,
+  filterFields: q,
+  sortFields: J,
+  showLessItems: b = !1,
+  showTotal: L = !0
 }) => {
-  let T = 0, f = {};
-  const M = (e) => w ? w(e) : e, l = S(), i = S(D), g = S(P), { t: C } = Z(), n = S({
+  let z = 0, p = {};
+  const Q = (e) => C ? C(e) : e, l = x(), c = x(E), f = x(w), {
+    t: S
+  } = te(), {
+    b: F
+  } = ae("ap-table"), r = x({
     total: 0,
-    records: B,
+    records: $,
     loading: !1
-  }), x = async (e) => {
-    var r;
-    const a = M(e), t = Date.now();
-    T = t, n.value.loading = !0;
+  }), R = async (e) => {
+    var n;
+    const a = Q(e), t = Date.now();
+    z = t, r.value.loading = !0;
     try {
-      const s = await R({
-        ...A,
+      const s = await M({
+        ...N,
         ...a
       });
-      T === t && (n.value.total = s.total || ((r = s.data) == null ? void 0 : r.length) || 0, n.value.records = [...s.data || []]);
+      z === t && (r.value.total = s.total || ((n = s.data) == null ? void 0 : n.length) || 0, r.value.records = [...s.data || []]);
     } catch {
-      T === t && (n.value.records = [], n.value.total = 0);
+      z === t && (r.value.records = [], r.value.total = 0);
     } finally {
-      n.value.loading = !1;
+      r.value.loading = !1;
     }
-  }, y = (e) => {
+  }, j = (e) => {
     const a = {};
-    return Object.entries(e).forEach(([t, r]) => {
-      if (a[t] = r, V && r) {
-        const s = V[t];
-        s && (a[t] = W(s, r));
+    return Object.entries(e).forEach(([t, n]) => {
+      if (a[t] = n, y && n) {
+        const s = y[t];
+        s && (a[t] = I(s, n));
       }
     }), a;
-  }, q = async (e) => {
-    var r, s, d, p, m, u, h;
-    const a = ((s = (r = l.value) == null ? void 0 : r.apForm) == null ? void 0 : s.getFieldsValue()) || {}, t = {};
-    Object.entries(a).forEach(([v, c]) => {
-      b && b.indexOf(v) > -1 && (t[v] = c);
-    }), await ((p = (d = l.value) == null ? void 0 : d.apForm) == null ? void 0 : p.resetFields()), (h = (u = (m = l.value) == null ? void 0 : m.apForm) == null ? void 0 : u.setFieldsValue) == null || h.call(u, t), N(() => {
+  }, G = async (e) => {
+    var n, s, g, d, m, u, h;
+    const a = ((s = (n = l.value) == null ? void 0 : n.apForm) == null ? void 0 : s.getFieldsValue()) || {}, t = {};
+    Object.entries(a).forEach(([v, i]) => {
+      O && O.indexOf(v) > -1 && (t[v] = i);
+    }), await ((d = (g = l.value) == null ? void 0 : g.apForm) == null ? void 0 : d.resetFields()), (h = (u = (m = l.value) == null ? void 0 : m.apForm) == null ? void 0 : u.setFieldsValue) == null || h.call(u, t), Z(() => {
       e == null || e();
     });
-  }, F = (e) => {
-    f = e;
-    const a = y(e);
-    x(a);
-  }, J = (e) => {
-    F({
-      ...f,
+  }, T = (e) => {
+    p = e;
+    const a = j(e);
+    R(a);
+  }, H = (e) => {
+    T({
+      ...p,
       ...e
     });
-  }, O = () => {
+  }, D = () => {
     var a, t;
     const e = ((t = (a = l.value) == null ? void 0 : a.apForm) == null ? void 0 : t.getFieldsValue(!0)) || {};
-    i.value = 1, F({
+    c.value = 1, T({
       ...e,
       current: 1,
-      pageSize: f.pageSize || P
+      pageSize: p.pageSize || w
     });
-  }, Q = () => {
-    q(O);
-  }, G = () => {
-    F(f);
-  }, H = (e) => {
-    const a = o(n).total - e, t = Math.ceil(a / o(g)), r = o(i) > t ? t : o(i);
-    J({
-      current: r > 0 ? r : 1
+  }, K = () => {
+    G(D);
+  }, U = () => {
+    T(p);
+  }, W = (e) => {
+    const a = o(r).total - e, t = Math.ceil(a / o(f)), n = o(c) > t ? t : o(c);
+    H({
+      current: n > 0 ? n : 1
     });
-  }, $ = (e, a, t) => {
+  }, A = (e, a, t) => {
     var m, u, h, v;
-    const r = ((u = (m = l.value) == null ? void 0 : m.apForm) == null ? void 0 : u.getFieldsValue(!0)) || {};
-    i.value = e.current, g.value = e.pageSize;
-    const s = Y(t) ? [...t] : [t], d = {};
-    for (const c of s)
-      (h = o(L)) != null && h.includes(c.field) && (d[X(c.field)] = c.order);
-    const p = {};
-    for (const c of Object.keys(a))
-      (v = o(E)) != null && v.includes(c) && (p[c] = a[c]);
-    F({
-      ...r,
-      filter: p,
-      sort: d,
+    const n = ((u = (m = l.value) == null ? void 0 : m.apForm) == null ? void 0 : u.getFieldsValue(!0)) || {};
+    c.value = e.current, f.value = e.pageSize;
+    const s = ee(t) ? [...t] : [t], g = {};
+    for (const i of s)
+      (h = o(J)) != null && h.includes(i.field) && (g[k(i.field)] = i.order);
+    const d = {};
+    for (const i of Object.keys(a))
+      (v = o(q)) != null && v.includes(i) && (d[i] = a[i]);
+    T({
+      ...n,
+      filter: d,
+      sort: g,
       current: e.current,
       pageSize: e.pageSize
     });
   };
-  U(() => {
+  _(() => {
     var a, t;
     const e = ((t = (a = l.value) == null ? void 0 : a.apForm) == null ? void 0 : t.getFieldsValue(!0)) || {};
-    if (f = {
-      current: o(i),
-      pageSize: o(g),
+    if (p = {
+      current: o(c),
+      pageSize: o(f),
       ...e
-    }, !j) {
-      const r = y(f);
-      x(r);
+    }, !B) {
+      const n = j(p);
+      R(n);
     }
   });
-  const I = z(() => o(n).total === 0 ? "-" : `${o(i.value)}/${Math.ceil(
-    o(n).total / o(g)
-  )}`), K = z(() => ({
-    loading: o(n).loading,
+  const X = V(() => o(r).total === 0 ? "-" : `${o(c.value)}/${Math.ceil(o(r).total / o(f))}`), Y = V(() => ({
+    loading: o(r).loading,
     pagination: {
-      current: o(i),
-      pageSize: o(g),
-      total: o(n).total,
-      showSizeChanger: !0,
-      showQuickJumper: !0,
-      showTotal: (e) => `${C("ap.apTable.pagination.totalLeft", { total: e })} ${C(
-        "ap.apTable.pagination.totalRight",
-        { page: o(I) }
-      )}`
+      current: o(c),
+      pageSize: o(f),
+      total: o(r).total,
+      showSizeChanger: !b,
+      showQuickJumper: !b,
+      showLessItems: b,
+      size: "default",
+      showTotal: L ? (e) => P("span", {
+        class: F("pagination-total-wrapper")
+      }, [S("ap.apTable.pagination.totalLeftPrefix"), " ", P("span", {
+        class: F("pagination-count-text")
+      }, [e]), " ", S("ap.apTable.pagination.totalLeftSuffix"), P("span", {
+        class: F("pagination--total-right")
+      }, [S("ap.apTable.pagination.totalRightPrefix"), " ", P("span", {
+        class: F("pagination-count-text")
+      }, [o(X)]), " ", S("ap.apTable.pagination.totalRightSuffix")])]) : void 0
     },
-    onChange: $,
-    dataSource: o(n).records
+    onChange: A,
+    dataSource: o(r).records
   }));
   return {
     formRef: l,
-    submit: O,
-    reset: Q,
-    refresh: G,
-    refreshByDelete: H,
-    data: n,
-    current: i,
-    pageSize: g,
-    handleTableChange: $,
-    tableProps: K,
-    dataSource: z(() => o(n).records)
+    submit: D,
+    reset: K,
+    refresh: U,
+    refreshByDelete: W,
+    data: r,
+    current: c,
+    pageSize: f,
+    handleTableChange: A,
+    tableProps: Y,
+    dataSource: V(() => o(r).records)
   };
 };
 export {
-  oe as useTablePaging
+  le as useTablePaging
 };

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

@@ -162,6 +162,18 @@ export type RequestData<T> = {
     data: T[] | undefined;
     total: number;
 } & Record<string, any>;
+export type ApTablePaginationConfig = {
+    defaultCurrent?: number;
+    defaultPageSize?: number;
+    /**
+     * 是否显示较少页面内容
+     */
+    showLessItems?: boolean;
+    /**
+     * 用于显示数据总量和当前数据顺序
+     */
+    showTotal?: boolean;
+};
 export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<RecordType>, 'columns' | 'pagination' | 'dataSource' | 'size' | 'rowSelection'> & {
     /**
      * 列配置
@@ -230,10 +242,7 @@ export type ApTableProps<RecordType = any, ParamsType = any> = Omit<TableProps<R
     /**
      * 是否显示分页器（特定的分页器）或者指定默认的当前页和pageSize
      */
-    pagination?: false | {
-        defaultCurrent?: number;
-        defaultPageSize?: number;
-    };
+    pagination?: false | ApTablePaginationConfig;
     /**
      * 自定义查询表单容器样式
      */

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

@@ -86,3 +86,12 @@
 .aplus-ap-table .ant-table-cell .ant-typography {
   margin-bottom: 0;
 }
+.aplus-ap-table-pagination-count-text {
+  color: var(--ap-table-pagination-total-count-color, #182948);
+}
+.aplus-ap-table-pagination--total-right {
+  padding-left: 12px;
+}
+.aplus-ap-table-pagination-total-wrapper {
+  color: var(--ap-table-pagination-total-color, #526A90);
+}

package/es/src/ap-table/utils.d.ts

@@ -1,13 +1,15 @@
 import { ApColumnType, ApTableValueFields, ValueEnum, ValueEnumType } from './interface';
 import { Translator, ValueTypeRenderConfig } from '../config-provider';
 import { apTableRenderItemMap } from './constants';
-import { VNode, CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, RendererNode, RendererElement } from 'vue';
+import { VNode, CreateComponentPublicInstance, ExtractPropTypes, PropType, HTMLAttributes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, VNodeArrayChildren } from 'vue';
 import { ColSize } from 'ant-design-vue/es/grid';
 import { ApFieldTextPasswordProps, ApFieldTextProps, ApFieldTextAreaProps, ApFieldNumberProps, ApFieldDateProps, ApFieldDateRangeProps, ApFieldRadioProps, ApFieldSelectProps, ApFieldSwitchProps, ApFieldCheckboxProps } from '..';
 import { RuleObject } from 'ant-design-vue/es/form';
 import { FormLabelAlign } from 'ant-design-vue/es/form/interface';
 import { ApFormItemSlots, ApFormItemTextPassword } from '../ap-form';
 import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { ColumnTitleProps } from 'ant-design-vue/es/table/interface';
+import { VueNode } from 'ant-design-vue/es/_util/type';
 export type FieldValueType = 'multiple' | 'multipleNumber' | 'dayjs' | 'dayjsRange' | 'dayjsDayRange' | 'number' | 'boolean' | 'object';
 export declare const formatParamsValueType: (type: FieldValueType | Record<string, FieldValueType>, value: any, cb: (t: FieldValueType, value: any) => any) => any;
 /**
@@ -8425,7 +8427,5 @@ export declare function objectToString(value: any): any;
 export declare function getTableTitle(column: ApColumnType<any>, slot?: (props: {
     title: any;
     column: ApColumnType<any>;
-}) => any, tooltipColor?: string): VNode< RendererNode, RendererElement, {
-    [key: string]: any;
-}>[] | import("vue/jsx-runtime").JSX.Element | (() => import("vue/jsx-runtime").JSX.Element);
+}) => any, tooltipColor?: string): number | boolean | void | VNodeArrayChildren | import("vue/jsx-runtime").JSX.Element | ((props: ColumnTitleProps<any>) => VNodeArrayChildren | VueNode) | null;
 export {};

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

@@ -1,18 +1,18 @@
-import { isVNode as d, createVNode as s, mergeProps as f, cloneVNode as T, Fragment as l } from "vue";
-import { isObject as c, isArray as a, isUndefined as b, isFunction as y, omit as g, isBoolean as h, isString as j } from "lodash-unified";
+import { isVNode as d, createVNode as u, mergeProps as a, cloneVNode as T, Fragment as b } from "vue";
+import { isObject as l, isArray as f, isUndefined as y, isFunction as g, omit as h, isBoolean as j, isString as c } from "lodash-unified";
 import { apTableRenderItemMap as F, apTableFormItemMap as O, ellipsisTitleStyle as E } from "./constants.mjs";
 import { isType as S } from "@fruits-chain/utils";
 import "../ap-form/index.mjs";
-import { Tooltip as N } from "ant-design-vue";
-import { QuestionCircleOutlined as x } from "@ant-design/icons-vue";
-import v from "../ap-form/ap-form-item.vue.mjs";
-function I(t) {
+import { Tooltip as x } from "ant-design-vue";
+import { QuestionCircleOutlined as N } from "@ant-design/icons-vue";
+import I from "../ap-form/ap-form-item.vue.mjs";
+function v(t) {
   return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !d(t);
 }
 const C = (t, e, n) => {
   let o = {};
-  return c(t) ? Object.keys(t).forEach((u) => {
-    c(t[u]) ? o[u] = C(t[u], e[u], n) : o[u] = n(t[u], e);
+  return l(t) ? Object.keys(t).forEach((i) => {
+    l(t[i]) ? o[i] = C(t[i], e[i], n) : o[i] = n(t[i], e);
   }) : o = n(t, e), o;
 }, J = (t, e) => {
   switch (t) {
@@ -26,7 +26,7 @@ const C = (t, e, n) => {
     }
     case "multiple":
     case "multipleNumber":
-      return a(e) ? e : [e];
+      return f(e) ? e : [e];
     case "boolean":
       return e;
     case "object":
@@ -36,7 +36,7 @@ const C = (t, e, n) => {
   }
 };
 function L(t) {
-  return a(t) ? t.join(".") : t;
+  return f(t) ? t.join(".") : t;
 }
 function P(t) {
   const e = Object.prototype.toString.call(t).match(/^\[object (.*)\]$/)[1].toLowerCase();
@@ -44,13 +44,13 @@ function P(t) {
 }
 const V = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), p = (t) => {
   const e = [], n = V(t);
-  return n.forEach((o, u) => {
-    const r = n.get(u) || n.get(`${u}`);
+  return n.forEach((o, i) => {
+    const r = n.get(i) || n.get(`${i}`);
     if (r) {
       if (typeof r == "object" && (r != null && r.text)) {
         e.push({
           text: r == null ? void 0 : r.text,
-          value: u,
+          value: i,
           label: r == null ? void 0 : r.text,
           disabled: r.disabled
         });
@@ -59,46 +59,46 @@ const V = (t) => P(t) === "map" ? t : new Map(Object.entries(t || {})), p = (t)
       e.push({
         text: r,
         label: r,
-        value: u
+        value: i
       });
     }
   }), e;
-}, Q = (t) => b(t) || t < 0 ? 0 : t, U = (t, e, n) => {
+}, Q = (t) => y(t) || t < 0 ? 0 : t, U = (t, e, n) => {
   if (n)
     return n;
-  const o = ["select", "date"], u = ["text", "textArea", "number"];
+  const o = ["select", "date"], i = ["text", "textArea", "number"];
   if (e === "dateRange")
     return [t("ap.common.chooseText"), t("ap.common.chooseText")];
   if (o.includes(e))
     return t("ap.common.chooseText");
-  if (u.includes(e))
+  if (i.includes(e))
     return t("ap.common.inputText");
 };
 function w(t, e) {
-  return !t || !y(t) ? t : t(e);
+  return !t || !g(t) ? t : t(e);
 }
 function z(t) {
   let e = t.valueType || "text";
   return t.valueEnum && (e = "status"), e;
 }
 function G(t, e, n, o) {
-  var i;
-  const u = F[t];
-  if (u)
-    return s(u, f(e, {
+  var s;
+  const i = F[t];
+  if (i)
+    return u(i, a(e, {
       mode: "read"
     }), null);
   const r = o == null ? void 0 : o[t];
-  return ((i = r == null ? void 0 : r.render) == null ? void 0 : i.call(r, e.value, n, e)) || e.value;
+  return ((s = r == null ? void 0 : r.render) == null ? void 0 : s.call(r, e.value, n, e)) || e.value;
 }
 function K(t, e) {
   if (t.customRenderFormItem)
     return () => {
-      const u = t.customRenderFormItem(t);
-      return T(u, {
+      const i = t.customRenderFormItem(t);
+      return T(i, {
         ...t.fieldProps,
         span: t.span,
-        ...u.props || {}
+        ...i.props || {}
       });
     };
   const n = O[t.valueType];
@@ -107,30 +107,30 @@ function K(t, e) {
   const o = e == null ? void 0 : e[t.valueType];
   return () => {
     var r;
-    const u = (r = o == null ? void 0 : o.renderFormItem) == null ? void 0 : r.call(o, t.fieldProps.field);
-    return u ? s(v, f(t.fieldProps, {
+    const i = (r = o == null ? void 0 : o.renderFormItem) == null ? void 0 : r.call(o, t.fieldProps.field);
+    return i ? u(I, a(t.fieldProps, {
       span: t.span
-    }), I(u) ? u : {
-      default: () => [u]
+    }), v(i) ? i : {
+      default: () => [i]
     }) : null;
   };
 }
 function W(t, e) {
-  const n = w(t.fieldProps, e), o = (n == null ? void 0 : n.field) || n || {}, u = t.valueType === "switch", r = t.valueType === "index", i = u ? {
+  const n = w(t.fieldProps, e), o = (n == null ? void 0 : n.field) || n || {}, i = t.valueType === "switch", r = t.valueType === "index", s = i ? {
     checked: e.value
   } : {
     value: r ? e.index + 1 : e.value
   };
   return t.valueEnum && (o.valueEnum = t.valueEnum), {
-    ...g(o, ["request"]),
-    ...i
+    ...h(o, ["request"]),
+    ...s
   };
 }
 function X(t) {
   const e = {
     ...t
   };
-  return h(t.filters) && t.filters && t.valueEnum && (e.filters = p(t.valueEnum)), e;
+  return j(t.filters) && t.filters && t.valueEnum && (e.filters = p(t.valueEnum)), e;
 }
 function Y(t, e) {
   var o;
@@ -156,14 +156,19 @@ function k(t, e, n) {
   });
   if (o && (o.length > 1 || o[0].children !== "v-if"))
     return o;
-  const r = s("span", {
+  const r = c(t.title) ? u("span", {
     style: E,
     title: t.title
-  }, [t.title]), i = t.tooltip ? j(t.tooltip) ? s(l, null, [t.tooltip]) : t.tooltip(t) : null, m = () => s(l, null, [r, s(N, {
-    title: i,
+  }, [t.title]) : t.title, s = t.tooltip ? c(t.tooltip) ? u(b, null, [t.tooltip]) : t.tooltip(t) : null, m = () => u("span", {
+    style: {
+      display: "inline-flex",
+      alignItems: "center"
+    }
+  }, [r, u(x, {
+    title: s,
     placement: "bottom"
   }, {
-    default: () => [s(x, {
+    default: () => [u(N, {
       style: {
         padding: "4px",
         color: n,
@@ -171,7 +176,7 @@ function k(t, e, n) {
       }
     }, null)]
   })]);
-  return i ? m : r;
+  return s ? m : r;
 }
 export {
   X as apColumnToColumn,

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

@@ -1,65 +1,13 @@
-import { accessCreate } from '@aplus-frontend/oss';
-import { PropType, DefineComponent, CSSProperties, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-import { VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { ImagePreviewType } from 'ant-design-vue/es/vc-image';
-import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
-declare const _default: DefineComponent<{
-    getOssAccess: PropType<() => Promise<accessCreate>>;
-    src: StringConstructor;
-    wrapperClassName: StringConstructor;
-    wrapperStyle: {
-        type: PropType< CSSProperties>;
-        default: CSSProperties;
-    };
-    rootClassName: StringConstructor;
-    prefixCls: StringConstructor;
-    previewPrefixCls: StringConstructor;
-    previewMask: {
-        type: PropType<false | (() => any)>;
-        default: any;
-    };
-    placeholder: VueTypeValidableDef<any>;
-    fallback: StringConstructor;
-    preview: {
-        type: PropType<boolean | ImagePreviewType>;
-        default: boolean | ImagePreviewType;
-    };
-    onClick: {
-        type: PropType< MouseEventHandler>;
-    };
-    onError: {
-        type: PropType<OnErrorEventHandlerNonNull>;
-    };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    getOssAccess: PropType<() => Promise<accessCreate>>;
-    src: StringConstructor;
-    wrapperClassName: StringConstructor;
-    wrapperStyle: {
-        type: PropType< CSSProperties>;
-        default: CSSProperties;
-    };
-    rootClassName: StringConstructor;
-    prefixCls: StringConstructor;
-    previewPrefixCls: StringConstructor;
-    previewMask: {
-        type: PropType<false | (() => any)>;
-        default: any;
-    };
-    placeholder: VueTypeValidableDef<any>;
-    fallback: StringConstructor;
-    preview: {
-        type: PropType<boolean | ImagePreviewType>;
-        default: boolean | ImagePreviewType;
-    };
-    onClick: {
-        type: PropType< MouseEventHandler>;
-    };
-    onError: {
-        type: PropType<OnErrorEventHandlerNonNull>;
-    };
-}>>, {
-    preview: boolean | ImagePreviewType;
-    wrapperStyle: CSSProperties;
-    previewMask: false | (() => any);
-}, {}>;
+import { ApImageProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<ApImageProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<ApImageProps>>>, {}, {}>;
 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;
+    };
+};