vxe-table 4.23.7 → 4.23.9

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

@@ -1,7 +1,7 @@
 import { h, Teleport, inject, ref } from "vue";
 import { defineVxeComponent } from "../../../ui/src/comp";
 import XEUtils from "xe-utils";
-import { VxeUI } from "../../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { getFuncText } from "../../../ui/src/utils";
 import { getSlotVNs } from "../../../ui/src/vn";
 const { getIcon, getI18n, renderEmptyElement } = VxeUI;
@@ -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/module/validator/hook.js

@@ -1,6 +1,6 @@
 import { nextTick } from "vue";
 import XEUtils from "xe-utils";
-import { VxeUI } from "../../../ui";
+import { VxeUI } from "@vxe-ui/core";
 import { eqEmptyValue, getFuncText } from "../../../ui/src/utils";
 import { scrollToView } from "../../../ui/src/dom";
 import { handleFieldOrColumn, getRowid } from "../../src/util";