@aplus-frontend/ui 0.6.0-beta.20 → 0.6.0-beta.22

package/es/src/ap-drawer/style/index.js

@@ -1 +1 @@
-export {};
+import '@aplus-frontend/ui/theme/ap-drawer/ap-drawer.less';

package/es/src/ap-drawer/utils/createDrawer.mjs

@@ -1,31 +1,34 @@
-import { render as x, defineComponent as D, createVNode as v, mergeProps as O, h as V } from "vue";
-import { Drawer as E } from "@aplus-frontend/antdv";
-import { ConfigProvider as U, globalConfigCached as A } from "../../config-provider/config-provider.mjs";
-import { omit as N } from "lodash-unified";
-const z = (l) => {
+import { render as b, defineComponent as O, createVNode as u, mergeProps as V, h as D } from "vue";
+import "../ApDrawer.vue2.mjs";
+import "../components/ApDrawerClose.vue2.mjs";
+import { ConfigProvider as E, globalConfigCached as U } from "../../config-provider/config-provider.mjs";
+import { omit as A } from "lodash-unified";
+import N from "../ApDrawer.vue.mjs";
+import T from "../components/ApDrawerClose.vue.mjs";
+const G = (l) => {
   let o, c;
   const {
-    destroyOnClose: f = !0
+    destroyOnClose: m = !0
   } = l;
-  function h() {
+  function f() {
     o && o(!1), setTimeout(() => {
       var e;
-      x(null, t), (e = t.parentElement) == null || e.removeChild(t);
+      b(null, t), (e = t.parentElement) == null || e.removeChild(t);
     }, 500);
   }
-  function b() {
+  function P() {
     o && o(!0);
   }
-  function m() {
+  function h() {
     o && o(!1);
   }
   function w(e) {
     c && c(e);
   }
-  const P = /* @__PURE__ */ D({
+  const y = /* @__PURE__ */ O({
     data() {
       return {
-        open: f,
+        open: m,
         props: l
       };
     },
@@ -41,42 +44,44 @@ const z = (l) => {
     },
     methods: {
       async handleClose() {
-        var e, n, r, s, p;
+        var e, n, r, s, i;
         if ((e = this.props) != null && e.onClose) {
-          const i = ((s = (r = (n = this.props) == null ? void 0 : n.content) == null ? void 0 : r.component) == null ? void 0 : s.exposed) ?? void 0;
-          await ((p = this.props) == null ? void 0 : p.onClose(i));
+          const p = ((s = (r = (n = this.props) == null ? void 0 : n.content) == null ? void 0 : r.component) == null ? void 0 : s.exposed) ?? void 0;
+          await ((i = this.props) == null ? void 0 : i.onClose(p));
         }
-        f ? h() : m();
+        m ? f() : h();
       }
     },
     render() {
-      var s, p, i;
-      const e = N(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), n = ((i = (p = (s = this.props) == null ? void 0 : s.content) == null ? void 0 : p.component) == null ? void 0 : i.exposed) ?? void 0, r = () => f ? h() : m();
-      return v(U, A.value, {
+      var s, i, p;
+      const e = A(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), n = ((p = (i = (s = this.props) == null ? void 0 : s.content) == null ? void 0 : i.component) == null ? void 0 : p.exposed) ?? void 0, r = () => m ? f() : h();
+      return u(E, U.value, {
         default: () => {
-          var a, u, d, C;
-          return [v(E, O({
+          var C, a, g, d, x;
+          return [u(N, V({
             open: this.open,
             onClose: this.handleClose,
-            extra: (u = (a = this.props) == null ? void 0 : a.extra) == null ? void 0 : u.call(a, n, r),
-            footer: (C = (d = this.props) == null ? void 0 : d.footer) == null ? void 0 : C.call(d, n, r)
+            extra: (C = this.props) != null && C.extra ? (g = (a = this.props) == null ? void 0 : a.extra) == null ? void 0 : g.call(a, n, r) : u(T, {
+              onClose: () => this.handleClose()
+            }, null),
+            footer: (x = (d = this.props) == null ? void 0 : d.footer) == null ? void 0 : x.call(d, n, r)
           }, e), {
             default: () => {
-              var g;
-              return [(g = this.props) == null ? void 0 : g.content];
+              var v;
+              return [(v = this.props) == null ? void 0 : v.content];
             }
           })];
         }
       });
     }
-  }), y = l.getContainer || document.body, t = document.createElement("div");
-  return y.appendChild(t), x(V(P), t), {
-    destroy: h,
+  }), _ = l.getContainer || document.body, t = document.createElement("div");
+  return _.appendChild(t), b(D(y), t), {
+    destroy: f,
     update: w,
-    open: b,
-    close: m
+    open: P,
+    close: h
   };
 };
 export {
-  z as createDrawer
+  G as createDrawer
 };

package/es/src/ap-form/item/index.vue.mjs

@@ -1,15 +1,15 @@
-import { defineComponent as D, useSlots as $, ref as d, onMounted as j, computed as F, unref as t, watch as q, cloneVNode as E, createBlock as g, openBlock as h, mergeProps as K, createSlots as O, withCtx as i, createCommentVNode as Q, resolveDynamicComponent as U, renderList as Y, createElementVNode as G, normalizeClass as H, createVNode as p, normalizeStyle as J, renderSlot as M, normalizeProps as W, guardReactiveProps as X } from "vue";
-import { Form as Z, Tooltip as ee, TypographyText as oe } from "@aplus-frontend/antdv";
-import { useToken as te } from "@aplus-frontend/antdv/es/theme/internal";
-import { isFunction as B, cloneDeep as le, isArray as re, omit as C } from "lodash-unified";
-import { apFormItemColPropKeys as ae } from "../constant.mjs";
-import { QuestionCircleOutlined as ne } from "@ant-design/icons-vue";
+import { defineComponent as D, useSlots as L, ref as b, onMounted as _, computed as $, unref as l, cloneVNode as j, createBlock as v, openBlock as F, mergeProps as q, createSlots as E, withCtx as i, resolveDynamicComponent as K, renderList as O, createElementVNode as Q, normalizeClass as U, createVNode as p, normalizeStyle as Y, renderSlot as G, normalizeProps as H, guardReactiveProps as J } from "vue";
+import { Form as M, Tooltip as W, TypographyText as X } from "@aplus-frontend/antdv";
+import { useToken as Z } from "@aplus-frontend/antdv/es/theme/internal";
+import { isFunction as V, cloneDeep as ee, isArray as oe, omit as g } from "lodash-unified";
+import { apFormItemColPropKeys as le } from "../constant.mjs";
+import { QuestionCircleOutlined as te } from "@ant-design/icons-vue";
 import "../../config-provider/index.mjs";
-import { useInjectForm as ie } from "../context.mjs";
-import { isPromise as se } from "@fruits-chain/utils";
-import { getSingleVNode as ue, getValidVNodeList as me } from "../../utils/slot.mjs";
-import { useNamespace as fe } from "../../config-provider/hooks/use-namespace.mjs";
-const Ce = /* @__PURE__ */ D({
+import { useInjectForm as re } from "../context.mjs";
+import { isPromise as ae } from "@fruits-chain/utils";
+import { getValidVNodeList as ne } from "../../utils/slot.mjs";
+import { useNamespace as ie } from "../../config-provider/hooks/use-namespace.mjs";
+const Ve = /* @__PURE__ */ D({
   name: "ApFormItem",
   __name: "index",
   props: {
@@ -54,110 +54,102 @@ const Ce = /* @__PURE__ */ D({
     transform: {},
     description: {}
   },
-  setup(x, { expose: N }) {
-    const o = x, a = $(), { model: s, updateModel: u, internalInstance: m } = ie(), { m: c, b: k } = fe("ap-form-item"), f = d(!1), n = d(), [, P] = te();
-    j(async () => {
-      let e = B(o.initialValue) ? o.initialValue() : o.initialValue;
-      se(e) && (e = await e), m == null || m.registerField({
+  setup(B, { expose: h }) {
+    const o = B, s = L(), { model: u, updateModel: f, internalInstance: m } = re(), { m: c, b: x } = ie("ap-form-item"), d = b(!1), a = b(), [, C] = Z();
+    _(async () => {
+      let e = V(o.initialValue) ? o.initialValue() : o.initialValue;
+      ae(e) && (e = await e), m == null || m.registerField({
         name: o.name,
-        initialValue: le(e),
+        initialValue: ee(e),
         transform: o.transform
       });
     });
-    const y = F(() => o.name ? re(o.name) ? o.name.reduce((e, l) => e == null ? void 0 : e[l], t(s)) : s == null ? void 0 : s.value[o.name] : null), v = d(ue(a.default));
-    q(
-      () => {
-        var e;
-        return (e = a.default) == null ? void 0 : e.call(a);
-      },
-      (e) => {
-        v.value = me(e)[0];
-      }
-    );
-    function S(e) {
-      u == null || u(o.name, e);
+    const y = $(() => o.name ? oe(o.name) ? o.name.reduce((e, t) => e == null ? void 0 : e[t], l(u)) : u == null ? void 0 : u.value[o.name] : null);
+    function k() {
+      var r, n;
+      const e = ((r = s.default) == null ? void 0 : r.call(s)) || [];
+      if (!o.name)
+        return e[0];
+      const t = ne(e)[0];
+      return t ? j(t, {
+        [o.valuePropName]: l(y),
+        [`onUpdate:${o.valuePropName}`]: N,
+        bordered: o.bordered ? !1 : (n = t == null ? void 0 : t.props) == null ? void 0 : n.bordered,
+        onFocus: P,
+        onBlur: S
+      }) : null;
     }
-    function w() {
-      f.value = !0;
+    function N(e) {
+      f == null || f(o.name, e);
     }
-    function T() {
-      f.value = !1;
+    function P() {
+      d.value = !0;
     }
-    const V = F(() => {
-      var l, r;
-      if (!o.name)
-        return (l = a.default()) == null ? void 0 : l[0];
-      const e = t(v);
-      return e ? E(e, {
-        [o.valuePropName]: t(y),
-        [`onUpdate:${o.valuePropName}`]: S,
-        bordered: o.bordered ? !1 : (r = e == null ? void 0 : e.props) == null ? void 0 : r.bordered,
-        onFocus: w,
-        onBlur: T
-      }) : null;
-    });
-    function I() {
+    function S() {
+      d.value = !1;
+    }
+    function T() {
       var e;
-      (e = n.value) == null || e.onFieldBlur();
+      (e = a.value) == null || e.onFieldBlur();
     }
-    function z() {
+    function w() {
       var e;
-      (e = n.value) == null || e.onFieldChange();
+      (e = a.value) == null || e.onFieldChange();
     }
-    function A() {
+    function I() {
       var e;
-      (e = n.value) == null || e.clearValidate();
+      (e = a.value) == null || e.clearValidate();
     }
-    function L() {
+    function z() {
       var e;
-      (e = n.value) == null || e.resetField();
+      (e = a.value) == null || e.resetField();
     }
     function R(e = !1) {
-      const l = t(y);
+      const t = l(y);
       if (!e || !o.transform)
-        return l;
-      const r = B(o.transform) ? o.transform : o.transform.transformer;
-      return o.transform ? r(l) : l;
+        return t;
+      const r = V(o.transform) ? o.transform : o.transform.transformer;
+      return o.transform ? r(t) : t;
     }
-    return N({
-      onFieldBlur: I,
-      onFieldChange: z,
-      clearValidate: A,
-      resetField: L,
+    return h({
+      onFieldBlur: T,
+      onFieldChange: w,
+      clearValidate: I,
+      resetField: z,
       getFieldValue: R
-    }), (e, l) => (h(), g(t(Z).Item, K(
+    }), (e, t) => (F(), v(l(M).Item, q(
       {
         ref_key: "formItemRef",
-        ref: n
+        ref: a
       },
-      t(C)(o, [...t(ae), "tooltip", "label", "description"]),
+      l(g)(o, [...l(le), "tooltip", "label", "description"]),
       {
         class: {
-          [t(c)("bordered")]: e.bordered,
-          [t(c)("focused")]: e.bordered && f.value,
-          [t(k)()]: !0
+          [l(c)("bordered")]: e.bordered,
+          [l(c)("focused")]: e.bordered && d.value,
+          [l(x)()]: !0
         },
         colon: e.bordered ? !1 : o.colon
       }
-    ), O({
+    ), E({
       default: i(() => [
-        V.value ? (h(), g(U(V.value), { key: 0 })) : Q("", !0)
+        (F(), v(K(k())))
       ]),
       _: 2
     }, [
       o.tooltip ? {
         name: "tooltip",
         fn: i(({ class: r }) => [
-          G("span", {
-            class: H(r)
+          Q("span", {
+            class: U(r)
           }, [
-            p(t(ee), {
+            p(l(W), {
               title: o.tooltip
             }, {
               default: i(() => [
-                p(t(ne), {
-                  style: J({
-                    color: t(P).colorTextTertiary,
+                p(l(te), {
+                  style: Y({
+                    color: l(C).colorTextTertiary,
                     fontSize: "14px",
                     transform: "translateY(1px)"
                   })
@@ -172,7 +164,7 @@ const Ce = /* @__PURE__ */ D({
       e.label ? {
         name: "label",
         fn: i(() => [
-          p(t(oe), {
+          p(l(X), {
             content: e.label,
             ellipsis: { tooltip: e.label },
             style: { "min-width": "0px", flex: "1" }
@@ -180,15 +172,15 @@ const Ce = /* @__PURE__ */ D({
         ]),
         key: "1"
       } : void 0,
-      Y(t(C)(a, "default"), (r, b) => ({
-        name: b,
-        fn: i((_) => [
-          M(e.$slots, b, W(X(_ || {})))
+      O(l(g)(s, "default"), (r, n) => ({
+        name: n,
+        fn: i((A) => [
+          G(e.$slots, n, H(J(A || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));
   }
 });
 export {
-  Ce as default
+  Ve as default
 };

package/es/src/ap-form/item-group/index.vue.mjs

@@ -1,15 +1,15 @@
-import { isVNode as C, defineComponent as h, useSlots as w, onBeforeUpdate as k, shallowRef as _, watch as B, computed as P, unref as r, createVNode as R, mergeProps as u, createBlock as d, openBlock as s, withCtx as S, createElementBlock as b, Fragment as x, renderList as N, resolveDynamicComponent as j } from "vue";
-import { Col as v, Row as F } from "@aplus-frontend/antdv";
-import { pick as D, isBoolean as I, omit as O } from "lodash-unified";
-import { apFormItemColPropKeys as V } from "../constant.mjs";
-import { genRealChildren as l, buildColSpan as $, getStringName as A } from "./helper.mjs";
+import { isVNode as C, defineComponent as _, useSlots as k, unref as r, createVNode as w, mergeProps as u, createBlock as l, openBlock as i, withCtx as P, createElementBlock as R, Fragment as S, renderList as b, resolveDynamicComponent as h } from "vue";
+import { Col as x, Row as B } from "@aplus-frontend/antdv";
+import { pick as N, isBoolean as j, omit as F } from "lodash-unified";
+import { apFormItemColPropKeys as D } from "../constant.mjs";
+import { genRealChildren as I, buildColSpan as O, getStringName as V } from "./helper.mjs";
 import "../../config-provider/index.mjs";
-import { isDef as E } from "../../utils/index.mjs";
-import { useNamespace as G } from "../../config-provider/hooks/use-namespace.mjs";
-function H(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !C(t);
+import { isDef as $ } from "../../utils/index.mjs";
+import { useNamespace as v } from "../../config-provider/hooks/use-namespace.mjs";
+function A(o) {
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !C(o);
 }
-const T = /* @__PURE__ */ h({
+const M = /* @__PURE__ */ _({
   name: "ApFormItemGroup",
   __name: "index",
   props: {
@@ -27,30 +27,29 @@ const T = /* @__PURE__ */ h({
       default: 3
     }
   },
-  setup(t) {
-    const {
-      b: c
-    } = G("ap-form-item-group"), i = t, a = w();
-    k(() => {
-      p.value = l(a.default());
-    }), B(() => a.default(), (o) => {
-      p.value = l(o);
-    });
-    const p = _(l(a.default())), f = P(() => r(p).map((o, m) => {
-      const e = o.props, n = D(e, V), g = n != null && n.span ? {} : $(i.countPerRow), y = I(e.hidden) ? !!e.hidden : E(e.hidden);
-      return {
-        key: `${m}-${A(e.name)}`,
-        node: R(v, u(g, n, {
-          class: y ? c("col-hidden") : ""
-        }), H(o) ? o : {
-          default: () => [o]
-        })
-      };
-    }));
-    return (o, m) => (s(), d(r(F), u({
-      class: r(c)()
-    }, r(O)(i, ["countPerRow"])), {
-      default: S(() => [(s(!0), b(x, null, N(f.value, (e) => (s(), d(j(e.node), {
+  setup(o) {
+    const m = o, p = k(), {
+      b: s
+    } = v("ap-form-item-group");
+    function d() {
+      var a;
+      const c = I(((a = p.default) == null ? void 0 : a.call(p)) || []);
+      return r(c).map((e, f) => {
+        const t = e.props, n = N(t, D), g = n != null && n.span ? {} : O(m.countPerRow), y = j(t.hidden) ? !!t.hidden : $(t.hidden);
+        return {
+          key: `${f}-${V(t.name)}`,
+          node: w(x, u(g, n, {
+            class: y ? s("col-hidden") : ""
+          }), A(e) ? e : {
+            default: () => [e]
+          })
+        };
+      });
+    }
+    return (c, a) => (i(), l(r(B), u({
+      class: r(s)()
+    }, r(F)(m, ["countPerRow"])), {
+      default: P(() => [(i(!0), R(S, null, b(d(), (e) => (i(), l(h(e.node), {
         key: e.key
       }))), 128))]),
       _: 1
@@ -58,5 +57,5 @@ const T = /* @__PURE__ */ h({
   }
 });
 export {
-  T as default
+  M as default
 };

package/es/src/ap-form/search-form/hooks/use-count-per-row.mjs

@@ -1,37 +1,35 @@
-import { ref as a, watchEffect as w, computed as s, unref as i } from "vue";
+import { ref as w, watchEffect as a, computed as s, unref as i } from "vue";
 import { useResizeObserver as P } from "@vueuse/core";
 import { isUndefined as R } from "lodash-unified";
-const c = [1, 2, 3, 4, 6, 8, 12, 24], g = { xs: 0, sm: 768, md: 1280, lg: 1728 }, z = Object.entries(g).sort(
-  (e, n) => n[1] - e[1]
-), T = (e) => {
-  const n = a(0);
-  w(
-    (t) => {
-      if (!(R(e.resizeTarget) ? document.documentElement : e.resizeTarget))
-        return;
-      const { stop: o } = P(e.resizeTarget, (f) => {
+const c = [1, 2, 3, 4, 6, 8, 12, 24], g = { xs: 0, sm: 768, md: 1280, lg: 1728 }, h = Object.entries(g).sort(
+  (t, r) => r[1] - t[1]
+), v = (t) => {
+  const r = w(0);
+  a(
+    (e) => {
+      const n = R(t.resizeTarget) ? document.documentElement : t.resizeTarget, { stop: o } = P(n, (f) => {
         const m = f[0], { width: d } = m.contentRect;
-        n.value = d;
+        r.value = d;
       });
-      t(() => {
+      e(() => {
         o();
       });
     },
     { flush: "post" }
   );
   const u = s(() => {
-    for (const [t, r] of z)
-      if (i(n) > r)
-        return t;
+    for (const [e, n] of h)
+      if (i(r) > n)
+        return e;
     return "md";
   });
   return s(() => {
-    const t = c.findIndex(
-      (o) => o === e.countPerRow
-    ), r = i(u);
-    return r === "lg" ? c[t + 1] || e.countPerRow : r === "xs" && c[t - 1] || e.countPerRow;
+    const e = c.findIndex(
+      (o) => o === t.countPerRow
+    ), n = i(u);
+    return n === "lg" ? c[e + 1] || t.countPerRow : n === "xs" && c[e - 1] || t.countPerRow;
   });
 };
 export {
-  T as useCountPerRow
+  v as useCountPerRow
 };