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

package/es/src/ap-field/switch/index.vue.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as v, useSlots as V, ref as B, computed as w, unref as c, createVNode as r, Fragment as u, openBlock as h, createBlock as p, resolveDynamicComponent as S, mergeProps as _, createSlots as A, renderList as N, withCtx as P, renderSlot as b, normalizeProps as F, guardReactiveProps as x } from "vue";
-import { Switch as z } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as D } from "../../hooks/useControllableValue.mjs";
-import { isNil as T, omit as U } from "lodash-unified";
-import { isDef as $ } from "@fruits-chain/utils";
-const E = /* @__PURE__ */ v({
+import { defineComponent as U, useSlots as _, ref as z, unref as o, computed as D, createVNode as u, Fragment as s, openBlock as h, createBlock as k, resolveDynamicComponent as T, createElementBlock as E, mergeProps as p, createSlots as g, renderList as V, withCtx as C, renderSlot as v, normalizeProps as B, guardReactiveProps as w } from "vue";
+import { Switch as A, Popconfirm as K } from "ant-design-vue";
+import "../../hooks/index.mjs";
+import { isNil as L, omit as P } from "lodash-unified";
+import { isDef as f } from "@fruits-chain/utils";
+import { useControllableValue as M } from "../../hooks/useControllableValue.mjs";
+const J = /* @__PURE__ */ U({
   name: "ApFieldSwitch",
   __name: "index",
   props: {
@@ -43,51 +43,80 @@ const E = /* @__PURE__ */ v({
     emptyText: {
       default: "-"
     },
-    onAction: {}
+    onAction: {},
+    confirm: {}
   },
   emits: ["update:checked"],
-  setup(m, {
-    emit: f
+  setup(S, {
+    emit: N
   }) {
-    const o = V(), n = m, k = f, {
-      value: i,
-      updateValue: s
-    } = D(n, k, {
+    const t = _(), n = S, $ = N, {
+      value: d,
+      updateValue: a
+    } = M(n, $, {
       valuePropName: "checked"
-    }), l = B(!1);
-    async function C(e, a) {
-      if (!$(n.onAction)) {
-        s(e);
-        return;
+    }), i = z(!1);
+    async function y(e, r) {
+      if (!f(n.confirm)) {
+        if (!f(n.onAction)) {
+          a(e);
+          return;
+        }
+        i.value = !0;
+        try {
+          await n.onAction(e, r) && a(e);
+        } finally {
+          i.value = !1;
+        }
       }
-      l.value = !0;
-      try {
-        await n.onAction(e, a) && s(e);
-      } finally {
-        l.value = !1;
+    }
+    async function b() {
+      const e = o(d) === n.checkedValue ? n.unCheckedValue : n.checkedValue;
+      if (!f(n.onAction)) {
+        a(e);
+        return;
       }
+      await n.onAction(e) && a(e);
     }
-    const y = w(() => {
-      var d, t;
-      const e = c(i);
-      return T(e) ? r(u, null, [n.emptyText]) : e === n.checkedValue ? r(u, null, [n.checkedChildren || ((d = o.checkedChildren) == null ? void 0 : d.call(o)) || n.checkedValue]) : r(u, null, [n.unCheckedChildren || ((t = o.unCheckedChildren) == null ? void 0 : t.call(o)) || n.unCheckedValue]);
+    const F = D(() => {
+      var l, c;
+      const e = o(d);
+      return L(e) ? u(s, null, [n.emptyText]) : e === n.checkedValue ? u(s, null, [n.checkedChildren || ((l = t.checkedChildren) == null ? void 0 : l.call(t)) || n.checkedValue]) : u(s, null, [n.unCheckedChildren || ((c = t.unCheckedChildren) == null ? void 0 : c.call(t)) || n.unCheckedValue]);
     });
-    return (e, a) => e.mode === "read" ? (h(), p(S(y.value), {
+    return (e, r) => e.mode === "read" ? (h(), k(T(F.value), {
       key: 0
-    })) : (h(), p(c(z), _({
+    })) : (h(), E(s, {
       key: 1
-    }, c(U)(n, "onUpdate:checked"), {
-      checked: c(i),
-      onClick: C,
-      loading: e.loading ?? l.value
-    }), A({
+    }, [o(f)(e.confirm) ? (h(), k(o(K), p({
+      key: 1
+    }, e.confirm || {}, {
+      onConfirm: b
+    }), {
+      default: C(() => [u(o(A), p(o(P)(n, "onUpdate:checked"), {
+        checked: o(d),
+        onClick: y,
+        loading: e.loading ?? i.value
+      }), g({
+        _: 2
+      }, [V(e.$slots, (l, c) => ({
+        name: c,
+        fn: C((m) => [v(e.$slots, c, B(w(m || {})))])
+      }))]), 1040, ["checked", "loading"])]),
+      _: 3
+    }, 16)) : (h(), k(o(A), p({
+      key: 0
+    }, o(P)(n, "onUpdate:checked"), {
+      checked: o(d),
+      onClick: y,
+      loading: e.loading ?? i.value
+    }), g({
       _: 2
-    }, [N(e.$slots, (d, t) => ({
-      name: t,
-      fn: P((g) => [b(e.$slots, t, F(x(g || {})))])
-    }))]), 1040, ["checked", "loading"]));
+    }, [V(e.$slots, (l, c) => ({
+      name: c,
+      fn: C((m) => [v(e.$slots, c, B(w(m || {})))])
+    }))]), 1040, ["checked", "loading"]))], 64));
   }
 });
 export {
-  E as default
+  J as default
 };

package/es/src/ap-field/text/index.vue.d.ts

@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     focus: (options?: InputFocusOptions | undefined) => void;
     blur: () => void;
     input: any;
-    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none" | undefined) => void;
+    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => void;
     select: () => void;
 }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:value": (...args: any[]) => void;
@@ -32,10 +32,10 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "image" | "search" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
     mode: FieldMode;
-    type: "number" | "hidden" | "button" | "time" | "reset" | "submit" | "image" | "text" | "search" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
-    lazy: boolean;
     bordered: boolean;
+    lazy: boolean;
     emptyText: string;
 }, {}>, Readonly<ApFieldTextSlots> & ApFieldTextSlots>;
 export default _default;

package/es/src/ap-field/text/index.vue.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as y, ref as x, useSlots as v, computed as B, openBlock as g, createBlock as b, resolveDynamicComponent as C, createVNode as r, mergeProps as h, unref as S, Fragment as _, isVNode as R } from "vue";
+import { isVNode as x, defineComponent as B, ref as v, useSlots as g, computed as b, createVNode as p, mergeProps as C, unref as i, Fragment as h, openBlock as S, createBlock as _, resolveDynamicComponent as R } from "vue";
 import { Input as V } from "ant-design-vue";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as j } from "../../hooks/useControllableValue.mjs";
-import { omit as F } from "lodash-unified";
+import "../../hooks/index.mjs";
+import { omit as j } from "lodash-unified";
+import { useControllableValue as F } from "../../hooks/useControllableValue.mjs";
 function T(u) {
-  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !R(u);
+  return typeof u == "function" || Object.prototype.toString.call(u) === "[object Object]" && !x(u);
 }
-const P = /* @__PURE__ */ y({
+const P = /* @__PURE__ */ B({
   name: "ApFieldText",
   __name: "index",
   props: {
@@ -84,47 +84,47 @@ const P = /* @__PURE__ */ y({
   },
   emits: ["update:value"],
   setup(u, {
-    expose: p,
-    emit: i
+    expose: c,
+    emit: d
   }) {
-    const a = x(), t = v();
-    p({
+    const n = v(), t = g();
+    c({
       focus: (e) => {
         var o;
-        (o = a.value) == null || o.focus(e);
+        (o = n.value) == null || o.focus(e);
       },
       blur: () => {
         var e;
-        (e = a.value) == null || e.blur();
+        (e = n.value) == null || e.blur();
       },
-      setSelectionRange: (e, o, m) => {
-        var l;
-        (l = a.value) == null || l.setSelectionRange(e, o, m);
+      setSelectionRange: (e, o, y) => {
+        var r;
+        (r = n.value) == null || r.setSelectionRange(e, o, y);
       },
       select: () => {
         var e;
-        (e = a.value) == null || e.select();
+        (e = n.value) == null || e.select();
       },
-      input: B(() => {
+      input: b(() => {
         var e;
-        return (e = a.value) == null ? void 0 : e.input;
+        return (e = n.value) == null ? void 0 : e.input;
       })
     });
-    const c = i, n = u, {
-      value: d,
-      updateValue: f
-    } = j(n, c);
-    function s() {
+    const f = d, a = u, {
+      value: l,
+      updateValue: s
+    } = F(a, f);
+    function m() {
       var e, o;
-      return n.mode === "edit" ? r(V, h(F(n, ["mode", "emptyText"]), {
-        value: S(d),
-        "onUpdate:value": f,
-        ref: a
+      return a.mode === "edit" ? p(V, C(j(a, ["mode", "emptyText"]), {
+        value: i(l),
+        "onUpdate:value": s,
+        ref: n
       }), T(t) ? t : {
         default: () => [t]
-      }) : r(_, null, [n.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), n.value || n.emptyText, n.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
+      }) : p(h, null, [a.prefix || ((e = t == null ? void 0 : t.prefix) == null ? void 0 : e.call(t)), i(l) || a.emptyText, a.suffix || ((o = t == null ? void 0 : t.suffix) == null ? void 0 : o.call(t))]);
     }
-    return (e, o) => (g(), b(C(s())));
+    return (e, o) => (S(), _(R(m())));
   }
 });
 export {

package/es/src/ap-field/text-area/index.vue.d.ts

@@ -23,10 +23,10 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
 }>>> & {
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }, {
+    type: "number" | "text" | "color" | "reset" | "submit" | "button" | "time" | "month" | "date" | "week" | "image" | "search" | "hidden" | "tel" | "url" | "email" | "checkbox" | "radio" | "range" | "datetime-local" | "file" | "password";
     mode: FieldMode;
-    type: "number" | "hidden" | "button" | "time" | "reset" | "submit" | "image" | "text" | "search" | "color" | "checkbox" | "radio" | "range" | "date" | "url" | "email" | "week" | "month" | "datetime-local" | "file" | "password" | "tel";
-    lazy: boolean;
     bordered: boolean;
+    lazy: boolean;
     emptyText: string;
 }, {}>;
 export default _default;

package/es/src/ap-field/text-area/index.vue.mjs

@@ -1,10 +1,10 @@
 import { defineComponent as c, ref as f, computed as y, openBlock as r, createElementBlock as B, normalizeClass as x, unref as o, toDisplayString as v, createBlock as b, mergeProps as z } from "vue";
 import { isNil as C } from "lodash-unified";
-import "../../hooks/useMessage.mjs";
-import { useControllableValue as h } from "../../hooks/useControllableValue.mjs";
+import "../../hooks/index.mjs";
 import "../../config-provider/index.mjs";
-import { Input as g } from "ant-design-vue";
+import { Input as h } from "ant-design-vue";
 import "./style.css";
+import { useControllableValue as g } from "../../hooks/useControllableValue.mjs";
 import { useNamespace as A } from "../../config-provider/hooks/use-namespace.mjs";
 const I = /* @__PURE__ */ c({
   name: "ApFieldTextArea",
@@ -56,7 +56,7 @@ const I = /* @__PURE__ */ c({
   },
   emits: ["update:value"],
   setup(u, { expose: p, emit: s }) {
-    const t = f(), n = u, i = s, { value: a, updateValue: d } = h(n, i), { b: m } = A("field-text-area");
+    const t = f(), n = u, i = s, { value: a, updateValue: d } = g(n, i), { b: m } = A("field-text-area");
     return p({
       focus: (e) => {
         var l;
@@ -73,7 +73,7 @@ const I = /* @__PURE__ */ c({
     }), (e, l) => e.mode === "read" ? (r(), B("span", {
       key: 0,
       class: x(o(m)())
-    }, v(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(g).TextArea, z({ key: 1 }, n, {
+    }, v(o(C)(o(a)) || o(a) === "" ? e.emptyText : o(a)), 3)) : (r(), b(o(h).TextArea, z({ key: 1 }, n, {
       value: o(a),
       "onUpdate:value": o(d),
       ref_key: "textAreaRef",

package/es/src/ap-form/ap-form-item-group/index.vue.mjs

@@ -1,58 +1,4 @@
-import { defineComponent as y, useSlots as C, createVNode as _, mergeProps as a, openBlock as n, createBlock as m, unref as s, withCtx as g, createElementBlock as k, Fragment as b, renderList as w, resolveDynamicComponent as x, isVNode as S } from "vue";
-import { Col as j, Row as B } from "ant-design-vue";
-import { pick as N } from "lodash-unified";
-import { apFormItemColPropKeys as P } from "../constant.mjs";
-import { buildColSpan as h } from "./helper.mjs";
-import "../../config-provider/index.mjs";
-import "../style/ap-form-item-group.css";
-import { useNamespace as F } from "../../config-provider/hooks/use-namespace.mjs";
-function R(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !S(t);
-}
-const L = /* @__PURE__ */ y({
-  name: "ApFormItemGroup",
-  __name: "index",
-  props: {
-    align: {},
-    justify: {},
-    prefixCls: {},
-    gutter: {
-      default: 16
-    },
-    wrap: {
-      type: Boolean,
-      default: void 0
-    },
-    countPerRow: {
-      default: 3
-    }
-  },
-  setup(t) {
-    const {
-      b: p
-    } = F("ap-form-item-group"), {
-      countPerRow: l,
-      ...i
-    } = t, u = C().default().map((r, c) => {
-      const e = r.props, o = N(e, P), f = o != null && o.span ? {} : h(l), d = !!(e != null && e.hidden);
-      return _(j, a({
-        key: c
-      }, f, o, {
-        class: d ? p("col-hidden") : ""
-      }), R(r) ? r : {
-        default: () => [r]
-      });
-    });
-    return (r, c) => (n(), m(s(B), a({
-      class: s(p)()
-    }, i), {
-      default: g(() => [(n(!0), k(b, null, w(s(u), (e, o) => (n(), m(x(e), {
-        key: o
-      }))), 128))]),
-      _: 1
-    }, 16, ["class"]));
-  }
-});
+import f from "./index.vue2.mjs";
 export {
-  L as default
+  f as default
 };

package/es/src/ap-form/ap-form-item-group/index.vue2.mjs

@@ -1,4 +1,58 @@
-import f from "./index.vue.mjs";
+import { isVNode as y, defineComponent as C, useSlots as _, createVNode as g, mergeProps as a, openBlock as n, createBlock as m, unref as s, withCtx as k, createElementBlock as b, Fragment as w, renderList as x, resolveDynamicComponent as S } from "vue";
+import { Col as j, Row as B } from "ant-design-vue";
+import { pick as N } from "lodash-unified";
+import { apFormItemColPropKeys as P } from "../constant.mjs";
+import { buildColSpan as h } from "./helper.mjs";
+import "../../config-provider/index.mjs";
+import "../style/ap-form-item-group.css";
+import { useNamespace as F } from "../../config-provider/hooks/use-namespace.mjs";
+function R(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !y(t);
+}
+const L = /* @__PURE__ */ C({
+  name: "ApFormItemGroup",
+  __name: "index",
+  props: {
+    align: {},
+    justify: {},
+    prefixCls: {},
+    gutter: {
+      default: 16
+    },
+    wrap: {
+      type: Boolean,
+      default: void 0
+    },
+    countPerRow: {
+      default: 3
+    }
+  },
+  setup(t) {
+    const {
+      b: p
+    } = F("ap-form-item-group"), {
+      countPerRow: l,
+      ...i
+    } = t, u = _().default().map((r, c) => {
+      const e = r.props, o = N(e, P), f = o != null && o.span ? {} : h(l), d = !!(e != null && e.hidden);
+      return g(j, a({
+        key: c
+      }, f, o, {
+        class: d ? p("col-hidden") : ""
+      }), R(r) ? r : {
+        default: () => [r]
+      });
+    });
+    return (r, c) => (n(), m(s(B), a({
+      class: s(p)()
+    }, i), {
+      default: k(() => [(n(!0), b(w, null, x(s(u), (e, o) => (n(), m(S(e), {
+        key: o
+      }))), 128))]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
 export {
-  f as default
+  L as default
 };

package/es/src/ap-form/ap-form-item.vue.mjs

@@ -1,76 +1,4 @@
-import { defineComponent as i, openBlock as s, createBlock as n, unref as e, normalizeProps as m, guardReactiveProps as d, createSlots as f, withCtx as t, renderSlot as u, createElementVNode as c, normalizeClass as y, createVNode as l } from "vue";
-import { Form as x, Tooltip as B } from "ant-design-vue";
-import { omit as v } from "lodash-unified";
-import { apFormItemColPropKeys as C } from "./constant.mjs";
-import { QuestionCircleOutlined as h } from "@ant-design/icons-vue";
-const I = /* @__PURE__ */ i({
-  name: "ApFormItem",
-  __name: "ap-form-item",
-  props: {
-    htmlFor: {},
-    prefixCls: {},
-    label: {},
-    help: {},
-    extra: {},
-    labelCol: {},
-    wrapperCol: {},
-    hasFeedback: { type: Boolean, default: !1 },
-    colon: { type: Boolean, default: void 0 },
-    labelAlign: {},
-    prop: {},
-    name: {},
-    rules: {},
-    autoLink: { type: Boolean, default: !0 },
-    required: { type: Boolean, default: void 0 },
-    validateFirst: { type: Boolean, default: void 0 },
-    validateStatus: {},
-    validateTrigger: {},
-    messageVariables: {},
-    hidden: { type: Boolean },
-    noStyle: { type: Boolean },
-    tooltip: {},
-    span: {},
-    order: {},
-    offset: {},
-    push: {},
-    pull: {},
-    xs: {},
-    sm: {},
-    md: {},
-    lg: {},
-    xl: {},
-    xxl: {},
-    flex: {}
-  },
-  setup(a) {
-    const o = a;
-    return (r, _) => (s(), n(e(x).Item, m(d(e(v)(o, [...e(C), "tooltip"]))), f({
-      default: t(() => [
-        u(r.$slots, "default")
-      ]),
-      _: 2
-    }, [
-      o.tooltip ? {
-        name: "tooltip",
-        fn: t(({ class: p }) => [
-          c("span", {
-            class: y(p)
-          }, [
-            l(e(B), {
-              title: o.tooltip
-            }, {
-              default: t(() => [
-                l(e(h), { style: { color: "#0070ff" } })
-              ]),
-              _: 1
-            }, 8, ["title"])
-          ], 2)
-        ]),
-        key: "0"
-      } : void 0
-    ]), 1040));
-  }
-});
+import f from "./ap-form-item.vue2.mjs";
 export {
-  I as default
+  f as default
 };

package/es/src/ap-form/ap-form-item.vue2.mjs

@@ -1,4 +1,76 @@
-import f from "./ap-form-item.vue.mjs";
+import { defineComponent as i, openBlock as s, createBlock as n, unref as e, normalizeProps as m, guardReactiveProps as d, createSlots as f, withCtx as t, renderSlot as u, createElementVNode as c, normalizeClass as y, createVNode as l } from "vue";
+import { Form as x, Tooltip as B } from "ant-design-vue";
+import { omit as v } from "lodash-unified";
+import { apFormItemColPropKeys as C } from "./constant.mjs";
+import { QuestionCircleOutlined as h } from "@ant-design/icons-vue";
+const I = /* @__PURE__ */ i({
+  name: "ApFormItem",
+  __name: "ap-form-item",
+  props: {
+    htmlFor: {},
+    prefixCls: {},
+    label: {},
+    help: {},
+    extra: {},
+    labelCol: {},
+    wrapperCol: {},
+    hasFeedback: { type: Boolean, default: !1 },
+    colon: { type: Boolean, default: void 0 },
+    labelAlign: {},
+    prop: {},
+    name: {},
+    rules: {},
+    autoLink: { type: Boolean, default: !0 },
+    required: { type: Boolean, default: void 0 },
+    validateFirst: { type: Boolean, default: void 0 },
+    validateStatus: {},
+    validateTrigger: {},
+    messageVariables: {},
+    hidden: { type: Boolean },
+    noStyle: { type: Boolean },
+    tooltip: {},
+    span: {},
+    order: {},
+    offset: {},
+    push: {},
+    pull: {},
+    xs: {},
+    sm: {},
+    md: {},
+    lg: {},
+    xl: {},
+    xxl: {},
+    flex: {}
+  },
+  setup(a) {
+    const o = a;
+    return (r, _) => (s(), n(e(x).Item, m(d(e(v)(o, [...e(C), "tooltip"]))), f({
+      default: t(() => [
+        u(r.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      o.tooltip ? {
+        name: "tooltip",
+        fn: t(({ class: p }) => [
+          c("span", {
+            class: y(p)
+          }, [
+            l(e(B), {
+              title: o.tooltip
+            }, {
+              default: t(() => [
+                l(e(h), { style: { color: "#0070ff" } })
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ], 2)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040));
+  }
+});
 export {
-  f as default
+  I as default
 };