@aplus-frontend/ui 0.0.1-beta.3 → 0.0.1-beta.31

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

@@ -24,8 +24,8 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     onReady?: ((...args: any[]) => any) | undefined;
     onCropendError?: ((...args: any[]) => any) | undefined;
 }, {
-    options: CropperOptions;
     height: string | number;
+    options: CropperOptions;
     imageStyle: CSSProperties;
     circled: boolean;
     realTimePreview: boolean;

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

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

@@ -1,4 +1,131 @@
-import f from "./cropper-image.vue.mjs";
+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));
+  }
+});
 export {
-  f as default
+  X as default
 };