@aplus-frontend/ui 0.6.0-beta.9 → 0.6.1

package/es/src/business/ap-expand-alert/ApExpandAlert.vue2.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as K, computed as c, ref as w, watch as x, nextTick as f, createElementBlock as i, openBlock as a, normalizeClass as n, unref as t, createVNode as b, withCtx as m, createElementVNode as S, normalizeStyle as y, renderSlot as H, createBlock as $, toDisplayString as u, resolveDynamicComponent as I, Fragment as C, renderList as W, createCommentVNode as L, createTextVNode as j } from "vue";
-import { DownOutlined as J } from "@ant-design/icons-vue";
-import { Alert as P, Tooltip as Q } from "@aplus-frontend/antdv";
-import { ApActionItem as U } from "../../ap-action/index.mjs";
+import { defineComponent as K, computed as c, ref as g, watch as x, nextTick as f, onMounted as W, createElementBlock as i, openBlock as a, normalizeClass as n, unref as t, createVNode as b, withCtx as m, createElementVNode as S, normalizeStyle as y, renderSlot as H, createBlock as $, toDisplayString as u, resolveDynamicComponent as I, Fragment as C, renderList as j, createCommentVNode as L, createTextVNode as J } from "vue";
+import { DownOutlined as P } from "@ant-design/icons-vue";
+import { Alert as Q, Tooltip as U } from "@aplus-frontend/antdv";
+import { ApActionItem as X } from "../../ap-action/index.mjs";
 import "../../config-provider/index.mjs";
-import { isNil as X, isString as E } from "lodash-unified";
-import { useLocale as Y } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as Z } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
-const ee = ["onClick"], de = /* @__PURE__ */ K({
+import { isNil as Y, isString as E } from "lodash-unified";
+import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as _ } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as ee } from "../../config-provider/hooks/use-global-config.mjs";
+const te = ["onClick"], ce = /* @__PURE__ */ K({
   __name: "ApExpandAlert",
   props: {
     type: { default: "warning" },
@@ -24,11 +24,11 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
     showIcon: { type: Boolean, default: !0 }
   },
   emits: ["choose", "expand"],
-  setup(z, { expose: D, emit: V }) {
-    const A = V, p = z, { t: B } = Y(), M = c(() => {
+  setup(z, { expose: D, emit: M }) {
+    const A = M, p = z, { t: B } = Z(), V = c(() => {
       if (p.type != "card")
         return p.type;
-    }), l = w(""), d = w(null), R = c(() => ({
+    }), l = g(""), d = g(null), R = c(() => ({
       fontWeight: "400",
       wordBreak: "break-all",
       overflow: "hidden",
@@ -40,7 +40,7 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
     function q() {
       l.value === "1" ? (l.value = "", A("expand", "expand")) : (l.value = "1", A("expand", "collapse"));
     }
-    const F = c(() => l.value === "1" ? B("ap.apExpandAlert.expand") : B("ap.apExpandAlert.collapse")), h = w(!0), N = c(() => l.value !== "1");
+    const F = c(() => l.value === "1" ? B("ap.apExpandAlert.expand") : B("ap.apExpandAlert.collapse")), h = g(!0), N = c(() => l.value !== "1");
     function v(e) {
       e ? l.value = "" : l.value = "1";
     }
@@ -49,10 +49,10 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
       () => {
         l.value = "", f(() => {
           if (d.value) {
-            const e = Number(d.value.clientHeight), s = Number(
+            const e = Number(d.value.clientHeight), r = Number(
               parseInt(d.value.style.lineHeight)
             );
-            e < s * Number(p.rows) && N.value ? h.value = !1 : h.value = !0;
+            e < r * Number(p.rows) && N.value ? h.value = !1 : h.value = !0;
           }
         });
       },
@@ -69,48 +69,50 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
         });
       },
       { immediate: !0 }
-    ), x(
-      () => p.contentStyle,
-      (e) => {
-        X(e.lineHeight) || f(() => {
-          const s = document.querySelector(
-            `#${k} .ant-alert-action`
-          ), r = document.querySelector(
-            `#${k} .ant-alert-icon`
-          );
-          console.log(s), s && s.setAttribute("style", `line-height: ${e.lineHeight}`), r && r.setAttribute("style", `line-height: ${e.lineHeight}`);
-        });
-      },
-      {
-        deep: !0,
-        immediate: !0,
-        flush: "post"
-      }
-    );
-    const { b: T, e: o, m: O } = Z("ap-expand-alert"), k = `${T()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`, G = _("uiMode", "aplus");
+    ), W(() => {
+      x(
+        () => p.contentStyle,
+        (e) => {
+          Y(e.lineHeight) || f(() => {
+            const r = document.querySelector(
+              `#${k} .ant-alert-action`
+            ), s = document.querySelector(
+              `#${k} .ant-alert-icon`
+            );
+            r && r.setAttribute("style", `line-height: ${e.lineHeight}`), s && s.setAttribute("style", `line-height: ${e.lineHeight}`);
+          });
+        },
+        {
+          deep: !0,
+          immediate: !0,
+          flush: "post"
+        }
+      );
+    });
+    const { b: T, e: o, m: O } = _("ap-expand-alert"), k = `${T()}-key-${Date.now()}-${(Math.random() * 1e6).toFixed(0)}`, G = ee("uiMode", "aplus");
     return D({
       setExpand: v
-    }), (e, s) => (a(), i("div", {
+    }), (e, r) => (a(), i("div", {
       id: k,
       class: n([t(T)(), `${t(O)(t(G))}`])
     }, [
-      b(t(P), {
-        type: M.value,
+      b(t(Q), {
+        type: V.value,
         "show-icon": e.showIcon,
         class: n([t(o)("antAlert"), e.type == "card" ? "card-alert" : ""])
       }, {
         action: m(() => [
-          h.value ? (a(), $(t(U), {
+          h.value ? (a(), $(t(X), {
             key: 0,
             size: "small",
             style: { "font-size": "12px", "padding-left": "16px" },
-            onClick: s[0] || (s[0] = (r) => q())
+            onClick: r[0] || (r[0] = (s) => q())
           }, {
             default: m(() => [
               S("span", {
                 class: n(t(o)("expandText"))
               }, u(F.value), 3),
-              b(t(J), {
+              b(t(P), {
                 class: n(N.value ? t(o)("expandIcon") : t(o)("collapseIcon"))
               }, null, 8, ["class"])
             ]),
@@ -136,30 +138,30 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
               t(E)(e.data) ? (a(), i("span", {
                 key: 2,
                 class: n(t(o)("text"))
-              }, u(e.data), 3)) : (a(!0), i(C, { key: 3 }, W(e.data, (r, g) => (a(), i(C, { key: g }, [
-                b(t(Q), {
+              }, u(e.data), 3)) : (a(!0), i(C, { key: 3 }, j(e.data, (s, w) => (a(), i(C, { key: w }, [
+                b(t(U), {
                   title: e.tipTitle ? e.tipTitle : null
                 }, {
                   default: m(() => [
                     H(e.$slots, "item", {
-                      record: r,
-                      index: g
+                      record: s,
+                      index: w
                     }, () => [
                       S("span", {
                         class: n(t(o)("showItem")),
-                        onClick: (te) => e.$emit("choose", r)
-                      }, u(e.mapLabel ? r[e.mapLabel] : r), 11, ee)
+                        onClick: (ae) => e.$emit("choose", s)
+                      }, u(e.mapLabel ? s[e.mapLabel] : s), 11, te)
                     ])
                   ]),
                   _: 2
                 }, 1032, ["title"]),
-                g !== e.data.length - 1 ? (a(), i("span", {
+                w !== e.data.length - 1 ? (a(), i("span", {
                   key: 0,
                   class: n(t(o)("spliter")),
                   style: y(e.separatorStyle)
                 }, [
                   t(E)(e.separator) ? (a(), i(C, { key: 0 }, [
-                    j(u(e.separator), 1)
+                    J(u(e.separator), 1)
                   ], 64)) : (a(), $(I(e.separator), { key: 1 }))
                 ], 6)) : L("", !0)
               ], 64))), 128))
@@ -172,5 +174,5 @@ const ee = ["onClick"], de = /* @__PURE__ */ K({
   }
 });
 export {
-  de as default
+  ce as default
 };

package/es/src/business/ap-keep-alive/cacher/cacher.d.ts

@@ -0,0 +1,10 @@
+import { Recordable } from '../../../type';
+import { cacheDataArrType, CacheInterface, PropertyKeyType } from '../interface';
+export default class Cache implements CacheInterface {
+    store: Map<PropertyKeyType, Map<string, any>>;
+    constructor();
+    get(node: PropertyKeyType): Map<string, Recordable> | undefined;
+    set(node: PropertyKeyType, data: cacheDataArrType): void;
+    has(node: PropertyKeyType): boolean;
+    del(node: PropertyKeyType): boolean;
+}

package/es/src/business/ap-keep-alive/cacher/lru-cacher.d.ts

@@ -0,0 +1,16 @@
+import { CacheInterface, PropertyKeyType, cacheDataArrType } from '../interface';
+export declare class LruCacher implements CacheInterface {
+    store: Map<PropertyKeyType, Map<PropertyKeyType, any>>;
+    maxSize: number;
+    isExpired: boolean;
+    expiredTimer: ReturnType<typeof setTimeout> | null;
+    constructor(max?: number);
+    changeMaxSize(maxSize: number): void;
+    expireCheck(): void;
+    has(ModelKey: PropertyKeyType): boolean;
+    get(ModelKey: PropertyKeyType): Map<PropertyKey, any> | null | undefined;
+    set(ModelKey: PropertyKeyType, value: Map<string, any> | cacheDataArrType): void;
+    del(ModelKey: PropertyKeyType): void;
+    clear(): void;
+}
+export default LruCacher;

package/es/src/business/ap-keep-alive/cacher/lru-cacher.mjs

@@ -0,0 +1,43 @@
+class r {
+  constructor(e = 50) {
+    this.store = /* @__PURE__ */ new Map(), this.maxSize = e, this.isExpired = !1, this.expiredTimer = null;
+  }
+  changeMaxSize(e) {
+    this.maxSize = e;
+  }
+  expireCheck() {
+    this.isExpired && (clearTimeout(this.expiredTimer), this.expiredTimer = setTimeout(() => {
+      this.isExpired = !1;
+    }));
+  }
+  has(e) {
+    return this.expireCheck(), this.store.has(e);
+  }
+  get(e) {
+    if (this.expireCheck(), !this.has(e))
+      return null;
+    const s = this.store.get(e);
+    return this.store.delete(e), this.store.set(e, s), s;
+  }
+  set(e, s) {
+    if (this.expireCheck(), !this.isExpired) {
+      if (this.has(e))
+        this.store.delete(e);
+      else if (this.store.size >= this.maxSize) {
+        const t = this.store.keys().next().value;
+        t && this.store.delete(t);
+      }
+      Array.isArray(s) && (s = new Map(s)), this.store.set(e, s);
+    }
+  }
+  del(e) {
+    this.isExpired = !0, this.store.delete(e);
+  }
+  clear() {
+    this.store.clear();
+  }
+}
+export {
+  r as LruCacher,
+  r as default
+};

package/es/src/business/ap-keep-alive/hook.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+import { CacheInterface, PropertyKeyType } from './interface';
+type DataModel = {
+    getter: (key?: string) => Promise<any>;
+    setter: (key: string, data: any) => Promise<any>;
+    has: (key?: string) => Promise<any>;
+};
+export declare const useApKeepAliveProvide: (cache: CacheInterface, currentModuleKey: Ref<PropertyKeyType>) => void;
+export declare const useApKeepAliveInject: () => DataModel;
+export {};

package/es/src/business/ap-keep-alive/hook.mjs

@@ -0,0 +1,33 @@
+import { provide as v, nextTick as i, inject as o } from "vue";
+const a = Symbol("ApKeepAliveProvideKey"), f = (s, r) => {
+  v(a, {
+    getter: async (e) => {
+      await i();
+      const t = s.get(r.value);
+      return t ? e ? t == null ? void 0 : t.get(e) : Object.fromEntries(t) : {};
+    },
+    setter: async (e, t) => {
+      await i();
+      let n = s.get(r.value);
+      return n || (n = /* @__PURE__ */ new Map(), s.set(r.value, n)), n == null ? void 0 : n.set(e, t);
+    },
+    has: async (e) => {
+      if (await i(), e) {
+        const t = s.get(r.value);
+        return !!(t != null && t.has(e));
+      }
+      return s.has(r.value);
+    }
+  });
+}, l = () => o(a, {
+  getter: async () => {
+  },
+  setter: async () => {
+  },
+  has: async () => {
+  }
+});
+export {
+  l as useApKeepAliveInject,
+  f as useApKeepAliveProvide
+};

package/es/src/business/ap-keep-alive/index.d.ts

@@ -0,0 +1,108 @@
+import { LruCacher } from './cacher/lru-cacher';
+import { useApKeepAliveInject } from './hook';
+import { matches as isNameMatches } from './utils';
+import { CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, VNode, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps, Plugin } from 'vue';
+import { CacheInterface, MatchPattern } from './interface';
+export * from './interface';
+declare const ApKeepAlive: {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
+        store: {
+            type: PropType<CacheInterface>;
+        };
+        debug: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: PropType<number>;
+            default: number;
+        };
+        exclude: {
+            type: PropType<MatchPattern>;
+        };
+        include: {
+            type: PropType<MatchPattern>;
+        };
+        stopTags: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        max: number;
+        debug: boolean;
+        stopTags: string[];
+    }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        store: {
+            type: PropType<CacheInterface>;
+        };
+        debug: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: PropType<number>;
+            default: number;
+        };
+        exclude: {
+            type: PropType<MatchPattern>;
+        };
+        include: {
+            type: PropType<MatchPattern>;
+        };
+        stopTags: {
+            type: PropType<string[]>;
+            default: () => never[];
+        };
+    }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
+        [key: string]: any;
+    }>[] | undefined, {}, {}, {}, {
+        max: number;
+        debug: boolean;
+        stopTags: string[];
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    store: {
+        type: PropType<CacheInterface>;
+    };
+    debug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<number>;
+        default: number;
+    };
+    exclude: {
+        type: PropType<MatchPattern>;
+    };
+    include: {
+        type: PropType<MatchPattern>;
+    };
+    stopTags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    max: number;
+    debug: boolean;
+    stopTags: string[];
+}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & ( Plugin & (new (...args: any[]) => {
+    $props: {
+        onClick?: () => void;
+    };
+}));
+export { ApKeepAlive, LruCacher, useApKeepAliveInject, isNameMatches };

package/es/src/business/ap-keep-alive/index.mjs

@@ -0,0 +1,15 @@
+import { withInstall as e } from "@aplus-frontend/utils";
+import o from "./keep-alive.mjs";
+import { LruCacher as i } from "./cacher/lru-cacher.mjs";
+import { useApKeepAliveInject as a } from "./hook.mjs";
+import { matches as c } from "./utils.mjs";
+import { ApKeepAliveProps as x, forceStopTags as h } from "./interface.mjs";
+const t = e(o);
+export {
+  t as ApKeepAlive,
+  x as ApKeepAliveProps,
+  i as LruCacher,
+  h as forceStopTags,
+  c as isNameMatches,
+  a as useApKeepAliveInject
+};

package/es/src/business/ap-keep-alive/interface.d.ts

@@ -0,0 +1,36 @@
+import { PropType } from 'vue';
+import { Recordable } from '../../type';
+export type PropertyKeyType = PropertyKey;
+export interface CacheInterface {
+    get: (key: PropertyKeyType) => any;
+    set: (key: PropertyKeyType, data: any) => any;
+    has: (key: PropertyKeyType) => boolean;
+    del: (key: PropertyKeyType) => any;
+    [key: string]: any;
+}
+export type cacheDataArrType = [string, Recordable<any>][];
+export type MatchPattern = string | RegExp | (string | RegExp)[];
+export declare const ApKeepAliveProps: () => {
+    store: {
+        type: PropType<CacheInterface>;
+    };
+    debug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<number>;
+        default: number;
+    };
+    exclude: {
+        type: PropType<MatchPattern>;
+    };
+    include: {
+        type: PropType<MatchPattern>;
+    };
+    stopTags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+};
+export declare const forceStopTags: string[];

package/es/src/business/ap-keep-alive/interface.mjs

@@ -0,0 +1,54 @@
+const e = () => ({
+  store: {
+    type: Object
+  },
+  debug: {
+    type: Boolean,
+    default: !1
+  },
+  max: {
+    type: Number,
+    default: 30
+  },
+  exclude: {
+    type: Array
+  },
+  include: {
+    type: Array
+  },
+  stopTags: {
+    type: Array,
+    default: () => []
+  }
+}), t = [
+  "ATable",
+  "ApKeepAlive",
+  "EditableTable",
+  "EditableTableInner",
+  "ApFormSearchForm",
+  "VxeTable",
+  "RouterView",
+  "APagination",
+  "ApTablePagination",
+  "ApView",
+  "ApTitle",
+  "span",
+  "svg",
+  "iframe",
+  "ApTableSetting",
+  "ApDescriptions",
+  "ApList",
+  "ApTable",
+  "ApGrid",
+  "ApBatchActionGroup",
+  "ApBatchAction",
+  "EditableGrid",
+  //todo  EditableGridFormItem 改名
+  // 'ApFormItem',
+  "AFormItem"
+  // 'AForm', 不能忽略，有嵌套情况
+];
+export {
+  e as ApKeepAliveProps,
+  t as forceStopTags
+};

package/es/src/business/ap-keep-alive/keep-alive.d.ts

@@ -0,0 +1,54 @@
+import { VNode, DefineComponent, ExtractPropTypes, PropType, RendererNode, RendererElement, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { CacheInterface, MatchPattern } from './interface';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    store: {
+        type: PropType<CacheInterface>;
+    };
+    debug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<number>;
+        default: number;
+    };
+    exclude: {
+        type: PropType<MatchPattern>;
+    };
+    include: {
+        type: PropType<MatchPattern>;
+    };
+    stopTags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>, () => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    store: {
+        type: PropType<CacheInterface>;
+    };
+    debug: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: PropType<number>;
+        default: number;
+    };
+    exclude: {
+        type: PropType<MatchPattern>;
+    };
+    include: {
+        type: PropType<MatchPattern>;
+    };
+    stopTags: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    max: number;
+    debug: boolean;
+    stopTags: string[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;