@aplus-frontend/ui 7.0.1 → 7.1.0

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

@@ -1,16 +1,16 @@
-import { resetComponent as c } from "../../style/index.mjs";
-import { genComponentStyleHook as l } from "../../utils/cssinjs/index.mjs";
-const a = (e) => {
+import { resetComponent as o } from "../../style/index.mjs";
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const s = (e) => {
   const {
-    componentCls: r,
-    checkCardDisabledOutlineColor: d,
-    checkCardIndicatorSize: i,
-    checkCardOutlineWidth: o,
-    checkCardIndicatorOffset: t
-  } = e;
+    componentCls: i,
+    checkCardDisabledOutlineColor: c,
+    checkCardIndicatorSize: d,
+    checkCardOutlineWidth: r,
+    checkCardIndicatorOffset: l
+  } = e, a = e.calc(d).mul(2).equal();
   return {
-    [`${r}`]: {
-      ...c(e),
+    [`${i}`]: {
+      ...o(e),
       borderRadius: e.borderRadius,
       position: "relative",
       "&--disabled": {
@@ -20,7 +20,7 @@ const a = (e) => {
       "&--bordered": {
         outline: `1px solid ${e.borderColorBase}`
       },
-      [`&:hover:not(${r}--disabled)`]: {
+      [`&:hover:not(${i}--disabled)`]: {
         cursor: "pointer",
         outline: `1px solid ${e.colorPrimary}`
       },
@@ -33,24 +33,24 @@ const a = (e) => {
         insetInlineEnd: 0,
         clipPath: "polygon(100% 0, 100% 100%, 0 0)",
         background: e.colorPrimary,
-        borderRadius: `calc(${e.borderRadius} + 2px)`
+        borderRadius: e.calc(e.borderRadius).add("2px").equal()
       },
       "&--checked": {
-        outline: `${o} solid ${e.colorPrimary}`,
-        [`&:hover:not(${r}--disabled)`]: {
-          outline: `${o} solid ${e.colorPrimary}`
+        outline: `${r} solid ${e.colorPrimary}`,
+        [`&:hover:not(${i}--disabled)`]: {
+          outline: `${r} solid ${e.colorPrimary}`
         },
         "&::after": {
-          width: `calc(${i} * 2)`,
-          height: `calc(${i} * 2)`,
-          insetBlockStart: t,
-          insetInlineEnd: t,
+          width: a,
+          height: a,
+          insetBlockStart: l,
+          insetInlineEnd: l,
           transition: "width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), inset 0.3s cubic-bezier(0.645, 0.045, 0.355, 1)"
         },
-        [`&${r}--disabled`]: {
-          outlineColor: d,
+        [`&${i}--disabled`]: {
+          outlineColor: c,
           "&::after": {
-            backgroundColor: d
+            backgroundColor: c
           }
         }
       },
@@ -60,8 +60,8 @@ const a = (e) => {
       "&--small": {
         padding: `${e.spaceSM} ${e.spaceLG}`
       },
-      [`${r}__title`]: {
-        ...c(e),
+      [`${i}__title`]: {
+        ...o(e),
         marginBottom: e.spaceXS,
         color: "#333",
         fontWeight: "bold",
@@ -69,14 +69,14 @@ const a = (e) => {
           color: e.textColor4
         }
       },
-      [`${r}__content`]: {
-        ...c(e),
+      [`${i}__content`]: {
+        ...o(e),
         color: "#333",
         "&--disabled": {
           color: e.textColor4
         }
       },
-      [`${r}__checked-icon`]: {
+      [`${i}__checked-icon`]: {
         position: "absolute",
         top: 0,
         right: 0,
@@ -84,15 +84,15 @@ const a = (e) => {
         lineHeight: 1,
         userSelect: "none",
         "& > img": {
-          width: `calc(${i} - ${o})`,
+          width: e.calc(d).sub(r).equal(),
           verticalAlign: "top"
         }
       }
     }
   };
-}, h = l(
+}, h = t(
   "CheckCard",
-  (e) => [a(e)],
+  (e) => [s(e)],
   {
     checkCardDisabledBg: "#F9F9FA",
     checkCardDisabledOutlineColor: "#E9EDF3",

package/es/src/design-token/constants.mjs

@@ -13,14 +13,16 @@ const o = {
   colorErrorDisabled: "#ffdbdc",
   colorWarn: "#ffa940",
   colorWarnDisabled: "#ffeed9",
-  textColor1: "#526a90",
-  textColor2: "#182948",
+  textColor1: "#182948",
+  textColor2: "#526a90",
   textColor3: "#8896b0",
   textColor4: "#abb7cc",
   colorBg1: "#e9edf3",
   colorBg2: "#f6f9fa",
   colorBg3: "#f3f5f8",
   colorBgDisabled: "#f2f6f9",
+  colorBgLayout: "#f2f6f9",
+  colorBgControl: "#F5F9FF",
   fontSizeSM: 10,
   fontSize: 12,
   fontSizeLG: 14,

package/es/src/design-token/interface.d.ts

@@ -12,6 +12,8 @@ import { AgGridToken } from '../ag-grid/style';
 import { BatchInputGroupToken } from '../business/batch-input-group/style';
 import { ApRadioGroupToken } from '../business/ap-radio-group/style';
 import { ApGridToken } from '../ap-grid/style';
+import { TokenUtil } from '../utils/cssinjs/TokenUtil';
+/** 基础token */
 export type BaseToken = {
     /**
      * 基础边框色
@@ -101,6 +103,14 @@ export type BaseToken = {
      * 背景禁用色
      */
     colorBgDisabled: string;
+    /**
+     * 布局背景色
+     */
+    colorBgLayout: string;
+    /**
+     * 控件背景色（一般同主系，但是更浅，适用块选中效果）
+     */
+    colorBgControl: string;
     fontSizeXL: number;
     fontSizeLG: number;
     fontSize: number;
@@ -127,53 +137,40 @@ export type BaseToken = {
      */
     lineClamp: number;
 };
-/**
- * 全量token
- */
+/** 组件token */
+export type ComponentsToken = {
+    ApAction: ActionToken;
+    CheckCard: CheckCardToken;
+    ApForm: ApFormToken;
+    ApList: ApListToken;
+    Scrollbar: ScrollbarToken;
+    Mask: MaskToken;
+    Splitter: SplitterToken;
+    ProCard: ProCardToken;
+    StatisticsCard: ProCardToken;
+    AgGrid: AgGridToken;
+    BatchInputGroup: BatchInputGroupToken;
+    ApRadioGroup: ApRadioGroupToken;
+    ApGrid: ApGridToken;
+};
+/** 全量token */
 export type FullToken = BaseToken & {
-    components: {
-        ApAction: ActionToken;
-        CheckCard: CheckCardToken;
-        ApForm: ApFormToken;
-        ApList: ApListToken;
-        Scrollbar: ScrollbarToken;
-        Mask: MaskToken;
-        Splitter: SplitterToken;
-        ProCard: ProCardToken;
-        StatisticsCard: ProCardToken;
-        AgGrid: AgGridToken;
-        BatchInputGroup: BatchInputGroupToken;
-        ApRadioGroup: ApRadioGroupToken;
-        ApGrid: ApGridToken;
-    };
+    components: ComponentsToken;
 };
-/**
- * 上下文token（基础token+部分组件token）
- */
+/** 上下文token（基础token+部分组件token） */
 export type ContextToken = BaseToken & RecursivePartial<{
-    components: {
-        ApAction: ActionToken;
-        CheckCard: CheckCardToken;
-        ApForm: ApFormToken;
-        ApList: ApListToken;
-        Scrollbar: ScrollbarToken;
-        Mask: MaskToken;
-        Splitter: SplitterToken;
-        ProCard: ProCardToken;
-        StatisticsCard: ProCardToken;
-        AgGrid: AgGridToken;
-        BatchInputGroup: BatchInputGroupToken;
-        ApRadioGroup: ApRadioGroupToken;
-        ApGrid: ApGridToken;
-    };
+    components: ComponentsToken;
 }>;
 export type TokenWithComponentCls<Token> = Token & {
     componentCls: string;
     namespace: string;
 };
+export type TokenWithUtil<Token> = TokenWithComponentCls<Token> & {
+    calc: (cssVar: any) => InstanceType<typeof TokenUtil>;
+};
 export type CssVarToken<Token = Recordable> = {
     [key in keyof Token]: Token[key] | string;
 };
-export type GenStyleFunc<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSInterpolation;
-export type StyleMixin<Token = object> = (token: TokenWithComponentCls<Token & BaseToken>) => CSSObject;
-export type GenStyleCallback<Token> = (token: TokenWithComponentCls<Token>, rawToken: TokenWithComponentCls<Token>) => CSSInterpolation[];
+export type GenStyleFunc<Token = object> = (token: TokenWithUtil<Token & BaseToken>) => CSSInterpolation;
+export type StyleMixin<Token = object> = (token: TokenWithUtil<Token & BaseToken>) => CSSObject;
+export type GenStyleCallback<Token> = (calc: TokenWithUtil<Token>, rawToken: TokenWithComponentCls<Token>) => CSSInterpolation[];

package/es/src/scroll-bar/style/index.mjs

@@ -1,8 +1,8 @@
-import { genComponentStyleHook as a } from "../../utils/cssinjs/index.mjs";
-const e = (r) => {
-  const { componentCls: t, scrollBarTrackWidth: l, scrollBarBarWidth: o } = r;
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const c = (r) => {
+  const { componentCls: a, scrollBarTrackWidth: l, scrollBarBarWidth: o } = r;
   return {
-    [t]: {
+    [a]: {
       position: "relative",
       "&--horizontal": {
         width: "100%",
@@ -12,7 +12,7 @@ const e = (r) => {
         width: l,
         height: "100%"
       },
-      [`${t}__track`]: {
+      [`${a}__track`]: {
         position: "absolute",
         width: "100%",
         height: "100%",
@@ -29,7 +29,7 @@ const e = (r) => {
           backgroundColor: "transparent"
         }
       },
-      [`${t}__bar`]: {
+      [`${a}__bar`]: {
         position: "absolute",
         borderRadius: o,
         backgroundColor: r.scrollBarBarColor,
@@ -40,18 +40,18 @@ const e = (r) => {
         },
         "&--horizontal": {
           height: o,
-          top: `calc(${l} / 2 - ${o} / 2)`
+          top: r.calc(l).div(2).sub(r.calc(o).div(2)).equal()
         },
         "&--vertical": {
           width: o,
-          left: `calc(${l} / 2 - ${o} / 2)`
+          left: r.calc(l).div(2).sub(r.calc(o).div(2)).equal()
         }
       }
     }
   };
-}, n = a(
+}, e = t(
   "Scrollbar",
-  (r) => [e(r)],
+  (r) => [c(r)],
   {
     scrollBarBarColor: "#c7c8cc",
     scrollBarTrackColor: "#F2F2F2",
@@ -61,6 +61,6 @@ const e = (r) => {
   }
 );
 export {
-  n as default,
-  e as genScrollbarStyle
+  e as default,
+  c as genScrollbarStyle
 };

package/es/src/splitter/style/index.mjs

@@ -19,7 +19,7 @@ const t = () => ({
       boxSizing: "border-box",
       margin: 0,
       padding: 0,
-      color: r.textColor2,
+      color: r.textColor1,
       fontSize: r.fontSize,
       lineHeight: r.lineHeight,
       listStyle: "none",
@@ -79,7 +79,7 @@ const t = () => ({
           background: "rgba(0,0,0,0.04)",
           fontSize: r.fontSizeSM,
           borderRadius: "2px",
-          color: r.textColor2,
+          color: r.textColor1,
           cursor: "pointer",
           opacity: 0,
           display: "flex",
@@ -140,11 +140,11 @@ const t = () => ({
             height: "24px",
             "&-start": {
               left: "auto",
-              right: `calc(${r.splitterTriggerSize} / 2)`,
+              right: r.calc(r.splitterTriggerSize).div(2).equal(),
               transform: "translateY(-50%)"
             },
             "&-end": {
-              left: `calc(${r.splitterTriggerSize} / 2)`,
+              left: r.calc(r.splitterTriggerSize).div(2).equal(),
               right: "auto",
               transform: "translateY(-50%)"
             }
@@ -182,11 +182,11 @@ const t = () => ({
             width: "24px",
             "&-start": {
               top: "auto",
-              bottom: `calc(${r.splitterTriggerSize} / 2)`,
+              bottom: r.calc(r.splitterTriggerSize).div(2).equal(),
               transform: "translateX(-50%)"
             },
             "&-end": {
-              top: `calc(${r.splitterTriggerSize} / 2)`,
+              top: r.calc(r.splitterTriggerSize).div(2).equal(),
               bottom: "auto",
               transform: "translateX(-50%)"
             }

package/es/src/style/index.mjs

@@ -2,7 +2,7 @@ const o = (r) => ({
   boxSizing: "border-box",
   margin: 0,
   padding: 0,
-  color: r.textColor2,
+  color: r.textColor1,
   fontSize: r.fontSize,
   fontFamily: "inherit",
   lineHeight: r.lineHeight,

package/es/src/text/style/index.mjs

@@ -45,7 +45,7 @@ const l = {
         }
       },
       "span.ant-typography": {
-        color: n.textColor2
+        color: n.textColor1
       },
       "span.ant-typography.ant-typography-secondary": {
         color: e

package/es/src/utils/cssinjs/TokenUtil.d.ts

@@ -0,0 +1,11 @@
+export declare class TokenUtil {
+    private result;
+    private lowPriority?;
+    constructor(cssVar: string);
+    add(cssVar: string | number | TokenUtil): this;
+    sub(cssVar: string | number | TokenUtil): this;
+    mul(cssVar: string | number | TokenUtil): this;
+    div(cssVar: string | number | TokenUtil): this;
+    getResult(): string;
+    equal(): string;
+}

package/es/src/utils/cssinjs/TokenUtil.mjs

@@ -0,0 +1,26 @@
+class s {
+  constructor(t) {
+    this.result = "", this.result = t;
+  }
+  add(t) {
+    return t instanceof s ? this.result = `${this.result} + ${t.getResult()}` : this.result = `${this.result} + ${t}`, this.lowPriority = !0, this;
+  }
+  sub(t) {
+    return console.log("cssVar", t), t instanceof s ? this.result = `${this.result} - ${t.getResult()}` : this.result = `${this.result} - ${t}`, this.lowPriority = !0, this;
+  }
+  mul(t) {
+    return this.lowPriority && (this.result = `(${this.result})`), t instanceof s ? this.result = `${this.result} * ${t.getResult()}` : this.result = `${this.result} * ${t}`, this.lowPriority = !1, this;
+  }
+  div(t) {
+    return this.lowPriority && (this.result = `(${this.result})`), t instanceof s ? this.result = `${this.result} / ${t.getResult()}` : this.result = `${this.result} / ${t}`, this.lowPriority = !1, this;
+  }
+  getResult() {
+    return this.lowPriority ? `(${this.result})` : this.result;
+  }
+  equal() {
+    return typeof this.lowPriority < "u" ? `calc(${this.result})` : this.result;
+  }
+}
+export {
+  s as TokenUtil
+};

package/es/src/utils/cssinjs/index.mjs

@@ -1,32 +1,33 @@
-import { ref as y, computed as a, watch as f } from "vue";
-import { injectGlobal as g, cx as T } from "@emotion/css";
-import S from "@emotion/css/create-instance";
-import { useToken as b } from "../../config-provider/hooks/use-token.mjs";
+import { ref as T, computed as a, watch as f } from "vue";
+import { injectGlobal as g, cx as S } from "@emotion/css";
+import b from "@emotion/css/create-instance";
+import { useToken as V } from "../../config-provider/hooks/use-token.mjs";
 import "../../config-provider/index.mjs";
-import { camelToKebab as V, generateCssVar as A } from "./utils.mjs";
+import { camelToKebab as w, generateCssVar as A } from "./utils.mjs";
 import { omit as C, isFunction as h } from "lodash-unified";
 import { css as j } from "./instance.mjs";
-import { downSpecificityPlugin as w } from "./plugin-specificity.mjs";
-import { useGlobalConfig as G } from "../../config-provider/hooks/use-global-config.mjs";
-const { css: I } = S({
+import { downSpecificityPlugin as G } from "./plugin-specificity.mjs";
+import { TokenUtil as P } from "./TokenUtil.mjs";
+import { useGlobalConfig as x } from "../../config-provider/hooks/use-global-config.mjs";
+const { css: L } = b({
   key: "css-dev-only",
-  stylisPlugins: [w]
+  stylisPlugins: [G]
 });
-function P(l) {
+function E(l) {
   const t = {};
-  for (const o in l)
-    t[o] = `var(${V(o)})`;
+  for (const n in l)
+    t[n] = `var(${w(n)})`;
   return t;
 }
-function J(l, t, o, d) {
+function M(l, t, n, d) {
   return (s) => {
-    const p = l.split("."), { token: c, rootCls: u } = b(), k = y(), m = G("namespace"), $ = a(() => ({
+    const p = l.split("."), { token: c, rootCls: u } = V(), k = T(), m = x("namespace"), $ = a(() => ({
       ...C(c.value || {}, "components"),
       ...c.value.components?.[p[0]] || {}
     })), i = a(() => {
       const e = c.value.components?.[p[0]] || {};
       return {
-        ...h(o) ? o($.value) : o || {},
+        ...h(n) ? n($.value) : n || {},
         ...e
       };
     }), v = a(() => ({
@@ -38,11 +39,11 @@ function J(l, t, o, d) {
     return f(
       () => m.value,
       (e) => {
-        const n = P(
+        const o = E(
           v.value
         );
-        n.componentCls = `.${e}-${s}`, n.namespace = e;
-        const r = t(n, {
+        o.componentCls = `.${e}-${s}`, o.namespace = e, o.calc = (y) => new P(y);
+        const r = t(o, {
           ...v.value,
           componentCls: `.${e}-${s}`,
           namespace: e
@@ -52,16 +53,16 @@ function J(l, t, o, d) {
       { immediate: !0 }
     ), f(
       [() => i.value, () => u.value],
-      ([e, n]) => {
+      ([e, o]) => {
         const r = A(e, d);
         Object.keys(r).length && j({
-          [`.${n}.${m.value}-${s}`]: r
+          [`.${o}.${m.value}-${s}`]: r
         });
       },
       { deep: !0, immediate: !0 }
-    ), a(() => T(u.value, k.value));
+    ), a(() => S(u.value, k.value));
   };
 }
 export {
-  J as genComponentStyleHook
+  M as genComponentStyleHook
 };

package/es/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.0.1";
+declare const _default: "7.1.0";
 export default _default;

package/es/src/version.mjs

@@ -1,4 +1,4 @@
-const e = "7.0.1";
+const e = "7.1.0";
 export {
   e as default
 };

package/lib/src/ap-descriptions/ap-descriptions.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv"),s=require("./helper.js"),u=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const C=require("./style/index.js"),a=require("../config-provider/hooks/use-global-config.js"),_=require("../config-provider/hooks/use-namespace.js"),q=require("./help-message/index.vue2.js"),P={key:0},E=e.defineComponent({name:"ApDescriptions",__name:"ap-descriptions",props:{descriptionsProps:{},schemas:{},dataSource:{},style:{type:[Boolean,null,String,Object,Array]},className:{}},setup(p){const n=p,d=a.useGlobalConfig("uiMode","admin"),f=a.useGlobalConfig("apDescriptions"),y=a.useGlobalConfig("downloadCenterTriggerConfig"),{m:b,b:g,be:k}=_.useNamespace("ap-descriptions"),v=C.default("ap-descriptions"),S=(t={})=>{let o="";return n.descriptionsProps?.layout==="vertical"&&(o="start"),{justifyContent:o,...t}},i=t=>{const o=u.get(n.dataSource,t.field);if(t.customRender)return t.customRender(n.dataSource);t.valueType==="attachment"&&(t.extraProps=s.mixinsAttachmentExtraProps(t.extraProps,{fromConfig:f.value?.downloadFile,fromGlobal:y.value?.trigger}));const l=t.format?t.format(o,n.dataSource||{}):o;return s.transformValue({value:l,record:n.dataSource},t)},m=t=>t.valueType==="text"&&!!t.extraProps?.ellipsis,B=t=>{if(t.visible!=null){if(typeof t.visible=="boolean")return t.visible;if(typeof t.visible=="function")return t.visible({record:n.dataSource||{},schema:t})}return!0};return(t,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.className,e.unref(g)(),e.unref(b)(e.unref(d)),e.unref(v)]),style:e.normalizeStyle(t.style)},[e.createVNode(e.unref(r.Descriptions),e.mergeProps(t.descriptionsProps,{"label-style":S({...t.descriptionsProps?.labelStyle||{}})}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schemas,(l,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.field||"empty"+c},[B(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.valueType==="empty"?(e.openBlock(),e.createBlock(e.unref(r.DescriptionsItem),{key:0,"content-style":l.contentStyle,"label-style":l.labelStyle,span:l.span},null,8,["content-style","label-style","span"])):(e.openBlock(),e.createBlock(e.unref(r.DescriptionsItem),{key:1,class:e.normalizeClass(m(l)?e.unref(k)("item","ellipsis"):""),label:l.label?e.h(e.Fragment,[e.h(q.default,{helpMessage:l.helpMessage,label:l.label})]):null,span:l.span,"content-style":l.contentStyle,"label-style":l.labelStyle},{default:e.withCtx(()=>[e.unref(s.isEmptyWithType)(e.unref(u.get)(t.dataSource,l.field),l)?(e.openBlock(),e.createElementBlock("span",P,"--")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.contentSlotName?e.renderSlot(t.$slots,l.contentSlotName,{key:0,index:c,item:i(l),record:t.dataSource}):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[l.prefix,i(l),l.suffix])),{key:1}))],64))]),_:2},1032,["class","label","span","content-style","label-style"]))],64)):e.createCommentVNode("",!0)],64))),128))]),_:3},16,["label-style"])],6))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@aplus-frontend/antdv"),s=require("./helper.js"),c=require("lodash-unified");require("./help-message/index.vue.js");require("../config-provider/index.js");const B=require("./style/index.js"),u=require("../config-provider/hooks/use-global-config.js"),m=require("../config-provider/hooks/use-namespace.js"),C=require("./help-message/index.vue2.js"),_={key:0},q=e.defineComponent({name:"ApDescriptions",__name:"ap-descriptions",props:{descriptionsProps:{},schemas:{},dataSource:{},style:{type:[Boolean,null,String,Object,Array]},className:{}},setup(p){const r=p,d=u.useGlobalConfig("apDescriptions"),f=u.useGlobalConfig("downloadCenterTriggerConfig"),{b:y,be:b}=m.useNamespace("ap-descriptions"),g=B.default("ap-descriptions"),k=(t={})=>{let n="";return r.descriptionsProps?.layout==="vertical"&&(n="start"),{justifyContent:n,...t}},a=t=>{const n=c.get(r.dataSource,t.field);if(t.customRender)return t.customRender(r.dataSource);t.valueType==="attachment"&&(t.extraProps=s.mixinsAttachmentExtraProps(t.extraProps,{fromConfig:d.value?.downloadFile,fromGlobal:f.value?.trigger}));const l=t.format?t.format(n,r.dataSource||{}):n;return s.transformValue({value:l,record:r.dataSource},t)},v=t=>t.valueType==="text"&&!!t.extraProps?.ellipsis,S=t=>{if(t.visible!=null){if(typeof t.visible=="boolean")return t.visible;if(typeof t.visible=="function")return t.visible({record:r.dataSource||{},schema:t})}return!0};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([t.className,e.unref(y)(),e.unref(g)]),style:e.normalizeStyle(t.style)},[e.createVNode(e.unref(o.Descriptions),e.mergeProps(t.descriptionsProps,{"label-style":k({...t.descriptionsProps?.labelStyle||{}})}),{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.schemas,(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.field||"empty"+i},[S(l)?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[l.valueType==="empty"?(e.openBlock(),e.createBlock(e.unref(o.DescriptionsItem),{key:0,"content-style":l.contentStyle,"label-style":l.labelStyle,span:l.span},null,8,["content-style","label-style","span"])):(e.openBlock(),e.createBlock(e.unref(o.DescriptionsItem),{key:1,class:e.normalizeClass(v(l)?e.unref(b)("item","ellipsis"):""),label:l.label?e.h(e.Fragment,[e.h(C.default,{helpMessage:l.helpMessage,label:l.label})]):null,span:l.span,"content-style":l.contentStyle,"label-style":l.labelStyle},{default:e.withCtx(()=>[e.unref(s.isEmptyWithType)(e.unref(c.get)(t.dataSource,l.field),l)?(e.openBlock(),e.createElementBlock("span",_,"--")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[l.contentSlotName?e.renderSlot(t.$slots,l.contentSlotName,{key:0,index:i,item:a(l),record:t.dataSource}):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.h(e.Fragment,[l.prefix,a(l),l.suffix])),{key:1}))],64))]),_:2},1032,["class","label","span","content-style","label-style"]))],64)):e.createCommentVNode("",!0)],64))),128))]),_:3},16,["label-style"])],6))}});exports.default=q;

package/lib/src/ap-descriptions/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:"4px"},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInline:"4px 12px"}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{".ant-typography":{color:"inherit"}}},"&--admin":{".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:"#999",".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:"#999"}},".ant-descriptions-item-content":{color:"#333",".ap-descriptions-item-content__link":{color:"#1890ff",cursor:"pointer"}}}},"&--aplus":{".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:"#8896B0",".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:"#8896B0"}},".ant-descriptions-item-content":{color:"#182948",".ap-descriptions-item-content__link":{color:"#0070FF",cursor:"pointer"}}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/cssinjs/index.js"),n=t=>{const{componentCls:i}=t;return{[i]:{".ant-descriptions":{".ant-descriptions-view table":{tableLayout:"fixed"},"td.ant-descriptions-item":{paddingBlockEnd:"var(--ap-descriptions-item-padding-bottom, 16px)"},"th.ant-descriptions-item":{paddingBlockEnd:"4px"},".ant-descriptions-row:last-child":{".ant-descriptions-item":{paddingBottom:"var(--ap-descriptions-last-row-item-padding-bottom, 0px)"}},".ant-descriptions-item-label::after":{marginInline:"4px 12px"}},[`${i}-item__ellipsis`]:{".ant-descriptions-item-label":{flexShrink:0},".ant-descriptions-item-content":{flexShrink:1,minWidth:0,".ant-typography":{marginBlockEnd:0},".ant-typography-ellipsis":{maxWidth:"100%"}}},[`${i}--item-label`]:{".ant-typography-single-line":{whiteSpace:"normal"}},".ant-descriptions-row":{".ant-descriptions-item-label":{justifyContent:"flex-end",width:"var(--ap-descriptions-item-label-width, auto)",color:t.textColor3,".ap-descriptions-item-content__help":{fontSize:t.fontSizeLG,marginInlineStart:"4px",color:t.textColor3},".ant-typography":{color:"inherit"}},".ant-descriptions-item-content":{color:t.textColor1,".ap-descriptions-item-content__link":{color:t.colorLink,cursor:"pointer"}}}}}},o=e.genComponentStyleHook("ApDescriptions",t=>[n(t)]);exports.default=o;

package/lib/src/ap-download/ap-download.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@aplus-frontend/antdv"),w=require("@ant-design/icons-vue");require("../config-provider/index.js");const B=require("./hooks/index.js"),u=require("./utils/getFileInfo.js"),O=require("./hooks/useStyle.js"),q=require("lodash-unified"),z=require("../config-provider/hooks/use-locale.js"),a=require("../config-provider/hooks/use-global-config.js"),F={key:0,class:"spin"},S={key:1,class:"icon"},I={class:"text"},L=e.defineComponent({name:"ApDownload",__name:"ap-download",props:{prefixCls:{},type:{default:"link"},htmlType:{},shape:{},size:{default:"middle"},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:!1},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{},autoInsertSpace:{type:Boolean},iconPosition:{},color:{},variant:{},text:{},fileName:{},needName:{type:[Boolean,Object]},getOssAccess:{}},emits:["downloadCallback"],setup(p,{emit:f}){const i=f,l=e.ref(!1),{lang:m}=z.useLocale(),g=e.useSlots(),C=e.computed(()=>m.value==="zh-cn"?"zh_CN":"en_US"),y=a.useGlobalConfig("uiMode"),o=p,s=a.useGlobalConfig("apUpload"),c=a.useGlobalConfig("downloadCenterTriggerConfig"),r=e.computed(()=>o.disabled),b=e.computed(()=>o.color?o.color:y.value==="aplus"?"#0070FF":"#1890FF"),N=e.computed(()=>o.size),{getInnerWrapperClass:v}=O.useStyle(b,N,r),k=e.computed(()=>o.getOssAccess||s.value?.getOssAccess),_=async()=>{if(!o.disabled){l.value=!0;try{if(c.value?.trigger){let n=u.getFileInfo(o.needName??s?.value?.needName,o.fileName).map(d=>({objectName:d.path,fileName:d.fileName}));await c.value?.trigger(n),i("downloadCallback",n)}else{const n=await(await B.useOssInit(k.value,e.unref(C))).downloadFile(u.getFileInfo(o.needName??s?.value?.needName,o.fileName));i("downloadCallback",n)}}catch(t){console.error(t)}finally{l.value=!1}}};return(t,n)=>(e.openBlock(),e.createBlock(e.unref(h.Button),e.mergeProps(e.unref(q.omit)(o,["getOssAccess","fileName","needName"]),{type:o.type,size:o.size,disabled:r.value,onClick:_}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(v))},[l.value?(e.openBlock(),e.createElementBlock("span",F,[e.createVNode(e.unref(w.LoadingOutlined),{spin:!0})])):e.createCommentVNode("",!0),e.unref(g).icon?(e.openBlock(),e.createElementBlock("span",S,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.createElementVNode("span",I,e.toDisplayString(t.text),1)],2)]),_:3},16,["type","size","disabled"]))}});exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=require("@aplus-frontend/antdv"),_=require("@ant-design/icons-vue");require("../config-provider/index.js");const h=require("./hooks/index.js"),d=require("./utils/getFileInfo.js"),w=require("./hooks/useStyle.js"),B=require("lodash-unified"),O=require("../config-provider/hooks/use-locale.js"),u=require("../config-provider/hooks/use-global-config.js"),q={key:0,class:"spin"},z={key:1,class:"icon"},S={class:"text"},I=e.defineComponent({name:"ApDownload",__name:"ap-download",props:{prefixCls:{},type:{default:"link"},htmlType:{},shape:{},size:{default:"middle"},loading:{type:[Boolean,Object]},disabled:{type:Boolean,default:!1},ghost:{type:Boolean},block:{type:Boolean},danger:{type:Boolean},icon:{},href:{},target:{},title:{},onClick:{},onMousedown:{},autoInsertSpace:{type:Boolean},iconPosition:{},color:{},variant:{},text:{},fileName:{},needName:{type:[Boolean,Object]},getOssAccess:{}},emits:["downloadCallback"],setup(p,{emit:f}){const l=f,s=e.ref(!1),{lang:m}=O.useLocale(),g=e.useSlots(),C=e.computed(()=>m.value==="zh-cn"?"zh_CN":"en_US"),t=p,a=u.useGlobalConfig("apUpload"),i=u.useGlobalConfig("downloadCenterTriggerConfig"),c=e.computed(()=>t.disabled),y=e.computed(()=>t.size),{getInnerWrapperClass:b}=w.useStyle(y,c),N=e.computed(()=>t.getOssAccess||a.value?.getOssAccess),v=async()=>{if(!t.disabled){s.value=!0;try{if(i.value?.trigger){let n=d.getFileInfo(t.needName??a?.value?.needName,t.fileName).map(r=>({objectName:r.path,fileName:r.fileName}));await i.value?.trigger(n),l("downloadCallback",n)}else{const n=await(await h.useOssInit(N.value,e.unref(C))).downloadFile(d.getFileInfo(t.needName??a?.value?.needName,t.fileName));l("downloadCallback",n)}}catch(o){console.error(o)}finally{s.value=!1}}};return(o,n)=>(e.openBlock(),e.createBlock(e.unref(k.Button),e.mergeProps(e.unref(B.omit)(t,["getOssAccess","fileName","needName"]),{type:t.type,size:t.size,disabled:c.value,onClick:v}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(b))},[s.value?(e.openBlock(),e.createElementBlock("span",q,[e.createVNode(e.unref(_.LoadingOutlined),{spin:!0})])):e.createCommentVNode("",!0),e.unref(g).icon?(e.openBlock(),e.createElementBlock("span",z,[e.renderSlot(o.$slots,"icon")])):e.createCommentVNode("",!0),e.createElementVNode("span",S,e.toDisplayString(o.text),1)],2)]),_:3},16,["type","size","disabled"]))}});exports.default=I;

package/lib/src/ap-download/hooks/useStyle.d.ts

@@ -1,5 +1,5 @@
 import { ComputedRef } from 'vue';
-export declare function useStyle(color: ComputedRef<string>, size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
+export declare function useStyle(size: ComputedRef<string>, disabled: ComputedRef<boolean>): {
     wrapperStyle: ComputedRef<Record<string, any>>;
     getWrapperClass: ComputedRef<string[]>;
     getInnerWrapperClass: ComputedRef<string[]>;

package/lib/src/ap-download/hooks/useStyle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),d=require("../utils/getFileInfo.js");require("../../config-provider/index.js");const w=require("../style/index.js"),m=require("../../config-provider/hooks/use-namespace.js"),v=require("../../config-provider/hooks/use-global-config.js");function f(o,t,l){const{b:r,bm:e}=m.useNamespace("ap-download"),u=w.default("ap-download"),s=v.useGlobalConfig("uiMode"),p=n.computed(()=>({"--download-main-color":o.value,"--download-main-color-opacity":d.getHexWithOpacity(o.value,.6)})),i=n.computed(()=>[r("wrapper"),e("wrapper",t.value),u.value].filter(Boolean)),c=n.computed(()=>{const a=[r(),r("inner-wrapper"),e("inner-wrapper",t.value)];return l.value&&(s.value==="aplus"?a.push(e("inner-wrapper","disabled")):a.push(e("inner-wrapper","disabled-admin"))),[...a,u.value]});return{wrapperStyle:p,getWrapperClass:i,getInnerWrapperClass:c}}exports.useStyle=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),i=require("../utils/getFileInfo.js");require("../../config-provider/index.js");const d=require("../style/index.js"),w=require("../../config-provider/hooks/use-token.js"),m=require("../../config-provider/hooks/use-namespace.js");function v(n,l){const{b:e,bm:r}=m.useNamespace("ap-download"),t=d.default("ap-download"),{token:a}=w.useToken(),s=o.computed(()=>({"--download-main-color":a.value?.colorLink,"--download-main-color-opacity":i.getHexWithOpacity(a.value?.colorLink,.6)})),c=o.computed(()=>[e("wrapper"),r("wrapper",n.value),t.value].filter(Boolean)),p=o.computed(()=>{const u=[e(),e("inner-wrapper"),r("inner-wrapper",n.value)];return l.value&&u.push(r("inner-wrapper","disabled")),[...u,t.value]});return{wrapperStyle:s,getWrapperClass:c,getInnerWrapperClass:p}}exports.useStyle=v;

package/lib/src/ap-download/style/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),i=e=>{const{componentCls:o}=e,n=`${o}-inner-wrapper`;return{[o]:{"&-wrapper":{textWrap:"nowrap",display:"inline-block"}},[n]:{display:"flex",color:"var(--download-main-color)",cursor:"pointer",alignItems:"center",".spin":{marginInlineEnd:"5px"},".icon":{position:"relative",fontSize:e.fontSizeXL,marginInlineEnd:"5px"},".text":{color:"var(--download-main-color)"},"&:hover":{color:"var(--download-main-color-opacity)"},"&--large":{lineHeight:e.lineHeightLG,fontSize:e.fontSizeLG},"&--middle":{lineHeight:e.lineHeight,fontSize:e.fontSize},"&--small":{lineHeight:e.lineHeightSM,fontSize:e.fontSizeSM},"&--disabled":{color:"#8896b0",cursor:"not-allowed","&:hover":{color:"#8896b0"}},"&--disabled-admin":{cursor:"not-allowed",color:"#999","&:hover":{color:"#999"}}}}},r=l.genComponentStyleHook("ApDownload",e=>[i(e)]);exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("../../utils/cssinjs/index.js"),r=e=>{const{componentCls:o,textColor3:n}=e,i=`${o}-inner-wrapper`;return{[o]:{"&-wrapper":{textWrap:"nowrap",display:"inline-block"}},[i]:{display:"flex",color:"var(--download-main-color)",cursor:"pointer",alignItems:"center",".spin":{marginInlineEnd:"5px"},".icon":{position:"relative",fontSize:e.fontSizeXL,marginInlineEnd:"5px"},".text":{color:"var(--download-main-color)"},"&:hover":{color:"var(--download-main-color-opacity)"},"&--large":{lineHeight:e.lineHeightLG,fontSize:e.fontSizeLG},"&--middle":{lineHeight:e.lineHeight,fontSize:e.fontSize},"&--small":{lineHeight:e.lineHeightSM,fontSize:e.fontSizeSM},"&--disabled":{color:n,cursor:"not-allowed","&:hover":{color:n}}}}},t=l.genComponentStyleHook("ApDownload",e=>[r(e)]);exports.default=t;

package/lib/src/ap-form/modal-form/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const S=require("../../utils/slot.js");require("../../config-provider/index.js");const w=require("lodash-unified"),x=require("../style/modal-form.js"),M=require("../../hooks/useControllableValue.js"),R=require("../../config-provider/hooks/use-locale.js"),U=require("../../config-provider/hooks/use-global-config.js"),j=require("../../config-provider/hooks/use-namespace.js"),I=require("../ap-form.vue2.js");function y(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!e.isVNode(s)}const O=e.defineComponent({name:"ApFormModalForm",__name:"index",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},onFieldsChange:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{}},emits:["update:open"],setup(s,{expose:g,emit:F}){const l=s,d=e.useSlots(),h=F,a=e.ref(),m=e.ref(0),u=e.ref(),n=e.ref(!1),{value:V,updateValue:i}=M.useControllableValue(l,h,{valuePropName:"open",defaultValue:!1,beforeUpdateValue(t){return t&&(m.value+=1),!0}}),{t:c}=R.useLocale(),C=U.useGlobalConfig("uiMode","aplus"),T=x.default("ap-form-modal-form"),{b:B,e:f}=j.useNamespace("ap-form-modal-form");e.watch(()=>a.value,t=>{t&&u.value&&(t.setFieldsValue?.(u.value),u.value=void 0)});const p=S.getSingleVNode(d.trigger),v=p?e.cloneVNode(p,{onClick:()=>{i(!0)}}):null,k=e.computed(()=>{const t=[];if(l.submitter===!1)return null;if(l.showCancel){let o;t.push(e.createVNode(r.Button,{onClick:b,disabled:n.value},y(o=c("ap.common.cancelText"))?o:{default:()=>[o]}))}return l.submitter?.resetButtonProps!==!1&&t.push(e.createVNode(r.Button,e.mergeProps(l.submitter?.resetButtonProps||{},{key:"reset",disabled:n.value,onClick:N,htmlType:"reset"}),{default:()=>[l.submitter?.resetText||c("ap.common.resetText")]})),l.submitter?.submitButtonProps!==!1&&t.push(e.createVNode(r.Button,e.mergeProps({type:"primary",key:"submit",htmlType:"submit"},l.submitter?.submitButtonProps||{},{loading:n.value}),{default:()=>[l.submitter?.submitText||c("ap.common.okText")]})),e.createVNode(r.Flex,{justify:"flex-end",key:e.unref(m),class:[f("footer"),e.unref(C)==="admin"?f("footer-admin"):null]},{default:()=>[d.submitter?d.submitter(t):e.createVNode(r.Space,null,y(t)?t:{default:()=>[t]})]})});function N(){l.submitter!==!1&&(a.value?.resetFields(),l.submitter?.onReset?.())}async function P(t){if(l.submitter!==!1)try{l.submitter?.onSubmit?.(),n.value=!0;const o=l.onFinish?.(t);if(l.submitTimeout&&o instanceof Promise){const _=setTimeout(()=>n.value=!1,l.submitTimeout);o.finally(()=>{clearTimeout(_),n.value=!1})}await o&&i(!1)}finally{n.value=!1}}function b(){e.unref(n)||i(!1)}function q(t){!t&&e.unref(n)||i(t)}return g({resetFields:async()=>{a.value?.resetFields()},clearValidate:t=>{a.value?.clearValidate(t)},validateFields:(t,o)=>a.value?.validateFields(t,o),getFieldsValue:t=>a.value?.getFieldsValue(t),validate:(t,o)=>a.value?.validate(t,o),scrollToField:(t,o={})=>{a.value?.scrollToField(t,o)},setFieldValue:(t,o)=>{a.value?.setFieldValue?.(t,o)},setFieldsValue:t=>{if(!a.value){u.value=t;return}a.value?.setFieldsValue?.(t)},getInternalInstance:t=>a.value?.getInternalInstance(t),getFieldsValueTransformed(t){return a.value?.getFieldsValueTransformed(t)},validateFieldsReturnTransformed(t,o){return a.value?.validateFieldsReturnTransformed(t,o)}}),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(r.Modal),e.mergeProps(t.modalProps,{open:e.unref(V),footer:null,width:t.width,class:[e.unref(B)(),e.unref(T)],"body-style":{padding:"0px !important"},"onUpdate:open":q,onCancel:b}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])]),default:e.withCtx(()=>[e.createVNode(I.default,e.mergeProps({ref_key:"formRef",ref:a},e.unref(w.omit)(l,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"]),{onFinish:P}),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.modalProps?.bodyStyle),class:e.normalizeClass(e.unref(f)("content"))},[e.renderSlot(t.$slots,"default")],6),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k.value)))]),_:3},16)]),_:3},16,["open","width","class"]),e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@aplus-frontend/antdv");require("../ap-form.vue.js");require("../../hooks/index.js");const q=require("../../utils/slot.js");require("../../config-provider/index.js");const S=require("lodash-unified"),w=require("../style/modal-form.js"),x=require("../../hooks/useControllableValue.js"),M=require("../../config-provider/hooks/use-locale.js"),R=require("../../config-provider/hooks/use-namespace.js"),U=require("../ap-form.vue2.js");function y(s){return typeof s=="function"||Object.prototype.toString.call(s)==="[object Object]"&&!e.isVNode(s)}const j=e.defineComponent({name:"ApFormModalForm",__name:"index",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},onFieldsChange:{},onFinishFailed:{},onValidate:{},variant:{},initialValues:{},onValuesChange:{},syncToUrl:{type:[Boolean,Function]},syncToUrlPriority:{type:Boolean},open:{type:Boolean,default:void 0},"onUpdate:open":{},modalProps:{default:()=>({})},title:{},width:{default:800},onFinish:{},submitter:{type:[Boolean,Object],default:()=>({resetButtonProps:!1})},showCancel:{type:Boolean,default:!0},submitTimeout:{}},emits:["update:open"],setup(s,{expose:F,emit:g}){const l=s,d=e.useSlots(),h=g,o=e.ref(),f=e.ref(0),u=e.ref(),r=e.ref(!1),{value:V,updateValue:i}=x.useControllableValue(l,h,{valuePropName:"open",defaultValue:!1,beforeUpdateValue(t){return t&&(f.value+=1),!0}}),{t:c}=M.useLocale(),C=w.default("ap-form-modal-form"),{b:T,e:m}=R.useNamespace("ap-form-modal-form");e.watch(()=>o.value,t=>{t&&u.value&&(t.setFieldsValue?.(u.value),u.value=void 0)});const p=q.getSingleVNode(d.trigger),v=p?e.cloneVNode(p,{onClick:()=>{i(!0)}}):null,B=e.computed(()=>{const t=[];if(l.submitter===!1)return null;if(l.showCancel){let a;t.push(e.createVNode(n.Button,{onClick:b,disabled:r.value},y(a=c("ap.common.cancelText"))?a:{default:()=>[a]}))}return l.submitter?.resetButtonProps!==!1&&t.push(e.createVNode(n.Button,e.mergeProps(l.submitter?.resetButtonProps||{},{key:"reset",disabled:r.value,onClick:k,htmlType:"reset"}),{default:()=>[l.submitter?.resetText||c("ap.common.resetText")]})),l.submitter?.submitButtonProps!==!1&&t.push(e.createVNode(n.Button,e.mergeProps({type:"primary",key:"submit",htmlType:"submit"},l.submitter?.submitButtonProps||{},{loading:r.value}),{default:()=>[l.submitter?.submitText||c("ap.common.okText")]})),e.createVNode(n.Flex,{justify:"flex-end",key:e.unref(f),class:[m("footer")]},{default:()=>[d.submitter?d.submitter(t):e.createVNode(n.Space,null,y(t)?t:{default:()=>[t]})]})});function k(){l.submitter!==!1&&(o.value?.resetFields(),l.submitter?.onReset?.())}async function N(t){if(l.submitter!==!1)try{l.submitter?.onSubmit?.(),r.value=!0;const a=l.onFinish?.(t);if(l.submitTimeout&&a instanceof Promise){const _=setTimeout(()=>r.value=!1,l.submitTimeout);a.finally(()=>{clearTimeout(_),r.value=!1})}await a&&i(!1)}finally{r.value=!1}}function b(){e.unref(r)||i(!1)}function P(t){!t&&e.unref(r)||i(t)}return F({resetFields:async()=>{o.value?.resetFields()},clearValidate:t=>{o.value?.clearValidate(t)},validateFields:(t,a)=>o.value?.validateFields(t,a),getFieldsValue:t=>o.value?.getFieldsValue(t),validate:(t,a)=>o.value?.validate(t,a),scrollToField:(t,a={})=>{o.value?.scrollToField(t,a)},setFieldValue:(t,a)=>{o.value?.setFieldValue?.(t,a)},setFieldsValue:t=>{if(!o.value){u.value=t;return}o.value?.setFieldsValue?.(t)},getInternalInstance:t=>o.value?.getInternalInstance(t),getFieldsValueTransformed(t){return o.value?.getFieldsValueTransformed(t)},validateFieldsReturnTransformed(t,a){return o.value?.validateFieldsReturnTransformed(t,a)}}),(t,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Modal),e.mergeProps(t.modalProps,{open:e.unref(V),footer:null,width:t.width,class:[e.unref(T)(),e.unref(C)],"body-style":{padding:"0px !important"},"onUpdate:open":P,onCancel:b}),{title:e.withCtx(()=>[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])]),default:e.withCtx(()=>[e.createVNode(U.default,e.mergeProps({ref_key:"formRef",ref:o},e.unref(S.omit)(l,["modalProps","open","onUpdate:open","title","width","onFinish","submitter"]),{onFinish:N}),{default:e.withCtx(()=>[e.createElementVNode("div",{style:e.normalizeStyle(t.modalProps?.bodyStyle),class:e.normalizeClass(e.unref(m)("content"))},[e.renderSlot(t.$slots,"default")],6),(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B.value)))]),_:3},16)]),_:3},16,["open","width","class"]),e.unref(v)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(v)),{key:0})):e.createCommentVNode("",!0)],64))}});exports.default=j;

package/lib/src/ap-form/style/modal-form.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../utils/cssinjs/index.js"),e=o=>{const{componentCls:d,apFormModalCloseSize:a}=o;return{[d]:{".ant-modal-content":{padding:0},".ant-modal-header":{paddingInline:o.apFormModalHeaderPaddingInline,paddingBlock:o.apFormModalHeaderPaddingBlock,borderBottom:"1px solid #E9EDF3",marginBottom:0},[`${d}__content`]:{padding:o.apFormModalContentPadding},[`${d}__footer`]:{padding:o.apFormModalFooterPadding},[`${d}__footer-admin`]:{borderTop:"1px solid #E9EDF3"},".ant-modal-close":{top:`calc(${o.apFormModalHeaderPaddingBlock} - (${a} - 22px) / 2)`,width:a,height:a}}}},l=n.genComponentStyleHook("ApForm.Modal",o=>[e(o)],{apFormModalHeaderPaddingInline:20,apFormModalHeaderPaddingBlock:15,apFormModalContentPadding:"20px 20px 0px",apFormModalFooterPadding:"12px 20px",apFormModalCloseSize:32});exports.default=l;exports.genModalFormStyle=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../utils/cssinjs/index.js"),e=o=>{const{componentCls:d,apFormModalCloseSize:a}=o;return{[d]:{".ant-modal-content":{padding:0},".ant-modal-header":{paddingInline:o.apFormModalHeaderPaddingInline,paddingBlock:o.apFormModalHeaderPaddingBlock,borderBottom:"1px solid #E9EDF3",marginBottom:0},[`${d}__content`]:{padding:o.apFormModalContentPadding},[`${d}__footer`]:{padding:o.apFormModalFooterPadding,borderTop:o.apFormModalFooterBorderTop},".ant-modal-close":{top:o.calc(o.apFormModalHeaderPaddingBlock).sub(o.calc(a).sub("22px").div(2)).equal(),width:a,height:a}}}},l=r.genComponentStyleHook("ApForm.Modal",o=>[e(o)],{apFormModalHeaderPaddingInline:20,apFormModalHeaderPaddingBlock:15,apFormModalContentPadding:"20px 20px 0px",apFormModalFooterPadding:"12px 20px",apFormModalCloseSize:32,apFormModalFooterBorderTop:"unset"});exports.default=l;exports.genModalFormStyle=e;