@aplus-frontend/ui 0.1.32 → 0.1.33

package/es/src/check-card/group.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as g, unref as r, computed as v, renderSlot as b } from "vue";
+import { defineComponent as v, unref as r, computed as g, renderSlot as y } from "vue";
 import "../hooks/index.mjs";
-import { useProvideCheckCard as y } from "./context.mjs";
-import { isUndefined as B } from "lodash-unified";
-import { useControllableValue as C } from "../hooks/useControllableValue.mjs";
-const z = /* @__PURE__ */ g({
+import { useProvideCheckCard as b } from "./context.mjs";
+import { isUndefined as S } from "lodash-unified";
+import { useControllableValue as B } from "../hooks/useControllableValue.mjs";
+const P = /* @__PURE__ */ v({
   name: "CheckCardGroup",
   __name: "group",
   props: {
@@ -12,47 +12,51 @@ const z = /* @__PURE__ */ g({
     loading: { type: Boolean, default: void 0 },
     size: { default: void 0 },
     stopPropagation: { type: [Boolean, Function], default: void 0 },
+    indicatorSize: { default: void 0 },
+    style: { default: void 0 },
     multiple: { type: Boolean, default: !1 },
     defaultValue: { type: [String, Number, Boolean, Array], default: void 0 },
     value: { type: [String, Number, Boolean, Array], default: void 0 },
     "onUpdate:value": {}
   },
   emits: ["update:value"],
-  setup(d, { emit: u }) {
-    const t = d, p = u, { value: l, updateValue: n } = C(t, p), i = /* @__PURE__ */ new Map();
-    function s(e) {
+  setup(n, { emit: u }) {
+    const t = n, s = u, { value: a, updateValue: d } = B(t, s), l = /* @__PURE__ */ new Map();
+    function p(e) {
       if (!t.multiple) {
-        if (r(l) === e)
+        if (r(a) === e)
           return;
-        n(e);
+        d(e);
         return;
       }
-      let o = [...r(l) || []];
-      const c = o.find((a) => a === e);
-      B(c) ? o.push(e) : o = o.filter((a) => a !== e).filter((a) => i.has(a)), n(o);
+      let o = [...r(a) || []];
+      const c = o.find((i) => i === e);
+      S(c) ? o.push(e) : o = o.filter((i) => i !== e).filter((i) => l.has(i)), d(o);
     }
     function f(e) {
-      i.set(e, !0);
+      l.set(e, !0);
     }
     function m(e) {
-      i.delete(e);
+      l.delete(e);
     }
-    return y(
-      v(() => ({
-        toggleOption: s,
+    return b(
+      g(() => ({
+        toggleOption: p,
         registerValue: f,
         cancelValue: m,
         disabled: t.disabled,
         size: t.size,
         bordered: t.bordered,
         loading: t.loading,
-        value: r(l),
+        value: r(a),
         multiple: t.multiple,
-        stopPropagation: t.stopPropagation
+        stopPropagation: t.stopPropagation,
+        style: t.style,
+        indicatorSize: t.indicatorSize
       }))
-    ), (e, o) => b(e.$slots, "default");
+    ), (e, o) => y(e.$slots, "default");
   }
 });
 export {
-  z as default
+  P as default
 };

package/es/src/check-card/index.vue.d.ts

@@ -15,16 +15,18 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     bordered: boolean;
     size: string;
     checked: undefined;
-    style: () => {};
+    style: undefined;
     stopPropagation: boolean;
+    indicatorSize: undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
 }, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<CheckCardProps>, {
     bordered: boolean;
     size: string;
     checked: undefined;
-    style: () => {};
+    style: undefined;
     stopPropagation: boolean;
+    indicatorSize: undefined;
 }>>> & {
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -33,6 +35,7 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     bordered: boolean;
     checked: boolean;
     stopPropagation: boolean | ((event: MouseEvent) => boolean);
+    indicatorSize: number;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/es/src/check-card/index.vue2.mjs

@@ -1,14 +1,14 @@
-import { defineComponent as F, computed as u, unref as l, createVNode as m, watch as I, watchEffect as j, openBlock as i, createElementBlock as B, normalizeStyle as D, normalizeClass as N, withModifiers as M, createBlock as f, renderSlot as O, resolveDynamicComponent as P, createCommentVNode as v, createElementVNode as U } from "vue";
-import { Skeleton as W } from "ant-design-vue";
+import { defineComponent as I, computed as d, unref as o, createVNode as m, watch as W, watchEffect as $, openBlock as c, createElementBlock as z, normalizeStyle as j, normalizeClass as S, withModifiers as D, createBlock as f, renderSlot as M, resolveDynamicComponent as B, createCommentVNode as g, createElementVNode as O } from "vue";
+import { Skeleton as U } from "ant-design-vue";
 import "../config-provider/index.mjs";
 import "../hooks/index.mjs";
-import { isFunction as V } from "lodash-unified";
-import { useInjectCheckCard as $ } from "./context.mjs";
+import { isFunction as N } from "lodash-unified";
+import { useInjectCheckCard as q } from "./context.mjs";
 import "./style/index.css";
-import q from "./checked.svg.mjs";
-import { useNamespace as A } from "../config-provider/hooks/use-namespace.mjs";
-import { useControllableValue as G } from "../hooks/useControllableValue.mjs";
-const H = ["src"], te = /* @__PURE__ */ F({
+import A from "./checked.svg.mjs";
+import { useNamespace as G } from "../config-provider/hooks/use-namespace.mjs";
+import { useControllableValue as H } from "../hooks/useControllableValue.mjs";
+const J = ["src"], oe = /* @__PURE__ */ I({
   name: "CheckCard",
   __name: "index",
   props: {
@@ -29,6 +29,12 @@ const H = ["src"], te = /* @__PURE__ */ F({
       type: [Boolean, Function],
       default: !1
     },
+    indicatorSize: {
+      default: void 0
+    },
+    style: {
+      default: void 0
+    },
     checked: {
       type: Boolean,
       default: void 0
@@ -40,94 +46,97 @@ const H = ["src"], te = /* @__PURE__ */ F({
     value: {
       type: [String, Number, Boolean]
     },
-    style: {
-      default: () => ({})
-    },
     title: {},
     content: {}
   },
   emits: ["update:checked"],
-  setup(z, {
-    emit: _
+  setup(P, {
+    emit: V
   }) {
-    const o = z, {
-      b: g,
-      m: c,
+    const a = P, {
+      b: v,
+      m: s,
       e: p,
       em: k
-    } = A("check-card"), S = _, n = $(), {
+    } = G("check-card"), _ = V, l = q(), {
       value: r,
       updateValue: h
-    } = G(o, S, {
+    } = H(a, _, {
       valuePropName: "checked",
       defaultValuePropName: "defaultChecked"
-    }), a = u(() => {
+    }), n = d(() => {
       const e = {
-        ...o
-      }, t = l(n);
-      return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.stopPropagation = e.stopPropagation || t.stopPropagation), e;
-    }), w = u(() => {
-      const e = l(a);
-      return [g(), ...e.disabled ? [] : [g(), l(r) ? c("checked") : null], c(e.size), e.bordered ? c("bordered") : null, e.disabled ? c("disabled") : null];
-    }), b = u(() => {
-      const e = o.title;
+        ...a
+      }, t = o(l);
+      return t && (e.disabled = e.disabled || t.disabled, e.bordered = e.bordered || t.bordered, e.loading = e.loading || t.loading, e.size = e.size || t.size, e.indicatorSize = e.indicatorSize || t.indicatorSize, e.stopPropagation = e.stopPropagation || t.stopPropagation, e.style = e.style ? e.style : t.style), e;
+    }), w = d(() => {
+      const e = o(n);
+      return [v(), ...e.disabled ? [] : [v(), o(r) ? s("checked") : null], s(e.size), e.bordered ? s("bordered") : null, e.disabled ? s("disabled") : null];
+    }), T = d(() => {
+      const e = o(n);
+      return {
+        ...e.style || {},
+        "--check-card-indicator-size": `${e.indicatorSize || 16}px`
+      };
+    }), y = d(() => {
+      const e = a.title;
       if (!e)
         return;
-      const t = V(e) ? e(l(r)) : m("span", null, [e]);
+      const t = N(e) ? e(o(r)) : m("span", null, [e]);
       return m("div", {
-        class: [p("title"), a.value.disabled ? k("title", "disabled") : null]
+        class: [p("title"), n.value.disabled ? k("title", "disabled") : null]
       }, [t]);
-    }), y = u(() => {
-      if (!o.content)
+    }), b = d(() => {
+      if (!a.content)
         return;
-      const e = V(o.content) ? o.content(l(r)) : o.content;
+      const e = N(a.content) ? a.content(o(r)) : a.content;
       return m("div", {
-        class: [p("content"), a.value.disabled ? k("content", "disabled") : null]
+        class: [p("content"), n.value.disabled ? k("content", "disabled") : null]
       }, [e]);
     });
-    function T(e) {
-      const t = l(a).stopPropagation;
+    function E(e) {
+      const t = o(n).stopPropagation;
       return t ? t === !0 ? e.target !== e.currentTarget : t(e) : !1;
     }
-    function E(e) {
-      var t, d;
-      T(e) || a.value.loading || a.value.disabled || (n.value ? (d = (t = n.value) == null ? void 0 : t.toggleOption) == null || d.call(t, o.value) : h(!l(r)));
+    function F(e) {
+      var t, i;
+      E(e) || n.value.loading || n.value.disabled || (l.value ? (i = (t = l.value) == null ? void 0 : t.toggleOption) == null || i.call(t, a.value) : h(!o(r)));
     }
-    return I(() => n.value, (e) => {
+    return W(() => l.value, (e) => {
       if (!e)
         return;
-      const t = e.multiple ? (e.value || []).includes(o.value) : e.value === o.value;
+      const t = e.multiple ? (e.value || []).includes(a.value) : e.value === a.value;
       h(t);
     }, {
       immediate: !0
-    }), j((e) => {
-      var t, d;
-      (d = (t = n.value) == null ? void 0 : t.registerValue) == null || d.call(t, o.value), e(() => {
-        var s, C;
-        return (C = (s = n.value) == null ? void 0 : s.cancelValue) == null ? void 0 : C.call(s, o.value);
+    }), $((e) => {
+      var t, i;
+      (i = (t = l.value) == null ? void 0 : t.registerValue) == null || i.call(t, a.value), e(() => {
+        var u, C;
+        return (C = (u = l.value) == null ? void 0 : u.cancelValue) == null ? void 0 : C.call(u, a.value);
       });
-    }), (e, t) => (i(), B("div", {
-      style: D(e.style),
-      class: N(w.value),
-      onClick: M(E, ["stop"])
-    }, [a.value.loading ? (i(), f(l(W), {
+    }), (e, t) => (c(), z("div", {
+      style: j(T.value),
+      class: S(w.value),
+      onClick: D(F, ["stop"])
+    }, [n.value.loading ? (c(), f(o(U), {
       key: 0,
       active: ""
-    })) : O(e.$slots, "default", {
+    })) : M(e.$slots, "default", {
       key: 1,
-      checked: l(r)
-    }, () => [b.value ? (i(), f(P(b.value), {
+      checked: o(r)
+    }, () => [y.value ? (c(), f(B(y.value), {
       key: 0
-    })) : v("", !0), y.value ? (i(), f(P(y.value), {
+    })) : g("", !0), b.value ? (c(), f(B(b.value), {
       key: 1
-    })) : v("", !0)]), l(r) ? (i(), B("div", {
+    })) : g("", !0)]), o(r) ? (c(), z("div", {
       key: 2,
-      class: N(l(p)("checked-icon"))
-    }, [U("img", {
-      src: l(q)
-    }, null, 8, H)], 2)) : v("", !0)], 6));
+      class: S(o(p)("checked-icon"))
+    }, [O("img", {
+      src: o(A)
+    }, null, 8, J)], 2)) : g("", !0)], 6));
   }
 });
 export {
-  te as default
+  oe as default
 };

package/es/src/check-card/interface.d.ts

@@ -24,6 +24,14 @@ type CheckCardCommonType = {
      * 是否阻止点击事件冒泡（对于自定义内容包含输入控件时需要设置）
      */
     stopPropagation?: boolean | ((event: MouseEvent) => boolean);
+    /**
+     * 选中指示器的尺寸
+     */
+    indicatorSize?: number;
+    /**
+     * 可选卡片容器样式
+     */
+    style?: CSSProperties;
 };
 export type CheckCardProps = CheckCardCommonType & {
     /**
@@ -51,6 +59,10 @@ export type CheckCardProps = CheckCardCommonType & {
      * 内容
      */
     content?: string | ((checked: boolean) => VNode);
+    /**
+     * 指定选中指示器的尺寸
+     */
+    indicatorSize?: number;
 };
 export type CheckCardGroupValueType = CheckCardValueType | CheckCardValueType[] | undefined;
 export type CheckCardGroupProps = CheckCardCommonType & {

package/es/src/check-card/style/index.css

@@ -21,8 +21,8 @@
   opacity: 0;
   inset-block-start: -2px;
   inset-inline-end: -2px;
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   border-radius: 4px;
 }
 .aplus-check-card--checked {
@@ -33,9 +33,9 @@
 }
 .aplus-check-card--checked::after {
   opacity: 1;
-  border: 16px solid var(--check-card-checked-bg, #0070ff);
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border: var(--check-card-indicator-size, 16px) solid var(--check-card-checked-bg, #0070ff);
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   inset-block-start: -2px;
   inset-inline-end: -2px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -75,3 +75,6 @@
      -moz-user-select: none;
           user-select: none;
 }
+.aplus-check-card__checked-icon > img {
+  width: calc(var(--check-card-indicator-size, 16px) - 2px);
+}

package/es/src/locale/lang/en.mjs

@@ -167,6 +167,10 @@ const e = {
     apAttachment: {
       downloadall: "Download All",
       more: "More"
+    },
+    apExpandAlert: {
+      expand: "Expand",
+      collapse: "Collapse"
     }
   }
 };

package/es/src/locale/lang/zh-cn.mjs

@@ -167,6 +167,10 @@ const e = {
     apAttachment: {
       downloadall: "下载全部",
       more: "更多"
+    },
+    apExpandAlert: {
+      expand: "展开",
+      collapse: "收起"
     }
   }
 };

package/es/src/theme/ap-expand-alert/ap-expand-alert.css

@@ -19,6 +19,7 @@
 }
 .aplus-ap-expand-alert__prefix {
   color: #182948;
+  display: inline-block;
 }
 .aplus-ap-expand-alert__showItem {
   color: #0070ff;
@@ -40,3 +41,11 @@
   font-size: 16px;
   transform: translateY(2px);
 }
+.aplus-ap-expand-alert--aplus .card-alert {
+  background-color: transparent !important;
+  border: none ;
+}
+.aplus-ap-expand-alert--admin .card-alert {
+  background-color: transparent !important;
+  border: none;
+}

package/es/src/theme/ap-title/ap-title.css

@@ -1,7 +1,6 @@
 .aplus-ap-title {
   position: relative;
   width: 100%;
-  height: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,7 +11,8 @@
   position: absolute;
   content: '';
   left: 0;
-  top: 2px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 3px;
   height: 16px;
   background: #0070ff;
@@ -30,11 +30,11 @@
   color: #0070ff;
 }
 .aplus-ap-title--admin {
-  height: 22px;
   padding-left: 14px;
 }
 .aplus-ap-title--admin::before {
-  top: 7px;
+  top: 50%;
+  transform: translateY(-50%);
   width: 8px;
   height: 8px;
   border-radius: 50%;

package/es/src/theme/check-card/index.css

@@ -21,8 +21,8 @@
   opacity: 0;
   inset-block-start: -2px;
   inset-inline-end: -2px;
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   border-radius: 4px;
 }
 .aplus-check-card--checked {
@@ -33,9 +33,9 @@
 }
 .aplus-check-card--checked::after {
   opacity: 1;
-  border: 16px solid var(--check-card-checked-bg, #0070ff);
-  border-inline-start: 16px solid transparent;
-  border-block-end: 16px solid transparent;
+  border: var(--check-card-indicator-size, 16px) solid var(--check-card-checked-bg, #0070ff);
+  border-inline-start: var(--check-card-indicator-size, 16px) solid transparent;
+  border-block-end: var(--check-card-indicator-size, 16px) solid transparent;
   inset-block-start: -2px;
   inset-inline-end: -2px;
   transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -75,3 +75,6 @@
      -moz-user-select: none;
           user-select: none;
 }
+.aplus-check-card__checked-icon > img {
+  width: calc(var(--check-card-indicator-size, 16px) - 2px);
+}

package/lib/src/ap-form/ap-form-item.vue.d.ts

@@ -9,7 +9,7 @@ declare function onFieldBlur(): void;
 declare function onFieldChange(): void;
 declare function clearValidate(): void;
 declare function resetField(): void;
-declare function getFieldValue(): any;
+declare function getFieldValue(shouldFormat?: boolean): any;
 declare function __VLS_template(): {
     slots: Readonly<ApFormItemSlots> & ApFormItemSlots;
     refs: {

package/lib/src/ap-form/ap-form-item.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("ant-design-vue"),D=require("ant-design-vue/es/theme/internal"),u=require("lodash-unified"),T=require("./constant.js"),z=require("@ant-design/icons-vue");require("../config-provider/index.js");const A=require("./context.js");require("./style/ap-form-item.css");const O=require("@fruits-chain/utils"),R=require("../config-provider/hooks/use-namespace.js"),j=["title"],E=e.defineComponent({name:"ApFormItem",__name:"ap-form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"},initialValue:{},_signal:{}},setup(g,{expose:B}){var y,b;const t=g,l=e.useSlots(),{model:i,updateModel:s,internalInstance:d}=A.useInjectForm(),{m:f,b:C}=R.useNamespace("ap-form-item"),c=e.ref(!1),r=e.ref(),[,V]=D.useToken();e.onMounted(async()=>{let o=u.isFunction(t.initialValue)?t.initialValue():t.initialValue;O.isPromise(o)&&(o=await o),d==null||d.registerField({name:t.name,initialValue:u.cloneDeep(o)})});const m=e.computed(()=>t.name?u.isArray(t.name)?t.name.reduce((o,n)=>o==null?void 0:o[n],e.unref(i)):i==null?void 0:i.value[t.name]:null),p=e.ref((b=(y=l.default)==null?void 0:y.call(l))==null?void 0:b[0]);e.watch(()=>{var o;return(o=l.default)==null?void 0:o.call(l)},o=>{p.value=o==null?void 0:o[0]});function k(o){s==null||s(t.name,o)}function q(){c.value=!0}function N(){c.value=!1}const v=e.computed(()=>{var n,a;if(!t.name)return(n=l.default())==null?void 0:n[0];const o=e.unref(p);return o?e.cloneVNode(o,{[t.valuePropName]:e.unref(m),[`onUpdate:${t.valuePropName}`]:k,bordered:t.bordered?!1:(a=o==null?void 0:o.props)==null?void 0:a.bordered,onFocus:q,onBlur:N}):null});function P(){var o;(o=r.value)==null||o.onFieldBlur()}function S(){var o;(o=r.value)==null||o.onFieldChange()}function w(){var o;(o=r.value)==null||o.clearValidate()}function x(){var o;(o=r.value)==null||o.resetField()}function _(){return e.unref(m)}return B({onFieldBlur:P,onFieldChange:S,clearValidate:w,resetField:x,getFieldValue:_}),(o,n)=>(e.openBlock(),e.createBlock(e.unref(F.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:r},e.unref(u.omit)(t,[...e.unref(T.apFormItemColPropKeys),"tooltip","label"]),{class:{[e.unref(f)("bordered")]:o.bordered,[e.unref(f)("focused")]:o.bordered&&c.value,[e.unref(C)()]:!0},colon:o.bordered?!1:t.colon}),e.createSlots({default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:0})):e.createCommentVNode("",!0)]),_:2},[t.tooltip?{name:"tooltip",fn:e.withCtx(({class:a})=>[e.createElementVNode("span",{class:e.normalizeClass(a)},[e.createVNode(e.unref(F.Tooltip),{title:t.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(z.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(V).colorPrimary})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,o.label?{name:"label",fn:e.withCtx(()=>[e.createElementVNode("span",{title:o.label,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},e.toDisplayString(o.label),9,j)]),key:"1"}:void 0,e.renderList(e.unref(u.omit)(l,"default"),(a,h)=>({name:h,fn:e.withCtx(I=>[e.renderSlot(o.$slots,h,e.normalizeProps(e.guardReactiveProps(I||{})))])}))]),1040,["class","colon"]))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("ant-design-vue"),D=require("ant-design-vue/es/theme/internal"),a=require("lodash-unified"),T=require("./constant.js"),z=require("@ant-design/icons-vue");require("../config-provider/index.js");const A=require("./context.js");require("./style/ap-form-item.css");const O=require("@fruits-chain/utils"),R=require("../config-provider/hooks/use-namespace.js"),j=["title"],E=e.defineComponent({name:"ApFormItem",__name:"ap-form-item",props:{htmlFor:{},prefixCls:{},label:{},help:{},extra:{},labelCol:{},wrapperCol:{},hasFeedback:{type:Boolean,default:!1},colon:{type:Boolean,default:void 0},labelAlign:{},prop:{},name:{},rules:{},autoLink:{type:Boolean,default:!0},required:{type:Boolean,default:void 0},validateFirst:{type:Boolean,default:void 0},validateStatus:{},validateTrigger:{},messageVariables:{},hidden:{type:Boolean},noStyle:{type:Boolean},tooltip:{},span:{},order:{},offset:{},push:{},pull:{},xs:{},sm:{},md:{},lg:{},xl:{},xxl:{},flex:{},bordered:{type:Boolean,default:!1},valuePropName:{default:"value"},initialValue:{},_signal:{},transform:{}},setup(V,{expose:g}){var y,b;const o=V,n=e.useSlots(),{model:i,updateModel:s,internalInstance:f}=A.useInjectForm(),{m:c,b:B}=R.useNamespace("ap-form-item"),d=e.ref(!1),u=e.ref(),[,C]=D.useToken();e.onMounted(async()=>{let t=a.isFunction(o.initialValue)?o.initialValue():o.initialValue;O.isPromise(t)&&(t=await t),f==null||f.registerField({name:o.name,initialValue:a.cloneDeep(t),transform:o.transform})});const m=e.computed(()=>o.name?a.isArray(o.name)?o.name.reduce((t,r)=>t==null?void 0:t[r],e.unref(i)):i==null?void 0:i.value[o.name]:null),p=e.ref((b=(y=n.default)==null?void 0:y.call(n))==null?void 0:b[0]);e.watch(()=>{var t;return(t=n.default)==null?void 0:t.call(n)},t=>{p.value=t==null?void 0:t[0]});function k(t){s==null||s(o.name,t)}function q(){d.value=!0}function N(){d.value=!1}const v=e.computed(()=>{var r,l;if(!o.name)return(r=n.default())==null?void 0:r[0];const t=e.unref(p);return t?e.cloneVNode(t,{[o.valuePropName]:e.unref(m),[`onUpdate:${o.valuePropName}`]:k,bordered:o.bordered?!1:(l=t==null?void 0:t.props)==null?void 0:l.bordered,onFocus:q,onBlur:N}):null});function w(){var t;(t=u.value)==null||t.onFieldBlur()}function P(){var t;(t=u.value)==null||t.onFieldChange()}function S(){var t;(t=u.value)==null||t.clearValidate()}function x(){var t;(t=u.value)==null||t.resetField()}function _(t=!1){const r=e.unref(m);if(!t||!o.transform)return r;const l=a.isFunction(o.transform)?o.transform:o.transform.transformer;return o.transform?l(r):r}return g({onFieldBlur:w,onFieldChange:P,clearValidate:S,resetField:x,getFieldValue:_}),(t,r)=>(e.openBlock(),e.createBlock(e.unref(F.Form).Item,e.mergeProps({ref_key:"formItemRef",ref:u},e.unref(a.omit)(o,[...e.unref(T.apFormItemColPropKeys),"tooltip","label"]),{class:{[e.unref(c)("bordered")]:t.bordered,[e.unref(c)("focused")]:t.bordered&&d.value,[e.unref(B)()]:!0},colon:t.bordered?!1:o.colon}),e.createSlots({default:e.withCtx(()=>[v.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(v.value),{key:0})):e.createCommentVNode("",!0)]),_:2},[o.tooltip?{name:"tooltip",fn:e.withCtx(({class:l})=>[e.createElementVNode("span",{class:e.normalizeClass(l)},[e.createVNode(e.unref(F.Tooltip),{title:o.tooltip},{default:e.withCtx(()=>[e.createVNode(e.unref(z.QuestionCircleOutlined),{style:e.normalizeStyle({color:e.unref(C).colorPrimary})},null,8,["style"])]),_:1},8,["title"])],2)]),key:"0"}:void 0,t.label?{name:"label",fn:e.withCtx(()=>[e.createElementVNode("span",{title:t.label,style:{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},e.toDisplayString(t.label),9,j)]),key:"1"}:void 0,e.renderList(e.unref(a.omit)(n,"default"),(l,h)=>({name:h,fn:e.withCtx(I=>[e.renderSlot(t.$slots,h,e.normalizeProps(e.guardReactiveProps(I||{})))])}))]),1040,["class","colon"]))}});exports.default=E;

package/lib/src/ap-form/ap-form-list.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),y=require("./context.js"),F=require("lodash-unified"),V=t.defineComponent({name:"ApFormList",__name:"ap-form-list",props:{name:{},initialValue:{}},setup(f){let s=1;const i=[],u=f,{model:o,updateModel:r,internalInstance:l}=y.useInjectForm();t.onMounted(()=>{l==null||l.registerField({name:u.name,initialValue:u.initialValue})});const a=t.computed(()=>F.isArray(u.name)?u.name.reduce((e,n)=>e==null?void 0:e.value[n],o):o==null?void 0:o.value[u.name]);function d(e=void 0){const n=t.unref(a)?[...t.unref(a),e]:[e];i.push(s),s+=1,r==null||r(u.name,n)}function p(e){let n=t.unref(a)||[];n=[...n.slice(0,e),...n.slice(e+1)],i.splice(e,1),r==null||r(u.name,n)}const _={add:d,remove:p},v=t.computed(()=>(t.unref(a)||[]).map((n,c)=>{let m=i[c];return typeof m>"u"&&(i[c]=s,m=s,s+=1),{key:m,fieldName:c,name:[u.name,c],value:n}}));return(e,n)=>t.renderSlot(e.$slots,"default",{fields:v.value,actions:_})}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),v=require("./context.js"),F=require("lodash-unified"),V=r.defineComponent({name:"ApFormList",__name:"ap-form-list",props:{name:{},initialValue:{},transform:{type:[Function,Object]}},setup(f){let u=1;const o=[],t=f,{model:i,updateModel:s,internalInstance:l}=v.useInjectForm();r.onMounted(()=>{l==null||l.registerField({name:t.name,initialValue:t.initialValue,transform:t.transform})});const a=r.computed(()=>F.isArray(t.name)?t.name.reduce((e,n)=>e==null?void 0:e.value[n],i):i==null?void 0:i.value[t.name]);function d(e=void 0){const n=r.unref(a)?[...r.unref(a),e]:[e];o.push(u),u+=1,s==null||s(t.name,n)}function p(e){let n=r.unref(a)||[];n=[...n.slice(0,e),...n.slice(e+1)],o.splice(e,1),s==null||s(t.name,n)}const y={add:d,remove:p},_=r.computed(()=>(r.unref(a)||[]).map((n,c)=>{let m=o[c];return typeof m>"u"&&(o[c]=u,m=u,u+=1),{key:m,fieldName:c,name:[t.name,c],value:n}}));return(e,n)=>r.renderSlot(e.$slots,"default",{fields:_.value,actions:y})}});exports.default=V;

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

@@ -17,7 +17,7 @@ declare function registerWatch(callback: WatchFunc, inner: boolean): () => void;
  * 注册表单项
  * @param field
  */
-declare function registerField({ initialValue, name }: RegistedFieldType): void;
+declare function registerField({ initialValue, name, transform }: RegistedFieldType): void;
 declare function getInternalInstance(mark: string): {
     registerField: typeof registerField;
     registerWatch: typeof registerWatch;
@@ -911,6 +911,8 @@ declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypeProp
     setFieldsValue: (values: Record<string, any>) => void;
     setFieldValue: (name: NamePath, newValue: any) => void;
     registerWatch: typeof registerWatch;
+    validateFieldsReturnTransformed: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<any>;
+    getFieldsValueTransformed: (nameList?: InternalNamePath[] | true) => any;
     getInternalInstance: typeof getInternalInstance;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ApFormProps>, {
     layout: string;

package/lib/src/ap-form/ap-form.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),w=require("ant-design-vue"),x=require("./context.js"),a=require("lodash-unified"),D=require("./constant.js"),F=require("../utils/index.js"),O=i.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(V,{expose:C}){const n=V;function g(e,t,l=!0){var _;if(a.isArray(e)){let c=r;for(let d=0;d<e.length-1;d++)e[d]in c||(c[e[d]]={}),c=c[e[d]];c[e[e.length-1]]=t}else r[e]=t;let o=a.isArray(e)?e[0]:e;l&&((_=n.onValuesChange)==null||_.call(n,{[o]:r[o]},r)),f()}const s=i.ref();let h=n.initialValues?a.cloneDeep(n.initialValues):{};const r=i.reactive(n.initialValues||{});let u=[];const M=async()=>{var e;(e=s.value)==null||e.resetFields(),await i.nextTick(()=>{Object.keys(r).forEach(t=>delete r[t]),Object.assign(r,a.cloneDeep(h)),f()})},R=e=>{var t;(t=s.value)==null||t.clearValidate(e)},b=(e,t)=>{var l;return(l=s.value)==null?void 0:l.validateFields(e,t)},q=e=>{var t;return(t=s.value)==null?void 0:t.getFieldsValue(e)},T=(e,t)=>{var l;return(l=s.value)==null?void 0:l.validate(e,t)},A=(e,t={})=>{var l;(l=s.value)==null||l.scrollToField(e,t)},B=e=>{Object.assign(r,e),f()},v=(e,t)=>{g(e,t),f()};function p(e,t){return t||e(i.toRaw(r)),u.push(e),()=>{u=u.filter(l=>l!==e)}}function y({initialValue:e,name:t}){if(F.isDef(e)&&F.isDef(t))if(g(t,e,!1),a.isArray(t)){let l=h;for(let o=0;o<t.length-1;o++)F.isDef(l[t[o]])||(l[t[o]]={}),l=l[t[o]];l[t[t.length-1]]=e}else h[t]=e}function I(e){if(e!==D.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:y,registerWatch:p}}function f(){if(u.length){const e=i.toRaw(r);u.forEach(t=>{t(e)})}}return x.useProvideForm({model:i.computed(()=>r),updateModel:g,internalInstance:{registerWatch:p,registerField:y,setFieldValue:v}}),C({resetFields:M,clearValidate:R,validateFields:b,getFieldsValue:q,validate:T,scrollToField:A,setFieldsValue:B,setFieldValue:v,registerWatch:p,getInternalInstance:I}),(e,t)=>(i.openBlock(),i.createBlock(i.unref(w.Form),i.mergeProps({ref_key:"formRef",ref:s},i.unref(a.omit)(n,["initialValues"]),{model:r}),{default:i.withCtx(()=>[i.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),P=require("ant-design-vue"),N=require("./context.js"),n=require("lodash-unified"),S=require("./constant.js"),b=require("../utils/index.js"),W=require("./utils/set.js"),z=a.defineComponent({__name:"ap-form",props:{layout:{default:"horizontal"},labelCol:{},wrapperCol:{},colon:{type:Boolean,default:!0},labelAlign:{default:"right"},labelWrap:{type:Boolean},prefixCls:{},requiredMark:{},hideRequiredMark:{type:Boolean,default:!1},rules:{},validateMessages:{},validateOnRuleChange:{type:Boolean,default:!0},scrollToFirstError:{},onSubmit:{},name:{},validateTrigger:{default:"change"},size:{},disabled:{type:Boolean},onValuesChange:{},onFieldsChange:{},onFinish:{},onFinishFailed:{},onValidate:{},initialValues:{}},setup(C,{expose:O}){const u=C;function p(e,t,l=!0){var r;if(n.isArray(e)){let s=o;for(let d=0;d<e.length-1;d++)e[d]in s||(s[e[d]]={}),s=s[e[d]];s[e[e.length-1]]=t}else o[e]=t;let i=n.isArray(e)?e[0]:e;l&&((r=u.onValuesChange)==null||r.call(u,{[i]:o[i]},o)),g()}function R(e){var l;const t=v(e,h);(l=u.onFinish)==null||l.call(u,t)}const c=a.ref();let V=u.initialValues?n.cloneDeep(u.initialValues):{},h={};const o=a.reactive(u.initialValues||{});let F=[];const T=async()=>{var e;(e=c.value)==null||e.resetFields(),await a.nextTick(()=>{Object.keys(o).forEach(t=>delete o[t]),Object.assign(o,n.cloneDeep(V)),g()})},q=e=>{var t;(t=c.value)==null||t.clearValidate(e)},M=(e,t)=>{var l;return(l=c.value)==null?void 0:l.validateFields(e,t)},j=async(e,t)=>{var i;const l=await((i=c.value)==null?void 0:i.validateFields(e,t));return v(l,h)},m=e=>{var t;return(t=c.value)==null?void 0:t.getFieldsValue(e)},w=e=>{var l;const t=(l=c.value)==null?void 0:l.getFieldsValue(e);return v(t,h)},B=(e,t)=>{var l;return(l=c.value)==null?void 0:l.validate(e,t)},I=(e,t={})=>{var l;(l=c.value)==null||l.scrollToField(e,t)},x=e=>{Object.assign(o,e),g()},_=(e,t)=>{p(e,t),g()};function y(e,t){return t||e(a.toRaw(o)),F.push(e),()=>{F=F.filter(l=>l!==e)}}function A({initialValue:e,name:t,transform:l}){if(b.isDef(e)&&b.isDef(t))if(p(t,e,!1),n.isArray(t)){let i=V;for(let r=0;r<t.length-1;r++)b.isDef(i[t[r]])||(i[t[r]]={}),i=i[t[r]];i[t[t.length-1]]=e}else V[t]=e;h=W.default(h,[t].flat(1),l,!0)}function D(e){if(e!==S.INTERNAL_FORM_INSTANCE_MARK){console.warn("getInternalInstance should only used at internal");return}return{registerField:A,registerWatch:y}}function g(){if(F.length){const e=a.toRaw(o);F.forEach(t=>{t(e)})}}function v(e,t){if(e==null)return;let l=n.isArray(e)?[]:{};return Object.keys(e).forEach(i=>{const r=e[i],s=t[i],d=n.isFunction(s)?s:s==null?void 0:s.transformer,E=n.isFunction(s)?!0:s==null?void 0:s.flat;if(n.isFunction(d)){const f=d(r);E?n.isArray(f)&&n.isArray(l)?l=[...l,...f]:n.isPlainObject(f)&&n.isPlainObject(l)?l={...l,...f}:l[i]=f:l[i]=f}else if(n.isPlainObject(r)||n.isArray(r)){const f=v(r,s);l[i]=f}else l[i]=r}),l}return N.useProvideForm({model:a.computed(()=>o),updateModel:p,internalInstance:{registerWatch:y,registerField:A,setFieldValue:_}}),O({resetFields:T,clearValidate:q,validateFields:M,getFieldsValue:m,validate:B,scrollToField:I,setFieldsValue:x,setFieldValue:_,registerWatch:y,validateFieldsReturnTransformed:j,getFieldsValueTransformed:w,getInternalInstance:D}),(e,t)=>(a.openBlock(),a.createBlock(a.unref(P.Form),a.mergeProps({ref_key:"formRef",ref:c},a.unref(n.omit)(u,["initialValues","onValuesChange","onFinish"]),{onFinish:R,model:o}),{default:a.withCtx(()=>[a.renderSlot(e.$slots,"default")]),_:3},16,["model"]))}});exports.default=z;

package/lib/src/ap-form/interface.d.ts

@@ -4,6 +4,14 @@ import { InternalNamePath, NamePath, ValidateOptions } from 'ant-design-vue/es/f
 import { Recordable } from '../type';
 import { VNode } from 'vue';
 export type ApFormColProps = Omit<ColProps, 'prefixCls'>;
+export type ApFormItemTransformFn = (value: any) => any;
+export type ApFormItemTransformType = ApFormItemTransformFn | {
+    transformer: ApFormItemTransformFn;
+    /**
+     * 是否进行扁平化处理（只向上扁平化一层）
+     */
+    flat?: boolean;
+};
 export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
     /**
      * 是否展示包含了输入框&label的border
@@ -18,6 +26,12 @@ export type ApFormItemProps = FormItemProps & Partial<ApFormColProps> & {
      * 内部使用，请勿传入
      */
     _signal?: number;
+    /**
+     * 数据转换（提交/或者手动调用时才会）
+     * @param value
+     * @returns
+     */
+    transform?: ApFormItemTransformType;
 };
 export type ApFormItemGroupProps = RowProps & {
     countPerRow?: number;
@@ -48,6 +62,19 @@ export type ApFormExpose<ModelType = any> = {
      * @returns
      */
     getInternalInstance: (mark: string) => ApFormInternalInstance;
+    /**
+     * 校验表单并返回转换后的数据
+     * @param nameList
+     * @param options
+     * @returns
+     */
+    validateFieldsReturnTransformed: (nameList?: NamePath[] | string, options?: ValidateOptions) => Promise<Partial<ModelType>> | undefined;
+    /**
+     * 获取表单数据并转换
+     * @param nameList
+     * @returns
+     */
+    getFieldsValueTransformed: (nameList?: true | InternalNamePath[]) => Partial<ModelType> | undefined;
 };
 /**
  * 被注册的表单项
@@ -55,6 +82,7 @@ export type ApFormExpose<ModelType = any> = {
 export type RegistedFieldType = {
     name: FormItemProps['name'];
     initialValue?: any;
+    transform?: ApFormItemTransformType;
 };
 export type ApFormInternalInstance = {
     /**
@@ -72,7 +100,12 @@ export type ApFormInternalInstance = {
     registerField: (field: RegistedFieldType) => void;
 } & Pick<ApFormExpose, 'setFieldValue'>;
 export type ApFormItemExpose = FormItemExpose & {
-    getFieldValue: () => any;
+    /**
+     * 是否需要格式化（默认为false）
+     * @param shouldFormat
+     * @returns
+     */
+    getFieldValue: (shouldFormat?: boolean) => any;
 };
 export type ApFormListProps = {
     name: FormItemProps['name'];
@@ -80,6 +113,7 @@ export type ApFormListProps = {
      * 设置FormList的默认值
      */
     initialValue?: any[];
+    transform?: ApFormItemTransformType;
 };
 export type ApFormSearchFormProps = ApFormProps & {
     collapse?: boolean;
@@ -129,3 +163,19 @@ export type ApFormItemSlots = {
 export type ApFormDependencyProps = {
     nameList: NamePath[];
 };
+export type ApFormSetProps = {
+    /**
+     * 需要聚合成的字段名
+     */
+    name: NamePath;
+    /**
+     * 聚合成（数组/对象）
+     */
+    as?: 'array' | 'object';
+    /**
+     * 转换函数（表单提交时触发）
+     * @param value
+     * @returns
+     */
+    transform?: ApFormItemTransformType;
+};