@aplus-frontend/ui 7.17.1-beta.0 → 7.17.2

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

@@ -1,7 +1,8 @@
-import { defineComponent as k, onMounted as V, computed as f, unref as o, renderSlot as K } from "vue";
-import { isArray as g } from "lodash-unified";
-import { useInjectForm as h } from "../context.mjs";
-const L = /* @__PURE__ */ k({
+import { defineComponent as _, computed as f, unref as s, renderSlot as k } from "vue";
+import { isArray as K } from "lodash-unified";
+import { useInjectForm as g } from "../context.mjs";
+import h from "../hooks/use-regist-form.mjs";
+const b = /* @__PURE__ */ _({
   name: "ApFormList",
   __name: "index",
   props: {
@@ -10,46 +11,40 @@ const L = /* @__PURE__ */ k({
     transform: { type: [Function, Object] }
   },
   setup(p) {
-    let a = 1;
-    const s = [], t = p, { model: l, updateModel: m, internalInstance: d } = h();
-    V(() => {
-      d?.registerField({
-        name: t.name,
-        initialValue: t.initialValue,
-        transform: t.transform
-      });
-    });
-    const i = f(() => t.name ? g(t.name) ? t.name.reduce((e, n) => e?.[n], o(l)) : l?.value[t.name] : null);
-    function y(e = void 0) {
-      const n = o(i) ? [...o(i), e] : [e], r = a;
-      return s.push(r), a += 1, m?.(t.name, n), r;
+    let o = 1;
+    const u = [], n = p, { model: i, updateModel: l } = g();
+    h(n);
+    const a = f(() => n.name ? K(n.name) ? n.name.reduce((e, t) => e?.[t], s(i)) : i?.value[n.name] : null);
+    function d(e = void 0) {
+      const t = s(a) ? [...s(a), e] : [e], r = o;
+      return u.push(r), o += 1, l?.(n.name, t), r;
     }
-    function v(e) {
-      let n = o(i) || [];
-      n = [...n.slice(0, e), ...n.slice(e + 1)], s.splice(e, 1), m?.(t.name, n);
+    function y(e) {
+      let t = s(a) || [];
+      t = [...t.slice(0, e), ...t.slice(e + 1)], u.splice(e, 1), l?.(n.name, t);
     }
-    function F() {
+    function v() {
       return c.value.map((e) => e.key);
     }
-    const _ = {
-      add: y,
-      remove: v,
-      getFieldKeys: F
-    }, c = f(() => (o(i) || []).map((n, r) => {
-      let u = s[r];
-      return typeof u > "u" && (s[r] = a, u = a, a += 1), {
-        key: u,
+    const F = {
+      add: d,
+      remove: y,
+      getFieldKeys: v
+    }, c = f(() => (s(a) || []).map((t, r) => {
+      let m = u[r];
+      return typeof m > "u" && (u[r] = o, m = o, o += 1), {
+        key: m,
         fieldName: r,
-        name: [t.name, r].flat(),
-        value: n
+        name: [n.name, r].flat(),
+        value: t
       };
     }));
-    return (e, n) => K(e.$slots, "default", {
+    return (e, t) => k(e.$slots, "default", {
       fields: c.value,
-      actions: _
+      actions: F
     });
   }
 });
 export {
-  L as default
+  b as default
 };

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

@@ -1,19 +1,21 @@
-import { isVNode as O, defineComponent as z, useSlots as E, ref as d, watch as $, cloneVNode as q, computed as A, createVNode as n, mergeProps as m, unref as o, createElementBlock as D, openBlock as p, Fragment as L, createBlock as T, createCommentVNode as K, withCtx as b, createElementVNode as W, normalizeClass as G, normalizeStyle as H, renderSlot as C, resolveDynamicComponent as B, createTextVNode as J, toDisplayString as Q } from "vue";
-import { Button as v, Flex as X, Space as Y, Modal as Z } from "@aplus-frontend/antdv";
+import { isVNode as E, defineComponent as $, computed as p, useSlots as q, ref as d, watch as A, cloneVNode as L, createVNode as n, mergeProps as m, unref as a, createElementBlock as D, openBlock as v, Fragment as K, createBlock as C, createCommentVNode as B, withCtx as b, createElementVNode as W, normalizeClass as G, normalizeStyle as H, renderSlot as k, createTextVNode as J, toDisplayString as Q } from "vue";
+import { Button as y, Flex as X, Space as Y, Modal as Z } from "@aplus-frontend/antdv";
 import { omit as ee } from "lodash-unified";
+import "../../render/index.mjs";
 import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
 import { getSingleVNode as te } from "../../utils/slot.mjs";
 import "../ap-form.vue.mjs";
 import le from "../style/modal-form.mjs";
-import { useControllableValue as ae } from "../../hooks/useControllableValue.mjs";
-import { useLocale as oe } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as oe } from "../../hooks/useControllableValue.mjs";
+import { useLocale as ae } from "../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as se } from "../../config-provider/hooks/use-namespace.mjs";
 import ne from "../ap-form.vue2.mjs";
-function k(r) {
-  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !O(r);
+import P from "../../render/render.mjs";
+function S(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !E(r);
 }
-const Ne = /* @__PURE__ */ z({
+const Re = /* @__PURE__ */ $({
   name: "ApFormModalForm",
   __name: "index",
   props: {
@@ -96,52 +98,55 @@ const Ne = /* @__PURE__ */ z({
   },
   emits: ["update:open"],
   setup(r, {
-    expose: P,
-    emit: S
+    expose: w,
+    emit: N
   }) {
-    const t = r, c = E(), w = S, a = d(), y = d(0), i = d(), s = d(!1), {
-      value: N,
+    const t = r, x = p(() => ee(t, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), c = q(), R = N, o = d(), F = d(0), i = d(), s = d(!1), {
+      value: _,
       updateValue: u
-    } = ae(t, w, {
+    } = oe(t, R, {
       valuePropName: "open",
       defaultValue: !1,
       beforeUpdateValue(e) {
-        return e && (y.value += 1), !0;
+        return e && (F.value += 1), !0;
       }
     }), {
       t: f
-    } = oe(), x = le("ap-form-modal-form"), {
-      b: R,
-      e: F
+    } = ae(), I = le("ap-form-modal-form"), {
+      b: M,
+      e: h
     } = se("ap-form-modal-form");
-    $(() => a.value, (e) => {
+    A(() => o.value, (e) => {
       e && i.value && (e.setFieldsValue?.(i.value), i.value = void 0);
     });
-    const h = te(c.trigger), g = h ? q(h, {
-      onClick: () => {
-        u(!0);
-      }
-    }) : null, _ = A(() => {
+    const g = p(() => {
+      const e = te(c.trigger);
+      return e ? L(e, {
+        onClick: () => {
+          u(!0);
+        }
+      }) : null;
+    }), V = p(() => {
       const e = [];
       if (t.submitter === !1)
         return null;
       if (t.showCancel) {
         let l;
-        e.push(n(v, {
-          onClick: V,
+        e.push(n(y, {
+          onClick: T,
           disabled: s.value
-        }, k(l = f("ap.common.cancelText")) ? l : {
+        }, S(l = f("ap.common.cancelText")) ? l : {
           default: () => [l]
         }));
       }
-      return t.submitter?.resetButtonProps !== !1 && e.push(n(v, m(t.submitter?.resetButtonProps || {}, {
+      return t.submitter?.resetButtonProps !== !1 && e.push(n(y, m(t.submitter?.resetButtonProps || {}, {
         key: "reset",
         disabled: s.value,
-        onClick: I,
+        onClick: U,
         htmlType: "reset"
       }), {
         default: () => [t.submitter?.resetText || f("ap.common.resetText")]
-      })), t.submitter?.submitButtonProps !== !1 && e.push(n(v, m({
+      })), t.submitter?.submitButtonProps !== !1 && e.push(n(y, m({
         type: "primary",
         key: "submit",
         htmlType: "submit"
@@ -151,26 +156,26 @@ const Ne = /* @__PURE__ */ z({
         default: () => [t.submitter?.submitText || f("ap.common.okText")]
       })), n(X, {
         justify: "flex-end",
-        key: o(y),
-        class: [F("footer")]
+        key: a(F),
+        class: [h("footer")]
       }, {
-        default: () => [c.submitter ? c.submitter(e) : n(Y, null, k(e) ? e : {
+        default: () => [c.submitter ? c.submitter(e) : n(Y, null, S(e) ? e : {
           default: () => [e]
         })]
       });
     });
-    function I() {
-      t.submitter !== !1 && (a.value?.resetFields(), t.submitter?.onReset?.());
+    function U() {
+      t.submitter !== !1 && (o.value?.resetFields(), t.submitter?.onReset?.());
     }
-    async function M(e) {
+    async function j(e) {
       if (t.submitter !== !1)
         try {
           t.submitter?.onSubmit?.(), s.value = !0;
           const l = t.onFinish?.(e);
           if (t.submitTimeout && l instanceof Promise) {
-            const j = setTimeout(() => s.value = !1, t.submitTimeout);
+            const z = setTimeout(() => s.value = !1, t.submitTimeout);
             l.finally(() => {
-              clearTimeout(j), s.value = !1;
+              clearTimeout(z), s.value = !1;
             });
           }
           await l && u(!1);
@@ -178,72 +183,76 @@ const Ne = /* @__PURE__ */ z({
           s.value = !1;
         }
     }
-    function V() {
-      o(s) || u(!1);
+    function T() {
+      a(s) || u(!1);
     }
-    function U(e) {
-      !e && o(s) || u(e);
+    function O(e) {
+      !e && a(s) || u(e);
     }
-    return P({
+    return w({
       resetFields: async () => {
-        a.value?.resetFields();
+        o.value?.resetFields();
       },
       clearValidate: (e) => {
-        a.value?.clearValidate(e);
+        o.value?.clearValidate(e);
       },
-      validateFields: (e, l) => a.value?.validateFields(e, l),
-      getFieldsValue: (e) => a.value?.getFieldsValue(e),
-      validate: (e, l) => a.value?.validate(e, l),
+      validateFields: (e, l) => o.value?.validateFields(e, l),
+      getFieldsValue: (e) => o.value?.getFieldsValue(e),
+      validate: (e, l) => o.value?.validate(e, l),
       scrollToField: (e, l = {}) => {
-        a.value?.scrollToField(e, l);
+        o.value?.scrollToField(e, l);
       },
       setFieldValue: (e, l) => {
-        a.value?.setFieldValue?.(e, l);
+        o.value?.setFieldValue?.(e, l);
       },
       setFieldsValue: (e) => {
-        if (!a.value) {
+        if (!o.value) {
           i.value = e;
           return;
         }
-        a.value?.setFieldsValue?.(e);
+        o.value?.setFieldsValue?.(e);
       },
-      getInternalInstance: (e) => a.value?.getInternalInstance(e),
+      getInternalInstance: (e) => o.value?.getInternalInstance(e),
       getFieldsValueTransformed(e) {
-        return a.value?.getFieldsValueTransformed(e);
+        return o.value?.getFieldsValueTransformed(e);
       },
       validateFieldsReturnTransformed(e, l) {
-        return a.value?.validateFieldsReturnTransformed(e, l);
+        return o.value?.validateFieldsReturnTransformed(e, l);
       }
-    }), (e, l) => (p(), D(L, null, [n(o(Z), m(e.modalProps, {
-      open: o(N),
+    }), (e, l) => (v(), D(K, null, [n(a(Z), m(e.modalProps, {
+      open: a(_),
       footer: null,
       width: e.width,
-      class: [o(R)(), o(x)],
+      class: [a(M)(), a(I)],
       "body-style": {
         padding: "0px !important"
       },
-      "onUpdate:open": U,
-      onCancel: V
+      "onUpdate:open": O,
+      onCancel: T
     }), {
-      title: b(() => [C(e.$slots, "title", {}, () => [J(Q(t.title), 1)])]),
+      title: b(() => [k(e.$slots, "title", {}, () => [J(Q(t.title), 1)])]),
       default: b(() => [n(ne, m({
         ref_key: "formRef",
-        ref: a
-      }, o(ee)(t, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"]), {
-        onFinish: M
+        ref: o
+      }, x.value, {
+        onFinish: j
       }), {
         default: b(() => [W("div", {
           style: H(e.modalProps?.bodyStyle),
-          class: G(o(F)("content"))
-        }, [C(e.$slots, "default")], 6), (p(), T(B(_.value)))]),
+          class: G(a(h)("content"))
+        }, [k(e.$slots, "default")], 6), V.value ? (v(), C(a(P), {
+          key: 0,
+          node: V.value
+        }, null, 8, ["node"])) : B("", !0)]),
         _: 3
       }, 16)]),
       _: 3
-    }, 16, ["open", "width", "class"]), o(g) ? (p(), T(B(o(g)), {
-      key: 0
-    })) : K("", !0)], 64));
+    }, 16, ["open", "width", "class"]), g.value ? (v(), C(a(P), {
+      key: 0,
+      node: g.value
+    }, null, 8, ["node"])) : B("", !0)], 64));
   }
 });
 export {
-  Ne as default
+  Re as default
 };

package/es/src/ap-form/set/index.vue.d.ts

@@ -2,10 +2,8 @@ import { ApFormSetProps } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        default: any;
-    }> & {
-        default: any;
+    slots: {
+        default?(_: {}): any;
     };
     refs: {};
     rootEl: any;

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

@@ -1,8 +1,11 @@
-import { defineComponent as c, useSlots as u, cloneVNode as p, onMounted as f, createElementBlock as d, openBlock as o, Fragment as V, renderList as _, createBlock as y, resolveDynamicComponent as C } from "vue";
-import { isFunction as F, cloneDeep as k } from "lodash-unified";
-import { isPromise as g } from "../../utils/is.mjs";
-import { useInjectForm as h } from "../context.mjs";
-const I = /* @__PURE__ */ c({
+import { defineComponent as p, cloneVNode as f, createBlock as i, openBlock as u, unref as c, withCtx as l, renderSlot as d } from "vue";
+import "../../render/index.mjs";
+import "../../utils/index.mjs";
+import { useDevWarning as _ } from "../../utils/warning.mjs";
+import g from "../hooks/use-regist-form.mjs";
+import { isDef as F } from "../../utils/is.mjs";
+import k from "../../render/render.mjs";
+const B = /* @__PURE__ */ p({
   name: "ApFormSet",
   __name: "index",
   props: {
@@ -11,21 +14,23 @@ const I = /* @__PURE__ */ c({
     initialValue: {},
     transform: {}
   },
-  setup(i) {
-    const { internalInstance: l } = h(), s = u(), e = i, m = () => (s.default?.() || []).map((r, t) => {
-      const a = e.as === "array" ? [e.name, t] : [e.name, r.props?.name || ""];
-      return p(r, { name: a });
+  setup(o) {
+    const e = o;
+    g(e);
+    const t = _("ApFormSet"), a = (n) => n.map((r, m) => {
+      if (e.as === "object" && !F(r.props?.name))
+        return t(!1, "usage", "FormItem skip because of no name prop."), r;
+      const s = e.as === "array" ? [e.name, m] : [e.name, r.props.name];
+      return f(r, { name: s.flat() });
     });
-    return f(async () => {
-      let n = F(e.initialValue) ? e.initialValue() : e.initialValue;
-      g(n) && (n = await n), l?.registerField({
-        name: e.name,
-        initialValue: k(n),
-        transform: e.transform
-      });
-    }), (n, r) => (o(!0), d(V, null, _(m(), (t, a) => (o(), y(C(t), { key: a }))), 128));
+    return (n, r) => (u(), i(c(k), { renderer: a }, {
+      default: l(() => [
+        d(n.$slots, "default")
+      ]),
+      _: 3
+    }));
   }
 });
 export {
-  I as default
+  B as default
 };

package/es/src/ap-grid/index.vue.mjs

@@ -124,7 +124,7 @@ const uo = /* @__PURE__ */ Ye({
     x && !x.__VXE_PC_UI_INSTALLED__ && (x.use(le), x.__VXE_PC_UI_INSTALLED__ = !0), Ct("ApGrid")(
       !1,
       "breaking",
-      "AgGrid has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead."
+      "ApGrid has been EOL, Please use AgGrid(https://aplus.aplnk.com/aplus-ui/components/ag-grid/) instead."
     );
     const { e: k, b: u, be: me } = Pt("ap-grid"), ge = Ft("ap-grid"), he = ce("valueTypeMap"), Ce = ce("apGrid"), i = y([]), W = y([]), l = y(), F = y(o.size), ve = kt(), [, ye] = lt(), { t: we } = Tt(), T = y(!0);
     le.setConfig({