@aplus-frontend/ui 7.4.5 → 7.6.0

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

@@ -11,6 +11,8 @@ export * from './ap-drawer';
 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';