@juzhenfe/page-model 3.14.10 → 3.14.11

package/dist/index.es.js

@@ -212,11 +212,11 @@ const randomStr = (len = 16) => {
     return RANDOM_RANGE[Math.floor(Math.random() * RANDOM_RANGE_LENGTH)];
   }).join("");
 };
-const _hoisted_1$E = { class: "scenes-tab" };
+const _hoisted_1$F = { class: "scenes-tab" };
 const __default__$o = {
   name: "ScenesTab"
 };
-const _sfc_main$13 = defineComponent({
+const _sfc_main$14 = defineComponent({
   ...__default__$o,
   setup(__props, { expose: __expose }) {
     const getValue2 = () => {
@@ -226,15 +226,15 @@ const _sfc_main$13 = defineComponent({
       getValue: getValue2
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E);
+      return openBlock(), createElementBlock("div", _hoisted_1$F);
     };
   }
 });
-var index_vue_vue_type_style_index_0_lang$d = "";
+var index_vue_vue_type_style_index_0_lang$c = "";
 const __default__$n = {
   name: "NormalTab"
 };
-const _sfc_main$12 = defineComponent({
+const _sfc_main$13 = defineComponent({
   ...__default__$n,
   props: {
     panes: {},
@@ -1683,11 +1683,11 @@ class TopTabsManager extends IManager {
     this.context = markRaw(context);
   }
 }
-var index_vue_vue_type_style_index_0_lang$c = "";
+var index_vue_vue_type_style_index_0_lang$b = "";
 const __default__$m = {
   name: "TopTabs"
 };
-const _sfc_main$11 = defineComponent({
+const _sfc_main$12 = defineComponent({
   ...__default__$m,
   props: {
     tabs: {},
@@ -1708,12 +1708,12 @@ const _sfc_main$11 = defineComponent({
     const tabComponent = computed(() => {
       if (props.tabs.useScene) {
         return {
-          component: _sfc_main$13,
+          component: _sfc_main$14,
           props: props.tabs.sceneTab
         };
       } else {
         return {
-          component: _sfc_main$12,
+          component: _sfc_main$13,
           props: {
             panes: props.tabs.panes,
             props: props.tabs.props
@@ -1746,643 +1746,59 @@ const _sfc_main$11 = defineComponent({
     };
   }
 });
-class EventChain {
-  constructor() {
-    __publicField(this, "chains", []);
-  }
-  setChain(chainItem) {
-    this.chains.push(chainItem);
-    return this;
-  }
-  passRequest(...rest) {
-    const chains = this.chains;
-    const len = chains.length;
-    let result = false;
-    for (let index2 = 0; index2 < len; index2++) {
-      const chain = chains[index2];
-      result = chain.apply(this, rest);
-      if (result !== false) {
-        break;
-      }
-    }
-    return result;
+var _export_sfc$1 = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
   }
+  return target;
+};
+const _sfc_main$11 = defineComponent({
+  name: "ArrowDownBold"
+});
+const _hoisted_1$E = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M104.704 338.752a64 64 0 0190.496 0l316.8 316.8 316.8-316.8a64 64 0 0190.496 90.496L557.248 791.296a64 64 0 01-90.496 0L104.704 429.248a64 64 0 010-90.496z"
+}, null, -1);
+const _hoisted_3$t = [
+  _hoisted_2$u
+];
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$t);
 }
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$11, [["render", _sfc_render$m]]);
+const _sfc_main$10 = defineComponent({
+  name: "ArrowDown"
+});
+const _hoisted_1$D = {
+  class: "icon",
+  width: "200",
+  height: "200",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode("path", {
+  fill: "currentColor",
+  d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
+}, null, -1);
+const _hoisted_3$s = [
+  _hoisted_2$t
+];
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$s);
 }
-var clipboard = { exports: {} };
-/*!
- * clipboard.js v2.0.10
- * https://clipboardjs.com/
- *
- * Licensed MIT © Zeno Rocha
- */
-(function(module2, exports2) {
-  (function webpackUniversalModuleDefinition(root2, factory) {
-    module2.exports = factory();
-  })(commonjsGlobal, function() {
-    return function() {
-      var __webpack_modules__ = {
-        686: function(__unused_webpack_module, __webpack_exports__, __webpack_require__2) {
-          __webpack_require__2.d(__webpack_exports__, {
-            "default": function() {
-              return clipboard2;
-            }
-          });
-          var tiny_emitter = __webpack_require__2(279);
-          var tiny_emitter_default = /* @__PURE__ */ __webpack_require__2.n(tiny_emitter);
-          var listen = __webpack_require__2(370);
-          var listen_default = /* @__PURE__ */ __webpack_require__2.n(listen);
-          var src_select = __webpack_require__2(817);
-          var select_default = /* @__PURE__ */ __webpack_require__2.n(src_select);
-          function command(type) {
-            try {
-              return document.execCommand(type);
-            } catch (err) {
-              return false;
-            }
-          }
-          var ClipboardActionCut = function ClipboardActionCut2(target) {
-            var selectedText = select_default()(target);
-            command("cut");
-            return selectedText;
-          };
-          var actions_cut = ClipboardActionCut;
-          function createFakeElement(value) {
-            var isRTL = document.documentElement.getAttribute("dir") === "rtl";
-            var fakeElement = document.createElement("textarea");
-            fakeElement.style.fontSize = "12pt";
-            fakeElement.style.border = "0";
-            fakeElement.style.padding = "0";
-            fakeElement.style.margin = "0";
-            fakeElement.style.position = "absolute";
-            fakeElement.style[isRTL ? "right" : "left"] = "-9999px";
-            var yPosition = window.pageYOffset || document.documentElement.scrollTop;
-            fakeElement.style.top = "".concat(yPosition, "px");
-            fakeElement.setAttribute("readonly", "");
-            fakeElement.value = value;
-            return fakeElement;
-          }
-          var ClipboardActionCopy = function ClipboardActionCopy2(target) {
-            var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-              container: document.body
-            };
-            var selectedText = "";
-            if (typeof target === "string") {
-              var fakeElement = createFakeElement(target);
-              options.container.appendChild(fakeElement);
-              selectedText = select_default()(fakeElement);
-              command("copy");
-              fakeElement.remove();
-            } else {
-              selectedText = select_default()(target);
-              command("copy");
-            }
-            return selectedText;
-          };
-          var actions_copy = ClipboardActionCopy;
-          function _typeof(obj) {
-            "@babel/helpers - typeof";
-            if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-              _typeof = function _typeof2(obj2) {
-                return typeof obj2;
-              };
-            } else {
-              _typeof = function _typeof2(obj2) {
-                return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-              };
-            }
-            return _typeof(obj);
-          }
-          var ClipboardActionDefault = function ClipboardActionDefault2() {
-            var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-            var _options$action = options.action, action = _options$action === void 0 ? "copy" : _options$action, container = options.container, target = options.target, text = options.text;
-            if (action !== "copy" && action !== "cut") {
-              throw new Error('Invalid "action" value, use either "copy" or "cut"');
-            }
-            if (target !== void 0) {
-              if (target && _typeof(target) === "object" && target.nodeType === 1) {
-                if (action === "copy" && target.hasAttribute("disabled")) {
-                  throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
-                }
-                if (action === "cut" && (target.hasAttribute("readonly") || target.hasAttribute("disabled"))) {
-                  throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);
-                }
-              } else {
-                throw new Error('Invalid "target" value, use a valid Element');
-              }
-            }
-            if (text) {
-              return actions_copy(text, {
-                container
-              });
-            }
-            if (target) {
-              return action === "cut" ? actions_cut(target) : actions_copy(target, {
-                container
-              });
-            }
-          };
-          var actions_default = ClipboardActionDefault;
-          function clipboard_typeof(obj) {
-            "@babel/helpers - typeof";
-            if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-              clipboard_typeof = function _typeof2(obj2) {
-                return typeof obj2;
-              };
-            } else {
-              clipboard_typeof = function _typeof2(obj2) {
-                return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-              };
-            }
-            return clipboard_typeof(obj);
-          }
-          function _classCallCheck(instance, Constructor) {
-            if (!(instance instanceof Constructor)) {
-              throw new TypeError("Cannot call a class as a function");
-            }
-          }
-          function _defineProperties(target, props) {
-            for (var i = 0; i < props.length; i++) {
-              var descriptor = props[i];
-              descriptor.enumerable = descriptor.enumerable || false;
-              descriptor.configurable = true;
-              if ("value" in descriptor)
-                descriptor.writable = true;
-              Object.defineProperty(target, descriptor.key, descriptor);
-            }
-          }
-          function _createClass(Constructor, protoProps, staticProps) {
-            if (protoProps)
-              _defineProperties(Constructor.prototype, protoProps);
-            if (staticProps)
-              _defineProperties(Constructor, staticProps);
-            return Constructor;
-          }
-          function _inherits(subClass, superClass) {
-            if (typeof superClass !== "function" && superClass !== null) {
-              throw new TypeError("Super expression must either be null or a function");
-            }
-            subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
-            if (superClass)
-              _setPrototypeOf(subClass, superClass);
-          }
-          function _setPrototypeOf(o, p) {
-            _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
-              o2.__proto__ = p2;
-              return o2;
-            };
-            return _setPrototypeOf(o, p);
-          }
-          function _createSuper(Derived) {
-            var hasNativeReflectConstruct = _isNativeReflectConstruct();
-            return function _createSuperInternal() {
-              var Super = _getPrototypeOf(Derived), result;
-              if (hasNativeReflectConstruct) {
-                var NewTarget = _getPrototypeOf(this).constructor;
-                result = Reflect.construct(Super, arguments, NewTarget);
-              } else {
-                result = Super.apply(this, arguments);
-              }
-              return _possibleConstructorReturn(this, result);
-            };
-          }
-          function _possibleConstructorReturn(self2, call) {
-            if (call && (clipboard_typeof(call) === "object" || typeof call === "function")) {
-              return call;
-            }
-            return _assertThisInitialized(self2);
-          }
-          function _assertThisInitialized(self2) {
-            if (self2 === void 0) {
-              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-            }
-            return self2;
-          }
-          function _isNativeReflectConstruct() {
-            if (typeof Reflect === "undefined" || !Reflect.construct)
-              return false;
-            if (Reflect.construct.sham)
-              return false;
-            if (typeof Proxy === "function")
-              return true;
-            try {
-              Date.prototype.toString.call(Reflect.construct(Date, [], function() {
-              }));
-              return true;
-            } catch (e) {
-              return false;
-            }
-          }
-          function _getPrototypeOf(o) {
-            _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
-              return o2.__proto__ || Object.getPrototypeOf(o2);
-            };
-            return _getPrototypeOf(o);
-          }
-          function getAttributeValue(suffix, element) {
-            var attribute = "data-clipboard-".concat(suffix);
-            if (!element.hasAttribute(attribute)) {
-              return;
-            }
-            return element.getAttribute(attribute);
-          }
-          var Clipboard = /* @__PURE__ */ function(_Emitter) {
-            _inherits(Clipboard2, _Emitter);
-            var _super = _createSuper(Clipboard2);
-            function Clipboard2(trigger, options) {
-              var _this;
-              _classCallCheck(this, Clipboard2);
-              _this = _super.call(this);
-              _this.resolveOptions(options);
-              _this.listenClick(trigger);
-              return _this;
-            }
-            _createClass(Clipboard2, [{
-              key: "resolveOptions",
-              value: function resolveOptions() {
-                var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-                this.action = typeof options.action === "function" ? options.action : this.defaultAction;
-                this.target = typeof options.target === "function" ? options.target : this.defaultTarget;
-                this.text = typeof options.text === "function" ? options.text : this.defaultText;
-                this.container = clipboard_typeof(options.container) === "object" ? options.container : document.body;
-              }
-            }, {
-              key: "listenClick",
-              value: function listenClick(trigger) {
-                var _this2 = this;
-                this.listener = listen_default()(trigger, "click", function(e) {
-                  return _this2.onClick(e);
-                });
-              }
-            }, {
-              key: "onClick",
-              value: function onClick(e) {
-                var trigger = e.delegateTarget || e.currentTarget;
-                var action = this.action(trigger) || "copy";
-                var text = actions_default({
-                  action,
-                  container: this.container,
-                  target: this.target(trigger),
-                  text: this.text(trigger)
-                });
-                this.emit(text ? "success" : "error", {
-                  action,
-                  text,
-                  trigger,
-                  clearSelection: function clearSelection() {
-                    if (trigger) {
-                      trigger.focus();
-                    }
-                    document.activeElement.blur();
-                    window.getSelection().removeAllRanges();
-                  }
-                });
-              }
-            }, {
-              key: "defaultAction",
-              value: function defaultAction(trigger) {
-                return getAttributeValue("action", trigger);
-              }
-            }, {
-              key: "defaultTarget",
-              value: function defaultTarget(trigger) {
-                var selector = getAttributeValue("target", trigger);
-                if (selector) {
-                  return document.querySelector(selector);
-                }
-              }
-            }, {
-              key: "defaultText",
-              value: function defaultText(trigger) {
-                return getAttributeValue("text", trigger);
-              }
-            }, {
-              key: "destroy",
-              value: function destroy() {
-                this.listener.destroy();
-              }
-            }], [{
-              key: "copy",
-              value: function copy(target) {
-                var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
-                  container: document.body
-                };
-                return actions_copy(target, options);
-              }
-            }, {
-              key: "cut",
-              value: function cut(target) {
-                return actions_cut(target);
-              }
-            }, {
-              key: "isSupported",
-              value: function isSupported() {
-                var action = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["copy", "cut"];
-                var actions = typeof action === "string" ? [action] : action;
-                var support = !!document.queryCommandSupported;
-                actions.forEach(function(action2) {
-                  support = support && !!document.queryCommandSupported(action2);
-                });
-                return support;
-              }
-            }]);
-            return Clipboard2;
-          }(tiny_emitter_default());
-          var clipboard2 = Clipboard;
-        },
-        828: function(module3) {
-          var DOCUMENT_NODE_TYPE = 9;
-          if (typeof Element !== "undefined" && !Element.prototype.matches) {
-            var proto = Element.prototype;
-            proto.matches = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector || proto.webkitMatchesSelector;
-          }
-          function closest(element, selector) {
-            while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
-              if (typeof element.matches === "function" && element.matches(selector)) {
-                return element;
-              }
-              element = element.parentNode;
-            }
-          }
-          module3.exports = closest;
-        },
-        438: function(module3, __unused_webpack_exports, __webpack_require__2) {
-          var closest = __webpack_require__2(828);
-          function _delegate(element, selector, type, callback, useCapture) {
-            var listenerFn = listener.apply(this, arguments);
-            element.addEventListener(type, listenerFn, useCapture);
-            return {
-              destroy: function() {
-                element.removeEventListener(type, listenerFn, useCapture);
-              }
-            };
-          }
-          function delegate(elements, selector, type, callback, useCapture) {
-            if (typeof elements.addEventListener === "function") {
-              return _delegate.apply(null, arguments);
-            }
-            if (typeof type === "function") {
-              return _delegate.bind(null, document).apply(null, arguments);
-            }
-            if (typeof elements === "string") {
-              elements = document.querySelectorAll(elements);
-            }
-            return Array.prototype.map.call(elements, function(element) {
-              return _delegate(element, selector, type, callback, useCapture);
-            });
-          }
-          function listener(element, selector, type, callback) {
-            return function(e) {
-              e.delegateTarget = closest(e.target, selector);
-              if (e.delegateTarget) {
-                callback.call(element, e);
-              }
-            };
-          }
-          module3.exports = delegate;
-        },
-        879: function(__unused_webpack_module, exports3) {
-          exports3.node = function(value) {
-            return value !== void 0 && value instanceof HTMLElement && value.nodeType === 1;
-          };
-          exports3.nodeList = function(value) {
-            var type = Object.prototype.toString.call(value);
-            return value !== void 0 && (type === "[object NodeList]" || type === "[object HTMLCollection]") && "length" in value && (value.length === 0 || exports3.node(value[0]));
-          };
-          exports3.string = function(value) {
-            return typeof value === "string" || value instanceof String;
-          };
-          exports3.fn = function(value) {
-            var type = Object.prototype.toString.call(value);
-            return type === "[object Function]";
-          };
-        },
-        370: function(module3, __unused_webpack_exports, __webpack_require__2) {
-          var is = __webpack_require__2(879);
-          var delegate = __webpack_require__2(438);
-          function listen(target, type, callback) {
-            if (!target && !type && !callback) {
-              throw new Error("Missing required arguments");
-            }
-            if (!is.string(type)) {
-              throw new TypeError("Second argument must be a String");
-            }
-            if (!is.fn(callback)) {
-              throw new TypeError("Third argument must be a Function");
-            }
-            if (is.node(target)) {
-              return listenNode(target, type, callback);
-            } else if (is.nodeList(target)) {
-              return listenNodeList(target, type, callback);
-            } else if (is.string(target)) {
-              return listenSelector(target, type, callback);
-            } else {
-              throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");
-            }
-          }
-          function listenNode(node, type, callback) {
-            node.addEventListener(type, callback);
-            return {
-              destroy: function() {
-                node.removeEventListener(type, callback);
-              }
-            };
-          }
-          function listenNodeList(nodeList, type, callback) {
-            Array.prototype.forEach.call(nodeList, function(node) {
-              node.addEventListener(type, callback);
-            });
-            return {
-              destroy: function() {
-                Array.prototype.forEach.call(nodeList, function(node) {
-                  node.removeEventListener(type, callback);
-                });
-              }
-            };
-          }
-          function listenSelector(selector, type, callback) {
-            return delegate(document.body, selector, type, callback);
-          }
-          module3.exports = listen;
-        },
-        817: function(module3) {
-          function select2(element) {
-            var selectedText;
-            if (element.nodeName === "SELECT") {
-              element.focus();
-              selectedText = element.value;
-            } else if (element.nodeName === "INPUT" || element.nodeName === "TEXTAREA") {
-              var isReadOnly = element.hasAttribute("readonly");
-              if (!isReadOnly) {
-                element.setAttribute("readonly", "");
-              }
-              element.select();
-              element.setSelectionRange(0, element.value.length);
-              if (!isReadOnly) {
-                element.removeAttribute("readonly");
-              }
-              selectedText = element.value;
-            } else {
-              if (element.hasAttribute("contenteditable")) {
-                element.focus();
-              }
-              var selection = window.getSelection();
-              var range = document.createRange();
-              range.selectNodeContents(element);
-              selection.removeAllRanges();
-              selection.addRange(range);
-              selectedText = selection.toString();
-            }
-            return selectedText;
-          }
-          module3.exports = select2;
-        },
-        279: function(module3) {
-          function E() {
-          }
-          E.prototype = {
-            on: function(name2, callback, ctx) {
-              var e = this.e || (this.e = {});
-              (e[name2] || (e[name2] = [])).push({
-                fn: callback,
-                ctx
-              });
-              return this;
-            },
-            once: function(name2, callback, ctx) {
-              var self2 = this;
-              function listener() {
-                self2.off(name2, listener);
-                callback.apply(ctx, arguments);
-              }
-              listener._ = callback;
-              return this.on(name2, listener, ctx);
-            },
-            emit: function(name2) {
-              var data = [].slice.call(arguments, 1);
-              var evtArr = ((this.e || (this.e = {}))[name2] || []).slice();
-              var i = 0;
-              var len = evtArr.length;
-              for (i; i < len; i++) {
-                evtArr[i].fn.apply(evtArr[i].ctx, data);
-              }
-              return this;
-            },
-            off: function(name2, callback) {
-              var e = this.e || (this.e = {});
-              var evts = e[name2];
-              var liveEvents = [];
-              if (evts && callback) {
-                for (var i = 0, len = evts.length; i < len; i++) {
-                  if (evts[i].fn !== callback && evts[i].fn._ !== callback)
-                    liveEvents.push(evts[i]);
-                }
-              }
-              liveEvents.length ? e[name2] = liveEvents : delete e[name2];
-              return this;
-            }
-          };
-          module3.exports = E;
-          module3.exports.TinyEmitter = E;
-        }
-      };
-      var __webpack_module_cache__ = {};
-      function __webpack_require__(moduleId) {
-        if (__webpack_module_cache__[moduleId]) {
-          return __webpack_module_cache__[moduleId].exports;
-        }
-        var module3 = __webpack_module_cache__[moduleId] = {
-          exports: {}
-        };
-        __webpack_modules__[moduleId](module3, module3.exports, __webpack_require__);
-        return module3.exports;
-      }
-      !function() {
-        __webpack_require__.n = function(module3) {
-          var getter = module3 && module3.__esModule ? function() {
-            return module3["default"];
-          } : function() {
-            return module3;
-          };
-          __webpack_require__.d(getter, { a: getter });
-          return getter;
-        };
-      }();
-      !function() {
-        __webpack_require__.d = function(exports3, definition) {
-          for (var key in definition) {
-            if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports3, key)) {
-              Object.defineProperty(exports3, key, { enumerable: true, get: definition[key] });
-            }
-          }
-        };
-      }();
-      !function() {
-        __webpack_require__.o = function(obj, prop) {
-          return Object.prototype.hasOwnProperty.call(obj, prop);
-        };
-      }();
-      return __webpack_require__(686);
-    }().default;
-  });
-})(clipboard);
-var ClipboardJS = /* @__PURE__ */ getDefaultExportFromCjs(clipboard.exports);
-var _export_sfc$1 = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _sfc_main$10 = defineComponent({
-  name: "ArrowDownBold"
-});
-const _hoisted_1$D = {
-  class: "icon",
-  width: "200",
-  height: "200",
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M104.704 338.752a64 64 0 0190.496 0l316.8 316.8 316.8-316.8a64 64 0 0190.496 90.496L557.248 791.296a64 64 0 01-90.496 0L104.704 429.248a64 64 0 010-90.496z"
-}, null, -1);
-const _hoisted_3$t = [
-  _hoisted_2$u
-];
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$t);
-}
-var arrowDownBold = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["render", _sfc_render$m]]);
+var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$10, [["render", _sfc_render$l]]);
 const _sfc_main$$ = defineComponent({
-  name: "ArrowDown"
-});
-const _hoisted_1$C = {
-  class: "icon",
-  width: "200",
-  height: "200",
-  viewBox: "0 0 1024 1024",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode("path", {
-  fill: "currentColor",
-  d: "M831.872 340.864L512 652.672 192.128 340.864a30.592 30.592 0 00-42.752 0 29.12 29.12 0 000 41.6L489.664 714.24a32 32 0 0044.672 0l340.288-331.712a29.12 29.12 0 000-41.728 30.592 30.592 0 00-42.752 0z"
-}, null, -1);
-const _hoisted_3$s = [
-  _hoisted_2$t
-];
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$s);
-}
-var arrowDown = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["render", _sfc_render$l]]);
-const _sfc_main$_ = defineComponent({
   name: "CaretBottom"
 });
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2397,13 +1813,13 @@ const _hoisted_3$r = [
   _hoisted_2$s
 ];
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$r);
+  return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$r);
 }
-var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["render", _sfc_render$k]]);
-const _sfc_main$Z = defineComponent({
+var caretBottom = /* @__PURE__ */ _export_sfc$1(_sfc_main$$, [["render", _sfc_render$k]]);
+const _sfc_main$_ = defineComponent({
   name: "CaretRight"
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2418,13 +1834,13 @@ const _hoisted_3$q = [
   _hoisted_2$r
 ];
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$q);
+  return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$q);
 }
-var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["render", _sfc_render$j]]);
-const _sfc_main$Y = defineComponent({
+var caretRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$_, [["render", _sfc_render$j]]);
+const _sfc_main$Z = defineComponent({
   name: "CaretTop"
 });
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2439,13 +1855,13 @@ const _hoisted_3$p = [
   _hoisted_2$q
 ];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$p);
+  return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$p);
 }
-var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$i]]);
-const _sfc_main$X = defineComponent({
+var caretTop = /* @__PURE__ */ _export_sfc$1(_sfc_main$Z, [["render", _sfc_render$i]]);
+const _sfc_main$Y = defineComponent({
   name: "CirclePlusFilled"
 });
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2460,13 +1876,13 @@ const _hoisted_3$o = [
   _hoisted_2$p
 ];
 function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$o);
+  return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$o);
 }
-var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$h]]);
-const _sfc_main$W = defineComponent({
+var circlePlusFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$Y, [["render", _sfc_render$h]]);
+const _sfc_main$X = defineComponent({
   name: "CirclePlus"
 });
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2491,13 +1907,13 @@ const _hoisted_5$5 = [
   _hoisted_4$8
 ];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_5$5);
+  return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_5$5);
 }
-var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$g]]);
-const _sfc_main$V = defineComponent({
+var circlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$X, [["render", _sfc_render$g]]);
+const _sfc_main$W = defineComponent({
   name: "Download"
 });
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2512,13 +1928,13 @@ const _hoisted_3$m = [
   _hoisted_2$n
 ];
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$m);
+  return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$m);
 }
-var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$f]]);
-const _sfc_main$U = defineComponent({
+var download = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$f]]);
+const _sfc_main$V = defineComponent({
   name: "Edit"
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2538,13 +1954,13 @@ const _hoisted_4$7 = [
   _hoisted_3$l
 ];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_4$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_4$7);
 }
-var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$e]]);
-const _sfc_main$T = defineComponent({
+var edit = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$e]]);
+const _sfc_main$U = defineComponent({
   name: "Filter"
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2559,13 +1975,13 @@ const _hoisted_3$k = [
   _hoisted_2$l
 ];
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
+  return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$k);
 }
-var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$d]]);
-const _sfc_main$S = defineComponent({
+var filter = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["render", _sfc_render$d]]);
+const _sfc_main$T = defineComponent({
   name: "FullScreen"
 });
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2580,13 +1996,13 @@ const _hoisted_3$j = [
   _hoisted_2$k
 ];
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
+  return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$j);
 }
-var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$c]]);
-const _sfc_main$R = defineComponent({
+var fullScreen = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["render", _sfc_render$c]]);
+const _sfc_main$S = defineComponent({
   name: "Grid"
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2601,13 +2017,13 @@ const _hoisted_3$i = [
   _hoisted_2$j
 ];
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
+  return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$i);
 }
-var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$b]]);
-const _sfc_main$Q = defineComponent({
+var grid = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["render", _sfc_render$b]]);
+const _sfc_main$R = defineComponent({
   name: "InfoFilled"
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2622,13 +2038,13 @@ const _hoisted_3$h = [
   _hoisted_2$i
 ];
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
+  return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$h);
 }
-var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$a]]);
-const _sfc_main$P = defineComponent({
+var infoFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$R, [["render", _sfc_render$a]]);
+const _sfc_main$Q = defineComponent({
   name: "Loading"
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2643,13 +2059,13 @@ const _hoisted_3$g = [
   _hoisted_2$h
 ];
 function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
+  return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$g);
 }
-var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$9]]);
-const _sfc_main$O = defineComponent({
+var loading = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$9]]);
+const _sfc_main$P = defineComponent({
   name: "Menu"
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2664,13 +2080,13 @@ const _hoisted_3$f = [
   _hoisted_2$g
 ];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
+  return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$f);
 }
-var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$8]]);
-const _sfc_main$N = defineComponent({
+var menu = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$8]]);
+const _sfc_main$O = defineComponent({
   name: "Plus"
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2685,13 +2101,13 @@ const _hoisted_3$e = [
   _hoisted_2$f
 ];
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
+  return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$e);
 }
-var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$7]]);
-const _sfc_main$M = defineComponent({
+var plus = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$7]]);
+const _sfc_main$N = defineComponent({
   name: "QuestionFilled"
 });
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2706,13 +2122,13 @@ const _hoisted_3$d = [
   _hoisted_2$e
 ];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
+  return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$d);
 }
-var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$6]]);
-const _sfc_main$L = defineComponent({
+var questionFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$6]]);
+const _sfc_main$M = defineComponent({
   name: "RefreshLeft"
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2727,13 +2143,13 @@ const _hoisted_3$c = [
   _hoisted_2$d
 ];
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
+  return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$c);
 }
-var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$5]]);
-const _sfc_main$K = defineComponent({
+var refreshLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$5]]);
+const _sfc_main$L = defineComponent({
   name: "RemoveFilled"
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2748,13 +2164,13 @@ const _hoisted_3$b = [
   _hoisted_2$c
 ];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$b);
+  return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$b);
 }
-var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$4]]);
-const _sfc_main$J = defineComponent({
+var removeFilled = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["render", _sfc_render$4]]);
+const _sfc_main$K = defineComponent({
   name: "Remove"
 });
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2774,13 +2190,13 @@ const _hoisted_4$6 = [
   _hoisted_3$a
 ];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_4$6);
+  return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_4$6);
 }
-var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$3]]);
-const _sfc_main$I = defineComponent({
+var remove = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["render", _sfc_render$3]]);
+const _sfc_main$J = defineComponent({
   name: "Select"
 });
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2795,13 +2211,13 @@ const _hoisted_3$9 = [
   _hoisted_2$a
 ];
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$9);
+  return openBlock(), createElementBlock("svg", _hoisted_1$k, _hoisted_3$9);
 }
-var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$2]]);
-const _sfc_main$H = defineComponent({
+var select = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["render", _sfc_render$2]]);
+const _sfc_main$I = defineComponent({
   name: "Sort"
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2816,13 +2232,13 @@ const _hoisted_3$8 = [
   _hoisted_2$9
 ];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$8);
+  return openBlock(), createElementBlock("svg", _hoisted_1$j, _hoisted_3$8);
 }
-var sort = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render$1]]);
-const _sfc_main$G = defineComponent({
+var sort = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["render", _sfc_render$1]]);
+const _sfc_main$H = defineComponent({
   name: "Tools"
 });
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   class: "icon",
   width: "200",
   height: "200",
@@ -2837,14 +2253,14 @@ const _hoisted_3$7 = [
   _hoisted_2$8
 ];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _hoisted_3$7);
 }
-var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["render", _sfc_render]]);
+var tools = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["render", _sfc_render]]);
 const formManagerProvideKey = Symbol("form-manager");
 const registerPropertyProvideKey = Symbol("registerProperty");
 const isOpenAuthButtonProvideKey = Symbol("isOpenAuthButton");
 const authButtonsProvideKey = Symbol("authButtons");
-const _sfc_main$F = {
+const _sfc_main$G = {
   name: "ButtonItemRender",
   props: {
     text: {
@@ -2868,16 +2284,663 @@ const _sfc_main$F = {
     }
   }
 };
-var index_vue_vue_type_style_index_0_lang$b = "";
+class EventChain {
+  constructor() {
+    __publicField(this, "chains", []);
+  }
+  setChain(chainItem) {
+    this.chains.push(chainItem);
+    return this;
+  }
+  passRequest(...rest) {
+    const chains = this.chains;
+    const len = chains.length;
+    let result = false;
+    for (let index2 = 0; index2 < len; index2++) {
+      const chain = chains[index2];
+      result = chain.apply(this, rest);
+      if (result !== false) {
+        break;
+      }
+    }
+    return result;
+  }
+}
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var clipboard = { exports: {} };
+/*!
+ * clipboard.js v2.0.10
+ * https://clipboardjs.com/
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+(function(module2, exports2) {
+  (function webpackUniversalModuleDefinition(root2, factory) {
+    module2.exports = factory();
+  })(commonjsGlobal, function() {
+    return function() {
+      var __webpack_modules__ = {
+        686: function(__unused_webpack_module, __webpack_exports__, __webpack_require__2) {
+          __webpack_require__2.d(__webpack_exports__, {
+            "default": function() {
+              return clipboard2;
+            }
+          });
+          var tiny_emitter = __webpack_require__2(279);
+          var tiny_emitter_default = /* @__PURE__ */ __webpack_require__2.n(tiny_emitter);
+          var listen = __webpack_require__2(370);
+          var listen_default = /* @__PURE__ */ __webpack_require__2.n(listen);
+          var src_select = __webpack_require__2(817);
+          var select_default = /* @__PURE__ */ __webpack_require__2.n(src_select);
+          function command(type) {
+            try {
+              return document.execCommand(type);
+            } catch (err) {
+              return false;
+            }
+          }
+          var ClipboardActionCut = function ClipboardActionCut2(target) {
+            var selectedText = select_default()(target);
+            command("cut");
+            return selectedText;
+          };
+          var actions_cut = ClipboardActionCut;
+          function createFakeElement(value) {
+            var isRTL = document.documentElement.getAttribute("dir") === "rtl";
+            var fakeElement = document.createElement("textarea");
+            fakeElement.style.fontSize = "12pt";
+            fakeElement.style.border = "0";
+            fakeElement.style.padding = "0";
+            fakeElement.style.margin = "0";
+            fakeElement.style.position = "absolute";
+            fakeElement.style[isRTL ? "right" : "left"] = "-9999px";
+            var yPosition = window.pageYOffset || document.documentElement.scrollTop;
+            fakeElement.style.top = "".concat(yPosition, "px");
+            fakeElement.setAttribute("readonly", "");
+            fakeElement.value = value;
+            return fakeElement;
+          }
+          var ClipboardActionCopy = function ClipboardActionCopy2(target) {
+            var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+              container: document.body
+            };
+            var selectedText = "";
+            if (typeof target === "string") {
+              var fakeElement = createFakeElement(target);
+              options.container.appendChild(fakeElement);
+              selectedText = select_default()(fakeElement);
+              command("copy");
+              fakeElement.remove();
+            } else {
+              selectedText = select_default()(target);
+              command("copy");
+            }
+            return selectedText;
+          };
+          var actions_copy = ClipboardActionCopy;
+          function _typeof(obj) {
+            "@babel/helpers - typeof";
+            if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+              _typeof = function _typeof2(obj2) {
+                return typeof obj2;
+              };
+            } else {
+              _typeof = function _typeof2(obj2) {
+                return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              };
+            }
+            return _typeof(obj);
+          }
+          var ClipboardActionDefault = function ClipboardActionDefault2() {
+            var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+            var _options$action = options.action, action = _options$action === void 0 ? "copy" : _options$action, container = options.container, target = options.target, text = options.text;
+            if (action !== "copy" && action !== "cut") {
+              throw new Error('Invalid "action" value, use either "copy" or "cut"');
+            }
+            if (target !== void 0) {
+              if (target && _typeof(target) === "object" && target.nodeType === 1) {
+                if (action === "copy" && target.hasAttribute("disabled")) {
+                  throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
+                }
+                if (action === "cut" && (target.hasAttribute("readonly") || target.hasAttribute("disabled"))) {
+                  throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);
+                }
+              } else {
+                throw new Error('Invalid "target" value, use a valid Element');
+              }
+            }
+            if (text) {
+              return actions_copy(text, {
+                container
+              });
+            }
+            if (target) {
+              return action === "cut" ? actions_cut(target) : actions_copy(target, {
+                container
+              });
+            }
+          };
+          var actions_default = ClipboardActionDefault;
+          function clipboard_typeof(obj) {
+            "@babel/helpers - typeof";
+            if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+              clipboard_typeof = function _typeof2(obj2) {
+                return typeof obj2;
+              };
+            } else {
+              clipboard_typeof = function _typeof2(obj2) {
+                return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
+              };
+            }
+            return clipboard_typeof(obj);
+          }
+          function _classCallCheck(instance, Constructor) {
+            if (!(instance instanceof Constructor)) {
+              throw new TypeError("Cannot call a class as a function");
+            }
+          }
+          function _defineProperties(target, props) {
+            for (var i = 0; i < props.length; i++) {
+              var descriptor = props[i];
+              descriptor.enumerable = descriptor.enumerable || false;
+              descriptor.configurable = true;
+              if ("value" in descriptor)
+                descriptor.writable = true;
+              Object.defineProperty(target, descriptor.key, descriptor);
+            }
+          }
+          function _createClass(Constructor, protoProps, staticProps) {
+            if (protoProps)
+              _defineProperties(Constructor.prototype, protoProps);
+            if (staticProps)
+              _defineProperties(Constructor, staticProps);
+            return Constructor;
+          }
+          function _inherits(subClass, superClass) {
+            if (typeof superClass !== "function" && superClass !== null) {
+              throw new TypeError("Super expression must either be null or a function");
+            }
+            subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
+            if (superClass)
+              _setPrototypeOf(subClass, superClass);
+          }
+          function _setPrototypeOf(o, p) {
+            _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+              o2.__proto__ = p2;
+              return o2;
+            };
+            return _setPrototypeOf(o, p);
+          }
+          function _createSuper(Derived) {
+            var hasNativeReflectConstruct = _isNativeReflectConstruct();
+            return function _createSuperInternal() {
+              var Super = _getPrototypeOf(Derived), result;
+              if (hasNativeReflectConstruct) {
+                var NewTarget = _getPrototypeOf(this).constructor;
+                result = Reflect.construct(Super, arguments, NewTarget);
+              } else {
+                result = Super.apply(this, arguments);
+              }
+              return _possibleConstructorReturn(this, result);
+            };
+          }
+          function _possibleConstructorReturn(self2, call) {
+            if (call && (clipboard_typeof(call) === "object" || typeof call === "function")) {
+              return call;
+            }
+            return _assertThisInitialized(self2);
+          }
+          function _assertThisInitialized(self2) {
+            if (self2 === void 0) {
+              throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+            }
+            return self2;
+          }
+          function _isNativeReflectConstruct() {
+            if (typeof Reflect === "undefined" || !Reflect.construct)
+              return false;
+            if (Reflect.construct.sham)
+              return false;
+            if (typeof Proxy === "function")
+              return true;
+            try {
+              Date.prototype.toString.call(Reflect.construct(Date, [], function() {
+              }));
+              return true;
+            } catch (e) {
+              return false;
+            }
+          }
+          function _getPrototypeOf(o) {
+            _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
+              return o2.__proto__ || Object.getPrototypeOf(o2);
+            };
+            return _getPrototypeOf(o);
+          }
+          function getAttributeValue(suffix, element) {
+            var attribute = "data-clipboard-".concat(suffix);
+            if (!element.hasAttribute(attribute)) {
+              return;
+            }
+            return element.getAttribute(attribute);
+          }
+          var Clipboard = /* @__PURE__ */ function(_Emitter) {
+            _inherits(Clipboard2, _Emitter);
+            var _super = _createSuper(Clipboard2);
+            function Clipboard2(trigger, options) {
+              var _this;
+              _classCallCheck(this, Clipboard2);
+              _this = _super.call(this);
+              _this.resolveOptions(options);
+              _this.listenClick(trigger);
+              return _this;
+            }
+            _createClass(Clipboard2, [{
+              key: "resolveOptions",
+              value: function resolveOptions() {
+                var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+                this.action = typeof options.action === "function" ? options.action : this.defaultAction;
+                this.target = typeof options.target === "function" ? options.target : this.defaultTarget;
+                this.text = typeof options.text === "function" ? options.text : this.defaultText;
+                this.container = clipboard_typeof(options.container) === "object" ? options.container : document.body;
+              }
+            }, {
+              key: "listenClick",
+              value: function listenClick(trigger) {
+                var _this2 = this;
+                this.listener = listen_default()(trigger, "click", function(e) {
+                  return _this2.onClick(e);
+                });
+              }
+            }, {
+              key: "onClick",
+              value: function onClick(e) {
+                var trigger = e.delegateTarget || e.currentTarget;
+                var action = this.action(trigger) || "copy";
+                var text = actions_default({
+                  action,
+                  container: this.container,
+                  target: this.target(trigger),
+                  text: this.text(trigger)
+                });
+                this.emit(text ? "success" : "error", {
+                  action,
+                  text,
+                  trigger,
+                  clearSelection: function clearSelection() {
+                    if (trigger) {
+                      trigger.focus();
+                    }
+                    document.activeElement.blur();
+                    window.getSelection().removeAllRanges();
+                  }
+                });
+              }
+            }, {
+              key: "defaultAction",
+              value: function defaultAction(trigger) {
+                return getAttributeValue("action", trigger);
+              }
+            }, {
+              key: "defaultTarget",
+              value: function defaultTarget(trigger) {
+                var selector = getAttributeValue("target", trigger);
+                if (selector) {
+                  return document.querySelector(selector);
+                }
+              }
+            }, {
+              key: "defaultText",
+              value: function defaultText(trigger) {
+                return getAttributeValue("text", trigger);
+              }
+            }, {
+              key: "destroy",
+              value: function destroy() {
+                this.listener.destroy();
+              }
+            }], [{
+              key: "copy",
+              value: function copy(target) {
+                var options = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
+                  container: document.body
+                };
+                return actions_copy(target, options);
+              }
+            }, {
+              key: "cut",
+              value: function cut(target) {
+                return actions_cut(target);
+              }
+            }, {
+              key: "isSupported",
+              value: function isSupported() {
+                var action = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["copy", "cut"];
+                var actions = typeof action === "string" ? [action] : action;
+                var support = !!document.queryCommandSupported;
+                actions.forEach(function(action2) {
+                  support = support && !!document.queryCommandSupported(action2);
+                });
+                return support;
+              }
+            }]);
+            return Clipboard2;
+          }(tiny_emitter_default());
+          var clipboard2 = Clipboard;
+        },
+        828: function(module3) {
+          var DOCUMENT_NODE_TYPE = 9;
+          if (typeof Element !== "undefined" && !Element.prototype.matches) {
+            var proto = Element.prototype;
+            proto.matches = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector || proto.webkitMatchesSelector;
+          }
+          function closest(element, selector) {
+            while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
+              if (typeof element.matches === "function" && element.matches(selector)) {
+                return element;
+              }
+              element = element.parentNode;
+            }
+          }
+          module3.exports = closest;
+        },
+        438: function(module3, __unused_webpack_exports, __webpack_require__2) {
+          var closest = __webpack_require__2(828);
+          function _delegate(element, selector, type, callback, useCapture) {
+            var listenerFn = listener.apply(this, arguments);
+            element.addEventListener(type, listenerFn, useCapture);
+            return {
+              destroy: function() {
+                element.removeEventListener(type, listenerFn, useCapture);
+              }
+            };
+          }
+          function delegate(elements, selector, type, callback, useCapture) {
+            if (typeof elements.addEventListener === "function") {
+              return _delegate.apply(null, arguments);
+            }
+            if (typeof type === "function") {
+              return _delegate.bind(null, document).apply(null, arguments);
+            }
+            if (typeof elements === "string") {
+              elements = document.querySelectorAll(elements);
+            }
+            return Array.prototype.map.call(elements, function(element) {
+              return _delegate(element, selector, type, callback, useCapture);
+            });
+          }
+          function listener(element, selector, type, callback) {
+            return function(e) {
+              e.delegateTarget = closest(e.target, selector);
+              if (e.delegateTarget) {
+                callback.call(element, e);
+              }
+            };
+          }
+          module3.exports = delegate;
+        },
+        879: function(__unused_webpack_module, exports3) {
+          exports3.node = function(value) {
+            return value !== void 0 && value instanceof HTMLElement && value.nodeType === 1;
+          };
+          exports3.nodeList = function(value) {
+            var type = Object.prototype.toString.call(value);
+            return value !== void 0 && (type === "[object NodeList]" || type === "[object HTMLCollection]") && "length" in value && (value.length === 0 || exports3.node(value[0]));
+          };
+          exports3.string = function(value) {
+            return typeof value === "string" || value instanceof String;
+          };
+          exports3.fn = function(value) {
+            var type = Object.prototype.toString.call(value);
+            return type === "[object Function]";
+          };
+        },
+        370: function(module3, __unused_webpack_exports, __webpack_require__2) {
+          var is = __webpack_require__2(879);
+          var delegate = __webpack_require__2(438);
+          function listen(target, type, callback) {
+            if (!target && !type && !callback) {
+              throw new Error("Missing required arguments");
+            }
+            if (!is.string(type)) {
+              throw new TypeError("Second argument must be a String");
+            }
+            if (!is.fn(callback)) {
+              throw new TypeError("Third argument must be a Function");
+            }
+            if (is.node(target)) {
+              return listenNode(target, type, callback);
+            } else if (is.nodeList(target)) {
+              return listenNodeList(target, type, callback);
+            } else if (is.string(target)) {
+              return listenSelector(target, type, callback);
+            } else {
+              throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");
+            }
+          }
+          function listenNode(node, type, callback) {
+            node.addEventListener(type, callback);
+            return {
+              destroy: function() {
+                node.removeEventListener(type, callback);
+              }
+            };
+          }
+          function listenNodeList(nodeList, type, callback) {
+            Array.prototype.forEach.call(nodeList, function(node) {
+              node.addEventListener(type, callback);
+            });
+            return {
+              destroy: function() {
+                Array.prototype.forEach.call(nodeList, function(node) {
+                  node.removeEventListener(type, callback);
+                });
+              }
+            };
+          }
+          function listenSelector(selector, type, callback) {
+            return delegate(document.body, selector, type, callback);
+          }
+          module3.exports = listen;
+        },
+        817: function(module3) {
+          function select2(element) {
+            var selectedText;
+            if (element.nodeName === "SELECT") {
+              element.focus();
+              selectedText = element.value;
+            } else if (element.nodeName === "INPUT" || element.nodeName === "TEXTAREA") {
+              var isReadOnly = element.hasAttribute("readonly");
+              if (!isReadOnly) {
+                element.setAttribute("readonly", "");
+              }
+              element.select();
+              element.setSelectionRange(0, element.value.length);
+              if (!isReadOnly) {
+                element.removeAttribute("readonly");
+              }
+              selectedText = element.value;
+            } else {
+              if (element.hasAttribute("contenteditable")) {
+                element.focus();
+              }
+              var selection = window.getSelection();
+              var range = document.createRange();
+              range.selectNodeContents(element);
+              selection.removeAllRanges();
+              selection.addRange(range);
+              selectedText = selection.toString();
+            }
+            return selectedText;
+          }
+          module3.exports = select2;
+        },
+        279: function(module3) {
+          function E() {
+          }
+          E.prototype = {
+            on: function(name2, callback, ctx) {
+              var e = this.e || (this.e = {});
+              (e[name2] || (e[name2] = [])).push({
+                fn: callback,
+                ctx
+              });
+              return this;
+            },
+            once: function(name2, callback, ctx) {
+              var self2 = this;
+              function listener() {
+                self2.off(name2, listener);
+                callback.apply(ctx, arguments);
+              }
+              listener._ = callback;
+              return this.on(name2, listener, ctx);
+            },
+            emit: function(name2) {
+              var data = [].slice.call(arguments, 1);
+              var evtArr = ((this.e || (this.e = {}))[name2] || []).slice();
+              var i = 0;
+              var len = evtArr.length;
+              for (i; i < len; i++) {
+                evtArr[i].fn.apply(evtArr[i].ctx, data);
+              }
+              return this;
+            },
+            off: function(name2, callback) {
+              var e = this.e || (this.e = {});
+              var evts = e[name2];
+              var liveEvents = [];
+              if (evts && callback) {
+                for (var i = 0, len = evts.length; i < len; i++) {
+                  if (evts[i].fn !== callback && evts[i].fn._ !== callback)
+                    liveEvents.push(evts[i]);
+                }
+              }
+              liveEvents.length ? e[name2] = liveEvents : delete e[name2];
+              return this;
+            }
+          };
+          module3.exports = E;
+          module3.exports.TinyEmitter = E;
+        }
+      };
+      var __webpack_module_cache__ = {};
+      function __webpack_require__(moduleId) {
+        if (__webpack_module_cache__[moduleId]) {
+          return __webpack_module_cache__[moduleId].exports;
+        }
+        var module3 = __webpack_module_cache__[moduleId] = {
+          exports: {}
+        };
+        __webpack_modules__[moduleId](module3, module3.exports, __webpack_require__);
+        return module3.exports;
+      }
+      !function() {
+        __webpack_require__.n = function(module3) {
+          var getter = module3 && module3.__esModule ? function() {
+            return module3["default"];
+          } : function() {
+            return module3;
+          };
+          __webpack_require__.d(getter, { a: getter });
+          return getter;
+        };
+      }();
+      !function() {
+        __webpack_require__.d = function(exports3, definition) {
+          for (var key in definition) {
+            if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports3, key)) {
+              Object.defineProperty(exports3, key, { enumerable: true, get: definition[key] });
+            }
+          }
+        };
+      }();
+      !function() {
+        __webpack_require__.o = function(obj, prop) {
+          return Object.prototype.hasOwnProperty.call(obj, prop);
+        };
+      }();
+      return __webpack_require__(686);
+    }().default;
+  });
+})(clipboard);
+var ClipboardJS = /* @__PURE__ */ getDefaultExportFromCjs(clipboard.exports);
+const addButtonHandler = (button, emit, executeData = []) => {
+  if (!button.isAdd) {
+    return false;
+  }
+  emit("add", ...executeData);
+};
+const updButtonHandler = (button, emit, executeData = []) => {
+  if (!button.isEdit) {
+    return false;
+  }
+  emit("upd", ...executeData);
+};
+const delButtonHandler = (button, emit, executeData = []) => {
+  if (!button.isDel) {
+    return false;
+  }
+  emit("del", ...executeData);
+};
+const importButtonHandler = (button, emit, executeData = []) => {
+  if (!button.isImport) {
+    return false;
+  }
+  emit("import", ...executeData);
+};
+const copyButtonHandler = (button, emit, executeData = [], context) => {
+  if (!button.isCopy) {
+    return false;
+  }
+  const copyText = typeof button.copyText === "function" ? button.copyText.apply(context, executeData != null ? executeData : []) : button.copyText;
+  let fakerBtn = document.createElement("button");
+  fakerBtn.setAttribute("data-clipboard-text", copyText != null ? copyText : "");
+  let clipboard2 = new ClipboardJS(fakerBtn);
+  clipboard2.on("success", (e) => {
+    e.clearSelection();
+    ElMessage({
+      message: "\u62F7\u8D1D\u6210\u529F!",
+      type: "success"
+    });
+    clipboard2.destroy();
+  });
+  fakerBtn.click();
+  fakerBtn = null;
+};
+const eventButtonHandler = (button, emit, executeData = []) => {
+  if (button.event) {
+    emit("custom", button.event, ...executeData);
+  } else {
+    return false;
+  }
+};
+const eventChain = new EventChain();
+eventChain.setChain(addButtonHandler).setChain(updButtonHandler).setChain(delButtonHandler).setChain(importButtonHandler).setChain(eventButtonHandler).setChain(copyButtonHandler);
+const execButtonClickEvent = (button, emit, executeData = [], context) => {
+  eventChain.passRequest(button, emit, executeData, context);
+};
+var index_vue_vue_type_style_index_0_scoped_true_lang$c = "";
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
 const __default__$l = {
   name: "ButtonRenderer"
 };
-const _sfc_main$E = defineComponent({
+const _sfc_main$F = defineComponent({
   ...__default__$l,
   props: {
     els: {},
     context: {},
-    executeData: { default: () => [] }
+    executeData: { default: () => [] },
+    direction: { default: "horizontal" }
   },
   emits: ["add", "upd", "del", "import", "custom"],
   setup(__props, { emit: __emit }) {
@@ -2902,70 +2965,14 @@ const _sfc_main$E = defineComponent({
     });
     const { BEMSpace, createBEMName } = createBEMSpace("buttons-renderer");
     const emit = __emit;
-    const addButtonHandler = (button) => {
-      if (!button.isAdd) {
-        return false;
-      }
-      emit("add", ...props.executeData);
-    };
-    const updButtonHandler = (button) => {
-      if (!button.isEdit) {
-        return false;
-      }
-      emit("upd", ...props.executeData);
-    };
-    const delButtonHandler = (button) => {
-      if (!button.isDel) {
-        return false;
-      }
-      emit("del", ...props.executeData);
-    };
-    const importButtonHandler = (button) => {
-      if (!button.isImport) {
-        return false;
-      }
-      emit("import", ...props.executeData);
-    };
-    const copyButtonHandler = (button) => {
-      var _a;
-      if (!button.isCopy) {
-        return false;
-      }
-      const copyText = typeof button.copyText === "function" ? button.copyText.apply(props.context, (_a = props.executeData) != null ? _a : []) : button.copyText;
-      let fakerBtn = document.createElement("button");
-      fakerBtn.setAttribute("data-clipboard-text", copyText != null ? copyText : "");
-      let clipboard2 = new ClipboardJS(fakerBtn);
-      clipboard2.on("success", (e) => {
-        e.clearSelection();
-        ElMessage({
-          message: "\u62F7\u8D1D\u6210\u529F!",
-          type: "success"
-        });
-        clipboard2.destroy();
-      });
-      fakerBtn.click();
-      fakerBtn = null;
-    };
-    const eventButtonHandler = (button) => {
-      if (button.event) {
-        emit("custom", button.event, ...props.executeData);
-      } else {
-        return false;
-      }
-    };
-    const eventChain = new EventChain();
-    eventChain.setChain(addButtonHandler).setChain(updButtonHandler).setChain(delButtonHandler).setChain(importButtonHandler).setChain(eventButtonHandler).setChain(copyButtonHandler);
-    const execButtonClickEvent = (button) => {
-      eventChain.passRequest(button);
-    };
     const handleCommand = (command) => {
       var _a;
       const indexs = command.split("-").map((a) => Number(a));
       const button = ((_a = showEls.value[indexs[0]].children) != null ? _a : [])[indexs[1]];
-      execButtonClickEvent(button);
+      execButtonClickEvent(button, emit, props.executeData, props.context);
     };
     const handleButtonClick = (index2) => {
-      execButtonClickEvent(showEls.value[index2]);
+      execButtonClickEvent(showEls.value[index2], emit, props.executeData, props.context);
     };
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");
@@ -2975,111 +2982,112 @@ const _sfc_main$E = defineComponent({
       const _component_el_dropdown = resolveComponent("el-dropdown");
       const _component_el_badge = resolveComponent("el-badge");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(BEMSpace))
+        class: normalizeClass([unref(BEMSpace), _ctx.direction === "vertical" ? "vertical" : "horizontal"])
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(showEls.value, (button, index2) => {
-          var _a;
           return openBlock(), createElementBlock("div", {
             key: index2,
             class: normalizeClass(unref(createBEMName)("item"))
           }, [
-            ((_a = button.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_dropdown, {
-              key: 0,
-              "hide-on-click": false,
-              onCommand: handleCommand
-            }, {
-              dropdown: withCtx(() => [
-                createVNode(_component_el_dropdown_menu, null, {
-                  default: withCtx(() => [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(button.children, (cButton, cIndex) => {
-                      return openBlock(), createBlock(_component_el_dropdown_item, {
-                        key: cIndex,
-                        command: `${index2}-${cIndex}`,
-                        disabled: cButton.isDisabled ? Boolean(
-                          cButton.isDisabled.apply(this, [cButton, ...props.executeData])
-                        ) : false
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(cButton.text), 1)
-                        ]),
-                        _: 2
-                      }, 1032, ["command", "disabled"]);
-                    }), 128))
+            renderSlot(_ctx.$slots, "default", {
+              item: button,
+              index: index2
+            }, () => {
+              var _a;
+              return [
+                ((_a = button.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_dropdown, {
+                  key: 0,
+                  "hide-on-click": false,
+                  onCommand: handleCommand
+                }, {
+                  dropdown: withCtx(() => [
+                    createVNode(_component_el_dropdown_menu, null, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(button.children, (cButton, cIndex) => {
+                          return openBlock(), createBlock(_component_el_dropdown_item, {
+                            key: cIndex,
+                            command: `${index2}-${cIndex}`,
+                            disabled: cButton.isDisabled ? Boolean(
+                              cButton.isDisabled.apply(this, [cButton, ...props.executeData])
+                            ) : false
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(cButton.text), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["command", "disabled"]);
+                        }), 128))
+                      ]),
+                      _: 2
+                    }, 1024)
                   ]),
-                  _: 2
-                }, 1024)
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_el_button, mergeProps({ ref_for: true }, button.props, {
-                  onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
-                }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$F, {
-                      context: _ctx.context,
-                      "render-fn": button.renderFn,
-                      text: button.text
-                    }, null, 8, ["context", "render-fn", "text"]),
-                    createVNode(_component_el_icon, { style: { "margin-left": "2px" } }, {
+                    createVNode(_component_el_button, mergeProps({ ref_for: true }, button.props, {
+                      onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
+                    }), {
                       default: withCtx(() => [
-                        createVNode(unref(arrowDown))
+                        createVNode(_sfc_main$G, {
+                          context: _ctx.context,
+                          "render-fn": button.renderFn,
+                          text: button.text
+                        }, null, 8, ["context", "render-fn", "text"]),
+                        createVNode(_component_el_icon, { style: { "margin-left": "2px" } }, {
+                          default: withCtx(() => [
+                            createVNode(unref(arrowDown))
+                          ]),
+                          _: 1
+                        })
                       ]),
-                      _: 1
-                    })
+                      _: 2
+                    }, 1040, ["onClick"])
                   ]),
                   _: 2
-                }, 1040, ["onClick"])
-              ]),
-              _: 2
-            }, 1024)) : (openBlock(), createBlock(_component_el_badge, {
-              key: 1,
-              value: button.count,
-              max: button.maxCount
-            }, {
-              default: withCtx(() => {
-                var _a2;
-                return [
-                  button.renderFn ? (openBlock(), createBlock(_sfc_main$F, {
-                    key: 0,
-                    context: _ctx.context,
-                    "render-fn": button.renderFn,
-                    text: button.text,
-                    onClick: ($event) => handleButtonClick(index2)
-                  }, null, 8, ["context", "render-fn", "text", "onClick"])) : (openBlock(), createBlock(_component_el_button, mergeProps({
-                    key: 1,
-                    ref_for: true
-                  }, button.props, {
-                    icon: ((_a2 = button.props) == null ? void 0 : _a2.icon) ? typeof button.props.icon === "string" ? button.props.icon : { ...button.props.icon } : null,
-                    onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
-                  }), {
-                    default: withCtx(() => [
-                      createTextVNode(toDisplayString(button.text), 1)
-                    ]),
-                    _: 2
-                  }, 1040, ["icon", "onClick"]))
-                ];
-              }),
-              _: 2
-            }, 1032, ["value", "max"]))
+                }, 1024)) : (openBlock(), createBlock(_component_el_badge, {
+                  key: 1,
+                  value: button.count,
+                  max: button.maxCount
+                }, {
+                  default: withCtx(() => {
+                    var _a2;
+                    return [
+                      button.renderFn ? (openBlock(), createBlock(_sfc_main$G, {
+                        key: 0,
+                        context: _ctx.context,
+                        "render-fn": button.renderFn,
+                        text: button.text,
+                        onClick: ($event) => handleButtonClick(index2)
+                      }, null, 8, ["context", "render-fn", "text", "onClick"])) : (openBlock(), createBlock(_component_el_button, mergeProps({
+                        key: 1,
+                        ref_for: true
+                      }, button.props, {
+                        icon: ((_a2 = button.props) == null ? void 0 : _a2.icon) ? typeof button.props.icon === "string" ? button.props.icon : { ...button.props.icon } : null,
+                        onClick: withModifiers(($event) => handleButtonClick(index2), ["stop"])
+                      }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(button.text), 1)
+                        ]),
+                        _: 2
+                      }, 1040, ["icon", "onClick"]))
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["value", "max"]))
+              ];
+            }, true)
           ], 2);
         }), 128))
       ], 2);
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$a = "";
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1$g = { class: "selectable-operate" };
+var ButtonsRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-37e0fa28"]]);
+var index_vue_vue_type_style_index_0_scoped_true_lang$b = "";
+const _hoisted_1$h = { class: "selectable-operate" };
 const __default__$k = {
   name: "SelectableOpearte",
   inheritAttrs: false
 };
-const _sfc_main$D = defineComponent({
+const _sfc_main$E = defineComponent({
   ...__default__$k,
   props: {
     els: {},
@@ -3093,8 +3101,8 @@ const _sfc_main$D = defineComponent({
       return ((_a = props.tableManager) == null ? void 0 : _a.selection) || [];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
-        createVNode(_sfc_main$E, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+        createVNode(ButtonsRenderer, mergeProps({
           els: props.els,
           "execute-data": [executeData.value],
           context: props.manager
@@ -3103,7 +3111,7 @@ const _sfc_main$D = defineComponent({
     };
   }
 });
-var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4e4544c2"]]);
+var SelectableOperate = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4e4544c2"]]);
 class SearchFormManager extends IManager {
   constructor(form) {
     super();
@@ -3171,7 +3179,7 @@ class SearchFormManager extends IManager {
     this.manager = manager;
   }
 }
-const _sfc_main$C = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "FormItemRenderer",
   props: {
     modelValue: null,
@@ -3390,10 +3398,10 @@ const useMove = (callback) => {
   return { destroy, bind };
 };
 var index_vue_vue_type_style_index_0_lang$a = "";
-const _hoisted_1$f = { class: "el-dialog__title" };
+const _hoisted_1$g = { class: "el-dialog__title" };
 const MIN_WIDTH = 300;
 const MIN_HEIGHT = 160;
-const _sfc_main$B = defineComponent({
+const _sfc_main$C = defineComponent({
   __name: "index",
   props: {
     modelValue: { type: Boolean },
@@ -3462,7 +3470,7 @@ const _sfc_main$B = defineComponent({
         class: `${unref(BEMSpace)} ${props.customClass}`
       }, props.dialogProps || {}, toHandlers(props.dialogEvents || {}), { "onUpdate:modelValue": onUpdateModelValue }), createSlots({
         header: withCtx(() => [
-          createElementVNode("span", _hoisted_1$f, toDisplayString(_ctx.title), 1)
+          createElementVNode("span", _hoisted_1$g, toDisplayString(_ctx.title), 1)
         ]),
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
@@ -3486,7 +3494,7 @@ const _sfc_main$B = defineComponent({
   }
 });
 var index_vue_vue_type_style_index_0_lang$9 = "";
-const _sfc_main$A = defineComponent({
+const _sfc_main$B = defineComponent({
   __name: "index",
   emits: ["filter"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -3521,7 +3529,7 @@ const _sfc_main$A = defineComponent({
       const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_form = resolveComponent("el-form");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: isShow.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShow.value = $event),
         title: "\u7B5B\u9009\u6761\u4EF6",
@@ -3567,7 +3575,7 @@ const _sfc_main$A = defineComponent({
                   prop: item.prop
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$C, {
+                    createVNode(_sfc_main$D, {
                       modelValue: formData.value[item.prop],
                       "onUpdate:modelValue": ($event) => formData.value[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -3687,6 +3695,8 @@ const _PageModelManager = class extends Reflections {
     __publicField(this, "loadingInstance");
     __publicField(this, "authButtons", []);
     __publicField(this, "exposeActions", {});
+    __publicField(this, "isFilterPopupVisible", false);
+    __publicField(this, "isSortPopupVisible", false);
     this.id = managerController.getManagerId();
   }
   static setDefaultConfig(config) {
@@ -4114,6 +4124,12 @@ const _PageModelManager = class extends Reflections {
   updateAuthButtons(buttons) {
     this.authButtons = buttons;
   }
+  updateFilterPopupVisible(visible) {
+    this.isFilterPopupVisible = visible;
+  }
+  updateSortPopupVisible(visible) {
+    this.isSortPopupVisible = visible;
+  }
   destroy() {
     this.children.forEach((item) => {
       item.destroy();
@@ -4240,7 +4256,7 @@ var index_vue_vue_type_style_index_0_lang$8 = "";
 const __default__$j = {
   name: "PageModelSearchForm"
 };
-const _sfc_main$z = defineComponent({
+const _sfc_main$A = defineComponent({
   ...__default__$j,
   props: {
     form: {},
@@ -4394,7 +4410,7 @@ const _sfc_main$z = defineComponent({
                   style: { width: ((_a = item.style) == null ? void 0 : _a.width) || unref(searchFormItemWidth) }
                 }), {
                   default: withCtx(() => [
-                    createVNode(_sfc_main$C, {
+                    createVNode(_sfc_main$D, {
                       modelValue: searchFormManager.formData[item.prop],
                       "onUpdate:modelValue": ($event) => searchFormManager.formData[item.prop] = $event,
                       renderFn: item.renderFn,
@@ -4477,7 +4493,7 @@ const _sfc_main$z = defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default")
         ], 2),
-        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$A, {
+        searchFormManager.expandMode === "dialog" && showFormEls.value.length && unref(showMoreButton) ? (openBlock(), createBlock(_sfc_main$B, {
           key: 0,
           ref_key: "SearchFormFullRef",
           ref: SearchFormFullRef,
@@ -4605,6 +4621,7 @@ class TableManager extends IManager {
     __publicField(this, "sortParams", {});
     __publicField(this, "isInitColumnParams", false);
     __publicField(this, "isInitColumnSortParams", false);
+    __publicField(this, "isColumnToolsVisible", false);
     __publicField(this, "randomRowKey", null);
     __publicField(this, "columnParamsList", []);
     __publicField(this, "columnSortParamsList", []);
@@ -4619,6 +4636,7 @@ class TableManager extends IManager {
     __publicField(this, "saveContent");
     __publicField(this, "scrollTop", 0);
     __publicField(this, "scrollLeft", 0);
+    __publicField(this, "exposeActions", {});
     this.propsConfig = config;
     this.init();
   }
@@ -4644,6 +4662,9 @@ class TableManager extends IManager {
     this.columnSortParamsList = params || [];
     this.isInitColumnSortParams = true;
   }
+  updateColumnToolsVisible(visible) {
+    this.isColumnToolsVisible = visible;
+  }
   get table() {
     var _a;
     return ((_a = this.config) == null ? void 0 : _a.table) || this.propsConfig || {
@@ -4832,6 +4853,7 @@ class TableManager extends IManager {
     }
     this.patchTableSelectable();
     this.patchTableRadio();
+    this.patchTableContextMenu();
     const isUseSort = this.table.els.some((a) => a.sortValues);
     if (isUseSort) {
       this.patchTableSortable();
@@ -4882,6 +4904,18 @@ class TableManager extends IManager {
       }.bind(this);
     }
   }
+  patchTableContextMenu() {
+    if (!this.table.contextMenu) {
+      return false;
+    }
+    const _rowContextmenu = this.tableEvents["rowContextmenu"];
+    this.tableEvents["rowContextmenu"] = function(row, column, event) {
+      _rowContextmenu == null ? void 0 : _rowContextmenu.call(this, row, column, event);
+      event.preventDefault();
+      const rowIndex = this.tableData.findIndex((a) => a[this.rowKey] === row[this.rowKey]);
+      this.exposeActions.showContextMenu(row, rowIndex, event);
+    }.bind(this);
+  }
   patchTableSortable() {
     const _this = this;
     const _sortChange = this.tableEvents["sortChange"];
@@ -5351,7 +5385,7 @@ class TableManager extends IManager {
     this.removeCellOutClickEvent();
   }
 }
-const _sfc_main$y = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "TableCellRenderer",
   props: {
     renderFn: {
@@ -5389,29 +5423,36 @@ const _sfc_main$y = defineComponent({
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$a = "";
 const __default__$i = {
   name: "SimplePopover"
 };
-const _sfc_main$x = defineComponent({
+const _sfc_main$y = defineComponent({
   ...__default__$i,
   props: {
     width: { default: 200 },
     placement: { default: "right" }
   },
-  setup(__props, { expose: __expose }) {
+  emits: ["closed"],
+  setup(__props, { expose: __expose, emit: __emit }) {
     const { BEMSpace } = createBEMSpace("simple-popover");
     const props = __props;
+    const emit = __emit;
     const { nextZIndex } = useZIndex();
     const visible = ref(false);
     const isRender = ref(false);
+    let hideTimer = null;
     watch(
       () => visible.value,
       (val) => {
         if (val) {
           isRender.value = true;
+          if (hideTimer) {
+            clearTimeout(hideTimer);
+            hideTimer = null;
+          }
         } else {
-          setTimeout(() => {
+          hideTimer = setTimeout(() => {
             isRender.value = false;
           }, 300);
         }
@@ -5472,7 +5513,7 @@ const _sfc_main$x = defineComponent({
         return false;
       }
     };
-    const handleHide = (e) => {
+    const handleClickElement = (e) => {
       if (isChildElement(popoverRef.value, e.target) || isPopperChildElement(e.target)) {
         return;
       }
@@ -5482,35 +5523,50 @@ const _sfc_main$x = defineComponent({
       currentTriggerElement && getPopoverTriggerElementRectInfo(currentTriggerElement);
     }, 100);
     const bindEvent = () => {
-      document.addEventListener("mousedown", handleHide);
-      document.addEventListener("touchstart", handleHide);
+      document.addEventListener("mousedown", handleClickElement);
+      document.addEventListener("touchstart", handleClickElement);
       window.addEventListener("resize", handleResize);
     };
     const unbindEvent = () => {
-      document.removeEventListener("mousedown", handleHide);
-      document.removeEventListener("touchstart", handleHide);
+      document.removeEventListener("mousedown", handleClickElement);
+      document.removeEventListener("touchstart", handleClickElement);
       window.removeEventListener("resize", handleResize);
     };
     const hide = () => {
+      currentTriggerElement = null;
       unbindEvent();
       visible.value = false;
+      emit("closed");
     };
     const zIndex = ref(0);
     const show = (element) => {
-      if (visible.value) {
-        if (currentTriggerElement === element) {
+      if (element instanceof DOMRect) {
+        currentTriggerElement = null;
+        popoverRectInfo.value = element;
+        if (visible.value) {
           hide();
-          return;
         }
-        unbindEvent();
+        zIndex.value = nextZIndex();
+        visible.value = true;
+        setTimeout(() => {
+          bindEvent();
+        }, 0);
+      } else {
+        if (visible.value) {
+          if (currentTriggerElement === element) {
+            hide();
+            return;
+          }
+          unbindEvent();
+        }
+        zIndex.value = nextZIndex();
+        currentTriggerElement = element;
+        getPopoverTriggerElementRectInfo(currentTriggerElement);
+        visible.value = true;
+        setTimeout(() => {
+          bindEvent();
+        }, 0);
       }
-      zIndex.value = nextZIndex();
-      currentTriggerElement = element;
-      getPopoverTriggerElementRectInfo(currentTriggerElement);
-      visible.value = true;
-      setTimeout(() => {
-        bindEvent();
-      }, 0);
     };
     __expose({
       show,
@@ -5534,7 +5590,7 @@ const _sfc_main$x = defineComponent({
     };
   }
 });
-var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-852a9e34"]]);
+var SimplePopover = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-200a6b63"]]);
 var FilterItemTypeEnum$1 = /* @__PURE__ */ ((FilterItemTypeEnum2) => {
   FilterItemTypeEnum2["\u6587\u5B57"] = "string";
   FilterItemTypeEnum2["\u6570\u5B57"] = "number";
@@ -5637,9 +5693,9 @@ const compareOptions$1 = {
     }
   ]
 };
-var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
-const _hoisted_1$e = { key: 1 };
-const _sfc_main$w = defineComponent({
+var index_vue_vue_type_style_index_0_scoped_true_lang$9 = "";
+const _hoisted_1$f = { key: 1 };
+const _sfc_main$x = defineComponent({
   __name: "index",
   props: {
     tableManager: {}
@@ -6019,7 +6075,7 @@ const _sfc_main$w = defineComponent({
                 createTextVNode("\u7B5B\u9009\u6761\u4EF6")
               ]),
               _: 1
-            }, 8, ["icon"])) : (openBlock(), createElementBlock("div", _hoisted_1$e)),
+            }, 8, ["icon"])) : (openBlock(), createElementBlock("div", _hoisted_1$f)),
             createElementVNode("div", null, [
               createVNode(_component_el_button, { onClick: handleClear }, {
                 default: withCtx(() => [
@@ -6043,9 +6099,9 @@ const _sfc_main$w = defineComponent({
     };
   }
 });
-var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9b1b33b8"]]);
+var FilterZone$1 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-9b1b33b8"]]);
 var index_vue_vue_type_style_index_0_lang$7 = "";
-const _hoisted_1$d = ["data-key", "title"];
+const _hoisted_1$e = ["data-key", "title"];
 const _hoisted_2$7 = {
   key: 0,
   style: { "color": "red" }
@@ -6070,7 +6126,7 @@ const _hoisted_10$1 = ["onClick"];
 const __default__$h = {
   name: "TableColumn"
 };
-const _sfc_main$v = defineComponent({
+const _sfc_main$w = defineComponent({
   ...__default__$h,
   props: {
     els: {},
@@ -6230,7 +6286,7 @@ const _sfc_main$v = defineComponent({
                     _: 1
                   })
                 ], 14, _hoisted_3$6)) : createCommentVNode("", true)
-              ], 10, _hoisted_1$d)
+              ], 10, _hoisted_1$e)
             ]),
             default: withCtx(({ row, $index, column: columnEl }) => [
               column.children ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -6257,7 +6313,7 @@ const _sfc_main$v = defineComponent({
                 ) ? (openBlock(), createElementBlock("div", _hoisted_5$4, [
                   column.editData ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     createElementVNode("div", _hoisted_6$3, [
-                      createVNode(_sfc_main$C, {
+                      createVNode(_sfc_main$D, {
                         modelValue: row[column.editData.prop || column.prop],
                         renderFn: column.editData.renderFn,
                         context: props.context,
@@ -6293,7 +6349,7 @@ const _sfc_main$v = defineComponent({
                     ])) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock("div", _hoisted_8$1, "\u8BE5\u5217\u672A\u8BBE\u7F6E\u7F16\u8F91\u7EC4\u4EF6"))
                 ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$y, {
+                  column.renderFn && $index !== -1 ? (openBlock(), createBlock(_sfc_main$z, {
                     key: 0,
                     "render-fn": column.renderFn,
                     context: props.context,
@@ -7297,7 +7353,7 @@ var Sortable = Sortable_min.exports;
 const __default__$g = {
   name: "DraggableList"
 };
-const _sfc_main$u = defineComponent({
+const _sfc_main$v = defineComponent({
   ...__default__$g,
   props: {
     modelValue: {},
@@ -7398,7 +7454,7 @@ var setting_vue_vue_type_style_index_1_lang$2 = "";
 const __default__$f = {
   name: "SaveColumnSetting"
 };
-const _sfc_main$t = defineComponent({
+const _sfc_main$u = defineComponent({
   ...__default__$f,
   props: {
     onlyShow: { type: Boolean, default: false }
@@ -7474,7 +7530,7 @@ const _sfc_main$t = defineComponent({
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_input_number = resolveComponent("el-input-number");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -7523,7 +7579,7 @@ const _sfc_main$t = defineComponent({
           createElementVNode("div", {
             class: normalizeClass(unref(createBEMName)("column-table-wrap"))
           }, [
-            createVNode(_sfc_main$u, {
+            createVNode(_sfc_main$v, {
               modelValue: innerEls.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
               "item-key": "_key"
@@ -7718,7 +7774,7 @@ var userConfig_vue_vue_type_style_index_1_lang = "";
 const __default__$e = {
   name: "SaveUserConfig"
 };
-const _sfc_main$s = defineComponent({
+const _sfc_main$t = defineComponent({
   ...__default__$e,
   emits: ["submit", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -7782,7 +7838,7 @@ const _sfc_main$s = defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u79C1\u4EBA\u914D\u7F6E",
@@ -7849,7 +7905,7 @@ const useUserConfig = () => {
 var index_vue_vue_type_style_index_0_lang$6 = "";
 var index_vue_vue_type_style_index_1_scoped_true_lang$1 = "";
 const _withScopeId$3 = (n) => (pushScopeId("data-v-7bf8eedc"), n = n(), popScopeId(), n);
-const _hoisted_1$c = { title: "\u5168\u9009/\u53D6\u6D88" };
+const _hoisted_1$d = { title: "\u5168\u9009/\u53D6\u6D88" };
 const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("i", {
   class: "pm-icon icon-drag-dot",
   title: "\u62D6\u52A8\u8C03\u6574\u663E\u793A\u987A\u5E8F"
@@ -7857,7 +7913,7 @@ const _hoisted_2$6 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
 const _hoisted_3$5 = ["title"];
 const _hoisted_4$4 = ["title", "onClick"];
 const _hoisted_5$3 = ["title", "onClick"];
-const _sfc_main$r = defineComponent({
+const _sfc_main$s = defineComponent({
   __name: "index",
   props: {
     els: {}
@@ -7951,7 +8007,7 @@ const _sfc_main$r = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("header"))
         }, [
-          createElementVNode("span", _hoisted_1$c, [
+          createElementVNode("span", _hoisted_1$d, [
             createVNode(_component_el_checkbox, {
               label: "\u5168\u90E8",
               modelValue: isAllShow.value,
@@ -7989,7 +8045,7 @@ const _sfc_main$r = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$u, {
+          createVNode(_sfc_main$v, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace))
@@ -8055,14 +8111,14 @@ const _sfc_main$r = defineComponent({
             _: 1
           })
         ], 2),
-        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$t, {
+        unref(isRenderColumnToolsSetting) ? (openBlock(), createBlock(_sfc_main$u, {
           key: 0,
           ref_key: "columnToolsSettingRef",
           ref: columnToolsSettingRef,
           onSubmit: onSubmitColumns,
           onClosed: unref(onColumnToolsSettingClosed)
         }, null, 8, ["onClosed"])) : createCommentVNode("", true),
-        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$s, {
+        unref(isRenderUserConfig) ? (openBlock(), createBlock(_sfc_main$t, {
           key: 1,
           ref_key: "userConfigRef",
           ref: userConfigRef,
@@ -8073,17 +8129,17 @@ const _sfc_main$r = defineComponent({
     };
   }
 });
-var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-7bf8eedc"]]);
-var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
+var ColumnTools$1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-7bf8eedc"]]);
+var index_vue_vue_type_style_index_0_scoped_true_lang$8 = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-15dbe923"), n = n(), popScopeId(), n);
-const _hoisted_1$b = { key: 0 };
+const _hoisted_1$c = { key: 0 };
 const _hoisted_2$5 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u4ECE\u7B2C", -1));
 const _hoisted_3$4 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u9875\u5F00\u59CB\u5BFC\u51FA\uFF0C\u6BCF\u9875", -1));
 const _hoisted_4$3 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("span", { class: "export-wrod" }, "\u6761\u6570\u636E", -1));
 const _hoisted_5$2 = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", null, null, -1));
 const _hoisted_6$2 = { class: "export-columns" };
 const _hoisted_7$2 = { class: "bottom-box" };
-const _sfc_main$q = defineComponent({
+const _sfc_main$r = defineComponent({
   __name: "index",
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8236,7 +8292,7 @@ const _sfc_main$q = defineComponent({
       const _component_el_empty = resolveComponent("el-empty");
       const _component_el_button = resolveComponent("el-button");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => visible.value = $event),
         title: "\u5BFC\u51FA\u8868\u683C\u6570\u636E",
@@ -8321,7 +8377,7 @@ const _sfc_main$q = defineComponent({
                     ]),
                     _: 1
                   }, 8, ["modelValue"]),
-                  formData.fromApi ? (openBlock(), createElementBlock("div", _hoisted_1$b, [
+                  formData.fromApi ? (openBlock(), createElementBlock("div", _hoisted_1$c, [
                     _hoisted_2$5,
                     createVNode(_component_el_input_number, {
                       modelValue: formData.pageIndex,
@@ -8410,35 +8466,35 @@ const _sfc_main$q = defineComponent({
     };
   }
 });
-var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-15dbe923"]]);
+var ExportForm = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-15dbe923"]]);
 const SAVE_NAME$2 = "table-columns";
 const columnsSaver$1 = new ConfigSaver(SAVE_NAME$2);
 const saveTableColumns = columnsSaver$1.setContents.bind(columnsSaver$1);
 const genSaveColumnName = columnsSaver$1.genScopeItemKey.bind(columnsSaver$1);
 const saveColumns$1 = columnsSaver$1.saveContentItem.bind(columnsSaver$1);
 const getColumns$1 = columnsSaver$1.getContentItem.bind(columnsSaver$1);
-const _hoisted_1$a = { class: "el-table__empty-data" };
+const _hoisted_1$b = { class: "el-table__empty-data" };
 const __default__$d = {
   name: "EmptyData"
 };
-const _sfc_main$p = defineComponent({
+const _sfc_main$q = defineComponent({
   ...__default__$d,
   props: {
     text: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("span", null, toDisplayString(_ctx.text || "\u6682\u65E0\u6570\u636E"), 1)
       ]);
     };
   }
 });
-var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+var index_vue_vue_type_style_index_0_scoped_true_lang$7 = "";
 const __default__$c = {
   name: "SelectionsTable"
 };
-const _sfc_main$o = defineComponent({
+const _sfc_main$p = defineComponent({
   ...__default__$c,
   emits: ["closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -8505,7 +8561,7 @@ const _sfc_main$o = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u5DF2\u9009\u6570\u636E",
@@ -8554,7 +8610,7 @@ const _sfc_main$o = defineComponent({
     };
   }
 });
-var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-3b4b4ed8"]]);
+var SelectionsTable = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-3b4b4ed8"]]);
 const useSelectionsTable = () => {
   const selectionsTableRef = ref();
   const isRenderSelectionsTable = ref(false);
@@ -8716,7 +8772,7 @@ const useExportForm = () => {
     onExportFormClosed: onClosed
   };
 };
-const _sfc_main$n = {
+const _sfc_main$o = {
   props: {
     isLoading: {
       type: Boolean,
@@ -8777,6 +8833,96 @@ const useColumnDrag = () => {
     }
   };
 };
+var index_vue_vue_type_style_index_0_scoped_true_lang$6 = "";
+const _hoisted_1$a = ["onClick"];
+const _sfc_main$n = defineComponent({
+  __name: "index",
+  emits: ["add", "upd", "del", "import", "custom"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const simplePopoverRef = ref();
+    const currentOpt = ref();
+    const contextMenuHeight = computed(() => {
+      var _a, _b;
+      const elementLength = ((_b = (_a = currentOpt.value) == null ? void 0 : _a.els) == null ? void 0 : _b.length) || 0;
+      const maxShowCount = 6;
+      const showCount = Math.min(elementLength, maxShowCount) || 0;
+      return `${showCount * 41 + 5}px`;
+    });
+    const show = (event, opt) => {
+      var _a;
+      const rect = new DOMRect(event.clientX, event.clientY, 0, 0);
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(rect);
+      currentOpt.value = opt;
+    };
+    const hide = () => {
+      var _a;
+      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const handleItemClick = (item, index2) => {
+      var _a;
+      if ((_a = item.props) == null ? void 0 : _a.disabled) {
+        return;
+      }
+      execButtonClickEvent(
+        item,
+        emit,
+        currentOpt.value.executeData,
+        currentOpt.value.context
+      );
+      hide();
+    };
+    __expose({
+      show,
+      hide
+    });
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      return openBlock(), createBlock(SimplePopover, {
+        ref_key: "simplePopoverRef",
+        ref: simplePopoverRef,
+        width: 200
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: "context-menu",
+            style: normalizeStyle({
+              height: contextMenuHeight.value
+            })
+          }, [
+            createVNode(_component_el_scrollbar, { style: { "height": "100%" } }, {
+              default: withCtx(() => [
+                createVNode(ButtonsRenderer, mergeProps({
+                  ...currentOpt.value,
+                  ..._ctx.$attrs
+                }, { direction: "vertical" }), {
+                  default: withCtx(({ item, index: index2 }) => [
+                    renderSlot(_ctx.$slots, "default", {
+                      item,
+                      index: index2
+                    }, () => {
+                      var _a;
+                      return [
+                        createElementVNode("div", {
+                          class: normalizeClass(["context-menu__item", { disabled: (_a = item.props) == null ? void 0 : _a.disabled }]),
+                          onClick: ($event) => handleItemClick(item)
+                        }, toDisplayString(item.text), 11, _hoisted_1$a)
+                      ];
+                    }, true)
+                  ]),
+                  _: 3
+                }, 16)
+              ]),
+              _: 3
+            })
+          ], 4)
+        ]),
+        _: 3
+      }, 512);
+    };
+  }
+});
+var ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-5631c18b"]]);
 var index_vue_vue_type_style_index_0_lang$5 = "";
 const __default__$b = {
   name: "PageModelTable",
@@ -8913,14 +9059,18 @@ const _sfc_main$m = defineComponent({
       var _a;
       (_a = tableRef.value) == null ? void 0 : _a.doLayout();
     };
-    const simplePopoverRef = ref();
+    const columnToolsSimplePopoverRef = ref();
     const showColumnToolSimplePopover = (element) => {
       var _a;
-      (_a = simplePopoverRef.value) == null ? void 0 : _a.show(element);
+      (_a = columnToolsSimplePopoverRef.value) == null ? void 0 : _a.show(element);
+      tableManager.updateColumnToolsVisible(true);
     };
     const hideColumnToolSimplePopover = () => {
       var _a;
-      (_a = simplePopoverRef.value) == null ? void 0 : _a.hide();
+      (_a = columnToolsSimplePopoverRef.value) == null ? void 0 : _a.hide();
+    };
+    const handleColumnToolsClosed = () => {
+      tableManager.updateColumnToolsVisible(false);
     };
     const scrollLifecycle = useListenScroll(tableManager);
     const { initTableDrag, destroyTableDrag } = useColumnDrag();
@@ -8975,6 +9125,33 @@ const _sfc_main$m = defineComponent({
         saveColumnSort(tableManager.table.els, tableManager.columnSortParamsList);
       }
     };
+    const contextMenuRef = ref();
+    const showContextMenu = (row, rowIndex, event) => {
+      var _a, _b;
+      const contextMenu = tableManager.table.contextMenu;
+      let buttons = [];
+      if (contextMenu.containOperation) {
+        buttons = cloneDeep(((_a = tableManager.table.operate) == null ? void 0 : _a.els) || []);
+        buttons = buttons.reduce((memo, button) => {
+          memo.push(button);
+          if (button.children) {
+            memo.push(...button.children);
+          }
+          return memo;
+        }, []);
+      }
+      if (contextMenu.els) {
+        buttons = buttons.concat(cloneDeep(contextMenu.els));
+      }
+      if (!buttons.length) {
+        return;
+      }
+      (_b = contextMenuRef.value) == null ? void 0 : _b.show(event, {
+        els: buttons,
+        context: tableManager,
+        executeData: [row, rowIndex]
+      });
+    };
     onUnmounted(() => {
       tableManager.onUnmounted();
       scrollLifecycle.onUnmounted();
@@ -8983,7 +9160,8 @@ const _sfc_main$m = defineComponent({
     onActivated(() => {
       scrollLifecycle.onActivated();
     });
-    __expose({
+    const exposeActions = {
+      showContextMenu,
       showExport,
       clearSelection,
       getRenderedEls,
@@ -8991,6 +9169,10 @@ const _sfc_main$m = defineComponent({
       hideColumnToolSimplePopover,
       handleColumnScreen,
       handleColumnSort
+    };
+    tableManager.exposeActions = exposeActions;
+    __expose({
+      ...exposeActions
     });
     return (_ctx, _cache) => {
       const _component_el_radio = resolveComponent("el-radio");
@@ -9001,7 +9183,7 @@ const _sfc_main$m = defineComponent({
       const _component_el_popconfirm = resolveComponent("el-popconfirm");
       const _component_el_pagination = resolveComponent("el-pagination");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_sfc_main$n, {
+        createVNode(_sfc_main$o, {
           class: normalizeClass([unref(createBEMName)("table")]),
           isLoading: tableManager.loadingData,
           directiveName: table.value.loadingDirectiveName
@@ -9025,7 +9207,7 @@ const _sfc_main$m = defineComponent({
                     unref(PageModelManager).emptyTableComponent ? (openBlock(), createBlock(resolveDynamicComponent(unref(PageModelManager).emptyTableComponent), {
                       key: 0,
                       text: (_a = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _a.emptyText
-                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$p, {
+                    }, null, 8, ["text"])) : (openBlock(), createBlock(_sfc_main$q, {
                       key: 1,
                       text: (_b = tableManager == null ? void 0 : tableManager.tableProps) == null ? void 0 : _b.emptyText
                     }, null, 8, ["text"]))
@@ -9086,7 +9268,7 @@ const _sfc_main$m = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$E, mergeProps({
+                          createVNode(ButtonsRenderer, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -9095,7 +9277,7 @@ const _sfc_main$m = defineComponent({
                         _: 1
                       }, 16, ["width"])) : createCommentVNode("", true)
                     ], 64)) : createCommentVNode("", true),
-                    createVNode(_sfc_main$v, {
+                    createVNode(_sfc_main$w, {
                       els: renderedTableEls.value,
                       context: tableManager,
                       onColumnScreen: handleColumnScreen
@@ -9107,7 +9289,7 @@ const _sfc_main$m = defineComponent({
                         width: table.value.operate.width
                       }, table.value.operate.props), {
                         default: withCtx(({ row, $index }) => [
-                          createVNode(_sfc_main$E, mergeProps({
+                          createVNode(ButtonsRenderer, mergeProps({
                             els: table.value.operate.els,
                             context: tableManager,
                             executeData: [row, $index]
@@ -9203,8 +9385,9 @@ const _sfc_main$m = defineComponent({
           onClosed: unref(onSelectionsTableClosed)
         }, null, 8, ["onClosed"])) : createCommentVNode("", true),
         createVNode(SimplePopover, {
-          ref_key: "simplePopoverRef",
-          ref: simplePopoverRef
+          ref_key: "columnToolsSimplePopoverRef",
+          ref: columnToolsSimplePopoverRef,
+          onClosed: handleColumnToolsClosed
         }, {
           default: withCtx(() => [
             createVNode(ColumnTools$1, {
@@ -9214,7 +9397,11 @@ const _sfc_main$m = defineComponent({
             }, null, 8, ["els"])
           ]),
           _: 1
-        }, 512)
+        }, 512),
+        createVNode(ContextMenu, mergeProps({
+          ref_key: "contextMenuRef",
+          ref: contextMenuRef
+        }, _ctx.$attrs), null, 16)
       ], 64);
     };
   }
@@ -9230,6 +9417,7 @@ class FormManager extends IManager {
     __publicField(this, "errorProp");
     __publicField(this, "formUpdateEvent", new EventEmitter());
     __publicField(this, "tempFormData");
+    __publicField(this, "isFormVisible", false);
     this.propsForm = form;
   }
   get form() {
@@ -9273,6 +9461,9 @@ class FormManager extends IManager {
       };
     }
   }
+  updateFormVisible(visible) {
+    this.isFormVisible = visible;
+  }
   async updateFormData(formData) {
     const form = this.form;
     if (form == null ? void 0 : form.bindData) {
@@ -9888,7 +10079,7 @@ const _sfc_main$g = defineComponent({
       const _component_el_tab_pane = resolveComponent("el-tab-pane");
       const _component_el_tabs = resolveComponent("el-tabs");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => visible.value = $event),
         title: "\u8868\u5355\u914D\u7F6E",
@@ -9954,7 +10145,7 @@ const _sfc_main$g = defineComponent({
                           ], 2);
                         }), 128))
                       ], 2),
-                      createVNode(_sfc_main$u, {
+                      createVNode(_sfc_main$v, {
                         modelValue: innerEls.value,
                         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
                         "item-key": "_key"
@@ -10314,7 +10505,7 @@ const _sfc_main$f = defineComponent({
                         key: 0,
                         class: normalizeClass(unref(createBEMName)("prefix"))
                       }, toDisplayString(renderDeText(item.prefix, formManager.formData)), 3)) : createCommentVNode("", true),
-                      createVNode(_sfc_main$C, {
+                      createVNode(_sfc_main$D, {
                         modelValue: formManager.formData[item.prop],
                         renderFn: item.renderFn,
                         context: formManager,
@@ -10441,7 +10632,7 @@ const _sfc_main$e = defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return formVisible.value ? (openBlock(), createBlock(_sfc_main$B, {
+      return formVisible.value ? (openBlock(), createBlock(_sfc_main$C, {
         key: 0,
         modelValue: formVisible.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formVisible.value = $event),
@@ -11453,7 +11644,7 @@ const _sfc_main$7 = defineComponent({
   props: {
     manager: {}
   },
-  emits: ["screen"],
+  emits: ["screen", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -11566,7 +11757,8 @@ const _sfc_main$7 = defineComponent({
       return openBlock(), createBlock(SimplePopover, {
         ref_key: "simplePopoverRef",
         ref: simplePopoverRef,
-        width: 560
+        width: 560,
+        onClosed: _cache[0] || (_cache[0] = ($event) => emit("closed"))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -11843,9 +12035,9 @@ const _sfc_main$7 = defineComponent({
     };
   }
 });
-var ColumnFilterTools = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-aaf520fa"]]);
+var ColumnFilterTools = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-16a43018"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang$2 = "";
-const _withScopeId$1 = (n) => (pushScopeId("data-v-559d52de"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-6b237206"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", null, "\u8BBE\u7F6E\u6392\u5E8F\u6761\u4EF6", -1));
 const _hoisted_2$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("i", {
   class: "pm-icon icon-drag-dot",
@@ -11868,7 +12060,7 @@ const _sfc_main$6 = defineComponent({
   props: {
     manager: {}
   },
-  emits: ["screen"],
+  emits: ["screen", "closed"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -11931,9 +12123,12 @@ const _sfc_main$6 = defineComponent({
     const handleSelectSortItem = (item, sortValue) => {
       item.order = sortValue;
     };
+    const popoverRef = ref();
     const handleClickSelect = (addProp) => {
+      var _a;
       const item = getAddFilterItem(addProp);
       filterList.value.push(item);
+      (_a = popoverRef.value) == null ? void 0 : _a.hide();
     };
     const handleRemoveItem = (index2) => {
       filterList.value.splice(index2, 1);
@@ -11965,7 +12160,8 @@ const _sfc_main$6 = defineComponent({
       return openBlock(), createBlock(SimplePopover, {
         ref_key: "simplePopoverRef",
         ref: simplePopoverRef,
-        width: 420
+        width: 420,
+        onClosed: _cache[2] || (_cache[2] = ($event) => emit("closed"))
       }, {
         default: withCtx(() => [
           createElementVNode("div", {
@@ -11993,7 +12189,7 @@ const _sfc_main$6 = defineComponent({
                 _: 1
               })
             ], 2),
-            createVNode(_sfc_main$u, {
+            createVNode(_sfc_main$v, {
               modelValue: filterList.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterList.value = $event),
               itemKey: "prop",
@@ -12070,6 +12266,8 @@ const _sfc_main$6 = defineComponent({
               class: normalizeClass(unref(createBEMName)("actions"))
             }, [
               createVNode(_component_el_popover, {
+                ref_key: "popoverRef",
+                ref: popoverRef,
                 placement: "bottom-start",
                 width: 200,
                 trigger: "click"
@@ -12117,7 +12315,7 @@ const _sfc_main$6 = defineComponent({
                   ], 2)
                 ]),
                 _: 1
-              }),
+              }, 512),
               createElementVNode("div", null, [
                 createVNode(_component_el_button, { onClick: handleClear }, {
                   default: withCtx(() => [
@@ -12143,7 +12341,7 @@ const _sfc_main$6 = defineComponent({
     };
   }
 });
-var ColumnSortTools = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-559d52de"]]);
+var ColumnSortTools = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-6b237206"]]);
 var index_vue_vue_type_style_index_0_scoped_true_lang$1 = "";
 const _hoisted_1$3 = ["data-event", "onClick"];
 const __default__$4 = {
@@ -12199,25 +12397,27 @@ const _sfc_main$5 = defineComponent({
       }
     };
     const showToolbox = computed(() => {
+      const tableManager = props.tableManager;
+      const manager = tableManager == null ? void 0 : tableManager.manager;
       const _innerTools = props.toolbox ? props.toolbox.map((toolKey) => innerTools[toolKey]).filter((a) => a).map((item) => {
-        var _a, _b;
+        var _a;
         let desc = "";
         let bg = false;
-        if (item.event === "show-column-tool" && props.tableManager) {
-          desc = props.tableManager.hiddeenFieldCount ? `(${props.tableManager.hiddeenFieldCount} \u9690\u85CF)` : "";
-          bg = props.tableManager.hiddeenFieldCount > 0;
+        if (item.event === "show-column-tool" && tableManager) {
+          desc = tableManager.hiddeenFieldCount ? `(${tableManager.hiddeenFieldCount} \u9690\u85CF)` : "";
+          bg = tableManager.isColumnToolsVisible || tableManager.hiddeenFieldCount > 0;
         } else if (item.event === "fullscreen") {
-          bg = (_b = (_a = props.tableManager) == null ? void 0 : _a.manager) == null ? void 0 : _b.isTableFullscreen;
-        } else if (item.event === "filter" && props.tableManager) {
-          if (props.tableManager.columnParamsList.length) {
-            desc = `(${props.tableManager.columnParamsList.length})`;
-            bg = true;
+          bg = (_a = tableManager == null ? void 0 : tableManager.manager) == null ? void 0 : _a.isTableFullscreen;
+        } else if (item.event === "filter" && tableManager) {
+          if (tableManager.columnParamsList.length) {
+            desc = `(${tableManager.columnParamsList.length})`;
           }
-        } else if (item.event === "sort" && props.tableManager) {
-          if (props.tableManager.columnSortParamsList.length) {
-            desc = `(${props.tableManager.columnSortParamsList.length})`;
-            bg = true;
+          bg = manager.isFilterPopupVisible || tableManager.columnParamsList.length > 0;
+        } else if (item.event === "sort" && tableManager) {
+          if (tableManager.columnSortParamsList.length) {
+            desc = `(${tableManager.columnSortParamsList.length})`;
           }
+          bg = manager.isSortPopupVisible || tableManager.columnSortParamsList.length > 0;
         }
         return {
           ...item,
@@ -12303,7 +12503,7 @@ const _sfc_main$5 = defineComponent({
     };
   }
 });
-var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-6839f46e"]]);
+var TableToolsbox = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-bdb3c2d2"]]);
 function patchConfig(config, patches) {
   return patches.reduce((memoConfig, patchFn) => {
     return patchFn.call(this, memoConfig);
@@ -12661,12 +12861,14 @@ const _sfc_main$4 = defineComponent({
         formContainerRef.value.show();
         nextTick(() => {
           var _a;
+          manager.formManager.updateFormVisible(true);
           (_a = manager.formManager.form.onFormOpened) == null ? void 0 : _a.call(manager.formManager);
         });
       }
     };
     const hideForm = (needLeaveConfirm = true) => {
       if (formContainerRef.value) {
+        manager.formManager.updateFormVisible(false);
         formContainerRef.value.hide(needLeaveConfirm);
       }
     };
@@ -12848,10 +13050,15 @@ const _sfc_main$4 = defineComponent({
     const columnFilterToolsRef = ref();
     const handleShowFilter = (item, e) => {
       columnFilterToolsRef.value.showPopover(e.currentTarget);
+      manager.updateFilterPopupVisible(true);
+    };
+    const handleColumnFilterToolsClosed = () => {
+      manager.updateFilterPopupVisible(false);
     };
     const columnSortToolsRef = ref();
     const handleShowSort = (item, e) => {
       columnSortToolsRef.value.showPopover(e.currentTarget);
+      manager.updateSortPopupVisible(true);
     };
     const handleToolboxCustomEvent = (eventName, item, event) => {
       switch (eventName) {
@@ -12884,7 +13091,7 @@ const _sfc_main$4 = defineComponent({
     const { useKeyboardEvents } = useKeyBoardEvent();
     const tableToolsboxRef = ref();
     const trigTableToolboxEvent = (event) => {
-      tableToolsboxRef.value.trigEvent(event);
+      tableToolsboxRef.value && tableToolsboxRef.value.trigEvent(event);
     };
     const exposeActions = {
       doTableLayout,
@@ -12950,7 +13157,7 @@ const _sfc_main$4 = defineComponent({
               key: 0,
               class: normalizeClass(unref(createBEMName)("top-tabs"))
             }, [
-              hasTabs.value ? (openBlock(), createBlock(_sfc_main$11, {
+              hasTabs.value ? (openBlock(), createBlock(_sfc_main$12, {
                 key: 0,
                 tabs: uConfig.value.tabs,
                 manager,
@@ -12966,7 +13173,7 @@ const _sfc_main$4 = defineComponent({
               key: 1,
               class: normalizeClass(unref(createBEMName)("search"))
             }, [
-              createVNode(_sfc_main$z, {
+              createVNode(_sfc_main$A, {
                 ref_key: "searchFormRef",
                 ref: searchFormRef,
                 manager
@@ -13092,14 +13299,16 @@ const _sfc_main$4 = defineComponent({
             ref_key: "columnFilterToolsRef",
             ref: columnFilterToolsRef,
             manager,
-            onScreen: handleColumnFilterToolsScreen
+            onScreen: handleColumnFilterToolsScreen,
+            onClosed: handleColumnFilterToolsClosed
           }, null, 8, ["manager"])) : createCommentVNode("", true),
           ((_d = (_c = _ctx.config.table) == null ? void 0 : _c.toolbox) == null ? void 0 : _d.includes("sort")) ? (openBlock(), createBlock(ColumnSortTools, {
             key: 4,
             ref_key: "columnSortToolsRef",
             ref: columnSortToolsRef,
             manager,
-            onScreen: handleColumnSortToolsScreen
+            onScreen: handleColumnSortToolsScreen,
+            onClosed: _cache[0] || (_cache[0] = ($event) => manager.updateSortPopupVisible(false))
           }, null, 8, ["manager"])) : createCommentVNode("", true)
         ], 64))
       ], 16, _hoisted_1$2);
@@ -13244,7 +13453,7 @@ const _sfc_main$2 = defineComponent({
       const _component_el_radio_button = resolveComponent("el-radio-button");
       const _component_el_radio_group = resolveComponent("el-radio-group");
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(_sfc_main$B, {
+      return openBlock(), createBlock(_sfc_main$C, {
         modelValue: visible.value,
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
         title: "\u7F16\u8F91\u8868\u683C",
@@ -13287,7 +13496,7 @@ const _sfc_main$2 = defineComponent({
               ], 2);
             }), 128))
           ], 2),
-          createVNode(_sfc_main$u, {
+          createVNode(_sfc_main$v, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             "item-key": "_key"
@@ -13451,7 +13660,7 @@ const _sfc_main$1 = defineComponent({
         createElementVNode("div", {
           class: normalizeClass(unref(createBEMName)("list"))
         }, [
-          createVNode(_sfc_main$u, {
+          createVNode(_sfc_main$v, {
             modelValue: innerEls.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerEls.value = $event),
             class: normalizeClass(unref(BEMSpace)),
@@ -13914,7 +14123,7 @@ const _sfc_main = defineComponent({
                     }, {
                       default: withCtx(() => [
                         _ctx.alwaysShowEdit || isCurrentRowFocus($index) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-                          createVNode(_sfc_main$y, {
+                          createVNode(_sfc_main$z, {
                             "render-fn": column.renderFn,
                             pure: "",
                             row,
@@ -13968,7 +14177,7 @@ const _sfc_main = defineComponent({
         }, 16, ["data"]),
         bottomActions.value.length || hasSlots.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "action-prefix", {}, void 0, true),
-          createVNode(_sfc_main$E, {
+          createVNode(ButtonsRenderer, {
             els: bottomActions.value,
             onCustom: handleBottomActionsEvent
           }, null, 8, ["els"]),
@@ -14064,4 +14273,4 @@ const ModelComponent = {
     saveTableColumns(content);
   }
 };
-export { _sfc_main$E as ButtonsRenderer, _sfc_main$u as DraggableList, index as EditableTable, _sfc_main$B as FormDialog, _sfc_main$c as FormDrawer, PageModelForm, _sfc_main$y as TableCellRenderer, _sfc_main$t as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };
+export { ButtonsRenderer, _sfc_main$v as DraggableList, index as EditableTable, _sfc_main$C as FormDialog, _sfc_main$c as FormDrawer, PageModelForm, _sfc_main$z as TableCellRenderer, _sfc_main$u as TableColumnSetting, columnTools, ModelComponent as default, defineConfig, defineEditableTable, defineForm };