@aplus-frontend/ui 6.26.3 → 6.26.5

package/es/src/business/ap-value-select-card/index.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as _, ref as $, computed as F, watch as j, resolveComponent as G, createElementBlock as c, openBlock as d, normalizeStyle as B, normalizeClass as a, unref as s, createVNode as I, withCtx as N, createElementVNode as u, createCommentVNode as v, Fragment as R, renderList as D, withModifiers as K, renderSlot as h, createTextVNode as p, toDisplayString as g, createBlock as q } from "vue";
-import { Popover as J } from "@aplus-frontend/antdv";
-import { PlusOutlined as Q } from "@ant-design/icons-vue";
-import { IconApAdLinePoor as U } from "@aplus-frontend/icon";
+import { defineComponent as L, ref as T, computed as A, resolveComponent as _, createElementBlock as c, openBlock as a, normalizeStyle as V, normalizeClass as d, unref as s, createVNode as b, withCtx as F, createElementVNode as u, createCommentVNode as y, Fragment as N, renderList as R, withModifiers as f, renderSlot as h, createTextVNode as p, toDisplayString as g, createBlock as j } from "vue";
+import { Popover as G } from "@aplus-frontend/antdv";
+import { PlusOutlined as q } from "@ant-design/icons-vue";
+import { IconApAdLinePoor as J } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { useNamespace as W } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as X } from "../../config-provider/hooks/use-global-config.mjs";
-const Y = ["onClick"], Z = { class: "label" }, x = { class: "value" }, ee = ["onClick"], te = ["onClick"], le = { class: "label" }, se = { class: "value" }, ie = { class: "text" }, he = /* @__PURE__ */ _({
+import { useNamespace as Q } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as U } from "../../config-provider/hooks/use-global-config.mjs";
+const W = ["onClick"], X = { class: "label" }, Y = { class: "value" }, Z = ["onClick"], x = ["onClick"], ee = { class: "label" }, te = { class: "value" }, le = { class: "text" }, ce = /* @__PURE__ */ L({
   name: "ApValueSelectCard",
   __name: "index",
   props: {
@@ -19,171 +19,162 @@ const Y = ["onClick"], Z = { class: "label" }, x = { class: "value" }, ee = ["on
     showCloseIcon: { type: Boolean, default: !0 },
     showAddButton: { type: Boolean, default: !0 },
     addButtonText: { default: "" },
-    getContainer: { type: Function, default: (C) => C.parentElement || document.body },
+    getContainer: { type: Function, default: (v) => v.parentElement || document.body },
     getCardStyle: { type: Function, default: () => ({}) },
     wrapperStyle: { type: [Boolean, null, String, Object, Array] }
   },
   emits: ["update:selectedKeys", "update:highlightedKeys", "change", "select", "remove", "highlight"],
-  setup(C, { expose: E, emit: M }) {
-    const o = M, l = C, { b: n, m: P } = W("ap-value-select-card"), z = X("uiMode", "aplus"), m = $(null), y = $(!1), O = $(60), f = F(() => l.options), S = F(() => f.value.filter(
+  setup(v, { expose: H, emit: D }) {
+    const i = D, l = v, { b: n, m: E } = Q("ap-value-select-card"), M = U("uiMode", "aplus"), P = T(null), m = T(!1), K = A(() => l.options), C = A(() => K.value.filter(
       (e) => l.selectedKeys.includes(e.key)
-    )), T = (e) => l.selectedKeys.includes(e), w = (e) => l.highlightedKeys.includes(e), H = (e) => {
-      l.selectedKeys.includes(e) ? k(e) : A(e);
-    }, A = (e) => {
+    )), B = (e) => l.selectedKeys.includes(e), S = (e) => l.highlightedKeys.includes(e), $ = (e) => {
+      l.selectedKeys.includes(e) ? k(e) : I(e);
+    }, I = (e) => {
       if (l.maxSelected && l.selectedKeys.length >= l.maxSelected)
         return;
-      const i = [...l.selectedKeys, e];
-      o("update:selectedKeys", i), o("change", i), o("select", e), l.highlightedKeys.includes(e) || b(e);
+      const o = [...l.selectedKeys, e];
+      i("update:selectedKeys", o), i("change", o), i("select", e), l.highlightedKeys.includes(e) || w(e);
     }, k = (e) => {
       if (l.selectedKeys.length <= 1 || l.highlightedKeys.length <= 1 && l.highlightedKeys.includes(e))
         return;
-      const i = l.selectedKeys.filter((r) => r !== e);
-      if (o("update:selectedKeys", i), o("change", i), o("remove", e), l.highlightedKeys.includes(e)) {
+      const o = l.selectedKeys.filter((r) => r !== e);
+      if (i("update:selectedKeys", o), i("change", o), i("remove", e), l.highlightedKeys.includes(e)) {
         const r = l.highlightedKeys.filter((t) => t !== e);
-        o("update:highlightedKeys", r), o("highlight", r);
+        i("update:highlightedKeys", r), i("highlight", r);
       }
-    }, b = (e) => {
-      let i;
+    }, w = (e) => {
+      let o;
       if (l.highlightedKeys.includes(e))
         if (l.highlightedKeys.length > 1)
-          i = l.highlightedKeys.filter((r) => r !== e);
+          o = l.highlightedKeys.filter((r) => r !== e);
         else
           return;
       else
-        i = [...l.highlightedKeys, e];
-      o("update:highlightedKeys", i), o("highlight", i);
-    }, L = (e) => {
-      e || (y.value = e);
+        o = [...l.highlightedKeys, e];
+      i("update:highlightedKeys", o), i("highlight", o);
+    }, z = (e) => {
+      e || (m.value = e);
     };
-    return j(
-      () => f.value,
-      () => {
-        m.value && m.value[0] && (O.value = m.value[0]?.offsetHeight);
-      },
-      { immediate: !0 }
-    ), E({
-      popoverVisible: y,
-      allOptions: f,
-      selectedOptions: S,
-      isSelected: T,
-      isHighlighted: w,
-      toggleOption: H,
-      addOption: A,
+    return H({
+      popoverVisible: m,
+      allOptions: K,
+      selectedOptions: C,
+      isSelected: B,
+      isHighlighted: S,
+      toggleOption: $,
+      addOption: I,
       removeOption: k,
-      highlightOption: b
-    }), (e, i) => {
-      const r = G("InfoCircleFilled");
-      return d(), c("div", {
-        class: a([s(n)(), `${s(P)(s(z))}`]),
-        style: B({
+      highlightOption: w
+    }), (e, o) => {
+      const r = _("InfoCircleFilled");
+      return a(), c("div", {
+        class: d([s(n)(), `${s(E)(s(M))}`]),
+        style: V({
           ...e.wrapperStyle,
           "--ap-value-select-card-column-count": e.maxRowDisplay
         })
       }, [
-        I(s(J), {
-          open: y.value,
+        b(s(G), {
+          open: m.value,
           trigger: "click",
           placement: "bottomRight",
           arrow: !1,
           "get-popup-container": e.getContainer,
-          onOpenChange: L
+          onOpenChange: z
         }, {
-          content: N(() => [
+          content: F(() => [
             u("div", {
-              class: a(s(n)("popover"))
+              class: d(s(n)("popover"))
             }, [
-              e.popoverTitle ? (d(), c("div", {
+              e.popoverTitle ? (a(), c("div", {
                 key: 0,
-                class: a(s(n)("title"))
+                class: d(s(n)("title"))
               }, [
-                e.showTitleIcon ? (d(), q(r, {
+                e.showTitleIcon ? (a(), j(r, {
                   key: 0,
-                  class: a(s(n)("title-icon"))
-                }, null, 8, ["class"])) : v("", !0),
+                  class: d(s(n)("title-icon"))
+                }, null, 8, ["class"])) : y("", !0),
                 p(" " + g(e.popoverTitle), 1)
-              ], 2)) : v("", !0),
+              ], 2)) : y("", !0),
               u("div", {
-                class: a(s(n)("list"))
+                class: d(s(n)("list"))
               }, [
-                (d(!0), c(R, null, D(f.value, (t) => (d(), c("div", {
+                (a(!0), c(N, null, R(K.value, (t) => (a(), c("div", {
                   key: t.key,
-                  class: a([
+                  class: d([
                     s(n)("list-item"),
                     "all",
                     {
-                      select: T(t.key),
+                      select: B(t.key),
                       disabled: e.maxSelected && e.selectedKeys.length >= e.maxSelected
                     }
                   ]),
-                  onClick: K((V) => H(t.key), ["stop"])
+                  onClick: f((O) => $(t.key), ["stop"])
                 }, [
-                  u("div", Z, [
+                  u("div", X, [
                     h(e.$slots, "popover-label", { option: t }, () => [
                       p(g(t.label), 1)
                     ])
                   ]),
-                  u("div", x, [
+                  u("div", Y, [
                     h(e.$slots, "popover-value", { option: t }, () => [
                       p(g(t.value), 1)
                     ])
                   ])
-                ], 10, Y))), 128))
+                ], 10, W))), 128))
               ], 2)
             ], 2)
           ]),
-          default: N(() => [
+          default: F(() => [
             u("div", {
-              class: a(s(n)("list"))
+              class: d(s(n)("list"))
             }, [
-              (d(!0), c(R, null, D(S.value, (t) => (d(), c("div", {
+              (a(!0), c(N, null, R(C.value, (t) => (a(), c("div", {
                 key: t.key,
                 ref_for: !0,
                 ref_key: "listItemRef",
-                ref: m,
-                class: a([
+                ref: P,
+                class: d([
                   s(n)("list-item"),
                   {
-                    select: w(t.key),
+                    select: S(t.key),
                     custom: t.customClass
                   },
                   t.customClass
                 ]),
-                style: B(e.getCardStyle(t.key)),
-                onClick: K((V) => b(t.key), ["stop"])
+                style: V(e.getCardStyle(t.key)),
+                onClick: f((O) => w(t.key), ["stop"])
               }, [
-                e.showCloseIcon && (!(e.highlightedKeys.length === 1 && w(t.key)) && S.value.length > 1) ? (d(), c("div", {
+                e.showCloseIcon && (!(e.highlightedKeys.length === 1 && S(t.key)) && C.value.length > 1) ? (a(), c("div", {
                   key: 0,
-                  class: a(s(n)("list-item-close")),
-                  onClick: K((V) => k(t.key), ["stop"])
+                  class: d(s(n)("list-item-close")),
+                  onClick: f((O) => k(t.key), ["stop"])
                 }, [
                   h(e.$slots, "close-icon", {}, () => [
-                    I(s(U))
+                    b(s(J))
                   ])
-                ], 10, te)) : v("", !0),
-                u("div", le, [
+                ], 10, x)) : y("", !0),
+                u("div", ee, [
                   h(e.$slots, "label", { option: t }, () => [
                     p(g(t.label), 1)
                   ])
                 ]),
-                u("div", se, [
+                u("div", te, [
                   h(e.$slots, "value", { option: t }, () => [
                     p(g(t.value), 1)
                   ])
                 ])
-              ], 14, ee))), 128)),
-              e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (d(), c("div", {
+              ], 14, Z))), 128)),
+              e.showAddButton && (!e.maxSelected || e.selectedKeys.length < e.maxSelected) ? (a(), c("div", {
                 key: 0,
-                class: a([s(n)("list-item"), "choose"]),
-                style: B({
-                  minHeight: `${O.value}px`
-                }),
-                onClick: i[0] || (i[0] = K((t) => y.value = !0, ["stop"]))
+                class: d([s(n)("list-item"), "choose"]),
+                onClick: o[0] || (o[0] = f((t) => m.value = !0, ["stop"]))
               }, [
                 h(e.$slots, "add-button", {}, () => [
-                  I(s(Q)),
-                  u("span", ie, g(e.addButtonText), 1)
+                  b(s(q)),
+                  u("span", le, g(e.addButtonText), 1)
                 ])
-              ], 6)) : v("", !0)
+              ], 2)) : y("", !0)
             ], 2)
           ]),
           _: 3
@@ -193,5 +184,5 @@ const Y = ["onClick"], Z = { class: "label" }, x = { class: "value" }, ee = ["on
   }
 });
 export {
-  he as default
+  ce as default
 };

package/es/src/business/ap-view/components/main-button-content.vue.d.ts

@@ -106,6 +106,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -340,11 +341,16 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;
@@ -660,11 +666,16 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;

package/es/src/business/ap-view/components/menu-list-content.vue.d.ts

@@ -107,6 +107,7 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
             readonly onFinish?: ((values: any) => void) | undefined;
             readonly onFinishFailed?: ((errorInfo: ValidateErrorEntity<any>) => void) | undefined;
             readonly onValidate?: ((name: string | number | string[] | number[], status: boolean, errors: string[]) => void) | undefined;
+            readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
             readonly initialValues?: Recordable | undefined;
             readonly onValuesChange?: ((changedValues: Recordable, allValues: Recordable, fieldName: NamePath) => void) | undefined;
             readonly syncToUrl?: boolean | ((values: Recordable, type: "get" | "set") => Recordable) | undefined;
@@ -341,11 +342,16 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;
@@ -661,11 +667,16 @@ declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOp
                     type: PropType<(name: string | number | string[] | number[], status: boolean, errors: string[]) => void>;
                     default: (name: string | number | string[] | number[], status: boolean, errors: string[]) => void;
                 };
+                variant: {
+                    type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+                    default: "filled" | "outlined" | "borderless" | "underlined";
+                };
             }>> & Readonly<{}>, () => VueNode, {}, {}, {}, {
                 size: ButtonSize;
                 onSubmit: (e: Event) => void;
                 disabled: boolean;
                 validateTrigger: string | string[];
+                variant: "filled" | "outlined" | "borderless" | "underlined";
                 onFinish: (values: any) => void;
                 validateMessages: ValidateMessages;
                 requiredMark: "" | RequiredMark;

package/es/src/config-provider/config-provider-props.d.ts

@@ -8,7 +8,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 export declare const configProviderProps: () => {
     iconPrefixCls: StringConstructor;
     getTargetContainer: {
@@ -78,6 +78,9 @@ export declare const configProviderProps: () => {
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -108,12 +111,22 @@ export declare const configProviderProps: () => {
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;

package/es/src/config-provider/config-provider.d.ts

@@ -6,7 +6,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from './constants';
 import { ViewCacheOption } from '..';
@@ -80,6 +80,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -110,12 +113,22 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -237,6 +250,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -267,12 +283,22 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;
@@ -330,6 +356,7 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         autocomplete?: string;
     };
     select: {
+        variant?: Variant;
         showSearch?: boolean;
     };
     form: {
@@ -355,6 +382,9 @@ export declare const ConfigProvider: DefineComponent<ExtractPropTypes<{
         showSizeChanger?: boolean;
     };
     theme: ThemeConfig;
+    cascader: {
+        variant?: Variant;
+    };
     wave: {
         disabled?: boolean;
     };

package/es/src/config-provider/hooks/use-global-config.d.ts

@@ -7,7 +7,7 @@ import { CSPConfig, SizeType } from '@aplus-frontend/antdv/es/config-provider';
 import { Locale } from '@aplus-frontend/antdv/es/locale';
 import { ValidateMessages } from '@aplus-frontend/antdv/es/form/interface';
 import { RequiredMark } from '@aplus-frontend/antdv/es/form/Form';
-import { ThemeConfig } from '@aplus-frontend/antdv/es/config-provider/context';
+import { ThemeConfig, Variant } from '@aplus-frontend/antdv/es/config-provider/context';
 import { LocaleType } from '../../locale';
 import { ApiType, ApUploadConfig, ApDescriptionsConfig, ValueTypeRenderConfig, downloadCenterTriggerConfig, ExportField, SearchFormGlobalConfig } from '..';
 import { ViewCacheOption } from '../..';
@@ -83,6 +83,9 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
         type: BooleanConstructor;
         default: any;
     };
+    variant: {
+        type: PropType<"filled" | "outlined" | "borderless" | "underlined">;
+    };
     dropdownMatchSelectWidth: {
         type: (BooleanConstructor | NumberConstructor)[];
         default: boolean;
@@ -113,12 +116,22 @@ export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContex
     };
     select: {
         type: PropType<{
+            variant?: Variant;
             showSearch?: boolean;
         }>;
         default: {
+            variant?: Variant;
             showSearch?: boolean;
         };
     };
+    cascader: {
+        type: PropType<{
+            variant?: Variant;
+        }>;
+        default: {
+            variant?: Variant;
+        };
+    };
     wave: {
         type: PropType<{
             disabled?: boolean;