@aplus-frontend/ui 0.4.1 → 0.4.3

package/es/src/ap-field/select/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _, ref as y, onMounted as L, computed as w, unref as a, openBlock as S, createElementBlock as R, toDisplayString as U, createBlock as z, mergeProps as D, createSlots as K, renderList as H, withCtx as B, renderSlot as $, normalizeProps as j, guardReactiveProps as E, createVNode as W } from "vue";
+import { defineComponent as _, ref as y, onMounted as L, computed as w, unref as a, openBlock as S, createElementBlock as R, toDisplayString as z, createBlock as D, mergeProps as U, createSlots as K, renderList as H, withCtx as B, renderSlot as $, normalizeProps as j, guardReactiveProps as E, createVNode as W } from "vue";
 import { debounce as G, isFunction as g, isArray as J, isNil as Q, omit as X } from "lodash-unified";
 import { Select as Y, Spin as Z } from "@aplus-frontend/antdv";
 import "../../hooks/index.mjs";
@@ -83,6 +83,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
     optionFilterProp: {},
     optionLabelProp: {},
     defaultActiveFirstOption: { type: Boolean, default: void 0 },
+    onClickOption: {},
     labelInValue: { type: Boolean, default: void 0 },
     emptyText: { default: "--" },
     request: {},
@@ -91,8 +92,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
     "onUpdate:value": {},
     searchMode: { default: "filter" },
     refetchOnFocus: { type: Boolean, default: !1 },
-    lazy: { type: Boolean, default: !1 },
-    onBeforeSelect: {}
+    lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
   setup(C, { expose: F, emit: b }) {
@@ -107,11 +107,11 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
       }).finally(() => {
         u.value = !1;
       });
-    }, 300), e = C, x = (o, t) => {
+    }, 300), e = C, O = (o, t) => {
       var n;
       const l = ((n = e.fieldNames) == null ? void 0 : n.label) || "label";
       return typeof (t == null ? void 0 : t[l]) == "string" && t[l].toLowerCase().indexOf(o.toLowerCase()) > -1;
-    }, { options: s, updateOptions: i } = te(e), c = y(), u = y((e == null ? void 0 : e.loading) || !1), I = b;
+    }, { options: s, updateOptions: i } = te(e), c = y(), u = y((e == null ? void 0 : e.loading) || !1), x = b;
     async function f(o = !0) {
       if (!g(e.request))
         return;
@@ -127,7 +127,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
         u.value = !1;
       }
     }
-    function O(o) {
+    function I(o) {
       var t;
       (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && r > 0 && !u.value && f(!0);
     }
@@ -138,7 +138,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
       }
       f();
     });
-    const { value: m, updateValue: V } = le(e, I, { beforeUpdateValue: e.onBeforeSelect }), P = oe("Select", e), k = w(() => {
+    const { value: m, updateValue: P } = le(e, x), V = oe("Select", e), k = w(() => {
       var d, v;
       const o = a(m);
       if (!o)
@@ -165,7 +165,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
         notFoundContent: u.value ? void 0 : null
       } : {
         showArrow: !0,
-        filterOption: Q(e == null ? void 0 : e.filterOption) ? x : e == null ? void 0 : e.filterOption
+        filterOption: Q(e == null ? void 0 : e.filterOption) ? O : e == null ? void 0 : e.filterOption
       }), {
         ...ee(
           X(e, [
@@ -175,10 +175,11 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
             "onSearch",
             "request",
             "searchMode",
-            "onFocus"
+            "onFocus",
+            "onBeforeSelect"
           ])
         ),
-        placeholder: a(P),
+        placeholder: a(V),
         ...l
       };
     });
@@ -194,7 +195,7 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
       focus: A,
       blur: M,
       request: f
-    }), (o, t) => o.mode === "read" ? (S(), R("span", ne, U(k.value), 1)) : (S(), z(a(Y), D({
+    }), (o, t) => o.mode === "read" ? (S(), R("span", ne, z(k.value), 1)) : (S(), D(a(Y), U({
       key: 1,
       ref_key: "selectRef",
       ref: c,
@@ -204,8 +205,8 @@ const ne = { key: 0 }, pe = /* @__PURE__ */ _({
       value: a(m),
       options: a(s),
       loading: u.value,
-      "onUpdate:value": a(V),
-      onFocus: O
+      "onUpdate:value": a(P),
+      onFocus: I
     }), K({ _: 2 }, [
       H(o.$slots, (l, n) => ({
         name: n,

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

@@ -292,7 +292,263 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
     tooltipOpen: boolean;
     tooltipVisible: boolean;
     emptyText: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    sliderRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        tooltipPrefixCls: StringConstructor;
+        range: {
+            type: PropType<boolean | SliderRange>;
+            default: boolean | SliderRange;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        min: NumberConstructor;
+        max: NumberConstructor;
+        step: {
+            type: PropType<number>;
+            default: number;
+        };
+        marks: {
+            type: PropType<SliderMarks>;
+            default: SliderMarks;
+        };
+        dots: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: PropType<number | [number, number]>;
+            default: number | [number, number];
+        };
+        defaultValue: {
+            type: PropType<number | [number, number]>;
+            default: number | [number, number];
+        };
+        included: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tipFormatter: {
+            type: PropType<(value?: number) => any>;
+            default: (value?: number) => any;
+        };
+        tooltipOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipPlacement: {
+            type: PropType<TooltipPlacement>;
+            default: TooltipPlacement;
+        };
+        getTooltipPopupContainer: {
+            type: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+            default: (triggerNode: HTMLElement) => HTMLElement;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        handleStyle: {
+            type: PropType< CSSProperties | CSSProperties[]>;
+            default: CSSProperties | CSSProperties[];
+        };
+        trackStyle: {
+            type: PropType< CSSProperties | CSSProperties[]>;
+            default: CSSProperties | CSSProperties[];
+        };
+        onChange: {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+        onAfterChange: {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+        onFocus: {
+            type: PropType<FocusEventHandler>;
+            default: FocusEventHandler;
+        };
+        onBlur: {
+            type: PropType<FocusEventHandler>;
+            default: FocusEventHandler;
+        };
+        'onUpdate:value': {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        value: number | [number, number];
+        vertical: boolean;
+        trackStyle: CSSProperties | CSSProperties[];
+        dots: boolean;
+        reverse: boolean;
+        onFocus: FocusEventHandler;
+        onBlur: FocusEventHandler;
+        onChange: (value: number | [number, number]) => void;
+        range: boolean | SliderRange;
+        disabled: boolean;
+        autofocus: boolean;
+        defaultValue: number | [number, number];
+        'onUpdate:value': (value: number | [number, number]) => void;
+        step: number;
+        included: boolean;
+        marks: SliderMarks;
+        handleStyle: CSSProperties | CSSProperties[];
+        onAfterChange: (value: number | [number, number]) => void;
+        tipFormatter: (value?: number) => any;
+        tooltipOpen: boolean;
+        tooltipVisible: boolean;
+        tooltipPlacement: TooltipPlacement;
+        getTooltipPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
+    }, true, {}, CustomSlotsType<{
+        mark?: any;
+        default?: any;
+    }>, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        id: StringConstructor;
+        prefixCls: StringConstructor;
+        tooltipPrefixCls: StringConstructor;
+        range: {
+            type: PropType<boolean | SliderRange>;
+            default: boolean | SliderRange;
+        };
+        reverse: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        min: NumberConstructor;
+        max: NumberConstructor;
+        step: {
+            type: PropType<number>;
+            default: number;
+        };
+        marks: {
+            type: PropType<SliderMarks>;
+            default: SliderMarks;
+        };
+        dots: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        value: {
+            type: PropType<number | [number, number]>;
+            default: number | [number, number];
+        };
+        defaultValue: {
+            type: PropType<number | [number, number]>;
+            default: number | [number, number];
+        };
+        included: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        vertical: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tipFormatter: {
+            type: PropType<(value?: number) => any>;
+            default: (value?: number) => any;
+        };
+        tooltipOpen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipVisible: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        tooltipPlacement: {
+            type: PropType<TooltipPlacement>;
+            default: TooltipPlacement;
+        };
+        getTooltipPopupContainer: {
+            type: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+            default: (triggerNode: HTMLElement) => HTMLElement;
+        };
+        autofocus: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        handleStyle: {
+            type: PropType< CSSProperties | CSSProperties[]>;
+            default: CSSProperties | CSSProperties[];
+        };
+        trackStyle: {
+            type: PropType< CSSProperties | CSSProperties[]>;
+            default: CSSProperties | CSSProperties[];
+        };
+        onChange: {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+        onAfterChange: {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+        onFocus: {
+            type: PropType<FocusEventHandler>;
+            default: FocusEventHandler;
+        };
+        onBlur: {
+            type: PropType<FocusEventHandler>;
+            default: FocusEventHandler;
+        };
+        'onUpdate:value': {
+            type: PropType<(value: number | [number, number]) => void>;
+            default: (value: number | [number, number]) => void;
+        };
+    }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
+        value: number | [number, number];
+        vertical: boolean;
+        trackStyle: CSSProperties | CSSProperties[];
+        dots: boolean;
+        reverse: boolean;
+        onFocus: FocusEventHandler;
+        onBlur: FocusEventHandler;
+        onChange: (value: number | [number, number]) => void;
+        range: boolean | SliderRange;
+        disabled: boolean;
+        autofocus: boolean;
+        defaultValue: number | [number, number];
+        'onUpdate:value': (value: number | [number, number]) => void;
+        step: number;
+        included: boolean;
+        marks: SliderMarks;
+        handleStyle: CSSProperties | CSSProperties[];
+        onAfterChange: (value: number | [number, number]) => void;
+        tipFormatter: (value?: number) => any;
+        tooltipOpen: boolean;
+        tooltipVisible: boolean;
+        tooltipPlacement: TooltipPlacement;
+        getTooltipPopupContainer: (triggerNode: HTMLElement) => HTMLElement;
+    }> | 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-area/index.vue.d.ts

@@ -1,7 +1,13 @@
 import { ApFieldTextAreaProps } from '../interface';
 import { InputFocusOptions } from '@aplus-frontend/antdv/es/vc-input/utils/commonUtils';
-import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, GlobalComponents, GlobalDirectives } from 'vue';
 import { FieldMode } from '..';
+import { AutoSizeType } from '@aplus-frontend/antdv/es/input/inputProps';
+import { CompositionEventHandler, FocusEventHandler, ChangeEventHandler, KeyboardEventHandler, MouseEventHandler } from '@aplus-frontend/antdv/es/_util/EventInterface';
+import { SizeType } from '@aplus-frontend/antdv/es/button';
+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';
 declare const _default: DefineComponent<ApFieldTextAreaProps, {
     focus: (options?: InputFocusOptions) => void;
     blur: () => void;
@@ -18,5 +24,264 @@ declare const _default: DefineComponent<ApFieldTextAreaProps, {
     lazy: boolean;
     allowClear: boolean;
     emptyText: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    textAreaRef: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        rows: NumberConstructor;
+        autosize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        autoSize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        onResize: {
+            type: PropType<(size: {
+                width: number;
+                height: number;
+            }) => void>;
+        };
+        onCompositionstart: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        onCompositionend: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        valueModifiers: ObjectConstructor;
+        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";
+        };
+        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;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        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;
+        autofocus: boolean;
+        readonly: boolean;
+        defaultValue: string | number;
+        loading: boolean;
+        lazy: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        allowClear: boolean;
+        autosize: any;
+        autoSize: any;
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        rows: NumberConstructor;
+        autosize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        autoSize: {
+            type: PropType<boolean | AutoSizeType>;
+            default: any;
+        };
+        onResize: {
+            type: PropType<(size: {
+                width: number;
+                height: number;
+            }) => void>;
+        };
+        onCompositionstart: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        onCompositionend: {
+            type: PropType< CompositionEventHandler | CompositionEventHandler[]>;
+        };
+        valueModifiers: ObjectConstructor;
+        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";
+        };
+        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;
+        autofocus: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        autocomplete: StringConstructor;
+        readonly: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        status: PropType<"" | "error" | "warning">;
+        defaultValue: {
+            type: PropType<string | number>;
+            default: any;
+        };
+        'onUpdate:value': PropType<(val: string) => void>;
+        loading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placeholder: {
+            type: PropType<string | number>;
+        };
+        lazy: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maxlength: NumberConstructor;
+        bordered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        showCount: {
+            type: PropType<boolean | ShowCountProps>;
+        };
+        htmlSize: NumberConstructor;
+        onPressEnter: PropType<KeyboardEventHandler>;
+        onMouseUp: {
+            type: PropType<MouseEventHandler>;
+            default: any;
+        };
+        onRawInput: PropType<ChangeEventHandler>;
+        inputElement: VueTypeValidableDef<any>;
+        triggerFocus: PropType<() => void>;
+        handleReset: PropType<MouseEventHandler>;
+        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;
+        autofocus: boolean;
+        readonly: boolean;
+        defaultValue: string | number;
+        loading: boolean;
+        lazy: boolean;
+        bordered: boolean;
+        onMouseUp: MouseEventHandler;
+        allowClear: boolean;
+        autosize: any;
+        autoSize: any;
+    }> | null;
+}, any>;
 export default _default;