@aplus-frontend/ui 7.5.0 → 7.6.0

package/es/src/ap-grid/editable/index.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent as W, useSlots as U, ref as y, watch as C, unref as s, createBlock as $, openBlock as q, withCtx as p, createVNode as w, mergeProps as J, createSlots as Q, renderList as X, renderSlot as Y, normalizeProps as Z, guardReactiveProps as M } from "vue";
 import { ApForm as m } from "../../ap-form/index.mjs";
-import { isEqual as ee, isArray as c, isUndefined as ae, isNumber as g, cloneDeep as te, omit as oe } from "lodash-unified";
+import { isEqual as ee, isArray as c, isUndefined as te, isNumber as g, cloneDeep as ae, omit as oe } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import { isDef as b } from "../../utils/index.mjs";
@@ -115,7 +115,7 @@ const Fe = /* @__PURE__ */ W({
       type: Boolean
     },
     rowSelection: {
-      type: Boolean,
+      type: [Boolean, Object],
       default: void 0
     },
     onLoadingChange: {},
@@ -168,55 +168,55 @@ const Fe = /* @__PURE__ */ W({
     expose: x,
     emit: R
   }) {
-    const B = U(), a = v, {
+    const B = U(), t = v, {
       b: S
     } = re("editable-grid"), F = se("editable-grid"), E = R;
     le("EditableGrid")(!1, "breaking", "EditableGrid has been EOL, Please use EditableAgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/editable/) instead.");
     const h = y(), {
       value: u,
       updateValue: N
-    } = ie(a, E), i = y(), V = ue("valueTypeMap"), f = m.useWatch(a.name, i);
+    } = ie(t, E), i = y(), V = ue("valueTypeMap"), f = m.useWatch(t.name, i);
     C(() => f.value, (e) => {
-      N(e), a.onChange?.(e);
+      N(e), t.onChange?.(e);
     }, {
       deep: !0,
       flush: "post"
     }), C(u, (e) => {
-      e !== s(f) && (ee(e, s(f)) || i.value?.setFieldValue(a.name, e));
+      e !== s(f) && (ee(e, s(f)) || i.value?.setFieldValue(t.name, e));
     }, {
       deep: !0
     });
-    const k = ne(a, V);
+    const k = ne(t, V);
     function L() {
       i.value?.resetFields();
     }
     function _(e) {
-      return e ? (c(e) ? e : [e]).map((l) => c(l) ? [a.name, ...l] : [a.name, l]) : void 0;
+      return e ? (c(e) ? e : [e]).map((l) => c(l) ? [t.name, ...l] : [t.name, l]) : void 0;
     }
     async function D(e, n) {
-      return (await i.value?.validateFields(_(e), n))?.[a.name];
+      return (await i.value?.validateFields(_(e), n))?.[t.name];
     }
-    function T(e, n) {
+    function O(e, n) {
       const l = s(u)?.length || 0;
-      if (b(a.maxLength) && l >= a.maxLength)
+      if (b(t.maxLength) && l >= t.maxLength)
         return;
-      const t = {
+      const a = {
         ...e || {}
       };
-      i.value?.setFieldValue?.(a.name, t, !0, (o, r) => {
+      i.value?.setFieldValue?.(t.name, a, !0, (o, r) => {
         if (!o[r]) {
-          o[r] = [t];
+          o[r] = [a];
           return;
         }
-        ae(n) ? o[r].push(t) : o[r].splice(n, 0, t);
+        te(n) ? o[r].push(a) : o[r].splice(n, 0, a);
       });
     }
-    function O(e, n = "suffix") {
-      const l = s(u)?.length || 0, t = g(e) ? e : e.length;
-      if (b(a.maxLength) && l + t > a.maxLength)
+    function T(e, n = "suffix") {
+      const l = s(u)?.length || 0, a = g(e) ? e : e.length;
+      if (b(t.maxLength) && l + a > t.maxLength)
         return;
-      const o = g(e) ? new Array(e).fill(0).map(() => ({})) : te(e);
-      i.value?.setFieldValue?.(a.name, o, !0, (r, d) => {
+      const o = g(e) ? new Array(e).fill(0).map(() => ({})) : ae(e);
+      i.value?.setFieldValue?.(t.name, o, !0, (r, d) => {
         if (!r[d]) {
           r[d] = [...o];
           return;
@@ -226,34 +226,34 @@ const Fe = /* @__PURE__ */ W({
     }
     function j(e) {
       const n = new Set(g(e) ? [e] : e);
-      i.value?.setFieldValue?.(a.name, void 0, !0, (l, t) => {
-        l[t] = l[t].filter((o, r) => !n.has(r));
+      i.value?.setFieldValue?.(t.name, void 0, !0, (l, a) => {
+        l[a] = l[a].filter((o, r) => !n.has(r));
       });
     }
     function A(e) {
       const n = new Set(c(e) ? e : [e]);
-      n.size !== 0 && i.value?.setFieldValue?.(a.name, void 0, !0, (l, t) => {
-        l[t] = l[t].filter((o) => !n.has(o[a.rowKey]));
+      n.size !== 0 && i.value?.setFieldValue?.(t.name, void 0, !0, (l, a) => {
+        l[a] = l[a].filter((o) => !n.has(o[t.rowKey]));
       });
     }
     function z() {
       return s(u);
     }
     function G(e) {
-      i.value?.setFieldValue(a.name, e);
+      i.value?.setFieldValue(t.name, e);
     }
     function I(e) {
       return s(u)?.[e];
     }
     function K(e, n, l = !0) {
-      i.value?.setFieldValue?.(a.name, void 0, !0, (t, o) => {
-        if (!(!t[o] || !t[o][e])) {
+      i.value?.setFieldValue?.(t.name, void 0, !0, (a, o) => {
+        if (!(!a[o] || !a[o][e])) {
           if (!l) {
-            const r = Object.keys(t[o][e]);
+            const r = Object.keys(a[o][e]);
             for (const d of r)
-              d !== a.rowKey && delete t[o][e][d];
+              d !== t.rowKey && delete a[o][e][d];
           }
-          Object.assign(t[o][e], {
+          Object.assign(a[o][e], {
             ...n
           });
         }
@@ -264,17 +264,17 @@ const Fe = /* @__PURE__ */ W({
       h.value?.scrollToRow(n);
     }
     function H() {
-      i.value?.setFieldValue?.(a.name, []);
+      i.value?.setFieldValue?.(t.name, []);
     }
     return x({
       resetFields: L,
       validateFields: D,
-      add: T,
+      add: O,
       remove: j,
       getRowData: I,
       getRowsData: z,
       setRowData: K,
-      addMultiple: O,
+      addMultiple: T,
       scrollTo: P,
       clear: H,
       setTableData: G,
@@ -283,7 +283,7 @@ const Fe = /* @__PURE__ */ W({
       ref_key: "formRef",
       ref: i,
       "initial-values": {
-        [a.name]: s(u)
+        [t.name]: s(u)
       },
       style: {
         height: "100%"
@@ -293,7 +293,7 @@ const Fe = /* @__PURE__ */ W({
         name: e.name,
         "no-style": ""
       }, {
-        default: p(() => [w(de, J(s(oe)(a, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
+        default: p(() => [w(de, J(s(oe)(t, ["name", "value", "onUpdate:value", "maxLength", "onChange", "defaultValue"]), {
           ref_key: "tableRef",
           ref: h,
           class: [s(S)(), s(F)],
@@ -302,9 +302,9 @@ const Fe = /* @__PURE__ */ W({
           "search-form": !1
         }), Q({
           _: 2
-        }, [X(B, (l, t) => ({
-          name: t,
-          fn: p((o) => [Y(e.$slots, t, Z(M(o || {})))])
+        }, [X(B, (l, a) => ({
+          name: a,
+          fn: p((o) => [Y(e.$slots, a, Z(M(o || {})))])
         }))]), 1040, ["class", "columns", "data-source"])]),
         _: 3
       }, 8, ["name"])]),

package/es/src/ap-grid/index.vue.mjs

@@ -90,7 +90,7 @@ const so = /* @__PURE__ */ Qe({
     footerCellConfig: {},
     round: { type: Boolean, default: void 0 },
     columns: {},
-    rowSelection: { type: Boolean },
+    rowSelection: { type: [Boolean, Object] },
     card: { type: Boolean, default: !1 },
     params: {},
     request: {},

package/es/src/ap-table/constants.d.ts

@@ -209,9 +209,9 @@ export declare const apTableFormItemMap: {
                         type: "up" | "down";
                     }) => void) | undefined;
                     readonly type?: string | undefined;
+                    readonly placeholder?: string | undefined;
                     readonly name?: string | undefined;
                     readonly id?: string | undefined;
-                    readonly placeholder?: string | undefined;
                     readonly valueModifiers?: Record<string, any> | undefined;
                     readonly addonBefore?: any;
                     readonly addonAfter?: any;
@@ -918,6 +918,7 @@ export declare const apTableFormItemMap: {
                     readonly direction?: "ltr" | "rtl" | undefined;
                     readonly animation?: string | undefined;
                     readonly children?: VueNode[] | undefined;
+                    readonly placeholder?: any;
                     readonly prefixCls?: string | undefined;
                     readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                     readonly loading?: boolean | undefined;
@@ -928,7 +929,6 @@ export declare const apTableFormItemMap: {
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly virtual?: boolean | undefined;
                     readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                    readonly placeholder?: any;
                     readonly status?: "" | "error" | "warning" | undefined;
                     readonly defaultValue?: (string | number) | LabeledValue | (string | number)[] | LabeledValue[] | undefined;
                     readonly prefix?: any;
@@ -1679,6 +1679,7 @@ export declare const apTableFormItemMap: {
                     readonly onMousedown?: MouseEventHandler | undefined;
                     readonly value?: string | number | undefined;
                     readonly disabled?: boolean | undefined;
+                    readonly placeholder?: string | number | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly name?: string | undefined;
                     readonly loading?: boolean | undefined;
@@ -1689,7 +1690,6 @@ export declare const apTableFormItemMap: {
                     readonly focused?: boolean | undefined;
                     readonly readonly?: boolean | undefined;
                     readonly autocomplete?: string | undefined;
-                    readonly placeholder?: string | number | undefined;
                     readonly maxlength?: number | undefined;
                     readonly showCount?: boolean | ShowCountProps | undefined;
                     readonly htmlSize?: number | undefined;
@@ -2301,6 +2301,7 @@ export declare const apTableFormItemMap: {
                     readonly onMousedown?: MouseEventHandler | undefined;
                     readonly value?: string | number | undefined;
                     readonly disabled?: boolean | undefined;
+                    readonly placeholder?: string | number | undefined;
                     readonly prefixCls?: string | undefined;
                     readonly name?: string | undefined;
                     readonly loading?: boolean | undefined;
@@ -2311,7 +2312,6 @@ export declare const apTableFormItemMap: {
                     readonly focused?: boolean | undefined;
                     readonly readonly?: boolean | undefined;
                     readonly autocomplete?: string | undefined;
-                    readonly placeholder?: string | number | undefined;
                     readonly maxlength?: number | undefined;
                     readonly showCount?: boolean | ShowCountProps | undefined;
                     readonly htmlSize?: number | undefined;
@@ -2515,6 +2515,7 @@ export declare const apTableFormItemMap: {
                     readonly direction?: "ltr" | "rtl" | undefined;
                     readonly animation?: string | undefined;
                     readonly children?: VueNode[] | undefined;
+                    readonly placeholder?: any;
                     readonly prefixCls?: string | undefined;
                     readonly variant?: "filled" | "outlined" | "borderless" | "underlined" | undefined;
                     readonly loading?: boolean | undefined;
@@ -2526,7 +2527,6 @@ export declare const apTableFormItemMap: {
                     readonly getPopupContainer?: RenderDOMFunc | undefined;
                     readonly virtual?: boolean | undefined;
                     readonly dropdownMatchSelectWidth?: number | boolean | undefined;
-                    readonly placeholder?: any;
                     readonly status?: "" | "error" | "warning" | undefined;
                     readonly defaultValue?: unknown;
                     readonly prefix?: any;

package/es/src/business/ap-appendix/icons/file-icon.vue.mjs

@@ -8,9 +8,9 @@ const i = {}, o = {
   viewBox: "0 0 16 16"
 };
 function c(n, Q) {
-  return e(), t("svg", o, Q[0] || (Q[0] = [
+  return e(), t("svg", o, [...Q[0] || (Q[0] = [
     r('<defs><clipPath id="master_svg0_183_82058/183_76208"><rect x="0" y="0" width="16" height="16" rx="0"></rect></clipPath></defs><g clip-path="url(#master_svg0_183_82058/183_76208)"><g><rect x="0" y="0" width="16" height="16" rx="0" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough;"></rect></g><g><path d="M6.4678965625,11.32002357421875L11.4176265625,6.37025357421875Q11.4879565625,6.29993357421875,11.5260165625,6.20804357421875Q11.5640765625,6.11616357421875,11.5640765625,6.0167035742187505Q11.5640765625,5.967463574218749,11.5544665625,5.91916357421875Q11.5448565625,5.87086357421875,11.5260165625,5.82536357421875Q11.5071665625,5.77986357421875,11.4798065625,5.7389235742187505Q11.4524465625,5.69797357421875,11.4176265625,5.66315357421875Q11.3828065625,5.62833357421875,11.3418565625,5.6009735742187505Q11.3009165625,5.57361357421875,11.2554165625,5.55476357421875Q11.2099165625,5.535923574218749,11.1616165625,5.52631357421875Q11.1133165625,5.5167035742187505,11.0640765625,5.5167035742187505Q10.9646165625,5.5167035742187505,10.8727365625,5.55476357421875Q10.7808465625,5.59282357421875,10.7105265625,5.66315357421875L10.7102665625,5.66341357421875L5.7607865625,10.612923574218751Q5.4072265625,10.96648357421875,5.0536665625,10.612923574218751Q4.7001265624999995,10.25935357421875,5.0536765625,9.905773574218749L10.9462265625,4.01326057421875Q11.3855665625,3.57391357421875,12.0068765625,3.57391357421875Q12.6282265625,3.57391357421875,13.0675265625,4.01326157421875Q13.5069265625,4.45258357421875,13.5069265625,5.07391357421875Q13.5069265625,5.69523357421875,13.0675265625,6.13459357421875L7.1749865625,12.02712357421875Q6.4427665625,12.75934357421875,5.4072265625,12.75934357421875Q4.3716865625,12.75934357421875,3.6394565625,12.02712357421875Q2.9072265625,11.29489357421875,2.9072265625,10.25935357421875Q2.9072265625,9.22382357421875,3.6394565625,8.49159357421875L8.5891965625,3.5418455742187502Q8.6595265625,3.47151957421875,8.6975865625,3.37963357421875Q8.735646562500001,3.28774857421875,8.735646562500001,3.18829257421875Q8.735646562500001,3.13904677421875,8.7260365625,3.09074737421875Q8.7164265625,3.04244787421875,8.6975865625,2.99695077421875Q8.6787365625,2.95145357421875,8.651376562500001,2.91050757421875Q8.6240165625,2.86956157421875,8.5891965625,2.83473957421875Q8.5543765625,2.79991757421875,8.513426562500001,2.77255757421875Q8.472476562499999,2.74519857421875,8.4269865625,2.72635257421875Q8.381486562500001,2.70750757421875,8.3331865625,2.69789957421875Q8.284886562499999,2.68829257421875,8.235646562500001,2.68829257421875Q8.1361865625,2.68829257421875,8.0442965625,2.72635257421875Q7.9524165625,2.76441257421875,7.8820865625,2.83473957421875L7.8816965625,2.83512857421875L2.9323545625,7.78448357421875Q1.9072265625,8.80960357421875,1.9072265625,10.25935357421875Q1.9072265625,11.70910357421875,2.9323525625,12.73422357421875Q3.9574765625,13.75931357421875,5.4072265625,13.75931357421875Q6.8569765625,13.75931357421875,7.8820965625,12.73422357421875L13.7746265625,6.8416835742187505Q14.5069265625,6.10944357421875,14.5069265625,5.07391357421875Q14.5069265625,4.03837257421875,13.7746265625,3.30615057421875Q13.0424265625,2.57391357421875,12.0068765625,2.57391357421875Q10.9713365625,2.57391357421875,10.239126562500001,3.30615157421875L4.3465365625,9.19870357421875Q3.9072365625,9.638043574218749,3.9072365625,10.25935357421875Q3.9072365625,10.880663574218751,4.3465565625,11.32002357421875Q4.7859065625,11.75937357421875,5.4072265625,11.75937357421875Q6.0285465625,11.75937357421875,6.4678965625,11.32002357421875Z" fill-rule="evenodd" fill="currentColor" fill-opacity="1"></path></g></g>', 2)
-  ]));
+  ])]);
 }
 const _ = /* @__PURE__ */ l(i, [["render", c]]);
 export {

package/es/src/business/ap-descriptions/style/index.mjs

@@ -30,7 +30,8 @@ const e = (t) => {
           flexShrink: 1,
           minWidth: 0,
           ".ant-typography": {
-            marginBlockEnd: 0
+            marginBlockEnd: 0,
+            flex: 1
           },
           ".ant-typography-ellipsis": {
             maxWidth: "100%"

package/es/src/business/ap-select-layout/select-layout.vue2.mjs

@@ -57,9 +57,9 @@ const X = ["onClick"], se = /* @__PURE__ */ D({
                   open: k.value,
                   "onUpdate:open": n[0] || (n[0] = (l) => k.value = l)
                 }, {
-                  title: c(() => n[3] || (n[3] = [
-                    A("收起")
-                  ])),
+                  title: c(() => [...n[3] || (n[3] = [
+                    A("收起", -1)
+                  ])]),
                   default: c(() => [
                     u(e(G), { onClick: F })
                   ]),
@@ -118,9 +118,9 @@ const X = ["onClick"], se = /* @__PURE__ */ D({
               open: T.value,
               "onUpdate:open": n[2] || (n[2] = (l) => T.value = l)
             }, {
-              title: c(() => n[4] || (n[4] = [
-                A("展开")
-              ])),
+              title: c(() => [...n[4] || (n[4] = [
+                A("展开", -1)
+              ])]),
               default: c(() => [
                 u(e(H), { onClick: F })
               ]),

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

@@ -106,7 +106,7 @@ const xe = /* @__PURE__ */ j({
               cursor: "pointer"
             })
           }, {
-            component: v(() => o[0] || (o[0] = [
+            component: v(() => [...o[0] || (o[0] = [
               t("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
                 "xmlns:xlink": "http://www.w3.org/1999/xlink",
@@ -160,7 +160,7 @@ const xe = /* @__PURE__ */ j({
                   ])
                 ])
               ], -1)
-            ])),
+            ])]),
             _: 1
           }, 8, ["style"])) : c.value && r.value.symbol === "text" ? (a(), _("span", {
             key: 1,

package/es/src/business/ap-upload-file/icon/delete-icon.vue.mjs

@@ -8,7 +8,7 @@ const r = {}, L = {
   viewBox: "0 0 20 20"
 };
 function i(c, o) {
-  return n(), l("svg", L, o[0] || (o[0] = [
+  return n(), l("svg", L, [...o[0] || (o[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {
@@ -19,7 +19,7 @@ function i(c, o) {
         })
       ])
     ], -1)
-  ]));
+  ])]);
 }
 const f = /* @__PURE__ */ t(r, [["render", i]]);
 export {

package/es/src/business/ap-upload-file/icon/file-icon.vue.mjs

@@ -8,9 +8,9 @@ const r = {}, s = {
   viewBox: "0 0 56 56"
 };
 function p(a, t) {
-  return i(), o("svg", s, t[0] || (t[0] = [
+  return i(), o("svg", s, [...t[0] || (t[0] = [
     e('<defs><clipPath id="master_svg0_693_19001"><rect x="0" y="0" width="56" height="56" rx="7"></rect></clipPath><linearGradient id="master_svg1_693_19025" x1="0.5" y1="0" x2="0.5" y2="0.7987817525863647"><stop offset="0%" stop-color="#AED1FF" stop-opacity="1"></stop><stop offset="100%" stop-color="#74B1FF" stop-opacity="1"></stop></linearGradient><linearGradient id="master_svg2_693_19014" x1="0.5" y1="0" x2="0.5" y2="1"><stop offset="0.7142857182770967%" stop-color="#DBEBFF" stop-opacity="1"></stop><stop offset="100%" stop-color="#98C5FF" stop-opacity="1"></stop></linearGradient></defs><g clip-path="url(#master_svg0_693_19001)"><g><g><path d="M49.4644,10.22729L35.1706,10.22729C34.2282,10.22729,33.316,9.89456,32.595,9.287759999999999L29.1746,6.4093C28.0931,5.499102,26.7249,5,25.3113,5L5.5,5C3.29086,5,1.5,6.79086,1.5,9L1.5,45L54.4995,45L54.5,15.2852C54.5,12.49165,52.2455,10.22729,49.4644,10.22729Z" fill="url(#master_svg1_693_19025)" fill-opacity="1"></path></g><g><path d="M10.5,13L45.5,13C46.6046,13,47.5,13.895431,47.5,15L47.5,35.9999L8.5,36L8.5,15C8.5,13.895431,9.395431,13,10.5,13" fill="#FFFFFF" fill-opacity="0.30000001192092896"></path></g><g><path d="M8.5,17L47.5,17C48.6046,17,49.5,17.895431,49.5,19L49.5,41.9998L6.5,42L6.5,19C6.5,17.895431,7.395431,17,8.5,17" fill="#F9FCFF" fill-opacity="1"></path></g><g><rect x="14.5" y="21" width="15" height="2" rx="1" fill="#8DBFFF" fill-opacity="0.30000001192092896"></rect></g><g><rect x="14.5" y="27" width="28" height="2" rx="1" fill="#8DBFFF" fill-opacity="0.6000000238418579"></rect></g><g><path d="M1.5,37L1.5,48C1.5,50.2091,3.29086,52,5.5,52L50.5,52C52.7091,52,54.5,50.2091,54.5,48L54.5,37C54.5,35.34315,53.1569,34,51.5,34L4.5,34C2.84315,34,1.5,35.34315,1.5,37Z" fill="url(#master_svg2_693_19014)" fill-opacity="1"></path></g></g></g>', 2)
-  ]));
+  ])]);
 }
 const g = /* @__PURE__ */ l(r, [["render", p]]);
 export {

package/es/src/business/ap-view/icons/line-delete.vue.mjs

@@ -10,7 +10,7 @@ const r = {}, L = {
   viewBox: "0 0 14 14"
 };
 function i(s, t) {
-  return n(), l("svg", L, t[0] || (t[0] = [
+  return n(), l("svg", L, [...t[0] || (t[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {
@@ -21,7 +21,7 @@ function i(s, t) {
         })
       ])
     ], -1)
-  ]));
+  ])]);
 }
 const f = /* @__PURE__ */ o(r, [["render", i]]);
 export {

package/es/src/business/ap-view/icons/line-down.vue.mjs

@@ -10,7 +10,7 @@ const r = {}, i = {
   viewBox: "0 0 14 14"
 };
 function s(c, n) {
-  return t(), o("svg", i, n[0] || (n[0] = [
+  return t(), o("svg", i, [...n[0] || (n[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {
@@ -21,7 +21,7 @@ function s(c, n) {
         })
       ])
     ], -1)
-  ]));
+  ])]);
 }
 const d = /* @__PURE__ */ l(r, [["render", s]]);
 export {

package/es/src/business/ap-view/icons/line-eye.vue.mjs

@@ -10,7 +10,7 @@ const l = {}, r = {
   viewBox: "0 0 16 16"
 };
 function i(s, t) {
-  return o(), n("svg", r, t[0] || (t[0] = [
+  return o(), n("svg", r, [...t[0] || (t[0] = [
     e("g", null, [
       e("g", null, [
         e("path", {
@@ -21,7 +21,7 @@ function i(s, t) {
         })
       ])
     ], -1)
-  ]));
+  ])]);
 }
 const w = /* @__PURE__ */ Q(l, [["render", i]]);
 export {

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

@@ -45,6 +45,7 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly onMousedown?: MouseEventHandler | undefined;
             readonly value?: string | number | undefined;
             readonly disabled?: boolean | undefined;
+            readonly placeholder?: string | number | undefined;
             readonly prefixCls?: string | undefined;
             readonly name?: string | undefined;
             readonly loading?: boolean | undefined;
@@ -55,7 +56,6 @@ declare const _default: DefineComponent<BatchInputGroupProps, {}, {}, {}, {}, Co
             readonly focused?: boolean | undefined;
             readonly readonly?: boolean | undefined;
             readonly autocomplete?: string | undefined;
-            readonly placeholder?: string | number | undefined;
             readonly maxlength?: number | undefined;
             readonly showCount?: boolean | ShowCountProps | undefined;
             readonly htmlSize?: number | undefined;

package/es/src/design-token/interface.d.ts

@@ -14,6 +14,7 @@ import { ApRadioGroupToken } from '../business/ap-radio-group/style';
 import { ApGridToken } from '../ap-grid/style';
 import { TokenUtil } from '../utils/cssinjs/TokenUtil';
 import { LoadingBarToken } from '../loading-bar/style';
+import { HighlightToken } from '../highlight/style';
 /** 基础token */
 export type BaseToken = {
     /**
@@ -154,6 +155,7 @@ export type ComponentsToken = {
     ApRadioGroup: ApRadioGroupToken;
     ApGrid: ApGridToken;
     LoadingBar: LoadingBarToken;
+    Highlight: HighlightToken;
 };
 /** 全量token */
 export type FullToken = BaseToken & {

package/es/src/highlight/index.d.ts

@@ -0,0 +1,3 @@
+import { default as Highlight } from './index.vue';
+export * from './interface';
+export { Highlight };

package/es/src/highlight/index.mjs

@@ -0,0 +1,2 @@
+import "./index.vue2.mjs";
+import "./interface.mjs";

package/es/src/highlight/index.vue.d.ts

@@ -0,0 +1,31 @@
+import { HighlightProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Partial<{
+        default: (options: {
+            text: string;
+        }) => any;
+        keywords: (options: {
+            text: string;
+        }) => any;
+    }>> & Partial<{
+        default: (options: {
+            text: string;
+        }) => any;
+        keywords: (options: {
+            text: string;
+        }) => any;
+    }>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<HighlightProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<HighlightProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/highlight/index.vue.mjs

@@ -0,0 +1,49 @@
+import { defineComponent as v, computed as c, createElementBlock as s, openBlock as n, normalizeClass as p, unref as i, Fragment as u, renderList as C, renderSlot as d, createTextVNode as m, toDisplayString as y } from "vue";
+import "../config-provider/index.mjs";
+import S from "./style/index.mjs";
+import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
+const B = { key: 1 }, N = /* @__PURE__ */ v({
+  name: "Highlight",
+  __name: "index",
+  props: {
+    content: {},
+    keywords: {},
+    ignoreCase: { type: Boolean }
+  },
+  setup(g) {
+    const o = g, { b: h, e: k } = $("highlight"), f = S("highlight"), l = c(() => {
+      const e = o.keywords;
+      if (!e)
+        return null;
+      let t = Array.isArray(e) ? e : [e];
+      return t = t.sort((r, a) => a.length - r.length), new RegExp(
+        `(${t.join("|")})`,
+        `${o.ignoreCase ? "i" : ""}g`
+      );
+    }), w = c(() => {
+      const e = o.content;
+      return !l.value || !e ? [{ keywords: !1, text: e }] : e.split(l.value).map((t) => ({ keywords: l.value.test(t), text: t }));
+    });
+    return (e, t) => (n(), s("div", {
+      class: p([i(h)(), i(f)])
+    }, [
+      (n(!0), s(u, null, C(w.value, ({ text: r, keywords: a }, _) => (n(), s(u, { key: _ }, [
+        a ? (n(), s("span", {
+          key: 0,
+          class: p(i(k)("keywords"))
+        }, [
+          d(e.$slots, "keywords", { text: r }, () => [
+            m(y(r), 1)
+          ])
+        ], 2)) : (n(), s("span", B, [
+          d(e.$slots, "default", { text: r }, () => [
+            m(y(r), 1)
+          ])
+        ]))
+      ], 64))), 128))
+    ], 2));
+  }
+});
+export {
+  N as default
+};

package/es/src/highlight/index.vue2.mjs

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

package/es/src/highlight/interface.d.ts

@@ -0,0 +1,14 @@
+export type HighlightProps = {
+    /**
+     * 当前渲染的段落内容
+     */
+    content: string;
+    /**
+     * 需要高亮的关键字
+     */
+    keywords?: string | string[];
+    /**
+     * 是否忽略大小写
+     */
+    ignoreCase?: boolean;
+};

package/es/src/highlight/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/highlight/style/index.d.ts

@@ -0,0 +1,8 @@
+import { ComputedRef } from 'vue';
+export type HighlightToken = {
+    highlightKeywordsColor: string;
+    highlightKeywordsBackground: string;
+    highlightKeywordsPadding: string | number;
+};
+declare const _default: (prefixCls: string) => ComputedRef<string>;
+export default _default;

package/es/src/highlight/style/index.mjs

@@ -0,0 +1,23 @@
+import { resetComponent as g } from "../../style/index.mjs";
+import { genComponentStyleHook as h } from "../../utils/cssinjs/index.mjs";
+const i = (o) => ({
+  [o.componentCls]: {
+    ...g(o),
+    [`${o.componentCls}__keywords`]: {
+      color: o.highlightKeywordsColor,
+      background: o.highlightKeywordsBackground,
+      paddingInline: o.highlightKeywordsPadding
+    }
+  }
+}), d = h(
+  "Highlight",
+  (o) => [i(o)],
+  {
+    highlightKeywordsColor: "#faad14",
+    highlightKeywordsBackground: "transparent",
+    highlightKeywordsPadding: 2
+  }
+);
+export {
+  d as default
+};

package/es/src/index.d.ts

@@ -12,6 +12,7 @@ export * from './ap-pro-card';
 export * from './loading-bar';
 export * from './render';
 export * from './time-ago';
+export * from './highlight';
 export * from './business';
 export * from './ap-table';
 export * from './editable-table';