@aplus-frontend/ui 0.0.14 → 0.0.15

package/es/src/ap-action/interface.d.ts

@@ -80,3 +80,14 @@ export type ApActionItemModalProps = ApActionItemProps & {
 export type ApActionItemPopconfirmProps = ApActionItemProps & {
     popconfirmProps?: PopconfirmProps;
 };
+/**
+ * ApActionItem支持的插槽
+ */
+export type ApActionItemSlots = {
+    default?: any;
+    trigger?: (options: {
+        loading: boolean;
+        disabled: boolean;
+        onClick: (e: MouseEvent) => void;
+    }) => any;
+};

package/es/src/ap-action/item/index.vue.d.ts

@@ -1,4 +1,4 @@
-import { ApActionItemProps, ActionColor } from '../interface';
+import { ApActionItemProps, ApActionItemSlots, ActionColor } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemProps>, {
@@ -16,9 +16,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefau
     disabled: boolean;
     visible: boolean;
     loading: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>, Readonly<ApActionItemSlots> & ApActionItemSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/src/ap-action/item/index.vue2.mjs

@@ -1,10 +1,10 @@
-import { defineComponent as C, ref as b, unref as n, computed as r, openBlock as t, createElementBlock as c, normalizeClass as v, createBlock as d, createCommentVNode as u, renderSlot as B, isVNode as A, resolveDynamicComponent as x, toDisplayString as h } from "vue";
+import { defineComponent as y, ref as v, unref as l, computed as d, renderSlot as u, openBlock as t, createElementBlock as c, normalizeClass as B, createBlock as m, createCommentVNode as f, isVNode as A, resolveDynamicComponent as h, toDisplayString as I } from "vue";
 import "../../config-provider/index.mjs";
-import I from "ant-design-vue/es/button/LoadingIcon";
+import L from "ant-design-vue/es/button/LoadingIcon";
 import "../style/item.css";
-import { useNamespace as L } from "../../config-provider/hooks/use-namespace.mjs";
-import { useGlobalConfig as N } from "../../config-provider/hooks/use-global-config.mjs";
-const _ = { key: 1 }, G = /* @__PURE__ */ C({
+import { useNamespace as N } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as x } from "../../config-provider/hooks/use-global-config.mjs";
+const D = { key: 1 }, G = /* @__PURE__ */ y({
   name: "ApActionItem",
   __name: "index",
   props: {
@@ -16,33 +16,39 @@ const _ = { key: 1 }, G = /* @__PURE__ */ C({
     onClick: {},
     loading: { type: Boolean, default: !1 }
   },
-  setup(m) {
-    const e = m, { b: f, m: s, bm: p } = L("action-item"), g = N("uiMode", "aplus"), l = b(!1);
-    function k(o) {
+  setup(p) {
+    const o = p, { b: g, m: s, bm: b } = N("action-item"), k = x("uiMode", "aplus"), a = v(!1);
+    function r(e) {
       var i;
-      n(a) || e.disabled || ((i = e.onClick) == null || i.call(e, o), e.onAction && (l.value = !0, e.onAction(o).finally(() => l.value = !1)));
+      l(n) || o.disabled || ((i = o.onClick) == null || i.call(o, e), o.onAction && (a.value = !0, o.onAction(e).finally(() => a.value = !1)));
     }
-    const a = r(() => e.loading || n(l)), y = r(() => [
-      f(),
-      p(n(g), e.color),
-      e.disabled ? s("disabled") : null,
-      a.value ? s("loading") : null
+    const n = d(() => o.loading || l(a)), C = d(() => [
+      g(),
+      b(l(k), o.color),
+      o.disabled ? s("disabled") : null,
+      n.value ? s("loading") : null
     ].filter(Boolean));
-    return (o, i) => o.visible ? (t(), c("span", {
-      key: 0,
-      onClick: k,
-      class: v(y.value)
-    }, [
-      a.value ? (t(), d(n(I), {
+    return (e, i) => u(e.$slots, "trigger", {
+      loading: n.value,
+      disabled: e.disabled,
+      onClick: r
+    }, () => [
+      e.visible ? (t(), c("span", {
         key: 0,
-        prefixCls: "btn",
-        existIcon: !1,
-        loading: ""
-      })) : u("", !0),
-      B(o.$slots, "default", {}, () => [
-        A(o.text) ? (t(), d(x(o.text), { key: 0 })) : (t(), c("span", _, h(o.text || ""), 1))
-      ])
-    ], 2)) : u("", !0);
+        onClick: r,
+        class: B(C.value)
+      }, [
+        n.value ? (t(), m(l(L), {
+          key: 0,
+          prefixCls: "btn",
+          existIcon: !1,
+          loading: ""
+        })) : f("", !0),
+        u(e.$slots, "default", {}, () => [
+          A(e.text) ? (t(), m(h(e.text), { key: 0 })) : (t(), c("span", D, I(e.text || ""), 1))
+        ])
+      ], 2)) : f("", !0)
+    ]);
   }
 });
 export {

package/es/src/ap-action/item-modal/index.vue.d.ts

@@ -1,8 +1,8 @@
-import { ApActionItemModalProps, ActionColor } from '../interface';
+import { ApActionItemModalProps, ApActionItemSlots, ActionColor } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { ModalFuncProps } from 'ant-design-vue';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemModalProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemModalProps>, {
     color: string;
     disabled: boolean;
     visible: boolean;
@@ -20,7 +20,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
     visible: boolean;
     loading: boolean;
     modalProps: Omit< ModalFuncProps, "type">;
-}, {}>;
+}, {}>, Readonly<ApActionItemSlots> & ApActionItemSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -39,3 +39,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-action/item-modal/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as i, openBlock as m, createBlock as c, mergeProps as p, unref as d } from "vue";
-import { Modal as f } from "ant-design-vue";
+import { defineComponent as c, useSlots as m, openBlock as d, createBlock as p, mergeProps as f, unref as u, createSlots as _, renderList as A, withCtx as P, renderSlot as y, normalizeProps as k, guardReactiveProps as B } from "vue";
+import { Modal as x } from "ant-design-vue";
 import "../item/index.vue.mjs";
-import { omit as s } from "lodash-unified";
-import u from "../item/index.vue2.mjs";
-const P = /* @__PURE__ */ i({
+import { omit as g } from "lodash-unified";
+import h from "../item/index.vue2.mjs";
+const M = /* @__PURE__ */ c({
   name: "ApActionItemModal",
   __name: "index",
   props: {
@@ -16,20 +16,27 @@ const P = /* @__PURE__ */ i({
     loading: { type: Boolean, default: !1 },
     modalProps: { default: () => ({}) }
   },
-  setup(l) {
-    const o = l;
-    async function r(e) {
-      f.confirm({
+  setup(a) {
+    const l = m(), o = a;
+    async function i(t) {
+      x.confirm({
         ...o.modalProps,
         onOk: async () => {
-          var n, t, a;
-          (t = (n = o.modalProps).onOk) == null || t.call(n), await ((a = o.onAction) == null ? void 0 : a.call(o, e));
+          var n, r, e;
+          (r = (n = o.modalProps).onOk) == null || r.call(n), await ((e = o.onAction) == null ? void 0 : e.call(o, t));
         }
       });
     }
-    return (e, n) => (m(), c(u, p(d(s)(o, ["modalProps", "onAction"]), { onAction: r }), null, 16));
+    return (t, n) => (d(), p(h, f(u(g)(o, ["modalProps", "onAction"]), { onAction: i }), _({ _: 2 }, [
+      A(l, (r, e) => ({
+        name: e,
+        fn: P((s) => [
+          y(t.$slots, e, k(B(s || {})))
+        ])
+      }))
+    ]), 1040));
   }
 });
 export {
-  P as default
+  M as default
 };

package/es/src/ap-action/item-popconfirm/index.vue.d.ts

@@ -1,4 +1,4 @@
-import { ApActionItemPopconfirmProps, ActionColor } from '../interface';
+import { ApActionItemPopconfirmProps, ApActionItemSlots, ActionColor } from '../interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType, HTMLAttributes, CSSProperties } from 'vue';
 import { LegacyButtonType, ButtonHTMLType } from 'ant-design-vue/es/button/buttonTypes';
 import { ButtonType, ButtonShape, ButtonSize } from 'ant-design-vue/es/button';
@@ -10,7 +10,7 @@ import { LiteralUnion } from 'ant-design-vue/es/_util/type';
 import { PresetColorType } from 'ant-design-vue/es/_util/colors';
 import { AlignType, BuildInPlacements } from 'ant-design-vue/es/vc-trigger/interface';
 
-declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
     color: string;
     disabled: boolean;
     visible: boolean;
@@ -322,7 +322,7 @@ declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRunt
         onOpenChange: PropType<(vis: boolean) => void>;
         'onUpdate:open': PropType<(vis: boolean) => void>;
     }>>;
-}, {}>;
+}, {}>, Readonly<ApActionItemSlots> & ApActionItemSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -341,3 +341,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/src/ap-action/item-popconfirm/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as m, openBlock as f, createBlock as c, unref as i, mergeProps as l, withCtx as s, createVNode as d, normalizeProps as u, guardReactiveProps as P } from "vue";
-import { Popconfirm as _ } from "ant-design-vue";
+import { defineComponent as d, useSlots as u, openBlock as P, createBlock as _, unref as i, mergeProps as y, withCtx as a, createVNode as C, normalizeProps as p, guardReactiveProps as s, createSlots as x, renderList as A, renderSlot as B } from "vue";
+import { Popconfirm as b } from "ant-design-vue";
 import "../item/index.vue.mjs";
-import { omit as y } from "lodash-unified";
-import x from "../item/index.vue2.mjs";
-const h = /* @__PURE__ */ m({
+import { omit as g } from "lodash-unified";
+import h from "../item/index.vue2.mjs";
+const I = /* @__PURE__ */ d({
   name: "ApActionItemPopconfirm",
   __name: "index",
   props: {
@@ -16,24 +16,31 @@ const h = /* @__PURE__ */ m({
     loading: { type: Boolean, default: !1 },
     popconfirmProps: { default: () => ({}) }
   },
-  setup(p) {
-    const o = p;
-    async function a(e) {
-      var n, r, t;
-      (r = (n = o.popconfirmProps).onConfirm) == null || r.call(n, e), await ((t = o.onAction) == null ? void 0 : t.call(o, e));
+  setup(l) {
+    const f = u(), o = l;
+    async function m(n) {
+      var r, t, e;
+      (t = (r = o.popconfirmProps).onConfirm) == null || t.call(r, n), await ((e = o.onAction) == null ? void 0 : e.call(o, n));
     }
-    return (e, n) => (f(), c(i(_), l(o.popconfirmProps, {
-      onConfirm: a,
+    return (n, r) => (P(), _(i(b), y(o.popconfirmProps, {
+      onConfirm: m,
       disabled: !o.popconfirmProps,
       "overlay-style": { zIndex: 1060 }
     }), {
-      default: s(() => [
-        d(x, u(P(i(y)(o, ["popconfirmProps", "onAction"]))), null, 16)
+      default: a(() => [
+        C(h, p(s(i(g)(o, ["popconfirmProps", "onAction"]))), x({ _: 2 }, [
+          A(f, (t, e) => ({
+            name: e,
+            fn: a((c) => [
+              B(n.$slots, e, p(s(c || {})))
+            ])
+          }))
+        ]), 1040)
       ]),
-      _: 1
+      _: 3
     }, 16, ["disabled"]));
   }
 });
 export {
-  h as default
+  I as default
 };

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

@@ -1,13 +1,14 @@
-import { defineComponent as T, useSlots as $, ref as f, computed as b, unref as t, watch as j, cloneVNode as q, openBlock as h, createBlock as C, mergeProps as D, createSlots as E, withCtx as d, resolveDynamicComponent as K, createCommentVNode as O, createElementVNode as Q, normalizeClass as U, createVNode as g, renderList as w, renderSlot as G, normalizeProps as H, guardReactiveProps as J } from "vue";
-import { Form as W, Tooltip as X } from "ant-design-vue";
-import { isArray as Y, omit as N } from "lodash-unified";
-import { apFormItemColPropKeys as Z } from "./constant.mjs";
-import { QuestionCircleOutlined as M } from "@ant-design/icons-vue";
+import { defineComponent as $, useSlots as j, ref as m, computed as b, unref as t, watch as q, cloneVNode as D, openBlock as h, createBlock as C, mergeProps as E, createSlots as K, withCtx as i, resolveDynamicComponent as O, createCommentVNode as Q, createElementVNode as U, normalizeClass as w, createVNode as g, normalizeStyle as G, renderList as H, renderSlot as J, normalizeProps as W, guardReactiveProps as X } from "vue";
+import { Form as Y, Tooltip as Z } from "ant-design-vue";
+import { useToken as M } from "ant-design-vue/es/theme/internal";
+import { isArray as ee, omit as k } from "lodash-unified";
+import { apFormItemColPropKeys as oe } from "./constant.mjs";
+import { QuestionCircleOutlined as te } from "@ant-design/icons-vue";
 import "../config-provider/index.mjs";
-import { useInjectForm as ee } from "./context.mjs";
+import { useInjectForm as le } from "./context.mjs";
 import "./style/ap-form-item.css";
-import { useNamespace as oe } from "../config-provider/hooks/use-namespace.mjs";
-const fe = /* @__PURE__ */ T({
+import { useNamespace as re } from "../config-provider/hooks/use-namespace.mjs";
+const ve = /* @__PURE__ */ $({
   name: "ApFormItem",
   __name: "ap-form-item",
   props: {
@@ -48,10 +49,10 @@ const fe = /* @__PURE__ */ T({
     bordered: { type: Boolean, default: !1 },
     valuePropName: { default: "value" }
   },
-  setup(k, { expose: x }) {
+  setup(N, { expose: P }) {
     var y, F;
-    const o = k, l = $(), { model: u, updateModel: i } = ee(), { m } = oe("ap-form-item"), s = f(!1), r = f(), p = b(() => o.name ? Y(o.name) ? o.name.reduce((e, a) => e == null ? void 0 : e[a], t(u)) : u == null ? void 0 : u.value[o.name] : null), c = f((F = (y = l.default) == null ? void 0 : y.call(l)) == null ? void 0 : F[0]);
-    j(
+    const o = N, l = j(), { model: u, updateModel: d } = le(), { m: f } = re("ap-form-item"), s = m(!1), r = m(), [, x] = M(), p = b(() => o.name ? ee(o.name) ? o.name.reduce((e, a) => e == null ? void 0 : e[a], t(u)) : u == null ? void 0 : u.value[o.name] : null), c = m((F = (y = l.default) == null ? void 0 : y.call(l)) == null ? void 0 : F[0]);
+    q(
       () => {
         var e;
         return (e = l.default) == null ? void 0 : e.call(l);
@@ -60,13 +61,13 @@ const fe = /* @__PURE__ */ T({
         c.value = e == null ? void 0 : e[0];
       }
     );
-    function P(e) {
-      i == null || i(o.name, e);
+    function V(e) {
+      d == null || d(o.name, e);
     }
-    function V() {
+    function I() {
       s.value = !0;
     }
-    function I() {
+    function S() {
       s.value = !1;
     }
     const v = b(() => {
@@ -74,19 +75,19 @@ const fe = /* @__PURE__ */ T({
       if (!o.name)
         return (a = l.default()) == null ? void 0 : a[0];
       const e = t(c);
-      return e ? q(e, {
+      return e ? D(e, {
         [o.valuePropName]: t(p),
-        [`onUpdate:${o.valuePropName}`]: P,
+        [`onUpdate:${o.valuePropName}`]: V,
         bordered: o.bordered ? !1 : (n = e == null ? void 0 : e.props) == null ? void 0 : n.bordered,
-        onFocus: V,
-        onBlur: I
+        onFocus: I,
+        onBlur: S
       }) : null;
     });
-    function S() {
+    function _() {
       var e;
       (e = r.value) == null || e.onFieldBlur();
     }
-    function _() {
+    function z() {
       var e;
       (e = r.value) == null || e.onFieldChange();
     }
@@ -98,38 +99,40 @@ const fe = /* @__PURE__ */ T({
       var e;
       (e = r.value) == null || e.resetField();
     }
-    function z() {
+    function T() {
       return t(p);
     }
-    return x({
-      onFieldBlur: S,
-      onFieldChange: _,
+    return P({
+      onFieldBlur: _,
+      onFieldChange: z,
       clearValidate: A,
       resetField: R,
-      getFieldValue: z
-    }), (e, a) => (h(), C(t(W).Item, D({
+      getFieldValue: T
+    }), (e, a) => (h(), C(t(Y).Item, E({
       ref_key: "formItemRef",
       ref: r
-    }, t(N)(o, [...t(Z), "tooltip"]), {
-      class: { [t(m)("bordered")]: e.bordered, [t(m)("focused")]: e.bordered && s.value },
+    }, t(k)(o, [...t(oe), "tooltip"]), {
+      class: { [t(f)("bordered")]: e.bordered, [t(f)("focused")]: e.bordered && s.value },
       colon: e.bordered ? !1 : o.colon
-    }), E({
-      default: d(() => [
-        v.value ? (h(), C(K(v.value), { key: 0 })) : O("", !0)
+    }), K({
+      default: i(() => [
+        v.value ? (h(), C(O(v.value), { key: 0 })) : Q("", !0)
       ]),
       _: 2
     }, [
       o.tooltip ? {
         name: "tooltip",
-        fn: d(({ class: n }) => [
-          Q("span", {
-            class: U(n)
+        fn: i(({ class: n }) => [
+          U("span", {
+            class: w(n)
           }, [
-            g(t(X), {
+            g(t(Z), {
               title: o.tooltip
             }, {
-              default: d(() => [
-                g(t(M), { style: { color: "#0070ff" } })
+              default: i(() => [
+                g(t(te), {
+                  style: G({ color: t(x).colorPrimary })
+                }, null, 8, ["style"])
               ]),
               _: 1
             }, 8, ["title"])
@@ -137,15 +140,15 @@ const fe = /* @__PURE__ */ T({
         ]),
         key: "0"
       } : void 0,
-      w(t(N)(l, "default"), (n, B) => ({
+      H(t(k)(l, "default"), (n, B) => ({
         name: B,
-        fn: d((L) => [
-          G(e.$slots, B, H(J(L || {})))
+        fn: i((L) => [
+          J(e.$slots, B, W(X(L || {})))
         ])
       }))
     ]), 1040, ["class", "colon"]));
   }
 });
 export {
-  fe as default
+  ve as default
 };