@aplus-frontend/ui 0.0.1-beta.7 → 0.0.1-beta.9

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

@@ -1,101 +1,4 @@
-import { defineComponent as E, ref as a, computed as b, unref as l, watchEffect as k, watch as M, onMounted as R, onUnmounted as C, nextTick as c, resolveDirective as T, openBlock as H, createBlock as F, withCtx as W, withDirectives as $, createElementBlock as B, normalizeStyle as z, renderSlot as D } from "vue";
-import { useWindowSizeFn as O } from "@aplus-frontend/hooks";
-import { ScrollContainer as A } from "../../container/index.mjs";
-import { createModalContext as I } from "../hooks/use-modal-context.mjs";
-import { useMutationObserver as N } from "@vueuse/core";
-import { modalWrapperProps as P } from "../props.mjs";
-const U = ["loading-tip"], Q = /* @__PURE__ */ E({
-  name: "ModalWrapper",
-  inheritAttrs: !1,
-  __name: "modal-wrapper",
-  props: P,
-  emits: ["height-change", "ext-height"],
-  setup(v, { expose: w, emit: y }) {
-    const t = v, d = y, u = a(null), m = a(null), n = a(0), h = a(0), s = a(0);
-    O(r.bind(null)), N(
-      m,
-      () => {
-        r();
-      },
-      {
-        attributes: !0,
-        subtree: !0
-      }
-    ), I({
-      redoModalHeight: r
-    });
-    const _ = b(() => ({
-      minHeight: `${t.minHeight}px`,
-      [t.fullScreen ? "height" : "maxHeight"]: `${l(n)}px`
-    }));
-    k(() => {
-      t.useWrapper && r();
-    }), M(
-      () => t.fullScreen,
-      (e) => {
-        r(), e ? h.value = n.value : n.value = h.value;
-      }
-    ), R(() => {
-      const { modalHeaderHeight: e, modalFooterHeight: o } = t;
-      d("ext-height", e + o);
-    }), C(() => {
-    });
-    async function x() {
-      c(() => {
-        var o;
-        const e = l(u);
-        e && ((o = e == null ? void 0 : e.scrollTo) == null || o.call(e, 0));
-      });
-    }
-    async function r() {
-      if (!t.open)
-        return;
-      const e = l(u);
-      if (!e)
-        return;
-      const o = e.$el.parentElement;
-      if (o) {
-        o.style.padding = "0", await c();
-        try {
-          const i = o.parentElement && o.parentElement.parentElement;
-          if (!i)
-            return;
-          const S = getComputedStyle(i).top, f = Number.parseInt(S);
-          let p = window.innerHeight - f * 2 + (t.footerOffset || 0) - t.modalFooterHeight - t.modalHeaderHeight;
-          f < 40 && (p -= 26), await c();
-          const g = l(m);
-          if (!g)
-            return;
-          await c(), s.value = g.scrollHeight, t.fullScreen ? n.value = window.innerHeight - t.modalFooterHeight - t.modalHeaderHeight - 28 : n.value = t.height ? t.height : s.value > p ? p : s.value, d("height-change", l(n));
-        } catch (i) {
-          console.log(i);
-        }
-      }
-    }
-    return w({ scrollTop: x, setModalHeight: r }), (e, o) => {
-      const i = T("loading");
-      return H(), F(l(A), {
-        ref_key: "wrapperRef",
-        ref: u,
-        scrollHeight: s.value
-      }, {
-        default: W(() => [
-          $((H(), B("div", {
-            ref_key: "spinRef",
-            ref: m,
-            style: z(_.value),
-            "loading-tip": e.loadingTip
-          }, [
-            D(e.$slots, "default")
-          ], 12, U)), [
-            [i, e.loading]
-          ])
-        ]),
-        _: 3
-      }, 8, ["scrollHeight"]);
-    };
-  }
-});
+import f from "./modal-wrapper.vue2.mjs";
 export {
-  Q as default
+  f as default
 };

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

@@ -1,4 +1,104 @@
-import f from "./modal-wrapper.vue.mjs";
+import { defineComponent as R, ref as a, computed as b, unref as l, watchEffect as k, watch as M, onMounted as C, onUnmounted as F, nextTick as c, resolveDirective as T, openBlock as v, createBlock as W, withCtx as $, withDirectives as z, createElementBlock as B, normalizeStyle as D, renderSlot as O } from "vue";
+import { useWindowSizeFn as A } from "@aplus-frontend/hooks";
+import { ScrollContainer as I } from "../../container/index.mjs";
+import { createModalContext as N } from "../hooks/use-modal-context.mjs";
+import { useMutationObserver as P } from "@vueuse/core";
+import { modalWrapperProps as U } from "../props.mjs";
+const j = ["loading-tip"], V = /* @__PURE__ */ R({
+  name: "ModalWrapper",
+  inheritAttrs: !1,
+  __name: "modal-wrapper",
+  props: U,
+  emits: ["height-change", "ext-height"],
+  setup(w, { expose: y, emit: _ }) {
+    const t = w, m = _, p = a(null), u = a(null), n = a(0), h = a(0), s = a(0);
+    let f = () => {
+    };
+    A(r.bind(null)), P(
+      u,
+      () => {
+        r();
+      },
+      {
+        attributes: !0,
+        subtree: !0
+      }
+    ), N({
+      redoModalHeight: r
+    });
+    const x = b(() => ({
+      minHeight: `${t.minHeight}px`,
+      [t.fullScreen ? "height" : "maxHeight"]: `${l(n)}px`
+    }));
+    k(() => {
+      t.useWrapper && r();
+    }), M(
+      () => t.fullScreen,
+      (e) => {
+        r(), e ? h.value = n.value : n.value = h.value;
+      }
+    ), C(() => {
+      const { modalHeaderHeight: e, modalFooterHeight: o } = t;
+      m("ext-height", e + o);
+    }), F(() => {
+      f && f();
+    });
+    async function S() {
+      c(() => {
+        var o;
+        const e = l(p);
+        e && ((o = e == null ? void 0 : e.scrollTo) == null || o.call(e, 0));
+      });
+    }
+    async function r() {
+      if (!t.open)
+        return;
+      const e = l(p);
+      if (!e)
+        return;
+      const o = e.$el.parentElement;
+      if (o) {
+        o.style.padding = "0", await c();
+        try {
+          const i = o.parentElement && o.parentElement.parentElement;
+          if (!i)
+            return;
+          const E = getComputedStyle(i).top, g = Number.parseInt(E);
+          let d = window.innerHeight - g * 2 + (t.footerOffset || 0) - t.modalFooterHeight - t.modalHeaderHeight;
+          g < 40 && (d -= 26), await c();
+          const H = l(u);
+          if (!H)
+            return;
+          await c(), s.value = H.scrollHeight, t.fullScreen ? n.value = window.innerHeight - t.modalFooterHeight - t.modalHeaderHeight - 28 : n.value = t.height ? t.height : s.value > d ? d : s.value, m("height-change", l(n));
+        } catch (i) {
+          console.log(i);
+        }
+      }
+    }
+    return y({ scrollTop: S, setModalHeight: r }), (e, o) => {
+      const i = T("loading");
+      return v(), W(l(I), {
+        ref_key: "wrapperRef",
+        ref: p,
+        scrollHeight: s.value
+      }, {
+        default: $(() => [
+          z((v(), B("div", {
+            ref_key: "spinRef",
+            ref: u,
+            style: D(x.value),
+            "loading-tip": e.loadingTip
+          }, [
+            O(e.$slots, "default")
+          ], 12, j)), [
+            [i, e.loading]
+          ])
+        ]),
+        _: 3
+      }, 8, ["scrollHeight"]);
+    };
+  }
+});
 export {
-  f as default
+  V as default
 };

package/es/src/modal/components/modal.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as p, toRefs as f, unref as d, createVNode as m, isVNode as u } from "vue";
+import { isVNode as p, defineComponent as f, toRefs as d, unref as m, createVNode as u } from "vue";
 import { Modal as M } from "ant-design-vue";
 import { basicProps as b } from "../props.mjs";
 import { useModalDragMove as g } from "../hooks/use-modal-drag.mjs";
 import { extendSlots as j } from "../../utils/slot.mjs";
 function y(o) {
-  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !u(o);
+  return typeof o == "function" || Object.prototype.toString.call(o) === "[object Object]" && !p(o);
 }
-const N = /* @__PURE__ */ p({
+const N = /* @__PURE__ */ f({
   name: "Modal",
   inheritAttrs: !1,
   props: b,
@@ -20,7 +20,7 @@ const N = /* @__PURE__ */ p({
       open: a,
       draggable: l,
       destroyOnClose: s
-    } = f(o);
+    } = d(o);
     g({
       open: a,
       destroyOnClose: s,
@@ -32,11 +32,11 @@ const N = /* @__PURE__ */ p({
     return () => {
       let t;
       const i = {
-        ...d(n),
+        ...m(n),
         ...o,
         onCancel: c
       };
-      return m(M, i, y(t = j(e)) ? t : {
+      return u(M, i, y(t = j(e)) ? t : {
         default: () => [t]
       });
     };

package/es/src/modal/hooks/use-modal-drag.mjs

@@ -1,4 +1,4 @@
-import { watchEffect as x, unref as c } from "vue";
+import { unref as c, watchEffect as x } from "vue";
 import { useTimeoutFn as A } from "@vueuse/core";
 function X(n) {
   const a = (o, t) => getComputedStyle(o)[t], D = (o) => {

package/es/src/modal/hooks/use-modal.mjs

@@ -1,4 +1,4 @@
-import { reactive as P, ref as d, computed as h, unref as t, toRaw as c, getCurrentInstance as v, watchEffect as w, nextTick as E, onUnmounted as O } from "vue";
+import { reactive as P, ref as d, getCurrentInstance as h, onUnmounted as w, unref as t, computed as v, toRaw as c, watchEffect as E, nextTick as O } from "vue";
 import { isProdMode as M } from "@aplus-frontend/utils";
 import { isEqual as H } from "lodash-unified";
 import { tryOnUnmounted as I } from "@vueuse/core";
@@ -7,11 +7,11 @@ const u = P({}), g = P({});
 function C() {
   const r = d(null), a = d(!1), s = d(0);
   function i(e, o) {
-    if (!v())
+    if (!h())
       throw new Error(
         "useModal() can only be used inside setup() or functional components!"
       );
-    s.value = o, M() && O(() => {
+    s.value = o, M() && w(() => {
       r.value = null, a.value = !1, u[String(t(s))] = null;
     }), !(t(a) && M() && e === t(r)) && (r.value = e, a.value = !0, e.emitOpen = (p, l) => {
       g[l] = p;
@@ -27,7 +27,7 @@ function C() {
       var o;
       (o = n()) == null || o.setModalProps(e);
     },
-    getOpen: h(() => g[~~t(s)]),
+    getOpen: v(() => g[~~t(s)]),
     redoModalHeight: () => {
       var e, o;
       (o = (e = n()) == null ? void 0 : e.redoModalHeight) == null || o.call(e);
@@ -53,7 +53,7 @@ function C() {
   return [i, f];
 }
 const D = (r) => {
-  const a = d(null), s = v(), i = d(0), n = () => {
+  const a = d(null), s = h(), i = d(0), n = () => {
     const e = t(a);
     if (!e)
       throw new Error("useModalInner instance is undefined!");
@@ -63,9 +63,9 @@ const D = (r) => {
       a.value = null;
     }), i.value = o, a.value = e, s == null || s.emit("register", e, o);
   };
-  return w(() => {
+  return E(() => {
     const e = u[t(i)];
-    e && (!r || !R(r) || E(() => {
+    e && (!r || !R(r) || O(() => {
       r(e);
     }));
   }), [
@@ -75,7 +75,7 @@ const D = (r) => {
         var o;
         (o = n()) == null || o.setModalProps({ loading: e });
       },
-      getOpen: h(() => g[~~t(i)]),
+      getOpen: v(() => g[~~t(i)]),
       changeOkLoading: (e = !0) => {
         var o;
         (o = n()) == null || o.setModalProps({ confirmLoading: e });

package/es/src/modal/index.mjs

@@ -1,10 +1,13 @@
 import { withInstall as o } from "@aplus-frontend/utils";
-import r from "./basic.vue.mjs";
-import "@aplus-frontend/hooks";
-import { useModal as l, useModalInner as n } from "./hooks/use-modal.mjs";
-const e = o(r);
+import "./basic.vue.mjs";
+import { useModalContext as l } from "./hooks/use-modal-context.mjs";
+import { useModal as f, useModalInner as d } from "./hooks/use-modal.mjs";
+import "./interface.mjs";
+import r from "./basic.vue2.mjs";
+const p = o(r);
 export {
-  e as BaseModal,
-  l as useModal,
-  n as useModalInner
+  p as BaseModal,
+  f as useModal,
+  l as useModalContext,
+  d as useModalInner
 };

package/es/src/modal/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/modal/style/index.css

@@ -45,7 +45,7 @@
 .aplus-basic-modal .ant-modal-header {
   padding: 15px 20px;
   margin-bottom: 0;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #dee4ed;
 }
 .aplus-basic-modal .ant-modal-content {
   padding: 0 !important;

package/es/src/pro-form/component-map.mjs

@@ -1,53 +1,68 @@
-import { Input as t, InputNumber as s, AutoComplete as p, Select as c, TreeSelect as a, Switch as m, Radio as n, Checkbox as o, Cascader as u, Slider as f, Rate as k, Transfer as P, DatePicker as r, TimePicker as i, Divider as T } from "ant-design-vue";
-import d from "./components/api-radio-group.vue.mjs";
-import S from "./components/radio-button-group.vue.mjs";
-import _ from "./components/api-select.vue.mjs";
-import l from "./components/api-tree.vue.mjs";
-import A from "./components/api-tree-select.vue.mjs";
-import C from "./components/api-cascader.vue.mjs";
-import I from "./components/api-transfer.vue.mjs";
-import { StrengthMeter as h } from "../strength-meter/index.mjs";
-import { IconPicker as R } from "../icon-picker/index.mjs";
-import { CountdownInput as G } from "../count-down/index.mjs";
-import { BasicTitle as w } from "../basic/index.mjs";
-import { CropperAvatar as g } from "../cropper/index.mjs";
+import { Input as t, InputNumber as m, AutoComplete as c, Select as a, TreeSelect as n, Switch as u, Radio as f, Checkbox as i, Cascader as k, Slider as d, Rate as P, Transfer as T, DatePicker as r, TimePicker as s, Divider as l } from "ant-design-vue";
+import "./components/api-radio-group.vue2.mjs";
+import "./components/radio-button-group.vue2.mjs";
+import "./components/api-select.vue2.mjs";
+import "./components/api-tree.vue2.mjs";
+import "./components/api-tree-select.vue2.mjs";
+import "./components/api-cascader.vue2.mjs";
+import "./components/api-transfer.vue2.mjs";
+import { StrengthMeter as S } from "../strength-meter/index.mjs";
+import { IconPicker as _ } from "../icon-picker/index.mjs";
+import { CountdownInput as A } from "../count-down/index.mjs";
+import { BasicTitle as C } from "../basic/index.mjs";
+import { CropperAvatar as I } from "../cropper/index.mjs";
+import h from "./components/api-select.vue.mjs";
+import R from "./components/api-tree.vue.mjs";
+import G from "./components/api-tree-select.vue.mjs";
+import w from "./components/api-radio-group.vue.mjs";
+import g from "./components/radio-button-group.vue.mjs";
+import x from "./components/api-cascader.vue.mjs";
+import M from "./components/api-transfer.vue.mjs";
 const e = /* @__PURE__ */ new Map();
 e.set("Input", t);
 e.set("InputGroup", t.Group);
 e.set("InputPassword", t.Password);
 e.set("InputSearch", t.Search);
 e.set("InputTextArea", t.TextArea);
-e.set("InputNumber", s);
-e.set("AutoComplete", p);
-e.set("Select", c);
-e.set("ApiSelect", _);
-e.set("ApiTree", l);
-e.set("TreeSelect", a);
-e.set("ApiTreeSelect", A);
-e.set("ApiRadioGroup", d);
-e.set("Switch", m);
-e.set("RadioButtonGroup", S);
-e.set("RadioGroup", n.Group);
-e.set("Checkbox", o);
-e.set("CheckboxGroup", o.Group);
-e.set("ApiCascader", C);
-e.set("Cascader", u);
-e.set("Slider", f);
-e.set("Rate", k);
-e.set("Transfer", P);
-e.set("ApiTransfer", I);
+e.set("InputNumber", m);
+e.set("AutoComplete", c);
+e.set("Select", a);
+e.set("ApiSelect", h);
+e.set("ApiTree", R);
+e.set("TreeSelect", n);
+e.set("ApiTreeSelect", G);
+e.set("ApiRadioGroup", w);
+e.set("Switch", u);
+e.set("RadioButtonGroup", g);
+e.set("RadioGroup", f.Group);
+e.set("Checkbox", i);
+e.set("CheckboxGroup", i.Group);
+e.set("ApiCascader", x);
+e.set("Cascader", k);
+e.set("Slider", d);
+e.set("Rate", P);
+e.set("Transfer", T);
+e.set("ApiTransfer", M);
 e.set("DatePicker", r);
 e.set("MonthPicker", r.MonthPicker);
 e.set("RangePicker", r.RangePicker);
 e.set("WeekPicker", r.WeekPicker);
-e.set("TimePicker", i);
-e.set("TimeRangePicker", i.TimeRangePicker);
-e.set("StrengthMeter", h);
-e.set("IconPicker", R);
-e.set("InputCountDown", G);
-e.set("Divider", T);
-e.set("CropperAvatar", g);
-e.set("BasicTitle", w);
+e.set("TimePicker", s);
+e.set("TimeRangePicker", s.TimeRangePicker);
+e.set("StrengthMeter", S);
+e.set("IconPicker", _);
+e.set("InputCountDown", A);
+e.set("Divider", l);
+e.set("CropperAvatar", I);
+e.set("BasicTitle", C);
+function V(o, p) {
+  e.set(o, p);
+}
+function X(o) {
+  e.delete(o);
+}
 export {
-  e as componentMap
+  V as add,
+  e as componentMap,
+  X as del
 };

package/es/src/pro-form/components/api-tree-select.vue.mjs

@@ -2,7 +2,7 @@ import { defineComponent as k, useAttrs as w, ref as u, computed as B, unref as
 import { TreeSelect as x } from "ant-design-vue";
 import { get as z } from "lodash-unified";
 import { LoadingOutlined as I } from "@ant-design/icons-vue";
-import { isFunction as M, isArray as m } from "@fruits-chain/utils";
+import { isArray as m, isFunction as M } from "@fruits-chain/utils";
 const H = /* @__PURE__ */ k({
   name: "ApApiTreeSelect",
   __name: "api-tree-select",

package/es/src/pro-form/components/form-action.vue.mjs

@@ -1,107 +1,4 @@
-import { defineComponent as T, computed as u, openBlock as a, createBlock as s, unref as e, normalizeProps as z, mergeProps as p, withCtx as o, createElementVNode as V, normalizeStyle as $, createVNode as C, renderSlot as i, createTextVNode as m, toDisplayString as d, createCommentVNode as l, normalizeClass as j } from "vue";
-import { Col as F, Form as R } from "ant-design-vue";
-import { BaseButton as B } from "../../base-button/index.mjs";
-import { BasicArrow as G } from "../../basic/index.mjs";
-import { useFormContext as P } from "../hooks/use-form-context.mjs";
-import "../../config-provider/index.mjs";
-import "./style/form-action.css";
-import { useLocale as q } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
-const X = /* @__PURE__ */ T({
-  name: "BasicFormAction",
-  __name: "form-action",
-  props: {
-    showActionButtonGroup: { type: Boolean, default: !0 },
-    showResetButton: { type: Boolean, default: !0 },
-    showSubmitButton: { type: Boolean, default: !0 },
-    showAdvancedButton: { type: Boolean, default: !0 },
-    resetButtonOptions: { default: () => ({}) },
-    submitButtonOptions: {},
-    actionColOptions: { default: () => ({}) },
-    actionSpan: { default: 6 },
-    isAdvanced: { type: Boolean },
-    hideAdvanceBtn: { type: Boolean }
-  },
-  emits: ["toggle-advanced"],
-  setup(h, { emit: O }) {
-    const r = h, b = O, { t: n } = q(), { em: c } = D("form-action"), { resetAction: k, submitAction: w } = P(), f = u(() => {
-      const { showAdvancedButton: t, actionSpan: A, actionColOptions: x } = r, g = 24 - A, N = t ? { span: g < 6 ? 24 : g } : {};
-      return {
-        style: { textAlign: "right" },
-        span: t ? 6 : 4,
-        ...N,
-        ...x
-      };
-    }), v = u(() => Object.assign(
-      {
-        text: n("ap.common.resetText")
-      },
-      r.resetButtonOptions
-    )), y = u(() => Object.assign(
-      {
-        text: n("ap.common.queryText")
-      },
-      r.submitButtonOptions
-    ));
-    function S() {
-      b("toggle-advanced");
-    }
-    return (t, A) => t.showActionButtonGroup ? (a(), s(e(F), z(p({ key: 0 }, f.value)), {
-      default: o(() => [
-        V("div", {
-          style: $([{ width: "100%" }, { textAlign: f.value.style.textAlign }])
-        }, [
-          C(e(R).Item, null, {
-            default: o(() => [
-              i(t.$slots, "resetBefore"),
-              t.showResetButton ? (a(), s(e(B), p({
-                key: 0,
-                type: "default",
-                class: e(c)("button", "space")
-              }, v.value, { onClick: e(k) }), {
-                default: o(() => [
-                  m(d(v.value.text), 1)
-                ]),
-                _: 1
-              }, 16, ["class", "onClick"])) : l("", !0),
-              i(t.$slots, "submitBefore"),
-              t.showSubmitButton ? (a(), s(e(B), p({
-                key: 1,
-                type: "primary",
-                class: e(c)("button", "space")
-              }, y.value, { onClick: e(w) }), {
-                default: o(() => [
-                  m(d(y.value.text), 1)
-                ]),
-                _: 1
-              }, 16, ["class", "onClick"])) : l("", !0),
-              i(t.$slots, "advanceBefore"),
-              t.showAdvancedButton && !t.hideAdvanceBtn ? (a(), s(e(B), {
-                key: 2,
-                type: "link",
-                size: "small",
-                onClick: S
-              }, {
-                default: o(() => [
-                  m(d(t.isAdvanced ? e(n)("ap.common.closeText") : e(n)("ap.common.expandText")) + " ", 1),
-                  C(e(G), {
-                    class: j(e(c)("item", "space")),
-                    expand: !t.isAdvanced,
-                    up: ""
-                  }, null, 8, ["class", "expand"])
-                ]),
-                _: 1
-              })) : l("", !0),
-              i(t.$slots, "advanceAfter")
-            ]),
-            _: 3
-          })
-        ], 4)
-      ]),
-      _: 3
-    }, 16)) : l("", !0);
-  }
-});
+import f from "./form-action.vue2.mjs";
 export {
-  X as default
+  f as default
 };