@aplus-frontend/ui 7.17.0 → 7.17.1

package/es/src/ap-field/text/index.vue.d.ts

@@ -1,6 +1,11 @@
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
 import { ApFieldTextProps } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DefineComponent } from 'vue';
+import { SizeType } from '@aplus-frontend/antdv/es/button';
+import { CompositionEventHandler, FocusEventHandler, ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { ShowCountProps } from '@aplus-frontend/antdv/es/vc-input/inputProps';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
 import { FieldMode } from '..';
 type ApFieldTextSlots = {
     addonAfter?: any;
@@ -12,7 +17,242 @@ type ApFieldTextSlots = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<ApFieldTextSlots> & ApFieldTextSlots;
-    refs: {};
+    refs: {
+        inputRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            size: {
+                type: PropType<SizeType>;
+            };
+            value: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            name: StringConstructor;
+            type: {
+                type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+                default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+            };
+            onCompositionend: PropType<CompositionEventHandler>;
+            onCompositionstart: PropType<CompositionEventHandler>;
+            onFocus: PropType<FocusEventHandler>;
+            onBlur: PropType<FocusEventHandler>;
+            onChange: PropType<ChangeEventHandler>;
+            onInput: PropType<ChangeEventHandler>;
+            onKeydown: PropType<KeyboardEventHandler>;
+            onKeyup: PropType<KeyboardEventHandler>;
+            onMousedown: {
+                type: PropType<MouseEventHandler>;
+                default: any;
+            };
+            focused: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            hidden: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            prefixCls: StringConstructor;
+            id: StringConstructor;
+            readonly: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autocomplete: StringConstructor;
+            placeholder: {
+                type: PropType<string | number>;
+            };
+            lazy: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxlength: NumberConstructor;
+            loading: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            bordered: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            showCount: {
+                type: PropType<boolean | ShowCountProps>;
+            };
+            htmlSize: NumberConstructor;
+            onPressEnter: PropType<KeyboardEventHandler>;
+            onMouseUp: {
+                type: PropType<MouseEventHandler>;
+                default: any;
+            };
+            onRawInput: PropType<ChangeEventHandler>;
+            'onUpdate:value': PropType<(val: string) => void>;
+            valueModifiers: ObjectConstructor;
+            status: PropType<"" | "error" | "warning">;
+            defaultValue: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            inputElement: VueTypeValidableDef<any>;
+            triggerFocus: PropType<() => void>;
+            handleReset: PropType<MouseEventHandler>;
+            addonBefore: VueTypeValidableDef<any>;
+            addonAfter: VueTypeValidableDef<any>;
+            prefix: VueTypeValidableDef<any>;
+            suffix: VueTypeValidableDef<any>;
+            clearIcon: VueTypeValidableDef<any>;
+            allowClear: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+            value: string | number;
+            type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+            onMousedown: MouseEventHandler;
+            focused: boolean;
+            hidden: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            autofocus: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
+            lazy: boolean;
+            loading: boolean;
+            bordered: boolean;
+            onMouseUp: MouseEventHandler;
+            defaultValue: string | number;
+            allowClear: boolean;
+        }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly< ExtractPropTypes<{
+            variant: {
+                type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                default: "filled" | "outlined" | "borderless" | "underlined";
+            };
+            size: {
+                type: PropType<SizeType>;
+            };
+            value: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            name: StringConstructor;
+            type: {
+                type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+                default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+            };
+            onCompositionend: PropType<CompositionEventHandler>;
+            onCompositionstart: PropType<CompositionEventHandler>;
+            onFocus: PropType<FocusEventHandler>;
+            onBlur: PropType<FocusEventHandler>;
+            onChange: PropType<ChangeEventHandler>;
+            onInput: PropType<ChangeEventHandler>;
+            onKeydown: PropType<KeyboardEventHandler>;
+            onKeyup: PropType<KeyboardEventHandler>;
+            onMousedown: {
+                type: PropType<MouseEventHandler>;
+                default: any;
+            };
+            focused: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            hidden: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            prefixCls: StringConstructor;
+            id: StringConstructor;
+            readonly: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autofocus: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            autocomplete: StringConstructor;
+            placeholder: {
+                type: PropType<string | number>;
+            };
+            lazy: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxlength: NumberConstructor;
+            loading: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            bordered: {
+                type: BooleanConstructor;
+                default: any;
+            };
+            showCount: {
+                type: PropType<boolean | ShowCountProps>;
+            };
+            htmlSize: NumberConstructor;
+            onPressEnter: PropType<KeyboardEventHandler>;
+            onMouseUp: {
+                type: PropType<MouseEventHandler>;
+                default: any;
+            };
+            onRawInput: PropType<ChangeEventHandler>;
+            'onUpdate:value': PropType<(val: string) => void>;
+            valueModifiers: ObjectConstructor;
+            status: PropType<"" | "error" | "warning">;
+            defaultValue: {
+                type: PropType<string | number>;
+                default: any;
+            };
+            inputElement: VueTypeValidableDef<any>;
+            triggerFocus: PropType<() => void>;
+            handleReset: PropType<MouseEventHandler>;
+            addonBefore: VueTypeValidableDef<any>;
+            addonAfter: VueTypeValidableDef<any>;
+            prefix: VueTypeValidableDef<any>;
+            suffix: VueTypeValidableDef<any>;
+            clearIcon: VueTypeValidableDef<any>;
+            allowClear: {
+                type: BooleanConstructor;
+                default: any;
+            };
+        }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+            value: string | number;
+            type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+            onMousedown: MouseEventHandler;
+            focused: boolean;
+            hidden: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            autofocus: boolean;
+            variant: "filled" | "outlined" | "borderless" | "underlined";
+            lazy: boolean;
+            loading: boolean;
+            bordered: boolean;
+            onMouseUp: MouseEventHandler;
+            defaultValue: string | number;
+            allowClear: boolean;
+        }> | null;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -34,7 +274,242 @@ declare const __VLS_component: DefineComponent<ApFieldTextProps, {
     bordered: boolean;
     allowClear: boolean;
     emptyText: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    inputRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        size: {
+            type: PropType<SizeType>;
+        };
+        value: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        name: StringConstructor;
+        type: {
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        };
+        onCompositionend: PropType<CompositionEventHandler>;
+        onCompositionstart: PropType<CompositionEventHandler>;
+        onFocus: PropType<FocusEventHandler>;
+        onBlur: PropType<FocusEventHandler>;
+        onChange: PropType<ChangeEventHandler>;
+        onInput: PropType<ChangeEventHandler>;
+        onKeydown: PropType<KeyboardEventHandler>;
+        onKeyup: PropType<KeyboardEventHandler>;
+        onMousedown: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        focused: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        'onUpdate:value': PropType<(val: string) => void>;
+        valueModifiers: ObjectConstructor;
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        addonBefore: VueTypeValidableDef<any>;
+        addonAfter: VueTypeValidableDef<any>;
+        prefix: VueTypeValidableDef<any>;
+        suffix: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        value: string | number;
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        onMousedown: MouseEventHandler;
+        focused: boolean;
+        hidden: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        autofocus: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
+        lazy: boolean;
+        loading: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        defaultValue: string | number;
+        allowClear: boolean;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        variant: {
+            type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+            default: "filled" | "outlined" | "borderless" | "underlined";
+        };
+        size: {
+            type: PropType<SizeType>;
+        };
+        value: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        name: StringConstructor;
+        type: {
+            type: PropType<"number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel">;
+            default: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        };
+        onCompositionend: PropType<CompositionEventHandler>;
+        onCompositionstart: PropType<CompositionEventHandler>;
+        onFocus: PropType<FocusEventHandler>;
+        onBlur: PropType<FocusEventHandler>;
+        onChange: PropType<ChangeEventHandler>;
+        onInput: PropType<ChangeEventHandler>;
+        onKeydown: PropType<KeyboardEventHandler>;
+        onKeyup: PropType<KeyboardEventHandler>;
+        onMousedown: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        focused: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        hidden: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        prefixCls: StringConstructor;
+        id: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        'onUpdate:value': PropType<(val: string) => void>;
+        valueModifiers: ObjectConstructor;
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        addonBefore: VueTypeValidableDef<any>;
+        addonAfter: VueTypeValidableDef<any>;
+        prefix: VueTypeValidableDef<any>;
+        suffix: VueTypeValidableDef<any>;
+        clearIcon: VueTypeValidableDef<any>;
+        allowClear: {
+            type: BooleanConstructor;
+            default: any;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        value: string | number;
+        type: "number" | "reset" | "submit" | "button" | "time" | "image" | "text" | "search" | "hidden" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
+        onMousedown: MouseEventHandler;
+        focused: boolean;
+        hidden: boolean;
+        disabled: boolean;
+        readonly: boolean;
+        autofocus: boolean;
+        variant: "filled" | "outlined" | "borderless" | "underlined";
+        lazy: boolean;
+        loading: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        defaultValue: string | number;
+        allowClear: boolean;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/es/src/ap-field/text/index.vue2.mjs

@@ -1,15 +1,12 @@
-import { isVNode as g, defineComponent as C, useSlots as R, shallowRef as S, createVNode as i, mergeProps as _, unref as r, computed as w, createBlock as V, openBlock as T } from "vue";
-import { Input as j } from "@aplus-frontend/antdv";
-import { omit as U } from "lodash-unified";
+import { defineComponent as S, useSlots as P, computed as s, createVNode as _, shallowRef as k, createBlock as d, openBlock as i, unref as u, mergeProps as T, createSlots as V, renderList as z, withCtx as U, renderSlot as F, normalizeProps as M, guardReactiveProps as $ } from "vue";
+import { Input as A } from "@aplus-frontend/antdv";
+import { omit as E } from "lodash-unified";
 import "../../render/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as z } from "../hooks/use-default-placeholder.mjs";
-import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
-import M from "../../render/render.mjs";
-function N(n) {
-  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !g(n);
-}
-const $ = /* @__PURE__ */ C({
+import { useDefaultPlaceholder as K } from "../hooks/use-default-placeholder.mjs";
+import { useControllableValue as N } from "../../hooks/useControllableValue.mjs";
+import j from "../../render/render.mjs";
+const W = /* @__PURE__ */ S({
   name: "ApFieldText",
   __name: "index",
   props: {
@@ -18,6 +15,9 @@ const $ = /* @__PURE__ */ C({
     },
     class: {},
     style: {},
+    emptyText: {
+      default: "--"
+    },
     variant: {},
     size: {},
     value: {},
@@ -89,53 +89,54 @@ const $ = /* @__PURE__ */ C({
       type: Boolean,
       default: !0
     },
-    emptyText: {
-      default: "--"
-    },
     beforeInput: {}
   },
   emits: ["update:value"],
-  setup(n, {
-    expose: d,
-    emit: f
+  setup(f, {
+    expose: c,
+    emit: m
   }) {
-    const l = R(), e = n, c = f, {
+    const r = P(), o = f, y = m, {
       value: p,
-      updateValue: m
-    } = F(e, c), y = z("Text", e), t = S(), x = (o) => {
-      t.value?.focus(o);
-    }, v = () => {
-      t.value?.blur();
-    }, B = (o, u, a) => {
-      t.value?.setSelectionRange(o, u, a);
+      updateValue: v
+    } = N(o, y), x = K("Text", o), h = s(() => E(o, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"])), B = () => _("span", null, [o.prefix || r.prefix?.(), p.value || o.emptyText, o.suffix || r.suffix?.()]), t = k(), I = (e) => {
+      t.value?.focus(e);
     }, b = () => {
+      t.value?.blur();
+    }, g = (e, n, l) => {
+      t.value?.setSelectionRange(e, n, l);
+    }, C = () => {
       t.value?.select();
     };
-    function h(o) {
-      const u = o.target.value || "", a = e.beforeInput ? e.beforeInput?.(u) : u, s = t.value?.$el?.querySelector("input");
-      s && (s.value = a), m(a);
-    }
-    function I() {
-      return e.mode === "edit" ? i(j, _(U(e, ["mode", "emptyText", "value", "onUpdate:value", "beforeInput"]), {
-        placeholder: r(y),
-        value: r(p),
-        onInput: h,
-        ref: t
-      }), N(l) ? l : {
-        default: () => [l]
-      }) : i("span", null, [e.prefix || l?.prefix?.(), r(p) || e.emptyText, e.suffix || l?.suffix?.()]);
+    function R(e) {
+      const n = e.target.value || "", l = o.beforeInput ? o.beforeInput?.(n) : n, a = t.value?.$el?.querySelector("input");
+      a && (a.value = l), v(l);
     }
-    return d({
-      focus: x,
-      blur: v,
-      setSelectionRange: B,
-      select: b,
-      input: w(() => t.value?.input)
-    }), (o, u) => (T(), V(r(M), {
-      node: I()
+    return c({
+      focus: I,
+      blur: b,
+      setSelectionRange: g,
+      select: C,
+      input: s(() => t.value?.input)
+    }), (e, n) => e.mode === "edit" ? (i(), d(u(A), T({
+      key: 0
+    }, h.value, {
+      ref_key: "inputRef",
+      ref: t,
+      placeholder: u(x),
+      value: u(p),
+      onInput: R
+    }), V({
+      _: 2
+    }, [z(e.$slots, (l, a) => ({
+      name: a,
+      fn: U((w) => [F(e.$slots, a, M($(w || {})))])
+    }))]), 1040, ["placeholder", "value"])) : (i(), d(u(j), {
+      key: 1,
+      node: B()
     }, null, 8, ["node"]));
   }
 });
 export {
-  $ as default
+  W as default
 };