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

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

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

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

@@ -0,0 +1,57 @@
+import { ApActionItemDropdownProps, ActionColor, MixedActionTypes } from '../interface';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { Trigger } from 'ant-design-vue/es/dropdown/props';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemDropdownProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    trigger: () => string[];
+    placement: string;
+    actions: () => never[];
+    showIcon: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemDropdownProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    trigger: () => string[];
+    placement: string;
+    actions: () => never[];
+    showIcon: boolean;
+}>>>, {
+    color: ActionColor;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    trigger: Trigger | Trigger[];
+    placement: "top" | "bottom" | "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | "topCenter" | "bottomCenter";
+    showIcon: boolean;
+    actions: MixedActionTypes[];
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+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-dropdown/index.vue.mjs

@@ -0,0 +1,95 @@
+import { defineComponent as _, ref as k, computed as w, openBlock as t, createBlock as l, unref as r, withCtx as n, createVNode as i, createElementBlock as v, Fragment as B, renderList as A, normalizeClass as s, mergeProps as f, createElementVNode as C, normalizeProps as P, guardReactiveProps as D, renderSlot as I, createCommentVNode as N } from "vue";
+import { Dropdown as $, Menu as b, MenuItem as h } from "ant-design-vue";
+import { DownOutlined as V } from "@ant-design/icons-vue";
+import "../item/index.vue.mjs";
+import "../item-modal/index.vue2.mjs";
+import "../item-popconfirm/index.vue2.mjs";
+import "../../config-provider/index.mjs";
+import { omit as z } from "lodash-unified";
+import "../style/item-dropdown.css";
+import { useNamespace as E } from "../../config-provider/hooks/use-namespace.mjs";
+import L from "../item-modal/index.vue.mjs";
+import M from "../item-popconfirm/index.vue.mjs";
+import c from "../item/index.vue2.mjs";
+const T = /* @__PURE__ */ _({
+  name: "ApActionItemDropDown",
+  __name: "index",
+  props: {
+    trigger: { default: () => ["hover"] },
+    placement: { default: "bottomLeft" },
+    actions: { default: () => [] },
+    showIcon: { type: Boolean, default: !0 },
+    text: {},
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: !0 },
+    onClick: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(d) {
+    const u = d, m = k(!1), { e: p } = E("action-item-dropdown"), g = w(() => u.actions.map((o) => ({
+      ...o,
+      onAction: async (a) => {
+        var e;
+        try {
+          await ((e = o.onAction) == null ? void 0 : e.call(o, a));
+        } finally {
+          m.value = !1;
+        }
+      }
+    })));
+    return (o, a) => (t(), l(r($), {
+      open: m.value,
+      "onUpdate:open": a[0] || (a[0] = (e) => m.value = e),
+      trigger: o.trigger,
+      placement: o.placement
+    }, {
+      overlay: n(() => [
+        i(r(b), null, {
+          default: n(() => [
+            (t(!0), v(B, null, A(g.value, (e, y) => (t(), l(r(h), {
+              key: y,
+              class: s(r(p)("item"))
+            }, {
+              default: n(() => [
+                e.modalProps ? (t(), l(L, f({
+                  key: 0,
+                  ref_for: !0
+                }, e), null, 16)) : e.popconfirmProps ? (t(), l(M, f({
+                  key: 1,
+                  ref_for: !0
+                }, e), null, 16)) : (t(), l(c, f({
+                  key: 2,
+                  ref_for: !0
+                }, e), null, 16))
+              ]),
+              _: 2
+            }, 1032, ["class"]))), 128))
+          ]),
+          _: 1
+        })
+      ]),
+      default: n(() => [
+        C("span", {
+          class: s(r(p)("wrapper"))
+        }, [
+          i(c, P(D(r(z)(u, ["actions", "trigger", "placement"]))), {
+            default: n(() => [
+              I(o.$slots, "default")
+            ]),
+            _: 3
+          }, 16),
+          o.showIcon ? (t(), l(r(V), {
+            key: 0,
+            class: s(r(p)("icon")),
+            style: { color: "#0070ff" }
+          }, null, 8, ["class"])) : N("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["open", "trigger", "placement"]));
+  }
+});
+export {
+  T as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,41 @@
+import { ApActionItemModalProps, 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>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    modalProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemModalProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    modalProps: () => {};
+}>>>, {
+    color: ActionColor;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    modalProps: Omit< ModalFuncProps, "type">;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,35 @@
+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 "../item/index.vue.mjs";
+import { omit as s } from "lodash-unified";
+import u from "../item/index.vue2.mjs";
+const P = /* @__PURE__ */ i({
+  name: "ApActionItemModal",
+  __name: "index",
+  props: {
+    text: {},
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: !0 },
+    onAction: {},
+    onClick: {},
+    loading: { type: Boolean, default: !1 },
+    modalProps: { default: () => ({}) }
+  },
+  setup(l) {
+    const o = l;
+    async function r(e) {
+      f.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));
+        }
+      });
+    }
+    return (e, n) => (m(), c(u, p(d(s)(o, ["modalProps", "onAction"]), { onAction: r }), null, 16));
+  }
+});
+export {
+  P as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

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

@@ -0,0 +1,343 @@
+import { ApActionItemPopconfirmProps, 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';
+import { VueTypeValidableDef } from '../../../node_modules/vue-types';
+import { MouseEventHandler } from 'ant-design-vue/es/_util/EventInterface';
+import { TriggerType } from 'ant-design-vue/es/tooltip/abstractTooltipProps';
+import { TooltipPlacement, AdjustOverflow } from 'ant-design-vue/es/tooltip';
+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>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: () => {};
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ApActionItemPopconfirmProps>, {
+    color: string;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: () => {};
+}>>>, {
+    color: ActionColor;
+    disabled: boolean;
+    visible: boolean;
+    loading: boolean;
+    popconfirmProps: Partial< ExtractPropTypes<{
+        prefixCls: StringConstructor;
+        content: {
+            default: any;
+            type: PropType<any>;
+        };
+        title: {
+            default: string | number;
+            type: PropType<string | number>;
+        };
+        description: {
+            default: string | number;
+            type: PropType<string | number>;
+        };
+        okType: {
+            type: PropType<LegacyButtonType>;
+            default: LegacyButtonType;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        okText: {
+            default: any;
+            type: PropType<any>;
+        };
+        cancelText: {
+            default: any;
+            type: PropType<any>;
+        };
+        icon: {
+            default: any;
+            type: PropType<any>;
+        };
+        okButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>> & HTMLAttributes>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>> & HTMLAttributes;
+        };
+        cancelButtonProps: {
+            type: PropType<Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>> & HTMLAttributes>;
+            default: Partial< ExtractPropTypes<{
+                prefixCls: StringConstructor;
+                type: PropType<ButtonType>;
+                htmlType: {
+                    type: PropType<ButtonHTMLType>;
+                    default: string;
+                };
+                shape: {
+                    type: PropType<ButtonShape>;
+                };
+                size: {
+                    type: PropType<ButtonSize>;
+                };
+                loading: {
+                    type: PropType<boolean | {
+                        delay?: number | undefined;
+                    }>;
+                    default: () => boolean | {
+                        delay?: number | undefined;
+                    };
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                ghost: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                block: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                danger: {
+                    type: BooleanConstructor;
+                    default: any;
+                };
+                icon: VueTypeValidableDef<any>;
+                href: StringConstructor;
+                target: StringConstructor;
+                title: StringConstructor;
+                onClick: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+                onMousedown: {
+                    type: PropType< MouseEventHandler | MouseEventHandler[]>;
+                };
+            }>> & HTMLAttributes;
+        };
+        showCancel: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        onConfirm: PropType<(e: MouseEvent) => void>;
+        onCancel: PropType<(e: MouseEvent) => void>;
+        trigger: PropType< TriggerType | TriggerType[]>;
+        open: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        visible: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        placement: PropType<TooltipPlacement>;
+        color: PropType<LiteralUnion<PresetColorType>>;
+        transitionName: StringConstructor;
+        overlayStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayInnerStyle: {
+            type: PropType<CSSProperties>;
+            default: CSSProperties;
+        };
+        overlayClassName: StringConstructor;
+        openClassName: StringConstructor;
+        mouseEnterDelay: NumberConstructor;
+        mouseLeaveDelay: NumberConstructor;
+        getPopupContainer: PropType<(triggerNode: HTMLElement) => HTMLElement>;
+        arrowPointAtCenter: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        arrow: {
+            type: PropType<boolean | {
+                pointAtCenter?: boolean | undefined;
+            }>;
+            default: boolean | {
+                pointAtCenter?: boolean | undefined;
+            };
+        };
+        autoAdjustOverflow: {
+            type: PropType<boolean | AdjustOverflow>;
+            default: boolean | AdjustOverflow;
+        };
+        destroyTooltipOnHide: {
+            type: BooleanConstructor;
+            default: any;
+        };
+        align: {
+            type: PropType<AlignType>;
+            default: AlignType;
+        };
+        builtinPlacements: {
+            type: PropType<BuildInPlacements>;
+            default: BuildInPlacements;
+        };
+        children: ArrayConstructor;
+        onVisibleChange: PropType<(vis: boolean) => void>;
+        'onUpdate:visible': PropType<(vis: boolean) => void>;
+        onOpenChange: PropType<(vis: boolean) => void>;
+        'onUpdate:open': PropType<(vis: boolean) => void>;
+    }>>;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,39 @@
+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 "../item/index.vue.mjs";
+import { omit as y } from "lodash-unified";
+import x from "../item/index.vue2.mjs";
+const h = /* @__PURE__ */ m({
+  name: "ApActionItemPopconfirm",
+  __name: "index",
+  props: {
+    text: {},
+    color: { default: "primary" },
+    disabled: { type: Boolean, default: !1 },
+    visible: { type: Boolean, default: !0 },
+    onAction: {},
+    onClick: {},
+    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));
+    }
+    return (e, n) => (f(), c(i(_), l(o.popconfirmProps, {
+      onConfirm: a,
+      disabled: !o.popconfirmProps,
+      "overlay-style": { zIndex: 1060 }
+    }), {
+      default: s(() => [
+        d(x, u(P(i(y)(o, ["popconfirmProps", "onAction"]))), null, 16)
+      ]),
+      _: 1
+    }, 16, ["disabled"]));
+  }
+});
+export {
+  h as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};

package/es/src/ap-action/style/item-dropdown.css

@@ -0,0 +1,11 @@
+.aplus-action-item-dropdown__item .aplus-action-item {
+  width: 100%;
+}
+.aplus-action-item-dropdown__wrapper {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+}
+.aplus-action-item-dropdown__icon {
+  margin-left: 4px;
+}