vxe-table 4.23.7 → 4.23.9

package/es/table/render/index.js

@@ -1,6 +1,6 @@
 import { h, resolveComponent } from "vue";
 import XEUtils from "xe-utils";
-import { VxeUI } from "../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getCellValue, setCellValue } from "../../table/src/util";
 import { getFuncText, formatText, isEmptyValue, hasEnableConf } from "../../ui/src/utils";
 import { getOnName, getModelEvent, getChangeEvent, hasInputType } from "../../ui/src/vn";
@@ -72,14 +72,22 @@ function isImmediateCell(renderOpts, params) {
 function getCellLabelVNs(renderOpts, params, cellLabel, opts) {
   const { placeholder } = renderOpts;
   return [
-    h("span", {
-      key: 1,
-      class: ["vxe-cell--label", opts ? opts.class : ""]
-    }, placeholder && isEmptyValue(cellLabel) ? [
-      h("span", {
-        class: "vxe-cell--placeholder"
-      }, formatText(getFuncText(placeholder), 1))
-    ] : formatText(cellLabel, 1))
+    h(
+      "span",
+      {
+        key: 1,
+        class: ["vxe-cell--label", opts ? opts.class : ""]
+      },
+      placeholder && isEmptyValue(cellLabel) ? [
+        h(
+          "span",
+          {
+            class: "vxe-cell--placeholder"
+          },
+          formatText(getFuncText(placeholder), 1)
+        )
+      ] : formatText(cellLabel, 1)
+    )
   ];
 }
 function getNativeElementOns(renderOpts, params, eFns) {
@@ -223,30 +231,35 @@ function getFilterOns(renderOpts, params, option) {
 function getFloatingFilterOns(renderOpts, params, option) {
   const { $table, column } = params;
   if (hasInputType(renderOpts)) {
-    return getComponentOns(renderOpts, params, {
-      model(value) {
-        option.data = value;
-      },
-      change() {
-        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-      },
-      clear() {
-        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-        saveFilterEvent(params);
-      },
-      blur() {
-        $table.saveFilterByEvent(new Event("change"), column);
-      }
-    }, renderOpts.name === "VxeNumberInput" ? {
-      [getOnName("plus-number")]() {
-        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-        saveFilterEvent(params);
+    return getComponentOns(
+      renderOpts,
+      params,
+      {
+        model(value) {
+          option.data = value;
+        },
+        change() {
+          updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+        },
+        clear() {
+          updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+          saveFilterEvent(params);
+        },
+        blur() {
+          $table.saveFilterByEvent(new Event("change"), column);
+        }
       },
-      [getOnName("minus-number")]() {
-        updateFilterChangeOption(params, !isEmptyValue(option.data), option);
-        saveFilterEvent(params);
-      }
-    } : {});
+      renderOpts.name === "VxeNumberInput" ? {
+        [getOnName("plus-number")]() {
+          updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+          saveFilterEvent(params);
+        },
+        [getOnName("minus-number")]() {
+          updateFilterChangeOption(params, !isEmptyValue(option.data), option);
+          saveFilterEvent(params);
+        }
+      } : {}
+    );
   }
   return getComponentOns(renderOpts, params, {
     model(value) {
@@ -314,9 +327,13 @@ function nativeInputCellRender(renderOpts, renderParams) {
   const { row, column } = renderParams;
   const cellValue = XEUtils.get(row, column.field);
   const cellVNs = [
-    h("span", {
-      key: 1
-    }, cellValue)
+    h(
+      "span",
+      {
+        key: 1
+      },
+      cellValue
+    )
   ];
   return getNativeInputRenderCellVNs(cellValue, cellVNs, renderOpts, renderParams);
 }
@@ -413,10 +430,14 @@ function renderNativeOptgroups(renderOpts, params, renderOptionsMethods) {
   const groupLabel = optionGroupProps.label || "label";
   if (optionGroups) {
     return optionGroups.map((group, gIndex) => {
-      return h("optgroup", {
-        key: gIndex,
-        label: group[groupLabel]
-      }, renderOptionsMethods(group[groupOptions], renderOpts, params));
+      return h(
+        "optgroup",
+        {
+          key: gIndex,
+          label: group[groupLabel]
+        },
+        renderOptionsMethods(group[groupOptions], renderOpts, params)
+      );
     });
   }
   return [];
@@ -430,13 +451,17 @@ function renderNativeOptions(options, renderOpts, params) {
   const cellValue = isImmediateCell(renderOpts, params) ? getCellValue(row, column) : column.model.value;
   if (options) {
     return options.map((option, oIndex) => {
-      return h("option", {
-        key: oIndex,
-        value: option[valueProp],
-        disabled: option[disabledProp],
-        /* eslint-disable eqeqeq */
-        selected: option[valueProp] == cellValue
-      }, option[labelProp]);
+      return h(
+        "option",
+        {
+          key: oIndex,
+          value: option[valueProp],
+          disabled: option[disabledProp],
+          /* eslint-disable eqeqeq */
+          selected: option[valueProp] == cellValue
+        },
+        option[labelProp]
+      );
     });
   }
   return [];
@@ -477,9 +502,7 @@ function defaultFloatingFilterRender(renderOpts, params) {
   ];
 }
 function defaultFilterOptions() {
-  return [
-    { data: null }
-  ];
+  return [{ data: null }];
 }
 function oldFilterRender(renderOpts, params) {
   const { column } = params;
@@ -598,16 +621,17 @@ function handleTreeSelectCellValue(cellValue, renderOpts) {
   const childrenProp = optionProps.children || "children";
   if (!(cellValue === null || cellValue === void 0)) {
     const keyMaps = {};
-    XEUtils.eachTree(options, (item) => {
-      keyMaps[XEUtils.get(item, valueProp)] = item;
-    }, { children: childrenProp });
-    return XEUtils.map(
-      XEUtils.isArray(cellValue) ? cellValue : [cellValue],
-      (value) => {
-        const item = keyMaps[value];
-        return item ? XEUtils.get(item, labelProp) : item;
-      }
-    ).join(", ");
+    XEUtils.eachTree(
+      options,
+      (item) => {
+        keyMaps[XEUtils.get(item, valueProp)] = item;
+      },
+      { children: childrenProp }
+    );
+    return XEUtils.map(XEUtils.isArray(cellValue) ? cellValue : [cellValue], (value) => {
+      const item = keyMaps[value];
+      return item ? XEUtils.get(item, labelProp) : item;
+    }).join(", ");
   }
   return "";
 }
@@ -669,9 +693,14 @@ function handleNumberCell(cellValue, renderOpts, params) {
       }
     }
   }
-  return getCellLabelVNs(renderOpts, params, cellValue, isNegative ? {
-    class: "is--negative"
-  } : {});
+  return getCellLabelVNs(
+    renderOpts,
+    params,
+    cellValue,
+    isNegative ? {
+      class: "is--negative"
+    } : {}
+  );
 }
 function handleFormatDatePicker(renderOpts, renderParams) {
   const { props = {} } = renderOpts;
@@ -728,10 +757,14 @@ function handleSetSelectValue(renderOpts, renderParams) {
       }
     }
     if (isMultiVal) {
-      XEUtils.set(row, field, (isMultiVal ? cellValue.split(",") : [cellValue]).map((label) => {
-        const item = labelMpas[label];
-        return item ? item[valueProp] : label;
-      }));
+      XEUtils.set(
+        row,
+        field,
+        (isMultiVal ? cellValue.split(",") : [cellValue]).map((label) => {
+          const item = labelMpas[label];
+          return item ? item[valueProp] : label;
+        })
+      );
     } else {
       XEUtils.set(row, field, cellValue);
     }
@@ -1054,19 +1087,24 @@ renderer.mixin({
       return [
         h(getDefaultComponent(renderOpts), {
           ...getCellEditProps(renderOpts, params, cellValue, seProps),
-          ...getComponentOns(renderOpts, params, {
-            model(cellValue2) {
-              model.update = true;
-              model.value = cellValue2;
-              setCellValue(row, column, cellValue2);
+          ...getComponentOns(
+            renderOpts,
+            params,
+            {
+              model(cellValue2) {
+                model.update = true;
+                model.value = cellValue2;
+                setCellValue(row, column, cellValue2);
+              },
+              change() {
+                $table.updateStatus(params);
+              },
+              blur() {
+                $table.handleCellRuleUpdateStatus("blur", params);
+              }
             },
-            change() {
-              $table.updateStatus(params);
-            },
-            blur() {
-              $table.handleCellRuleUpdateStatus("blur", params);
-            }
-          }, seOs)
+            seOs
+          )
         })
       ];
     },
@@ -1094,13 +1132,18 @@ renderer.mixin({
       return [
         h(getDefaultComponent(renderOpts), {
           ...getCellEditProps(renderOpts, params, cellValue, seProps),
-          ...getComponentOns(renderOpts, params, {
-            model(cellValue2) {
-              model.update = true;
-              model.value = cellValue2;
-              setCellValue(row, column, cellValue2);
-            }
-          }, seOs)
+          ...getComponentOns(
+            renderOpts,
+            params,
+            {
+              model(cellValue2) {
+                model.update = true;
+                model.value = cellValue2;
+                setCellValue(row, column, cellValue2);
+              }
+            },
+            seOs
+          )
         })
       ];
     },
@@ -1409,20 +1452,30 @@ renderer.mixin({
       const customSize = props ? props.size : null;
       const vSize = customSize || computeSize.value;
       const cellValue = XEUtils.get(row, column.field);
-      return h("span", {
-        class: ["vxe-color-picker--readonly", {
-          [`size--${vSize}`]: vSize
-        }]
-      }, [
-        h("div", {
-          class: ["vxe-color-picker--readonly-color", {
-            "is--empty": !cellValue
-          }],
-          style: cellValue ? {
-            backgroundColor: cellValue
-          } : void 0
-        })
-      ]);
+      return h(
+        "span",
+        {
+          class: [
+            "vxe-color-picker--readonly",
+            {
+              [`size--${vSize}`]: vSize
+            }
+          ]
+        },
+        [
+          h("div", {
+            class: [
+              "vxe-color-picker--readonly-color",
+              {
+                "is--empty": !cellValue
+              }
+            ],
+            style: cellValue ? {
+              backgroundColor: cellValue
+            } : void 0
+          })
+        ]
+      );
     }
   },
   VxeIconPicker: {