vxe-gantt 4.9.2 → 4.9.4

package/es/components.js

@@ -1,9 +1,7 @@
 import VxeUI from "./ui";
 import VxeGantt from "./gantt";
 const { setConfig } = VxeUI;
-const components = [
-  VxeGantt
-];
+const components = [VxeGantt];
 function install(app, options) {
   setConfig(options);
   components.forEach((component) => app.use(component));

package/es/gantt/src/gantt-body.js

@@ -89,30 +89,34 @@ var gantt_body_default = defineVxeComponent({
         rowIndex,
         _rowIndex
       };
-      return h("td", {
-        key: cellClassName || cellStyle ? field : $columnIndex,
-        class: [
-          "vxe-gantt-view--body-column",
-          {
-            "is--now": showNowLine && todayValue === field
+      return h(
+        "td",
+        {
+          key: cellClassName || cellStyle ? field : $columnIndex,
+          class: [
+            "vxe-gantt-view--body-column",
+            {
+              "is--now": showNowLine && todayValue === field
+            },
+            getClass(cellClassName, ctParams)
+          ],
+          style: cellStyle ? Object.assign({}, XEUtils.isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
+            height: `${cellHeight}px`
+          }) : {
+            height: `${cellHeight}px`
           },
-          getClass(cellClassName, ctParams)
-        ],
-        style: cellStyle ? Object.assign({}, XEUtils.isFunction(cellStyle) ? cellStyle(ctParams) : cellStyle, {
-          height: `${cellHeight}px`
-        }) : {
-          height: `${cellHeight}px`
-        },
-        onClick(evnt) {
-          $xeGantt.handleTaskCellClickEvent(evnt, { row, column });
-        },
-        onDblclick(evnt) {
-          $xeGantt.handleTaskCellDblclickEvent(evnt, { row, column });
+          onClick(evnt) {
+            $xeGantt.handleTaskCellClickEvent(evnt, { row, column });
+          },
+          onDblclick(evnt) {
+            $xeGantt.handleTaskCellDblclickEvent(evnt, { row, column });
+          },
+          onContextmenu(evnt) {
+            $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
+          }
         },
-        onContextmenu(evnt) {
-          $xeGantt.handleTaskBodyContextmenuEvent(evnt, ctParams);
-        }
-      }, tdVNs);
+        tdVNs
+      );
     };
     const renderRows = ($xeTable, tableData) => {
       const tableProps = $xeTable.props;
@@ -172,23 +176,27 @@ var gantt_body_default = defineVxeComponent({
           _rowIndex
         };
         trVNs.push(
-          h("tr", {
-            key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
-            class: [
-              "vxe-gantt-view--body-row",
-              {
-                "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
-                "is--new": isNewRow,
-                "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
-                "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
-                "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid]
-              },
-              getClass(rowClassName, rowParams)
-            ],
-            rowid,
-            style: rowStyle ? XEUtils.isFunction(rowStyle) ? rowStyle(rowParams) || void 0 : rowStyle : void 0,
-            ...trOns
-          }, tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex)))
+          h(
+            "tr",
+            {
+              key: rowClassName || rowStyle || cellClassName || cellStyle ? rowid : $rowIndex,
+              class: [
+                "vxe-gantt-view--body-row",
+                {
+                  "row--stripe": stripe && (_rowIndex + 1) % 2 === 0,
+                  "is--new": isNewRow,
+                  "row--radio": radioOpts.highlight && $xeTable.eqRow(selectRadioRow, row),
+                  "row--checked": checkboxOpts.highlight && $xeTable.isCheckedByCheckboxRow(row),
+                  "row--pending": !!pendingRowFlag && !!pendingRowMaps[rowid]
+                },
+                getClass(rowClassName, rowParams)
+              ],
+              rowid,
+              style: rowStyle ? XEUtils.isFunction(rowStyle) ? rowStyle(rowParams) || void 0 : rowStyle : void 0,
+              ...trOns
+            },
+            tableColumn.map((column, $columnIndex) => renderColumn($xeTable, row, rowid, rowIndex, $rowIndex, _rowIndex, column, $columnIndex))
+          )
         );
         let isExpandTree = false;
         let rowChildren = [];
@@ -205,43 +213,59 @@ var gantt_body_default = defineVxeComponent({
     const renderVN = () => {
       const $xeTable = $xeGanttView.internalData.xeTable;
       const { tableData, tableColumn, viewCellWidth } = reactData;
-      return h("div", {
-        ref: refElem,
-        class: "vxe-gantt-view--body-wrapper"
-      }, [
-        h("div", {
-          ref: refBodyScroll,
-          class: "vxe-gantt-view--body-inner-wrapper",
-          onScroll: $xeGanttView.triggerBodyScrollEvent,
-          onContextmenu(evnt) {
-            $xeGantt.handleTaskBodyContextmenuEvent(evnt, { source: sourceType, type: viewType, rowIndex: -1, $rowIndex: -1, _rowIndex: -1 });
-          }
-        }, [
-          h("div", {
-            ref: refBodyXSpace,
-            class: "vxe-body--x-space"
-          }),
-          h("div", {
-            ref: refBodyYSpace,
-            class: "vxe-body--y-space"
-          }),
-          h("table", {
-            ref: refBodyTable,
-            class: "vxe-gantt-view--body-table"
-          }, [
-            h("colgroup", {}, tableColumn.map((column, cIndex) => {
-              return h("col", {
-                key: cIndex,
-                style: {
-                  width: `${viewCellWidth}px`
-                }
-              });
-            })),
-            h("tbody", {}, $xeTable ? renderRows($xeTable, tableData) : [])
-          ]),
-          h(GanttViewChartComponent)
-        ])
-      ]);
+      return h(
+        "div",
+        {
+          ref: refElem,
+          class: "vxe-gantt-view--body-wrapper"
+        },
+        [
+          h(
+            "div",
+            {
+              ref: refBodyScroll,
+              class: "vxe-gantt-view--body-inner-wrapper",
+              onScroll: $xeGanttView.triggerBodyScrollEvent,
+              onContextmenu(evnt) {
+                $xeGantt.handleTaskBodyContextmenuEvent(evnt, { source: sourceType, type: viewType, rowIndex: -1, $rowIndex: -1, _rowIndex: -1 });
+              }
+            },
+            [
+              h("div", {
+                ref: refBodyXSpace,
+                class: "vxe-body--x-space"
+              }),
+              h("div", {
+                ref: refBodyYSpace,
+                class: "vxe-body--y-space"
+              }),
+              h(
+                "table",
+                {
+                  ref: refBodyTable,
+                  class: "vxe-gantt-view--body-table"
+                },
+                [
+                  h(
+                    "colgroup",
+                    {},
+                    tableColumn.map((column, cIndex) => {
+                      return h("col", {
+                        key: cIndex,
+                        style: {
+                          width: `${viewCellWidth}px`
+                        }
+                      });
+                    })
+                  ),
+                  h("tbody", {}, $xeTable ? renderRows($xeTable, tableData) : [])
+                ]
+              ),
+              h(GanttViewChartComponent)
+            ]
+          )
+        ]
+      );
     };
     onMounted(() => {
       const { elemStore } = internalData;