@aplus-frontend/ui 0.0.26 → 0.0.28

package/es/src/ap-action/group/index.vue.mjs

@@ -1,16 +1,17 @@
-import { defineComponent as h, computed as s, unref as i, openBlock as t, createBlock as r, withCtx as a, createElementBlock as m, Fragment as f, renderList as k, mergeProps as c, createVNode as A, createCommentVNode as v } from "vue";
-import { Space as w } from "ant-design-vue";
-import { MoreOutlined as y } from "@ant-design/icons-vue";
+import { defineComponent as h, computed as s, unref as c, openBlock as t, createBlock as r, withCtx as k, createElementBlock as u, Fragment as a, renderList as A, mergeProps as i, createCommentVNode as v } from "vue";
+import { Space as y } from "ant-design-vue";
 import "../item/index.vue.mjs";
 import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
 import "../item-dropdown/index.vue2.mjs";
-import { isUndefined as $ } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import { isUndefined as w } from "lodash-unified";
+import { useLocale as x } from "../../config-provider/hooks/use-locale.mjs";
 import p from "../item-dropdown/index.vue.mjs";
-import b from "../item-modal/index.vue.mjs";
-import B from "../item-popconfirm/index.vue.mjs";
-import C from "../item/index.vue2.mjs";
-const U = /* @__PURE__ */ h({
+import $ from "../item-modal/index.vue.mjs";
+import b from "../item-popconfirm/index.vue.mjs";
+import B from "../item/index.vue2.mjs";
+const q = /* @__PURE__ */ h({
   name: "ApActionGroup",
   __name: "index",
   props: {
@@ -19,13 +20,13 @@ const U = /* @__PURE__ */ h({
     placement: { default: "bottomRight" },
     actions: { default: () => [] }
   },
-  setup(_) {
-    const n = _, l = s(
+  setup(f) {
+    const n = f, { t: _ } = x(), m = s(
       () => n.actions.filter(
-        (e) => e.visible || $(e.visible)
+        (e) => e.visible || w(e.visible)
       )
-    ), d = s(() => i(l).length > n.count), u = s(() => {
-      const e = i(l);
+    ), g = s(() => c(m).length > n.count), l = s(() => {
+      const e = c(m);
       return e.length <= n.count ? {
         showActions: e,
         menuActions: []
@@ -34,43 +35,38 @@ const U = /* @__PURE__ */ h({
         menuActions: e.slice(n.count - 1)
       };
     });
-    return (e, P) => (t(), r(i(w), {
+    return (e, C) => (t(), r(c(y), {
       size: 16,
       align: "center"
     }, {
-      default: a(() => [
-        (t(!0), m(f, null, k(u.value.showActions, (o, g) => (t(), m(f, { key: g }, [
-          o.actions ? (t(), r(p, c({
+      default: k(() => [
+        (t(!0), u(a, null, A(l.value.showActions, (o, d) => (t(), u(a, { key: d }, [
+          o.actions ? (t(), r(p, i({
             key: 0,
             ref_for: !0
-          }, o), null, 16)) : o.modalProps ? (t(), r(b, c({
+          }, o), null, 16)) : o.modalProps ? (t(), r($, i({
             key: 1,
             ref_for: !0
-          }, o), null, 16)) : o.popconfirmProps ? (t(), r(B, c({
+          }, o), null, 16)) : o.popconfirmProps ? (t(), r(b, i({
             key: 2,
             ref_for: !0
-          }, o), null, 16)) : (t(), r(C, c({
+          }, o), null, 16)) : (t(), r(B, i({
             key: 3,
             ref_for: !0
           }, o), null, 16))
         ], 64))), 128)),
-        d.value ? (t(), r(p, {
+        g.value ? (t(), r(p, {
           key: 0,
-          actions: u.value.menuActions,
-          "show-icon": !1,
+          actions: l.value.menuActions,
           placement: e.placement,
-          trigger: e.trigger
-        }, {
-          default: a(() => [
-            A(i(y), { rotate: 90 })
-          ]),
-          _: 1
-        }, 8, ["actions", "placement", "trigger"])) : v("", !0)
+          trigger: e.trigger,
+          text: c(_)("ap.common.more")
+        }, null, 8, ["actions", "placement", "trigger", "text"])) : v("", !0)
       ]),
       _: 1
     }));
   }
 });
 export {
-  U as default
+  q as default
 };

package/es/src/ap-action/item-dropdown/index.vue.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as _, ref as v, computed as k, openBlock as t, createBlock as l, unref as r, withCtx as n, createVNode as u, createElementBlock as w, Fragment as B, renderList as b, normalizeClass as m, mergeProps as i, createElementVNode as A, normalizeProps as C, guardReactiveProps as P, renderSlot as D, createCommentVNode as I } from "vue";
+import { defineComponent as _, ref as v, computed as k, openBlock as t, createBlock as l, unref as r, withCtx as n, createVNode as u, createElementBlock as w, Fragment as A, renderList as B, normalizeClass as s, mergeProps as i, createElementVNode as b, normalizeProps as C, guardReactiveProps as I, renderSlot as P, createCommentVNode as D } from "vue";
 import { Dropdown as N, Menu as $, MenuItem as h } from "ant-design-vue";
-import { DownOutlined as V } from "@ant-design/icons-vue";
 import "../item/index.vue.mjs";
 import "../item-modal/index.vue2.mjs";
 import "../item-popconfirm/index.vue2.mjs";
+import { IconApAdLineDown as L } from "@aplus-frontend/icon";
 import "../../config-provider/index.mjs";
-import { isUndefined as z, omit as E } from "lodash-unified";
+import { isUndefined as V, omit as z } from "lodash-unified";
 import "../style/item-dropdown.css";
-import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
 import M from "../item-modal/index.vue.mjs";
 import U from "../item-popconfirm/index.vue.mjs";
 import d from "../item/index.vue2.mjs";
@@ -27,7 +27,7 @@ const W = /* @__PURE__ */ _({
     loading: { type: Boolean, default: !1 }
   },
   setup(c) {
-    const f = c, p = v(!1), { e: s } = L("action-item-dropdown"), g = k(() => f.actions.filter((e) => e.visible || z(e.visible)).map((e) => ({
+    const f = c, p = v(!1), { e: m } = E("action-item-dropdown"), g = k(() => f.actions.filter((e) => e.visible || V(e.visible)).map((e) => ({
       ...e,
       onAction: async (a) => {
         var o;
@@ -47,9 +47,9 @@ const W = /* @__PURE__ */ _({
       overlay: n(() => [
         u(r($), null, {
           default: n(() => [
-            (t(!0), w(B, null, b(g.value, (o, y) => (t(), l(r(h), {
+            (t(!0), w(A, null, B(g.value, (o, y) => (t(), l(r(h), {
               key: y,
-              class: m(r(s)("item"))
+              class: s(r(m)("item"))
             }, {
               default: n(() => [
                 o.modalProps ? (t(), l(M, i({
@@ -70,20 +70,19 @@ const W = /* @__PURE__ */ _({
         })
       ]),
       default: n(() => [
-        A("span", {
-          class: m(r(s)("wrapper"))
+        b("span", {
+          class: s(r(m)("wrapper"))
         }, [
-          u(d, C(P(r(E)(f, ["actions", "trigger", "placement"]))), {
+          u(d, C(I(r(z)(f, ["actions", "trigger", "placement"]))), {
             default: n(() => [
-              D(e.$slots, "default")
+              P(e.$slots, "default")
             ]),
             _: 3
           }, 16),
-          e.showIcon ? (t(), l(r(V), {
+          e.showIcon ? (t(), l(r(L), {
             key: 0,
-            class: m(r(s)("icon")),
-            style: { color: "#0070ff" }
-          }, null, 8, ["class"])) : I("", !0)
+            class: s(r(m)("icon"))
+          }, null, 8, ["class"])) : D("", !0)
         ], 2)
       ]),
       _: 3

package/es/src/ap-action/style/item-dropdown.css

@@ -7,5 +7,7 @@
   align-items: center;
 }
 .aplus-action-item-dropdown__icon {
+  color: #0070ff;
   margin-left: 4px;
+  font-size: 14px;
 }

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

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

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

@@ -1,14 +1,14 @@
-import { defineComponent as j, useSlots as q, ref as m, computed as B, unref as o, watch as D, cloneVNode as E, openBlock as h, createBlock as C, mergeProps as K, createSlots as O, withCtx as i, resolveDynamicComponent as Q, createCommentVNode as U, createElementVNode as w, normalizeClass as G, createVNode as g, normalizeStyle as H, renderList as J, renderSlot as W, normalizeProps as X, guardReactiveProps as Y } from "vue";
-import { Form as Z, Tooltip as M } from "ant-design-vue";
-import { useToken as ee } from "ant-design-vue/es/theme/internal";
-import { isArray as oe, omit as k } from "lodash-unified";
-import { apFormItemColPropKeys as te } from "./constant.mjs";
-import { QuestionCircleOutlined as re } from "@ant-design/icons-vue";
+import { defineComponent as q, useSlots as D, ref as f, onMounted as E, computed as h, unref as t, watch as K, cloneVNode as O, openBlock as C, createBlock as g, mergeProps as Q, createSlots as U, withCtx as i, resolveDynamicComponent as w, createCommentVNode as G, createElementVNode as H, normalizeClass as J, createVNode as V, normalizeStyle as M, renderList as W, renderSlot as X, normalizeProps as Y, guardReactiveProps as Z } from "vue";
+import { Form as ee, Tooltip as oe } from "ant-design-vue";
+import { useToken as te } from "ant-design-vue/es/theme/internal";
+import { isArray as le, omit as k } from "lodash-unified";
+import { apFormItemColPropKeys as re } from "./constant.mjs";
+import { QuestionCircleOutlined as ae } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useInjectForm as le } from "./context.mjs";
+import { useInjectForm as ne } from "./context.mjs";
 import "./style/ap-form-item.css";
-import { useNamespace as ae } from "../config-provider/hooks/use-namespace.mjs";
-const ye = /* @__PURE__ */ j({
+import { useNamespace as ue } from "../config-provider/hooks/use-namespace.mjs";
+const be = /* @__PURE__ */ q({
   name: "ApFormItem",
   __name: "ap-form-item",
   props: {
@@ -47,95 +47,103 @@ const ye = /* @__PURE__ */ j({
     xxl: {},
     flex: {},
     bordered: { type: Boolean, default: !1 },
-    valuePropName: { default: "value" }
+    valuePropName: { default: "value" },
+    initialValue: {}
   },
   setup(N, { expose: P }) {
-    var y, F;
-    const t = N, r = q(), { model: u, updateModel: d } = le(), { m: f, b: x } = ae("ap-form-item"), s = m(!1), l = m(), [, V] = ee(), p = B(() => t.name ? oe(t.name) ? t.name.reduce((e, a) => e == null ? void 0 : e[a], o(u)) : u == null ? void 0 : u.value[t.name] : null), c = m((F = (y = r.default) == null ? void 0 : y.call(r)) == null ? void 0 : F[0]);
-    D(
+    var F, b;
+    const o = N, l = D(), { model: u, updateModel: d, internalInstance: s } = ne(), { m: p, b: x } = ue("ap-form-item"), m = f(!1), r = f(), [, S] = te();
+    E(() => {
+      s == null || s.registerField({
+        name: o.name,
+        initialValue: o.initialValue
+      });
+    });
+    const c = h(() => o.name ? le(o.name) ? o.name.reduce((e, a) => e == null ? void 0 : e[a], t(u)) : u == null ? void 0 : u.value[o.name] : null), v = f((b = (F = l.default) == null ? void 0 : F.call(l)) == null ? void 0 : b[0]);
+    K(
       () => {
         var e;
-        return (e = r.default) == null ? void 0 : e.call(r);
+        return (e = l.default) == null ? void 0 : e.call(l);
       },
       (e) => {
-        c.value = e == null ? void 0 : e[0];
+        v.value = e == null ? void 0 : e[0];
       }
     );
     function I(e) {
-      d == null || d(t.name, e);
-    }
-    function S() {
-      s.value = !0;
+      d == null || d(o.name, e);
     }
     function _() {
-      s.value = !1;
+      m.value = !0;
     }
-    const v = B(() => {
+    function z() {
+      m.value = !1;
+    }
+    const y = h(() => {
       var a, n;
-      if (!t.name)
-        return (a = r.default()) == null ? void 0 : a[0];
-      const e = o(c);
-      return e ? E(e, {
-        [t.valuePropName]: o(p),
-        [`onUpdate:${t.valuePropName}`]: I,
-        bordered: t.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
-        onFocus: S,
-        onBlur: _
+      if (!o.name)
+        return (a = l.default()) == null ? void 0 : a[0];
+      const e = t(v);
+      return e ? O(e, {
+        [o.valuePropName]: t(c),
+        [`onUpdate:${o.valuePropName}`]: I,
+        bordered: o.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
+        onFocus: _,
+        onBlur: z
       }) : null;
     });
-    function z() {
-      var e;
-      (e = l.value) == null || e.onFieldBlur();
-    }
     function A() {
       var e;
-      (e = l.value) == null || e.onFieldChange();
+      (e = r.value) == null || e.onFieldBlur();
     }
     function R() {
       var e;
-      (e = l.value) == null || e.clearValidate();
+      (e = r.value) == null || e.onFieldChange();
     }
     function T() {
       var e;
-      (e = l.value) == null || e.resetField();
+      (e = r.value) == null || e.clearValidate();
     }
     function L() {
-      return o(p);
+      var e;
+      (e = r.value) == null || e.resetField();
+    }
+    function $() {
+      return t(c);
     }
     return P({
-      onFieldBlur: z,
-      onFieldChange: A,
-      clearValidate: R,
-      resetField: T,
-      getFieldValue: L
-    }), (e, a) => (h(), C(o(Z).Item, K({
+      onFieldBlur: A,
+      onFieldChange: R,
+      clearValidate: T,
+      resetField: L,
+      getFieldValue: $
+    }), (e, a) => (C(), g(t(ee).Item, Q({
       ref_key: "formItemRef",
-      ref: l
-    }, o(k)(t, [...o(te), "tooltip"]), {
+      ref: r
+    }, t(k)(o, [...t(re), "tooltip"]), {
       class: {
-        [o(f)("bordered")]: e.bordered,
-        [o(f)("focused")]: e.bordered && s.value,
-        [o(x)()]: !0
+        [t(p)("bordered")]: e.bordered,
+        [t(p)("focused")]: e.bordered && m.value,
+        [t(x)()]: !0
       },
-      colon: e.bordered ? !1 : t.colon
-    }), O({
+      colon: e.bordered ? !1 : o.colon
+    }), U({
       default: i(() => [
-        v.value ? (h(), C(Q(v.value), { key: 0 })) : U("", !0)
+        y.value ? (C(), g(w(y.value), { key: 0 })) : G("", !0)
       ]),
       _: 2
     }, [
-      t.tooltip ? {
+      o.tooltip ? {
         name: "tooltip",
         fn: i(({ class: n }) => [
-          w("span", {
-            class: G(n)
+          H("span", {
+            class: J(n)
           }, [
-            g(o(M), {
-              title: t.tooltip
+            V(t(oe), {
+              title: o.tooltip
             }, {
               default: i(() => [
-                g(o(re), {
-                  style: H({ color: o(V).colorPrimary })
+                V(t(ae), {
+                  style: M({ color: t(S).colorPrimary })
                 }, null, 8, ["style"])
               ]),
               _: 1
@@ -144,15 +152,15 @@ const ye = /* @__PURE__ */ j({
         ]),
         key: "0"
       } : void 0,
-      J(o(k)(r, "default"), (n, b) => ({
-        name: b,
-        fn: i(($) => [
-          W(e.$slots, b, X(Y($ || {})))
+      W(t(k)(l, "default"), (n, B) => ({
+        name: B,
+        fn: i((j) => [
+          X(e.$slots, B, Y(Z(j || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));
   }
 });
 export {
-  ye as default
+  be as default
 };

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

@@ -1,11 +1,20 @@
-import { ApFormProps, WatchFunc } from './interface';
+import { ApFormProps, RegistedFieldType, WatchFunc } from './interface';
 import { InternalNamePath, NamePath, ValidateOptions, FormLabelAlign } from 'ant-design-vue/es/form/interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 /**
  * 订阅事件
  */
-declare function registerWatch(callback: WatchFunc): () => void;
+declare function registerWatch(callback: WatchFunc, inner: boolean): () => void;
+/**
+ * 注册表单项
+ * @param field
+ */
+declare function registerField({ initialValue, name }: RegistedFieldType): void;
+declare function getInternalInstance(mark: string): {
+    registerField: typeof registerField;
+    registerWatch: typeof registerWatch;
+} | undefined;
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
     layout: string;
     hideRequiredMark: boolean;
@@ -14,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     validateOnRuleChange: boolean;
     validateTrigger: string;
 }>, {
-    resetFields: (name?: NamePath | undefined) => void;
+    resetFields: () => void;
     clearValidate: (name?: NamePath | undefined) => void;
     validateFields: (nameList?: string | NamePath[] | undefined, options?: ValidateOptions | undefined) => Promise<{
         [key: string]: any;
@@ -29,6 +38,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     setFieldsValue: (values: Record<string, any>) => void;
     setFieldValue: (key: any, newValue: any) => void;
     registerWatch: typeof registerWatch;
+    getInternalInstance: typeof getInternalInstance;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormProps>, {
     layout: string;
     hideRequiredMark: boolean;