@fangzhongya/fang-ui 0.1.37 → 0.1.38

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

@@ -9,19 +9,19 @@ const index$2 = require("../../../hooks/cssname/index.cjs");
 const tooltip = require("../../tables/common/tooltip.cjs");
 const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
-require("../../tables/common/img.cjs");
-require("../../tables/common/table-but.cjs");
-require("../../tables/common/table-color.cjs");
-require("../../tables/common/table-list.cjs");
-const img_vue_vue_type_script_setup_true_lang = require("../../tables/common/img2.cjs");
-const tableList_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-list2.cjs");
-const tableColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-color2.cjs");
-const tableBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/table-but2.cjs");
+require("../../tables/common/com-fig.cjs");
+require("../../tables/common/com-but.cjs");
+require("../../tables/common/com-color.cjs");
+require("../../tables/common/com-lis.cjs");
+const comFig_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-fig2.cjs");
+const comLis_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-lis2.cjs");
+const comColor_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-color2.cjs");
+const comBut_vue_vue_type_script_setup_true_lang = require("../../tables/common/com-but2.cjs");
 const Components = {
-  But: tableBut_vue_vue_type_script_setup_true_lang.default,
-  Color: tableColor_vue_vue_type_script_setup_true_lang.default,
-  List: tableList_vue_vue_type_script_setup_true_lang.default,
-  Img: img_vue_vue_type_script_setup_true_lang.default
+  But: comBut_vue_vue_type_script_setup_true_lang.default,
+  Color: comColor_vue_vue_type_script_setup_true_lang.default,
+  Lis: comLis_vue_vue_type_script_setup_true_lang.default,
+  Fig: comFig_vue_vue_type_script_setup_true_lang.default
 };
 const _sfc_main = vue.defineComponent({
   name: data.name,
@@ -251,7 +251,12 @@ const _sfc_main = vue.defineComponent({
               },
               title: obj.title,
               onMouseenter: ($event) => handleCellMouseEnter($event, obj),
-              onMouseleave: handleCellMouseLeave
+              onMouseleave: handleCellMouseLeave,
+              onClick(event) {
+                if (obj.click) {
+                  obj.click(event, props, obj);
+                }
+              }
             },
             [
               util.setSslot(

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

@@ -7,19 +7,19 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { hideTooltip, showTooltip } from "../../tables/common/tooltip.js";
 import { usePropsDefault, getProps } from "../../../hooks/props-default/index.js";
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
-import "../../tables/common/img.js";
-import "../../tables/common/table-but.js";
-import "../../tables/common/table-color.js";
-import "../../tables/common/table-list.js";
-import _sfc_main$1 from "../../tables/common/img2.js";
-import _sfc_main$2 from "../../tables/common/table-list2.js";
-import _sfc_main$3 from "../../tables/common/table-color2.js";
-import _sfc_main$4 from "../../tables/common/table-but2.js";
+import "../../tables/common/com-fig.js";
+import "../../tables/common/com-but.js";
+import "../../tables/common/com-color.js";
+import "../../tables/common/com-lis.js";
+import _sfc_main$1 from "../../tables/common/com-fig2.js";
+import _sfc_main$2 from "../../tables/common/com-lis2.js";
+import _sfc_main$3 from "../../tables/common/com-color2.js";
+import _sfc_main$4 from "../../tables/common/com-but2.js";
 const Components = {
   But: _sfc_main$4,
   Color: _sfc_main$3,
-  List: _sfc_main$2,
-  Img: _sfc_main$1
+  Lis: _sfc_main$2,
+  Fig: _sfc_main$1
 };
 const _sfc_main = defineComponent({
   name,
@@ -249,7 +249,12 @@ const _sfc_main = defineComponent({
               },
               title: obj.title,
               onMouseenter: ($event) => handleCellMouseEnter($event, obj),
-              onMouseleave: handleCellMouseLeave
+              onMouseleave: handleCellMouseLeave,
+              onClick(event) {
+                if (obj.click) {
+                  obj.click(event, props, obj);
+                }
+              }
             },
             [
               setSslot(

package/dist/components/list/src/util.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("vue");
 const use = require("../../common/use.cjs");
+const util = require("../../tables/common/util.cjs");
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -23,14 +24,22 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
         optionss,
         compons,
         emit,
-        index
+        index,
+        {
+          options: props.options,
+          config: props
+        }
       );
       if (column) {
         return column;
       }
     }
   }
-  return use.useGetDomValue(obj, data, optionss, index) ?? props.emptyDisplay;
+  const domValue = use.useGetDomValue(obj, data, optionss, index);
+  return setDomValue(domValue, props);
+}
+function setDomValue(domValue, table) {
+  return (util.setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
 }
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
@@ -59,5 +68,6 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   return label;
 }
 exports.setClass = setClass;
+exports.setDomValue = setDomValue;
 exports.setLabel = setLabel;
 exports.setSslot = setSslot;

package/dist/components/list/src/util.d.ts

@@ -4,5 +4,6 @@ type Compons = {
 };
 export declare const setClass: (item: ListObj, data: ObjStr, index: number) => any;
 export declare function setSslot(obj: ListObj, data: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: Function, index?: number): any;
+export declare function setDomValue(domValue: any, table: ObjAny): any;
 export declare function setLabel(obj: ObjAny, props: ObjAny, compons: Compons, emit: Function, slots: ObjAny, isComponSelected: (obj: ObjAny) => boolean, index?: number): any;
 export {};

package/dist/components/list/src/util.js

@@ -1,5 +1,6 @@
 import "vue";
 import { useSetSlot, useSetCompon, useGetDomValue, useGetDomLabel, useLabelAdditional } from "../../common/use.js";
+import { setEmptyDisplay } from "../../tables/common/util.js";
 const setClass = (item, data, index) => {
   const v = data[item.state ?? item.prop];
   if (item.setcss) {
@@ -21,14 +22,22 @@ function setSslot(obj, data, props, compons, emit, slots, isComponSelected, inde
         optionss,
         compons,
         emit,
-        index
+        index,
+        {
+          options: props.options,
+          config: props
+        }
       );
       if (column) {
         return column;
       }
     }
   }
-  return useGetDomValue(obj, data, optionss, index) ?? props.emptyDisplay;
+  const domValue = useGetDomValue(obj, data, optionss, index);
+  return setDomValue(domValue, props);
+}
+function setDomValue(domValue, table) {
+  return (setEmptyDisplay(domValue, table.emptyDisplay, table.isEmptyStr) || domValue) ?? "";
 }
 function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
   let label = obj.label ?? "";
@@ -58,6 +67,7 @@ function setLabel(obj, props, compons, emit, slots, isComponSelected, index) {
 }
 export {
   setClass,
+  setDomValue,
   setLabel,
   setSslot
 };

package/dist/components/list/style/index2.scss

@@ -1,3 +1,4 @@
 @use '../../tooltip/style/index2.scss' as *;
 @use '../../button/style/index2.scss' as *;
+@use '../../image/style/index2.scss' as *;
 @use '../index.scss' as *;

package/dist/components/lists/index.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

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

@@ -162,11 +162,11 @@ export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
  * @expose clearSelection ( ) 清除多选
- * @expose toggleRowSelectionList (row, selected, key ) 切换选择
- * @expose clearSelectionList ( ) 清空选中
+ * @expose toggleRowSelection (row, selected, key ) 切换选择
+ * @expose clearCurrentRow ( ) 清空选中
  * @expose { Object: {  value: 值,
                     list: 当前列,
-                    key: key的名称,} } getRowSelectionsCheckList (row, key ) 获取选中的值
+                    key: key的名称,} } getSelections (row, key ) 获取选中的值
  */
 export declare const dataExpose: {};
 export declare const dataSlot: {

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

@@ -211,12 +211,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, () => [
                 vue.createVNode(vue.unref(index$4.Card), null, vue.createSlots({
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$5.List), {
+                    vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                       value: item,
                       list: setListValue(dataList.value, index2),
                       options: vue.unref(props).options,
                       compons: vue.unref(props).compons
-                    }, vue.createSlots({ _: 2 }, [
+                    }), vue.createSlots({ _: 2 }, [
                       vue.renderList(Object.keys(vue.unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
                       ), (k) => {
@@ -227,19 +227,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ])
                         };
                       })
-                    ]), 1032, ["value", "list", "options", "compons"])
+                    ]), 1040, ["value", "list", "options", "compons"])
                   ]),
                   _: 2
                 }, [
                   header.value.length > 0 ? {
                     name: "header",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$5.List), {
+                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                         value: item,
                         list: setListValue(header.value, index2),
                         options: vue.unref(props).options,
                         compons: vue.unref(props).compons
-                      }, vue.createSlots({ _: 2 }, [
+                      }), vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -250,19 +250,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ])
                           };
                         })
-                      ]), 1032, ["value", "list", "options", "compons"])
+                      ]), 1040, ["value", "list", "options", "compons"])
                     ]),
                     key: "0"
                   } : void 0,
                   footer.value.length > 0 ? {
                     name: "footer",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$5.List), {
+                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                         value: item,
                         list: setListValue(footer.value, index2),
                         options: vue.unref(props).options,
                         compons: vue.unref(props).compons
-                      }, vue.createSlots({ _: 2 }, [
+                      }), vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -273,7 +273,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ])
                           };
                         })
-                      ]), 1032, ["value", "list", "options", "compons"])
+                      ]), 1040, ["value", "list", "options", "compons"])
                     ]),
                     key: "1"
                   } : void 0

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

@@ -209,12 +209,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, () => [
                 createVNode(unref(Card), null, createSlots({
                   default: withCtx(() => [
-                    createVNode(unref(List), {
+                    createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                       value: item,
                       list: setListValue(dataList.value, index),
                       options: unref(props).options,
                       compons: unref(props).compons
-                    }, createSlots({ _: 2 }, [
+                    }), createSlots({ _: 2 }, [
                       renderList(Object.keys(unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
                       ), (k) => {
@@ -225,19 +225,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         };
                       })
-                    ]), 1032, ["value", "list", "options", "compons"])
+                    ]), 1040, ["value", "list", "options", "compons"])
                   ]),
                   _: 2
                 }, [
                   header.value.length > 0 ? {
                     name: "header",
                     fn: withCtx(() => [
-                      createVNode(unref(List), {
+                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                         value: item,
                         list: setListValue(header.value, index),
                         options: unref(props).options,
                         compons: unref(props).compons
-                      }, createSlots({ _: 2 }, [
+                      }), createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -248,19 +248,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ])
                           };
                         })
-                      ]), 1032, ["value", "list", "options", "compons"])
+                      ]), 1040, ["value", "list", "options", "compons"])
                     ]),
                     key: "0"
                   } : void 0,
                   footer.value.length > 0 ? {
                     name: "footer",
                     fn: withCtx(() => [
-                      createVNode(unref(List), {
+                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                         value: item,
                         list: setListValue(footer.value, index),
                         options: unref(props).options,
                         compons: unref(props).compons
-                      }, createSlots({ _: 2 }, [
+                      }), createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -271,7 +271,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ])
                           };
                         })
-                      ]), 1032, ["value", "list", "options", "compons"])
+                      ]), 1040, ["value", "list", "options", "compons"])
                     ]),
                     key: "1"
                   } : void 0

package/dist/components/listsp/index.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/components/listspd/index.css

@@ -101,7 +101,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/components/no-data/src/data.cjs

@@ -4,10 +4,10 @@ const buildProps = require("../../../utils/vues/buildProps.cjs");
 const name = "no-data";
 const dataProps = buildProps.buildProps({
   /**
-   * @props { String } text='暂无数据' ( )
+   * @props { String } value='暂无数据' ( )
    * 提示文本
    */
-  text: {
+  value: {
     type: String
   }
 });

package/dist/components/no-data/src/data.d.ts

@@ -5,10 +5,10 @@ import { ExtractPublicPropTypes } from 'vue';
 export declare const name = "no-data";
 export declare const dataProps: {
     /**
-     * @props { String } text='暂无数据' ( )
+     * @props { String } value='暂无数据' ( )
      * 提示文本
      */
-    text: {
+    value: {
         type: StringConstructor;
     };
 };

package/dist/components/no-data/src/data.js

@@ -2,10 +2,10 @@ import { buildProps } from "../../../utils/vues/buildProps.js";
 const name = "no-data";
 const dataProps = buildProps({
   /**
-   * @props { String } text='暂无数据' ( )
+   * @props { String } value='暂无数据' ( )
    * 提示文本
    */
-  text: {
+  value: {
     type: String
   }
 });

package/dist/components/no-data/src/index2.cjs

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const cs = index$1.useCssName(data.name);
     const prs = __props;
     const props = index$2.usePropsDefault(data.name, prs, data.dataProps, {
-      text() {
+      value() {
         return getLocale("nodata");
       }
     });
@@ -26,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(props).text), 1)
+        vue.createElementVNode("div", null, vue.toDisplayString(vue.unref(props).value), 1)
       ], 2);
     };
   }

package/dist/components/no-data/src/index2.js

@@ -12,7 +12,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const cs = useCssName(name);
     const prs = __props;
     const props = usePropsDefault(name, prs, dataProps, {
-      text() {
+      value() {
         return getLocale("nodata");
       }
     });
@@ -24,7 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        createElementVNode("div", null, toDisplayString(unref(props).text), 1)
+        createElementVNode("div", null, toDisplayString(unref(props).value), 1)
       ], 2);
     };
   }

package/dist/components/page/index.css

@@ -719,7 +719,7 @@
 }
 .list-div .list-table .list-table-value {
   word-break: break-all;
-  white-space: normal;
+  white-space: pre-wrap;
   max-height: var(--list-row-max-height);
   display: -webkit-box;
   -webkit-line-clamp: var(--list-line-clamp); /* 显示的行数 */

package/dist/components/tables/common/com-but.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const comBut_vue_vue_type_script_setup_true_lang = require("./com-but2.cjs");
+exports.default = comBut_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tables/common/com-but.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./com-but2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/tables/common/{table-but2.cjs → com-but2.cjs}

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index = require("../../button/index.cjs");
+const index$1 = require("../../button/index.cjs");
+const index = require("../../../hooks/cssname/index.cjs");
 const util = require("./util.cjs");
-const _hoisted_1 = { class: "table-but" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "table-but",
+  __name: "com-but",
   props: {
     list: {
       type: Array
@@ -40,6 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   emits: ["but"],
   setup(__props, { emit: __emit }) {
+    const cs = index.useCssName("com-but");
     const props = __props;
     const emit = __emit;
     function setShow(item) {
@@ -75,7 +76,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return setShow(item);
       }
     }
-    function onClick(obj, $event) {
+    function onClick(obj, index2, $event) {
       var _a;
       util.eventAliass(
         (callback) => {
@@ -94,26 +95,29 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("but", obj);
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("span", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.list, (item, index$1) => {
-          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index$1 }, [
-            getHide(item) ? (vue.openBlock(), vue.createBlock(vue.unref(index.Button), vue.mergeProps({
+      return vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.list, (item, index2) => {
+          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
+            getHide(item) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.Button), vue.mergeProps({
               key: 0,
-              class: "table-but-li"
-            }, { ref_for: true }, item, {
+              ref_for: true
+            }, item, {
+              class: [vue.unref(cs).z("li"), item.class],
               link: props.isText ? true : item.link,
               type: item.type ?? "primary",
               disabled: getDisabled(item),
-              onClick: ($event) => onClick(item, $event)
+              onClick: ($event) => onClick(item, index2, $event)
             }), {
               default: vue.withCtx(() => [
                 vue.createTextVNode(vue.toDisplayString(item.label), 1)
               ]),
               _: 2
-            }, 1040, ["link", "type", "disabled", "onClick"])) : vue.createCommentVNode("", true)
+            }, 1040, ["class", "link", "type", "disabled", "onClick"])) : vue.createCommentVNode("", true)
           ], 64);
         }), 128))
-      ]);
+      ], 2);
     };
   }
 });

package/dist/components/tables/common/{table-but2.js → com-but2.js}

@@ -1,9 +1,9 @@
-import { defineComponent, createElementBlock, openBlock, Fragment, renderList, createBlock, createCommentVNode, unref, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createBlock, createCommentVNode, mergeProps, withCtx, createTextVNode, toDisplayString } from "vue";
 import { Button } from "../../button/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
 import { eventAliass } from "./util.js";
-const _hoisted_1 = { class: "table-but" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "table-but",
+  __name: "com-but",
   props: {
     list: {
       type: Array
@@ -38,6 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["but"],
   setup(__props, { emit: __emit }) {
+    const cs = useCssName("com-but");
     const props = __props;
     const emit = __emit;
     function setShow(item) {
@@ -73,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return setShow(item);
       }
     }
-    function onClick(obj, $event) {
+    function onClick(obj, index, $event) {
       var _a;
       eventAliass(
         (callback) => {
@@ -92,26 +93,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("but", obj);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", _hoisted_1, [
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(unref(cs).z())
+      }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(props.list, (item, index) => {
           return openBlock(), createElementBlock(Fragment, { key: index }, [
             getHide(item) ? (openBlock(), createBlock(unref(Button), mergeProps({
               key: 0,
-              class: "table-but-li"
-            }, { ref_for: true }, item, {
+              ref_for: true
+            }, item, {
+              class: [unref(cs).z("li"), item.class],
               link: props.isText ? true : item.link,
               type: item.type ?? "primary",
               disabled: getDisabled(item),
-              onClick: ($event) => onClick(item, $event)
+              onClick: ($event) => onClick(item, index, $event)
             }), {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(item.label), 1)
               ]),
               _: 2
-            }, 1040, ["link", "type", "disabled", "onClick"])) : createCommentVNode("", true)
+            }, 1040, ["class", "link", "type", "disabled", "onClick"])) : createCommentVNode("", true)
           ], 64);
         }), 128))
-      ]);
+      ], 2);
     };
   }
 });

package/dist/components/tables/common/com-color.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const comColor_vue_vue_type_script_setup_true_lang = require("./com-color2.cjs");
+exports.default = comColor_vue_vue_type_script_setup_true_lang.default;

package/dist/components/tables/common/com-color.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./com-color2.js";
+export {
+  _sfc_main as default
+};