@tmagic/form 1.1.5 → 1.1.6

package/dist/tmagic-form.umd.js

@@ -851,6 +851,7 @@
         }));
       };
       return {
+        Grid: iconsVue.Grid,
         addable,
         toggleMode,
         removeHandler,
@@ -909,7 +910,7 @@
       }, 8, ["onClick"])) : vue.createCommentVNode("", true),
       _ctx.config.enableToggleMode ? (vue.openBlock(), vue.createBlock(_component_el_button, {
         key: 4,
-        icon: "el-icon-s-grid",
+        icon: _ctx.Grid,
         size: "small",
         onClick: _ctx.toggleMode
       }, {
@@ -917,7 +918,7 @@
           _hoisted_7$1
         ]),
         _: 1
-      }, 8, ["onClick"])) : vue.createCommentVNode("", true)
+      }, 8, ["icon", "onClick"])) : vue.createCommentVNode("", true)
     ]);
   }
   const GroupList = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$m]]);
@@ -1220,10 +1221,7 @@
   }
   const MStep = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
 
-  let loadedAMapJS = false;
-  let firstLoadingAMapJS = true;
   const _sfc_main$m = vue.defineComponent({
-    name: "m-form-table",
     props: {
       name: {
         type: String,
@@ -1260,9 +1258,14 @@
       enableToggleMode: {
         type: Boolean,
         default: true
+      },
+      showIndex: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["change", "select"],
+    components: { Delete: iconsVue.Delete },
     setup(props, { emit }) {
       let timer = null;
       const mForm = vue.inject("mForm");
@@ -1377,17 +1380,14 @@
         props.model[modelName.value].push(inputs);
         emit("change", props.model[modelName.value]);
       };
-      if (!loadedAMapJS && firstLoadingAMapJS && !globalThis.XLSX) {
-        firstLoadingAMapJS = false;
-        utils.asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js").then(() => {
-          loadedAMapJS = true;
-        }).catch(() => {
-          firstLoadingAMapJS = true;
-        });
+      if (!globalThis.XLSX) {
+        utils.asyncLoadJs("https://cdn.bootcdn.net/ajax/libs/xlsx/0.17.0/xlsx.full.min.js");
       }
       vue.onMounted(() => {
         if (props.config.defautSort) {
           sortChange(props.config.defautSort);
+        } else if (props.config.defaultSort) {
+          sortChange(props.config.defaultSort);
         }
         if (props.sort && props.sortKey) {
           props.model[modelName.value].sort((a, b) => b[props.sortKey] - a[props.sortKey]);
@@ -1615,6 +1615,8 @@
   };
   function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_el_table_column = vue.resolveComponent("el-table-column");
+    const _component_Delete = vue.resolveComponent("Delete");
+    const _component_el_icon = vue.resolveComponent("el-icon");
     const _component_el_button = vue.resolveComponent("el-button");
     const _component_el_tooltip = vue.resolveComponent("el-tooltip");
     const _component_m_form_container = vue.resolveComponent("m-form-container");
@@ -1665,16 +1667,20 @@
                 })) : vue.createCommentVNode("", true),
                 vue.createVNode(_component_el_table_column, {
                   label: "\u64CD\u4F5C",
-                  width: "60",
+                  width: "55",
+                  align: "center",
                   fixed: _ctx.config.fixed === false ? void 0 : "left"
                 }, {
                   default: vue.withCtx((scope) => [
-                    vue.withDirectives(vue.createVNode(_component_el_button, {
-                      type: "danger",
-                      text: "",
-                      icon: _ctx.Delete,
+                    vue.withDirectives(vue.createVNode(_component_el_icon, {
+                      class: "m-table-delete-icon",
                       onClick: ($event) => _ctx.removeHandler(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)
-                    }, null, 8, ["icon", "onClick"]), [
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_Delete)
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]), [
                       [vue.vShow, _ctx.showDelete(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize - 1)]
                     ])
                   ]),
@@ -1732,7 +1738,8 @@
                   type: "selection",
                   width: "45"
                 })) : vue.createCommentVNode("", true),
-                vue.createVNode(_component_el_table_column, {
+                _ctx.showIndex && _ctx.config.showIndex ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
+                  key: 3,
                   width: "60",
                   label: "\u5E8F\u53F7"
                 }, {
@@ -1740,7 +1747,7 @@
                     vue.createTextVNode(vue.toDisplayString(scope.$index + 1 + _ctx.pagecontext * _ctx.pagesize), 1)
                   ]),
                   _: 1
-                }),
+                })) : vue.createCommentVNode("", true),
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.config.items, (column, index) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
                     column.type !== "hidden" && _ctx.display(column.display) ? (vue.openBlock(), vue.createBlock(_component_el_table_column, {
@@ -3907,7 +3914,7 @@
     app.component(Panel.name, Panel);
     app.component(Row.name, Row);
     app.component(MStep.name, MStep);
-    app.component(Table.name, Table);
+    app.component("m-form-table", Table);
     app.component(Tabs.name, Tabs);
     app.component(Text.name, Text);
     app.component(Number$1.name, Number$1);