@aplus-frontend/ui 0.0.1-beta.4 → 0.0.1-beta.40

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

@@ -0,0 +1,235 @@
+import { DefaultOptionType, SelectValue, LabeledValue } from 'ant-design-vue/es/select';
+import { ApFieldSelectProps, FieldMode } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } 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';
+
+type ApFieldSelectSlots = {
+    notFoundContent: any;
+    suffixIcon: any;
+    itemIcon: any;
+    removeIcon: any;
+    clearIcon: any;
+    dropdownRender: any;
+    option: any;
+    placeholder: any;
+    tagRender: any;
+    maxTagPlaceholder: any;
+    optionLabel: any;
+    default: any;
+};
+declare function focus(): void;
+declare function blur(): void;
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSelectProps>, {
+    fieldProps: () => {};
+    emptyText: string;
+    mode: string;
+}>, {
+    focus: typeof focus;
+    blur: typeof blur;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSelectProps>, {
+    fieldProps: () => {};
+    emptyText: string;
+    mode: string;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    mode: FieldMode;
+    emptyText: string;
+    fieldProps: 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<"ltr" | "rtl">;
+        };
+        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">;
+}, {}>, Readonly<ApFieldSelectSlots> & ApFieldSelectSlots>;
+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;
+    };
+};

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

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

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,54 @@
+import { ApFieldSwitchProps } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type ApFieldSwitchSlots = {
+    checkedChildren: any;
+    unCheckedChildren: any;
+    default: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSwitchProps>, {
+    emptyText: string;
+    checkedValue: boolean;
+    unCheckedValue: boolean;
+    size: string;
+    loading: undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:checked": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldSwitchProps>, {
+    emptyText: string;
+    checkedValue: boolean;
+    unCheckedValue: boolean;
+    size: string;
+    loading: undefined;
+}>>> & {
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}, {
+    loading: boolean;
+    size: "default" | "small";
+    checkedValue: string | number | boolean;
+    unCheckedValue: string | number | boolean;
+    emptyText: string;
+}, {}>, Readonly<ApFieldSwitchSlots> & ApFieldSwitchSlots>;
+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;
+    };
+};

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

@@ -0,0 +1,122 @@
+import { defineComponent as U, useSlots as z, ref as D, unref as o, computed as T, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as $, createElementBlock as E, mergeProps as p, createSlots as g, renderList as V, withCtx as C, renderSlot as v, normalizeProps as B, guardReactiveProps as w } from "vue";
+import { Switch as A, Popconfirm as K } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { isNil as L, omit as P } from "lodash-unified";
+import { isDef as f } from "@fruits-chain/utils";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+const J = /* @__PURE__ */ U({
+  name: "ApFieldSwitch",
+  __name: "index",
+  props: {
+    mode: {},
+    id: {},
+    prefixCls: {},
+    size: {
+      default: "default"
+    },
+    disabled: {
+      type: Boolean
+    },
+    checkedChildren: {},
+    unCheckedChildren: {},
+    tabindex: {},
+    autofocus: {
+      type: Boolean
+    },
+    loading: {
+      type: Boolean,
+      default: void 0
+    },
+    checked: {},
+    checkedValue: {
+      default: !0
+    },
+    unCheckedValue: {
+      default: !1
+    },
+    onChange: {},
+    onKeydown: {},
+    onMouseup: {},
+    "onUpdate:checked": {},
+    onBlur: {},
+    onFocus: {},
+    emptyText: {
+      default: "-"
+    },
+    onAction: {},
+    confirm: {}
+  },
+  emits: ["update:checked"],
+  setup(S, {
+    emit: b
+  }) {
+    const c = z(), n = S, N = b, {
+      value: l,
+      updateValue: a
+    } = M(n, N, {
+      valuePropName: "checked"
+    }), i = D(!1);
+    async function y(e, r) {
+      if (!f(n.confirm)) {
+        if (!f(n.onAction)) {
+          a(e);
+          return;
+        }
+        i.value = !0;
+        try {
+          await n.onAction(e, r) && a(e);
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    async function _() {
+      const e = o(l) === n.checkedValue ? n.unCheckedValue : n.checkedValue;
+      if (!f(n.onAction)) {
+        a(e);
+        return;
+      }
+      await n.onAction(e) && a(e);
+    }
+    const F = T(() => {
+      var t, d;
+      const e = o(l);
+      return L(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((t = c.checkedChildren) == null ? void 0 : t.call(c)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((d = c.unCheckedChildren) == null ? void 0 : d.call(c)) || n.unCheckedValue]);
+    });
+    return (e, r) => e.mode === "read" ? (h(), k($(F.value), {
+      key: 0
+    })) : (h(), E(s, {
+      key: 1
+    }, [!o(f)(e.confirm) || e.disabled ? (h(), k(o(A), p({
+      key: 0
+    }, o(P)(n, "onUpdate:checked"), {
+      checked: o(l),
+      onClick: y,
+      loading: e.loading ?? i.value
+    }), g({
+      _: 2
+    }, [V(c, (t, d) => ({
+      name: d,
+      fn: C((m) => [v(e.$slots, d, B(w(m || {})))])
+    }))]), 1040, ["checked", "loading"])) : (h(), k(o(K), p({
+      key: 1
+    }, e.confirm || {}, {
+      onConfirm: _
+    }), {
+      default: C(() => [u(o(A), p(o(P)(n, "onUpdate:checked"), {
+        checked: o(l),
+        onClick: y,
+        loading: e.loading ?? i.value
+      }), g({
+        _: 2
+      }, [V(c, (t, d) => ({
+        name: d,
+        fn: C((m) => [v(e.$slots, d, B(w(m || {})))])
+      }))]), 1040, ["checked", "loading"])]),
+      _: 3
+    }, 16))], 64));
+  }
+});
+export {
+  J as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,66 @@
+import { ApFieldTextProps, FieldMode } from '../interface';
+import { InputFocusOptions } from 'ant-design-vue/es/vc-input/utils/commonUtils';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+type ApFieldTextSlots = {
+    addonAfter: any;
+    addonBefore: any;
+    prefix: any;
+    suffix: any;
+    clearIcon: any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: undefined;
+}>, {
+    focus: (options?: InputFocusOptions | undefined) => void;
+    blur: () => void;
+    input: any;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void;
+    select: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFieldTextProps>, {
+    emptyText: string;
+    mode: string;
+    bordered: boolean;
+    type: string;
+    lazy: boolean;
+    allowClear: undefined;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "number" | "text" | "color" | "button" | "time" | "image" | "search" | "submit" | "reset" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "date" | "week" | "month" | "datetime-local" | "file" | "password";
+    mode: FieldMode;
+    bordered: boolean;
+    allowClear: boolean;
+    lazy: boolean;
+    emptyText: string;
+}, {}>, Readonly<ApFieldTextSlots> & ApFieldTextSlots>;
+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;
+    };
+};