@aplus-frontend/ui 7.13.7 → 7.13.8

package/es/src/ap-field/style/select.mjs

@@ -1,13 +1,13 @@
 import { singleRow as l } from "../../style/index.mjs";
-const n = (i) => {
+const o = (i) => {
   const { componentCls: a } = i, p = `${a}-select-popup`;
   return {
     [`${p}`]: {
-      // padding: token.space,
       padding: 0,
       [`${p}-all-option-wrapper`]: {
         padding: i.space,
-        paddingBlockEnd: i.spaceXS
+        paddingBlockEnd: i.spaceXS,
+        marginBlockEnd: i.calc(i.space).mul(-1).equal()
       },
       [`${p}-all-option`]: {
         width: "100%",
@@ -22,10 +22,20 @@ const n = (i) => {
       [`${p}-option-wrapper`]: {
         height: "22px"
       },
+      [`${p}-option-content-wrapper`]: {
+        flex: 1,
+        flexShrink: 1,
+        minWidth: 0
+      },
       [`${p}-option-label`]: {
         ...l(i),
         color: "inherit"
       },
+      [`${p}-option-custom`]: {
+        flex: 1,
+        flexShrink: 1,
+        minWidth: 0
+      },
       [`${p}-option-action`]: {
         display: "none",
         color: i.colorPrimary,
@@ -50,11 +60,14 @@ const n = (i) => {
         },
         "&:last-child": {
           marginBottom: i.space
+        },
+        "&:first-child": {
+          marginTop: i.space
         }
       }
     }
   };
 };
 export {
-  n as genSelectStyle
+  o as genSelectStyle
 };

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

@@ -1,11 +1,11 @@
-import { defineComponent as U, useSlots as x, ref as z, unref as o, computed as g, createVNode as u, Fragment as s, createBlock as h, createElementBlock as D, openBlock as f, resolveDynamicComponent as E, mergeProps as p, createSlots as v, renderList as V, withCtx as k, renderSlot as B, normalizeProps as b, guardReactiveProps as w } from "vue";
-import { Switch as A, Popconfirm as K } from "@aplus-frontend/antdv";
-import { isNil as L, isFunction as M, omit as P } from "lodash-unified";
+import { defineComponent as U, useSlots as z, ref as D, unref as o, computed as v, createVNode as s, Fragment as f, createBlock as k, createElementBlock as E, openBlock as m, resolveDynamicComponent as K, mergeProps as C, createSlots as V, renderList as x, withCtx as p, renderSlot as B, normalizeProps as b, guardReactiveProps as w } from "vue";
+import { Switch as A, Popconfirm as L } from "@aplus-frontend/antdv";
+import { isNil as M, isFunction as R, omit as P } from "lodash-unified";
 import "../../utils/index.mjs";
 import "../../hooks/index.mjs";
-import { useControllableValue as R } from "../../hooks/useControllableValue.mjs";
-import { isDef as d } from "../../utils/is.mjs";
-const Q = /* @__PURE__ */ U({
+import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
+import { isDef as i } from "../../utils/is.mjs";
+const W = /* @__PURE__ */ U({
   name: "ApFieldSwitch",
   __name: "index",
   props: {
@@ -51,76 +51,76 @@ const Q = /* @__PURE__ */ U({
     confirm: {}
   },
   emits: ["update:checked"],
-  setup(S, {
-    emit: _
+  setup(t, {
+    emit: S
   }) {
-    const i = x(), e = S, F = _, {
-      value: t,
+    const a = z(), e = t, F = S, {
+      value: c,
       updateValue: r
-    } = R(e, F, {
+    } = j(e, F, {
       valuePropName: "checked"
-    }), c = z(!1);
-    async function C(n, a) {
-      if (!d(e.confirm)) {
-        if (!d(e.onAction)) {
+    }), l = D(!1);
+    async function y(n, u) {
+      if (!i(e.confirm)) {
+        if (!i(e.onAction)) {
           r(n);
           return;
         }
-        c.value = !0;
+        l.value = !0;
         try {
-          await e.onAction(n, a) && r(n);
+          await e.onAction(n, u) && r(n);
         } finally {
-          c.value = !1;
+          l.value = !1;
         }
       }
     }
     async function N() {
-      const n = o(t) === e.checkedValue ? e.unCheckedValue : e.checkedValue;
-      if (!d(e.onAction)) {
+      const n = o(c) === e.checkedValue ? e.unCheckedValue : e.checkedValue;
+      if (!i(e.onAction)) {
         r(n);
         return;
       }
       await e.onAction(n) && r(n);
     }
-    const T = g(() => {
-      const n = o(t);
-      return L(n) ? u(s, null, [e.emptyText]) : n === e.checkedValue ? u(s, null, [e.checkedChildren || i.checkedChildren?.() || `${e.checkedValue}`]) : u(s, null, [e.unCheckedChildren || i.unCheckedChildren?.() || `${e.unCheckedValue}`]);
-    }), $ = g(() => d(e.confirm) ? M(e.confirm) ? e.confirm(o(t)) : e.confirm : {});
-    return (n, a) => n.mode === "read" ? (f(), h(E(T.value), {
+    const T = v(() => {
+      const n = o(c);
+      return M(n) ? s(f, null, [e.emptyText]) : n === e.checkedValue ? s(f, null, [e.checkedChildren || a.checkedChildren?.() || `${e.checkedValue}`]) : s(f, null, [e.unCheckedChildren || a.unCheckedChildren?.() || `${e.unCheckedValue}`]);
+    }), $ = v(() => i(e.confirm) ? R(e.confirm) ? e.confirm(o(c)) : e.confirm : {});
+    return (n, u) => t.mode === "read" ? (m(), k(K(T.value), {
       key: 0
-    })) : (f(), D(s, {
+    })) : (m(), E(f, {
       key: 1
-    }, [!o(d)(n.confirm) || n.disabled ? (f(), h(o(A), p({
+    }, [!o(i)(t.confirm) || t.disabled ? (m(), k(o(A), C({
       key: 0
     }, o(P)(e, ["onUpdate:checked", "emptyText"]), {
-      checked: o(t),
-      loading: n.loading ?? c.value,
-      onClick: C
-    }), v({
+      checked: o(c),
+      loading: t.loading ?? l.value,
+      onClick: y
+    }), V({
       _: 2
-    }, [V(i, (y, l) => ({
-      name: l,
-      fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
-    }))]), 1040, ["checked", "loading"])) : (f(), h(o(K), p({
+    }, [x(a, (g, d) => ({
+      name: d,
+      fn: p((h) => [B(n.$slots, d, b(w(h || {})))])
+    }))]), 1040, ["checked", "loading"])) : (m(), k(o(L), C({
       key: 1,
-      disabled: c.value
+      disabled: l.value
     }, $.value, {
       onConfirm: N
     }), {
-      default: k(() => [u(o(A), p(o(P)(e, ["onUpdate:checked", "emptyText"]), {
-        checked: o(t),
-        loading: n.loading ?? c.value,
-        onClick: C
-      }), v({
+      default: p(() => [s(o(A), C(o(P)(e, ["onUpdate:checked", "emptyText"]), {
+        checked: o(c),
+        loading: t.loading ?? l.value,
+        onClick: y
+      }), V({
         _: 2
-      }, [V(i, (y, l) => ({
-        name: l,
-        fn: k((m) => [B(n.$slots, l, b(w(m || {})))])
+      }, [x(a, (g, d) => ({
+        name: d,
+        fn: p((h) => [B(n.$slots, d, b(w(h || {})))])
       }))]), 1040, ["checked", "loading"])]),
       _: 3
     }, 16, ["disabled"]))], 64));
   }
 });
 export {
-  Q as default
+  W as default
 };

package/es/src/ap-field/text/read-password.vue2.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as d, unref as e, createElementBlock as p, createBlock as a, openBlock as t, Fragment as s, createTextVNode as f, toDisplayString as i, withCtx as y, createElementVNode as r } from "vue";
-import { EyeOutlined as c, EyeInvisibleOutlined as m } from "@ant-design/icons-vue";
-import { Space as B } from "@aplus-frontend/antdv";
+import { defineComponent as d, unref as e, createElementBlock as r, createBlock as a, openBlock as n, Fragment as s, createTextVNode as p, toDisplayString as i, withCtx as f, createElementVNode as u } from "vue";
+import { EyeOutlined as y, EyeInvisibleOutlined as c } from "@ant-design/icons-vue";
+import { Space as m } from "@aplus-frontend/antdv";
 const g = /* @__PURE__ */ d({
   name: "ApFieldTextPasswordRead",
   __name: "read-password",
@@ -60,21 +60,21 @@ const g = /* @__PURE__ */ d({
     "onUpdate:visible": {},
     emptyText: { default: "--" }
   },
-  setup(u) {
-    const o = e(u.visible);
-    return (n, l) => n.value ? (t(), a(e(B), { key: 1 }, {
-      default: y(() => [
-        r("span", null, i(e(o) ? n.value : "********"), 1),
-        r("span", {
+  setup(o) {
+    const t = e(o.visible);
+    return (v, l) => o.value ? (n(), a(e(m), { key: 1 }, {
+      default: f(() => [
+        u("span", null, i(e(t) ? o.value : "********"), 1),
+        u("span", {
           style: { cursor: "pointer" },
-          onClick: l[0] || (l[0] = () => o.value = !e(o))
+          onClick: l[0] || (l[0] = () => t.value = !e(t))
         }, [
-          e(o) ? (t(), a(e(c), { key: 0 })) : (t(), a(e(m), { key: 1 }))
+          e(t) ? (n(), a(e(y), { key: 0 })) : (n(), a(e(c), { key: 1 }))
         ])
       ]),
       _: 1
-    })) : (t(), p(s, { key: 0 }, [
-      f(i(n.emptyText), 1)
+    })) : (n(), r(s, { key: 0 }, [
+      p(i(o.emptyText), 1)
     ], 64));
   }
 });

package/es/src/ap-field/text/read.vue2.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as a, createElementBlock as l, openBlock as p, toDisplayString as o } from "vue";
-const r = /* @__PURE__ */ a({
+import { defineComponent as n, createElementBlock as a, openBlock as l, toDisplayString as o } from "vue";
+const r = /* @__PURE__ */ n({
   name: "ApFieldTextRead",
   __name: "read",
   props: {
@@ -56,7 +56,7 @@ const r = /* @__PURE__ */ a({
   },
   setup(t) {
     const e = t;
-    return (n, u) => (p(), l("span", null, o(e.prefix) + " " + o(n.value || e.emptyText) + " " + o(e.suffix), 1));
+    return (u, d) => (l(), a("span", null, o(e.prefix) + " " + o(t.value || e.emptyText) + " " + o(e.suffix), 1));
   }
 });
 export {

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as A, shallowRef as k, computed as c, createElementBlock as s, createBlock as z, openBlock as n, Fragment as T, normalizeClass as m, unref as e, toDisplayString as f, createElementVNode as w, mergeProps as R } from "vue";
+import { defineComponent as A, shallowRef as k, computed as m, createElementBlock as p, createBlock as z, openBlock as r, Fragment as T, normalizeClass as f, unref as e, toDisplayString as y, createElementVNode as w, mergeProps as R } from "vue";
 import { Input as F } from "@aplus-frontend/antdv";
 import { isNil as S, omit as V } from "lodash-unified";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import { useDefaultPlaceholder as E } from "../hooks/use-default-placeholder.mjs";
 import U from "../style/index.mjs";
-import { languageFormat as _ } from "./utils.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-import { useNamespace as M } from "../../config-provider/hooks/use-namespace.mjs";
+import { languageFormat as j } from "./utils.mjs";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
 const L = /* @__PURE__ */ A({
   name: "ApFieldTextArea",
   __name: "index",
@@ -64,46 +64,46 @@ const L = /* @__PURE__ */ A({
     code: { type: [Boolean, Object], default: !1 }
   },
   emits: ["update:value"],
-  setup(y, { expose: g, emit: v }) {
-    const a = k(), o = y, x = v, { value: l, updateValue: h } = j(o, x), { b: B, m: p } = M("field-textarea"), r = U("field"), b = E("TextArea", o), I = c(() => {
-      if (o.code)
-        return o.code === !0 ? {
+  setup(l, { expose: x, emit: g }) {
+    const o = k(), t = l, v = g, { value: a, updateValue: h } = M(t, v), { b: B, m: d } = N("field-textarea"), u = U("field"), b = E("TextArea", t), I = m(() => {
+      if (t.code)
+        return t.code === !0 ? {
           language: "text"
         } : {
-          language: o.code?.language ?? "text"
+          language: t.code?.language ?? "text"
         };
     });
-    function C(t) {
-      const u = t.target.value || "", d = o.beforeInput ? o.beforeInput?.(u) : u, i = a.value?.$el?.querySelector("textarea");
-      i && (i.value = d), h(d);
+    function C(n) {
+      const s = n.target.value || "", c = t.beforeInput ? t.beforeInput?.(s) : s, i = o.value?.$el?.querySelector("textarea");
+      i && (i.value = c), h(c);
     }
-    return g({
-      focus: (t) => {
-        a.value?.focus(t);
+    return x({
+      focus: (n) => {
+        o.value?.focus(n);
       },
       blur: () => {
-        a.value?.blur();
+        o.value?.blur();
       },
-      resizableTextArea: c(() => a.value?.resizableTextArea)
-    }), (t, u) => t.mode === "read" ? (n(), s(T, { key: 0 }, [
-      t.code ? (n(), s("pre", {
+      resizableTextArea: m(() => o.value?.resizableTextArea)
+    }), (n, s) => l.mode === "read" ? (r(), p(T, { key: 0 }, [
+      l.code ? (r(), p("pre", {
         key: 1,
-        class: m([e(p)("code"), e(r)])
+        class: f([e(d)("code"), e(u)])
       }, [
-        w("code", null, f(e(_)(e(l), I.value.language)), 1)
-      ], 2)) : (n(), s("span", {
+        w("code", null, y(e(j)(e(a), I.value.language)), 1)
+      ], 2)) : (r(), p("span", {
         key: 0,
-        class: m([e(p)("read"), e(r)])
-      }, f(e(S)(e(l)) || e(l) === "" ? t.emptyText : e(l)), 3))
-    ], 64)) : (n(), z(e(F).TextArea, R(
+        class: f([e(d)("read"), e(u)])
+      }, y(e(S)(e(a)) || e(a) === "" ? l.emptyText : e(a)), 3))
+    ], 64)) : (r(), z(e(F).TextArea, R(
       { key: 1 },
-      e(V)(o, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
+      e(V)(t, ["onUpdate:value", "value", "beforeInput", "emptyText"]),
       {
         ref_key: "textAreaRef",
-        ref: a,
+        ref: o,
         placeholder: e(b),
-        value: e(l),
-        class: [e(B)(), e(r)],
+        value: e(a),
+        class: [e(B)(), e(u)],
         onInput: C
       }
     ), null, 16, ["placeholder", "value", "class"]));

package/es/src/ap-field/text-area/read.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as s, computed as i, createElementBlock as a, openBlock as n, toDisplayString as l, unref as o, normalizeClass as m, createElementVNode as c } from "vue";
-import { isNil as f } from "lodash-unified";
+import { defineComponent as s, computed as i, createElementBlock as a, openBlock as n, toDisplayString as l, unref as o, normalizeClass as p, createElementVNode as c } from "vue";
+import { isNil as m } from "lodash-unified";
 import "../../config-provider/index.mjs";
-import y from "../style/index.mjs";
-import { languageFormat as g } from "./utils.mjs";
-import { useNamespace as B } from "../../config-provider/hooks/use-namespace.mjs";
-const h = {
+import f from "../style/index.mjs";
+import { languageFormat as y } from "./utils.mjs";
+import { useNamespace as g } from "../../config-provider/hooks/use-namespace.mjs";
+const B = {
   key: 0,
   style: {
     whiteSpace: "pre-wrap",
@@ -66,8 +66,8 @@ const h = {
     beforeInput: {},
     code: { type: [Boolean, Object], default: !1 }
   },
-  setup(r) {
-    const { m: u } = B("field-textarea"), d = y("field"), t = r, p = i(() => {
+  setup(e) {
+    const { m: r } = g("field-textarea"), u = f("field"), t = e, d = i(() => {
       if (t.code)
         return t.code === !0 ? {
           language: "text"
@@ -75,12 +75,12 @@ const h = {
           language: t.code?.language ?? "text"
         };
     });
-    return (e, v) => e.code ? (n(), a("pre", {
+    return (h, v) => e.code ? (n(), a("pre", {
       key: 1,
-      class: m([o(u)("code"), o(d)])
+      class: p([o(r)("code"), o(u)])
     }, [
-      c("code", null, l(o(g)(e.value, p.value.language)), 1)
-    ], 2)) : (n(), a("span", h, l(o(f)(e.value) || e.value === "" ? e.emptyText : e.value), 1));
+      c("code", null, l(o(y)(e.value, d.value.language)), 1)
+    ], 2)) : (n(), a("span", B, l(o(m)(e.value) || e.value === "" ? e.emptyText : e.value), 1));
   }
 });
 export {

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

@@ -1,11 +1,11 @@
-import { isVNode as R, defineComponent as A, useSlots as F, shallowRef as _, computed as E, unref as e, createVNode as d, Fragment as g, createBlock as v, openBlock as S, resolveDynamicComponent as K, mergeProps as U, createSlots as z, renderList as M, withCtx as w, renderSlot as j, normalizeProps as q, guardReactiveProps as O } from "vue";
+import { isVNode as R, defineComponent as A, useSlots as F, shallowRef as E, computed as K, unref as e, createVNode as r, Fragment as g, createBlock as v, openBlock as x, resolveDynamicComponent as U, mergeProps as _, createSlots as z, renderList as M, withCtx as S, renderSlot as j, normalizeProps as q, guardReactiveProps as O } from "vue";
 import { Space as $, Tag as H, TreeSelect as W, Spin as G } from "@aplus-frontend/antdv";
 import { isArray as J, omit as Q } from "lodash-unified";
 import "../../hooks/index.mjs";
 import { useRequest as X } from "./use-request.mjs";
 import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
-function B(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !R(r);
+function w(n) {
+  return typeof n == "function" || Object.prototype.toString.call(n) === "[object Object]" && !R(n);
 }
 const de = /* @__PURE__ */ A({
   name: "ApFieldTreeSelect",
@@ -173,40 +173,40 @@ const de = /* @__PURE__ */ A({
     }
   },
   emits: ["update:value"],
-  setup(r, {
-    expose: x,
+  setup(n, {
+    expose: B,
     emit: C
   }) {
-    const o = r, N = F(), T = C, p = _(), {
+    const o = n, N = F(), T = C, p = E(), {
       value: f,
       updateValue: b
     } = Y(o, T), {
       treeData: c,
       loading: m,
       request: y
-    } = X(o), D = E(() => {
-      let t;
+    } = X(o), D = K(() => {
+      let a;
       const u = e(f), i = J(u) ? u : [u].filter(Boolean);
       if (!i.length)
-        return d(g, null, [o.emptyText]);
-      const n = [], s = o.fieldNames?.label || "label", L = o.fieldNames?.value || "value";
-      function h(a) {
-        for (const l of a) {
-          if (i.find((P) => P === l[L]) && n.push(l[s]), n.length === i.length)
+        return r(g, null, [o.emptyText]);
+      const t = [], s = o.fieldNames?.label || "label", L = o.fieldNames?.value || "value";
+      function h(l) {
+        for (const d of l) {
+          if (i.find((P) => P === d[L]) && t.push(d[s]), t.length === i.length)
             return;
-          l.children?.length && h(l.children);
+          d.children?.length && h(d.children);
         }
       }
-      return h(e(c)), n.length ? n.length === 1 ? d("span", null, [n[0]]) : d($, {
+      return h(e(c)), t.length ? t.length === 1 ? r("span", null, [t[0]]) : r($, {
         size: 4
-      }, B(t = n.map((a, l) => d(H, {
+      }, w(a = t.map((l, d) => r(H, {
         style: "margin-right: 0px",
-        key: `${a}-${l}`
-      }, B(a) ? a : {
+        key: `${l}-${d}`
+      }, w(l) ? l : {
+        default: () => [l]
+      }))) ? a : {
         default: () => [a]
-      }))) ? t : {
-        default: () => [t]
-      }) : d(g, null, [o.emptyText]);
+      }) : r(g, null, [o.emptyText]);
     });
     function V() {
       p.value?.focus?.();
@@ -214,16 +214,16 @@ const de = /* @__PURE__ */ A({
     function k() {
       p.value?.blur?.();
     }
-    function I(t) {
-      return y(t);
+    function I(a) {
+      return y(a);
     }
-    return x({
+    return B({
       request: y,
       focus: V,
       blur: k
-    }), (t, u) => t.mode === "read" ? (S(), v(K(D.value), {
+    }), (a, u) => n.mode === "read" ? (x(), v(U(D.value), {
       key: 0
-    })) : (S(), v(e(W), U({
+    })) : (x(), v(e(W), _({
       key: 1
     }, e(Q)(o, ["onUpdate:value", "value", "treeData", "loadData"]), {
       ref_key: "treeSelectRef",
@@ -231,16 +231,16 @@ const de = /* @__PURE__ */ A({
       value: e(f),
       "tree-data": e(c),
       loading: e(m),
-      "load-data": t.loadData ? I : void 0,
+      "load-data": n.loadData ? I : void 0,
       "onUpdate:value": e(b)
     }), z({
       _: 2
-    }, [M(N, (i, n) => ({
-      name: n,
-      fn: w((s) => [j(t.$slots, n, q(O(s || {})))])
+    }, [M(N, (i, t) => ({
+      name: t,
+      fn: S((s) => [j(a.$slots, t, q(O(s || {})))])
     })), e(m) ? {
       name: "notFoundContent",
-      fn: w(() => [d(e(G), {
+      fn: S(() => [r(e(G), {
         size: "small"
       })]),
       key: "0"