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

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

@@ -0,0 +1,154 @@
+import { defineComponent as j, getCurrentInstance as M, ref as E, onMounted as z, onUpdated as F, onBeforeUnmount as L, onBeforeUpdate as O } from "vue";
+import I from "./keeper/index.mjs";
+import { matches as D, getAliveKey as T, isNoValue as W, getVNodeObjByVNodeChild as b, getVNodeObjByVNodeArrayChildren as K, getVNodeChirldren as w, getFirstVNodeChirldren as x } from "./utils.mjs";
+import { catchWrapper as B, measureWrapper as A } from "@aplus-frontend/utils";
+import { LruCacher as C } from "./cacher/lru-cacher.mjs";
+import { forceStopTags as R, ApKeepAliveProps as _ } from "./interface.mjs";
+import { throttle as S } from "lodash-unified";
+import { useApKeepAliveProvide as $ } from "./hook.mjs";
+const c = console, a = "|", te = j({
+  name: "ApKeepAlive",
+  inheritAttrs: !1,
+  props: _(),
+  setup(o, { slots: h }) {
+    const g = M(), v = (e) => !(o.include && (!e || !D(o.include, e)) || o.exclude && e && D(o.exclude, e)), d = o.store || new C(o.max), u = E("");
+    let m = "";
+    const k = /* @__PURE__ */ new Set([...R, ...o.stopTags]), p = (e, n = "") => {
+      var f;
+      const t = [];
+      if (!e) return t;
+      const { VnodeName: i, vnodeSubPath: s } = T(
+        e,
+        u.value
+      );
+      s && (n += a + s);
+      const l = I[i];
+      if (l) {
+        const r = l.get(e);
+        !W(r) && t.push([n, r]);
+      }
+      if (k.has(i))
+        return o.debug && c.log("[ stop-VnodeName ] >", i, n), t;
+      if (e.children)
+        if (Array.isArray(e.children))
+          e.children.forEach((r) => {
+            r = b(r), r && t.push(...p(r, n));
+          });
+        else {
+          const r = K(e.children);
+          r && t.push(...p(r, n));
+        }
+      return (f = e.component) != null && f.subTree && t.push(...p(e.component.subTree, n)), t;
+    }, N = async (e, n, t = "") => {
+      var f;
+      if (!e || !n || (n == null ? void 0 : n.size) < 1) return;
+      const { VnodeName: i, vnodeSubPath: s } = T(
+        e,
+        u.value
+      );
+      s && (t += a + s);
+      const l = I[i];
+      if (l) {
+        o.debug && c.log("[ vnkeeper ] >", i, e.key);
+        const r = t.split(a).slice(-1).join(a), U = n.get(r);
+        await l.set(e, U);
+      }
+      if (k.has(i)) {
+        o.debug && c.log("[ stop VnodeName ] >", i, t);
+        return;
+      }
+      if (e.children)
+        if (Array.isArray(e.children))
+          e.children.forEach((r) => {
+            r = b(r), r && N(r, n, t);
+          });
+        else {
+          const r = K(e.children);
+          r && N(r, n, t);
+        }
+      (f = e.component) != null && f.subTree && N(e.component.subTree, n, t);
+    }, V = S(() => {
+      B(() => {
+        const e = w(g), n = x(e), t = b(n);
+        if (!t || typeof t.type == "string" || (typeof t.type == "object" && "name" in t.type && (m = t.type.name || ""), u.value = t.key || m || "", !v(m)) || !u.value)
+          return;
+        const i = d.get(u.value);
+        N(t, i), c.log(
+          "resetDataInVNode",
+          g.vnode.key,
+          u.value,
+          i
+        );
+      });
+    }, 100, {
+      trailing: !1
+    });
+    z(() => {
+      if (o.debug) {
+        c.log("[ onMounted ] >", o.exclude), A(() => {
+          V();
+        });
+        return;
+      }
+      V();
+    }), F(() => {
+      if (o.debug) {
+        c.log("[ onUpdated ] >", o.exclude), A(() => {
+          V();
+        });
+        return;
+      }
+      V();
+    });
+    const y = S(() => {
+      B(() => {
+        const e = w(g), n = x(e), t = b(n);
+        if (!t) return;
+        if (!u.value) {
+          c.warn(
+            "ap-keep-alive  子组件 key 不存在，请检查组件是否设置了 key"
+          );
+          return;
+        }
+        if (!v(m)) return;
+        let i = p(t);
+        i = i.map((l) => [l[0].split(a).slice(-1).join(a), l[1]]);
+        const s = i.map((l) => l[0]);
+        s.length > new Set(s).size && c.warn(
+          "需要缓存的路径重复请合理设置组件key,保证在当前ApKeepAlive模块下唯一",
+          s
+        ), d.set(u.value, new Map(i)), o.debug && c.log(
+          "[ loadDataInVNode ] >",
+          g.vnode.key,
+          u.value,
+          d.get(u.value)
+        );
+      });
+    }, 100, {
+      trailing: !1
+    });
+    return L(() => {
+      if (o.debug) {
+        c.log("[ onBeforeUnmount ] >"), A(() => {
+          y();
+        });
+        return;
+      }
+      y();
+    }), O(() => {
+      if (o.debug) {
+        c.log("[ onBeforeUpdate ] >"), A(() => {
+          y();
+        });
+        return;
+      }
+      y();
+    }), $(d, u), () => {
+      var e;
+      return (e = h.default) == null ? void 0 : e.call(h);
+    };
+  }
+});
+export {
+  te as default
+};

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

@@ -0,0 +1,7 @@
+import { VNode } from 'vue';
+import { Recordable } from '../../../type';
+declare const _default: {
+    get(node: VNode): Recordable | undefined;
+    set(node: VNode, data: Recordable): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-form-keeper.mjs

@@ -0,0 +1,21 @@
+import { nextTick as r } from "vue";
+import { isNoValue as s } from "../utils.mjs";
+const p = {
+  get(n) {
+    var o;
+    let e;
+    const t = (o = n.component) == null ? void 0 : o.exposed;
+    return t && (e = t.getFieldsValue()), e;
+  },
+  set(n, e) {
+    var o;
+    if (s(e)) return;
+    const t = (o = n.component) == null ? void 0 : o.exposed;
+    t && r(() => {
+      t.setFieldsValue(e);
+    });
+  }
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,14 @@
+import { VNode } from 'vue';
+import { Recordable } from '../../../type';
+declare const _default: {
+    get(node: VNode): {
+        selectedKeys: any[];
+        data: Recordable | undefined;
+        pagination: Partial<{
+            current: number;
+            pageSize: number;
+        }> | undefined;
+    };
+    set(node: VNode, { data, pagination }: Recordable): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-grid-keeper.mjs

@@ -0,0 +1,27 @@
+import { unref as g } from "vue";
+import { isNoValue as l } from "../utils.mjs";
+const u = {
+  get(r) {
+    var c, a, i;
+    let e, t, o = [];
+    const s = ((c = r.props) == null ? void 0 : c.rowKey) || "key", n = (a = r.component) == null ? void 0 : a.exposed;
+    return n && (e = n.getSearchFormValues(), o = g((i = n.rowSelection) == null ? void 0 : i.selectedRows).map(
+      (p) => p[s]
+    ), t = n.getPaging()), {
+      selectedKeys: o,
+      data: e,
+      pagination: t
+    };
+  },
+  set(r, { data: e, pagination: t }) {
+    var s;
+    const o = (s = r.component) == null ? void 0 : s.exposed;
+    if (o) {
+      if (l(e)) return;
+      e && o.setSearchFormValues(e), t && o.setPaging(t, !1);
+    }
+  }
+};
+export {
+  u as default
+};

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

@@ -0,0 +1,13 @@
+import { VNode } from 'vue';
+import { Recordable } from '../../../type';
+declare const _default: {
+    get(node: VNode): {
+        data: Recordable | undefined;
+        pagination: Partial<{
+            current: number;
+            pageSize: number;
+        }> | undefined;
+    };
+    set(node: VNode, { pagination, data }: Recordable): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-list-keeper.mjs

@@ -0,0 +1,18 @@
+import { isNoValue as a } from "../utils.mjs";
+const i = {
+  get(o) {
+    var n;
+    let s, t;
+    const e = (n = o.component) == null ? void 0 : n.exposed;
+    return e && (s = e.getSearchFormValuesIfSetted(), t = e.getPaging()), { data: s, pagination: t };
+  },
+  set(o, { pagination: s, data: t }) {
+    var n;
+    if (a(t)) return;
+    const e = (n = o.component) == null ? void 0 : n.exposed;
+    e && (t && e.setSearchFormValuesIfSetted(t), s && e.setPaging(s));
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(node: VNode): any;
+    set(node: VNode, data: any): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-radio-group-keeper.mjs

@@ -0,0 +1,17 @@
+import { isNoValue as r } from "../utils.mjs";
+const a = {
+  get(t) {
+    var n;
+    let e;
+    const o = (n = t.component) == null ? void 0 : n.proxy;
+    return o && (e = o.value), e;
+  },
+  set(t, e) {
+    if (r(e)) return;
+    const o = t.component;
+    o && (o.emit("update:value", e), o.emit("change", e));
+  }
+};
+export {
+  a as default
+};

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

@@ -0,0 +1,7 @@
+import { VNode } from 'vue';
+import { Recordable } from '../../../type';
+declare const _default: {
+    get(node: VNode): Recordable | undefined;
+    set(node: VNode, data: Recordable): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-search-form-keeper.mjs

@@ -0,0 +1,18 @@
+import { isNoValue as a } from "../utils.mjs";
+const n = {
+  get(r) {
+    var t;
+    let e;
+    const o = (t = r.component) == null ? void 0 : t.exposed;
+    return o && (e = o.apForm.value.getFieldsValue()), e;
+  },
+  set(r, e) {
+    var t;
+    if (a(e)) return;
+    const o = (t = r.component) == null ? void 0 : t.exposed;
+    o && o.apForm.value.setFieldsValue(e);
+  }
+};
+export {
+  n as default
+};

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

@@ -0,0 +1,13 @@
+import { VNode } from 'vue';
+import { Recordable } from '../../../type';
+declare const _default: {
+    get(node: VNode): {
+        data: Recordable | undefined;
+        pagination: Partial<{
+            current: number;
+            pageSize: number;
+        }> | undefined;
+    };
+    set(node: VNode, { pagination, data }: Recordable): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-table-keeper.mjs

@@ -0,0 +1,18 @@
+import { isNoValue as s } from "../utils.mjs";
+const p = {
+  get(o) {
+    var n;
+    let a, t;
+    const e = (n = o.component) == null ? void 0 : n.exposed;
+    return e && (a = e.getSearchFormValues(), t = e.getPaging()), { data: a, pagination: t };
+  },
+  set(o, { pagination: a, data: t }) {
+    var n;
+    if (s(t)) return;
+    const e = (n = o.component) == null ? void 0 : n.exposed;
+    e && (t && e.setSearchFormValues(t), a && e.setPaging(a));
+  }
+};
+export {
+  p as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(_node: VNode): void;
+    set(node: VNode, _data?: boolean): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/ap-view-keeper.mjs

@@ -0,0 +1,12 @@
+const n = {
+  get(t) {
+  },
+  set(t, a) {
+    var s;
+    const e = (s = t.component) == null ? void 0 : s.exposed;
+    console.log("[ apViewInstance ] >", e), e && e.setFirstDefaultSystemView(!0);
+  }
+};
+export {
+  n as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(node: VNode): any[];
+    set(node: VNode, data: any[]): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/edit-grid-keeper.mjs

@@ -0,0 +1,18 @@
+import { isNoValue as a } from "../utils.mjs";
+const i = {
+  get(n) {
+    var o;
+    let e = [];
+    const t = (o = n.component) == null ? void 0 : o.exposed;
+    return t && (e = t.getRowsData()), e;
+  },
+  set(n, e) {
+    var o;
+    if (a(e)) return;
+    const t = (o = n.component) == null ? void 0 : o.exposed;
+    t && t.setTableData(e);
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(node: VNode): any[];
+    set(node: VNode, data: any[]): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/edit-table-keeper.mjs

@@ -0,0 +1,18 @@
+import { isNoValue as n } from "../utils.mjs";
+const l = {
+  get(o) {
+    var a;
+    let e = [];
+    const t = (a = o.component) == null ? void 0 : a.exposed;
+    return t && (e = t.getRowsData()), e;
+  },
+  set(o, e) {
+    var a;
+    if (n(e)) return;
+    const t = (a = o.component) == null ? void 0 : a.exposed;
+    t && t.setTableData(e);
+  }
+};
+export {
+  l as default
+};

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

@@ -0,0 +1,3 @@
+type keeperType = Record<'get' | 'set', (...arg: any[]) => any>;
+declare const _default: Record<string, keeperType>;
+export default _default;

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

@@ -0,0 +1,28 @@
+import r from "./ap-form-keeper.mjs";
+import e from "./ap-grid-keeper.mjs";
+import p from "./ap-table-keeper.mjs";
+import o from "./ap-search-form-keeper.mjs";
+import m from "./tab-keeper.mjs";
+import i from "./ap-view-keeper.mjs";
+import t from "./edit-table-keeper.mjs";
+import a from "./ap-radio-group-keeper.mjs";
+import f from "./edit-grid-keeper.mjs";
+import d from "./step-keeper.mjs";
+import K from "./ap-list-keeper.mjs";
+const w = {
+  ApList: K,
+  ApForm: r,
+  ApGrid: e,
+  ApTable: p,
+  ATabs: m,
+  ApFormSearchForm: o,
+  ApView: i,
+  EditableTable: t,
+  ApRadioGroup: a,
+  EditableGrid: f,
+  ASteps: d
+  // AFormItem: formItemKeeper
+};
+export {
+  w as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(node: VNode): any;
+    set(node: VNode, data: any): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/step-keeper.mjs

@@ -0,0 +1,17 @@
+import { isNoValue as o } from "../utils.mjs";
+const s = {
+  get(n) {
+    var r;
+    let e;
+    const t = (r = n.component) == null ? void 0 : r.proxy;
+    return t && (e = t.current), e;
+  },
+  set(n, e) {
+    if (o(e)) return;
+    const t = n.component;
+    t && (t.emit("update:current", e), t.emit("change", e));
+  }
+};
+export {
+  s as default
+};

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

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+declare const _default: {
+    get(node: VNode): any;
+    set(node: VNode, data: any): void;
+};
+export default _default;

package/es/src/business/ap-keep-alive/keeper/tab-keeper.mjs

@@ -0,0 +1,17 @@
+import { isNoValue as a } from "../utils.mjs";
+const i = {
+  get(n) {
+    var o;
+    let e;
+    const t = (o = n.component) == null ? void 0 : o.proxy;
+    return t && (e = t.activeKey), e;
+  },
+  set(n, e) {
+    if (a(e)) return;
+    const t = n.component;
+    t && (t.emit("update:activeKey", e), t.emit("change", e));
+  }
+};
+export {
+  i as default
+};

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

@@ -0,0 +1,23 @@
+import { ComponentInternalInstance, VNode, VNodeArrayChildren, VNodeChild, VNodeNormalizedChildren, RendererNode, RendererElement } from 'vue';
+import { MatchPattern, PropertyKeyType } from './interface';
+export declare const getVNodeChirldren: (conponentInstance: ComponentInternalInstance) => VNodeArrayChildren | undefined;
+export declare const getFirstVNodeChirldren: (childVNodes?: VNodeArrayChildren) => string | number | true | VNodeArrayChildren | VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}> | undefined;
+export declare const getVNodeObjByVNodeChild: (childVNode: VNodeChild) => VNode< RendererNode, RendererElement, {
+    [key: string]: any;
+}> | undefined;
+export declare const getVNodeObjByVNodeArrayChildren: (childVNode: VNodeNormalizedChildren) => VNode | undefined;
+/**
+ * 获取当前组件的key,如果没有以组件name代替（兼容处理）
+ * @param node
+ * @param currentModuleKey
+ * @returns
+ */
+export declare const getAliveKey: (node: VNode, currentModuleKey: PropertyKeyType) => {
+    VnodeName: string;
+    vnodeSubPath: string;
+};
+export declare const getComponentName: (Component: VNode) => {};
+export declare function matches(pattern: MatchPattern, name: string): boolean;
+export declare function isNoValue(data: any): boolean;

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

@@ -0,0 +1,42 @@
+import { isArray as f, isString as y, isRegExp as n } from "lodash-unified";
+const l = (r) => {
+  var u;
+  const e = (u = r == null ? void 0 : r.subTree) == null ? void 0 : u.children;
+  if (typeof e == "string") return;
+  const t = Array.isArray(e) ? e : null;
+  if (t)
+    return t.filter((i) => !["string", "number", "boolean"].includes(typeof i)).filter((i) => i && typeof i == "object" && "type" in i ? i.type != Symbol.for("v-cmt") : !1);
+}, b = (r) => {
+  if (r) {
+    if (r.length > 1)
+      throw Error("ApKeepAlive 组件只能有一个字节点");
+    if (r[0])
+      return r[0];
+  }
+}, g = (r) => {
+  if (r && !(typeof r == "string" || typeof r == "number" || typeof r == "boolean" || Array.isArray(r)))
+    return r;
+}, m = (r) => {
+  if (r && !(typeof r == "string" || typeof r == "number" || typeof r == "boolean" || Array.isArray(r) || !r.type))
+    return r;
+}, p = (r, e) => {
+  const t = typeof r.type == "object" && "name" in r.type && r.type.name || "";
+  let u = t;
+  return r.key && r.key !== e && (u = r.key), { VnodeName: t, vnodeSubPath: u };
+}, a = (r) => typeof r == "object" && "name" in r && r.name || "";
+function s(r, e) {
+  return f(r) ? r.some((t) => s(t, e)) : y(r) ? r.split(",").includes(e) : n(r) ? (r.lastIndex = 0, r.test(e)) : !1;
+}
+function A(r) {
+  return [void 0, null].includes(r);
+}
+export {
+  p as getAliveKey,
+  a as getComponentName,
+  b as getFirstVNodeChirldren,
+  l as getVNodeChirldren,
+  m as getVNodeObjByVNodeArrayChildren,
+  g as getVNodeObjByVNodeChild,
+  A as isNoValue,
+  s as matches
+};

package/es/src/business/ap-label/group/ApLabelGroup.mjs

@@ -1,29 +1,28 @@
-import { defineComponent as n, createVNode as o, mergeProps as l, createTextVNode as m } from "vue";
+import { defineComponent as n, createVNode as o, mergeProps as a, createTextVNode as l } from "vue";
 import "../../../config-provider/index.mjs";
-import f from "../ApLabel.mjs";
-import { omit as t } from "lodash-unified";
-import { ApLabelGroupProps as s } from "../constans.mjs";
-import { Tag as c } from "@aplus-frontend/antdv";
-import { useNamespace as g } from "../../../config-provider/hooks/use-namespace.mjs";
+import m from "../ApLabel.mjs";
+import { omit as s } from "lodash-unified";
+import { ApLabelGroupProps as c } from "../constans.mjs";
+import "../../../ap-tag/index.mjs";
+import { useNamespace as f } from "../../../config-provider/hooks/use-namespace.mjs";
+import i from "../../../ap-tag/ap-tag.vue.mjs";
 const {
   b: p
-} = g("ap-label-group"), x = /* @__PURE__ */ n({
+} = f("ap-label-group"), _ = /* @__PURE__ */ n({
   name: "ApLabelGroup",
-  props: s(),
+  props: c(),
   setup(r) {
-    const a = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(c, t(u, ["text"]), {
-      default: () => [u.text]
-    })) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
+    const t = (e) => (r.tagValue || r.tagValue === 0) && e.tagConfig && e.tagConfig.length > 0 ? () => e.tagConfig.filter((u) => r.tagValue === u.value).map((u) => o(i, u, null)) : e.customRender ? () => o("div", null, [e.customRender(r.record)]) : null;
     return () => o("div", {
       class: p()
-    }, [r.columns ? r.columns.map((e, u) => o(f, l({
+    }, [r.columns ? r.columns.map((e, u) => o(m, a({
       key: u,
       show: r.value === e.value
-    }, t(e, ["value", "tagConfig", "customRender"])), {
-      custom: a(e)
-    })) : o("div", null, [m("columns数组不能为空")])]);
+    }, s(e, ["value", "tagConfig", "customRender"])), {
+      custom: t(e)
+    })) : o("div", null, [l("columns数组不能为空")])]);
   }
 });
 export {
-  x as default
+  _ as default
 };

package/es/src/business/ap-label/interface.d.ts

@@ -1,6 +1,6 @@
 import { BadgeProps } from '@aplus-frontend/antdv';
 import { TooltipPlacement } from '@aplus-frontend/antdv/es/tooltip/Tooltip';
-import { TagProps } from '@aplus-frontend/antdv/es/tag';
+import { ApTagProps } from '../../ap-tag';
 import { VNode, VNodeChild } from 'vue';
 type Recordable = Record<string, any>;
 export type ApLabelProps = BadgeProps & Partial<{
@@ -12,9 +12,8 @@ export type ApLabelProps = BadgeProps & Partial<{
     show: boolean;
     toolTipBgColor: string;
 }>;
-export type tagConfigKey = TagProps & {
+export type tagConfigKey = ApTagProps & {
     value: number | string | undefined | null;
-    text: string;
 };
 export type ApLabelGroupItemProps<T extends Recordable = Recordable> = ApLabelProps & {
     value?: string | number | null | undefined;