@aplus-frontend/ui 0.1.8 → 0.1.10

package/es/src/ap-table/hooks/use-table-content-height.d.ts

@@ -3,7 +3,7 @@ export type TableContentHeightOptions = {
     offset?: number;
 };
 declare const useTableContentHeight: (options?: TableContentHeightOptions) => {
-    contentRef: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    contentRef: Ref<HTMLDivElement | undefined>;
     height: ComputedRef<number>;
 };
 export default useTableContentHeight;

package/es/src/ap-table/hooks/use-table-paging.d.ts

@@ -1,6 +1,7 @@
-import { Ref, ComputedRef } from 'vue';
+import { ComputedRef, Ref } from 'vue';
 import { RequestData } from '../interface';
 import { ApFormSearchFormExpose } from '../../ap-form';
+import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource } from 'ant-design-vue/es/table/interface';
 export type UseTablePagingParams<DataType, ParamsType> = {
     request: (params: any) => Promise<RequestData<DataType>>;
@@ -45,14 +46,14 @@ export type UseTablePagingParams<DataType, ParamsType> = {
     /**
      * 需要后端筛选的字段列表
      */
-    filterFields?: string[];
+    filterFields?: ComputedRef<DataIndex[]>;
     /**
      * 需要后端筛选的排序字段列表
      */
-    sortFields?: string[];
+    sortFields?: ComputedRef<DataIndex[]>;
 };
 export declare const useTablePaging: <DataType = any, ParamsType = Record<string, any>>({ manual, defaultCurrent, defaultPageSize, request, defaultParams, defaultData, formatParams, paramsValueTypeMap, resetFieldsIgnores, filterFields, sortFields }: UseTablePagingParams<DataType, ParamsType>) => {
-    formRef: Ref<ApFormSearchFormExpose | undefined, ApFormSearchFormExpose | undefined>;
+    formRef: Ref<ApFormSearchFormExpose | undefined>;
     submit: () => void;
     reset: () => void;
     refresh: () => void;
@@ -61,13 +62,9 @@ export declare const useTablePaging: <DataType = any, ParamsType = Record<string
         total: number;
         records: DataType[];
         loading: boolean;
-    }, {
-        total: number;
-        records: DataType[];
-        loading: boolean;
     }>;
-    current: Ref<number, number>;
-    pageSize: Ref<number, number>;
+    current: Ref<number>;
+    pageSize: Ref<number>;
     handleTableChange: (pagination: TablePaginationConfig, filters: Record<string, FilterValue | null>, sorter: SorterResult<any> | SorterResult<any>[], extra: TableCurrentDataSource<any>) => void;
     tableProps: ComputedRef<{
         loading: boolean;

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

@@ -1,94 +1,94 @@
-import { ref as v, nextTick as N, unref as o, onMounted as U, computed as S } from "vue";
+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 "../../config-provider/index.mjs";
 import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
 const oe = ({
-  manual: $ = !1,
-  defaultCurrent: j = 1,
-  defaultPageSize: T = 10,
-  request: D,
-  defaultParams: R = {},
-  defaultData: A = [],
-  formatParams: z,
-  paramsValueTypeMap: P,
-  resetFieldsIgnores: w,
-  filterFields: B = [],
-  sortFields: E = []
+  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
 }) => {
-  let F = 0, f = {};
-  const L = (e) => z ? z(e) : e, l = v(), i = v(j), g = v(T), { t: V } = Z(), n = v({
+  let T = 0, f = {};
+  const M = (e) => w ? w(e) : e, l = S(), i = S(D), g = S(P), { t: C } = Z(), n = S({
     total: 0,
-    records: A,
+    records: B,
     loading: !1
-  }), b = async (e) => {
+  }), x = async (e) => {
     var r;
-    const a = L(e), t = Date.now();
-    F = t, n.value.loading = !0;
+    const a = M(e), t = Date.now();
+    T = t, n.value.loading = !0;
     try {
-      const s = await D({
-        ...R,
+      const s = await R({
+        ...A,
         ...a
       });
-      F === t && (n.value.total = s.total || ((r = s.data) == null ? void 0 : r.length) || 0, n.value.records = [...s.data || []]);
+      T === t && (n.value.total = s.total || ((r = s.data) == null ? void 0 : r.length) || 0, n.value.records = [...s.data || []]);
     } catch {
-      F === t && (n.value.records = [], n.value.total = 0);
+      T === t && (n.value.records = [], n.value.total = 0);
     } finally {
       n.value.loading = !1;
     }
-  }, C = (e) => {
+  }, y = (e) => {
     const a = {};
     return Object.entries(e).forEach(([t, r]) => {
-      if (a[t] = r, P && r) {
-        const s = P[t];
+      if (a[t] = r, V && r) {
+        const s = V[t];
         s && (a[t] = W(s, r));
       }
     }), a;
-  }, M = async (e) => {
-    var r, s, d, p, m, u, c;
+  }, 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(([O, K]) => {
-      w && w.indexOf(O) > -1 && (t[O] = K);
-    }), await ((p = (d = l.value) == null ? void 0 : d.apForm) == null ? void 0 : p.resetFields()), (c = (u = (m = l.value) == null ? void 0 : m.apForm) == null ? void 0 : u.setFieldsValue) == null || c.call(u, t), N(() => {
+    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(() => {
       e == null || e();
     });
-  }, h = (e) => {
+  }, F = (e) => {
     f = e;
-    const a = C(e);
-    b(a);
-  }, q = (e) => {
-    h({
+    const a = y(e);
+    x(a);
+  }, J = (e) => {
+    F({
       ...f,
       ...e
     });
-  }, x = () => {
+  }, O = () => {
     var a, t;
     const e = ((t = (a = l.value) == null ? void 0 : a.apForm) == null ? void 0 : t.getFieldsValue(!0)) || {};
-    i.value = 1, h({
+    i.value = 1, F({
       ...e,
       current: 1,
-      pageSize: f.pageSize || T
+      pageSize: f.pageSize || P
     });
-  }, J = () => {
-    M(x);
   }, Q = () => {
-    h(f);
-  }, G = (e) => {
+    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);
-    q({
+    J({
       current: r > 0 ? r : 1
     });
-  }, y = (e, a, t) => {
-    var m, u;
+  }, $ = (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)
-      E.includes(c.field) && (d[X(c.field)] = c.order);
+      (h = o(L)) != null && h.includes(c.field) && (d[X(c.field)] = c.order);
     const p = {};
     for (const c of Object.keys(a))
-      B.includes(c) && (p[c] = a[c]);
-    h({
+      (v = o(E)) != null && v.includes(c) && (p[c] = a[c]);
+    F({
       ...r,
       filter: p,
       sort: d,
@@ -103,14 +103,14 @@ const oe = ({
       current: o(i),
       pageSize: o(g),
       ...e
-    }, !$) {
-      const r = C(f);
-      b(r);
+    }, !j) {
+      const r = y(f);
+      x(r);
     }
   });
-  const H = S(() => o(n).total === 0 ? "-" : `${o(i.value)}/${Math.ceil(
+  const I = z(() => o(n).total === 0 ? "-" : `${o(i.value)}/${Math.ceil(
     o(n).total / o(g)
-  )}`), I = S(() => ({
+  )}`), K = z(() => ({
     loading: o(n).loading,
     pagination: {
       current: o(i),
@@ -118,26 +118,26 @@ const oe = ({
       total: o(n).total,
       showSizeChanger: !0,
       showQuickJumper: !0,
-      showTotal: (e) => `${V("ap.apTable.pagination.totalLeft", { total: e })} ${V(
+      showTotal: (e) => `${C("ap.apTable.pagination.totalLeft", { total: e })} ${C(
         "ap.apTable.pagination.totalRight",
-        { page: o(H) }
+        { page: o(I) }
       )}`
     },
-    onChange: y,
+    onChange: $,
     dataSource: o(n).records
   }));
   return {
     formRef: l,
-    submit: x,
-    reset: J,
-    refresh: Q,
-    refreshByDelete: G,
+    submit: O,
+    reset: Q,
+    refresh: G,
+    refreshByDelete: H,
     data: n,
     current: i,
     pageSize: g,
-    handleTableChange: y,
-    tableProps: I,
-    dataSource: S(() => o(n).records)
+    handleTableChange: $,
+    tableProps: K,
+    dataSource: z(() => o(n).records)
   };
 };
 export {

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

@@ -101,6 +101,17 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
      * 自定义查询表单渲染
      */
     customRenderFormItem?: (config: ApColumnType<RecordType, ValueType>) => any;
+    /**
+     * 自定义渲染文本，和customRender相比，其必须返回字符串，并且后续的渲染（例如copy/ellipsis）都将使用这个值
+     */
+    renderText?: (option: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: ApColumnType<RecordType>;
+    }) => string;
     /**
      * 指定值类型（将会用于默认渲染和查询表单生成）
      */
@@ -126,7 +137,7 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
      */
     filters?: ColumnType<RecordType>['filters'] | true;
     /**
-     * 自定义渲染，添加了`editable`以及`originalNode`
+     * 自定义渲染，添加了`editable`以及`originalNode、originalText`
      * @param opt
      * @returns
      */
@@ -138,6 +149,7 @@ export type ApColumnType<RecordType = any, ValueType extends ApTableValueTypes =
         renderIndex: number;
         column: ApColumnType<RecordType>;
         originalNode?: VNode;
+        originalText?: any;
     }) => any;
 } : never;
 export type RequestData<T> = {

package/es/src/ap-tag/ap-tag-group.vue.d.ts

@@ -1,20 +1,45 @@
 import { ApTagGroupProps, ApTagProps, EllipsisProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 type ApTagGroupSlots = {
     tooltip?: (props: {
         tags: ApTagProps[];
     }) => void;
 };
 declare function __VLS_template(): Readonly<ApTagGroupSlots> & ApTagGroupSlots;
-declare const __VLS_component: DefineComponent<ApTagGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTagGroupProps & {}>, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsis: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagGroupProps>, {
+    list: () => ApTagProps[];
+    space: number;
+    ellipsis: () => {};
+}>>>, {
     ellipsis: EllipsisProps;
     space: number;
     list: ApTagProps[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+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/ap-tag/ap-tag-group.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as D, ref as C, computed as n, unref as f, watch as N, nextTick as S, onMounted as j, onUnmounted as G, openBlock as c, createBlock as d, mergeProps as b, withCtx as g, renderSlot as R, createTextVNode as A, toDisplayString as k, createElementVNode as o, normalizeClass as W, normalizeStyle as _, createElementBlock as T, Fragment as F, renderList as I, createCommentVNode as U } from "vue";
+import { createElementVNode as t, defineComponent as D, ref as C, computed as n, unref as d, watch as N, nextTick as S, onMounted as j, onUnmounted as G, openBlock as c, createBlock as f, mergeProps as _, withCtx as g, renderSlot as R, createTextVNode as A, toDisplayString as b, normalizeClass as k, normalizeStyle as W, createElementBlock as T, Fragment as F, renderList as I, createCommentVNode as U } from "vue";
 import { Tooltip as q } from "ant-design-vue";
 import H from "@ant-design/icons-vue";
 import "./ap-tag.vue2.mjs";
@@ -9,7 +9,59 @@ import { useLocale as K } from "../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as O } from "../config-provider/hooks/use-global-config.mjs";
 import { useNamespace as Q } from "../config-provider/hooks/use-namespace.mjs";
 import X from "./ap-tag.vue.mjs";
-const pe = /* @__PURE__ */ D({
+const Y = /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  fill: "none",
+  version: "1.1",
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16"
+}, [
+  /* @__PURE__ */ t("defs", null, [
+    /* @__PURE__ */ t("clipPath", { id: "master_svg0_1133_24991" }, [
+      /* @__PURE__ */ t("rect", {
+        x: "0",
+        y: "0",
+        width: "16",
+        height: "16",
+        rx: "0"
+      })
+    ])
+  ]),
+  /* @__PURE__ */ t("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
+        cx: "8",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ]),
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
+        cx: "3.25",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ]),
+    /* @__PURE__ */ t("g", null, [
+      /* @__PURE__ */ t("ellipse", {
+        cx: "12.75",
+        cy: "8",
+        rx: "1",
+        ry: "1",
+        fill: "currentColor",
+        "fill-opacity": "1"
+      })
+    ])
+  ])
+], -1), me = /* @__PURE__ */ D({
   __name: "ap-tag-group",
   props: {
     list: { default: () => [] },
@@ -18,46 +70,46 @@ const pe = /* @__PURE__ */ D({
     ellipsis: { default: () => ({}) }
   },
   setup(E) {
-    const { t: z } = K(), i = E, B = O("uiMode"), { b: V, bm: v } = Q("tag-group"), u = C(), r = n(() => ({
+    const { t: z } = K(), i = E, B = O("uiMode"), { b: V, bm: h } = Q("tag-group"), u = C(), s = n(() => ({
       ...{
         iconColor: "#34B77C",
         symbol: "icon",
         text: z("ap.common.more")
       },
       ...i.ellipsis
-    })), $ = n(() => r.value.tooltip && typeof r.value.tooltip == "object" ? J(r.value.tooltip, ["trigger", "title"]) : {}), p = n(() => f(m) < i.list.length), m = C(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [V()].filter(Boolean)), P = n(() => B.value === "aplus" ? [v("ellipsis-text", "aplus")] : [v("ellipsis-text", "admin")]), h = (e, t) => {
-      let s = document.createElement("canvas");
-      const l = s.getContext("2d");
+    })), $ = n(() => s.value.tooltip && typeof s.value.tooltip == "object" ? J(s.value.tooltip, ["trigger", "title"]) : {}), p = n(() => d(m) < i.list.length), m = C(0), L = n(() => i.list.map((e) => e.text).join("、")), M = n(() => [V()].filter(Boolean)), P = n(() => B.value === "aplus" ? [h("ellipsis-text", "aplus")] : [h("ellipsis-text", "admin")]), v = (e, o) => {
+      let r = document.createElement("canvas");
+      const l = r.getContext("2d");
       l.font = `${e}px system-ui`;
-      const a = l.measureText(t);
+      const a = l.measureText(o);
       return setTimeout(() => {
-        s = null;
+        r = null;
       }, 0), a.width;
     }, x = () => {
-      let e = 0, t = 0;
+      let e = 0, o = 0;
       if (!u.value) return;
-      const s = u.value.offsetWidth;
+      const r = u.value.offsetWidth;
       for (let l of i.list) {
-        const a = l.size === "large" ? 16 : 12, w = h(
+        const a = l.size === "large" ? 16 : 12, w = v(
           l.size === "large" ? 14 : 12,
           l.text
         ) + a + 2 + i.space;
-        if (e += w, e > s) {
+        if (e += w, e > r) {
           e -= w;
           break;
         }
-        t++;
+        o++;
       }
-      if (t < i.list.length) {
-        const a = h(12, r.value.text);
-        i.ellipsis.symbol === "icon" ? e += 16 : e += a, e > s && t--;
+      if (o < i.list.length) {
+        const a = v(12, s.value.text);
+        i.ellipsis.symbol === "icon" ? e += 16 : e += a, e > r && o--;
       }
-      m.value = t;
+      m.value = o;
     };
     N(
       () => i.list,
-      (e, t) => {
-        e !== t && S(() => {
+      (e, o) => {
+        e !== o && S(() => {
           x();
         });
       },
@@ -70,101 +122,49 @@ const pe = /* @__PURE__ */ D({
     };
     return j(() => {
       [["ellipsisColor", "ellipse.color"]].forEach(
-        ([e, t]) => {
+        ([e, o]) => {
           i[e] && console.error(
-            `[ApTagGroup]: \`${e}\` is deprecated, please use \`${t}\` instead.`
+            `[ApTagGroup]: \`${e}\` is deprecated, please use \`${o}\` instead.`
           );
         }
       ), window.addEventListener("resize", y);
     }), G(() => {
       window.removeEventListener("resize", y);
-    }), (e, t) => (c(), d(f(q), b({ trigger: "hover" }, $.value), {
+    }), (e, o) => (c(), f(d(q), _({ trigger: "hover" }, $.value), {
       title: g(() => [
         R(e.$slots, "tooltip", { tags: e.list }, () => [
-          A(k(L.value), 1)
+          A(b(L.value), 1)
         ])
       ]),
       default: g(() => [
-        o("div", {
-          class: W(M.value),
+        t("div", {
+          class: k(M.value),
           ref_key: "container",
           ref: u,
-          style: _({
+          style: W({
             pointerEvents: p.value ? "auto" : "none"
             // opacity: isUpdating ? '0' : '1'
           })
         }, [
-          (c(!0), T(F, null, I(e.list, (s, l) => (c(), d(X, b({ ref_for: !0 }, s, {
+          (c(!0), T(F, null, I(e.list, (r, l) => (c(), f(X, _({ ref_for: !0 }, r, {
             key: l,
             style: {
               display: l >= m.value ? "none" : "inline-block",
               marginRight: `${e.space}px`
             }
           }), null, 16, ["style"]))), 128)),
-          p.value && r.value.symbol === "icon" ? (c(), d(f(H), {
+          p.value && s.value.symbol === "icon" ? (c(), f(d(H), {
             key: 0,
-            style: _({ color: e.ellipsisColor || r.value.iconColor })
+            style: W({ color: e.ellipsisColor || s.value.iconColor })
           }, {
-            component: g(() => t[0] || (t[0] = [
-              o("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                "xmlns:xlink": "http://www.w3.org/1999/xlink",
-                fill: "none",
-                version: "1.1",
-                width: "16",
-                height: "16",
-                viewBox: "0 0 16 16"
-              }, [
-                o("defs", null, [
-                  o("clipPath", { id: "master_svg0_1133_24991" }, [
-                    o("rect", {
-                      x: "0",
-                      y: "0",
-                      width: "16",
-                      height: "16",
-                      rx: "0"
-                    })
-                  ])
-                ]),
-                o("g", { "clip-path": "url(#master_svg0_1133_24991)" }, [
-                  o("g", null, [
-                    o("ellipse", {
-                      cx: "8",
-                      cy: "8",
-                      rx: "1",
-                      ry: "1",
-                      fill: "currentColor",
-                      "fill-opacity": "1"
-                    })
-                  ]),
-                  o("g", null, [
-                    o("ellipse", {
-                      cx: "3.25",
-                      cy: "8",
-                      rx: "1",
-                      ry: "1",
-                      fill: "currentColor",
-                      "fill-opacity": "1"
-                    })
-                  ]),
-                  o("g", null, [
-                    o("ellipse", {
-                      cx: "12.75",
-                      cy: "8",
-                      rx: "1",
-                      ry: "1",
-                      fill: "currentColor",
-                      "fill-opacity": "1"
-                    })
-                  ])
-                ])
-              ], -1)
-            ])),
+            component: g(() => [
+              Y
+            ]),
             _: 1
-          }, 8, ["style"])) : p.value && r.value.symbol === "text" ? (c(), T("span", {
+          }, 8, ["style"])) : p.value && s.value.symbol === "text" ? (c(), T("span", {
             key: 1,
-            class: W(P.value)
-          }, k(r.value.text), 3)) : U("", !0)
+            class: k(P.value)
+          }, b(s.value.text), 3)) : U("", !0)
         ], 6)
       ]),
       _: 3
@@ -172,5 +172,5 @@ const pe = /* @__PURE__ */ D({
   }
 });
 export {
-  pe as default
+  me as default
 };

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

@@ -1,8 +1,33 @@
 import { ApTagProps } from './interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare const _default: DefineComponent<ApTagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApTagProps & {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApTagProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
     size: "small" | "middle" | "large";
     disabled: boolean;
     color: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+}, {}>;
 export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[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;
+    };
+};