@aplus-frontend/ui 0.4.29 → 0.4.31

package/es/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as D, computed as n, openBlock as v, createBlock as y, unref as a, mergeProps as d, withCtx as r, createVNode as c, createElementVNode as N, normalizeStyle as R, toDisplayString as h, normalizeClass as x, normalizeProps as S, guardReactiveProps as V, createTextVNode as $, createCommentVNode as z } from "vue";
-import { DropdownButton as G, Dropdown as M } from "@aplus-frontend/antdv";
+import { defineComponent as T, computed as n, openBlock as c, createBlock as m, unref as a, mergeProps as p, withCtx as r, createVNode as d, createElementVNode as N, normalizeStyle as $, resolveDynamicComponent as h, h as w, normalizeClass as x, normalizeProps as z, guardReactiveProps as G, createCommentVNode as M } from "vue";
+import { DropdownButton as S, Dropdown as V } from "@aplus-frontend/antdv";
 import "../../ap-button/index.mjs";
 import "./MenuItemGroup.vue.mjs";
 import "../../config-provider/index.mjs";
@@ -9,17 +9,17 @@ import { useInjectApTable as j } from "../../ap-table/context.mjs";
 import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as I } from "../../config-provider/hooks/use-locale.mjs";
 import { useGlobalConfig as q } from "../../config-provider/hooks/use-global-config.mjs";
-import w from "./MenuItemGroup.vue2.mjs";
+import P from "./MenuItemGroup.vue2.mjs";
 import H from "../../ap-button/ap-button.vue.mjs";
-const re = /* @__PURE__ */ D({
+const re = /* @__PURE__ */ T({
   __name: "ApBatchActionGroup",
   props: {
     selectedRows: {},
     buttonProps: {},
     menuList: {}
   },
-  setup(P, { expose: _ }) {
-    const { b: i } = E("ap-batch-action-group"), { t: g } = I(), { columns: k, dataSource: A } = j(), e = P, B = q("uiMode"), { hasPermission: L } = O(), p = n(
+  setup(_, { expose: g }) {
+    const { b: f } = E("ap-batch-action-group"), { t: k } = I(), { columns: A, dataSource: B } = j(), e = _, C = q("uiMode"), { hasPermission: L } = O(), b = n(
       () => {
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.dropdownType) || "default";
@@ -29,22 +29,22 @@ const re = /* @__PURE__ */ D({
         var t;
         return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.type) || "borderLink";
       }
-    ), f = n(
+    ), v = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || g("ap.apApBatchActionGroup.batchOperation");
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.content) || k("ap.apApBatchActionGroup.batchOperation");
       }
-    ), C = n(() => (e == null ? void 0 : e.selectedRows) || []), m = n(
+    ), D = n(() => (e == null ? void 0 : e.selectedRows) || []), i = n(
       () => {
         var t;
-        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? C.value.length === 0 : !1);
+        return ((t = e == null ? void 0 : e.buttonProps) == null ? void 0 : t.disabled) ?? (Array.isArray(e.selectedRows) ? D.value.length === 0 : !1);
       }
-    ), T = n(() => {
+    ), R = n(() => {
       const t = {
         aplus: "#0070FF",
         admin: "#34b77c"
       };
-      return u.value === "borderLink" ? m.value ? void 0 : t[B.value] || t.aplus : void 0;
+      return u.value === "borderLink" ? i.value ? void 0 : t[C.value] || t.aplus : void 0;
     }), l = n(() => {
       var t;
       return ((t = e == null ? void 0 : e.menuList) == null ? void 0 : t.filter((o) => {
@@ -52,61 +52,63 @@ const re = /* @__PURE__ */ D({
         return !(o != null && o.ifShow) && (o != null && o.auth) && (s = () => L(o.auth)), (s == null ? void 0 : s()) ?? !0;
       })) || [];
     });
-    function b() {
+    function y() {
       return e != null && e.buttonProps ? {
         ...e.buttonProps,
         type: u.value === "borderLink" ? "default" : u.value
       } : {};
     }
-    return _({
-      columns: k,
-      dataSource: A
-    }), (t, o) => l.value.length && p.value === "dropdown" ? (v(), y(a(G), d({
+    return g({
+      columns: A,
+      dataSource: B
+    }), (t, o) => l.value.length && b.value === "dropdown" ? (c(), m(a(S), p({
       key: 0,
-      class: [a(i)()]
+      class: [a(f)()]
     }, {
       ...t.$attrs,
-      ...b(),
-      disabled: m.value
+      ...y(),
+      disabled: i.value
     }), {
       overlay: r(() => [
-        c(w, d({
+        d(P, p({
           ...e
         }, { "menu-list": l.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
         N("span", {
-          style: R({
-            color: T.value
+          style: $({
+            color: R.value
           })
-        }, h(f.value), 5)
+        }, [
+          (c(), m(h(w("span", [v.value]))))
+        ], 4)
       ]),
       _: 1
-    }, 16, ["class"])) : l.value.length && p.value === "default" ? (v(), y(a(M), {
+    }, 16, ["class"])) : l.value.length && b.value === "default" ? (c(), m(a(V), {
       key: 1,
-      class: x([a(i)()]),
-      disabled: m.value
+      class: x([a(f)()]),
+      disabled: i.value
     }, {
       overlay: r(() => [
-        c(w, d({
+        d(P, p({
           ...e
         }, { "menu-list": l.value }), null, 16, ["menu-list"])
       ]),
       default: r(() => [
-        c(a(H), S(V({
+        d(a(H), z(G({
           ...t.$attrs,
-          ...b(),
+          ...y(),
           type: u.value
         })), {
           default: r(() => [
-            $(h(f.value) + " ", 1),
-            c(a(F))
+            (c(), m(h(w("span", [v.value])))),
+            d(a(F))
           ]),
           _: 1
         }, 16)
       ]),
       _: 1
-    }, 8, ["class", "disabled"])) : z("", !0);
+    }, 8, ["class", "disabled"])) : M("", !0);
   }
 });
 export {

package/es/src/business/ap-batch-action-group/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, CSSProperties, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNodeChild, CSSProperties, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
@@ -69,7 +69,7 @@ declare const ApBatchActionGroup: {
             lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
-            content?: string;
+            content?: VNodeChild;
         }) | ({
             dropdownType?: "dropdown" | undefined;
         } & Omit<Partial< ExtractPropTypes<{
@@ -299,7 +299,7 @@ declare const ApBatchActionGroup: {
             };
         }>>, "type"> & {
             type?: ButtonType | "borderLink" | undefined;
-            content?: string;
+            content?: VNodeChild;
         }) | undefined;
         menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
     }> & Readonly<{}>, {
@@ -370,7 +370,7 @@ declare const ApBatchActionGroup: {
             lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
-            content?: string;
+            content?: VNodeChild;
         }) | ({
             dropdownType?: "dropdown" | undefined;
         } & Omit<Partial< ExtractPropTypes<{
@@ -600,7 +600,7 @@ declare const ApBatchActionGroup: {
             };
         }>>, "type"> & {
             type?: ButtonType | "borderLink" | undefined;
-            content?: string;
+            content?: VNodeChild;
         }) | undefined;
         menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
     }> & Readonly<{}>, {
@@ -668,7 +668,7 @@ declare const ApBatchActionGroup: {
         lazy?: boolean | number;
         onClick?: () => any | Promise<any>;
     } & {
-        content?: string;
+        content?: VNodeChild;
     }) | ({
         dropdownType?: "dropdown" | undefined;
     } & Omit<Partial< ExtractPropTypes<{
@@ -898,7 +898,7 @@ declare const ApBatchActionGroup: {
         };
     }>>, "type"> & {
         type?: ButtonType | "borderLink" | undefined;
-        content?: string;
+        content?: VNodeChild;
     }) | undefined;
     menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
 }> & Readonly<{}>, {

package/es/src/business/ap-batch-action-group/interface.d.ts

@@ -6,11 +6,11 @@ import { ColumnType } from '@aplus-frontend/antdv/es/table';
 type ApBatchActionGroupButtonType = ButtonProps['type'] | 'borderLink';
 type MixinButton<T> = Omit<T, 'type'> & {
     type?: ApBatchActionGroupButtonType;
-    content?: string;
+    content?: VNodeChild;
 };
 interface ApBatchActionGroupTypeProps {
     default: ApButtonProps & {
-        content?: string;
+        content?: VNodeChild;
     };
     dropdown: MixinButton<DropdownButtonProps>;
 }

package/es/src/business/batch-input-group/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as O, ref as B, computed as r, unref as l, openBlock as g, createElementBlock as P, createVNode as p, withCtx as A, createBlock as T, normalizeStyle as z, createCommentVNode as K, mergeProps as M } from "vue";
+import { defineComponent as O, ref as g, computed as r, unref as n, openBlock as B, createElementBlock as P, createVNode as d, withCtx as A, createBlock as T, normalizeStyle as z, createCommentVNode as K, mergeProps as M } from "vue";
 import "../../ap-field/index.mjs";
 import { Space as $ } from "@aplus-frontend/antdv";
 import "../../config-provider/index.mjs";
@@ -12,7 +12,7 @@ import { useLocale as H } from "../../config-provider/hooks/use-locale.mjs";
 import Y from "../../ap-field/select/index.vue.mjs";
 import { ApFieldText as J } from "../../ap-field/text/index.mjs";
 import Q from "./popover-input/index.vue2.mjs";
-const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
+const c = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
   __name: "index",
   props: {
     style: { type: [Boolean, null, String, Object, Array] },
@@ -69,31 +69,31 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
   },
   emits: ["update:value"],
   setup(b, { emit: V }) {
-    const n = b, C = N("Text", n), S = V, { value: a, updateValue: i } = q(
-      n,
+    const l = b, C = N("Text", l), S = V, { value: a, updateValue: i } = q(
+      l,
       S
-    ), f = B(), c = B(), { t: I } = H(), U = r(() => n.options ? n.options.length > 1 && n.hasAll ? [
-      { value: d, label: I("ap.apGroupSearch.all") },
-      ...n.options
-    ] : n.options : []), w = r(() => n.options ? n.options.map((e) => e.value) : []), k = r(() => {
+    ), s = g(), f = g(), { t: I } = H(), U = r(() => l.options ? l.options.length > 1 && l.hasAll ? [
+      { value: c, label: I("ap.apGroupSearch.all") },
+      ...l.options
+    ] : l.options : []), w = r(() => l.options ? l.options.map((e) => e.value) : []), k = r(() => {
       var e, t;
-      return (t = (e = l(a)) == null ? void 0 : e.value) != null && t.length ? l(a).value.join(",") : "";
+      return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(",") : "";
     }), x = r(() => {
       var e, t;
-      return (t = (e = l(a)) == null ? void 0 : e.value) != null && t.length ? l(a).value.join(`
+      return (t = (e = n(a)) == null ? void 0 : e.value) != null && t.length ? n(a).value.join(`
 `) : "";
     }), R = r(() => {
       var t;
-      const e = (t = l(a)) == null ? void 0 : t.key;
+      const e = (t = n(a)) == null ? void 0 : t.key;
       if (e != null && e.length)
-        return e.length === 1 ? e[0] : d;
+        return e.length === 1 ? e[0] : c;
     }), _ = r(() => {
       var o;
-      const e = (o = l(a)) == null ? void 0 : o.key;
-      return !e || (e == null ? void 0 : e.length) <= 1 ? l(C) : (n.options || []).filter((u) => e.includes(u.value)).map((u) => u.label).join("/");
+      const e = (o = n(a)) == null ? void 0 : o.key;
+      return !e || (e == null ? void 0 : e.length) <= 1 ? n(C) : (l.options || []).filter((u) => e.includes(u.value)).map((u) => u.label).join("/");
     });
     function j(e) {
-      const t = l(a) || {}, o = e === d ? l(w) : G(e) ? [e] : [];
+      const t = n(a) || {}, o = e === c ? n(w) : G(e) ? [e] : [];
       i({
         ...t,
         key: o
@@ -101,19 +101,19 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
     }
     function E(e) {
       var v, y;
-      const t = l(a) || {}, o = e.target.value || "", u = o.replace(/[,]+/g, ",");
+      const t = n(a) || {}, o = e.target.value || "", u = o.replace(/[,]+/g, ",");
       if (o !== u) {
-        const h = (y = (v = c.value) == null ? void 0 : v.$el) == null ? void 0 : y.querySelector("input");
+        const h = (y = (v = f.value) == null ? void 0 : v.$el) == null ? void 0 : y.querySelector("input");
         h && (h.value = u);
       }
-      let s = u.split(",");
-      s.length === 1 && s[0] === "" && (s = []), i({
+      let p = u.split(",");
+      p.length === 1 && p[0] === "" && (p = []), i({
         ...t,
-        value: s
+        value: p
       });
     }
     function F(e) {
-      const t = l(a) || {};
+      const t = n(a) || {};
       let o = e.split(/,|\n/);
       i({
         ...t,
@@ -122,7 +122,7 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
     }
     function m() {
       var o;
-      const e = l(a) || {}, t = (o = e.value) == null ? void 0 : o.filter(Boolean);
+      const e = n(a) || {}, t = (o = e.value) == null ? void 0 : o.filter(Boolean);
       i({
         ...e,
         value: t
@@ -130,22 +130,22 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
     }
     function L(e) {
       var t;
-      m(), (t = n.onBlur) == null || t.call(n, e);
+      m(), (t = l.onBlur) == null || t.call(l, e);
     }
-    return (e, t) => (g(), P("div", {
+    return (e, t) => (B(), P("div", {
       ref_key: "containerRef",
-      ref: f,
+      ref: s,
       style: { position: "relative" },
       onFocus: t[0] || (t[0] = //@ts-ignore
       (...o) => e.onFocus && e.onFocus(...o)),
       onBlur: t[1] || (t[1] = //@ts-ignore
       (...o) => e.onBlur && e.onBlur(...o))
     }, [
-      p(l($).Compact, { block: "" }, {
+      d(n($).Compact, { block: "" }, {
         default: A(() => {
           var o;
           return [
-            (o = e.options) != null && o.length ? (g(), T(l(Y), {
+            (o = e.options) != null && o.length ? (B(), T(n(Y), {
               key: 0,
               style: z(e.style),
               options: U.value,
@@ -153,10 +153,11 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
               "allow-clear": !1,
               "dropdown-match-select-width": !1,
               disabled: e.disabled,
+              "get-popup-container": () => s.value,
               "onUpdate:value": j
-            }, null, 8, ["style", "options", "value", "disabled"])) : K("", !0),
-            p(l(J), M(
-              l(D)(n, [
+            }, null, 8, ["style", "options", "value", "disabled", "get-popup-container"])) : K("", !0),
+            d(n(J), M(
+              n(D)(l, [
                 "style",
                 "value",
                 "onUpdate:value",
@@ -166,7 +167,7 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
               ]),
               {
                 ref_key: "inputRef",
-                ref: c,
+                ref: f,
                 style: e.inputStyle,
                 value: k.value,
                 placeholder: _.value,
@@ -175,8 +176,8 @@ const d = "GROUP_SEARCH_ALL", de = /* @__PURE__ */ O({
               }
             ), {
               suffix: A(() => [
-                p(Q, {
-                  _parent: f.value,
+                d(Q, {
+                  _parent: s.value,
                   value: x.value,
                   disabled: e.disabled,
                   "onUpdate:value": F,

package/lib/src/business/ap-batch-action-group/ApBatchActionGroup.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@aplus-frontend/antdv");require("../../ap-button/index.js");require("./MenuItemGroup.vue.js");require("../../config-provider/index.js");const q=require("@ant-design/icons-vue"),C=require("@aplus-frontend/hooks"),k=require("../../ap-table/context.js"),B=require("../../config-provider/hooks/use-namespace.js"),N=require("../../config-provider/hooks/use-locale.js"),x=require("../../config-provider/hooks/use-global-config.js"),m=require("./MenuItemGroup.vue2.js"),L=require("../../ap-button/ap-button.vue.js"),A=e.defineComponent({__name:"ApBatchActionGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(v,{expose:b}){const{b:l}=B.useNamespace("ap-batch-action-group"),{t:f}=N.useLocale(),{columns:_,dataSource:y}=k.useInjectApTable(),t=v,h=x.useGlobalConfig("uiMode"),{hasPermission:w}=C.usePermission(),c=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.dropdownType)||"default"}),n=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.type)||"borderLink"}),d=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.content)||f("ap.apApBatchActionGroup.batchOperation")}),g=e.computed(()=>(t==null?void 0:t.selectedRows)||[]),s=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.disabled)??(Array.isArray(t.selectedRows)?g.value.length===0:!1)}),P=e.computed(()=>{const o={aplus:"#0070FF",admin:"#34b77c"};return n.value==="borderLink"?s.value?void 0:o[h.value]||o.aplus:void 0}),r=e.computed(()=>{var o;return((o=t==null?void 0:t.menuList)==null?void 0:o.filter(u=>{let a=u==null?void 0:u.ifShow;return!(u!=null&&u.ifShow)&&(u!=null&&u.auth)&&(a=()=>w(u.auth)),(a==null?void 0:a())??!0}))||[]});function i(){return t!=null&&t.buttonProps?{...t.buttonProps,type:n.value==="borderLink"?"default":n.value}:{}}return b({columns:_,dataSource:y}),(o,u)=>r.value.length&&c.value==="dropdown"?(e.openBlock(),e.createBlock(e.unref(p.DropdownButton),e.mergeProps({key:0,class:[e.unref(l)()]},{...o.$attrs,...i(),disabled:s.value}),{overlay:e.withCtx(()=>[e.createVNode(m.default,e.mergeProps({...t},{"menu-list":r.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:P.value})},e.toDisplayString(d.value),5)]),_:1},16,["class"])):r.value.length&&c.value==="default"?(e.openBlock(),e.createBlock(e.unref(p.Dropdown),{key:1,class:e.normalizeClass([e.unref(l)()]),disabled:s.value},{overlay:e.withCtx(()=>[e.createVNode(m.default,e.mergeProps({...t},{"menu-list":r.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createVNode(e.unref(L.default),e.normalizeProps(e.guardReactiveProps({...o.$attrs,...i(),type:n.value})),{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.value)+" ",1),e.createVNode(e.unref(q.DownOutlined))]),_:1},16)]),_:1},8,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@aplus-frontend/antdv");require("../../ap-button/index.js");require("./MenuItemGroup.vue.js");require("../../config-provider/index.js");const k=require("@ant-design/icons-vue"),B=require("@aplus-frontend/hooks"),q=require("../../ap-table/context.js"),C=require("../../config-provider/hooks/use-namespace.js"),L=require("../../config-provider/hooks/use-locale.js"),N=require("../../config-provider/hooks/use-global-config.js"),m=require("./MenuItemGroup.vue2.js"),x=require("../../ap-button/ap-button.vue.js"),A=e.defineComponent({__name:"ApBatchActionGroup",props:{selectedRows:{},buttonProps:{},menuList:{}},setup(v,{expose:b}){const{b:l}=C.useNamespace("ap-batch-action-group"),{t:f}=L.useLocale(),{columns:_,dataSource:h}=q.useInjectApTable(),t=v,y=N.useGlobalConfig("uiMode"),{hasPermission:w}=B.usePermission(),c=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.dropdownType)||"default"}),n=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.type)||"borderLink"}),d=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.content)||f("ap.apApBatchActionGroup.batchOperation")}),P=e.computed(()=>(t==null?void 0:t.selectedRows)||[]),s=e.computed(()=>{var o;return((o=t==null?void 0:t.buttonProps)==null?void 0:o.disabled)??(Array.isArray(t.selectedRows)?P.value.length===0:!1)}),g=e.computed(()=>{const o={aplus:"#0070FF",admin:"#34b77c"};return n.value==="borderLink"?s.value?void 0:o[y.value]||o.aplus:void 0}),r=e.computed(()=>{var o;return((o=t==null?void 0:t.menuList)==null?void 0:o.filter(u=>{let a=u==null?void 0:u.ifShow;return!(u!=null&&u.ifShow)&&(u!=null&&u.auth)&&(a=()=>w(u.auth)),(a==null?void 0:a())??!0}))||[]});function i(){return t!=null&&t.buttonProps?{...t.buttonProps,type:n.value==="borderLink"?"default":n.value}:{}}return b({columns:_,dataSource:h}),(o,u)=>r.value.length&&c.value==="dropdown"?(e.openBlock(),e.createBlock(e.unref(p.DropdownButton),e.mergeProps({key:0,class:[e.unref(l)()]},{...o.$attrs,...i(),disabled:s.value}),{overlay:e.withCtx(()=>[e.createVNode(m.default,e.mergeProps({...t},{"menu-list":r.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createElementVNode("span",{style:e.normalizeStyle({color:g.value})},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value]))))],4)]),_:1},16,["class"])):r.value.length&&c.value==="default"?(e.openBlock(),e.createBlock(e.unref(p.Dropdown),{key:1,class:e.normalizeClass([e.unref(l)()]),disabled:s.value},{overlay:e.withCtx(()=>[e.createVNode(m.default,e.mergeProps({...t},{"menu-list":r.value}),null,16,["menu-list"])]),default:e.withCtx(()=>[e.createVNode(e.unref(x.default),e.normalizeProps(e.guardReactiveProps({...o.$attrs,...i(),type:n.value})),{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h("span",[d.value])))),e.createVNode(e.unref(k.DownOutlined))]),_:1},16)]),_:1},8,["class","disabled"])):e.createCommentVNode("",!0)}});exports.default=A;

package/lib/src/business/ap-batch-action-group/index.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, CSSProperties, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNodeChild, CSSProperties, ComputedRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
 import { ButtonType, ButtonShape, ButtonSize } from '@aplus-frontend/antdv/es/button';
 import { ButtonHTMLType } from '@aplus-frontend/antdv/es/button/buttonTypes';
 import { VueTypeValidableDef } from '../../../node_modules/vue-types';
@@ -69,7 +69,7 @@ declare const ApBatchActionGroup: {
             lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
-            content?: string;
+            content?: VNodeChild;
         }) | ({
             dropdownType?: "dropdown" | undefined;
         } & Omit<Partial< ExtractPropTypes<{
@@ -299,7 +299,7 @@ declare const ApBatchActionGroup: {
             };
         }>>, "type"> & {
             type?: ButtonType | "borderLink" | undefined;
-            content?: string;
+            content?: VNodeChild;
         }) | undefined;
         menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
     }> & Readonly<{}>, {
@@ -370,7 +370,7 @@ declare const ApBatchActionGroup: {
             lazy?: boolean | number;
             onClick?: () => any | Promise<any>;
         } & {
-            content?: string;
+            content?: VNodeChild;
         }) | ({
             dropdownType?: "dropdown" | undefined;
         } & Omit<Partial< ExtractPropTypes<{
@@ -600,7 +600,7 @@ declare const ApBatchActionGroup: {
             };
         }>>, "type"> & {
             type?: ButtonType | "borderLink" | undefined;
-            content?: string;
+            content?: VNodeChild;
         }) | undefined;
         menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
     }> & Readonly<{}>, {
@@ -668,7 +668,7 @@ declare const ApBatchActionGroup: {
         lazy?: boolean | number;
         onClick?: () => any | Promise<any>;
     } & {
-        content?: string;
+        content?: VNodeChild;
     }) | ({
         dropdownType?: "dropdown" | undefined;
     } & Omit<Partial< ExtractPropTypes<{
@@ -898,7 +898,7 @@ declare const ApBatchActionGroup: {
         };
     }>>, "type"> & {
         type?: ButtonType | "borderLink" | undefined;
-        content?: string;
+        content?: VNodeChild;
     }) | undefined;
     menuList?: ApBatchActionGroupMenuProps<any>[] | undefined;
 }> & Readonly<{}>, {

package/lib/src/business/ap-batch-action-group/interface.d.ts

@@ -6,11 +6,11 @@ import { ColumnType } from '@aplus-frontend/antdv/es/table';
 type ApBatchActionGroupButtonType = ButtonProps['type'] | 'borderLink';
 type MixinButton<T> = Omit<T, 'type'> & {
     type?: ApBatchActionGroupButtonType;
-    content?: string;
+    content?: VNodeChild;
 };
 interface ApBatchActionGroupTypeProps {
     default: ApButtonProps & {
-        content?: string;
+        content?: VNodeChild;
     };
     dropdown: MixinButton<DropdownButtonProps>;
 }

package/lib/src/business/batch-input-group/index.vue.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../ap-field/index.js");const k=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const R=require("lodash-unified");require("./popover-input/index.vue.js");require("../../hooks/index.js");const j=require("../../utils/index.js"),L=require("../../ap-field/hooks/use-default-placeholder.js"),O=require("../../hooks/useControllableValue.js"),P=require("../../config-provider/hooks/use-locale.js"),E=require("../../ap-field/select/index.vue.js"),F=require("../../ap-field/text/index.js"),T=require("./popover-input/index.vue2.js"),i="GROUP_SEARCH_ALL",M=t.defineComponent({__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},mode:{default:"edit"},class:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(m,{emit:h}){const l=m,g=L.useDefaultPlaceholder("Text",l),B=h,{value:u,updateValue:r}=O.useControllableValue(l,B),p=t.ref(),d=t.ref(),{t:_}=P.useLocale(),b=t.computed(()=>l.options?l.options.length>1&&l.hasAll?[{value:i,label:_("ap.apGroupSearch.all")},...l.options]:l.options:[]),V=t.computed(()=>l.options?l.options.map(e=>e.value):[]),A=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(","):""}),C=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(`
-`):""}),q=t.computed(()=>{var n;const e=(n=t.unref(u))==null?void 0:n.key;if(e!=null&&e.length)return e.length===1?e[0]:i}),S=t.computed(()=>{var o;const e=(o=t.unref(u))==null?void 0:o.key;return!e||(e==null?void 0:e.length)<=1?t.unref(g):(l.options||[]).filter(a=>e.includes(a.value)).map(a=>a.label).join("/")});function x(e){const n=t.unref(u)||{},o=e===i?t.unref(V):j.isDef(e)?[e]:[];r({...n,key:o})}function U(e){var f,v;const n=t.unref(u)||{},o=e.target.value||"",a=o.replace(/[,]+/g,",");if(o!==a){const y=(v=(f=d.value)==null?void 0:f.$el)==null?void 0:v.querySelector("input");y&&(y.value=a)}let s=a.split(",");s.length===1&&s[0]===""&&(s=[]),r({...n,value:s})}function w(e){const n=t.unref(u)||{};let o=e.split(/,|\n/);r({...n,value:o})}function c(){var o;const e=t.unref(u)||{},n=(o=e.value)==null?void 0:o.filter(Boolean);r({...e,value:n})}function I(e){var n;c(),(n=l.onBlur)==null||n.call(l,e)}return(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:p,style:{position:"relative"},onFocus:n[0]||(n[0]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o))},[t.createVNode(t.unref(k.Space).Compact,{block:""},{default:t.withCtx(()=>{var o;return[(o=e.options)!=null&&o.length?(t.openBlock(),t.createBlock(t.unref(E.default),{key:0,style:t.normalizeStyle(e.style),options:b.value,value:q.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:e.disabled,"onUpdate:value":x},null,8,["style","options","value","disabled"])):t.createCommentVNode("",!0),t.createVNode(t.unref(F.ApFieldText),t.mergeProps(t.unref(R.omit)(l,["style","value","onUpdate:value","inputStyle","hasAll","options"]),{ref_key:"inputRef",ref:d,style:e.inputStyle,value:A.value,placeholder:S.value,onInput:U,onBlur:I}),{suffix:t.withCtx(()=>[t.createVNode(T.default,{_parent:p.value,value:C.value,disabled:e.disabled,"onUpdate:value":w,onClose:c},null,8,["_parent","value","disabled"])]),_:1},16,["style","value","placeholder"])]}),_:1})],544))}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue");require("../../ap-field/index.js");const k=require("@aplus-frontend/antdv");require("../../config-provider/index.js");const R=require("lodash-unified");require("./popover-input/index.vue.js");require("../../hooks/index.js");const j=require("../../utils/index.js"),L=require("../../ap-field/hooks/use-default-placeholder.js"),O=require("../../hooks/useControllableValue.js"),P=require("../../config-provider/hooks/use-locale.js"),E=require("../../ap-field/select/index.vue.js"),F=require("../../ap-field/text/index.js"),T=require("./popover-input/index.vue2.js"),p="GROUP_SEARCH_ALL",M=t.defineComponent({__name:"index",props:{style:{type:[Boolean,null,String,Object,Array]},inputStyle:{type:[Boolean,null,String,Object,Array]},options:{},hasAll:{type:Boolean,default:!0},value:{},"onUpdate:value":{},mode:{default:"edit"},class:{},id:{},placeholder:{},autocomplete:{},type:{default:"text"},name:{},size:{},autofocus:{type:Boolean},lazy:{type:Boolean,default:!0},maxlength:{},loading:{type:Boolean},bordered:{type:Boolean,default:!0},showCount:{type:[Boolean,Object]},htmlSize:{},onPressEnter:{},onKeydown:{},onKeyup:{},onMousedown:{},onMouseUp:{},onFocus:{},onBlur:{},onChange:{},onInput:{},onRawInput:{},onCompositionstart:{},onCompositionend:{},valueModifiers:{},hidden:{type:Boolean},status:{},defaultValue:{},inputElement:{},prefixCls:{},disabled:{type:Boolean},focused:{type:Boolean},triggerFocus:{},readonly:{type:Boolean},handleReset:{},addonBefore:{},addonAfter:{},prefix:{},suffix:{},clearIcon:{},allowClear:{type:Boolean,default:!0},emptyText:{default:"--"}},emits:["update:value"],setup(m,{emit:h}){const l=m,g=L.useDefaultPlaceholder("Text",l),B=h,{value:u,updateValue:r}=O.useControllableValue(l,B),i=t.ref(),d=t.ref(),{t:_}=P.useLocale(),b=t.computed(()=>l.options?l.options.length>1&&l.hasAll?[{value:p,label:_("ap.apGroupSearch.all")},...l.options]:l.options:[]),V=t.computed(()=>l.options?l.options.map(e=>e.value):[]),A=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(","):""}),C=t.computed(()=>{var e,n;return(n=(e=t.unref(u))==null?void 0:e.value)!=null&&n.length?t.unref(u).value.join(`
+`):""}),q=t.computed(()=>{var n;const e=(n=t.unref(u))==null?void 0:n.key;if(e!=null&&e.length)return e.length===1?e[0]:p}),S=t.computed(()=>{var o;const e=(o=t.unref(u))==null?void 0:o.key;return!e||(e==null?void 0:e.length)<=1?t.unref(g):(l.options||[]).filter(a=>e.includes(a.value)).map(a=>a.label).join("/")});function x(e){const n=t.unref(u)||{},o=e===p?t.unref(V):j.isDef(e)?[e]:[];r({...n,key:o})}function U(e){var f,v;const n=t.unref(u)||{},o=e.target.value||"",a=o.replace(/[,]+/g,",");if(o!==a){const y=(v=(f=d.value)==null?void 0:f.$el)==null?void 0:v.querySelector("input");y&&(y.value=a)}let s=a.split(",");s.length===1&&s[0]===""&&(s=[]),r({...n,value:s})}function w(e){const n=t.unref(u)||{};let o=e.split(/,|\n/);r({...n,value:o})}function c(){var o;const e=t.unref(u)||{},n=(o=e.value)==null?void 0:o.filter(Boolean);r({...e,value:n})}function I(e){var n;c(),(n=l.onBlur)==null||n.call(l,e)}return(e,n)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"containerRef",ref:i,style:{position:"relative"},onFocus:n[0]||(n[0]=(...o)=>e.onFocus&&e.onFocus(...o)),onBlur:n[1]||(n[1]=(...o)=>e.onBlur&&e.onBlur(...o))},[t.createVNode(t.unref(k.Space).Compact,{block:""},{default:t.withCtx(()=>{var o;return[(o=e.options)!=null&&o.length?(t.openBlock(),t.createBlock(t.unref(E.default),{key:0,style:t.normalizeStyle(e.style),options:b.value,value:q.value,"allow-clear":!1,"dropdown-match-select-width":!1,disabled:e.disabled,"get-popup-container":()=>i.value,"onUpdate:value":x},null,8,["style","options","value","disabled","get-popup-container"])):t.createCommentVNode("",!0),t.createVNode(t.unref(F.ApFieldText),t.mergeProps(t.unref(R.omit)(l,["style","value","onUpdate:value","inputStyle","hasAll","options"]),{ref_key:"inputRef",ref:d,style:e.inputStyle,value:A.value,placeholder:S.value,onInput:U,onBlur:I}),{suffix:t.withCtx(()=>[t.createVNode(T.default,{_parent:i.value,value:C.value,disabled:e.disabled,"onUpdate:value":w,onClose:c},null,8,["_parent","value","disabled"])]),_:1},16,["style","value","placeholder"])]}),_:1})],544))}});exports.default=M;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "0.4.29",
+  "version": "0.4.31",
   "main": "./lib/index.js",
   "type": "module",
   "files": [

package/theme/ap-table/ap-table.css

@@ -450,11 +450,11 @@
   top: 0;
   inset-inline-start: 0;
   cursor: pointer;
-  background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
+  background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
 }
 .aplus-scroll-bar__track--disabled {
   pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: #FAFAFA;
 }
 .aplus-scroll-bar__track--hidden {
   pointer-events: none;

package/theme/ap-table-modal/index.css

@@ -450,11 +450,11 @@
   top: 0;
   inset-inline-start: 0;
   cursor: pointer;
-  background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
+  background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
 }
 .aplus-scroll-bar__track--disabled {
   pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: #FAFAFA;
 }
 .aplus-scroll-bar__track--hidden {
   pointer-events: none;

package/theme/index.css

@@ -1780,11 +1780,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   top: 0;
   inset-inline-start: 0;
   cursor: pointer;
-  background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
+  background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
 }
 .aplus-scroll-bar__track--disabled {
   pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: #FAFAFA;
 }
 .aplus-scroll-bar__track--hidden {
   pointer-events: none;

package/theme/scroll-bar/index.css

@@ -16,11 +16,11 @@
   top: 0;
   inset-inline-start: 0;
   cursor: pointer;
-  background-color: var(--aplus-scroll-bar-track-color, rgba(0, 0, 0, 0.05));
+  background-color: var(--aplus-scroll-bar-track-color, #F2F2F2);
 }
 .aplus-scroll-bar__track--disabled {
   pointer-events: none;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: #FAFAFA;
 }
 .aplus-scroll-bar__track--hidden {
   pointer-events: none;

package/theme/scroll-bar/index.less

@@ -27,10 +27,10 @@
     top: 0;
     inset-inline-start: 0;
     cursor: pointer;
-    background-color:  var(@tc, rgb(0 0 0 / 5%));
+    background-color:  var(@tc, #F2F2F2);
     &--disabled {
       pointer-events: none;
-      background-color: rgb(0 0 0 / 2%);
+      background-color: #FAFAFA;
     }
     &--hidden {
       pointer-events: none;