@aplus-frontend/ui 0.0.14 → 0.0.16

package/es/src/business/title/style.css

@@ -1,7 +1,7 @@
 .aplus-ap-title {
   position: relative;
   width: 100%;
-  height: 32px;
+  height: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,17 +12,12 @@
   position: absolute;
   content: '';
   left: 0;
-  top: 6px;
+  top: 2px;
   width: 3px;
-  height: 20px;
+  height: 16px;
   background: #0070ff;
   border-radius: 0px 4px 4px 0px;
-}
-.aplus-ap-title--aplus::before {
-  background: #0070ff;
-}
-.aplus-ap-title--admin::before {
-  background: #34b77c;
+  z-index: 1;
 }
 .aplus-ap-title__prefix {
   font-weight: bold;
@@ -34,6 +29,31 @@
   margin-left: 5px;
   color: #8896b0;
 }
+.aplus-ap-title--admin {
+  height: 22px;
+  padding-left: 14px;
+}
+.aplus-ap-title--admin::before {
+  top: 7px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+  z-index: 1;
+}
+.aplus-ap-title--admin .aplus-ap-title__prefix {
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
+  margin-left: 5px;
+  color: #8896b0;
+}
 .aplus-ap-title__suffix {
   color: #526a90;
 }

package/es/src/editable-table/hooks/use-get-columns.d.ts

@@ -1,5 +1,28 @@
-import { EditableTableFormItemProps, EditableTableProps, EditableColumnType } from '../interface';
-import { ComputedRef } from 'vue';
+import { EditableTableFormItemProps, EditableTableProps } from '../interface';
+import { ComputedRef, VNode, RendererNode, RendererElement } from 'vue';
+import { TableColumnType } from 'ant-design-vue';
+import { ValueEnum } from '../..';
 
-declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef< EditableColumnType<any, any>[]>;
+declare const useGetColumns: (props: EditableTableProps | EditableTableFormItemProps) => ComputedRef<(Omit< TableColumnType<any>, "children" | "customRender"> & {
+    children?: (Omit< TableColumnType<any>, "children" | "customRender"> & any) | undefined;
+    tooltip?: string | undefined;
+    copyable?: boolean | undefined;
+    editable?: boolean | ((text: any, record: any, index: number) => boolean) | undefined;
+    valueEnum?: ValueEnum | undefined;
+    customRenderFormItem?: ((config: Omit< TableColumnType<any>, "children" | "customRender"> & any) => any) | undefined;
+    valueType?: any;
+    fieldProps?: any;
+    customRender?: ((opt: {
+        value: any;
+        text: any;
+        record: any;
+        index: number;
+        renderIndex: number;
+        column: TableColumnType<any>;
+        editable?: boolean | undefined;
+        originalNode?: VNode<RendererNode, RendererElement, {
+            [key: string]: any;
+        }> | undefined;
+    }) => any) | undefined;
+})[]>;
 export default useGetColumns;

package/es/src/editable-table/hooks/use-get-columns.mjs

@@ -1,76 +1,78 @@
-import { computed as x, createVNode as d, mergeProps as g } from "vue";
+import { computed as g, createVNode as c, mergeProps as x } from "vue";
 import { isFunction as C } from "lodash-unified";
 import { getEditableComponent as T } from "../utils.mjs";
 import { updateFormProps as h, getFieldProps as F, getPlaceholder as R, getTableRenderProps as I } from "../../ap-table/utils.mjs";
 import "../../config-provider/index.mjs";
-import { apTableRenderItemMap as v, noRenderAsFormItemValueList as L } from "../../ap-table/constants.mjs";
-import { Typography as M } from "ant-design-vue";
-import { useLocale as N } from "../../config-provider/hooks/use-locale.mjs";
-const q = (a) => {
+import { apTableRenderItemMap as N, noRenderAsFormItemValueList as v } from "../../ap-table/constants.mjs";
+import { Typography as L } from "ant-design-vue";
+import { useLocale as M } from "../../config-provider/hooks/use-locale.mjs";
+const k = (a) => {
   const {
-    t: u
-  } = N(), i = x(() => {
-    let n = a.columns;
-    return n ? (n = n.map((e) => ({
+    t: s
+  } = M(), f = g(() => {
+    let o = a.columns;
+    return o ? (o = o.map((e) => ({
       ...e,
       customRender({
-        value: o,
-        ...l
+        value: l,
+        ...t
       }) {
-        if (e.customRender)
-          return e.customRender({
-            value: o,
-            ...l,
-            column: e
+        const u = C(e.editable) ? e.editable(t.text, t.record, t.index) : !!e.editable;
+        let d;
+        if (u) {
+          const r = T(e.valueType), n = h(e, F(e.fieldProps, {
+            value: l,
+            ...t
+          })), i = {};
+          a.onFieldChange && (i[`onUpdate:${n.valuePropName || "value"}`] = (y) => {
+            var p;
+            return (p = a.onFieldChange) == null ? void 0 : p.call(a, t.index, e.dataIndex, y);
           });
-        {
-          if (C(e.editable) ? e.editable(l.text, l.record, l.index) : !!e.editable) {
-            const m = T(e.valueType), t = h(e, F(e.fieldProps, {
-              value: o,
-              ...l
-            })), r = {};
-            a.onFieldChange && (r[`onUpdate:${t.valuePropName || "value"}`] = (y) => {
-              var c;
-              return (c = a.onFieldChange) == null ? void 0 : c.call(a, l.index, e.dataIndex, y);
-            });
-            const b = {
-              name: [a.name, l.index, e.dataIndex],
-              ...t || {},
-              // 格式化placeholder
-              placeholder: R(u, e.valueType, t == null ? void 0 : t.placeholder),
-              field: {
-                style: "width: 100%",
-                ...(t == null ? void 0 : t.field) || {},
-                ...r
-              }
-            };
-            return d(m, b, null);
-          }
-          const s = v[e.valueType], f = I(e, {
-            value: o,
-            ...l
+          const b = {
+            name: [a.name, t.index, e.dataIndex],
+            ...n || {},
+            // 格式化placeholder
+            placeholder: R(s, e.valueType, n == null ? void 0 : n.placeholder),
+            field: {
+              style: "width: 100%",
+              ...(n == null ? void 0 : n.field) || {},
+              ...i
+            }
+          };
+          d = c(r, b, null);
+        } else {
+          const r = N[e.valueType], n = I(e, {
+            value: l,
+            ...t
           });
-          return p(e, o, d(s, g(f, {
+          d = m(e, l, c(r, x(n, {
             mode: "read"
           }), null));
         }
+        return e.customRender ? e.customRender({
+          value: l,
+          ...t,
+          column: e,
+          editable: u,
+          originalNode: d
+        }) : d;
       }
-    })), n) : [];
+    })), o) : [];
   });
-  function p(n, e, o) {
-    return L.includes(n.valueType) ? o : n.copyable || n.ellipsis ? d(M.Text, {
-      copyable: n.copyable ? {
+  function m(o, e, l) {
+    return v.includes(o.valueType) ? l : o.copyable || o.ellipsis ? c(L.Text, {
+      copyable: o.copyable ? {
         text: e,
         tooltip: !1
       } : !1,
-      ellipsis: n.ellipsis ? {
+      ellipsis: o.ellipsis ? {
         tooltip: e
       } : !1,
-      content: o
-    }, null) : o;
+      content: l
+    }, null) : l;
   }
-  return i;
+  return f;
 };
 export {
-  q as default
+  k as default
 };

package/es/src/editable-table/interface.d.ts

@@ -1,10 +1,12 @@
 import { ColumnType, TableProps } from 'ant-design-vue/es/table';
-import { ApTableValueFields, ValueEnum } from '../ap-table';
+import { ApTableValueFields, ApTableValueTypes, ValueEnum } from '../ap-table';
 import { NamePath, ValidateOptions } from 'ant-design-vue/es/form/interface';
 import { DataIndex } from 'ant-design-vue/es/vc-table/interface';
 import { FormItemProps } from 'ant-design-vue';
+import { VNode } from 'vue';
 
-export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'text', RecordType = any> = Omit<ColumnType<RecordType>, 'children'> & {
+export type EditableColumnType<RecordType = any, ValueType extends ApTableValueTypes = ApTableValueTypes> = ValueType extends ApTableValueTypes ? Omit<ColumnType<RecordType>, 'children' | 'customRender'> & {
+    children?: EditableColumnType<RecordType, ValueType>;
     /**
      * 在title之后展示一个icon并触发tooltip
      */
@@ -25,11 +27,11 @@ export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'tex
      * 自定义表单
      * @deprecated 未实现，请使用`customRender`
      */
-    customRenderFormItem?: (config: EditableColumnType<ValueType, RecordType>) => any;
+    customRenderFormItem?: (config: EditableColumnType<RecordType, ValueType>) => any;
     /**
      * 指定值类型（将会用于普通列和可编辑表格的渲染）
      */
-    valueType?: keyof ApTableValueFields;
+    valueType?: ValueType;
     /**
      * 值类型额外配置的参数（支持函数）
      */
@@ -39,14 +41,29 @@ export type EditableColumnType<ValueType extends keyof ApTableValueFields = 'tex
         record: RecordType;
         index: number;
         renderIndex: number;
-        column: EditableColumnType<ValueType, RecordType>;
+        column: EditableColumnType<RecordType, ValueType>;
     }) => ApTableValueFields[ValueType]);
-};
+    /**
+     * 自定义渲染，添加了`editable`以及`originalNode`
+     * @param opt
+     * @returns
+     */
+    customRender?: (opt: {
+        value: any;
+        text: any;
+        record: RecordType;
+        index: number;
+        renderIndex: number;
+        column: ColumnType<RecordType>;
+        editable?: boolean;
+        originalNode?: VNode;
+    }) => any;
+} : never;
 export type EditableTableProps<RecordType = any> = Omit<TableProps<RecordType>, 'columns' | 'dataSource'> & {
     /**
      * 列配置
      */
-    columns?: EditableColumnType<any, RecordType>[];
+    columns?: EditableColumnType<RecordType, any>[];
     /**
      * 表格数据v-model
      */

package/es/src/editable-table/style/index.css

@@ -1,12 +1,5 @@
-.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
-  padding-top: 20px !important;
-  padding-bottom: 0 !important;
-}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 20px;
-}
-.aplus-editable-table .ant-form-item-explain-error {
-  line-height: 20px;
+  margin-bottom: 0px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;
@@ -44,3 +37,9 @@
 .aplus-editable-table-admin tr > td.ant-table-cell {
   border-top-color: #E9E9E9;
 }
+.aplus-editable-table .ant-table-middle .ant-table-cell {
+  padding: 12px 16px !important;
+}
+.aplus-editable-table .ant-table-small .ant-table-cell {
+  padding: 9px 16px !important;
+}

package/es/src/theme/antd-global-overwrite/admin/index.css

@@ -157,7 +157,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   vertical-align: -0.18em;
   margin-inline-end: 9px;
 }
-.ant-modal-root .ant-modal-close {
+.ant-modal-root .ant-modal .ant-modal-close {
   top: 0;
   right: 0;
   width: auto;
@@ -167,28 +167,28 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   outline: none;
   cursor: default;
 }
-.ant-modal-root .ant-modal-close:hover {
+.ant-modal-root .ant-modal .ant-modal-close:hover {
   color: #666666;
   background-color: transparent;
 }
-.ant-modal-root .ant-modal-close-x {
+.ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
   height: 54px;
   line-height: 54px;
   text-align: start;
 }
-.ant-modal-root .ant-modal-close-x > div {
+.ant-modal-root .ant-modal .ant-modal-close-x > div {
   height: 100%;
 }
-.ant-modal-root .ant-modal-close-x > span {
+.ant-modal-root .ant-modal .ant-modal-close-x > span {
   display: inline-block;
   margin-left: 48px;
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
 }
-.ant-modal-root .ant-modal-close-x > span:hover {
+.ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
   color: #ed6f6f;
 }
 .ant-modal-root .ant-modal .ant-modal-content {

package/es/src/theme/antd-global-overwrite/admin/modal.css

@@ -1,4 +1,4 @@
-.ant-modal-root .ant-modal-close {
+.ant-modal-root .ant-modal .ant-modal-close {
   top: 0;
   right: 0;
   width: auto;
@@ -8,28 +8,28 @@
   outline: none;
   cursor: default;
 }
-.ant-modal-root .ant-modal-close:hover {
+.ant-modal-root .ant-modal .ant-modal-close:hover {
   color: #666666;
   background-color: transparent;
 }
-.ant-modal-root .ant-modal-close-x {
+.ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
   height: 54px;
   line-height: 54px;
   text-align: start;
 }
-.ant-modal-root .ant-modal-close-x > div {
+.ant-modal-root .ant-modal .ant-modal-close-x > div {
   height: 100%;
 }
-.ant-modal-root .ant-modal-close-x > span {
+.ant-modal-root .ant-modal .ant-modal-close-x > span {
   display: inline-block;
   margin-left: 48px;
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
 }
-.ant-modal-root .ant-modal-close-x > span:hover {
+.ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
   color: #ed6f6f;
 }
 .ant-modal-root .ant-modal .ant-modal-content {

package/es/src/theme/antd-global-overwrite/aplus/index.css

@@ -182,7 +182,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   vertical-align: -0.18em;
   margin-inline-end: 9px;
 }
-.ant-modal-root .ant-modal-close {
+.ant-modal-root .ant-modal .ant-modal-close {
   top: 0;
   right: 0;
   width: auto;
@@ -192,28 +192,28 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   outline: none;
   cursor: default;
 }
-.ant-modal-root .ant-modal-close:hover {
+.ant-modal-root .ant-modal .ant-modal-close:hover {
   color: #8796b0;
   background-color: transparent;
 }
-.ant-modal-root .ant-modal-close-x {
+.ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
   height: 54px;
   line-height: 54px;
   text-align: start;
 }
-.ant-modal-root .ant-modal-close-x > div {
+.ant-modal-root .ant-modal .ant-modal-close-x > div {
   height: 100%;
 }
-.ant-modal-root .ant-modal-close-x > span {
+.ant-modal-root .ant-modal .ant-modal-close-x > span {
   display: inline-block;
   margin-left: 48px;
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
 }
-.ant-modal-root .ant-modal-close-x > span:hover {
+.ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
   color: #ed6f6f;
 }
 .ant-modal-root .ant-modal .ant-modal-content {

package/es/src/theme/antd-global-overwrite/aplus/modal.css

@@ -1,4 +1,4 @@
-.ant-modal-root .ant-modal-close {
+.ant-modal-root .ant-modal .ant-modal-close {
   top: 0;
   right: 0;
   width: auto;
@@ -8,28 +8,28 @@
   outline: none;
   cursor: default;
 }
-.ant-modal-root .ant-modal-close:hover {
+.ant-modal-root .ant-modal .ant-modal-close:hover {
   color: #8796b0;
   background-color: transparent;
 }
-.ant-modal-root .ant-modal-close-x {
+.ant-modal-root .ant-modal .ant-modal-close-x {
   display: inline-block;
   width: 96px;
   height: 54px;
   line-height: 54px;
   text-align: start;
 }
-.ant-modal-root .ant-modal-close-x > div {
+.ant-modal-root .ant-modal .ant-modal-close-x > div {
   height: 100%;
 }
-.ant-modal-root .ant-modal-close-x > span {
+.ant-modal-root .ant-modal .ant-modal-close-x > span {
   display: inline-block;
   margin-left: 48px;
   padding: 10px;
   cursor: pointer;
   transition: all 0.2s;
 }
-.ant-modal-root .ant-modal-close-x > span:hover {
+.ant-modal-root .ant-modal .ant-modal-close-x > span:hover {
   color: #ed6f6f;
 }
 .ant-modal-root .ant-modal .ant-modal-content {

package/es/src/theme/ap-table/ap-table.css

@@ -72,3 +72,9 @@
 .aplus-ap-table-table-admin tr > td.ant-table-cell {
   border-top-color: #E9E9E9;
 }
+.aplus-ap-table .ant-table-middle .ant-table-cell {
+  padding: 12px 16px !important;
+}
+.aplus-ap-table .ant-table-small .ant-table-cell {
+  padding: 9px 16px !important;
+}

package/es/src/theme/ap-title/ap-title.css

@@ -1,7 +1,7 @@
 .aplus-ap-title {
   position: relative;
   width: 100%;
-  height: 32px;
+  height: 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,17 +12,12 @@
   position: absolute;
   content: '';
   left: 0;
-  top: 6px;
+  top: 2px;
   width: 3px;
-  height: 20px;
+  height: 16px;
   background: #0070ff;
   border-radius: 0px 4px 4px 0px;
-}
-.aplus-ap-title--aplus::before {
-  background: #0070ff;
-}
-.aplus-ap-title--admin::before {
-  background: #34b77c;
+  z-index: 1;
 }
 .aplus-ap-title__prefix {
   font-weight: bold;
@@ -34,6 +29,31 @@
   margin-left: 5px;
   color: #8896b0;
 }
+.aplus-ap-title--admin {
+  height: 22px;
+  padding-left: 14px;
+}
+.aplus-ap-title--admin::before {
+  top: 7px;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  border-width: 2px;
+  border-style: solid;
+  border-color: #34b77c;
+  background: #fff;
+  z-index: 1;
+}
+.aplus-ap-title--admin .aplus-ap-title__prefix {
+  font-weight: bold;
+  color: #333;
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-title--admin .aplus-ap-title__prefix .anticon-question-circle {
+  margin-left: 5px;
+  color: #8896b0;
+}
 .aplus-ap-title__suffix {
   color: #526a90;
 }

package/es/src/theme/editable-table/index.css

@@ -1,12 +1,5 @@
-.aplus-editable-table .ant-table-cell:has(> .ant-form-item) {
-  padding-top: 20px !important;
-  padding-bottom: 0 !important;
-}
 .aplus-editable-table .ant-form-item {
-  margin-bottom: 20px;
-}
-.aplus-editable-table .ant-form-item-explain-error {
-  line-height: 20px;
+  margin-bottom: 0px;
 }
 .aplus-editable-table__header-cell--required {
   color: #FF4D4F;
@@ -44,3 +37,9 @@
 .aplus-editable-table-admin tr > td.ant-table-cell {
   border-top-color: #E9E9E9;
 }
+.aplus-editable-table .ant-table-middle .ant-table-cell {
+  padding: 12px 16px !important;
+}
+.aplus-editable-table .ant-table-small .ant-table-cell {
+  padding: 9px 16px !important;
+}

package/lib/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/lib/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/lib/src/ap-action/item/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const m=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const p=require("../../config-provider/hooks/use-namespace.js"),k=require("../../config-provider/hooks/use-global-config.js"),g={key:1},b=e.defineComponent({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(r){const o=r,{b:s,m:i,bm:u}=p.useNamespace("action-item"),c=k.useGlobalConfig("uiMode","aplus"),t=e.ref(!1);function d(n){var a;e.unref(l)||o.disabled||((a=o.onClick)==null||a.call(o,n),o.onAction&&(t.value=!0,o.onAction(n).finally(()=>t.value=!1)))}const l=e.computed(()=>o.loading||e.unref(t)),f=e.computed(()=>[s(),u(e.unref(c),o.color),o.disabled?i("disabled"):null,l.value?i("loading"):null].filter(Boolean));return(n,a)=>n.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:d,class:e.normalizeClass(f.value)},[l.value?(e.openBlock(),e.createBlock(e.unref(m),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default",{},()=>[e.isVNode(n.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.text),{key:0})):(e.openBlock(),e.createElementBlock("span",g,e.toDisplayString(n.text||""),1))])],2)):e.createCommentVNode("",!0)}});exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("../../config-provider/index.js");const m=require("ant-design-vue/es/button/LoadingIcon");require("../style/item.css");const p=require("../../config-provider/hooks/use-namespace.js"),g=require("../../config-provider/hooks/use-global-config.js"),k={key:1},b=e.defineComponent({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(s){const n=s,{b:u,m:i,bm:c}=p.useNamespace("action-item"),d=g.useGlobalConfig("uiMode","aplus"),t=e.ref(!1);function r(o){var a;e.unref(l)||n.disabled||((a=n.onClick)==null||a.call(n,o),n.onAction&&(t.value=!0,n.onAction(o).finally(()=>t.value=!1)))}const l=e.computed(()=>n.loading||e.unref(t)),f=e.computed(()=>[u(),c(e.unref(d),n.color),n.disabled?i("disabled"):null,l.value?i("loading"):null].filter(Boolean));return(o,a)=>e.renderSlot(o.$slots,"trigger",{loading:l.value,disabled:o.disabled,onClick:r},()=>[o.visible?(e.openBlock(),e.createElementBlock("span",{key:0,onClick:r,class:e.normalizeClass(f.value)},[l.value?(e.openBlock(),e.createBlock(e.unref(m),{key:0,prefixCls:"btn",existIcon:!1,loading:""})):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},()=>[e.isVNode(o.text)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.text),{key:0})):(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(o.text||""),1))])],2)):e.createCommentVNode("",!0)])}});exports.default=b;

package/lib/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/lib/src/ap-action/item-modal/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),u=require("ant-design-vue");require("../item/index.vue.js");const c=require("lodash-unified"),s=require("../item/index.vue2.js"),d=o.defineComponent({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(r){const e=r;async function i(t){u.Modal.confirm({...e.modalProps,onOk:async()=>{var n,a,l;(a=(n=e.modalProps).onOk)==null||a.call(n),await((l=e.onAction)==null?void 0:l.call(e,t))}})}return(t,n)=>(o.openBlock(),o.createBlock(s.default,o.mergeProps(o.unref(c.omit)(e,["modalProps","onAction"]),{onAction:i}),null,16))}});exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("ant-design-vue");require("../item/index.vue.js");const d=require("lodash-unified"),p=require("../item/index.vue2.js"),f=e.defineComponent({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 s=e.useSlots(),o=l;async function i(n){c.Modal.confirm({...o.modalProps,onOk:async()=>{var r,a,t;(a=(r=o.modalProps).onOk)==null||a.call(r),await((t=o.onAction)==null?void 0:t.call(o,n))}})}return(n,r)=>(e.openBlock(),e.createBlock(p.default,e.mergeProps(e.unref(d.omit)(o,["modalProps","onAction"]),{onAction:i}),e.createSlots({_:2},[e.renderList(s,(a,t)=>({name:t,fn:e.withCtx(u=>[e.renderSlot(n.$slots,t,e.normalizeProps(e.guardReactiveProps(u||{})))])}))]),1040))}});exports.default=f;