@funcho/ui 1.1.4 → 1.1.6

package/dist/cjs/business/DataTable/DataTable.vue.js

@@ -82,6 +82,7 @@ require('../../components/RichEditor/index.js');
 const ProForm_vue_vue_type_script_setup_true_lang = require('../ProForm/ProForm.vue.js');
 ;/* empty css                       */
 const core = require('@vueuse/core');
+const index_vue_vue_type_script_lang = require('../../components/VNodeRenderer/index.vue.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -97,6 +98,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     fields: { default: () => [] },
     request: { type: Function, default: () => Promise.resolve({ data: { list: [], total: 0 } }) },
     actions: { default: () => [] },
+    actionsWidth: { default: 0 },
     tools: { default: () => [] }
   },
   setup(__props, { expose: __expose }) {
@@ -108,6 +110,57 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     const isExpanded = vue.ref(false);
     const props = __props;
+    const renderActions = (actions, row, index$1) => {
+      return vue.h(
+        "div",
+        {
+          class: ns.e("actions")
+        },
+        [
+          actions.filter((action) => {
+            return typeof action.hidden === "function" ? !action.hidden(row) : !action.hidden;
+          }).map((action) => {
+            const vnode = vue.h(
+              action.label.includes("删除") ? index.FcDangerButton : index.FcLinkButton,
+              {
+                type: action.type || "primary",
+                disabled: typeof action.disabled === "function" ? action.disabled(row) : action.disabled,
+                onClick: action.label.includes("删除") ? void 0 : () => action.onClick(row, index$1),
+                onConfirm: action.label.includes("删除") ? () => action.onClick(row, index$1) : void 0
+              },
+              { default: () => action.label }
+            );
+            const dirs = (action.directives || []).map((dir) => {
+              const directiveInstance = vue.resolveDirective(dir.name);
+              if (!directiveInstance) return null;
+              return [directiveInstance, dir.value, dir.arg, dir.modifiers];
+            }).filter(Boolean);
+            return dirs.length > 0 ? vue.withDirectives(vnode, dirs) : vnode;
+          })
+        ]
+      );
+    };
+    const renderTools = (tools) => {
+      return tools.filter((tool) => {
+        return typeof tool.hidden === "function" ? !tool.hidden() : !tool.hidden;
+      }).map((tool) => {
+        const vnode = vue.h(
+          index.FcButton,
+          {
+            type: tool.type || "primary",
+            disabled: typeof tool.disabled === "function" ? tool.disabled() : tool.disabled,
+            onClick: () => tool.onClick(null, 0)
+          },
+          { default: () => tool.label }
+        );
+        const dirs = (tool.directives || []).map((dir) => {
+          const directiveInstance = vue.resolveDirective(dir.name);
+          if (!directiveInstance) return null;
+          return [directiveInstance, dir.value, dir.arg, dir.modifiers];
+        }).filter(Boolean);
+        return dirs.length > 0 ? vue.withDirectives(vnode, dirs) : vnode;
+      });
+    };
     const queryBoxRef = vue.ref(null);
     const { height: queryBoxHeight } = core.useElementSize(queryBoxRef, void 0, {
       box: "border-box"
@@ -252,21 +305,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.tools, (tool, i) => {
-              return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
-                (typeof tool.hidden === "function" ? !tool.hidden() : !tool.hidden) ? (vue.openBlock(), vue.createBlock(vue.unref(index.FcButton), {
-                  key: 0,
-                  type: tool.type || "primary",
-                  disabled: typeof tool.disabled === "function" ? tool.disabled() : tool.disabled,
-                  onClick: tool.onClick
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString(tool.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["type", "disabled", "onClick"])) : vue.createCommentVNode("", true)
-              ], 64);
-            }), 128))
+            vue.createVNode(index_vue_vue_type_script_lang.default, {
+              content: () => renderTools(__props.tools)
+            }, null, 8, ["content"])
           ], 2)
         ], 6)) : vue.createCommentVNode("", true),
         vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(index$2.FcTable), vue.mergeProps(_ctx.$attrs, {
@@ -304,32 +345,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               key: "actions",
               label: "操作",
               align: "right",
-              fixed: "right"
+              fixed: "right",
+              width: __props.actionsWidth || void 0
             }, {
               default: vue.withCtx(({ row, $index }) => [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass(vue.unref(ns).e("actions"))
-                }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.actions, (action, i) => {
-                    return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: i }, [
-                      (typeof action.hidden === "function" ? !action.hidden(row) : !action.hidden) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(action.label.includes("删除") ? vue.unref(index.FcDangerButton) : vue.unref(index.FcLinkButton)), {
-                        key: 0,
-                        type: action.type || "primary",
-                        disabled: typeof action.disabled === "function" ? action.disabled(row) : action.disabled,
-                        onClick: ($event) => action.label.includes("删除") ? void 0 : action.onClick(row, $index),
-                        onConfirm: ($event) => action.label.includes("删除") ? action.onClick(row, $index) : void 0
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(action.label), 1)
-                        ]),
-                        _: 2
-                      }, 1064, ["type", "disabled", "onClick", "onConfirm"])) : vue.createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ], 2)
+                vue.createVNode(index_vue_vue_type_script_lang.default, {
+                  content: () => renderActions(props.actions, row, $index)
+                }, null, 8, ["content"])
               ]),
               _: 1
-            })) : vue.createCommentVNode("", true)
+            }, 8, ["width"])) : vue.createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["data", "max-height"])), [

package/dist/cjs/components/VNodeRenderer/index.vue.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+
+const _sfc_main = vue.defineComponent({
+  name: "VNodeRenderer",
+  props: {
+    content: {
+      type: [Object, Array, Function, String, Number],
+      required: true
+    }
+  },
+  setup(props) {
+    return () => {
+      const { content } = props;
+      if (typeof content === "function") {
+        return content();
+      }
+      if (content === null || content === void 0) {
+        return null;
+      }
+      return content;
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/cjs/components/VNodeRenderer/index.vue2.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const index_vue_vue_type_script_lang = require('./index.vue.js');
+
+
+
+exports.default = index_vue_vue_type_script_lang.default;

package/dist/cjs/packages/ui/package.json.js

@@ -2,6 +2,6 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const version = "1.1.4";
+const version = "1.1.6";
 
 exports.version = version;

package/dist/esm/business/DataTable/DataTable.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onMounted, resolveDirective, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, withDirectives, normalizeStyle, createVNode, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, renderList, mergeProps, createSlots, resolveDynamicComponent } from 'vue';
+import { defineComponent, ref, computed, onMounted, resolveDirective, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, withDirectives, normalizeStyle, createVNode, createElementVNode, createBlock, withCtx, createTextVNode, toDisplayString, mergeProps, Fragment, renderList, createSlots, resolveDynamicComponent, h } from 'vue';
 import { useNamespace } from '../../hooks/use-namespace.mjs';
 import { FcButton, FcDangerButton, FcLinkButton } from '../../components/Button/index.mjs';
 import '../../components/Dialog/index.mjs';
@@ -78,6 +78,7 @@ import '../../components/RichEditor/index.mjs';
 import _sfc_main$1 from '../ProForm/ProForm.vue.mjs';
 /* empty css                       */
 import { useElementSize } from '@vueuse/core';
+import _sfc_main$2 from '../../components/VNodeRenderer/index.vue.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -93,6 +94,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     fields: { default: () => [] },
     request: { type: Function, default: () => Promise.resolve({ data: { list: [], total: 0 } }) },
     actions: { default: () => [] },
+    actionsWidth: { default: 0 },
     tools: { default: () => [] }
   },
   setup(__props, { expose: __expose }) {
@@ -104,6 +106,57 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const isExpanded = ref(false);
     const props = __props;
+    const renderActions = (actions, row, index) => {
+      return h(
+        "div",
+        {
+          class: ns.e("actions")
+        },
+        [
+          actions.filter((action) => {
+            return typeof action.hidden === "function" ? !action.hidden(row) : !action.hidden;
+          }).map((action) => {
+            const vnode = h(
+              action.label.includes("删除") ? FcDangerButton : FcLinkButton,
+              {
+                type: action.type || "primary",
+                disabled: typeof action.disabled === "function" ? action.disabled(row) : action.disabled,
+                onClick: action.label.includes("删除") ? void 0 : () => action.onClick(row, index),
+                onConfirm: action.label.includes("删除") ? () => action.onClick(row, index) : void 0
+              },
+              { default: () => action.label }
+            );
+            const dirs = (action.directives || []).map((dir) => {
+              const directiveInstance = resolveDirective(dir.name);
+              if (!directiveInstance) return null;
+              return [directiveInstance, dir.value, dir.arg, dir.modifiers];
+            }).filter(Boolean);
+            return dirs.length > 0 ? withDirectives(vnode, dirs) : vnode;
+          })
+        ]
+      );
+    };
+    const renderTools = (tools) => {
+      return tools.filter((tool) => {
+        return typeof tool.hidden === "function" ? !tool.hidden() : !tool.hidden;
+      }).map((tool) => {
+        const vnode = h(
+          FcButton,
+          {
+            type: tool.type || "primary",
+            disabled: typeof tool.disabled === "function" ? tool.disabled() : tool.disabled,
+            onClick: () => tool.onClick(null, 0)
+          },
+          { default: () => tool.label }
+        );
+        const dirs = (tool.directives || []).map((dir) => {
+          const directiveInstance = resolveDirective(dir.name);
+          if (!directiveInstance) return null;
+          return [directiveInstance, dir.value, dir.arg, dir.modifiers];
+        }).filter(Boolean);
+        return dirs.length > 0 ? withDirectives(vnode, dirs) : vnode;
+      });
+    };
     const queryBoxRef = ref(null);
     const { height: queryBoxHeight } = useElementSize(queryBoxRef, void 0, {
       box: "border-box"
@@ -248,21 +301,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])]),
               _: 1
             }, 8, ["disabled"]),
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.tools, (tool, i) => {
-              return openBlock(), createElementBlock(Fragment, { key: i }, [
-                (typeof tool.hidden === "function" ? !tool.hidden() : !tool.hidden) ? (openBlock(), createBlock(unref(FcButton), {
-                  key: 0,
-                  type: tool.type || "primary",
-                  disabled: typeof tool.disabled === "function" ? tool.disabled() : tool.disabled,
-                  onClick: tool.onClick
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(tool.label), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["type", "disabled", "onClick"])) : createCommentVNode("", true)
-              ], 64);
-            }), 128))
+            createVNode(_sfc_main$2, {
+              content: () => renderTools(__props.tools)
+            }, null, 8, ["content"])
           ], 2)
         ], 6)) : createCommentVNode("", true),
         withDirectives((openBlock(), createBlock(unref(FcTable), mergeProps(_ctx.$attrs, {
@@ -300,32 +341,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               key: "actions",
               label: "操作",
               align: "right",
-              fixed: "right"
+              fixed: "right",
+              width: __props.actionsWidth || void 0
             }, {
               default: withCtx(({ row, $index }) => [
-                createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e("actions"))
-                }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, (action, i) => {
-                    return openBlock(), createElementBlock(Fragment, { key: i }, [
-                      (typeof action.hidden === "function" ? !action.hidden(row) : !action.hidden) ? (openBlock(), createBlock(resolveDynamicComponent(action.label.includes("删除") ? unref(FcDangerButton) : unref(FcLinkButton)), {
-                        key: 0,
-                        type: action.type || "primary",
-                        disabled: typeof action.disabled === "function" ? action.disabled(row) : action.disabled,
-                        onClick: ($event) => action.label.includes("删除") ? void 0 : action.onClick(row, $index),
-                        onConfirm: ($event) => action.label.includes("删除") ? action.onClick(row, $index) : void 0
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(action.label), 1)
-                        ]),
-                        _: 2
-                      }, 1064, ["type", "disabled", "onClick", "onConfirm"])) : createCommentVNode("", true)
-                    ], 64);
-                  }), 128))
-                ], 2)
+                createVNode(_sfc_main$2, {
+                  content: () => renderActions(props.actions, row, $index)
+                }, null, 8, ["content"])
               ]),
               _: 1
-            })) : createCommentVNode("", true)
+            }, 8, ["width"])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 16, ["data", "max-height"])), [

package/dist/esm/components/VNodeRenderer/index.vue.mjs

@@ -0,0 +1,25 @@
+import { defineComponent } from 'vue';
+
+const _sfc_main = defineComponent({
+  name: "VNodeRenderer",
+  props: {
+    content: {
+      type: [Object, Array, Function, String, Number],
+      required: true
+    }
+  },
+  setup(props) {
+    return () => {
+      const { content } = props;
+      if (typeof content === "function") {
+        return content();
+      }
+      if (content === null || content === void 0) {
+        return null;
+      }
+      return content;
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/components/VNodeRenderer/index.vue2.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue.mjs';
+
+
+
+export { _sfc_main as default };

package/dist/esm/packages/ui/package.json.mjs

@@ -1,3 +1,3 @@
-const version = "1.1.4";
+const version = "1.1.6";
 
 export { version };

package/dist/types/business/DataTable/DataTable.vue.d.ts

@@ -2,6 +2,19 @@ import { VNode } from 'vue';
 import { RequestResult } from './DataTable.types';
 import { TProFormField } from '../ProForm/ProForm.types';
 type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info' | '';
+type ButtonProps = {
+    label: string;
+    type?: ButtonType;
+    disabled?: boolean | ((row?: any) => boolean);
+    hidden?: boolean | ((row?: any) => boolean);
+    onClick: (row: any, index: number) => void;
+    directives?: Array<{
+        name: string;
+        value?: any;
+        arg?: any;
+        modifiers?: any;
+    }>;
+};
 type __VLS_Props = {
     hasIndex?: boolean;
     height?: number;
@@ -14,20 +27,9 @@ type __VLS_Props = {
     isPagination?: boolean;
     fields?: Array<TProFormField>;
     request?: (params: any) => Promise<RequestResult<any>>;
-    actions?: Array<{
-        label: string;
-        type?: ButtonType;
-        disabled?: boolean | ((row: any) => boolean);
-        hidden?: boolean | ((row: any) => boolean);
-        onClick: (row: any, index: number) => void;
-    }>;
-    tools?: Array<{
-        label: string;
-        type?: ButtonType;
-        onClick: () => void;
-        disabled?: boolean | (() => boolean);
-        hidden?: boolean | (() => boolean);
-    }>;
+    actions?: Array<ButtonProps>;
+    actionsWidth?: number;
+    tools?: Array<ButtonProps>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {
     loadData: () => Promise<void>;
@@ -35,13 +37,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     height: number;
     fields: Array<TProFormField>;
-    tools: Array<{
-        label: string;
-        type?: ButtonType;
-        onClick: () => void;
-        disabled?: boolean | (() => boolean);
-        hidden?: boolean | (() => boolean);
-    }>;
+    tools: Array<ButtonProps>;
     columns: Array<{
         prop: string;
         label: string;
@@ -51,13 +47,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     hasIndex: boolean;
     isPagination: boolean;
     request: (params: any) => Promise<RequestResult<any>>;
-    actions: Array<{
-        label: string;
-        type?: ButtonType;
-        disabled?: boolean | ((row: any) => boolean);
-        hidden?: boolean | ((row: any) => boolean);
-        onClick: (row: any, index: number) => void;
-    }>;
+    actions: Array<ButtonProps>;
+    actionsWidth: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     queryBoxRef: HTMLDivElement;

package/dist/types/business/DataTable/index.d.ts

@@ -14,16 +14,29 @@ export declare const FcProDataTable: {
         actions?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            disabled?: boolean | ((row: any) => boolean);
-            hidden?: boolean | ((row: any) => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
             onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
+        actionsWidth?: number;
         tools?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            onClick: () => void;
-            disabled?: boolean | (() => boolean);
-            hidden?: boolean | (() => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
+            onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
     }> & Readonly<{}>, {
         loadData: () => Promise<void>;
@@ -34,9 +47,15 @@ export declare const FcProDataTable: {
         tools: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            onClick: () => void;
-            disabled?: boolean | (() => boolean);
-            hidden?: boolean | (() => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
+            onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
         columns: Array<{
             prop: string;
@@ -50,10 +69,17 @@ export declare const FcProDataTable: {
         actions: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            disabled?: boolean | ((row: any) => boolean);
-            hidden?: boolean | ((row: any) => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
             onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
+        actionsWidth: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         containerRef: HTMLDivElement;
         queryBoxRef: HTMLDivElement;
@@ -1818,16 +1844,29 @@ export declare const FcProDataTable: {
         actions?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            disabled?: boolean | ((row: any) => boolean);
-            hidden?: boolean | ((row: any) => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
             onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
+        actionsWidth?: number;
         tools?: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            onClick: () => void;
-            disabled?: boolean | (() => boolean);
-            hidden?: boolean | (() => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
+            onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
     }> & Readonly<{}>, {
         loadData: () => Promise<void>;
@@ -1838,9 +1877,15 @@ export declare const FcProDataTable: {
         tools: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            onClick: () => void;
-            disabled?: boolean | (() => boolean);
-            hidden?: boolean | (() => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
+            onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
         columns: Array<{
             prop: string;
@@ -1854,10 +1899,17 @@ export declare const FcProDataTable: {
         actions: Array<{
             label: string;
             type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-            disabled?: boolean | ((row: any) => boolean);
-            hidden?: boolean | ((row: any) => boolean);
+            disabled?: boolean | ((row?: any) => boolean);
+            hidden?: boolean | ((row?: any) => boolean);
             onClick: (row: any, index: number) => void;
+            directives?: Array<{
+                name: string;
+                value?: any;
+                arg?: any;
+                modifiers?: any;
+            }>;
         }>;
+        actionsWidth: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -1877,16 +1929,29 @@ export declare const FcProDataTable: {
     actions?: Array<{
         label: string;
         type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-        disabled?: boolean | ((row: any) => boolean);
-        hidden?: boolean | ((row: any) => boolean);
+        disabled?: boolean | ((row?: any) => boolean);
+        hidden?: boolean | ((row?: any) => boolean);
         onClick: (row: any, index: number) => void;
+        directives?: Array<{
+            name: string;
+            value?: any;
+            arg?: any;
+            modifiers?: any;
+        }>;
     }>;
+    actionsWidth?: number;
     tools?: Array<{
         label: string;
         type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-        onClick: () => void;
-        disabled?: boolean | (() => boolean);
-        hidden?: boolean | (() => boolean);
+        disabled?: boolean | ((row?: any) => boolean);
+        hidden?: boolean | ((row?: any) => boolean);
+        onClick: (row: any, index: number) => void;
+        directives?: Array<{
+            name: string;
+            value?: any;
+            arg?: any;
+            modifiers?: any;
+        }>;
     }>;
 }> & Readonly<{}>, {
     loadData: () => Promise<void>;
@@ -1897,9 +1962,15 @@ export declare const FcProDataTable: {
     tools: Array<{
         label: string;
         type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-        onClick: () => void;
-        disabled?: boolean | (() => boolean);
-        hidden?: boolean | (() => boolean);
+        disabled?: boolean | ((row?: any) => boolean);
+        hidden?: boolean | ((row?: any) => boolean);
+        onClick: (row: any, index: number) => void;
+        directives?: Array<{
+            name: string;
+            value?: any;
+            arg?: any;
+            modifiers?: any;
+        }>;
     }>;
     columns: Array<{
         prop: string;
@@ -1913,10 +1984,17 @@ export declare const FcProDataTable: {
     actions: Array<{
         label: string;
         type?: "" | "default" | "primary" | "success" | "warning" | "info" | "danger";
-        disabled?: boolean | ((row: any) => boolean);
-        hidden?: boolean | ((row: any) => boolean);
+        disabled?: boolean | ((row?: any) => boolean);
+        hidden?: boolean | ((row?: any) => boolean);
         onClick: (row: any, index: number) => void;
+        directives?: Array<{
+            name: string;
+            value?: any;
+            arg?: any;
+            modifiers?: any;
+        }>;
     }>;
+    actionsWidth: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
 export default FcProDataTable;
 export * from './DataTable.types';

package/dist/types/components/VNodeRenderer/index.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    content: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        required: true;
+    };
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    content: {
+        type: (ObjectConstructor | StringConstructor | NumberConstructor | ArrayConstructor | FunctionConstructor)[];
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@funcho/ui",
   "description": "@funcho ui library",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "type": "module",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.mjs",