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

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

@@ -0,0 +1,369 @@
+import { ApFormModalFormProps, ApFormSubmitterConfig } from '../interface';
+import { VNode, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, CSSProperties } from 'vue';
+import { FormLabelAlign } from 'ant-design-vue/es/form/interface';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
+import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { VueNode } from 'ant-design-vue/es/_util/type';
+
+type ApModalFormSlots = {
+    trigger: any;
+    default: any;
+    title: any;
+    submitter(defaultDoms: VNode[]): any;
+};
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormModalFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    modalProps: () => {};
+    width: number;
+    submitter: () => {
+        resetButtonProps: boolean;
+    };
+    open: undefined;
+    showCancel: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:open": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApFormModalFormProps>, {
+    layout: string;
+    hideRequiredMark: boolean;
+    colon: boolean;
+    labelAlign: string;
+    validateOnRuleChange: boolean;
+    validateTrigger: string;
+    modalProps: () => {};
+    width: number;
+    submitter: () => {
+        resetButtonProps: boolean;
+    };
+    open: undefined;
+    showCancel: boolean;
+}>>> & {
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}, {
+    open: boolean;
+    width: number;
+    showCancel: boolean;
+    layout: string;
+    validateTrigger: string | string[];
+    colon: boolean;
+    labelAlign: FormLabelAlign;
+    hideRequiredMark: boolean;
+    validateOnRuleChange: boolean;
+    modalProps: Omit<Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        confirmLoading: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        title: VueTypeValidableDef<any>;
+        closable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        closeIcon: VueTypeValidableDef<any>;
+        onOk: PropType<(e: MouseEvent) => void>;
+        onCancel: PropType<(e: MouseEvent) => void>;
+        'onUpdate:visible': PropType<(visible: boolean) => void>;
+        'onUpdate:open': PropType<(open: boolean) => void>;
+        onChange: PropType<(open: boolean) => void>;
+        afterClose: PropType<() => void>;
+        centered: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        width: (StringConstructor | NumberConstructor)[];
+        footer: VueTypeValidableDef<any>;
+        okText: VueTypeValidableDef<any>;
+        okType: PropType<LegacyButtonType>;
+        cancelText: VueTypeValidableDef<any>;
+        icon: VueTypeValidableDef<any>;
+        maskClosable: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        forceRender: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        okButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>;
+        };
+        cancelButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>>;
+        };
+        destroyOnClose: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        wrapClassName: StringConstructor;
+        maskTransitionName: StringConstructor;
+        transitionName: StringConstructor;
+        getContainer: {
+            type: PropType<string | false | HTMLElement | (() => HTMLElement)>;
+            default: any;
+        };
+        zIndex: NumberConstructor;
+        bodyStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        maskStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        keyboard: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        wrapProps: ObjectConstructor;
+        focusTriggerAfterClose: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        modalRender: PropType<(arg: {
+            originVNode: VueNode;
+        }) => VueNode>;
+        mousePosition: {
+            type: PropType<{
+                x: number;
+                y: number;
+            }>;
+            default: {
+                x: number;
+                y: number;
+            };
+        };
+    }>>, "visible" | "open" | "onUpdate:open">;
+    submitter: false | ApFormSubmitterConfig;
+}, {}>, Readonly<ApModalFormSlots> & ApModalFormSlots>;
+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-form/modal-form/index.vue.mjs

@@ -0,0 +1,195 @@
+import { isVNode as z, defineComponent as D, useSlots as E, ref as N, cloneVNode as L, computed as A, createVNode as a, mergeProps as m, unref as s, openBlock as g, createElementBlock as W, Fragment as G, withCtx as y, renderSlot as V, createTextVNode as H, toDisplayString as I, createBlock as x, resolveDynamicComponent as P } from "vue";
+import { Button as C, Flex as S, Space as J, Modal as K } from "ant-design-vue";
+import "../ap-form.vue.mjs";
+import "../../hooks/index.mjs";
+import { getSingleVNode as Q } from "../../utils/slot.mjs";
+import "../../config-provider/index.mjs";
+import { omit as X } from "lodash-unified";
+import "../style/modal-form.css";
+import { useControllableValue as Y } from "../../hooks/useControllableValue.mjs";
+import { useLocale as Z } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as ee } from "../../config-provider/hooks/use-namespace.mjs";
+import te from "../ap-form.vue2.mjs";
+function B(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !z(r);
+}
+const ce = /* @__PURE__ */ D({
+  __name: "index",
+  props: {
+    initialValues: {},
+    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: {},
+    onFinishFailed: {},
+    onValidate: {},
+    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
+    }
+  },
+  emits: ["update:open"],
+  setup(r, {
+    emit: _
+  }) {
+    const e = r, p = E(), T = _, c = N(), n = N(!1), {
+      value: j,
+      updateValue: f
+    } = Y(e, T, {
+      valuePropName: "open",
+      defaultValue: !1
+    }), {
+      t: b
+    } = Z(), {
+      b: R,
+      e: k
+    } = ee("ap-form-modal-form"), v = Q(p.trigger), M = v ? L(v, {
+      onClick: () => {
+        f(!0);
+      }
+    }) : null, O = A(() => {
+      var u, d, h, F;
+      let o;
+      const t = [];
+      if (e.submitter === !1)
+        return null;
+      if (e.showCancel) {
+        let l;
+        t.push(a(C, {
+          onClick: w,
+          disabled: n.value
+        }, B(l = b("ap.common.cancelText")) ? l : {
+          default: () => [l]
+        }));
+      }
+      return ((u = e.submitter) == null ? void 0 : u.resetButtonProps) !== !1 && t.push(a(C, m(((d = e.submitter) == null ? void 0 : d.resetButtonProps) || {}, {
+        key: "submit",
+        disabled: n.value,
+        onClick: U
+      }), {
+        default: () => {
+          var l;
+          return [((l = e.submitter) == null ? void 0 : l.resetText) || b("ap.common.resetText")];
+        }
+      })), ((h = e.submitter) == null ? void 0 : h.submitButtonProps) !== !1 && t.push(a(C, m({
+        type: "primary",
+        key: "submit"
+      }, ((F = e.submitter) == null ? void 0 : F.submitButtonProps) || {}, {
+        loading: n.value,
+        onClick: $
+      }), {
+        default: () => {
+          var l;
+          return [((l = e.submitter) == null ? void 0 : l.submitText) || b("ap.common.okText")];
+        }
+      })), p.submitter ? a(S, {
+        justify: "flex-end",
+        class: k("footer")
+      }, B(o = p.submitter(t)) ? o : {
+        default: () => [o]
+      }) : a(S, {
+        justify: "flex-end",
+        class: k("footer")
+      }, {
+        default: () => [a(J, null, B(t) ? t : {
+          default: () => [t]
+        })]
+      });
+    });
+    function U() {
+      var o, t, i;
+      e.submitter !== !1 && ((o = c.value) == null || o.resetFields(), (i = (t = e.submitter) == null ? void 0 : t.onReset) == null || i.call(t));
+    }
+    async function $() {
+      var o, t, i, u;
+      if (e.submitter !== !1)
+        try {
+          const d = await ((o = c.value) == null ? void 0 : o.validateFields());
+          (i = (t = e.submitter) == null ? void 0 : t.onSubmit) == null || i.call(t), n.value = !0, await ((u = e.onFinish) == null ? void 0 : u.call(e, d)) && f(!1);
+        } finally {
+          n.value = !1;
+        }
+    }
+    function w() {
+      s(n) || f(!1);
+    }
+    function q(o) {
+      !o && s(n) || f(o);
+    }
+    return (o, t) => (g(), W(G, null, [a(s(K), m(o.modalProps, {
+      open: s(j),
+      "onUpdate:open": q,
+      onCancel: w,
+      footer: null,
+      width: o.width,
+      class: s(R)()
+    }), {
+      title: y(() => [V(o.$slots, "title", {}, () => [H(I(e.title), 1)])]),
+      default: y(() => [a(te, m({
+        ref_key: "formRef",
+        ref: c
+      }, s(X)(e, ["modalProps", "open", "onUpdate:open", "title", "width", "onFinish", "submitter"])), {
+        default: y(() => [V(o.$slots, "default")]),
+        _: 3
+      }, 16), (g(), x(P(O.value)))]),
+      _: 3
+    }, 16, ["open", "width", "class"]), (g(), x(P(s(M))))], 64));
+  }
+});
+export {
+  ce as default
+};

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

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

package/es/src/ap-form/style/modal-form.css

@@ -0,0 +1,17 @@
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-body {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}

package/es/src/index.d.ts

@@ -25,3 +25,4 @@ export * from './work-order-modal';
 export * from './ap-tag';
 export * from './ap-layout';
 export * from './ap-upload';
+export * from './ap-download';