@aplus-frontend/ui 0.1.9 → 0.1.10

package/es/src/ap-field/interface.d.ts

@@ -109,6 +109,10 @@ export type ApFieldSelectProps = BasicApFieldProps<Omit<SelectProps, 'mode' | 'v
      * 是否在Select框聚焦时再次触发选项请求
      */
     refetchOnFocus?: boolean;
+    /**
+     * 是否延迟请求选项列表
+     */
+    lazy?: boolean;
 };
 export type ApFieldSelectExpose = {
     focus: () => void;

package/es/src/ap-field/select/index.vue.d.ts

@@ -36,6 +36,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     labelInValue: undefined;
     multiple: undefined;
     searchMode: string;
+    refetchOnFocus: boolean;
+    lazy: boolean;
 }>, {
     focus: typeof focus;
     blur: typeof blur;
@@ -60,6 +62,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     labelInValue: undefined;
     multiple: undefined;
     searchMode: string;
+    refetchOnFocus: boolean;
+    lazy: boolean;
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -78,8 +82,10 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     defaultActiveFirstOption: boolean;
     labelInValue: boolean;
     multiple: boolean;
+    lazy: boolean;
     emptyText: string;
     searchMode: "filter" | "request";
+    refetchOnFocus: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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
 };