@aplus-frontend/ui 0.0.1-beta.2 → 0.0.1-beta.20

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.d.ts

@@ -1,4 +1,4 @@
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase, Plugin } from '@vue/runtime-core';
 export * from './interface';
 export declare const CountdownButton: {
     new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{

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.d.ts

@@ -21,8 +21,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
-    size: number;
     width: string | number;
+    size: number;
     showBtn: boolean;
     btnText: string;
 }, {}>;

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
 };

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

@@ -1,131 +1,4 @@
-import { defineComponent as O, ref as l, computed as u, onMounted as S, onUnmounted as D, unref as _, openBlock as I, createElementBlock as M, normalizeClass as T, normalizeStyle as h, withDirectives as P, createElementVNode as A, vShow as W } from "vue";
-import F from "cropperjs";
-import "cropperjs/dist/cropper.css";
-import { useDebounceFn as N } from "@vueuse/core";
-import { useAttrs as U } from "@aplus-frontend/hooks";
-import "../config-provider/index.mjs";
-import "./style/image.css";
-import { useNamespace as $ } from "../config-provider/hooks/use-namespace.mjs";
-const L = ["src", "alt", "crossorigin"], X = /* @__PURE__ */ O({
-  name: "ApCropperImage",
-  __name: "cropper-image",
-  props: {
-    src: {},
-    alt: {},
-    circled: { type: Boolean, default: !1 },
-    realTimePreview: { type: Boolean, default: !0 },
-    height: { default: "360px" },
-    crossorigin: { default: void 0 },
-    imageStyle: { default: () => ({}) },
-    options: { default: () => ({}) }
-  },
-  emits: ["cropend", "ready", "cropendError"],
-  setup(f, { emit: v }) {
-    const C = {
-      aspectRatio: 1,
-      zoomable: !0,
-      zoomOnTouch: !0,
-      zoomOnWheel: !0,
-      cropBoxMovable: !0,
-      cropBoxResizable: !0,
-      toggleDragModeOnDblclick: !0,
-      autoCrop: !0,
-      background: !0,
-      highlight: !0,
-      center: !0,
-      responsive: !0,
-      restore: !0,
-      checkCrossOrigin: !0,
-      checkOrientation: !0,
-      scalable: !0,
-      modal: !0,
-      guides: !0,
-      movable: !0,
-      rotatable: !0
-    }, o = f, s = v, y = U(), p = l(), a = l(), m = l(!1), { b, m: w } = $("cropper-image"), c = N(d, 80), R = u(() => ({
-      height: o.height,
-      maxWidth: "100%",
-      ...o.imageStyle
-    })), E = u(() => [
-      b(),
-      y.class,
-      {
-        [`${w("circled")}`]: o.circled
-      }
-    ]), B = u(() => ({ height: `${o.height}`.replace(/px/, "") + "px" }));
-    S(k), D(() => {
-      var e;
-      (e = a.value) == null || e.destroy();
-    });
-    async function k() {
-      const e = _(p);
-      e && (a.value = new F(e, {
-        ...C,
-        ready: () => {
-          m.value = !0, d(), s("ready", a.value);
-        },
-        crop() {
-          c();
-        },
-        zoom() {
-          c();
-        },
-        cropmove() {
-          c();
-        },
-        ...o.options
-      }));
-    }
-    function d() {
-      o.realTimePreview && x();
-    }
-    function x() {
-      if (!a.value)
-        return;
-      let e = a.value.getData();
-      (o.circled ? z() : a.value.getCroppedCanvas()).toBlob((t) => {
-        if (!t)
-          return;
-        let r = new FileReader();
-        r.readAsDataURL(t), r.onloadend = (i) => {
-          var g;
-          s("cropend", {
-            imgBase64: ((g = i.target) == null ? void 0 : g.result) ?? "",
-            imgInfo: e
-          });
-        }, r.onerror = () => {
-          s("cropendError");
-        };
-      }, "image/png");
-    }
-    function z() {
-      const e = a.value.getCroppedCanvas(), n = document.createElement("canvas"), t = n.getContext("2d"), r = e.width, i = e.height;
-      return n.width = r, n.height = i, t.imageSmoothingEnabled = !0, t.drawImage(e, 0, 0, r, i), t.globalCompositeOperation = "destination-in", t.beginPath(), t.arc(
-        r / 2,
-        i / 2,
-        Math.min(r, i) / 2,
-        0,
-        2 * Math.PI,
-        !0
-      ), t.fill(), n;
-    }
-    return (e, n) => (I(), M("div", {
-      class: T(E.value),
-      style: h(B.value)
-    }, [
-      P(A("img", {
-        ref_key: "imgElRef",
-        ref: p,
-        src: e.src,
-        alt: e.alt,
-        crossorigin: e.crossorigin,
-        style: h(R.value)
-      }, null, 12, L), [
-        [W, m.value]
-      ])
-    ], 6));
-  }
-});
+import f from "./cropper-image.vue2.mjs";
 export {
-  X as default
+  f as default
 };