@fangzhongya/fang-ui 0.0.65 → 0.0.67

package/dist/components/listsp/src/index2.js

@@ -60,10 +60,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             unref(cs).is("scroll", unref(paginat).is && unref(paginat).scroll)
           ],
           "scroll-selector": "." + unref(cs).c("lists", "list"),
-          value: unref(data).list,
-          list: unref(tableList),
           size: (_a = unref(tableConfig).config) == null ? void 0 : _a.size,
           paginat: unref(paginat),
+          value: unref(data).list,
+          list: unref(tableList),
           loading: unref(paginat).scroll && unref(paginat).current > 1 ? false : unref(loading),
           options: props.options,
           compons: props.compons,
@@ -81,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["height", "class", "scroll-selector", "value", "list", "size", "paginat", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
+        ]), 1040, ["height", "class", "scroll-selector", "size", "paginat", "value", "list", "loading", "options", "compons", "onSortChange", "onListEvents", "onSelect", "onRowClick", "onSelectionChange"])), [
           [unref(vScroll), unref(scroll)]
         ]),
         ((_b = unref(paginat)) == null ? void 0 : _b.is) && !unref(paginat).scroll ? (openBlock(), createBlock(unref(Paging), mergeProps({ key: 0 }, unref(pagconfig), {

package/dist/components/loading/src/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const elementPlus = require("element-plus");
-const vLoading = elementPlus.ElLoadingDirective;
-const Loading = elementPlus.ElLoadingService;
+const index = require("element-plus/es/components/loading/index");
+const vLoading = index.ElLoadingDirective;
+const Loading = index.ElLoadingService;
 exports.Loading = Loading;
 exports.default = Loading;
 exports.vLoading = vLoading;

package/dist/components/loading/src/index.d.ts

@@ -1,5 +1,5 @@
-import { ElLoadingDirective } from 'element-plus';
-import { LoadingOptions, LoadingInstance } from 'element-plus/es/index';
+import { ElLoadingDirective } from 'element-plus/es/es/components/loading/index';
+import { LoadingOptions, LoadingInstance } from 'element-plus/es/components/loading';
 import { AppContext } from 'vue';
 /**
  * @title {h2} Loading 加载

package/dist/components/loading/src/index.js

@@ -1,4 +1,4 @@
-import { ElLoadingDirective, ElLoadingService } from "element-plus";
+import { ElLoadingDirective, ElLoadingService } from "element-plus/es/components/loading/index";
 const vLoading = ElLoadingDirective;
 const Loading = ElLoadingService;
 export {

package/dist/components/message/index.d.ts

@@ -1,9 +1,7 @@
-import { MessageHandler, MessageType } from 'element-plus/es/index';
+import { SFCInstallWithContext } from 'element-plus/es/utils';
+import { Message } from 'element-plus/es/components/message';
 import { Plugin } from 'vue';
-declare const Message: {
-    (...arr: any[]): MessageHandler;
-    closeAll: (type?: MessageType) => void;
-} & {
+declare const Message: SFCInstallWithContext<Message> & {
     install: Plugin["install"];
 };
 export { Message, Message as default };

package/dist/components/message/src/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const elementPlus = require("element-plus");
+const index = require("element-plus/es/components/message/index");
 const Message = (...arr) => {
-  return elementPlus.ElMessage(...arr);
+  return index.ElMessage(...arr);
 };
-Message.closeAll = elementPlus.ElMessage.closeAll;
+Object.assign(Message, index.ElMessage);
 exports.default = Message;

package/dist/components/message/src/index.d.ts

@@ -1,10 +1,3 @@
-import { MessageHandler, MessageType } from 'element-plus/es/index';
-/**
- * @title {h2} Message 消息提示
- * @text 目前完全继承 element-plus 中 ElMessage
- */
-declare const Message: {
-    (...arr: any[]): MessageHandler;
-    closeAll: (type?: MessageType) => void;
-};
-export default Message;
+import { ElMessage } from 'element-plus/es/es/components/message/index';
+declare const _default: typeof ElMessage;
+export default _default;

package/dist/components/message/src/index.js

@@ -1,8 +1,8 @@
-import { ElMessage } from "element-plus";
+import { ElMessage } from "element-plus/es/components/message/index";
 const Message = (...arr) => {
   return ElMessage(...arr);
 };
-Message.closeAll = ElMessage.closeAll;
+Object.assign(Message, ElMessage);
 export {
   Message as default
 };

package/dist/components/message-box/src/index.cjs

@@ -1,11 +1,8 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const elementPlus = require("element-plus");
+const index = require("element-plus/es/components/message-box/index");
 const MessageBox = (a, ...rest) => {
-  return elementPlus.ElMessageBox(a, ...rest);
+  return index.ElMessageBox(a, ...rest);
 };
-MessageBox.close = elementPlus.ElMessageBox.close;
-MessageBox.alert = elementPlus.ElMessageBox.alert;
-MessageBox.confirm = elementPlus.ElMessageBox.confirm;
-MessageBox.prompt = elementPlus.ElMessageBox.prompt;
+Object.assign(MessageBox, index.ElMessageBox);
 exports.default = MessageBox;

package/dist/components/message-box/src/index.d.ts

@@ -1,13 +1,3 @@
-import { MessageBoxData, ElMessageBoxShortcutMethod } from 'element-plus/es/index';
-/**
- * @title {h2} MessageBox 消息弹框
- * @text 目前完全继承 element-plus 中 ElMessageBox
- */
-declare const MessageBox: {
-    (a: any, ...rest: any[]): Promise< MessageBoxData>;
-    close: () => void;
-    alert: ElMessageBoxShortcutMethod;
-    confirm: ElMessageBoxShortcutMethod;
-    prompt: ElMessageBoxShortcutMethod;
-};
-export default MessageBox;
+import { ElMessageBox } from 'element-plus/es/es/components/message-box/index';
+declare const _default: typeof ElMessageBox;
+export default _default;

package/dist/components/message-box/src/index.js

@@ -1,11 +1,8 @@
-import { ElMessageBox } from "element-plus";
+import { ElMessageBox } from "element-plus/es/components/message-box/index";
 const MessageBox = (a, ...rest) => {
   return ElMessageBox(a, ...rest);
 };
-MessageBox.close = ElMessageBox.close;
-MessageBox.alert = ElMessageBox.alert;
-MessageBox.confirm = ElMessageBox.confirm;
-MessageBox.prompt = ElMessageBox.prompt;
+Object.assign(MessageBox, ElMessageBox);
 export {
   MessageBox as default
 };

package/dist/components/page/set-column.css

@@ -1,29 +1,29 @@
-.set-column-dialog-main[data-v-f43f186a] {
+.set-column-dialog-main[data-v-ad509651] {
   font-size: 16px;
   display: flex;
 }
-.set-column-dialog-main .set-column-check[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check[data-v-ad509651] {
   flex: 1;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check .set-column-check-list[data-v-ad509651] {
   padding: 10px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   overflow-y: auto;
 }
-.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-f43f186a] {
+.set-column-dialog-main .set-column-check .set-column-check-list .set-column-check-list-li[data-v-ad509651] {
   width: 130px;
 }
-.set-column-dialog-main .set-column-already[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already[data-v-ad509651] {
   border-left: 1px solid #999;
   padding-left: 20px;
   width: 260px;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list[data-v-ad509651] {
   padding: 10px 10px 10px 0;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li[data-v-ad509651] {
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #ccc;
@@ -31,7 +31,7 @@
   align-items: center;
   justify-content: space-between;
 }
-.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-f43f186a] {
+.set-column-dialog-main .set-column-already .set-column-already-list .set-column-already-li .set-column-already-li-v[data-v-ad509651] {
   display: flex;
   flex: 1;
   align-items: center;

package/dist/components/page/src/data.cjs

@@ -8,12 +8,24 @@ const dataProps = buildProps.buildProps({
       return {};
     }
   },
-  value: {
+  /**
+   * @props { Object } query={} 查询数据
+   */
+  query: {
     type: Object,
     default() {
       return {};
     }
   },
+  /**
+   * @props { Array<ObjAny> } value=[] 列表数据
+   */
+  value: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   list: {
     type: Array,
     default() {

package/dist/components/page/src/data.d.ts

@@ -52,10 +52,35 @@ export declare const dataProps: {
         type: () => Configs;
         default(): {};
     };
-    value: {
+    /**
+     * @props { Object } query={} 查询数据
+     */
+    query: {
         type: () => ObjAny;
         default(): {};
     };
+    /**
+     * @props { Array<ObjAny> } value=[] 列表数据
+     */
+    value: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
     list: {
         type: {
             (arrayLength: number): ListObj[];

package/dist/components/page/src/data.js

@@ -6,12 +6,24 @@ const dataProps = buildProps({
       return {};
     }
   },
-  value: {
+  /**
+   * @props { Object } query={} 查询数据
+   */
+  query: {
     type: Object,
     default() {
       return {};
     }
   },
+  /**
+   * @props { Array<ObjAny> } value=[] 列表数据
+   */
+  value: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
   list: {
     type: Array,
     default() {

package/dist/components/page/src/index2.cjs

@@ -6,9 +6,9 @@ const index$5 = require("../../forms/index.cjs");
 const index$8 = require("../../tablesp/index.cjs");
 const index$6 = require("../../list/index.cjs");
 const index$4 = require("../../dialogs/index.cjs");
-const index$7 = require("element-plus/es/components/button/index");
-const index$3 = require("element-plus/es/components/message/index");
-const index$2 = require("element-plus/es/components/message-box/index");
+const index$7 = require("../../buttons/index.cjs");
+const index$3 = require("../../message/index.cjs");
+const index$2 = require("../../message-box/index.cjs");
 const data = require("./data.cjs");
 const setColumn = require("./set-column.cjs");
 const urls = require("../../common/urls.cjs");
@@ -259,7 +259,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       array.forEach((obj) => {
         ts.push(name + "：" + (obj[label] ?? ""));
       });
-      index$2.ElMessageBox.confirm(ts.join("<br>"), "提示", {
+      index$2.MessageBox.confirm(ts.join("<br>"), "提示", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
         type: "warning",
@@ -284,10 +284,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           }
           urls.comHandle(param, value).then((res) => {
             if (res.result) {
-              index$3.ElMessage.success(res.info || "删除成功");
+              index$3.Message.success(res.info || "删除成功");
               onRefresh();
             } else {
-              index$3.ElMessage.error(res.info || "删除失败");
+              index$3.Message.error(res.info || "删除失败");
             }
           }).catch((err) => {
             console.error("删除失败", err);
@@ -318,7 +318,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       } else if (item.prop === 8) {
         console.log("批量删除", selection.value);
         if (selection.value.length === 0) {
-          index$3.ElMessage.warning("请至少选择一条记录");
+          index$3.Message.warning("请至少选择一条记录");
           return;
         }
         onDelete(selection.value);
@@ -343,7 +343,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               details.value = res.data || row;
               details.visible = true;
             } else {
-              index$3.ElMessage.error(res.info || "查询详情失败");
+              index$3.Message.error(res.info || "查询详情失败");
             }
           }).catch((err) => {
             console.error("查询详情失败", err);
@@ -419,13 +419,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }
               urls.comHandle(param, data2).then((res) => {
                 if (res.result) {
-                  index$3.ElMessage.success(
+                  index$3.Message.success(
                     res.info || "添加成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  index$3.ElMessage.error(res.info || "添加失败");
+                  index$3.Message.error(res.info || "添加失败");
                 }
               }).catch((err) => {
                 console.error("添加失败", err);
@@ -453,13 +453,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }
               urls.comHandle(param, data2).then((res) => {
                 if (res.result) {
-                  index$3.ElMessage.success(
+                  index$3.Message.success(
                     res.info || "编辑成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  index$3.ElMessage.error(res.info || "编辑失败");
+                  index$3.Message.error(res.info || "编辑失败");
                 }
               }).catch((err) => {
                 console.error("编辑失败", err);
@@ -640,7 +640,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(index$5.Forms), vue.mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
               query: "",
               "label-position": "auto",
-              "model-value": props.value,
+              "model-value": props.query,
               options: props.options,
               compons: props.compons,
               list: listQuery.value,
@@ -672,24 +672,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode("div", {
                 class: vue.normalizeClass(vue.unref(cs).z("top-operation"))
               }, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(operationTop), (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(index$7.ElButton), {
-                    key: index2,
-                    type: item.type,
-                    onClick: vue.withModifiers(($event) => onOperation(item), ["stop"])
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["type", "onClick"]);
-                }), 128)),
+                vue.createVNode(vue.unref(index$7.Buttons), {
+                  options: vue.unref(operationTop),
+                  onClicks: _cache[3] || (_cache[3] = (item) => onOperation(item))
+                }, null, 8, ["options"]),
                 vue.renderSlot(_ctx.$slots, dataSlot.top)
               ], 2),
               props.config.setColumn ? (vue.openBlock(), vue.createBlock(setColumn.default, {
                 key: 0,
                 modelValue: setList.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => setList.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => setList.value = $event),
                 list: props.list
               }, null, 8, ["modelValue", "list"])) : vue.createCommentVNode("", true)
             ], 2),
@@ -703,26 +695,17 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               options: props.options,
               compons: props.compons,
               list: tableList.value,
-              onSelection: _cache[4] || (_cache[4] = (array) => selection.value = array),
+              onSelection: _cache[5] || (_cache[5] = (array) => selection.value = array),
               onChange: onRowClick
             }, vue.createSlots({
               operation: vue.withCtx(({ row }) => [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("operations"))
                 }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(operationColumn), (item, index2) => {
-                    return vue.openBlock(), vue.createBlock(vue.unref(index$7.ElButton), {
-                      key: index2,
-                      type: item.type,
-                      text: item.text,
-                      onClick: vue.withModifiers(($event) => onOperation(item, row), ["stop"])
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.createTextVNode(vue.toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type", "text", "onClick"]);
-                  }), 128)),
+                  vue.createVNode(vue.unref(index$7.Buttons), {
+                    options: vue.unref(operationColumn),
+                    onClicks: (item) => onOperation(item, row)
+                  }, null, 8, ["options", "onClicks"]),
                   vue.renderSlot(_ctx.$slots, dataSlot.operation, { row })
                 ], 2)
               ]),

package/dist/components/page/src/index2.js

@@ -1,12 +1,12 @@
-import { defineComponent, useSlots, ref, computed, reactive, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, mergeProps, createSlots, renderList, renderSlot, normalizeProps, Fragment, withModifiers, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useSlots, ref, computed, reactive, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, mergeProps, createSlots, renderList, renderSlot, normalizeProps } from "vue";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { Forms } from "../../forms/index.js";
 import { Tablesp } from "../../tablesp/index.js";
 import { List } from "../../list/index.js";
 import { Dialogs } from "../../dialogs/index.js";
-import { ElButton } from "element-plus/es/components/button/index";
-import { ElMessage } from "element-plus/es/components/message/index";
-import { ElMessageBox } from "element-plus/es/components/message-box/index";
+import { Buttons } from "../../buttons/index.js";
+import { Message } from "../../message/index.js";
+import { MessageBox } from "../../message-box/index.js";
 import { dataEmits, dataProps } from "./data.js";
 import SetColumn from "./set-column.js";
 import { comHandle } from "../../common/urls.js";
@@ -257,7 +257,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       array.forEach((obj) => {
         ts.push(name + "：" + (obj[label] ?? ""));
       });
-      ElMessageBox.confirm(ts.join("<br>"), "提示", {
+      MessageBox.confirm(ts.join("<br>"), "提示", {
         confirmButtonText: "确认",
         cancelButtonText: "取消",
         type: "warning",
@@ -282,10 +282,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
           comHandle(param, value).then((res) => {
             if (res.result) {
-              ElMessage.success(res.info || "删除成功");
+              Message.success(res.info || "删除成功");
               onRefresh();
             } else {
-              ElMessage.error(res.info || "删除失败");
+              Message.error(res.info || "删除失败");
             }
           }).catch((err) => {
             console.error("删除失败", err);
@@ -316,7 +316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } else if (item.prop === 8) {
         console.log("批量删除", selection.value);
         if (selection.value.length === 0) {
-          ElMessage.warning("请至少选择一条记录");
+          Message.warning("请至少选择一条记录");
           return;
         }
         onDelete(selection.value);
@@ -341,7 +341,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               details.value = res.data || row;
               details.visible = true;
             } else {
-              ElMessage.error(res.info || "查询详情失败");
+              Message.error(res.info || "查询详情失败");
             }
           }).catch((err) => {
             console.error("查询详情失败", err);
@@ -417,13 +417,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }
               comHandle(param, data).then((res) => {
                 if (res.result) {
-                  ElMessage.success(
+                  Message.success(
                     res.info || "添加成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  ElMessage.error(res.info || "添加失败");
+                  Message.error(res.info || "添加失败");
                 }
               }).catch((err) => {
                 console.error("添加失败", err);
@@ -451,13 +451,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }
               comHandle(param, data).then((res) => {
                 if (res.result) {
-                  ElMessage.success(
+                  Message.success(
                     res.info || "编辑成功"
                   );
                   dialog.visible = false;
                   onRefresh();
                 } else {
-                  ElMessage.error(res.info || "编辑失败");
+                  Message.error(res.info || "编辑失败");
                 }
               }).catch((err) => {
                 console.error("编辑失败", err);
@@ -638,7 +638,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(Forms), mergeProps((_b = props.config.query) == null ? void 0 : _b.config, {
               query: "",
               "label-position": "auto",
-              "model-value": props.value,
+              "model-value": props.query,
               options: props.options,
               compons: props.compons,
               list: listQuery.value,
@@ -670,24 +670,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", {
                 class: normalizeClass(unref(cs).z("top-operation"))
               }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationTop), (item, index) => {
-                  return openBlock(), createBlock(unref(ElButton), {
-                    key: index,
-                    type: item.type,
-                    onClick: withModifiers(($event) => onOperation(item), ["stop"])
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(item.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["type", "onClick"]);
-                }), 128)),
+                createVNode(unref(Buttons), {
+                  options: unref(operationTop),
+                  onClicks: _cache[3] || (_cache[3] = (item) => onOperation(item))
+                }, null, 8, ["options"]),
                 renderSlot(_ctx.$slots, dataSlot.top)
               ], 2),
               props.config.setColumn ? (openBlock(), createBlock(SetColumn, {
                 key: 0,
                 modelValue: setList.value,
-                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => setList.value = $event),
+                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => setList.value = $event),
                 list: props.list
               }, null, 8, ["modelValue", "list"])) : createCommentVNode("", true)
             ], 2),
@@ -701,26 +693,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               options: props.options,
               compons: props.compons,
               list: tableList.value,
-              onSelection: _cache[4] || (_cache[4] = (array) => selection.value = array),
+              onSelection: _cache[5] || (_cache[5] = (array) => selection.value = array),
               onChange: onRowClick
             }, createSlots({
               operation: withCtx(({ row }) => [
                 createElementVNode("div", {
                   class: normalizeClass(unref(cs).z("operations"))
                 }, [
-                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(operationColumn), (item, index) => {
-                    return openBlock(), createBlock(unref(ElButton), {
-                      key: index,
-                      type: item.type,
-                      text: item.text,
-                      onClick: withModifiers(($event) => onOperation(item, row), ["stop"])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["type", "text", "onClick"]);
-                  }), 128)),
+                  createVNode(unref(Buttons), {
+                    options: unref(operationColumn),
+                    onClicks: (item) => onOperation(item, row)
+                  }, null, 8, ["options", "onClicks"]),
                   renderSlot(_ctx.$slots, dataSlot.operation, { row })
                 ], 2)
               ]),

package/dist/components/page/src/set-column.cjs

@@ -3,5 +3,5 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const setColumn_vue_vue_type_script_setup_true_lang = require("./set-column2.cjs");
 ;/* empty css              */
 const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
-const SetColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(setColumn_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f43f186a"]]);
+const SetColumn = /* @__PURE__ */ _pluginVue_exportHelper.default(setColumn_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-ad509651"]]);
 exports.default = SetColumn;

package/dist/components/page/src/set-column.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./set-column2.js";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const SetColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f43f186a"]]);
+const SetColumn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad509651"]]);
 export {
   SetColumn as default
 };