@aplus-frontend/ui 0.1.8 → 0.1.10

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

@@ -1,13 +1,5 @@
-import { DefaultOptionType, SelectValue, LabeledValue } from 'ant-design-vue/es/select';
 import { ApFieldSelectProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, ComponentProvideOptions } from 'vue';
-import { VueTypeValidableDef } from '../../../node_modules/vue-types';
-import { ButtonSize } from 'ant-design-vue/es/button';
-import { VueNode } from 'ant-design-vue/es/_util/type';
-import { SelectHandler, FieldNames, FilterFunc } from 'ant-design-vue/es/vc-select/Select';
-import { RenderDOMFunc, DropdownRender, CustomTagProps } from 'ant-design-vue/es/vc-select/BaseSelect';
-import { AlignType } from 'ant-design-vue/es/vc-trigger/interface';
-import { SelectProps } from 'ant-design-vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 type ApFieldSelectSlots = {
     notFoundContent: any;
     suffixIcon: any;
@@ -26,193 +18,55 @@ declare function requestIfNeeded(clear?: boolean): Promise<void>;
 declare function focus(): void;
 declare function blur(): void;
 declare function __VLS_template(): Readonly<ApFieldSelectSlots> & ApFieldSelectSlots;
-declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApFieldSelectProps>, {
+    mode: string;
+    emptyText: string;
+    bordered: undefined;
+    open: undefined;
+    disabled: undefined;
+    autofocus: undefined;
+    virtual: undefined;
+    loading: undefined;
+    allowClear: boolean;
+    showSearch: undefined;
+    defaultOpen: undefined;
+    showArrow: undefined;
+    autoClearSearchValue: undefined;
+    defaultActiveFirstOption: undefined;
+    labelInValue: undefined;
+    multiple: undefined;
+    searchMode: string;
+    refetchOnFocus: boolean;
+    lazy: boolean;
+}>, {
     focus: typeof focus;
     blur: typeof blur;
     request: typeof requestIfNeeded;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
-}, string, PublicProps, Readonly<{
-    mode?: FieldMode;
-    class?: unknown;
-    style?: unknown;
-} & Omit<Partial< ExtractPropTypes<{
-    value: {
-        type: PropType<SelectValue>;
-        default: SelectValue;
-    };
-    defaultValue: {
-        type: PropType<SelectValue>;
-        default: SelectValue;
-    };
-    notFoundContent: VueTypeValidableDef<any>;
-    suffixIcon: VueTypeValidableDef<any>;
-    itemIcon: VueTypeValidableDef<any>;
-    size: {
-        type: PropType<ButtonSize>;
-        default: ButtonSize;
-    };
-    mode: {
-        type: PropType<"multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE">;
-        default: "multiple" | "tags" | "SECRET_COMBOBOX_MODE_DO_NOT_USE";
-    };
-    bordered: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    transitionName: StringConstructor;
-    choiceTransitionName: {
-        type: PropType<"">;
-        default: "";
-    };
-    popupClassName: StringConstructor;
-    dropdownClassName: StringConstructor;
-    placement: {
-        type: PropType<"bottomLeft" | "bottomRight" | "topLeft" | "topRight">;
-        default: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    };
-    status: {
-        type: PropType<"" | "error" | "warning">;
-        default: "" | "error" | "warning";
-    };
-    'onUpdate:value': {
-        type: PropType<(val: SelectValue) => void>;
-        default: (val: SelectValue) => void;
-    };
-    children: PropType< VueNode[]>;
-    listHeight: NumberConstructor;
-    onMouseenter: PropType<(e: MouseEvent) => void>;
-    onMouseleave: PropType<(e: MouseEvent) => void>;
-    tabindex: NumberConstructor;
-    onClick: PropType<(e: MouseEvent) => void>;
-    onFocus: {
-        type: PropType<(e: FocusEvent) => void>;
-    };
-    onBlur: {
-        type: PropType<(e: FocusEvent) => void>;
-    };
-    onChange: PropType<(value: SelectValue, option: DefaultOptionType | DefaultOptionType[]) => void>;
-    onKeydown: PropType<(e: KeyboardEvent) => void>;
-    onKeyup: PropType<(e: KeyboardEvent) => void>;
-    onMousedown: PropType<(e: MouseEvent) => void>;
-    onSelect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
-    open: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    animation: StringConstructor;
-    direction: {
-        type: PropType<"rtl" | "ltr">;
-    };
-    disabled: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    prefixCls: StringConstructor;
-    id: StringConstructor;
-    autofocus: BooleanConstructor;
-    getPopupContainer: {
-        type: PropType<RenderDOMFunc>;
-    };
-    virtual: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    dropdownMatchSelectWidth: {
-        type: PropType<number | boolean>;
-        default: any;
-    };
-    options: PropType<DefaultOptionType[]>;
-    showAction: {
-        type: PropType<("click" | "focus")[]>;
-    };
-    placeholder: VueTypeValidableDef<any>;
-    onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
-    loading: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    clearIcon: VueTypeValidableDef<any>;
-    allowClear: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    onSearch: PropType<(value: string) => void>;
-    fieldNames: PropType<FieldNames>;
-    dropdownStyle: {
-        type: PropType<CSSProperties>;
-    };
-    dropdownRender: {
-        type: PropType<DropdownRender>;
-    };
-    dropdownAlign: PropType<AlignType>;
-    showSearch: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    searchValue: StringConstructor;
-    onInputKeyDown: PropType<(e: KeyboardEvent) => void>;
-    removeIcon: VueTypeValidableDef<any>;
-    maxTagCount: {
-        type: PropType<number | "responsive">;
-    };
-    maxTagTextLength: NumberConstructor;
-    maxTagPlaceholder: VueTypeValidableDef<any>;
-    tokenSeparators: {
-        type: PropType<string[]>;
-    };
-    tagRender: {
-        type: PropType<(props: CustomTagProps) => any>;
-    };
-    optionLabelRender: {
-        type: PropType<(option: Record<string, any>) => any>;
-    };
-    onClear: PropType<() => void>;
-    defaultOpen: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    onDropdownVisibleChange: {
-        type: PropType<(open: boolean) => void>;
-    };
-    showArrow: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    onPopupScroll: PropType<(e: UIEvent) => void>;
-    menuItemSelectedIcon: VueTypeValidableDef<any>;
-    listItemHeight: NumberConstructor;
-    inputValue: StringConstructor;
-    autoClearSearchValue: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    filterOption: {
-        type: PropType<boolean | FilterFunc<DefaultOptionType>>;
-        default: any;
-    };
-    filterSort: PropType<(optionA: DefaultOptionType, optionB: DefaultOptionType) => number>;
-    optionFilterProp: StringConstructor;
-    optionLabelProp: StringConstructor;
-    defaultActiveFirstOption: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    labelInValue: {
-        type: BooleanConstructor;
-        default: any;
-    };
-}>>, "mode" | "value" | "onUpdate:value" | "onSearch"> & {
-    emptyText?: string;
-    request?: (value?: string) => Promise< SelectProps["options"]>;
-    multiple?: boolean;
-    value?: SelectProps["value"];
-    'onUpdate:value'?: SelectProps["onUpdate:value"];
-    searchMode?: "filter" | "request";
-    refetchOnFocus?: boolean;
-} & {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApFieldSelectProps>, {
+    mode: string;
+    emptyText: string;
+    bordered: undefined;
+    open: undefined;
+    disabled: undefined;
+    autofocus: undefined;
+    virtual: undefined;
+    loading: undefined;
+    allowClear: boolean;
+    showSearch: undefined;
+    defaultOpen: undefined;
+    showArrow: undefined;
+    autoClearSearchValue: undefined;
+    defaultActiveFirstOption: undefined;
+    labelInValue: undefined;
+    multiple: undefined;
+    searchMode: string;
+    refetchOnFocus: boolean;
+    lazy: boolean;
+}>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     mode: FieldMode;
     virtual: boolean;
     open: boolean;
@@ -228,13 +82,32 @@ declare const __VLS_component: DefineComponent<ApFieldSelectProps, {
     defaultActiveFirstOption: boolean;
     labelInValue: boolean;
     multiple: boolean;
+    lazy: boolean;
     emptyText: string;
     searchMode: "filter" | "request";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}>;
+    refetchOnFocus: boolean;
+}, {}>;
 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-field/select/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as k, ref as f, onMounted as q, computed as m, unref as r, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as T, mergeProps as _, createSlots as R, renderList as D, withCtx as h, renderSlot as U, normalizeProps as L, guardReactiveProps as z, createVNode as K } from "vue";
+import { defineComponent as k, ref as f, onMounted as q, computed as m, unref as u, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as T, mergeProps as _, createSlots as R, renderList as z, withCtx as h, renderSlot as D, normalizeProps as U, guardReactiveProps as L, createVNode as K } from "vue";
 import { debounce as H, isFunction as y, isArray as $, isNil as j, omit as E } from "lodash-unified";
 import { Select as W, Spin as G } from "ant-design-vue";
 import "../../hooks/index.mjs";
@@ -89,60 +89,65 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
     value: {},
     "onUpdate:value": {},
     searchMode: { default: "filter" },
-    refetchOnFocus: { type: Boolean }
+    refetchOnFocus: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
   setup(w, { expose: S, emit: g }) {
-    let u = 0;
+    let n = 0;
     const B = H((o) => {
       if (!y(e.request))
         return;
-      u += 1;
-      const t = u;
-      i.value = [], n.value = !0, e.request(o).then((l) => {
-        u === t && (i.value = l);
+      n += 1;
+      const t = n;
+      i.value = [], a.value = !0, e.request(o).then((l) => {
+        n === t && (i.value = l);
       }).finally(() => {
-        n.value = !1;
+        a.value = !1;
       });
     }, 300), e = w, F = (o, t) => {
-      var a;
-      const l = ((a = e.fieldNames) == null ? void 0 : a.label) || "label";
+      var r;
+      const l = ((r = e.fieldNames) == null ? void 0 : r.label) || "label";
       return typeof (t == null ? void 0 : t.label) == "string" && t[l].indexOf(o) > -1;
-    }, i = f((e == null ? void 0 : e.options) || []), d = f(), n = f((e == null ? void 0 : e.loading) || !1), b = g;
+    }, i = f((e == null ? void 0 : e.options) || []), d = f(), a = f((e == null ? void 0 : e.loading) || !1), b = g;
     async function s(o = !0) {
       if (!y(e.request))
         return;
-      n.value = !0, u += 1;
-      const t = u;
+      a.value = !0, n += 1;
+      const t = n;
       try {
         o && (i.value = []);
         const l = await e.request();
-        if (t !== u)
+        if (t !== n)
           return;
         i.value = l;
       } finally {
-        n.value = !1;
+        a.value = !1;
       }
     }
     function C(o) {
       var t;
-      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && u > 0 && !n.value && s(!0);
+      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && n > 0 && !a.value && s(!0);
     }
     q(() => {
+      if (e.lazy) {
+        n += 1;
+        return;
+      }
       s();
     });
     const { value: p, updateValue: x } = X(e, b), I = Q("Select", e), O = m(() => {
-      const o = r(p);
+      const o = u(p);
       if (!o)
         return e.emptyText;
       if ($(o))
         return o.map(
           (l) => {
-            var a;
-            return (a = r(i).find((c) => c.value === l)) == null ? void 0 : a.label;
+            var r;
+            return (r = u(i).find((c) => c.value === l)) == null ? void 0 : r.label;
           }
         ).filter(Boolean).join("、") || e.emptyText;
-      const t = r(i).find((l) => l.value === o);
+      const t = u(i).find((l) => l.value === o);
       return (t == null ? void 0 : t.label) || e.emptyText;
     }), P = m(() => {
       const o = !!(e != null && e.showSearch), t = e.searchMode;
@@ -151,7 +156,7 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
         showArrow: !1,
         defaultActiveFirstOption: !1,
         onSearch: B,
-        notFoundContent: n.value ? void 0 : null
+        notFoundContent: a.value ? void 0 : null
       } : {
         showArrow: !0,
         filterOption: j(e == null ? void 0 : e.filterOption) ? F : e == null ? void 0 : e.filterOption
@@ -167,7 +172,7 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
             "onFocus"
           ])
         ),
-        placeholder: r(I),
+        placeholder: u(I),
         ...l
       };
     });
@@ -183,29 +188,29 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
       focus: V,
       blur: N,
       request: s
-    }), (o, t) => o.mode === "read" ? (v(), A("span", Y, M(O.value), 1)) : (v(), T(r(W), _({
+    }), (o, t) => o.mode === "read" ? (v(), A("span", Y, M(O.value), 1)) : (v(), T(u(W), _({
       key: 1,
       "allow-clear": "",
       ref_key: "selectRef",
       ref: d
     }, P.value, {
       mode: o.multiple ? "multiple" : void 0,
-      value: r(p),
-      "onUpdate:value": r(x),
+      value: u(p),
+      "onUpdate:value": u(x),
       options: i.value,
-      loading: n.value,
+      loading: a.value,
       onFocus: C
     }), R({ _: 2 }, [
-      D(o.$slots, (l, a) => ({
-        name: a,
+      z(o.$slots, (l, r) => ({
+        name: r,
         fn: h((c) => [
-          U(o.$slots, a, L(z(c || {})))
+          D(o.$slots, r, U(L(c || {})))
         ])
       })),
-      n.value ? {
+      a.value ? {
         name: "notFoundContent",
         fn: h(() => [
-          K(r(G), { size: "small" })
+          K(u(G), { size: "small" })
         ]),
         key: "0"
       } : void 0

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

@@ -1,8 +1,5 @@
-import { ApFieldSliderProps, FieldMode } from '../interface';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties, ComponentProvideOptions } from 'vue';
-import { SliderRange, SliderMarks } from 'ant-design-vue/es/slider';
-import { TooltipPlacement } from 'ant-design-vue/es/tooltip';
-import { FocusEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { ApFieldSliderProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 type ApFieldSliderSlots = {
     default?: any;
     mark?: (option: {
@@ -13,119 +10,30 @@ type ApFieldSliderSlots = {
 declare function focus(): void;
 declare function blur(): void;
 declare function __VLS_template(): Readonly<ApFieldSliderSlots> & ApFieldSliderSlots;
-declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ApFieldSliderProps>, {
+    included: boolean;
+    min: number;
+    max: number;
+    step: number;
+    tooltipOpen: undefined;
+    tooltipVisible: undefined;
+    emptyText: string;
+}>, {
     focus: typeof focus;
     blur: typeof blur;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
-}, string, PublicProps, Readonly<{
-    mode?: FieldMode;
-    class?: unknown;
-    style?: unknown;
-} & Partial< 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;
-    };
-}>> & {
-    emptyText?: string;
-    defaultValue?: number | [number, number];
-} & {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApFieldSliderProps>, {
+    included: boolean;
+    min: number;
+    max: number;
+    step: number;
+    tooltipOpen: undefined;
+    tooltipVisible: undefined;
+    emptyText: string;
+}>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     min: number;
     max: number;
     step: number;
@@ -133,11 +41,28 @@ declare const __VLS_component: DefineComponent<ApFieldSliderProps, {
     tooltipOpen: boolean;
     tooltipVisible: boolean;
     emptyText: string;
-}, {}, {}, {}, 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;
+    };
+};