@aplus-frontend/ui 0.0.1-beta.6 → 0.0.1-beta.8

package/es/src/modal/basic.vue.mjs

@@ -1,193 +1,4 @@
-import { defineComponent as z, useAttrs as q, ref as m, getCurrentInstance as G, computed as d, unref as o, toRef as J, watchEffect as K, watch as Q, nextTick as b, openBlock as U, createBlock as X, mergeProps as H, createSlots as O, withCtx as s, createVNode as h, renderSlot as $, renderList as R, normalizeProps as N, guardReactiveProps as y } from "vue";
-import Y from "./components/modal.mjs";
-import Z from "./components/modal-wrapper.vue.mjs";
-import x from "./components/modal-close.vue.mjs";
-import ee from "./components/modal-footer.vue.mjs";
-import oe from "./components/modal-header.vue.mjs";
-import { basicProps as te } from "./props.mjs";
-import { useFullScreen as ne } from "./hooks/use-moda-full-screen.mjs";
-import { omit as g } from "lodash-unified";
-import { deepMerge as le } from "@aplus-frontend/utils";
-import { isFunction as ae } from "@fruits-chain/utils";
-import "../config-provider/index.mjs";
-import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
-const ke = /* @__PURE__ */ z({
-  name: "BasicModal",
-  inheritAttrs: !1,
-  __name: "basic",
-  props: te,
-  emits: [
-    "open-change",
-    "height-change",
-    "cancel",
-    "ok",
-    "register",
-    "update:open",
-    "fullscreen"
-  ],
-  setup(W, { emit: _ }) {
-    const t = W, r = _, B = q(), n = m(!1), v = m(null), i = m(null), { bm: T } = re("basic-modal"), w = m(0), F = {
-      setModalProps: j,
-      emitOpen: void 0,
-      redoModalHeight: () => {
-        b(() => {
-          o(i) && o(i).setModalHeight();
-        });
-      }
-    }, f = G();
-    f && r("register", F, f.uid);
-    const p = d(() => ({
-      ...t,
-      ...o(v)
-    })), {
-      handleFullScreen: I,
-      getWrapClassName: P,
-      fullScreenRef: c
-    } = ne({
-      modalWrapperRef: i,
-      extHeightRef: w,
-      wrapClassName: J(p.value, "wrapClassName")
-    }), l = d(() => ({
-      ...{
-        ...o(p),
-        open: o(n),
-        okButtonProps: void 0,
-        cancelButtonProps: void 0,
-        title: void 0
-      },
-      wrapClassName: o(P)
-    })), M = d(() => {
-      const e = {
-        ...B,
-        ...o(p),
-        open: o(n)
-      };
-      return e.wrapClassName = `${(e == null ? void 0 : e.wrapClassName) || ""} ${o(P)}vben-basic-modal-wrap`, o(c) ? g(e, ["height", "title"]) : g(e, "title");
-    }), E = d(() => {
-      if (!o(c))
-        return o(l).height;
-    });
-    K(() => {
-      n.value = !!t.open, c.value = !!t.defaultFullscreen;
-    }), Q(
-      () => o(n),
-      (e) => {
-        r("open-change", e), r("update:open", e), f && F.emitOpen && F.emitOpen(e, f.uid), b(() => {
-          t.scrollTop && e && o(i) && o(i).scrollTop();
-        });
-      },
-      {
-        immediate: !1
-      }
-    );
-    async function C(e) {
-      var k, a;
-      if (e == null || e.stopPropagation(), !((a = (k = e.target) == null ? void 0 : k.classList) != null && a.contains(T("close", "custom")))) {
-        if (t.closeFunc && ae(t.closeFunc)) {
-          const u = await t.closeFunc();
-          n.value = !u;
-          return;
-        }
-        n.value = !1, r("cancel", e);
-      }
-    }
-    function j(e) {
-      v.value = le(o(v) || {}, e), Reflect.has(e, "open") && (n.value = !!e.open), Reflect.has(e, "defaultFullscreen") && (c.value = !!e.defaultFullscreen);
-    }
-    function A(e) {
-      r("ok", e);
-    }
-    function D(e) {
-      r("height-change", e);
-    }
-    function L(e) {
-      w.value = e;
-    }
-    function V(e) {
-      t.canFullscreen && (e.stopPropagation(), S(e));
-    }
-    function S(e) {
-      I(e), r("fullscreen");
-    }
-    return (e, k) => (U(), X(o(Y), H(M.value, { onCancel: C }), O({
-      default: s(() => [
-        h(Z, H(
-          {
-            useWrapper: l.value.useWrapper,
-            footerOffset: e.wrapperFooterOffset,
-            fullScreen: o(c),
-            ref_key: "modalWrapperRef",
-            ref: i,
-            loading: l.value.loading,
-            "loading-tip": l.value.loadingTip,
-            minHeight: l.value.minHeight,
-            height: E.value,
-            open: n.value,
-            modalFooterHeight: e.footer !== void 0 && !e.footer ? 0 : void 0
-          },
-          o(g)(l.value.wrapperProps, "open", "height", "modalFooterHeight"),
-          {
-            onExtHeight: L,
-            onHeightChange: D
-          }
-        ), {
-          default: s(() => [
-            $(e.$slots, "default")
-          ]),
-          _: 3
-        }, 16, ["useWrapper", "footerOffset", "fullScreen", "loading", "loading-tip", "minHeight", "height", "open", "modalFooterHeight"])
-      ]),
-      _: 2
-    }, [
-      e.$slots.closeIcon ? void 0 : {
-        name: "closeIcon",
-        fn: s(() => [
-          h(x, {
-            canFullscreen: l.value.canFullscreen,
-            fullScreen: o(c),
-            onCancel: C,
-            onFullscreen: S
-          }, null, 8, ["canFullscreen", "fullScreen"])
-        ]),
-        key: "0"
-      },
-      e.$slots.title ? void 0 : {
-        name: "title",
-        fn: s(() => [
-          h(oe, {
-            helpMessage: l.value.helpMessage,
-            title: p.value.title,
-            onDblclick: V
-          }, null, 8, ["helpMessage", "title"])
-        ]),
-        key: "1"
-      },
-      e.$slots.footer ? void 0 : {
-        name: "footer",
-        fn: s(() => [
-          h(ee, H(M.value, {
-            onOk: A,
-            onCancel: C
-          }), O({ _: 2 }, [
-            R(Object.keys(e.$slots), (a) => ({
-              name: a,
-              fn: s((u) => [
-                $(e.$slots, a, N(y(u || {})))
-              ])
-            }))
-          ]), 1040)
-        ]),
-        key: "2"
-      },
-      R(Object.keys(o(g)(e.$slots, "default")), (a) => ({
-        name: a,
-        fn: s((u) => [
-          $(e.$slots, a, N(y(u || {})))
-        ])
-      }))
-    ]), 1040));
-  }
-});
+import f from "./basic.vue2.mjs";
 export {
-  ke as default
+  f as default
 };

package/es/src/modal/basic.vue2.mjs

@@ -1,4 +1,201 @@
-import f from "./basic.vue.mjs";
+import { defineComponent as q, useAttrs as G, ref as m, nextTick as S, unref as o, getCurrentInstance as J, computed as d, toRef as K, watchEffect as Q, watch as U, openBlock as X, createBlock as Y, mergeProps as H, createSlots as O, withCtx as s, createVNode as h, renderSlot as $, renderList as R, normalizeProps as N, guardReactiveProps as y } from "vue";
+import Z from "./components/modal.mjs";
+import "./components/modal-wrapper.vue.mjs";
+import "./components/modal-close.vue.mjs";
+import "./components/modal-footer.vue.mjs";
+import "./components/modal-header.vue.mjs";
+import { basicProps as x } from "./props.mjs";
+import { useFullScreen as ee } from "./hooks/use-moda-full-screen.mjs";
+import { omit as g } from "lodash-unified";
+import { deepMerge as oe } from "@aplus-frontend/utils";
+import { isFunction as te } from "@fruits-chain/utils";
+import "../config-provider/index.mjs";
+import "./style/index.css";
+import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
+import le from "./components/modal-wrapper.vue2.mjs";
+import ae from "./components/modal-close.vue2.mjs";
+import re from "./components/modal-header.vue2.mjs";
+import se from "./components/modal-footer.vue2.mjs";
+const Me = /* @__PURE__ */ q({
+  name: "BasicModal",
+  inheritAttrs: !1,
+  __name: "basic",
+  props: x,
+  emits: [
+    "open-change",
+    "height-change",
+    "cancel",
+    "ok",
+    "register",
+    "update:open",
+    "fullscreen"
+  ],
+  setup(W, { emit: _ }) {
+    const t = W, r = _, B = G(), n = m(!1), v = m(null), i = m(null), { b: T, bm: I } = ne("basic-modal"), w = m(0), F = {
+      setModalProps: A,
+      emitOpen: void 0,
+      redoModalHeight: () => {
+        S(() => {
+          o(i) && o(i).setModalHeight();
+        });
+      }
+    }, p = J();
+    p && r("register", F, p.uid);
+    const f = d(() => ({
+      ...t,
+      ...o(v)
+    })), {
+      handleFullScreen: E,
+      getWrapClassName: P,
+      fullScreenRef: c
+    } = ee({
+      modalWrapperRef: i,
+      extHeightRef: w,
+      wrapClassName: K(f.value, "wrapClassName")
+    }), l = d(() => ({
+      ...{
+        ...o(f),
+        open: o(n),
+        okButtonProps: void 0,
+        cancelButtonProps: void 0,
+        title: void 0
+      },
+      wrapClassName: o(P)
+    })), b = d(() => {
+      const e = {
+        ...B,
+        ...o(f),
+        open: o(n)
+      };
+      return e.wrapClassName = `${(e == null ? void 0 : e.wrapClassName) || ""} ${o(P)}vben-basic-modal-wrap`, o(c) ? g(e, ["height", "title"]) : g(e, "title");
+    }), j = d(() => {
+      if (!o(c))
+        return o(l).height;
+    });
+    Q(() => {
+      n.value = !!t.open, c.value = !!t.defaultFullscreen;
+    }), U(
+      () => o(n),
+      (e) => {
+        r("open-change", e), r("update:open", e), p && F.emitOpen && F.emitOpen(e, p.uid), S(() => {
+          t.scrollTop && e && o(i) && o(i).scrollTop();
+        });
+      },
+      {
+        immediate: !1
+      }
+    );
+    async function C(e) {
+      var k, a;
+      if (e == null || e.stopPropagation(), !((a = (k = e.target) == null ? void 0 : k.classList) != null && a.contains(I("close", "custom")))) {
+        if (t.closeFunc && te(t.closeFunc)) {
+          const u = await t.closeFunc();
+          n.value = !u;
+          return;
+        }
+        n.value = !1, r("cancel", e);
+      }
+    }
+    function A(e) {
+      v.value = oe(o(v) || {}, e), Reflect.has(e, "open") && (n.value = !!e.open), Reflect.has(e, "defaultFullscreen") && (c.value = !!e.defaultFullscreen);
+    }
+    function D(e) {
+      r("ok", e);
+    }
+    function L(e) {
+      r("height-change", e);
+    }
+    function V(e) {
+      w.value = e;
+    }
+    function z(e) {
+      t.canFullscreen && (e.stopPropagation(), M(e));
+    }
+    function M(e) {
+      E(e), r("fullscreen");
+    }
+    return (e, k) => (X(), Y(o(Z), H(b.value, {
+      onCancel: C,
+      class: o(T)()
+    }), O({
+      default: s(() => [
+        h(le, H(
+          {
+            useWrapper: l.value.useWrapper,
+            footerOffset: e.wrapperFooterOffset,
+            fullScreen: o(c),
+            ref_key: "modalWrapperRef",
+            ref: i,
+            loading: l.value.loading,
+            "loading-tip": l.value.loadingTip,
+            minHeight: l.value.minHeight,
+            height: j.value,
+            open: n.value,
+            modalFooterHeight: e.footer !== void 0 && !e.footer ? 0 : void 0
+          },
+          o(g)(l.value.wrapperProps, "open", "height", "modalFooterHeight"),
+          {
+            onExtHeight: V,
+            onHeightChange: L
+          }
+        ), {
+          default: s(() => [
+            $(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["useWrapper", "footerOffset", "fullScreen", "loading", "loading-tip", "minHeight", "height", "open", "modalFooterHeight"])
+      ]),
+      _: 2
+    }, [
+      e.$slots.closeIcon ? void 0 : {
+        name: "closeIcon",
+        fn: s(() => [
+          h(ae, {
+            canFullscreen: l.value.canFullscreen,
+            fullScreen: o(c),
+            onCancel: C,
+            onFullscreen: M
+          }, null, 8, ["canFullscreen", "fullScreen"])
+        ]),
+        key: "0"
+      },
+      e.$slots.title ? void 0 : {
+        name: "title",
+        fn: s(() => [
+          h(re, {
+            helpMessage: l.value.helpMessage,
+            title: f.value.title,
+            onDblclick: z
+          }, null, 8, ["helpMessage", "title"])
+        ]),
+        key: "1"
+      },
+      e.$slots.footer ? void 0 : {
+        name: "footer",
+        fn: s(() => [
+          h(se, H(b.value, {
+            onOk: D,
+            onCancel: C
+          }), O({ _: 2 }, [
+            R(Object.keys(e.$slots), (a) => ({
+              name: a,
+              fn: s((u) => [
+                $(e.$slots, a, N(y(u || {})))
+              ])
+            }))
+          ]), 1040)
+        ]),
+        key: "2"
+      },
+      R(Object.keys(o(g)(e.$slots, "default")), (a) => ({
+        name: a,
+        fn: s((u) => [
+          $(e.$slots, a, N(y(u || {})))
+        ])
+      }))
+    ]), 1040, ["class"]));
+  }
+});
 export {
-  f as default
+  Me as default
 };

package/es/src/modal/components/modal-close.vue.mjs

@@ -1,74 +1,4 @@
-import { defineComponent as _, computed as b, openBlock as t, createElementBlock as i, normalizeClass as y, Fragment as B, createBlock as u, unref as l, withCtx as c, createVNode as o, createCommentVNode as h } from "vue";
-import { FullscreenExitOutlined as g, FullscreenOutlined as v, CloseOutlined as x } from "@ant-design/icons-vue";
-import { Tooltip as a } from "ant-design-vue";
-import "../../config-provider/index.mjs";
-import "../style/close.css";
-import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as O } from "../../config-provider/hooks/use-locale.mjs";
-const P = /* @__PURE__ */ _({
-  name: "ModalClose",
-  __name: "modal-close",
-  props: {
-    canFullscreen: { type: Boolean, default: !0 },
-    fullScreen: { type: Boolean }
-  },
-  emits: ["cancel", "fullscreen"],
-  setup(p, { emit: f }) {
-    const d = p, r = f, { b: C, m } = N("basic-modal-close"), { t: n } = O(), k = b(() => [
-      C(),
-      m("custom"),
-      {
-        [m("can-full")]: d.canFullscreen
-      }
-    ]);
-    function F(e) {
-      r("cancel", e);
-    }
-    function s(e) {
-      e == null || e.stopPropagation(), e == null || e.preventDefault(), r("fullscreen");
-    }
-    return (e, S) => (t(), i("div", {
-      class: y(k.value)
-    }, [
-      e.canFullscreen ? (t(), i(B, { key: 0 }, [
-        e.fullScreen ? (t(), u(l(a), {
-          key: 0,
-          title: l(n)("ap.modal.restore"),
-          placement: "bottom"
-        }, {
-          default: c(() => [
-            o(l(g), {
-              role: "full",
-              onClick: s
-            })
-          ]),
-          _: 1
-        }, 8, ["title"])) : (t(), u(l(a), {
-          key: 1,
-          title: l(n)("ap.modal.maximize"),
-          placement: "bottom"
-        }, {
-          default: c(() => [
-            o(l(v), {
-              role: "close",
-              onClick: s
-            })
-          ]),
-          _: 1
-        }, 8, ["title"]))
-      ], 64)) : h("", !0),
-      o(l(a), {
-        title: l(n)("ap.modal.close"),
-        placement: "bottom"
-      }, {
-        default: c(() => [
-          o(l(x), { onClick: F })
-        ]),
-        _: 1
-      }, 8, ["title"])
-    ], 2));
-  }
-});
+import f from "./modal-close.vue2.mjs";
 export {
-  P as default
+  f as default
 };

package/es/src/modal/components/modal-close.vue2.mjs

@@ -1,4 +1,74 @@
-import f from "./modal-close.vue.mjs";
+import { defineComponent as _, computed as b, openBlock as t, createElementBlock as i, normalizeClass as y, Fragment as B, createBlock as u, unref as l, withCtx as c, createVNode as o, createCommentVNode as h } from "vue";
+import { FullscreenExitOutlined as g, FullscreenOutlined as v, CloseOutlined as x } from "@ant-design/icons-vue";
+import { Tooltip as a } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import "../style/close.css";
+import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as O } from "../../config-provider/hooks/use-locale.mjs";
+const P = /* @__PURE__ */ _({
+  name: "ModalClose",
+  __name: "modal-close",
+  props: {
+    canFullscreen: { type: Boolean, default: !0 },
+    fullScreen: { type: Boolean }
+  },
+  emits: ["cancel", "fullscreen"],
+  setup(p, { emit: f }) {
+    const d = p, r = f, { b: C, m } = N("basic-modal-close"), { t: n } = O(), k = b(() => [
+      C(),
+      m("custom"),
+      {
+        [m("can-full")]: d.canFullscreen
+      }
+    ]);
+    function F(e) {
+      r("cancel", e);
+    }
+    function s(e) {
+      e == null || e.stopPropagation(), e == null || e.preventDefault(), r("fullscreen");
+    }
+    return (e, S) => (t(), i("div", {
+      class: y(k.value)
+    }, [
+      e.canFullscreen ? (t(), i(B, { key: 0 }, [
+        e.fullScreen ? (t(), u(l(a), {
+          key: 0,
+          title: l(n)("ap.modal.restore"),
+          placement: "bottom"
+        }, {
+          default: c(() => [
+            o(l(g), {
+              role: "full",
+              onClick: s
+            })
+          ]),
+          _: 1
+        }, 8, ["title"])) : (t(), u(l(a), {
+          key: 1,
+          title: l(n)("ap.modal.maximize"),
+          placement: "bottom"
+        }, {
+          default: c(() => [
+            o(l(v), {
+              role: "close",
+              onClick: s
+            })
+          ]),
+          _: 1
+        }, 8, ["title"]))
+      ], 64)) : h("", !0),
+      o(l(a), {
+        title: l(n)("ap.modal.close"),
+        placement: "bottom"
+      }, {
+        default: c(() => [
+          o(l(x), { onClick: F })
+        ]),
+        _: 1
+      }, 8, ["title"])
+    ], 2));
+  }
+});
 export {
-  f as default
+  P as default
 };

package/es/src/modal/components/modal-footer.vue.d.ts

@@ -428,12 +428,12 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
 }, {
     loading: boolean;
     open: boolean;
-    keyboard: boolean;
-    mask: boolean;
     closable: boolean;
     centered: boolean;
     okType: "danger" | ButtonType;
+    mask: boolean;
     maskClosable: boolean;
+    keyboard: boolean;
     confirmLoading: boolean;
     destroyOnClose: boolean;
     draggable: boolean;

package/es/src/modal/components/modal-footer.vue.mjs

@@ -1,45 +1,4 @@
-import { defineComponent as B, openBlock as t, createElementBlock as C, renderSlot as n, createBlock as l, unref as e, mergeProps as c, withCtx as m, createTextVNode as s, toDisplayString as i, createCommentVNode as p } from "vue";
-import { Button as d } from "ant-design-vue";
-import { basicProps as h } from "../props.mjs";
-import "../../config-provider/index.mjs";
-import { useLocale as y } from "../../config-provider/hooks/use-locale.mjs";
-const N = /* @__PURE__ */ B({
-  name: "BasicModalFooter",
-  __name: "modal-footer",
-  props: h,
-  emits: ["ok", "cancel"],
-  setup(T, { emit: u }) {
-    const { t: r } = y(), a = u;
-    function k(o) {
-      a("ok", o);
-    }
-    function f(o) {
-      a("cancel", o);
-    }
-    return (o, g) => (t(), C("div", null, [
-      n(o.$slots, "insertFooter"),
-      o.showCancelBtn ? (t(), l(e(d), c({ key: 0 }, o.cancelButtonProps, { onClick: f }), {
-        default: m(() => [
-          s(i(o.cancelText || e(r)("ap.common.cancelText")), 1)
-        ]),
-        _: 1
-      }, 16)) : p("", !0),
-      n(o.$slots, "centerFooter"),
-      o.showOkBtn ? (t(), l(e(d), c({
-        key: 1,
-        type: o.okType,
-        onClick: k,
-        loading: o.confirmLoading
-      }, o.okButtonProps), {
-        default: m(() => [
-          s(i(o.okText || e(r)("ap.common.okText")), 1)
-        ]),
-        _: 1
-      }, 16, ["type", "loading"])) : p("", !0),
-      n(o.$slots, "appendFooter")
-    ]));
-  }
-});
+import f from "./modal-footer.vue2.mjs";
 export {
-  N as default
+  f as default
 };

package/es/src/modal/components/modal-footer.vue2.mjs

@@ -1,4 +1,45 @@
-import f from "./modal-footer.vue.mjs";
+import { defineComponent as B, openBlock as t, createElementBlock as C, renderSlot as n, createBlock as l, unref as e, mergeProps as c, withCtx as m, createTextVNode as s, toDisplayString as i, createCommentVNode as p } from "vue";
+import { Button as d } from "ant-design-vue";
+import { basicProps as h } from "../props.mjs";
+import "../../config-provider/index.mjs";
+import { useLocale as y } from "../../config-provider/hooks/use-locale.mjs";
+const N = /* @__PURE__ */ B({
+  name: "BasicModalFooter",
+  __name: "modal-footer",
+  props: h,
+  emits: ["ok", "cancel"],
+  setup(T, { emit: u }) {
+    const { t: r } = y(), a = u;
+    function k(o) {
+      a("ok", o);
+    }
+    function f(o) {
+      a("cancel", o);
+    }
+    return (o, g) => (t(), C("div", null, [
+      n(o.$slots, "insertFooter"),
+      o.showCancelBtn ? (t(), l(e(d), c({ key: 0 }, o.cancelButtonProps, { onClick: f }), {
+        default: m(() => [
+          s(i(o.cancelText || e(r)("ap.common.cancelText")), 1)
+        ]),
+        _: 1
+      }, 16)) : p("", !0),
+      n(o.$slots, "centerFooter"),
+      o.showOkBtn ? (t(), l(e(d), c({
+        key: 1,
+        type: o.okType,
+        onClick: k,
+        loading: o.confirmLoading
+      }, o.okButtonProps), {
+        default: m(() => [
+          s(i(o.okText || e(r)("ap.common.okText")), 1)
+        ]),
+        _: 1
+      }, 16, ["type", "loading"])) : p("", !0),
+      n(o.$slots, "appendFooter")
+    ]));
+  }
+});
 export {
-  f as default
+  N as default
 };

package/es/src/modal/components/modal-header.vue.mjs

@@ -1,21 +1,4 @@
-import { defineComponent as t, openBlock as a, createBlock as o, unref as r, withCtx as s, createTextVNode as p, toDisplayString as l } from "vue";
-import { BasicTitle as i } from "../../basic/index.mjs";
-const f = /* @__PURE__ */ t({
-  name: "BasicModalHeader",
-  __name: "modal-header",
-  props: {
-    helpMessage: {},
-    title: {}
-  },
-  setup(n) {
-    return (e, c) => (a(), o(r(i), { helpMessage: e.helpMessage }, {
-      default: s(() => [
-        p(l(e.title), 1)
-      ]),
-      _: 1
-    }, 8, ["helpMessage"]));
-  }
-});
+import f from "./modal-header.vue2.mjs";
 export {
   f as default
 };