@newview/ui 1.1.12 → 1.1.14

package/dist/newview-ui.js

@@ -5,7 +5,7 @@ var __publicField2 = (obj, key2, value) => {
   return value;
 };
 import { BaseInstance } from "@newview/base-vue";
-import { openBlock, createElementBlock, normalizeStyle, defineComponent, ref, resolveComponent, createVNode, reactive, watch, onMounted, onUnmounted, createBlock, withCtx, createElementVNode, Fragment, renderList, normalizeClass, withDirectives, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createSlots, vShow, h, computed, nextTick, mergeProps, toHandlers, withModifiers, createApp, getCurrentInstance, pushScopeId, popScopeId } from "vue";
+import { openBlock, createElementBlock, normalizeStyle, defineComponent, ref, resolveComponent, createVNode, reactive, watch, onMounted, onUnmounted, createBlock, withCtx, createElementVNode, Fragment, renderList, normalizeClass, withDirectives, createTextVNode, toDisplayString, renderSlot, createCommentVNode, createSlots, vShow, h, computed, nextTick, mergeProps, toHandlers, pushScopeId, popScopeId, withModifiers, createApp, getCurrentInstance } from "vue";
 import { VxeColumn, VxeColgroup, VxeGrid, VxeTable } from "vxe-table";
 import { utilities } from "@newview/tools";
 import { Space, Icon, Drawer, Button } from "view-ui-plus";
@@ -17805,7 +17805,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$h = {
+const _sfc_main$i = {
   name: "BAceEditor",
   props: {
     modelValue: String,
@@ -17944,13 +17944,13 @@ const _sfc_main$h = {
     }
   }
 };
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: "bin-editor-next",
     style: normalizeStyle($options.wrapStyles)
   }, null, 4);
 }
-const BinEditor = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h]]);
+const BinEditor = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
 var ace$1 = { exports: {} };
 (function(module, exports) {
   (function() {
@@ -30038,7 +30038,7 @@ var json$1 = { exports: {} };
     });
   })();
 })(json$1);
-const propDefine$q = {
+const propDefine$r = {
   lang: {
     // 代码编辑器语言 json/javascript/java/sql/elixir/html/css 
     type: String,
@@ -30075,12 +30075,12 @@ const propDefine$q = {
     default: {}
   }
 };
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "NvEditor",
   components: { BinEditor },
   emits: [""],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$q,
+  props: propDefine$r,
   setup(props, ctx) {
     return new EditorInstance$1(props, ctx);
   }
@@ -30123,7 +30123,7 @@ let EditorInstance$1 = class EditorInstance2 extends BaseInstance {
 };
 const Editor_vue_vue_type_style_index_0_scoped_cf6872cf_lang = "";
 const _hoisted_1$c = { class: "monacoEditor" };
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_BinEditor = resolveComponent("BinEditor");
   return openBlock(), createElementBlock("div", _hoisted_1$c, [
     createVNode(_component_BinEditor, {
@@ -30141,8 +30141,8 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["modelValue", "lang", "readonly", "font-size", "wrap", "snippets", "options", "styles"])
   ]);
 }
-const Editor = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g], ["__scopeId", "data-v-cf6872cf"]]);
-const propDefine$p = {
+const Editor = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h], ["__scopeId", "data-v-cf6872cf"]]);
+const propDefine$q = {
   placeholder: {
     // 占位文本
     type: String,
@@ -30169,12 +30169,12 @@ const propDefine$p = {
     default: false
   }
 };
-const _sfc_main$f = defineComponent({
+const _sfc_main$g = defineComponent({
   name: "NvIconSelect",
   components: {},
   emits: ["update:modelValue", "change"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$p,
+  props: propDefine$q,
   setup(props, ctx) {
     return new IconSelectInstance(props, ctx);
   }
@@ -31098,7 +31098,7 @@ const _hoisted_1$b = { class: "icon-select" };
 const _hoisted_2$9 = { class: "icon-select-search" };
 const _hoisted_3$7 = { class: "icon-select-list" };
 const _hoisted_4$6 = ["onClick", "title"];
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   const _component_Input = resolveComponent("Input");
   const _component_Poptip = resolveComponent("Poptip");
@@ -31163,8 +31163,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue"]))
   ]);
 }
-const NvIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
-const propDefine$o = {
+const NvIconSelect = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
+const propDefine$p = {
   onlyView: {
     // 是否只读
     type: Boolean,
@@ -31182,11 +31182,11 @@ const propDefine$o = {
     }
   }
 };
-const _sfc_main$e = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "NvComForm",
   components: { NvIconSelect },
   emits: [""],
-  props: propDefine$o,
+  props: propDefine$p,
   setup(props, ctx) {
     return new ComFormInstance$1(props, ctx);
   }
@@ -31323,7 +31323,7 @@ let ComFormInstance$1 = class ComFormInstance2 extends BaseInstance {
 const ComForm_vue_vue_type_style_index_0_scoped_f1e7ddce_lang = "";
 const _hoisted_1$a = { class: "comForm" };
 const _hoisted_2$8 = { key: 1 };
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_com_form = resolveComponent("com-form", true);
   const _component_Card = resolveComponent("Card");
   const _component_Switch = resolveComponent("Switch");
@@ -31840,9 +31840,9 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ]);
 }
-const ComForm = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-f1e7ddce"]]);
+const ComForm = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f], ["__scopeId", "data-v-f1e7ddce"]]);
 const style = "";
-const propDefine$n = {
+const propDefine$o = {
   options: {
     // SearchCom 配置项
     type: Array,
@@ -31859,11 +31859,11 @@ const propDefine$n = {
     default: () => 80
   }
 };
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "NvSearchCom",
   components: {},
   emits: ["search"],
-  props: propDefine$n,
+  props: propDefine$o,
   setup(props, ctx) {
     return new SearchComInstance$1(props, ctx);
   }
@@ -31979,7 +31979,7 @@ let SearchComInstance$1 = class SearchComInstance2 extends BaseInstance {
   //#endregion AutoComplete END
 };
 const SearchCom_vue_vue_type_style_index_0_scoped_cda08489_lang = "";
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Input = resolveComponent("Input");
   const _component_Radio = resolveComponent("Radio");
   const _component_RadioGroup = resolveComponent("RadioGroup");
@@ -32166,8 +32166,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["model", "label-width"]);
 }
-const SearchCom = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-cda08489"]]);
-const propDefine$m = {
+const SearchCom = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e], ["__scopeId", "data-v-cda08489"]]);
+const propDefine$n = {
   options: {
     // 配置项
     type: Array,
@@ -32189,11 +32189,11 @@ const propDefine$m = {
     default: 3
   }
 };
-const _sfc_main$c = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "NvToolbar",
   components: {},
   emits: [""],
-  props: propDefine$m,
+  props: propDefine$n,
   setup(props, ctx) {
     return new ToolbarInstance$1(props, ctx);
   }
@@ -32265,6 +32265,28 @@ let ToolbarInstance$1 = class ToolbarInstance2 extends BaseInstance {
       }
       return isShow;
     });
+    /**
+     * 获取Icon
+     * @param item 
+     * @returns 
+     */
+    __publicField2(this, "getIcon", (item2) => {
+      if (this.utilities.isNull(item2.icon) || item2.icon.indexOf("fa-") != -1) {
+        return "";
+      }
+      return item2.icon;
+    });
+    /**
+     * 是否为Fa Icon
+     * @param item 
+     * @returns 
+     */
+    __publicField2(this, "isFaIcon", (item2) => {
+      if (this.utilities.isNull(item2.icon)) {
+        return false;
+      }
+      return item2.icon.indexOf("fa-") != -1;
+    });
     this.props = props;
     this.ctx = ctx;
     this.useToolbar();
@@ -32301,13 +32323,14 @@ let ToolbarInstance$1 = class ToolbarInstance2 extends BaseInstance {
   }
   //#endregion 业务逻辑 END
 };
-const Toolbar_vue_vue_type_style_index_0_scoped_1f3a17bf_lang = "";
+const Toolbar_vue_vue_type_style_index_0_scoped_69337cbe_lang = "";
 const _hoisted_1$9 = { class: "toolbar" };
 const _hoisted_2$7 = { style: { "display": "none" } };
 const _hoisted_3$6 = { key: 0 };
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = resolveComponent("Button");
   const _component_ButtonGroup = resolveComponent("ButtonGroup");
+  const _component_Divider = resolveComponent("Divider");
   const _component_Icon = resolveComponent("Icon");
   const _component_DropdownItem = resolveComponent("DropdownItem");
   const _component_DropdownMenu = resolveComponent("DropdownMenu");
@@ -32350,24 +32373,27 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.showOptions, (item2, index2) => {
           return openBlock(), createElementBlock(Fragment, null, [
-            _ctx.isIconButton ? (openBlock(), createBlock(_component_Button, {
+            item2.type == "divider" ? (openBlock(), createBlock(_component_Divider, {
               key: 0,
+              type: "vertical"
+            })) : _ctx.isIconButton ? (openBlock(), createBlock(_component_Button, {
               disabled: _ctx.getIsEnable(item2),
-              icon: item2.icon,
+              icon: _ctx.getIcon(item2),
               "custom-icon": item2.icon,
               onClick: ($event) => item2.onclick ? item2.onclick() : {},
               title: item2.text,
-              loading: item2.loading ? item2.loading() : false
+              loading: item2.loading ? item2.loading() : false,
+              key: item2.name
             }, null, 8, ["disabled", "icon", "custom-icon", "onClick", "title", "loading"])) : (openBlock(), createBlock(_component_Button, {
-              key: 1,
               disabled: _ctx.getIsEnable(item2),
-              icon: item2.icon,
+              icon: _ctx.getIcon(item2),
               "custom-icon": item2.icon,
               type: item2.type ? item2.type : "default",
               onClick: ($event) => item2.onclick ? item2.onclick() : {},
               size: item2.size ? item2.size : "default",
               title: item2.name,
-              loading: item2.loading ? item2.loading() : false
+              loading: item2.loading ? item2.loading() : false,
+              key: item2.name
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(_ctx.isIconButton ? "" : item2.text), 1)
@@ -32389,9 +32415,13 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
                     name: item2.name
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_Icon, {
+                      _ctx.isFaIcon(item2) ? (openBlock(), createElementBlock("i", {
+                        key: 0,
+                        class: normalizeClass(item2.icon)
+                      }, null, 2)) : (openBlock(), createBlock(_component_Icon, {
+                        key: 1,
                         type: item2.icon
-                      }, null, 8, ["type"]),
+                      }, null, 8, ["type"])),
                       createTextVNode(" " + toDisplayString(item2.text), 1)
                     ]),
                     _: 2
@@ -32417,7 +32447,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }))
   ]);
 }
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-1f3a17bf"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d], ["__scopeId", "data-v-69337cbe"]]);
 const GridCellContent = defineComponent({
   name: "GridCellContent",
   props: {
@@ -32453,7 +32483,7 @@ const GridTitleContent = defineComponent({
     return this.$props.column.titleFormat(h, this.$props.column);
   }
 });
-const propDefine$l = {
+const propDefine$m = {
   columns: {
     // 列配置项
     type: Array,
@@ -32465,11 +32495,11 @@ const propDefine$l = {
     }
   }
 };
-const _sfc_main$b = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "GridColumn",
   components: { VxeColumn, VxeColgroup, GridCellContent, GridTitleContent },
   emits: ["clearRadioRow", "change", "delete", "addchild"],
-  props: propDefine$l,
+  props: propDefine$m,
   setup(props, ctx) {
     return new GridColumnInstance(props, ctx);
   }
@@ -32827,9 +32857,9 @@ class GridColumnInstance extends BaseInstance {
   //#endregion 事件 END
 }
 const GridColumn_vue_vue_type_style_index_0_lang = "";
-const GridColumn_vue_vue_type_style_index_1_scoped_d4d8834b_lang = "";
+const GridColumn_vue_vue_type_style_index_1_scoped_edaf2a4d_lang = "";
 const _hoisted_1$8 = { class: "gridColumn" };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_GridTitleContent = resolveComponent("GridTitleContent");
   const _component_grid_column = resolveComponent("grid-column", true);
   const _component_vxe_colgroup = resolveComponent("vxe-colgroup");
@@ -33061,6 +33091,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
             _: 2
           }, 1032, ["field", "min-width", "width", "resizable", "visible", "fixed", "align", "header-align", "footer-align", "show-overflow", "show-header-overflow", "show-footer-overflow", "class-name", "header-class-name", "footer-class-name", "formatter", "sortable", "sort-by", "sort-type", "tree-node"])) : _ctx.getHasRowButton(column) ? (openBlock(), createBlock(_component_vxe_column, {
             key: 5,
+            field: column.field,
             "min-width": column.minWidth,
             width: column.width,
             align: "center",
@@ -33091,7 +33122,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
               }, 1024)
             ]),
             _: 2
-          }, 1032, ["min-width", "width"])) : (openBlock(), createBlock(_component_vxe_column, {
+          }, 1032, ["field", "min-width", "width"])) : (openBlock(), createBlock(_component_vxe_column, {
             key: 6,
             field: column.field,
             "min-width": column.minWidth,
@@ -33130,8 +33161,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     }), 256))
   ]);
 }
-const GridColumn = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-d4d8834b"]]);
-const propDefine$k = {
+const GridColumn = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c], ["__scopeId", "data-v-edaf2a4d"]]);
+const propDefine$l = {
   option: {
     // Gird 配置项
     type: Object,
@@ -33167,7 +33198,7 @@ const propDefine$k = {
     default: ""
   }
 };
-const _sfc_main$a = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "NvGrid",
   components: {
     VxeGrid,
@@ -33178,7 +33209,7 @@ const _sfc_main$a = defineComponent({
     GridColumn
   },
   emits: [""],
-  props: propDefine$k,
+  props: propDefine$l,
   setup(props, ctx) {
     return new GridInstance$1(props, ctx);
   }
@@ -33549,6 +33580,26 @@ let GridInstance$1 = class GridInstance2 extends BaseInstance {
       }
       return true;
     });
+    /**
+     * 行附加 className
+     * @returns 
+     */
+    __publicField2(this, "getRowClassName", () => {
+      if (this.props.option.setting) {
+        return this.props.option.setting.rowClassName;
+      }
+      return "";
+    });
+    /**
+     * 单元格附加 className
+     * @returns 
+     */
+    __publicField2(this, "getCellClassName", () => {
+      if (this.props.option.setting) {
+        return this.props.option.setting.cellClassName;
+      }
+      return "";
+    });
     /**
      * 启用双击展开行
      * @returns 
@@ -34269,7 +34320,8 @@ let GridInstance$1 = class GridInstance2 extends BaseInstance {
   }
   //#endregion 公开方法 END
 };
-const Grid_vue_vue_type_style_index_0_scoped_fef3e24f_lang = "";
+const Grid_vue_vue_type_style_index_0_scoped_636503f8_lang = "";
+const _withScopeId$1 = (n) => (pushScopeId("data-v-636503f8"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = { class: "nv-crud" };
 const _hoisted_2$6 = { class: "nv-crud-body" };
 const _hoisted_3$5 = { class: "nv-crud-body-search" };
@@ -34285,11 +34337,12 @@ const _hoisted_6$1 = {
   class: "nv-crud-body-table",
   ref: "crudTable"
 };
-const _hoisted_7$1 = {
+const _hoisted_7$1 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "grid-msg" }, "加载中...", -1));
+const _hoisted_8$1 = {
   key: 0,
   class: "nv-crud-footer"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_search_com = resolveComponent("search-com");
   const _component_Divider = resolveComponent("Divider");
   const _component_toolbar = resolveComponent("toolbar");
@@ -34297,6 +34350,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Col = resolveComponent("Col");
   const _component_Button = resolveComponent("Button");
   const _component_Row = resolveComponent("Row");
+  const _component_Icon = resolveComponent("Icon");
   const _component_Spin = resolveComponent("Spin");
   const _component_grid_column = resolveComponent("grid-column");
   const _component_vxe_table = resolveComponent("vxe-table");
@@ -34372,10 +34426,20 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ])) : createCommentVNode("", true),
       createElementVNode("div", _hoisted_6$1, [
-        _ctx.loadDataing ? (openBlock(), createBlock(_component_Spin, {
-          key: 0,
-          fix: ""
-        })) : createCommentVNode("", true),
+        createVNode(_component_Spin, {
+          fix: "",
+          show: _ctx.loadDataing
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_Icon, {
+              type: "ios-loading",
+              size: "24",
+              class: "grid-icon-load"
+            }),
+            _hoisted_7$1
+          ]),
+          _: 1
+        }, 8, ["show"]),
         withDirectives(createVNode(_component_vxe_table, mergeProps(toHandlers(_ctx.gridEvents), {
           ref: "xTable",
           size: "small",
@@ -34385,6 +34449,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
           "column-config": { resizable: true },
           border: _ctx.getBorder(),
           "show-header": _ctx.getShowHeader(),
+          "row-class-name": _ctx.getRowClassName(),
+          "cell-class-name": _ctx.getCellClassName(),
           "row-config": _ctx.getRowConfig(),
           "edit-config": _ctx.getEditConfig(),
           "tree-config": _ctx.getTreeConfig(),
@@ -34437,12 +34503,12 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["columns", "xTable", "onClearRadioRow", "onDelete", "onAddchild"])
           ]),
           _: 1
-        }, 16, ["data", "border", "show-header", "row-config", "edit-config", "tree-config", "edit-rules", "menu-config", "onKeydownStart", "onKeydown", "onKeydownEnd", "onPaste", "onCopy", "onCut", "onCurrentChange", "onRadioChange", "onCheckboxChange", "onCheckboxAll", "onCheckboxRangeStart", "onCheckboxRangeChange", "onCheckboxRangeEnd", "onCellClick", "onCellDblclick", "onCellMenu", "onCellMouseenter", "onCellMouseleave", "onHeaderCellClick", "onHeaderCellDblclick", "onHeaderCellMenu", "onFooterCellClick", "onFooterCellDblclick", "onFooterCellMenu", "onSortChange", "onFilterChange", "onResizableChange", "onToggleRowExpand", "onToggleTreeExpand", "onMenuClick", "onEditClosed", "onEditActived", "onEditDisabled", "onValidError", "onScroll", "onCustom"]), [
+        }, 16, ["data", "border", "show-header", "row-class-name", "cell-class-name", "row-config", "edit-config", "tree-config", "edit-rules", "menu-config", "onKeydownStart", "onKeydown", "onKeydownEnd", "onPaste", "onCopy", "onCut", "onCurrentChange", "onRadioChange", "onCheckboxChange", "onCheckboxAll", "onCheckboxRangeStart", "onCheckboxRangeChange", "onCheckboxRangeEnd", "onCellClick", "onCellDblclick", "onCellMenu", "onCellMouseenter", "onCellMouseleave", "onHeaderCellClick", "onHeaderCellDblclick", "onHeaderCellMenu", "onFooterCellClick", "onFooterCellDblclick", "onFooterCellMenu", "onSortChange", "onFilterChange", "onResizableChange", "onToggleRowExpand", "onToggleTreeExpand", "onMenuClick", "onEditClosed", "onEditActived", "onEditDisabled", "onValidError", "onScroll", "onCustom"]), [
           [vShow, _ctx.showTable]
         ])
       ], 512)
     ]),
-    _ctx.getIsPagination() ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+    _ctx.getIsPagination() ? (openBlock(), createElementBlock("div", _hoisted_8$1, [
       createVNode(_component_Page, {
         modelValue: _ctx.pageIndex,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.pageIndex = $event),
@@ -34455,8 +34521,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-fef3e24f"]]);
-const propDefine$j = {
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b], ["__scopeId", "data-v-636503f8"]]);
+const propDefine$k = {
   width: {
     // Box 宽度
     type: String,
@@ -34491,11 +34557,11 @@ const propDefine$j = {
     default: false
   }
 };
-const _sfc_main$9 = defineComponent({
+const _sfc_main$a = defineComponent({
   name: "NvBox",
   components: {},
   emits: ["change", "on-back"],
-  props: propDefine$j,
+  props: propDefine$k,
   setup(props, ctx) {
     return new BoxInstance$1(props, ctx);
   }
@@ -34591,7 +34657,7 @@ const _hoisted_5$3 = {
   key: 3,
   class: "nv-box-footer"
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   const _component_Divider = resolveComponent("Divider");
   const _component_Col = resolveComponent("Col");
@@ -34661,19 +34727,19 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["style"]);
 }
-const Box = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-46073643"]]);
-const propDefine$i = {
+const Box = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a], ["__scopeId", "data-v-46073643"]]);
+const propDefine$j = {
   gutter: {
     // 栅格间的间距
     type: Number,
     default: 0
   }
 };
-const _sfc_main$8 = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "NvPage",
   components: {},
   emits: [""],
-  props: propDefine$i,
+  props: propDefine$j,
   setup(props, ctx) {
     return new PageInstance$1(props, ctx);
   }
@@ -34690,7 +34756,7 @@ let PageInstance$1 = class PageInstance2 extends BaseInstance {
   }
 };
 const Page_vue_vue_type_style_index_0_scoped_22d5952e_lang = "";
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Row = resolveComponent("Row");
   return openBlock(), createBlock(_component_Row, {
     class: "page",
@@ -34702,8 +34768,8 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["gutter"]);
 }
-const Page$1 = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-22d5952e"]]);
-const propDefine$h = {
+const Page$1 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-22d5952e"]]);
+const propDefine$i = {
   splitValue: {
     // 分割值大小
     type: Number,
@@ -34720,12 +34786,12 @@ const propDefine$h = {
     default: "200px"
   }
 };
-const _sfc_main$7 = defineComponent({
+const _sfc_main$8 = defineComponent({
   name: "NvPage2L",
   components: {},
   emits: [""],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$h,
+  props: propDefine$i,
   setup(props, ctx) {
     return new Page2LInstance$1(props, ctx);
   }
@@ -34759,7 +34825,7 @@ let Page2LInstance$1 = class Page2LInstance2 extends BaseInstance {
 const Page2L_vue_vue_type_style_index_0_scoped_92af6688_lang = "";
 const _hoisted_1$5 = { class: "page2L" };
 const _hoisted_2$4 = { class: "md-content" };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Split = resolveComponent("Split");
   const _component_NvPage = resolveComponent("NvPage");
   return openBlock(), createElementBlock("div", _hoisted_1$5, [
@@ -34786,7 +34852,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const Page2L = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-92af6688"]]);
+const Page2L = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-92af6688"]]);
 const ListContent = defineComponent({
   name: "ListContent",
   props: {
@@ -34814,19 +34880,19 @@ const ListContent = defineComponent({
     return "";
   }
 });
-const propDefine$g = {
+const propDefine$h = {
   option: {
     // List 配置项
     type: Object,
     default: () => ({})
   }
 };
-const _sfc_main$6 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "NvList",
   components: { ListContent },
   emits: ["select"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$g,
+  props: propDefine$h,
   setup(props, ctx) {
     return new ListInstance$1(props, ctx);
   }
@@ -34981,7 +35047,7 @@ let ListInstance$1 = class ListInstance2 extends BaseInstance {
 };
 const List_vue_vue_type_style_index_0_scoped_9d6c9980_lang = "";
 const _hoisted_1$4 = { class: "list" };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spin = resolveComponent("Spin");
   const _component_ListContent = resolveComponent("ListContent");
   const _component_Cell = resolveComponent("Cell");
@@ -35032,7 +35098,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["onOnClick"])
   ]);
 }
-const List = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-9d6c9980"]]);
+const List = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-9d6c9980"]]);
 /*! @preserve
  * luckysheet
  * version: 2.1.13
@@ -189034,7 +189100,7 @@ class ReportApi extends BaseInstance {
 }
 class LuckySheet extends ReportApi {
 }
-const propDefine$f = {
+const propDefine$g = {
   width: {
     // 宽度
     type: String,
@@ -189056,12 +189122,12 @@ const propDefine$f = {
     default: ""
   }
 };
-const _sfc_main$5 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "NvControlGroup",
   components: {},
   emits: ["click"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$f,
+  props: propDefine$g,
   setup(props, ctx) {
     return new ControlGroupInstance(props, ctx);
   }
@@ -189099,7 +189165,7 @@ class ControlGroupInstance extends BaseInstance {
   //#endregion 控件组 END
 }
 const ControlGroup_vue_vue_type_style_index_0_scoped_fd687636_lang = "";
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = resolveComponent("Button");
   return openBlock(), createElementBlock("div", {
     class: "controlGroup",
@@ -189123,8 +189189,8 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["icon", "onClick"])) : createCommentVNode("", true)
   ], 4);
 }
-const ControlGroup = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-fd687636"]]);
-const propDefine$e = {
+const ControlGroup = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-fd687636"]]);
+const propDefine$f = {
   linkParam: {
     // 带入的参数
     type: String,
@@ -189136,12 +189202,12 @@ const propDefine$e = {
     default: "-"
   }
 };
-const _sfc_main$4 = defineComponent({
+const _sfc_main$5 = defineComponent({
   name: "LogPanel",
   components: {},
   emits: [""],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$e,
+  props: propDefine$f,
   setup(props, ctx) {
     return new LogPanelInstance(props, ctx);
   }
@@ -189245,7 +189311,7 @@ const _hoisted_8 = { key: 2 };
 const _hoisted_9 = ["innerHTML"];
 const _hoisted_10 = { key: 3 };
 const _hoisted_11 = ["innerHTML"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$3, [
     createElementVNode("div", _hoisted_2$3, [
       createElementVNode("div", {
@@ -189314,8 +189380,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const LogPanel = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-0df58132"]]);
-const propDefine$d = {
+const LogPanel = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-0df58132"]]);
+const propDefine$e = {
   isSheetGroup: {
     // 是否按sheet页分组返回导入数据
     // 传入true时则不提供选择sheet页下拉列表，会将所有sheet页数据全部返回
@@ -189338,12 +189404,12 @@ const propDefine$d = {
     default: false
   }
 };
-const _sfc_main$3 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "NvExcelImport",
   components: { LogPanel },
   emits: ["import"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$d,
+  props: propDefine$e,
   setup(props, ctx) {
     return new ExcelImportInstance$1(props, ctx);
   }
@@ -189496,7 +189562,7 @@ const _hoisted_1$2 = { class: "excelImport" };
 const _hoisted_2$2 = { class: "excel-header" };
 const _hoisted_3$2 = ["id", "accept"];
 const _hoisted_4$2 = { class: "excel-log" };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = resolveComponent("Button");
   const _component_Option = resolveComponent("Option");
   const _component_Select = resolveComponent("Select");
@@ -189589,7 +189655,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ExcelImport = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-8f25f8b7"]]);
+const ExcelImport = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-8f25f8b7"]]);
 class HtmlBase {
   constructor() {
     __publicField2(this, "textAlign", {
@@ -210591,7 +210657,7 @@ async function GetDoc(i1, i2) {
     ]
   });
 }
-const propDefine$c = {
+const propDefine$d = {
   ContentDatas: {
     type: Array,
     default: () => []
@@ -210601,12 +210667,12 @@ const propDefine$c = {
     default: 0
   }
 };
-const _sfc_main$2 = defineComponent({
+const _sfc_main$3 = defineComponent({
   name: "ContentTreeView",
   components: { draggable: draggable__default },
   emits: ["onDataChange"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$c,
+  props: propDefine$d,
   setup(props, ctx) {
     return new ContentTreeViewInstance(props, ctx);
   }
@@ -210642,7 +210708,7 @@ class ContentTreeViewInstance extends BaseInstance {
     this.ctx = ctx;
   }
 }
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Button = resolveComponent("Button");
   const _component_ContentTreeView = resolveComponent("ContentTreeView", true);
   const _component_draggable = resolveComponent("draggable");
@@ -210696,14 +210762,14 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["modelValue"])
   ], 64);
 }
-const ContentTreeView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const propDefine$b = {};
-const _sfc_main$1 = defineComponent({
+const ContentTreeView = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const propDefine$c = {};
+const _sfc_main$2 = defineComponent({
   name: "ContentTree",
   components: { draggable, ContentTreeView },
   emits: ["onDocChange"],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$b,
+  props: propDefine$c,
   setup(props, ctx) {
     return new ContentTreeInstance(props, ctx);
   }
@@ -211000,7 +211066,7 @@ const _hoisted_2$1 = { style: { "width": "30%" } };
 const _hoisted_3$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "文档组件列表", -1));
 const _hoisted_4$1 = { class: "content" };
 const _hoisted_5$1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", null, "文档结构", -1));
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_draggable = resolveComponent("draggable");
   const _component_ContentTreeView = resolveComponent("ContentTreeView");
   return openBlock(), createElementBlock("div", _hoisted_1$1, [
@@ -211032,14 +211098,14 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ContentTree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-d63251e3"]]);
-const propDefine$a = {};
-const _sfc_main = defineComponent({
+const ContentTree = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-d63251e3"]]);
+const propDefine$b = {};
+const _sfc_main$1 = defineComponent({
   name: "NvDocxDesigner",
   components: { ContentTree, VueOfficeDocx },
   emits: [""],
   // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
-  props: propDefine$a,
+  props: propDefine$b,
   setup(props, ctx) {
     return new DocxDesignerInstance(props, ctx);
   }
@@ -211087,7 +211153,7 @@ const _hoisted_2 = { class: "doc-plane-left" };
 const _hoisted_3 = { class: "doc-plane-child" };
 const _hoisted_4 = { style: { "padding": "30px" } };
 const _hoisted_5 = { style: { "overflow": "auto" } };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ContentTree = resolveComponent("ContentTree");
   const _component_Button = resolveComponent("Button");
   const _component_VueOfficeDocx = resolveComponent("VueOfficeDocx");
@@ -211116,7 +211182,104 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const DocxDesigner = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-18b6c486"]]);
+const DocxDesigner = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-18b6c486"]]);
+const propDefine$a = {
+  type: {
+    // 按钮类型，可选值为 default、primary、dashed、text、info、success、warning、error
+    type: String,
+    default: "default"
+  },
+  ghost: {
+    // 幽灵属性，使按钮背景透明
+    type: Boolean,
+    default: false
+  },
+  shape: {
+    //按钮形状，可选值为 circle 或者不设置 //注：iview版本存在问题导致形状不生效
+    type: String,
+    default: "-"
+  },
+  size: {
+    // 按钮大小，可选值为 large、small、default 或者不设置
+    type: String,
+    default: "default"
+  },
+  disabled: {
+    // 设置按钮为禁用状态
+    type: Boolean,
+    default: false
+  },
+  loading: {
+    // 设置按钮为加载中状态
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    //图表 参考ivew图表库
+    type: String,
+    default: null
+  },
+  timeOut: {
+    // 限制时间
+    type: Number,
+    default: 300
+  }
+};
+const _sfc_main = defineComponent({
+  name: "NvButton",
+  components: {},
+  emits: ["click"],
+  // 例如: ['clearRadioRow', 'change', 'delete', 'addchild']
+  props: propDefine$a,
+  setup(props, ctx) {
+    return new ButtonInstance(props, ctx);
+  }
+});
+class ButtonInstance extends BaseInstance {
+  // API实例化
+  // private platformApi: PlatformApi = new PlatformApi();
+  // 全局属性
+  constructor(props, ctx) {
+    super();
+    __publicField2(this, "props");
+    __publicField2(this, "ctx");
+    //#region BinEditor 编辑器
+    // 私有属性 | private
+    // 响应属性 | ref、reactive、computed
+    // 私有方法 | private 方法名() {}
+    // 响应式方法 | xxx = () => {}
+    /**
+     * 按钮点击事件
+     */
+    __publicField2(this, "doClick", () => {
+      this.utilities.debounce(() => {
+        this.ctx.emit("click");
+      }, this.props.timeOut)();
+    });
+    this.props = props;
+    this.ctx = ctx;
+  }
+  //#endregion BinEditor 编辑器 END
+}
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Button = resolveComponent("Button");
+  return openBlock(), createBlock(_component_Button, {
+    type: _ctx.type,
+    ghost: _ctx.ghost,
+    size: _ctx.size,
+    shape: _ctx.shape,
+    disabled: _ctx.disabled,
+    loading: _ctx.loading,
+    icon: _ctx.icon,
+    onClick: _ctx.doClick
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["type", "ghost", "size", "shape", "disabled", "loading", "icon", "onClick"]);
+}
+const NvButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   DocxTemplat: index$1,
@@ -211125,6 +211288,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   HtmlJson,
   LuckySheet,
   NvBox: Box,
+  NvButton,
   NvComForm: ComForm,
   NvControlGroup: ControlGroup,
   NvDocxDesigner: DocxDesigner,
@@ -211830,6 +211994,26 @@ class GridInstance extends BaseInstance {
       }
       return true;
     });
+    /**
+     * 行附加 className
+     * @returns 
+     */
+    __publicField2(this, "getRowClassName", () => {
+      if (this.props.option.setting) {
+        return this.props.option.setting.rowClassName;
+      }
+      return "";
+    });
+    /**
+     * 单元格附加 className
+     * @returns 
+     */
+    __publicField2(this, "getCellClassName", () => {
+      if (this.props.option.setting) {
+        return this.props.option.setting.cellClassName;
+      }
+      return "";
+    });
     /**
      * 启用双击展开行
      * @returns 
@@ -212984,6 +213168,28 @@ class ToolbarInstance extends BaseInstance {
       }
       return isShow;
     });
+    /**
+     * 获取Icon
+     * @param item 
+     * @returns 
+     */
+    __publicField2(this, "getIcon", (item2) => {
+      if (this.utilities.isNull(item2.icon) || item2.icon.indexOf("fa-") != -1) {
+        return "";
+      }
+      return item2.icon;
+    });
+    /**
+     * 是否为Fa Icon
+     * @param item 
+     * @returns 
+     */
+    __publicField2(this, "isFaIcon", (item2) => {
+      if (this.utilities.isNull(item2.icon)) {
+        return false;
+      }
+      return item2.icon.indexOf("fa-") != -1;
+    });
     this.props = props;
     this.ctx = ctx;
     this.useToolbar();
@@ -213414,6 +213620,7 @@ export {
   ListInstance,
   LuckySheet,
   Box as NvBox,
+  NvButton,
   ComForm as NvComForm,
   ControlGroup as NvControlGroup,
   DocxDesigner as NvDocxDesigner,