@aplus-frontend/ui 0.0.11 → 0.0.13

package/es/src/ap-form/ap-form.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as b, ref as k, reactive as x, computed as M, openBlock as R, createBlock as T, unref as W, mergeProps as q, withCtx as w, renderSlot as z } from "vue";
-import { Form as A } from "ant-design-vue";
-import { useProvideForm as E } from "./context.mjs";
-import { isArray as y } from "lodash-unified";
-const I = /* @__PURE__ */ b({
+import { defineComponent as R, ref as k, reactive as x, toRaw as M, computed as T, openBlock as w, createBlock as W, unref as y, mergeProps as q, withCtx as z, renderSlot as A } from "vue";
+import { Form as E } from "ant-design-vue";
+import { useProvideForm as O } from "./context.mjs";
+import { isArray as C, omit as P } from "lodash-unified";
+const N = /* @__PURE__ */ R({
   __name: "ap-form",
   props: {
     layout: { default: "horizontal" },
@@ -30,32 +30,32 @@ const I = /* @__PURE__ */ b({
     onValidate: {},
     initialValues: {}
   },
-  setup(C, { expose: B }) {
-    const r = C;
-    function _(e, t) {
+  setup(B, { expose: _ }) {
+    const r = B;
+    function b(e, t) {
       var V;
-      if (y(e)) {
-        let u = o;
-        for (let d = 0; d < e.length - 1; d++)
-          u = u[e[d]];
-        u[e[e.length - 1]] = t;
+      if (C(e)) {
+        let n = o;
+        for (let u = 0; u < e.length - 1; u++)
+          n = n[e[u]];
+        n[e[e.length - 1]] = t;
       } else
         o[e] = t;
-      let l = y(e) ? e[0] : e;
+      let l = C(e) ? e[0] : e;
       (V = r.onValuesChange) == null || V.call(r, { [l]: o[l] }, o), s();
     }
     const a = k(), o = x(r.initialValues || {});
     let i = [];
-    const f = (e) => {
+    const d = (e) => {
       var t;
       (t = a.value) == null || t.resetFields(e), s();
-    }, c = (e) => {
+    }, f = (e) => {
       var t;
       (t = a.value) == null || t.clearValidate(e);
-    }, p = (e, t) => {
+    }, c = (e, t) => {
       var l;
       return (l = a.value) == null ? void 0 : l.validateFields(e, t);
-    }, n = (e) => {
+    }, p = (e) => {
       var t;
       return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
     }, h = (e, t) => {
@@ -64,9 +64,9 @@ const I = /* @__PURE__ */ b({
     }, g = (e, t = {}) => {
       var l;
       (l = a.value) == null || l.scrollToField(e, t);
-    }, F = (e) => {
+    }, m = (e) => {
       Object.assign(o, e), s();
-    }, m = (e, t) => {
+    }, F = (e, t) => {
       o[e] = t, s();
     };
     function v(e) {
@@ -76,47 +76,47 @@ const I = /* @__PURE__ */ b({
     }
     function s() {
       if (i.length) {
-        const e = n(!0);
+        const e = M(o);
         i.forEach((t) => {
           t(e);
         });
       }
     }
-    return E({
-      model: M(() => o),
-      updateModel: _,
+    return O({
+      model: T(() => o),
+      updateModel: b,
       formInstance: {
-        resetFields: f,
-        clearValidate: c,
-        validateFields: p,
-        getFieldsValue: n,
+        resetFields: d,
+        clearValidate: f,
+        validateFields: c,
+        getFieldsValue: p,
         validate: h,
         scrollToField: g,
-        setFieldsValue: F,
-        setFieldValue: m,
+        setFieldsValue: m,
+        setFieldValue: F,
         registerWatch: v
       }
-    }), B({
-      resetFields: f,
-      clearValidate: c,
-      validateFields: p,
-      getFieldsValue: n,
+    }), _({
+      resetFields: d,
+      clearValidate: f,
+      validateFields: c,
+      getFieldsValue: p,
       validate: h,
       scrollToField: g,
-      setFieldsValue: F,
-      setFieldValue: m,
+      setFieldsValue: m,
+      setFieldValue: F,
       registerWatch: v
-    }), (e, t) => (R(), T(W(A), q({
+    }), (e, t) => (w(), W(y(E), q({
       ref_key: "formRef",
       ref: a
-    }, r, { model: o }), {
-      default: w(() => [
-        z(e.$slots, "default")
+    }, y(P)(r, ["initialValues"]), { model: o }), {
+      default: z(() => [
+        A(e.$slots, "default")
       ]),
       _: 3
     }, 16, ["model"]));
   }
 });
 export {
-  I as default
+  N as default
 };

package/es/src/ap-form/modal-form/index.vue.mjs

@@ -1,20 +1,21 @@
-import { isVNode as E, defineComponent as L, useSlots as A, ref as F, watch as W, cloneVNode as G, computed as H, createVNode as n, mergeProps as p, unref as r, openBlock as g, createElementBlock as J, Fragment as K, withCtx as V, renderSlot as x, createTextVNode as Q, toDisplayString as X, createBlock as N, resolveDynamicComponent as P } from "vue";
-import { Button as y, Flex as S, Space as Y, Modal as Z } from "ant-design-vue";
+import { isVNode as U, defineComponent as $, useSlots as q, ref as F, watch as D, cloneVNode as L, computed as A, createVNode as u, mergeProps as p, unref as i, openBlock as g, createElementBlock as G, Fragment as W, withCtx as y, renderSlot as w, createTextVNode as H, toDisplayString as J, createElementVNode as K, normalizeClass as Q, createBlock as x, resolveDynamicComponent as T } from "vue";
+import { Button as V, Flex as X, Modal as Y } from "ant-design-vue";
 import "../ap-form.vue.mjs";
 import "../../hooks/index.mjs";
-import { getSingleVNode as I } from "../../utils/slot.mjs";
+import { getSingleVNode as Z } from "../../utils/slot.mjs";
 import "../../config-provider/index.mjs";
-import { omit as ee } from "lodash-unified";
+import { omit as I } from "lodash-unified";
 import "../style/modal-form.css";
-import { convertReactiveToRaw as te } from "../../utils/index.mjs";
-import { useControllableValue as le } from "../../hooks/useControllableValue.mjs";
-import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as oe } from "../../config-provider/hooks/use-namespace.mjs";
-import se from "../ap-form.vue2.mjs";
-function C(d) {
-  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !E(d);
+import { convertReactiveToRaw as ee } from "../../utils/index.mjs";
+import { useControllableValue as te } from "../../hooks/useControllableValue.mjs";
+import { useLocale as le } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as oe } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as ae } from "../../config-provider/hooks/use-namespace.mjs";
+import ie from "../ap-form.vue2.mjs";
+function se(d) {
+  return typeof d == "function" || Object.prototype.toString.call(d) === "[object Object]" && !U(d);
 }
-const xe = /* @__PURE__ */ L({
+const Pe = /* @__PURE__ */ $({
   __name: "index",
   props: {
     layout: {
@@ -85,155 +86,154 @@ const xe = /* @__PURE__ */ L({
   },
   emits: ["update:open"],
   setup(d, {
-    expose: _,
-    emit: R
+    expose: N,
+    emit: P
   }) {
-    const a = d, b = A(), j = R, o = F(), c = F(), u = F(!1), {
-      value: M,
-      updateValue: f
-    } = le(a, j, {
+    const o = d, b = q(), S = P, a = F(), c = F(), r = F(!1), {
+      value: _,
+      updateValue: m
+    } = te(o, S, {
       valuePropName: "open",
       defaultValue: !1
     }), {
       t: v
-    } = ae(), {
-      b: O,
-      e: B
-    } = oe("ap-form-modal-form");
-    W(() => o.value, (t) => {
-      var e;
-      t && c.value && ((e = t.setFieldsValue) == null || e.call(t, c.value), c.value = void 0);
+    } = le(), h = oe("uiMode"), {
+      b: R,
+      e: C
+    } = ae("ap-form-modal-form");
+    D(() => a.value, (e) => {
+      var t;
+      e && c.value && ((t = e.setFieldsValue) == null || t.call(e, c.value), c.value = void 0);
     });
-    const k = I(b.trigger), U = k ? G(k, {
+    const B = Z(b.trigger), M = B ? L(B, {
       onClick: () => {
-        f(!0);
+        m(!0);
       }
-    }) : null, $ = H(() => {
-      var i, m, h, T;
-      let t;
+    }) : null, j = A(() => {
+      var t, l, n, f;
       const e = [];
-      if (a.submitter === !1)
+      if (o.submitter === !1)
         return null;
-      if (a.showCancel) {
+      if (o.showCancel) {
         let s;
-        e.push(n(y, {
-          onClick: w,
-          disabled: u.value
-        }, C(s = v("ap.common.cancelText")) ? s : {
+        e.push(u(V, {
+          onClick: k,
+          disabled: r.value
+        }, se(s = v("ap.common.cancelText")) ? s : {
           default: () => [s]
         }));
       }
-      return ((i = a.submitter) == null ? void 0 : i.resetButtonProps) !== !1 && e.push(n(y, p(((m = a.submitter) == null ? void 0 : m.resetButtonProps) || {}, {
+      return ((t = o.submitter) == null ? void 0 : t.resetButtonProps) !== !1 && e.push(u(V, p(((l = o.submitter) == null ? void 0 : l.resetButtonProps) || {}, {
         key: "submit",
-        disabled: u.value,
-        onClick: q
+        disabled: r.value,
+        onClick: O
       }), {
         default: () => {
           var s;
-          return [((s = a.submitter) == null ? void 0 : s.resetText) || v("ap.common.resetText")];
+          return [((s = o.submitter) == null ? void 0 : s.resetText) || v("ap.common.resetText")];
         }
-      })), ((h = a.submitter) == null ? void 0 : h.submitButtonProps) !== !1 && e.push(n(y, p({
+      })), ((n = o.submitter) == null ? void 0 : n.submitButtonProps) !== !1 && e.push(u(V, p({
         type: "primary",
         key: "submit"
-      }, ((T = a.submitter) == null ? void 0 : T.submitButtonProps) || {}, {
-        loading: u.value,
+      }, ((f = o.submitter) == null ? void 0 : f.submitButtonProps) || {}, {
+        loading: r.value,
         onClick: z
       }), {
         default: () => {
           var s;
-          return [((s = a.submitter) == null ? void 0 : s.submitText) || v("ap.common.okText")];
+          return [((s = o.submitter) == null ? void 0 : s.submitText) || v("ap.common.okText")];
         }
-      })), b.submitter ? n(S, {
+      })), u(X, {
         justify: "flex-end",
-        class: B("footer")
-      }, C(t = b.submitter(e)) ? t : {
-        default: () => [t]
-      }) : n(S, {
-        justify: "flex-end",
-        class: B("footer")
+        class: C(i(h) === "admin" ? "footer-admin" : "footer")
       }, {
-        default: () => [n(Y, null, C(e) ? e : {
-          default: () => [e]
-        })]
+        default: () => [b.submitter ? b.submitter(e) : e]
       });
     });
-    function q() {
-      var t, e, l;
-      a.submitter !== !1 && ((t = o.value) == null || t.resetFields(), (l = (e = a.submitter) == null ? void 0 : e.onReset) == null || l.call(e));
+    function O() {
+      var e, t, l;
+      o.submitter !== !1 && ((e = a.value) == null || e.resetFields(), (l = (t = o.submitter) == null ? void 0 : t.onReset) == null || l.call(t));
     }
     async function z() {
-      var t, e, l, i;
-      if (a.submitter !== !1)
+      var e, t, l, n;
+      if (o.submitter !== !1)
         try {
-          const m = await ((t = o.value) == null ? void 0 : t.validateFields());
-          (l = (e = a.submitter) == null ? void 0 : e.onSubmit) == null || l.call(e), u.value = !0, await ((i = a.onFinish) == null ? void 0 : i.call(a, te(m))) && f(!1);
+          const f = await ((e = a.value) == null ? void 0 : e.validateFields());
+          (l = (t = o.submitter) == null ? void 0 : t.onSubmit) == null || l.call(t), r.value = !0, await ((n = o.onFinish) == null ? void 0 : n.call(o, ee(f))) && m(!1);
         } finally {
-          u.value = !1;
+          r.value = !1;
         }
     }
-    function w() {
-      r(u) || f(!1);
+    function k() {
+      i(r) || m(!1);
     }
-    function D(t) {
-      !t && r(u) || f(t);
+    function E(e) {
+      !e && i(r) || m(e);
     }
-    return _({
-      resetFields: (t) => {
-        var e;
-        (e = o.value) == null || e.resetFields(t);
+    return N({
+      resetFields: (e) => {
+        var t;
+        (t = a.value) == null || t.resetFields(e);
       },
-      clearValidate: (t) => {
-        var e;
-        (e = o.value) == null || e.clearValidate(t);
+      clearValidate: (e) => {
+        var t;
+        (t = a.value) == null || t.clearValidate(e);
       },
-      validateFields: (t, e) => {
+      validateFields: (e, t) => {
         var l;
-        return (l = o.value) == null ? void 0 : l.validateFields(t, e);
+        return (l = a.value) == null ? void 0 : l.validateFields(e, t);
       },
-      getFieldsValue: (t) => {
-        var e;
-        return (e = o.value) == null ? void 0 : e.getFieldsValue(t);
+      getFieldsValue: (e) => {
+        var t;
+        return (t = a.value) == null ? void 0 : t.getFieldsValue(e);
       },
-      validate: (t, e) => {
+      validate: (e, t) => {
         var l;
-        return (l = o.value) == null ? void 0 : l.validate(t, e);
+        return (l = a.value) == null ? void 0 : l.validate(e, t);
       },
-      scrollToField: (t, e = {}) => {
+      scrollToField: (e, t = {}) => {
         var l;
-        (l = o.value) == null || l.scrollToField(t, e);
+        (l = a.value) == null || l.scrollToField(e, t);
       },
-      setFieldValue: (t, e) => {
-        var l, i;
-        (i = (l = o.value) == null ? void 0 : l.setFieldValue) == null || i.call(l, t, e);
+      setFieldValue: (e, t) => {
+        var l, n;
+        (n = (l = a.value) == null ? void 0 : l.setFieldValue) == null || n.call(l, e, t);
       },
-      setFieldsValue: (t) => {
-        var e, l;
-        if (!o.value) {
-          c.value = t;
+      setFieldsValue: (e) => {
+        var t, l;
+        if (!a.value) {
+          c.value = e;
           return;
         }
-        (l = (e = o.value) == null ? void 0 : e.setFieldsValue) == null || l.call(e, t);
+        (l = (t = a.value) == null ? void 0 : t.setFieldsValue) == null || l.call(t, e);
       }
-    }), (t, e) => (g(), J(K, null, [n(r(Z), p(t.modalProps, {
-      open: r(M),
-      "onUpdate:open": D,
-      onCancel: w,
+    }), (e, t) => (g(), G(W, null, [u(i(Y), p(e.modalProps, {
+      open: i(_),
+      "onUpdate:open": E,
+      onCancel: k,
       footer: null,
-      width: t.width,
-      class: r(O)()
+      width: e.width,
+      class: i(R)(),
+      "body-style": {
+        padding: i(h) === "admin" ? "0px !important" : "20px !important"
+        // 这里使用内联样式目的是为了使用最高优先级覆盖设置的全局样式
+        // 使用ModalForm你可能无法再自定义body的样式
+      }
     }), {
-      title: V(() => [x(t.$slots, "title", {}, () => [Q(X(a.title), 1)])]),
-      default: V(() => [n(se, p({
+      title: y(() => [w(e.$slots, "title", {}, () => [H(J(o.title), 1)])]),
+      default: y(() => [K("div", {
+        class: Q(i(C)(i(h) === "admin" ? "content-admin" : "content"))
+      }, [u(ie, p({
         ref_key: "formRef",
-        ref: o
-      }, r(ee)(a, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
-        default: V(() => [x(t.$slots, "default")]),
+        ref: a
+      }, i(I)(o, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: y(() => [w(e.$slots, "default")]),
         _: 3
-      }, 16), (g(), N(P($.value)))]),
+      }, 16)], 2), (g(), x(T(j.value)))]),
       _: 3
-    }, 16, ["open", "width", "class"]), (g(), N(P(r(U))))], 64));
+    }, 16, ["open", "width", "class", "body-style"]), (g(), x(T(i(M))))], 64));
   }
 });
 export {
-  xe as default
+  Pe as default
 };

package/es/src/ap-form/style/modal-form.css

@@ -6,12 +6,16 @@
   border-bottom: 1px solid #E9EDF3;
   margin-bottom: 0;
 }
-.aplus-ap-form-modal-form .ant-modal-body {
+.aplus-ap-form-modal-form__content-admin {
   padding: 20px;
 }
 .aplus-ap-form-modal-form__footer {
   padding-top: 20px;
 }
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
 .aplus-ap-form-modal-form .ant-modal-close {
   top: 16px;
 }

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

@@ -1,4 +1,4 @@
-import { ApTableProps } from './interface';
+import { ApColumnType, ApTableProps } from './interface';
 import { ComputedRef, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
 import { SpinSize } from 'ant-design-vue/es/spin/Spin';
 import { VueTypeValidableDef } from '../../node_modules/vue-types';
@@ -23,6 +23,10 @@ type ApTableSlots = {
     customFilterIcon?: any;
     customFilterDropdown?: any;
     searchFormExtra?: any;
+    headerCell?: (props: {
+        title: any;
+        column: ApColumnType;
+    }) => void;
 };
 /**
  * 设置查询表单值

package/es/src/business/index.d.ts

@@ -0,0 +1,126 @@
+import { default as ApTitle } from './title/ApTitle.vue';
+import { ApTitleProps } from './title/interface';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+
+export declare const _ApTitle: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        trigger: {
+            type: PropType<"click" | "hover" | "contextmenu" | "focus">;
+            required: true;
+            default: string;
+        };
+        placement: {
+            type: PropType<"top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom">;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        helpMessage: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        trigger: {
+            type: PropType<"click" | "hover" | "contextmenu" | "focus">;
+            required: true;
+            default: string;
+        };
+        placement: {
+            type: PropType<"top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom">;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        helpMessage: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+    }>>, {
+        trigger: "click" | "hover" | "contextmenu" | "focus";
+        placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+        title: string;
+        helpMessage: string;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        trigger: {
+            type: PropType<"click" | "hover" | "contextmenu" | "focus">;
+            required: true;
+            default: string;
+        };
+        placement: {
+            type: PropType<"top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom">;
+            required: true;
+            default: string;
+        };
+        title: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+        helpMessage: {
+            type: PropType<string>;
+            required: true;
+            default: string;
+        };
+    }>>, {}, {}, {}, {}, {
+        trigger: "click" | "hover" | "contextmenu" | "focus";
+        placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+        title: string;
+        helpMessage: string;
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    trigger: {
+        type: PropType<"click" | "hover" | "contextmenu" | "focus">;
+        required: true;
+        default: string;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom">;
+        required: true;
+        default: string;
+    };
+    title: {
+        type: PropType<string>;
+        required: true;
+        default: string;
+    };
+    helpMessage: {
+        type: PropType<string>;
+        required: true;
+        default: string;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    trigger: "click" | "hover" | "contextmenu" | "focus";
+    placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+    title: string;
+    helpMessage: string;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        prefix?(_: {}): any;
+        suffix?(_: {}): any;
+    };
+}) & Plugin<any[]> & (new (...args: any[]) => {
+    $props: {
+        onClick?: (() => void) | undefined;
+    };
+});
+export { ApTitle, ApTitleProps };

package/es/src/business/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall as t } from "@aplus-frontend/utils";
+import "./title/ApTitle.vue2.mjs";
+import i from "./title/ApTitle.vue.mjs";
+const r = t(i);
+export {
+  i as ApTitle,
+  r as _ApTitle
+};

package/es/src/business/title/ApTitle.vue.d.ts

@@ -0,0 +1,45 @@
+import { ApTitleProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTitleProps>, {
+    title: string;
+    helpMessage: string;
+    placement: string;
+    trigger: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApTitleProps>, {
+    title: string;
+    helpMessage: string;
+    placement: string;
+    trigger: string;
+}>>>, {
+    trigger: "click" | "hover" | "contextmenu" | "focus";
+    placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "left" | "right" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
+    title: string;
+    helpMessage: string;
+}, {}>, {
+    prefix?(_: {}): any;
+    suffix?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+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;
+    };
+};