@aplus-frontend/ui 0.2.6 → 0.2.8

package/es/src/business/ap-group-search/ap-group-search.vue.d.ts

@@ -0,0 +1,50 @@
+import { SelectValue } from '@aplus-frontend/antdv/es/select';
+import { GroupSearchProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+declare function __VLS_template(): {
+    slots: {
+        search?(_: {
+            value: any;
+            change: (e: any) => void;
+            key: SelectValue;
+        }): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<GroupSearchProps>, {
+    hasAll: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GroupSearchProps>, {
+    hasAll: boolean;
+}>>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    hasAll: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+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;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/src/business/ap-group-search/ap-group-search.vue.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-group-search.vue2.mjs";
+export {
+  f as default
+};

package/es/src/business/ap-group-search/ap-group-search.vue2.mjs

@@ -0,0 +1,184 @@
+import { defineComponent as I, computed as c, onMounted as V, watch as L, unref as t, openBlock as P, createElementBlock as O, normalizeClass as f, createVNode as i, withCtx as y, normalizeStyle as M, renderSlot as N } from "vue";
+import { Flex as K, Select as T } from "@aplus-frontend/antdv";
+import j from "./images/icon-down.vue.mjs";
+import "./extension-select/index.vue.mjs";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
+import "../../config-provider/index.mjs";
+import { useLocale as R } from "../../config-provider/hooks/use-locale.mjs";
+import { useGlobalConfig as $ } from "../../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+import E from "./extension-select/index.vue2.mjs";
+const d = "GROUP_SEARCH_ALL", Z = /* @__PURE__ */ I({
+  __name: "ap-group-search",
+  props: {
+    value: {},
+    defaultValue: {},
+    notFoundContent: {},
+    suffixIcon: {},
+    itemIcon: {},
+    size: {},
+    mode: {},
+    bordered: { type: Boolean },
+    transitionName: {},
+    choiceTransitionName: {},
+    popupClassName: {},
+    dropdownClassName: {},
+    placement: {},
+    status: {},
+    "onUpdate:value": {},
+    children: {},
+    listHeight: {},
+    onMouseenter: {},
+    onMouseleave: {},
+    tabindex: {},
+    onClick: {},
+    onFocus: {},
+    onBlur: {},
+    onChange: {},
+    onKeydown: {},
+    onKeyup: {},
+    onMousedown: {},
+    onSelect: {},
+    open: { type: Boolean },
+    animation: {},
+    direction: {},
+    disabled: { type: Boolean },
+    prefixCls: {},
+    id: {},
+    autofocus: { type: Boolean },
+    getPopupContainer: {},
+    virtual: { type: Boolean },
+    dropdownMatchSelectWidth: {},
+    options: {},
+    showAction: {},
+    onDeselect: {},
+    loading: { type: Boolean },
+    placeholder: {},
+    clearIcon: {},
+    allowClear: { type: Boolean },
+    onSearch: {},
+    fieldNames: {},
+    dropdownStyle: {},
+    dropdownRender: {},
+    dropdownAlign: {},
+    showSearch: { type: Boolean },
+    searchValue: {},
+    onInputKeyDown: {},
+    removeIcon: {},
+    maxTagCount: {},
+    maxTagTextLength: {},
+    maxTagPlaceholder: {},
+    tokenSeparators: {},
+    tagRender: {},
+    optionLabelRender: {},
+    onClear: {},
+    defaultOpen: { type: Boolean },
+    onDropdownVisibleChange: {},
+    showArrow: { type: Boolean },
+    onPopupScroll: {},
+    menuItemSelectedIcon: {},
+    listItemHeight: {},
+    inputValue: {},
+    autoClearSearchValue: { type: Boolean },
+    filterOption: {},
+    filterSort: {},
+    optionFilterProp: {},
+    optionLabelProp: {},
+    defaultActiveFirstOption: { type: Boolean },
+    labelInValue: { type: Boolean },
+    hasAll: { type: Boolean, default: !0 },
+    style: { type: [Boolean, null, String, Object, Array] }
+  },
+  emits: ["update:value"],
+  setup(v, { emit: g }) {
+    const { t: m } = R(), C = $("uiMode", "aplus"), n = v, S = g, { value: a, updateValue: p } = F(n, S), w = (e) => {
+      let o = e;
+      e === d && (o = n.options.map((l) => l.value)), p({
+        ...a.value,
+        key: o
+      });
+    }, B = c(() => {
+      let e = [];
+      return n.hasAll && (e = [
+        { value: d, label: m("ap.apGroupSearch.all") }
+      ]), [...e, ...n.options];
+    }), b = c(() => {
+      var r, s;
+      const e = (r = a == null ? void 0 : a.value) == null ? void 0 : r.key, o = m("ap.apGroupSearch.defaultPlaceholder");
+      if (!e) return o;
+      const l = toString.call(e) === "[object Array]" ? e : [e];
+      return ((s = n.options) == null ? void 0 : s.filter((u) => l.includes(u.value)).map((u) => u.label).join("/")) || o;
+    });
+    V(() => {
+      L(
+        () => n.hasAll,
+        () => {
+          var e, o;
+          n.hasAll && !((e = t(a)) != null && e.key) && p({
+            ...t(a),
+            key: (o = n.options) == null ? void 0 : o.map((l) => l.value)
+          });
+        },
+        {
+          immediate: !0
+        }
+      );
+    });
+    const A = c(() => {
+      var l, r;
+      const e = Object.prototype.toString, o = (l = t(a)) == null ? void 0 : l.key;
+      if (o)
+        return e.call(o) === "[object Array]" && (o == null ? void 0 : o.length) === ((r = n.options) == null ? void 0 : r.length) ? d : o;
+    }), h = (e) => {
+      var o;
+      e !== ((o = t(a)) == null ? void 0 : o.value) && p({
+        ...a.value,
+        value: e
+      });
+    }, { b: _, e: k, em: x } = D("ap-group-search");
+    return (e, o) => (P(), O("div", {
+      class: f(t(_)())
+    }, [
+      i(t(K), null, {
+        default: y(() => {
+          var l, r;
+          return [
+            i(t(T), {
+              value: A.value,
+              style: M(n.style),
+              class: f(`${e.$attrs.class} ${t(C) === "admin" ? t(x)("search", "admin") : t(k)("search")}`),
+              options: B.value,
+              bordered: !1,
+              onChange: w
+            }, {
+              suffixIcon: y(() => [
+                i(j)
+              ]),
+              _: 1
+            }, 8, ["value", "style", "class", "options"]),
+            N(e.$slots, "search", {
+              value: (l = t(a)) == null ? void 0 : l.value,
+              change: h,
+              key: (r = t(a)) == null ? void 0 : r.key
+            }, () => {
+              var s;
+              return [
+                i(E, {
+                  style: { width: "100%" },
+                  maxTagCount: "responsive",
+                  value: (s = t(a)) == null ? void 0 : s.value,
+                  onChange: h,
+                  placeholder: b.value
+                }, null, 8, ["value", "placeholder"])
+              ];
+            })
+          ];
+        }),
+        _: 3
+      })
+    ], 2));
+  }
+});
+export {
+  Z as default
+};

package/es/src/business/ap-group-search/extension-select/index.vue.d.ts

@@ -0,0 +1,355 @@
+import { SelectValue, DefaultOptionType, LabeledValue } from '@aplus-frontend/antdv/es/select';
+import { DefineComponent, ExtractPropTypes, PropType, CSSProperties, ComponentOptionsMixin, PublicProps } from 'vue';
+import { VueTypeValidableDef } from '../../../../node_modules/vue-types';
+import { ButtonSize } from '@aplus-frontend/antdv/es/button';
+import { VueNode } from '@aplus-frontend/antdv/es/_util/type';
+import { SelectHandler, FieldNames, FilterFunc } from '@aplus-frontend/antdv/es/vc-select/Select';
+import { RenderDOMFunc, DropdownRender, CustomTagProps } from '@aplus-frontend/antdv/es/vc-select/BaseSelect';
+import { AlignType } from '@aplus-frontend/antdv/es/vc-trigger/interface';
+declare const _default: DefineComponent<__VLS_TypePropsToOption<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")[]>;
+    };
+    onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+    loading: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: VueTypeValidableDef<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" | "suffixIcon">>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    change: (value: SelectValue) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<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")[]>;
+    };
+    onDeselect: PropType<SelectHandler<(string | number) | LabeledValue, DefaultOptionType>>;
+    loading: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: VueTypeValidableDef<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" | "suffixIcon">>>> & {
+    onChange?: ((value: SelectValue) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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/business/ap-group-search/extension-select/index.vue.mjs

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