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

package/es/src/container/collapse/index.vue2.mjs

@@ -1,4 +1,88 @@
-import f from "./index.vue.mjs";
+import { defineComponent as p, ref as f, createVNode as t, unref as d, mergeProps as u, withDirectives as c, vShow as s } from "vue";
+import "../../transition/index.mjs";
+import { useTimeoutFn as g } from "@vueuse/core";
+import { triggerWindowResize as v } from "@aplus-frontend/utils";
+import { Skeleton as w } from "ant-design-vue";
+import { isNil as y } from "lodash-unified";
+import "../../config-provider/index.mjs";
+import "./header.vue.mjs";
+import "./style/index.css";
+import { useNamespace as h } from "../../config-provider/hooks/use-namespace.mjs";
+import _ from "./header.vue2.mjs";
+import x from "../../transition/collapse-transition.vue.mjs";
+const z = {
+  title: {
+    type: String,
+    default: ""
+  },
+  loading: {
+    type: Boolean
+  },
+  /**
+   *  Can it be expanded
+   */
+  canExpand: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * Warm reminder on the right side of the title
+   */
+  helpMessage: {
+    type: [Array, String],
+    default: ""
+  },
+  /**
+   * Whether to trigger window.resize when expanding and contracting,
+   * Can adapt to tables and forms, when the form shrinks, the form triggers resize to adapt to the height
+   */
+  triggerWindowResize: {
+    type: Boolean
+  },
+  /**
+   * Delayed loading time
+   */
+  lazyTime: {
+    type: Number,
+    default: 0
+  }
+}, k = /* @__PURE__ */ p({
+  name: "ApCollapseContainer",
+  props: z,
+  setup(i, {
+    expose: l,
+    slots: e
+  }) {
+    const {
+      b: m,
+      e: n
+    } = h("collapse-container"), r = f(!0), a = (o) => {
+      r.value = y(o) ? !r.value : o, i.triggerWindowResize && g(v, 200);
+    };
+    return l({
+      handleExpand: a
+    }), () => t("div", {
+      class: d(m())
+    }, [t(_, u(i, {
+      onExpand: a,
+      show: r.value
+    }), {
+      title: e.title,
+      action: e.action
+    }), t("div", {
+      class: n("content-wrapper")
+    }, [t(x, null, {
+      default: () => {
+        var o;
+        return [i.loading ? t(w, {
+          active: i.loading
+        }, null) : c(t("div", null, [(o = e.default) == null ? void 0 : o.call(e)]), [[s, r.value]])];
+      }
+    })]), e.footer && t("div", {
+      class: n("footer")
+    }, [e.footer()])]);
+  }
+});
 export {
-  f as default
+  k as default
 };

package/es/src/container/collapse/style/header.css

@@ -3,7 +3,7 @@
   align-items: center;
   justify-content: space-between;
   height: 32px;
-  border-bottom: 1px solid #eee;
+  border-bottom: 1px solid #dee4ed;
   padding-inline: 0.5rem;
   padding-block: 1.25rem;
 }

package/es/src/container/collapse/style/index.css

@@ -7,5 +7,5 @@
   padding: 0.5rem;
 }
 .aplus-collapse-container__footer {
-  border-top: 1px solid #eee;
+  border-top: 1px solid #dee4ed;
 }

package/es/src/container/index.mjs

@@ -1,8 +1,11 @@
-import r from "./scroll-container.vue.mjs";
-import t from "./collapse/index.vue.mjs";
+import "./scroll-container.vue.mjs";
+import "./collapse/index.vue.mjs";
 import { withInstall as o } from "@aplus-frontend/utils";
-const a = o(r), l = o(t);
+import "./interface.mjs";
+import r from "./scroll-container.vue2.mjs";
+import t from "./collapse/index.vue2.mjs";
+const s = o(r), c = o(t);
 export {
-  l as CollapseContainer,
-  a as ScrollContainer
+  c as CollapseContainer,
+  s as ScrollContainer
 };

package/es/src/container/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/container/scroll-container.vue.mjs

@@ -1,62 +1,4 @@
-import { defineComponent as m, ref as g, openBlock as h, createBlock as _, unref as o, mergeProps as H, withCtx as b, renderSlot as d, nextTick as c } from "vue";
-import { Scrollbar as S } from "../scroll-bar/index.mjs";
-import { useScrollTo as n } from "@aplus-frontend/hooks";
-import "../config-provider/index.mjs";
-import "./style/scroll-container.css";
-import { useNamespace as k } from "../config-provider/hooks/use-namespace.mjs";
-const y = /* @__PURE__ */ m({
-  name: "ApScrollContainer",
-  __name: "scroll-container",
-  props: {
-    scrollHeight: {}
-  },
-  setup(w, { expose: a }) {
-    const { b: i } = k("scroll-container"), l = g(null);
-    function s() {
-      const r = o(l);
-      return r ? r.wrap : null;
-    }
-    function p(r, t = 500) {
-      const e = o(s());
-      c(() => {
-        if (!e)
-          return;
-        const { start: u } = n({
-          el: e,
-          to: r,
-          duration: t
-        });
-        u();
-      });
-    }
-    function f() {
-      const r = o(s());
-      c(() => {
-        if (!r)
-          return;
-        const t = r.scrollHeight, { start: e } = n({
-          el: r,
-          to: t
-        });
-        e();
-      });
-    }
-    return a({
-      scrollTo: p,
-      scrollBottom: f
-    }), (r, t) => (h(), _(o(S), H({
-      ref_key: "scrollbarRef",
-      ref: l,
-      class: o(i)(),
-      scrollHeight: r.scrollHeight
-    }, r.$attrs), {
-      default: b(() => [
-        d(r.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["class", "scrollHeight"]));
-  }
-});
+import f from "./scroll-container.vue2.mjs";
 export {
-  y as default
+  f as default
 };

package/es/src/container/scroll-container.vue2.mjs

@@ -1,4 +1,62 @@
-import f from "./scroll-container.vue.mjs";
+import { defineComponent as m, ref as g, unref as o, nextTick as c, openBlock as h, createBlock as _, mergeProps as H, withCtx as b, renderSlot as d } from "vue";
+import { Scrollbar as S } from "../scroll-bar/index.mjs";
+import { useScrollTo as n } from "@aplus-frontend/hooks";
+import "../config-provider/index.mjs";
+import "./style/scroll-container.css";
+import { useNamespace as k } from "../config-provider/hooks/use-namespace.mjs";
+const y = /* @__PURE__ */ m({
+  name: "ApScrollContainer",
+  __name: "scroll-container",
+  props: {
+    scrollHeight: {}
+  },
+  setup(w, { expose: a }) {
+    const { b: i } = k("scroll-container"), l = g(null);
+    function s() {
+      const r = o(l);
+      return r ? r.wrap : null;
+    }
+    function p(r, t = 500) {
+      const e = o(s());
+      c(() => {
+        if (!e)
+          return;
+        const { start: u } = n({
+          el: e,
+          to: r,
+          duration: t
+        });
+        u();
+      });
+    }
+    function f() {
+      const r = o(s());
+      c(() => {
+        if (!r)
+          return;
+        const t = r.scrollHeight, { start: e } = n({
+          el: r,
+          to: t
+        });
+        e();
+      });
+    }
+    return a({
+      scrollTo: p,
+      scrollBottom: f
+    }), (r, t) => (h(), _(o(S), H({
+      ref_key: "scrollbarRef",
+      ref: l,
+      class: o(i)(),
+      scrollHeight: r.scrollHeight
+    }, r.$attrs), {
+      default: b(() => [
+        d(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class", "scrollHeight"]));
+  }
+});
 export {
-  f as default
+  y as default
 };

package/es/src/count-down/button.vue.mjs

@@ -1,46 +1,4 @@
-import { defineComponent as d, ref as m, computed as S, unref as e, watchEffect as g, openBlock as v, createBlock as w, mergeProps as x, withCtx as C, createTextVNode as _, toDisplayString as b } from "vue";
-import { Button as B } from "ant-design-vue";
-import { useCountdown as h } from "@aplus-frontend/hooks";
-import "../config-provider/index.mjs";
-import { isFunction as y } from "@fruits-chain/utils";
-import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
-const N = /* @__PURE__ */ d({
-  name: "ApCountButton",
-  __name: "button",
-  props: {
-    value: {},
-    count: { default: 60 },
-    beforeStartFunc: {}
-  },
-  setup(c) {
-    const o = c, { t: a } = T(), n = m(!1), { currentCount: s, isStart: r, start: u, reset: l } = h(o.count), i = S(() => e(r) ? a("ap.countdown.sendText", { sec: e(s) }) : a("ap.countdown.normalText"));
-    g(() => {
-      !o.value && l();
-    });
-    async function f() {
-      const { beforeStartFunc: t } = o;
-      if (t && y(t)) {
-        n.value = !0;
-        try {
-          await t() && u();
-        } finally {
-          n.value = !1;
-        }
-      } else
-        u();
-    }
-    return (t, p) => (v(), w(e(B), x(t.$attrs, {
-      disabled: e(r),
-      onClick: f,
-      loading: n.value
-    }), {
-      default: C(() => [
-        _(b(i.value), 1)
-      ]),
-      _: 1
-    }, 16, ["disabled", "loading"]));
-  }
-});
+import f from "./button.vue2.mjs";
 export {
-  N as default
+  f as default
 };

package/es/src/count-down/button.vue2.mjs

@@ -1,4 +1,46 @@
-import f from "./button.vue.mjs";
+import { defineComponent as d, ref as m, computed as S, unref as e, watchEffect as g, openBlock as v, createBlock as w, mergeProps as x, withCtx as C, createTextVNode as _, toDisplayString as b } from "vue";
+import { Button as B } from "ant-design-vue";
+import { useCountdown as h } from "@aplus-frontend/hooks";
+import "../config-provider/index.mjs";
+import { isFunction as y } from "@fruits-chain/utils";
+import { useLocale as T } from "../config-provider/hooks/use-locale.mjs";
+const N = /* @__PURE__ */ d({
+  name: "ApCountButton",
+  __name: "button",
+  props: {
+    value: {},
+    count: { default: 60 },
+    beforeStartFunc: {}
+  },
+  setup(c) {
+    const o = c, { t: a } = T(), n = m(!1), { currentCount: s, isStart: r, start: u, reset: l } = h(o.count), i = S(() => e(r) ? a("ap.countdown.sendText", { sec: e(s) }) : a("ap.countdown.normalText"));
+    g(() => {
+      !o.value && l();
+    });
+    async function f() {
+      const { beforeStartFunc: t } = o;
+      if (t && y(t)) {
+        n.value = !0;
+        try {
+          await t() && u();
+        } finally {
+          n.value = !1;
+        }
+      } else
+        u();
+    }
+    return (t, p) => (v(), w(e(B), x(t.$attrs, {
+      disabled: e(r),
+      onClick: f,
+      loading: n.value
+    }), {
+      default: C(() => [
+        _(b(i.value), 1)
+      ]),
+      _: 1
+    }, 16, ["disabled", "loading"]));
+  }
+});
 export {
-  f as default
+  N as default
 };

package/es/src/count-down/index.mjs

@@ -1,8 +1,11 @@
 import { withInstall as o } from "@aplus-frontend/utils";
-import t from "./button.vue.mjs";
-import n from "./input.vue.mjs";
-const f = o(t), p = o(n);
+import "./button.vue.mjs";
+import "./input.vue.mjs";
+import "./interface.mjs";
+import t from "./button.vue2.mjs";
+import m from "./input.vue2.mjs";
+const c = o(t), u = o(m);
 export {
-  f as CountdownButton,
-  p as CountdownInput
+  c as CountdownButton,
+  u as CountdownInput
 };

package/es/src/count-down/input.vue.mjs

@@ -1,46 +1,4 @@
-import { defineComponent as p, openBlock as m, createBlock as l, unref as o, mergeProps as c, createSlots as f, withCtx as n, createVNode as d, renderList as z, renderSlot as v, normalizeProps as A, guardReactiveProps as C } from "vue";
-import { Input as b } from "ant-design-vue";
-import S from "./button.vue.mjs";
-import { useRuleFormItem as $ } from "../pro-form/hooks/use-form-item.mjs";
-import "../config-provider/index.mjs";
-import "./style/input.css";
-import { useNamespace as h } from "../config-provider/hooks/use-namespace.mjs";
-const R = /* @__PURE__ */ p({
-  name: "ApCountDownInput",
-  inheritAttrs: !1,
-  __name: "input",
-  props: {
-    value: {},
-    size: {},
-    count: { default: 60 },
-    sendCodeApi: {}
-  },
-  setup(s) {
-    const a = s, { b: u } = h("countdown-input"), [r] = $(a);
-    return (e, k) => (m(), l(o(b), c(e.$attrs, {
-      class: o(u)(),
-      size: e.size,
-      value: o(r)
-    }), f({
-      addonAfter: n(() => [
-        d(S, {
-          size: e.size,
-          count: e.count,
-          value: o(r),
-          beforeStartFunc: e.sendCodeApi
-        }, null, 8, ["size", "count", "value", "beforeStartFunc"])
-      ]),
-      _: 2
-    }, [
-      z(Object.keys(e.$slots).filter((t) => t !== "addonAfter"), (t) => ({
-        name: t,
-        fn: n((i) => [
-          v(e.$slots, t, A(C(i || {})))
-        ])
-      }))
-    ]), 1040, ["class", "size", "value"]));
-  }
-});
+import f from "./input.vue2.mjs";
 export {
-  R as default
+  f as default
 };

package/es/src/count-down/input.vue2.mjs

@@ -1,4 +1,47 @@
-import f from "./input.vue.mjs";
+import { defineComponent as p, openBlock as m, createBlock as l, unref as o, mergeProps as c, createSlots as f, withCtx as n, createVNode as d, renderList as z, renderSlot as v, normalizeProps as A, guardReactiveProps as C } from "vue";
+import { Input as b } from "ant-design-vue";
+import "./button.vue.mjs";
+import { useRuleFormItem as S } from "../pro-form/hooks/use-form-item.mjs";
+import "../config-provider/index.mjs";
+import "./style/input.css";
+import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
+import h from "./button.vue2.mjs";
+const _ = /* @__PURE__ */ p({
+  name: "ApCountDownInput",
+  inheritAttrs: !1,
+  __name: "input",
+  props: {
+    value: {},
+    size: {},
+    count: { default: 60 },
+    sendCodeApi: {}
+  },
+  setup(s) {
+    const a = s, { b: u } = $("countdown-input"), [r] = S(a);
+    return (e, k) => (m(), l(o(b), c(e.$attrs, {
+      class: o(u)(),
+      size: e.size,
+      value: o(r)
+    }), f({
+      addonAfter: n(() => [
+        d(h, {
+          size: e.size,
+          count: e.count,
+          value: o(r),
+          beforeStartFunc: e.sendCodeApi
+        }, null, 8, ["size", "count", "value", "beforeStartFunc"])
+      ]),
+      _: 2
+    }, [
+      z(Object.keys(e.$slots).filter((t) => t !== "addonAfter"), (t) => ({
+        name: t,
+        fn: n((i) => [
+          v(e.$slots, t, A(C(i || {})))
+        ])
+      }))
+    ]), 1040, ["class", "size", "value"]));
+  }
+});
 export {
-  f as default
+  _ as default
 };

package/es/src/count-down/interface.mjs

@@ -0,0 +1 @@
+

package/es/src/cropper/cropper-avatar.vue.mjs

@@ -1,96 +1,4 @@
-import { defineComponent as N, ref as V, computed as s, unref as t, watchEffect as $, watch as I, openBlock as u, createElementBlock as f, normalizeClass as c, normalizeStyle as n, createElementVNode as g, createVNode as h, createCommentVNode as y, createBlock as T, mergeProps as E, withCtx as P, createTextVNode as W, toDisplayString as _ } from "vue";
-import { Button as R } from "ant-design-vue";
-import U from "./cropper-modal.vue.mjs";
-import "../modal/index.mjs";
-import { useMessage as D } from "../hooks/useMessage.mjs";
-import L from "../icon/icon.vue.mjs";
-import "../config-provider/index.mjs";
-import "./style/avatar.css";
-import { useModal as j } from "../modal/hooks/use-modal.mjs";
-import { useNamespace as q } from "../config-provider/hooks/use-namespace.mjs";
-import { useLocale as F } from "../config-provider/hooks/use-locale.mjs";
-const G = ["src"], se = /* @__PURE__ */ N({
-  name: "ApCropperAvatar",
-  __name: "cropper-avatar",
-  props: {
-    width: { default: "200px" },
-    value: {},
-    showBtn: { type: Boolean, default: !0 },
-    btnProps: {},
-    btnText: { default: "" },
-    uploadApi: {},
-    size: { default: 5 }
-  },
-  emits: ["update:value", "change"],
-  setup(w, { expose: b, emit: k }) {
-    const l = w, d = k, a = V(l.value || ""), { b: r } = q("cropper-avatar"), [z, { openModal: i, closeModal: C }] = j(), { createMessage: x } = D(), { t: m } = F(), B = s(() => [r()]), p = s(() => `${l.width}`.replace(/px/, "") + "px"), S = s(
-      () => parseInt(`${l.width}`.replace(/px/, "")) / 2 + "px"
-    ), A = s(() => ({ width: t(p) })), v = s(
-      () => ({
-        width: t(p),
-        height: t(p)
-      })
-    );
-    $(() => {
-      a.value = l.value || "";
-    }), I(
-      () => a.value,
-      (e) => {
-        d("update:value", e);
-      }
-    );
-    function M({
-      source: e,
-      data: o
-    }) {
-      a.value = e, d("change", { source: e, data: o }), x.success(m("ap.cropper.uploadSuccess"));
-    }
-    return b({ openModal: i.bind(null, !0), closeModal: C }), (e, o) => (u(), f("div", {
-      class: c(B.value),
-      style: n(A.value)
-    }, [
-      g("div", {
-        class: c(t(r)("image-wrapper")),
-        style: n(v.value),
-        onClick: o[0] || (o[0] = (H) => t(i)())
-      }, [
-        g("div", {
-          class: c(t(r)("image-mask")),
-          style: n(v.value)
-        }, [
-          h(L, {
-            icon: "ant-design:cloud-upload-outlined",
-            size: S.value,
-            style: n({ height: p.value }),
-            color: "#d6d6d6"
-          }, null, 8, ["size", "style"])
-        ], 6),
-        a.value ? (u(), f("img", {
-          key: 0,
-          src: a.value,
-          alt: "avatar"
-        }, null, 8, G)) : y("", !0)
-      ], 6),
-      e.showBtn ? (u(), T(t(R), E({
-        key: 0,
-        class: t(r)("upload-btn"),
-        onClick: o[1] || (o[1] = () => t(i)())
-      }, e.btnProps), {
-        default: P(() => [
-          W(_(e.btnText ? e.btnText : t(m)("ap.cropper.selectImage")), 1)
-        ]),
-        _: 1
-      }, 16, ["class"])) : y("", !0),
-      h(U, {
-        onRegister: t(z),
-        onUploadSuccess: M,
-        uploadApi: e.uploadApi,
-        src: a.value,
-        size: e.size
-      }, null, 8, ["onRegister", "uploadApi", "src", "size"])
-    ], 6));
-  }
-});
+import f from "./cropper-avatar.vue2.mjs";
 export {
-  se as default
+  f as default
 };

package/es/src/cropper/cropper-avatar.vue2.mjs

@@ -1,4 +1,98 @@
-import f from "./cropper-avatar.vue.mjs";
+import { defineComponent as N, ref as V, computed as s, unref as t, watchEffect as $, watch as I, openBlock as u, createElementBlock as f, normalizeClass as c, normalizeStyle as n, createElementVNode as g, createVNode as h, createCommentVNode as y, createBlock as T, mergeProps as E, withCtx as P, createTextVNode as W, toDisplayString as _ } from "vue";
+import { Button as R } from "ant-design-vue";
+import "./cropper-modal.vue.mjs";
+import "../modal/index.mjs";
+import { useMessage as U } from "../hooks/useMessage.mjs";
+import "../icon/icon.vue.mjs";
+import "../config-provider/index.mjs";
+import "./style/avatar.css";
+import { useNamespace as D } from "../config-provider/hooks/use-namespace.mjs";
+import { useModal as L } from "../modal/hooks/use-modal.mjs";
+import { useLocale as j } from "../config-provider/hooks/use-locale.mjs";
+import q from "../icon/icon.vue2.mjs";
+import F from "./cropper-modal.vue2.mjs";
+const G = ["src"], re = /* @__PURE__ */ N({
+  name: "ApCropperAvatar",
+  __name: "cropper-avatar",
+  props: {
+    width: { default: "200px" },
+    value: {},
+    showBtn: { type: Boolean, default: !0 },
+    btnProps: {},
+    btnText: { default: "" },
+    uploadApi: {},
+    size: { default: 5 }
+  },
+  emits: ["update:value", "change"],
+  setup(w, { expose: b, emit: k }) {
+    const l = w, d = k, o = V(l.value || ""), { b: r } = D("cropper-avatar"), [z, { openModal: i, closeModal: C }] = L(), { createMessage: x } = U(), { t: m } = j(), B = s(() => [r()]), p = s(() => `${l.width}`.replace(/px/, "") + "px"), S = s(
+      () => parseInt(`${l.width}`.replace(/px/, "")) / 2 + "px"
+    ), A = s(() => ({ width: t(p) })), v = s(
+      () => ({
+        width: t(p),
+        height: t(p)
+      })
+    );
+    $(() => {
+      o.value = l.value || "";
+    }), I(
+      () => o.value,
+      (e) => {
+        d("update:value", e);
+      }
+    );
+    function M({
+      source: e,
+      data: a
+    }) {
+      o.value = e, d("change", { source: e, data: a }), x.success(m("ap.cropper.uploadSuccess"));
+    }
+    return b({ openModal: i.bind(null, !0), closeModal: C }), (e, a) => (u(), f("div", {
+      class: c(B.value),
+      style: n(A.value)
+    }, [
+      g("div", {
+        class: c(t(r)("image-wrapper")),
+        style: n(v.value),
+        onClick: a[0] || (a[0] = (H) => t(i)())
+      }, [
+        g("div", {
+          class: c(t(r)("image-mask")),
+          style: n(v.value)
+        }, [
+          h(q, {
+            icon: "ant-design:cloud-upload-outlined",
+            size: S.value,
+            style: n({ height: p.value }),
+            color: "#d6d6d6"
+          }, null, 8, ["size", "style"])
+        ], 6),
+        o.value ? (u(), f("img", {
+          key: 0,
+          src: o.value,
+          alt: "avatar"
+        }, null, 8, G)) : y("", !0)
+      ], 6),
+      e.showBtn ? (u(), T(t(R), E({
+        key: 0,
+        class: t(r)("upload-btn"),
+        onClick: a[1] || (a[1] = () => t(i)())
+      }, e.btnProps), {
+        default: P(() => [
+          W(_(e.btnText ? e.btnText : t(m)("ap.cropper.selectImage")), 1)
+        ]),
+        _: 1
+      }, 16, ["class"])) : y("", !0),
+      h(F, {
+        onRegister: t(z),
+        onUploadSuccess: M,
+        uploadApi: e.uploadApi,
+        src: o.value,
+        size: e.size
+      }, null, 8, ["onRegister", "uploadApi", "src", "size"])
+    ], 6));
+  }
+});
 export {
-  f as default
+  re as default
 };