@aplus-frontend/ui 0.1.9 → 0.1.11

package/es/src/ap-field/select/index.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as k, ref as f, onMounted as q, computed as m, unref as r, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as T, mergeProps as _, createSlots as R, renderList as D, withCtx as h, renderSlot as U, normalizeProps as L, guardReactiveProps as z, createVNode as K } from "vue";
+import { defineComponent as k, ref as f, onMounted as q, computed as m, unref as u, openBlock as v, createElementBlock as A, toDisplayString as M, createBlock as T, mergeProps as _, createSlots as R, renderList as z, withCtx as h, renderSlot as D, normalizeProps as U, guardReactiveProps as L, createVNode as K } from "vue";
 import { debounce as H, isFunction as y, isArray as $, isNil as j, omit as E } from "lodash-unified";
 import { Select as W, Spin as G } from "ant-design-vue";
 import "../../hooks/index.mjs";
@@ -89,60 +89,65 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
     value: {},
     "onUpdate:value": {},
     searchMode: { default: "filter" },
-    refetchOnFocus: { type: Boolean }
+    refetchOnFocus: { type: Boolean, default: !1 },
+    lazy: { type: Boolean, default: !1 }
   },
   emits: ["update:value"],
   setup(w, { expose: S, emit: g }) {
-    let u = 0;
+    let n = 0;
     const B = H((o) => {
       if (!y(e.request))
         return;
-      u += 1;
-      const t = u;
-      i.value = [], n.value = !0, e.request(o).then((l) => {
-        u === t && (i.value = l);
+      n += 1;
+      const t = n;
+      i.value = [], a.value = !0, e.request(o).then((l) => {
+        n === t && (i.value = l);
       }).finally(() => {
-        n.value = !1;
+        a.value = !1;
       });
     }, 300), e = w, F = (o, t) => {
-      var a;
-      const l = ((a = e.fieldNames) == null ? void 0 : a.label) || "label";
+      var r;
+      const l = ((r = e.fieldNames) == null ? void 0 : r.label) || "label";
       return typeof (t == null ? void 0 : t.label) == "string" && t[l].indexOf(o) > -1;
-    }, i = f((e == null ? void 0 : e.options) || []), d = f(), n = f((e == null ? void 0 : e.loading) || !1), b = g;
+    }, i = f((e == null ? void 0 : e.options) || []), d = f(), a = f((e == null ? void 0 : e.loading) || !1), b = g;
     async function s(o = !0) {
       if (!y(e.request))
         return;
-      n.value = !0, u += 1;
-      const t = u;
+      a.value = !0, n += 1;
+      const t = n;
       try {
         o && (i.value = []);
         const l = await e.request();
-        if (t !== u)
+        if (t !== n)
           return;
         i.value = l;
       } finally {
-        n.value = !1;
+        a.value = !1;
       }
     }
     function C(o) {
       var t;
-      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && u > 0 && !n.value && s(!0);
+      (t = e.onFocus) == null || t.call(e, o), e.refetchOnFocus && n > 0 && !a.value && s(!0);
     }
     q(() => {
+      if (e.lazy) {
+        n += 1;
+        return;
+      }
       s();
     });
     const { value: p, updateValue: x } = X(e, b), I = Q("Select", e), O = m(() => {
-      const o = r(p);
+      const o = u(p);
       if (!o)
         return e.emptyText;
       if ($(o))
         return o.map(
           (l) => {
-            var a;
-            return (a = r(i).find((c) => c.value === l)) == null ? void 0 : a.label;
+            var r;
+            return (r = u(i).find((c) => c.value === l)) == null ? void 0 : r.label;
           }
         ).filter(Boolean).join("、") || e.emptyText;
-      const t = r(i).find((l) => l.value === o);
+      const t = u(i).find((l) => l.value === o);
       return (t == null ? void 0 : t.label) || e.emptyText;
     }), P = m(() => {
       const o = !!(e != null && e.showSearch), t = e.searchMode;
@@ -151,7 +156,7 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
         showArrow: !1,
         defaultActiveFirstOption: !1,
         onSearch: B,
-        notFoundContent: n.value ? void 0 : null
+        notFoundContent: a.value ? void 0 : null
       } : {
         showArrow: !0,
         filterOption: j(e == null ? void 0 : e.filterOption) ? F : e == null ? void 0 : e.filterOption
@@ -167,7 +172,7 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
             "onFocus"
           ])
         ),
-        placeholder: r(I),
+        placeholder: u(I),
         ...l
       };
     });
@@ -183,29 +188,29 @@ const Y = { key: 0 }, re = /* @__PURE__ */ k({
       focus: V,
       blur: N,
       request: s
-    }), (o, t) => o.mode === "read" ? (v(), A("span", Y, M(O.value), 1)) : (v(), T(r(W), _({
+    }), (o, t) => o.mode === "read" ? (v(), A("span", Y, M(O.value), 1)) : (v(), T(u(W), _({
       key: 1,
       "allow-clear": "",
       ref_key: "selectRef",
       ref: d
     }, P.value, {
       mode: o.multiple ? "multiple" : void 0,
-      value: r(p),
-      "onUpdate:value": r(x),
+      value: u(p),
+      "onUpdate:value": u(x),
       options: i.value,
-      loading: n.value,
+      loading: a.value,
       onFocus: C
     }), R({ _: 2 }, [
-      D(o.$slots, (l, a) => ({
-        name: a,
+      z(o.$slots, (l, r) => ({
+        name: r,
         fn: h((c) => [
-          U(o.$slots, a, L(z(c || {})))
+          D(o.$slots, r, U(L(c || {})))
         ])
       })),
-      n.value ? {
+      a.value ? {
         name: "notFoundContent",
         fn: h(() => [
-          K(r(G), { size: "small" })
+          K(u(G), { size: "small" })
         ]),
         key: "0"
       } : void 0

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue.d.ts

@@ -10,10 +10,14 @@ declare function __VLS_template(): {
 declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<APInfoLayoutProps>, {
     toEl: string;
     telDisabled: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<APInfoLayoutProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:telDisabled": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<APInfoLayoutProps>, {
     toEl: string;
     telDisabled: boolean;
-}>>>, {
+}>>> & {
+    "onUpdate:telDisabled"?: ((...args: any[]) => any) | undefined;
+}, {
     toEl: string | HTMLElement;
     telDisabled: boolean;
 }, {}>;

package/es/src/ap-layout/ap-info-layout/ap-info-layout.vue.mjs

@@ -1,62 +1,72 @@
-import { defineComponent as C, computed as t, openBlock as l, createElementBlock as h, normalizeClass as a, createBlock as b, Teleport as g, renderSlot as n, createElementVNode as o, createVNode as $, unref as y } from "vue";
-import { Divider as B } from "ant-design-vue";
+import { defineComponent as $, computed as t, onActivated as y, onDeactivated as B, openBlock as i, createElementBlock as E, normalizeClass as a, createBlock as H, Teleport as k, renderSlot as s, createElementVNode as o, createVNode as A, unref as N } from "vue";
+import { Divider as T } from "ant-design-vue";
 import "../style/ap-info-layout.css";
 import "../../config-provider/index.mjs";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-const z = /* @__PURE__ */ C({
+import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
+const w = /* @__PURE__ */ $({
   name: "ApInfoLayout",
   __name: "ap-info-layout",
   props: {
     toEl: { default: "#microapp-fixed-header" },
     telDisabled: { type: Boolean, default: !1 }
   },
-  setup(E) {
-    const { b: s, be: d, bem: r } = D("info-layout"), i = t(() => [s("container")]), c = t(() => [s("header")]), u = t(() => [s("divider")]), p = t(() => [s("contant")]), m = t(() => [d("header", "contant")]), v = t(() => [r("header", "contant", "title")]), f = t(() => [r("header", "contant", "actions")]);
-    return (e, H) => (l(), h("div", {
-      class: a(i.value)
+  emits: ["update:telDisabled"],
+  setup(d, { emit: c }) {
+    const u = d, p = c, { b: l, be: v, bem: r } = V("info-layout"), m = t(() => [l("container")]), f = t(() => [l("header")]), C = t(() => [l("divider")]), b = t(() => [l("contant")]), g = t(() => [v("header", "contant")]), h = t(() => [r("header", "contant", "title")]), D = t(() => [r("header", "contant", "actions")]), n = t({
+      get: () => u.telDisabled,
+      set: (e) => {
+        p("update:telDisabled", e);
+      }
+    });
+    return y(() => {
+      n.value = !1;
+    }), B(() => {
+      n.value = !0;
+    }), (e, z) => (i(), E("div", {
+      class: a(m.value)
     }, [
-      (l(), b(g, {
+      (i(), H(k, {
         to: e.toEl,
-        disabled: e.telDisabled
+        disabled: n.value
       }, [
-        n(e.$slots, "header"),
+        s(e.$slots, "header"),
         o("div", {
-          class: a(`${c.value}`)
+          class: a(`${f.value}`)
         }, [
           o("div", {
-            class: a(m.value)
+            class: a(g.value)
           }, [
             o("div", {
-              class: a(v.value)
+              class: a(h.value)
             }, [
-              n(e.$slots, "title")
+              s(e.$slots, "title")
             ], 2),
             o("div", {
-              class: a(f.value)
+              class: a(D.value)
             }, [
-              n(e.$slots, "actions")
+              s(e.$slots, "actions")
             ], 2)
           ], 2)
         ], 2)
       ], 8, ["to", "disabled"])),
       o("div", {
-        class: a(u.value)
+        class: a(C.value)
       }, [
-        n(e.$slots, "divider", {}, () => [
-          $(y(B), {
+        s(e.$slots, "divider", {}, () => [
+          A(N(T), {
             class: "ap-info-layout-divider",
             dashed: ""
           })
         ])
       ], 2),
       o("div", {
-        class: a(p.value)
+        class: a(b.value)
       }, [
-        n(e.$slots, "content")
+        s(e.$slots, "content")
       ], 2)
     ], 2));
   }
 });
 export {
-  z as default
+  w as default
 };