@aplus-frontend/ui 0.0.1-beta.22 → 0.0.1-beta.24

package/es/index.mjs

@@ -1,13 +1,13 @@
 import * as e from "./src/index.mjs";
 import "./src/hooks/index.mjs";
 import { Icon as l, SvgIcon as s } from "./src/icon/index.mjs";
-import { configProviderProps as d } from "./src/config-provider/config-provider-props.mjs";
-import { configProviderContextKey as x, tableDefaultConfig as u } from "./src/config-provider/constants.mjs";
-import { keysOf as A, provideGlobalConfig as T, useGlobalConfig as C } from "./src/config-provider/hooks/use-global-config.mjs";
-import { buildLocaleContext as S, buildTranslator as I, localeContextKey as g, translate as b, useLocale as v } from "./src/config-provider/hooks/use-locale.mjs";
-import { defaultNamespace as P, namespaceContextKey as R, useGetDerivedNamespace as B, useNamespace as M } from "./src/config-provider/hooks/use-namespace.mjs";
-import { ConfigProvider as G } from "./src/config-provider/config-provider.mjs";
-import { APConfigProvider as w } from "./src/config-provider/index.mjs";
+import { configProviderProps as i } from "./src/config-provider/config-provider-props.mjs";
+import { configProviderContextKey as n, tableDefaultConfig as u } from "./src/config-provider/constants.mjs";
+import { keysOf as A, provideGlobalConfig as T, useGlobalConfig as F } from "./src/config-provider/hooks/use-global-config.mjs";
+import { buildLocaleContext as S, buildTranslator as I, localeContextKey as g, translate as b, useLocale as D } from "./src/config-provider/hooks/use-locale.mjs";
+import { defaultNamespace as P, namespaceContextKey as R, useGetDerivedNamespace as M, useNamespace as B } from "./src/config-provider/hooks/use-namespace.mjs";
+import { ConfigProvider as w } from "./src/config-provider/config-provider.mjs";
+import { APConfigProvider as k } from "./src/config-provider/index.mjs";
 import { Scrollbar as y } from "./src/scroll-bar/index.mjs";
 import { CollapseContainer as X, ScrollContainer as K } from "./src/container/index.mjs";
 import { IconPicker as E } from "./src/icon-picker/index.mjs";
@@ -16,16 +16,16 @@ import { default as z } from "./src/locale/lang/en.mjs";
 import { BasicArrow as V, BasicHelp as $, BasicTitle as j } from "./src/basic/index.mjs";
 import { default as J } from "./src/transition/collapse-transition.vue.mjs";
 import { ExpandTransition as Z, ExpandXTransition as _, FadeTransition as oo, ScaleRotateTransition as eo, ScaleTransition as ro, ScrollXReverseTransition as to, ScrollXTransition as ao, ScrollYReverseTransition as po, ScrollYTransition as fo, SlideXReverseTransition as mo, SlideXTransition as lo, SlideYReverseTransition as so, SlideYTransition as io } from "./src/transition/index.mjs";
-import { useDescription as xo } from "./src/description/use-description.mjs";
+import { useDescription as no } from "./src/description/use-description.mjs";
 import { Description as co } from "./src/description/index.mjs";
 import { useComponentRegister as To } from "./src/pro-form/hooks/use-component-register.mjs";
-import { useForm as Fo } from "./src/pro-form/hooks/use-form.mjs";
+import { useForm as Co } from "./src/pro-form/hooks/use-form.mjs";
 import { isComponentFormSchema as Io, isSlotFormSchema as go } from "./src/pro-form/types/form.mjs";
-import { Field as vo } from "./src/pro-form/index.mjs";
+import { Field as Do } from "./src/pro-form/index.mjs";
 import { default as Po } from "./src/pro-form/components/api-cascader.vue.mjs";
-import { default as Bo } from "./src/pro-form/components/api-radio-group.vue.mjs";
+import { default as Mo } from "./src/pro-form/components/api-radio-group.vue.mjs";
 import { default as ho } from "./src/pro-form/components/api-select.vue.mjs";
-import { default as ko } from "./src/pro-form/components/api-transfer.vue.mjs";
+import { default as Go } from "./src/pro-form/components/api-transfer.vue.mjs";
 import { default as No } from "./src/pro-form/components/api-tree.vue.mjs";
 import { default as Lo } from "./src/pro-form/components/radio-button-group.vue.mjs";
 import { default as Ko } from "./src/pro-form/pro-form.vue.mjs";
@@ -40,18 +40,18 @@ import { BaseModal as ee } from "./src/modal/index.mjs";
 import { CropperAvatar as te, CropperImage as ae } from "./src/cropper/index.mjs";
 import { CountdownButton as fe, CountdownInput as me } from "./src/count-down/index.mjs";
 import { createPrompt as se } from "./src/prompt/index.mjs";
-import { Dropdown as de } from "./src/dropdown/index.mjs";
-import { default as xe } from "./src/pro-table/pro-table.vue.mjs";
+import { Dropdown as ie } from "./src/dropdown/index.mjs";
+import { default as ne } from "./src/pro-table/pro-table.vue.mjs";
 import { default as ce } from "./src/pro-table/components/table-action.vue.mjs";
 import { default as Te } from "./src/pro-table/components/edit-table-header-icon.vue.mjs";
-import { default as Fe } from "./src/pro-table/components/table-image.vue.mjs";
+import { default as Ce } from "./src/pro-table/components/table-image.vue.mjs";
 import { useTable as Ie } from "./src/pro-table/hooks/use-table.mjs";
 import { default as be } from "./src/ap-form/items/text/index.vue.mjs";
-import { default as De } from "./src/ap-form/items/text-area/index.vue.mjs";
+import { default as ve } from "./src/ap-form/items/text-area/index.vue.mjs";
 import { default as Re } from "./src/ap-form/items/number/index.vue.mjs";
-import { default as Me } from "./src/ap-form/items/date/index.vue.mjs";
-import { default as Ge } from "./src/ap-form/items/date-range/index.vue.mjs";
-import { default as we } from "./src/ap-form/items/radio/index.vue.mjs";
+import { default as Be } from "./src/ap-form/items/date/index.vue.mjs";
+import { default as we } from "./src/ap-form/items/date-range/index.vue.mjs";
+import { default as ke } from "./src/ap-form/items/radio/index.vue.mjs";
 import { default as ye } from "./src/ap-form/items/select/index.vue.mjs";
 import { default as Xe } from "./src/ap-form/items/switch/index.vue.mjs";
 import { ApForm as Ye } from "./src/ap-form/index.mjs";
@@ -59,36 +59,38 @@ import { default as Oe } from "./src/ap-form/ap-form-item.vue.mjs";
 import { default as We } from "./src/ap-form/ap-form-item-group/index.vue.mjs";
 import { default as Ue } from "./src/ap-form/ap-form-list.vue.mjs";
 import { default as $e } from "./src/ap-form/search-form/index.vue.mjs";
-import { ApField as qe } from "./src/ap-field/index.mjs";
-import { default as Qe } from "./src/ap-field/text/index.vue.mjs";
-import { default as _e } from "./src/ap-field/checkbox/index.vue.mjs";
-import { default as er } from "./src/ap-field/date/index.vue.mjs";
-import { default as tr } from "./src/ap-field/number/index.vue.mjs";
-import { default as pr } from "./src/ap-field/radio/index.vue.mjs";
-import { default as mr } from "./src/ap-field/switch/index.vue.mjs";
-import { default as sr } from "./src/ap-field/text-area/index.vue.mjs";
-import { default as dr } from "./src/ap-field/date-range/index.vue.mjs";
-import { default as xr } from "./src/ap-field/select/index.vue.mjs";
-import { adminToken as cr, aplusToken as Ar } from "./src/design-token/index.mjs";
-import { ApActionItem as Cr } from "./src/ap-action/index.mjs";
-import { default as Sr } from "./src/ap-action/item-modal/index.vue.mjs";
-import { default as gr } from "./src/ap-action/item-popconfirm/index.vue.mjs";
-import { default as vr } from "./src/ap-action/item-dropdown/index.vue.mjs";
-import { default as Pr } from "./src/ap-action/group/index.vue.mjs";
-import { generateTableList as Br } from "./src/ap-custom-column/utils.mjs";
-import { useCacheColumnSetting as hr } from "./src/ap-custom-column/useCacheColumnSetting.mjs";
-import { default as kr } from "./src/ap-custom-column/custom-column.vue.mjs";
-import { default as Nr } from "./src/ap-custom-column/column-select.vue.mjs";
-import { DictCode as Lr } from "./src/work-order-modal/interfaces.mjs";
-import { createWorkOrderModal as Kr } from "./src/work-order-modal/createWorkOrder.mjs";
-import { default as Er } from "./src/work-order-modal/work-order-modal.vue.mjs";
-import { default as Hr } from "./src/ap-tag/ap-tag.vue.mjs";
-import { default as zr } from "./src/ap-tag/ap-tag-group.vue.mjs";
-import { default as Vr } from "./src/ap-layout/ap-info-layout/ap-info-layout.vue.mjs";
-import { NeedNameKeyDefault as jr } from "./src/ap-upload/apUploadTypes.mjs";
-import { default as Jr } from "./src/ap-upload/apUpload.vue.mjs";
-import { useMessage as Zr } from "./src/hooks/useMessage.mjs";
-import { useControllableValue as ot } from "./src/hooks/useControllableValue.mjs";
+import { default as qe } from "./src/ap-form/modal-form/index.vue.mjs";
+import { ApField as Qe } from "./src/ap-field/index.mjs";
+import { default as _e } from "./src/ap-field/text/index.vue.mjs";
+import { default as er } from "./src/ap-field/checkbox/index.vue.mjs";
+import { default as tr } from "./src/ap-field/date/index.vue.mjs";
+import { default as pr } from "./src/ap-field/number/index.vue.mjs";
+import { default as mr } from "./src/ap-field/radio/index.vue.mjs";
+import { default as sr } from "./src/ap-field/switch/index.vue.mjs";
+import { default as ir } from "./src/ap-field/text-area/index.vue.mjs";
+import { default as nr } from "./src/ap-field/date-range/index.vue.mjs";
+import { default as cr } from "./src/ap-field/select/index.vue.mjs";
+import { adminToken as Tr, aplusToken as Fr } from "./src/design-token/index.mjs";
+import { ApActionItem as Sr } from "./src/ap-action/index.mjs";
+import { default as gr } from "./src/ap-action/item-modal/index.vue.mjs";
+import { default as Dr } from "./src/ap-action/item-popconfirm/index.vue.mjs";
+import { default as Pr } from "./src/ap-action/item-dropdown/index.vue.mjs";
+import { default as Mr } from "./src/ap-action/group/index.vue.mjs";
+import { generateTableList as hr } from "./src/ap-custom-column/utils.mjs";
+import { useCacheColumnSetting as Gr } from "./src/ap-custom-column/useCacheColumnSetting.mjs";
+import { default as Nr } from "./src/ap-custom-column/custom-column.vue.mjs";
+import { default as Lr } from "./src/ap-custom-column/column-select.vue.mjs";
+import { DictCode as Kr } from "./src/work-order-modal/interfaces.mjs";
+import { createWorkOrderModal as Er } from "./src/work-order-modal/createWorkOrder.mjs";
+import { default as Hr } from "./src/work-order-modal/work-order-modal.vue.mjs";
+import { default as zr } from "./src/ap-tag/ap-tag.vue.mjs";
+import { default as Vr } from "./src/ap-tag/ap-tag-group.vue.mjs";
+import { default as jr } from "./src/ap-layout/ap-info-layout/ap-info-layout.vue.mjs";
+import { NeedNameKeyDefault as Jr } from "./src/ap-upload/apUploadTypes.mjs";
+import { default as Zr } from "./src/ap-upload/apUpload.vue.mjs";
+import { default as ot } from "./src/ap-download/ap-download.vue.mjs";
+import { useMessage as rt } from "./src/hooks/useMessage.mjs";
+import { useControllableValue as at } from "./src/hooks/useControllableValue.mjs";
 const p = {
   install: (r) => {
     for (const t in e) {
@@ -98,45 +100,47 @@ const p = {
   }
 };
 export {
-  w as APConfigProvider,
-  Pr as ApActionGroup,
-  Cr as ApActionItem,
-  vr as ApActionItemDropdown,
-  Sr as ApActionItemModal,
-  gr as ApActionItemPopconfirm,
-  kr as ApCustomColumn,
-  Nr as ApCustomSelect,
-  qe as ApField,
-  _e as ApFieldCheckbox,
-  er as ApFieldDate,
-  dr as ApFieldDateRange,
-  tr as ApFieldNumber,
-  pr as ApFieldRadio,
-  xr as ApFieldSelect,
-  mr as ApFieldSwitch,
-  Qe as ApFieldText,
-  sr as ApFieldTextArea,
+  k as APConfigProvider,
+  Mr as ApActionGroup,
+  Sr as ApActionItem,
+  Pr as ApActionItemDropdown,
+  gr as ApActionItemModal,
+  Dr as ApActionItemPopconfirm,
+  Nr as ApCustomColumn,
+  Lr as ApCustomSelect,
+  ot as ApDownload,
+  Qe as ApField,
+  er as ApFieldCheckbox,
+  tr as ApFieldDate,
+  nr as ApFieldDateRange,
+  pr as ApFieldNumber,
+  mr as ApFieldRadio,
+  cr as ApFieldSelect,
+  sr as ApFieldSwitch,
+  _e as ApFieldText,
+  ir as ApFieldTextArea,
   Ye as ApForm,
   Oe as ApFormItem,
-  Me as ApFormItemDate,
-  Ge as ApFormItemDateRange,
+  Be as ApFormItemDate,
+  we as ApFormItemDateRange,
   We as ApFormItemGroup,
   Re as ApFormItemNumber,
-  we as ApFormItemRadio,
+  ke as ApFormItemRadio,
   ye as ApFormItemSelect,
   Xe as ApFormItemSwitch,
   be as ApFormItemText,
-  De as ApFormItemTextArea,
+  ve as ApFormItemTextArea,
   Ue as ApFormList,
+  qe as ApFormModalForm,
   $e as ApFormSearchForm,
-  Vr as ApInfoLayout,
-  Hr as ApTag,
-  zr as ApTagGroup,
-  Jr as ApUpload,
+  jr as ApInfoLayout,
+  zr as ApTag,
+  Vr as ApTagGroup,
+  Zr as ApUpload,
   Po as ApiCascader,
-  Bo as ApiRadioGroup,
+  Mo as ApiRadioGroup,
   ho as ApiSelect,
-  ko as ApiTransfer,
+  Go as ApiTransfer,
   No as ApiTree,
   Eo as ApiTreeSelect,
   Vo as BaseButton,
@@ -146,26 +150,26 @@ export {
   j as BasicTitle,
   X as CollapseContainer,
   J as CollapseTransition,
-  G as ConfigProvider,
+  w as ConfigProvider,
   fe as CountdownButton,
   me as CountdownInput,
   te as CropperAvatar,
   ae as CropperImage,
   co as Description,
-  Lr as DictCode,
-  de as Dropdown,
+  Kr as DictCode,
+  ie as Dropdown,
   Te as EditTableHeaderIcon,
   Z as ExpandTransition,
   _ as ExpandXTransition,
   oo as FadeTransition,
-  vo as Field,
+  Do as Field,
   l as Icon,
   E as IconPicker,
   Ho as ModalButton,
-  jr as NeedNameKeyDefault,
+  Jr as NeedNameKeyDefault,
   zo as PopConfirmButton,
   Ko as ProForm,
-  xe as ProTable,
+  ne as ProTable,
   Lo as RadioButtonGroup,
   eo as ScaleRotateTransition,
   ro as ScaleTransition,
@@ -182,20 +186,20 @@ export {
   jo as StrengthMeter,
   s as SvgIcon,
   ce as TableAction,
-  Fe as TableImg,
-  Er as WorkOrderModal,
-  cr as adminToken,
-  Ar as aplusToken,
+  Ce as TableImg,
+  Hr as WorkOrderModal,
+  Tr as adminToken,
+  Fr as aplusToken,
   S as buildLocaleContext,
   I as buildTranslator,
-  x as configProviderContextKey,
-  d as configProviderProps,
+  n as configProviderContextKey,
+  i as configProviderProps,
   se as createPrompt,
-  Kr as createWorkOrderModal,
+  Er as createWorkOrderModal,
   p as default,
   P as defaultNamespace,
   z as en,
-  Br as generateTableList,
+  hr as generateTableList,
   Io as isComponentFormSchema,
   go as isSlotFormSchema,
   A as keysOf,
@@ -204,19 +208,19 @@ export {
   T as provideGlobalConfig,
   u as tableDefaultConfig,
   b as translate,
-  hr as useCacheColumnSetting,
+  Gr as useCacheColumnSetting,
   To as useComponentRegister,
-  ot as useControllableValue,
-  xo as useDescription,
-  Fo as useForm,
-  B as useGetDerivedNamespace,
-  C as useGlobalConfig,
-  v as useLocale,
-  Zr as useMessage,
+  at as useControllableValue,
+  no as useDescription,
+  Co as useForm,
+  M as useGetDerivedNamespace,
+  F as useGlobalConfig,
+  D as useLocale,
+  rt as useMessage,
   Zo as useModal,
   Jo as useModalContext,
   _o as useModalInner,
-  M as useNamespace,
+  B as useNamespace,
   Ie as useTable,
   H as zhCn
 };

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

@@ -0,0 +1,41 @@
+import { ApDownLoadProps } from './interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApDownLoadProps>, {
+    size: string;
+    color: string;
+    disabled: boolean;
+}>>>, {
+    color: string;
+    disabled: boolean;
+    size: "small" | "middle" | "large";
+}, {}>, {
+    icon?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-download/ap-download.vue.mjs

@@ -0,0 +1,50 @@
+import { defineComponent as b, computed as n, openBlock as _, createElementBlock as k, normalizeStyle as y, normalizeClass as o, createElementVNode as r, renderSlot as z, toDisplayString as v } from "vue";
+import "../config-provider/index.mjs";
+import "./style/ap-download.css";
+import { useGlobalConfig as B } from "../config-provider/hooks/use-global-config.mjs";
+import { useNamespace as I } from "../config-provider/hooks/use-namespace.mjs";
+const F = { class: "icon" }, M = { class: "text" }, G = /* @__PURE__ */ b({
+  name: "ApDownload",
+  __name: "ap-download",
+  props: {
+    text: {},
+    color: { default: "#0070FF" },
+    size: { default: "middle" },
+    disabled: { type: Boolean, default: !1 },
+    triggerClick: {}
+  },
+  setup(p) {
+    const e = p, l = B("uiMode"), { b: s, bm: a } = I("download");
+    function c(t, i) {
+      t.length === 4 && (t = `#${t[1]}${t[1]}${t[2]}${t[2]}${t[3]}${t[3]}`);
+      const f = parseInt(t.slice(1, 3), 16), S = parseInt(t.slice(3, 5), 16), $ = parseInt(t.slice(5, 7), 16), w = Math.round(i * 255).toString(16).padStart(2, "0");
+      return `#${f.toString(16).padStart(2, "0")}${S.toString(16).padStart(2, "0")}${$.toString(16).padStart(2, "0")}${w}`;
+    }
+    const d = n(() => ({
+      "--tag-main-color": e.color,
+      "--tag-main-color-opacity": c(e.color, 0.6)
+    })), u = n(() => [s("wrapper"), a("wrapper", e.size)].filter(Boolean)), m = n(() => {
+      const t = [s("inner-wrapper"), a("inner-wrapper", e.size)];
+      return e.disabled && (l.value === "aplus" ? t.push(a("inner-wrapper", "disabled")) : t.push(a("inner-wrapper", "disabled-admin"))), t;
+    }), g = () => {
+      e.triggerClick && e.triggerClick();
+    };
+    return (t, i) => (_(), k("span", {
+      style: y(d.value),
+      class: o(u.value),
+      onClick: g
+    }, [
+      r("span", {
+        class: o(m.value)
+      }, [
+        r("span", F, [
+          z(t.$slots, "icon")
+        ]),
+        r("span", M, v(t.text), 1)
+      ], 2)
+    ], 6));
+  }
+});
+export {
+  G as default
+};

package/es/src/ap-download/ap-download.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./ap-download.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-download/hooks/index.d.ts

@@ -0,0 +1,8 @@
+import { Oss } from '@aplus-frontend/oss';
+export type { Oss } from '@aplus-frontend/oss';
+export declare function useOss(): {
+    client: Oss;
+};
+export declare function useOssInit(getOssAccess: any): Promise<{
+    client: Oss;
+}>;

package/es/src/ap-download/index.d.ts

@@ -0,0 +1,4 @@
+import { default as ApDownload } from './ap-download.vue';
+
+export * from './interface';
+export { ApDownload };

package/es/src/ap-download/index.mjs

@@ -0,0 +1,2 @@
+import "./ap-download.vue2.mjs";
+import "./interface.mjs";

package/es/src/ap-download/interface.d.ts

@@ -0,0 +1,20 @@
+export interface ApDownLoadProps {
+    /**
+     * 标签内容
+     */
+    text: string;
+    /**
+     * 标签颜色
+     */
+    color?: string;
+    /**
+     * 标签大小
+     */
+    size?: 'small' | 'middle' | 'large';
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    triggerClick?: () => void;
+}

package/es/src/ap-download/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/ap-download/style/ap-download.css

@@ -0,0 +1,51 @@
+.aplus-download-wrapper {
+  text-wrap: nowrap;
+  display: inline-block;
+  display: flex;
+}
+.aplus-download-inner-wrapper {
+  display: inline-block;
+  color: var(--tag-main-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+.aplus-download-inner-wrapper .icon {
+  position: relative;
+  font-size: 18px;
+}
+.aplus-download-inner-wrapper .text {
+  margin-left: 5px;
+}
+.aplus-download-inner-wrapper:hover {
+  color: var(--tag-main-color-opacity);
+}
+.aplus-download-inner-wrapper--large {
+  line-height: 26px;
+  height: 28px;
+  font-size: 16px;
+}
+.aplus-download-inner-wrapper--middle {
+  line-height: 22px;
+  height: 24px;
+  font-size: 14px;
+}
+.aplus-download-inner-wrapper--small {
+  line-height: 19px;
+  height: 20px;
+  font-size: 12px;
+}
+.aplus-download-inner-wrapper--disabled {
+  color: #8896b0;
+  cursor: not-allowed;
+}
+.aplus-download-inner-wrapper--disabled:hover {
+  color: #8896b0;
+}
+.aplus-download-inner-wrapper--disabled-admin {
+  cursor: not-allowed;
+  color: #999;
+}
+.aplus-download-inner-wrapper--disabled-admin:hover {
+  color: #999;
+}

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

@@ -3,14 +3,16 @@ import { default as ApFormItem } from './ap-form-item.vue';
 import { default as ApFormItemGroup } from './ap-form-item-group/index.vue';
 import { default as ApFormList } from './ap-form-list.vue';
 import { default as ApFormSearchForm } from './search-form/index.vue';
+import { default as ApFormModalForm } from './modal-form/index.vue';
 
 type ApFormMixedProps = typeof _ApForm & {
     FormItem: typeof ApFormItem;
     FormItemGroup: typeof ApFormItemGroup;
     FormList: typeof ApFormList;
     SearchForm: typeof ApFormSearchForm;
+    ModalForm: typeof ApFormModalForm;
 };
 declare const ApForm: ApFormMixedProps;
 export * from './items';
 export * from './interface';
-export { ApForm, ApFormItem, ApFormItemGroup, ApFormList, ApFormSearchForm };
+export { ApForm, ApFormItem, ApFormItemGroup, ApFormList, ApFormSearchForm, ApFormModalForm };

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

@@ -3,22 +3,26 @@ import "./ap-form-item.vue2.mjs";
 import "./ap-form-item-group/index.vue2.mjs";
 import "./ap-form-list.vue2.mjs";
 import "./search-form/index.vue2.mjs";
+import "./modal-form/index.vue2.mjs";
 import "./items/index.mjs";
 import "./interface.mjs";
-import r from "./ap-form.vue2.mjs";
-import o from "./ap-form-item.vue.mjs";
+import o from "./ap-form.vue2.mjs";
+import r from "./ap-form-item.vue.mjs";
 import p from "./ap-form-item-group/index.vue.mjs";
-import t from "./ap-form-list.vue.mjs";
-import i from "./search-form/index.vue.mjs";
-const m = r;
-m.FormItem = o;
+import i from "./ap-form-list.vue.mjs";
+import t from "./search-form/index.vue.mjs";
+import a from "./modal-form/index.vue.mjs";
+const m = o;
+m.FormItem = r;
 m.FormItemGroup = p;
-m.FormList = t;
-m.SearchForm = i;
+m.FormList = i;
+m.SearchForm = t;
+m.ModalForm = a;
 export {
   m as ApForm,
-  o as ApFormItem,
+  r as ApFormItem,
   p as ApFormItemGroup,
-  t as ApFormList,
-  i as ApFormSearchForm
+  i as ApFormList,
+  a as ApFormModalForm,
+  t as ApFormSearchForm
 };

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

@@ -1,4 +1,4 @@
-import { ColProps, FormItemProps, FormProps, RowProps } from 'ant-design-vue';
+import { ButtonProps, ColProps, FormItemProps, FormProps, ModalProps, RowProps } from 'ant-design-vue';
 import { FormItemExpose } from 'ant-design-vue/es/form/FormItem';
 import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 
@@ -47,3 +47,21 @@ export type ApFormSearchFormProps = ApFormProps & {
 export type ApFormSearchFormExpose = {
     apForm: ApFormExpose;
 };
+export type ApFormSubmitterConfig = {
+    submitText?: string;
+    resetText?: string;
+    onSubmit?: () => void;
+    onReset?: () => void;
+    submitButtonProps?: false | Partial<ButtonProps>;
+    resetButtonProps?: false | Partial<ButtonProps>;
+};
+export type ApFormModalFormProps = Omit<ApFormProps, 'onFinish'> & {
+    open?: boolean;
+    'onUpdate:open'?: (open: boolean) => void;
+    modalProps?: Omit<ModalProps, 'open' | 'onUpdate:open' | 'visible'>;
+    title?: string;
+    width?: number;
+    onFinish?: (values: any) => Promise<boolean>;
+    submitter?: false | ApFormSubmitterConfig;
+    showCancel?: boolean;
+};