vxe-table 4.23.8 → 4.23.9

package/es/table/module/menu/panel.js

@@ -27,135 +27,206 @@ var panel_default = defineVxeComponent({
       const menuOpts = computeMenuOpts.value;
       const { transfer, destroyOnClose, className } = menuOpts;
       const { visible, list } = ctxMenuStore;
-      return h(Teleport, {
-        to: "body",
-        disabled: !transfer
-      }, [
-        h("div", {
-          ref: refElem,
-          class: ["vxe-table--context-menu-wrapper", className, {
-            "is--visible": visible
-          }],
-          style: ctxMenuStore.style
-        }, (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
-          return options.every((item) => item.visible === false) ? renderEmptyElement($xeTable) : h("ul", {
-            class: "vxe-table--context-menu-group-wrapper",
-            key: gIndex
-          }, options.map((item, index) => {
-            const { children, loading } = item;
-            const hasChildMenus = children && children.some((child) => child.visible !== false);
-            const prefixOpts = Object.assign({}, item.prefixConfig);
-            const prefixIcon = prefixOpts.icon || item.prefixIcon;
-            const suffixOpts = Object.assign({}, item.suffixConfig);
-            const suffixIcon = suffixOpts.icon || item.suffixIcon;
-            const menuContent = getFuncText(item.name);
-            return item.visible === false ? renderEmptyElement($xeTable) : h("li", {
-              class: ["vxe-table--context-menu--option", item.className, {
-                "link--loading": loading,
-                "link--disabled": item.disabled,
-                "link--active": item === ctxMenuStore.selected
-              }],
-              key: `${gIndex}_${index}`
-            }, [
-              h("a", {
-                class: "vxe-context-menu--link",
-                onClick(evnt) {
-                  $xeTable.ctxMenuLinkEvent(evnt, item);
-                },
-                onMouseover(evnt) {
-                  $xeTable.ctxMenuMouseoverEvent(evnt, item);
-                },
-                onMouseout(evnt) {
-                  $xeTable.ctxMenuMouseoutEvent(evnt, item);
+      return h(
+        Teleport,
+        {
+          to: "body",
+          disabled: !transfer
+        },
+        [
+          h(
+            "div",
+            {
+              ref: refElem,
+              class: [
+                "vxe-table--context-menu-wrapper",
+                className,
+                {
+                  "is--visible": visible
                 }
-              }, [
-                h("div", {
-                  class: ["vxe-context-menu--link-prefix", prefixOpts.className || ""]
-                }, [
-                  loading ? h("span", {
-                    class: getIcon("TABLE_MENU_OPTION_LOADING")
-                  }) : prefixIcon && XEUtils.isFunction(prefixIcon) ? h("span", {}, getSlotVNs(prefixIcon({}))) : h("span", {}, [
-                    h("i", {
-                      class: prefixIcon
-                    })
-                  ]),
-                  prefixOpts.content ? h("span", {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
-                ]),
-                h("div", {
-                  class: "vxe-context-menu--link-content",
-                  title: menuContent
-                }, loading ? getI18n("vxe.table.menuLoading") : menuContent),
-                h("div", {
-                  class: ["vxe-context-menu--link-suffix", suffixOpts.className || ""]
-                }, [
-                  suffixIcon && XEUtils.isFunction(suffixIcon) ? h("span", {}, getSlotVNs(suffixIcon({}))) : h("i", {
-                    class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : "")
-                  }),
-                  suffixOpts.content ? h("span", `${suffixOpts.content}`) : renderEmptyElement($xeTable)
-                ])
-              ]),
-              hasChildMenus && children ? h("ul", {
-                class: ["vxe-table--context-menu-clild-wrapper", {
-                  "is--show": item === ctxMenuStore.selected && ctxMenuStore.showChild
-                }]
-              }, children.map((child, cIndex) => {
-                const { loading: childLoading } = child;
-                const childPrefixOpts = Object.assign({}, child.prefixConfig);
-                const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
-                const childSuffixOpts = Object.assign({}, child.suffixConfig);
-                const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
-                const childMenuContent = getFuncText(child.name);
-                return child.visible === false ? null : h("li", {
-                  class: ["vxe-table--context-menu--option", child.className, {
-                    "link--loading": childLoading,
-                    "link--disabled": child.disabled,
-                    "link--active": child === ctxMenuStore.selectChild
-                  }],
-                  key: `${gIndex}_${index}_${cIndex}`
-                }, [
-                  h("a", {
-                    class: "vxe-context-menu--link",
-                    onClick(evnt) {
-                      $xeTable.ctxMenuLinkEvent(evnt, child);
-                    },
-                    onMouseover(evnt) {
-                      $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
+              ],
+              style: ctxMenuStore.style
+            },
+            (destroyOnClose ? visible : true) ? list.map((options, gIndex) => {
+              return options.every((item) => item.visible === false) ? renderEmptyElement($xeTable) : h(
+                "ul",
+                {
+                  class: "vxe-table--context-menu-group-wrapper",
+                  key: gIndex
+                },
+                options.map((item, index) => {
+                  const { children, loading } = item;
+                  const hasChildMenus = children && children.some((child) => child.visible !== false);
+                  const prefixOpts = Object.assign({}, item.prefixConfig);
+                  const prefixIcon = prefixOpts.icon || item.prefixIcon;
+                  const suffixOpts = Object.assign({}, item.suffixConfig);
+                  const suffixIcon = suffixOpts.icon || item.suffixIcon;
+                  const menuContent = getFuncText(item.name);
+                  return item.visible === false ? renderEmptyElement($xeTable) : h(
+                    "li",
+                    {
+                      class: [
+                        "vxe-table--context-menu--option",
+                        item.className,
+                        {
+                          "link--loading": loading,
+                          "link--disabled": item.disabled,
+                          "link--active": item === ctxMenuStore.selected
+                        }
+                      ],
+                      key: `${gIndex}_${index}`
                     },
-                    onMouseout(evnt) {
-                      $xeTable.ctxMenuMouseoutEvent(evnt, item);
-                    }
-                  }, [
-                    h("div", {
-                      class: ["vxe-context-menu--link-prefix", childPrefixOpts.className || ""]
-                    }, [
-                      child.loading ? h("span", {
-                        class: getIcon("TABLE_MENU_OPTION_LOADING")
-                      }) : childPrefixIcon && XEUtils.isFunction(childPrefixIcon) ? h("span", {}, getSlotVNs(childPrefixIcon({}))) : h("span", {}, [
-                        h("i", {
-                          class: childPrefixIcon
+                    [
+                      h(
+                        "a",
+                        {
+                          class: "vxe-context-menu--link",
+                          onClick(evnt) {
+                            $xeTable.ctxMenuLinkEvent(evnt, item);
+                          },
+                          onMouseover(evnt) {
+                            $xeTable.ctxMenuMouseoverEvent(evnt, item);
+                          },
+                          onMouseout(evnt) {
+                            $xeTable.ctxMenuMouseoutEvent(evnt, item);
+                          }
+                        },
+                        [
+                          h(
+                            "div",
+                            {
+                              class: ["vxe-context-menu--link-prefix", prefixOpts.className || ""]
+                            },
+                            [
+                              loading ? h("span", {
+                                class: getIcon("TABLE_MENU_OPTION_LOADING")
+                              }) : prefixIcon && XEUtils.isFunction(prefixIcon) ? h("span", {}, getSlotVNs(prefixIcon({}))) : h("span", {}, [
+                                h("i", {
+                                  class: prefixIcon
+                                })
+                              ]),
+                              prefixOpts.content ? h("span", {}, `${prefixOpts.content}`) : renderEmptyElement($xeTable)
+                            ]
+                          ),
+                          h(
+                            "div",
+                            {
+                              class: "vxe-context-menu--link-content",
+                              title: menuContent
+                            },
+                            loading ? getI18n("vxe.table.menuLoading") : menuContent
+                          ),
+                          h(
+                            "div",
+                            {
+                              class: ["vxe-context-menu--link-suffix", suffixOpts.className || ""]
+                            },
+                            [
+                              suffixIcon && XEUtils.isFunction(suffixIcon) ? h("span", {}, getSlotVNs(suffixIcon({}))) : h("i", {
+                                class: suffixIcon || (hasChildMenus ? getIcon().TABLE_MENU_OPTIONS : "")
+                              }),
+                              suffixOpts.content ? h("span", `${suffixOpts.content}`) : renderEmptyElement($xeTable)
+                            ]
+                          )
+                        ]
+                      ),
+                      hasChildMenus && children ? h(
+                        "ul",
+                        {
+                          class: [
+                            "vxe-table--context-menu-clild-wrapper",
+                            {
+                              "is--show": item === ctxMenuStore.selected && ctxMenuStore.showChild
+                            }
+                          ]
+                        },
+                        children.map((child, cIndex) => {
+                          const { loading: childLoading } = child;
+                          const childPrefixOpts = Object.assign({}, child.prefixConfig);
+                          const childPrefixIcon = childPrefixOpts.icon || child.prefixIcon;
+                          const childSuffixOpts = Object.assign({}, child.suffixConfig);
+                          const childSuffixIcon = childSuffixOpts.icon || child.suffixIcon;
+                          const childMenuContent = getFuncText(child.name);
+                          return child.visible === false ? null : h(
+                            "li",
+                            {
+                              class: [
+                                "vxe-table--context-menu--option",
+                                child.className,
+                                {
+                                  "link--loading": childLoading,
+                                  "link--disabled": child.disabled,
+                                  "link--active": child === ctxMenuStore.selectChild
+                                }
+                              ],
+                              key: `${gIndex}_${index}_${cIndex}`
+                            },
+                            [
+                              h(
+                                "a",
+                                {
+                                  class: "vxe-context-menu--link",
+                                  onClick(evnt) {
+                                    $xeTable.ctxMenuLinkEvent(evnt, child);
+                                  },
+                                  onMouseover(evnt) {
+                                    $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
+                                  },
+                                  onMouseout(evnt) {
+                                    $xeTable.ctxMenuMouseoutEvent(evnt, item);
+                                  }
+                                },
+                                [
+                                  h(
+                                    "div",
+                                    {
+                                      class: ["vxe-context-menu--link-prefix", childPrefixOpts.className || ""]
+                                    },
+                                    [
+                                      child.loading ? h("span", {
+                                        class: getIcon("TABLE_MENU_OPTION_LOADING")
+                                      }) : childPrefixIcon && XEUtils.isFunction(childPrefixIcon) ? h("span", {}, getSlotVNs(childPrefixIcon({}))) : h("span", {}, [
+                                        h("i", {
+                                          class: childPrefixIcon
+                                        })
+                                      ]),
+                                      childPrefixOpts.content ? h("span", `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
+                                    ]
+                                  ),
+                                  h(
+                                    "div",
+                                    {
+                                      class: "vxe-context-menu--link-content",
+                                      title: childMenuContent
+                                    },
+                                    childLoading ? getI18n("vxe.table.menuLoading") : childMenuContent
+                                  ),
+                                  h(
+                                    "div",
+                                    {
+                                      class: ["vxe-context-menu--link-suffix", childSuffixOpts.className || ""]
+                                    },
+                                    [
+                                      childSuffixIcon && XEUtils.isFunction(childSuffixIcon) ? h("span", {}, getSlotVNs(childSuffixIcon({}))) : h("i", {
+                                        class: childSuffixIcon
+                                      }),
+                                      childSuffixOpts.content ? h("span", `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)
+                                    ]
+                                  )
+                                ]
+                              )
+                            ]
+                          );
                         })
-                      ]),
-                      childPrefixOpts.content ? h("span", `${childPrefixOpts.content}`) : renderEmptyElement($xeTable)
-                    ]),
-                    h("div", {
-                      class: "vxe-context-menu--link-content",
-                      title: childMenuContent
-                    }, childLoading ? getI18n("vxe.table.menuLoading") : childMenuContent),
-                    h("div", {
-                      class: ["vxe-context-menu--link-suffix", childSuffixOpts.className || ""]
-                    }, [
-                      childSuffixIcon && XEUtils.isFunction(childSuffixIcon) ? h("span", {}, getSlotVNs(childSuffixIcon({}))) : h("i", {
-                        class: childSuffixIcon
-                      }),
-                      childSuffixOpts.content ? h("span", `${childSuffixOpts.content}`) : renderEmptyElement($xeTable)
-                    ])
-                  ])
-                ]);
-              })) : null
-            ]);
-          }));
-        }) : [])
-      ]);
+                      ) : null
+                    ]
+                  );
+                })
+              );
+            }) : []
+          )
+        ]
+      );
     };
     $xeMenuPanel.renderVN = renderVN;
     return $xeMenuPanel;

package/es/table/render/index.js

@@ -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: {