@enableai-base/grid-layout 1.0.0

package/dist/grid-layout.cjs.prod.js

@@ -0,0 +1,3645 @@
+/**
+* @enableai-base/grid-layout v1.0.0
+* (c) 2024-present Enableai
+* @license Proprietary
+**/
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var antd = require('antd');
+var reactHooks = require('@enableai-sdk-common/react-hooks');
+var jsBase64 = require('js-base64');
+var icons = require('@ant-design/icons');
+var ui = require('@enableai-base/ui');
+var proComponents = require('@ant-design/pro-components');
+var core = require('@enableai-base/core');
+var dayjs = require('dayjs');
+var ReactMonacoEditor = require('@monaco-editor/react');
+var baseModal = require('@enableai-sdk-ui/base-modal');
+var lodash = require('lodash');
+var ReactGridLayout = require('react-grid-layout');
+
+class ObjectURLManager {
+  constructor() {
+    this.store = [];
+  }
+  /**
+   * 为指定的 Blob 或 MediaSource 创建对象 URL 并存储。
+   *
+   * @param {Blob | MediaSource} obj - 需要创建对象 URL 的数据对象。
+   * @returns {string} 创建的对象 URL。
+   */
+  create(obj) {
+    const src = window.URL.createObjectURL(obj);
+    this.store.push(src);
+    return src;
+  }
+  /**
+   * 撤销所有已创建的对象 URL，释放内存。
+   */
+  destroy() {
+    this.store.forEach((url) => window.URL.revokeObjectURL(url));
+    this.store = [];
+  }
+}
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+var react = {exports: {}};
+
+var react_production = {};
+
+/**
+ * @license React
+ * react.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+var hasRequiredReact_production;
+
+function requireReact_production () {
+	if (hasRequiredReact_production) return react_production;
+	hasRequiredReact_production = 1;
+	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+	  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+	  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+	  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+	  REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+	  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+	  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+	  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+	  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+	  REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+	  MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+	function getIteratorFn(maybeIterable) {
+	  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+	  maybeIterable =
+	    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+	    maybeIterable["@@iterator"];
+	  return "function" === typeof maybeIterable ? maybeIterable : null;
+	}
+	var ReactNoopUpdateQueue = {
+	    isMounted: function () {
+	      return false;
+	    },
+	    enqueueForceUpdate: function () {},
+	    enqueueReplaceState: function () {},
+	    enqueueSetState: function () {}
+	  },
+	  assign = Object.assign,
+	  emptyObject = {};
+	function Component(props, context, updater) {
+	  this.props = props;
+	  this.context = context;
+	  this.refs = emptyObject;
+	  this.updater = updater || ReactNoopUpdateQueue;
+	}
+	Component.prototype.isReactComponent = {};
+	Component.prototype.setState = function (partialState, callback) {
+	  if (
+	    "object" !== typeof partialState &&
+	    "function" !== typeof partialState &&
+	    null != partialState
+	  )
+	    throw Error(
+	      "takes an object of state variables to update or a function which returns an object of state variables."
+	    );
+	  this.updater.enqueueSetState(this, partialState, callback, "setState");
+	};
+	Component.prototype.forceUpdate = function (callback) {
+	  this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+	};
+	function ComponentDummy() {}
+	ComponentDummy.prototype = Component.prototype;
+	function PureComponent(props, context, updater) {
+	  this.props = props;
+	  this.context = context;
+	  this.refs = emptyObject;
+	  this.updater = updater || ReactNoopUpdateQueue;
+	}
+	var pureComponentPrototype = (PureComponent.prototype = new ComponentDummy());
+	pureComponentPrototype.constructor = PureComponent;
+	assign(pureComponentPrototype, Component.prototype);
+	pureComponentPrototype.isPureReactComponent = true;
+	var isArrayImpl = Array.isArray,
+	  ReactSharedInternals = { H: null, A: null, T: null, S: null, V: null },
+	  hasOwnProperty = Object.prototype.hasOwnProperty;
+	function ReactElement(type, key, self, source, owner, props) {
+	  self = props.ref;
+	  return {
+	    $$typeof: REACT_ELEMENT_TYPE,
+	    type: type,
+	    key: key,
+	    ref: void 0 !== self ? self : null,
+	    props: props
+	  };
+	}
+	function cloneAndReplaceKey(oldElement, newKey) {
+	  return ReactElement(
+	    oldElement.type,
+	    newKey,
+	    void 0,
+	    void 0,
+	    void 0,
+	    oldElement.props
+	  );
+	}
+	function isValidElement(object) {
+	  return (
+	    "object" === typeof object &&
+	    null !== object &&
+	    object.$$typeof === REACT_ELEMENT_TYPE
+	  );
+	}
+	function escape(key) {
+	  var escaperLookup = { "=": "=0", ":": "=2" };
+	  return (
+	    "$" +
+	    key.replace(/[=:]/g, function (match) {
+	      return escaperLookup[match];
+	    })
+	  );
+	}
+	var userProvidedKeyEscapeRegex = /\/+/g;
+	function getElementKey(element, index) {
+	  return "object" === typeof element && null !== element && null != element.key
+	    ? escape("" + element.key)
+	    : index.toString(36);
+	}
+	function noop$1() {}
+	function resolveThenable(thenable) {
+	  switch (thenable.status) {
+	    case "fulfilled":
+	      return thenable.value;
+	    case "rejected":
+	      throw thenable.reason;
+	    default:
+	      switch (
+	        ("string" === typeof thenable.status
+	          ? thenable.then(noop$1, noop$1)
+	          : ((thenable.status = "pending"),
+	            thenable.then(
+	              function (fulfilledValue) {
+	                "pending" === thenable.status &&
+	                  ((thenable.status = "fulfilled"),
+	                  (thenable.value = fulfilledValue));
+	              },
+	              function (error) {
+	                "pending" === thenable.status &&
+	                  ((thenable.status = "rejected"), (thenable.reason = error));
+	              }
+	            )),
+	        thenable.status)
+	      ) {
+	        case "fulfilled":
+	          return thenable.value;
+	        case "rejected":
+	          throw thenable.reason;
+	      }
+	  }
+	  throw thenable;
+	}
+	function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+	  var type = typeof children;
+	  if ("undefined" === type || "boolean" === type) children = null;
+	  var invokeCallback = false;
+	  if (null === children) invokeCallback = true;
+	  else
+	    switch (type) {
+	      case "bigint":
+	      case "string":
+	      case "number":
+	        invokeCallback = true;
+	        break;
+	      case "object":
+	        switch (children.$$typeof) {
+	          case REACT_ELEMENT_TYPE:
+	          case REACT_PORTAL_TYPE:
+	            invokeCallback = true;
+	            break;
+	          case REACT_LAZY_TYPE:
+	            return (
+	              (invokeCallback = children._init),
+	              mapIntoArray(
+	                invokeCallback(children._payload),
+	                array,
+	                escapedPrefix,
+	                nameSoFar,
+	                callback
+	              )
+	            );
+	        }
+	    }
+	  if (invokeCallback)
+	    return (
+	      (callback = callback(children)),
+	      (invokeCallback =
+	        "" === nameSoFar ? "." + getElementKey(children, 0) : nameSoFar),
+	      isArrayImpl(callback)
+	        ? ((escapedPrefix = ""),
+	          null != invokeCallback &&
+	            (escapedPrefix =
+	              invokeCallback.replace(userProvidedKeyEscapeRegex, "$&/") + "/"),
+	          mapIntoArray(callback, array, escapedPrefix, "", function (c) {
+	            return c;
+	          }))
+	        : null != callback &&
+	          (isValidElement(callback) &&
+	            (callback = cloneAndReplaceKey(
+	              callback,
+	              escapedPrefix +
+	                (null == callback.key ||
+	                (children && children.key === callback.key)
+	                  ? ""
+	                  : ("" + callback.key).replace(
+	                      userProvidedKeyEscapeRegex,
+	                      "$&/"
+	                    ) + "/") +
+	                invokeCallback
+	            )),
+	          array.push(callback)),
+	      1
+	    );
+	  invokeCallback = 0;
+	  var nextNamePrefix = "" === nameSoFar ? "." : nameSoFar + ":";
+	  if (isArrayImpl(children))
+	    for (var i = 0; i < children.length; i++)
+	      (nameSoFar = children[i]),
+	        (type = nextNamePrefix + getElementKey(nameSoFar, i)),
+	        (invokeCallback += mapIntoArray(
+	          nameSoFar,
+	          array,
+	          escapedPrefix,
+	          type,
+	          callback
+	        ));
+	  else if (((i = getIteratorFn(children)), "function" === typeof i))
+	    for (
+	      children = i.call(children), i = 0;
+	      !(nameSoFar = children.next()).done;
+
+	    )
+	      (nameSoFar = nameSoFar.value),
+	        (type = nextNamePrefix + getElementKey(nameSoFar, i++)),
+	        (invokeCallback += mapIntoArray(
+	          nameSoFar,
+	          array,
+	          escapedPrefix,
+	          type,
+	          callback
+	        ));
+	  else if ("object" === type) {
+	    if ("function" === typeof children.then)
+	      return mapIntoArray(
+	        resolveThenable(children),
+	        array,
+	        escapedPrefix,
+	        nameSoFar,
+	        callback
+	      );
+	    array = String(children);
+	    throw Error(
+	      "Objects are not valid as a React child (found: " +
+	        ("[object Object]" === array
+	          ? "object with keys {" + Object.keys(children).join(", ") + "}"
+	          : array) +
+	        "). If you meant to render a collection of children, use an array instead."
+	    );
+	  }
+	  return invokeCallback;
+	}
+	function mapChildren(children, func, context) {
+	  if (null == children) return children;
+	  var result = [],
+	    count = 0;
+	  mapIntoArray(children, result, "", "", function (child) {
+	    return func.call(context, child, count++);
+	  });
+	  return result;
+	}
+	function lazyInitializer(payload) {
+	  if (-1 === payload._status) {
+	    var ctor = payload._result;
+	    ctor = ctor();
+	    ctor.then(
+	      function (moduleObject) {
+	        if (0 === payload._status || -1 === payload._status)
+	          (payload._status = 1), (payload._result = moduleObject);
+	      },
+	      function (error) {
+	        if (0 === payload._status || -1 === payload._status)
+	          (payload._status = 2), (payload._result = error);
+	      }
+	    );
+	    -1 === payload._status && ((payload._status = 0), (payload._result = ctor));
+	  }
+	  if (1 === payload._status) return payload._result.default;
+	  throw payload._result;
+	}
+	var reportGlobalError =
+	  "function" === typeof reportError
+	    ? reportError
+	    : function (error) {
+	        if (
+	          "object" === typeof window &&
+	          "function" === typeof window.ErrorEvent
+	        ) {
+	          var event = new window.ErrorEvent("error", {
+	            bubbles: true,
+	            cancelable: true,
+	            message:
+	              "object" === typeof error &&
+	              null !== error &&
+	              "string" === typeof error.message
+	                ? String(error.message)
+	                : String(error),
+	            error: error
+	          });
+	          if (!window.dispatchEvent(event)) return;
+	        } else if (
+	          "object" === typeof process &&
+	          "function" === typeof process.emit
+	        ) {
+	          process.emit("uncaughtException", error);
+	          return;
+	        }
+	        console.error(error);
+	      };
+	function noop() {}
+	react_production.Children = {
+	  map: mapChildren,
+	  forEach: function (children, forEachFunc, forEachContext) {
+	    mapChildren(
+	      children,
+	      function () {
+	        forEachFunc.apply(this, arguments);
+	      },
+	      forEachContext
+	    );
+	  },
+	  count: function (children) {
+	    var n = 0;
+	    mapChildren(children, function () {
+	      n++;
+	    });
+	    return n;
+	  },
+	  toArray: function (children) {
+	    return (
+	      mapChildren(children, function (child) {
+	        return child;
+	      }) || []
+	    );
+	  },
+	  only: function (children) {
+	    if (!isValidElement(children))
+	      throw Error(
+	        "React.Children.only expected to receive a single React element child."
+	      );
+	    return children;
+	  }
+	};
+	react_production.Component = Component;
+	react_production.Fragment = REACT_FRAGMENT_TYPE;
+	react_production.Profiler = REACT_PROFILER_TYPE;
+	react_production.PureComponent = PureComponent;
+	react_production.StrictMode = REACT_STRICT_MODE_TYPE;
+	react_production.Suspense = REACT_SUSPENSE_TYPE;
+	react_production.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+	  ReactSharedInternals;
+	react_production.__COMPILER_RUNTIME = {
+	  __proto__: null,
+	  c: function (size) {
+	    return ReactSharedInternals.H.useMemoCache(size);
+	  }
+	};
+	react_production.cache = function (fn) {
+	  return function () {
+	    return fn.apply(null, arguments);
+	  };
+	};
+	react_production.cloneElement = function (element, config, children) {
+	  if (null === element || void 0 === element)
+	    throw Error(
+	      "The argument must be a React element, but you passed " + element + "."
+	    );
+	  var props = assign({}, element.props),
+	    key = element.key,
+	    owner = void 0;
+	  if (null != config)
+	    for (propName in (void 0 !== config.ref && (owner = void 0),
+	    void 0 !== config.key && (key = "" + config.key),
+	    config))
+	      !hasOwnProperty.call(config, propName) ||
+	        "key" === propName ||
+	        "__self" === propName ||
+	        "__source" === propName ||
+	        ("ref" === propName && void 0 === config.ref) ||
+	        (props[propName] = config[propName]);
+	  var propName = arguments.length - 2;
+	  if (1 === propName) props.children = children;
+	  else if (1 < propName) {
+	    for (var childArray = Array(propName), i = 0; i < propName; i++)
+	      childArray[i] = arguments[i + 2];
+	    props.children = childArray;
+	  }
+	  return ReactElement(element.type, key, void 0, void 0, owner, props);
+	};
+	react_production.createContext = function (defaultValue) {
+	  defaultValue = {
+	    $$typeof: REACT_CONTEXT_TYPE,
+	    _currentValue: defaultValue,
+	    _currentValue2: defaultValue,
+	    _threadCount: 0,
+	    Provider: null,
+	    Consumer: null
+	  };
+	  defaultValue.Provider = defaultValue;
+	  defaultValue.Consumer = {
+	    $$typeof: REACT_CONSUMER_TYPE,
+	    _context: defaultValue
+	  };
+	  return defaultValue;
+	};
+	react_production.createElement = function (type, config, children) {
+	  var propName,
+	    props = {},
+	    key = null;
+	  if (null != config)
+	    for (propName in (void 0 !== config.key && (key = "" + config.key), config))
+	      hasOwnProperty.call(config, propName) &&
+	        "key" !== propName &&
+	        "__self" !== propName &&
+	        "__source" !== propName &&
+	        (props[propName] = config[propName]);
+	  var childrenLength = arguments.length - 2;
+	  if (1 === childrenLength) props.children = children;
+	  else if (1 < childrenLength) {
+	    for (var childArray = Array(childrenLength), i = 0; i < childrenLength; i++)
+	      childArray[i] = arguments[i + 2];
+	    props.children = childArray;
+	  }
+	  if (type && type.defaultProps)
+	    for (propName in ((childrenLength = type.defaultProps), childrenLength))
+	      void 0 === props[propName] &&
+	        (props[propName] = childrenLength[propName]);
+	  return ReactElement(type, key, void 0, void 0, null, props);
+	};
+	react_production.createRef = function () {
+	  return { current: null };
+	};
+	react_production.forwardRef = function (render) {
+	  return { $$typeof: REACT_FORWARD_REF_TYPE, render: render };
+	};
+	react_production.isValidElement = isValidElement;
+	react_production.lazy = function (ctor) {
+	  return {
+	    $$typeof: REACT_LAZY_TYPE,
+	    _payload: { _status: -1, _result: ctor },
+	    _init: lazyInitializer
+	  };
+	};
+	react_production.memo = function (type, compare) {
+	  return {
+	    $$typeof: REACT_MEMO_TYPE,
+	    type: type,
+	    compare: void 0 === compare ? null : compare
+	  };
+	};
+	react_production.startTransition = function (scope) {
+	  var prevTransition = ReactSharedInternals.T,
+	    currentTransition = {};
+	  ReactSharedInternals.T = currentTransition;
+	  try {
+	    var returnValue = scope(),
+	      onStartTransitionFinish = ReactSharedInternals.S;
+	    null !== onStartTransitionFinish &&
+	      onStartTransitionFinish(currentTransition, returnValue);
+	    "object" === typeof returnValue &&
+	      null !== returnValue &&
+	      "function" === typeof returnValue.then &&
+	      returnValue.then(noop, reportGlobalError);
+	  } catch (error) {
+	    reportGlobalError(error);
+	  } finally {
+	    ReactSharedInternals.T = prevTransition;
+	  }
+	};
+	react_production.unstable_useCacheRefresh = function () {
+	  return ReactSharedInternals.H.useCacheRefresh();
+	};
+	react_production.use = function (usable) {
+	  return ReactSharedInternals.H.use(usable);
+	};
+	react_production.useActionState = function (action, initialState, permalink) {
+	  return ReactSharedInternals.H.useActionState(action, initialState, permalink);
+	};
+	react_production.useCallback = function (callback, deps) {
+	  return ReactSharedInternals.H.useCallback(callback, deps);
+	};
+	react_production.useContext = function (Context) {
+	  return ReactSharedInternals.H.useContext(Context);
+	};
+	react_production.useDebugValue = function () {};
+	react_production.useDeferredValue = function (value, initialValue) {
+	  return ReactSharedInternals.H.useDeferredValue(value, initialValue);
+	};
+	react_production.useEffect = function (create, createDeps, update) {
+	  var dispatcher = ReactSharedInternals.H;
+	  if ("function" === typeof update)
+	    throw Error(
+	      "useEffect CRUD overload is not enabled in this build of React."
+	    );
+	  return dispatcher.useEffect(create, createDeps);
+	};
+	react_production.useId = function () {
+	  return ReactSharedInternals.H.useId();
+	};
+	react_production.useImperativeHandle = function (ref, create, deps) {
+	  return ReactSharedInternals.H.useImperativeHandle(ref, create, deps);
+	};
+	react_production.useInsertionEffect = function (create, deps) {
+	  return ReactSharedInternals.H.useInsertionEffect(create, deps);
+	};
+	react_production.useLayoutEffect = function (create, deps) {
+	  return ReactSharedInternals.H.useLayoutEffect(create, deps);
+	};
+	react_production.useMemo = function (create, deps) {
+	  return ReactSharedInternals.H.useMemo(create, deps);
+	};
+	react_production.useOptimistic = function (passthrough, reducer) {
+	  return ReactSharedInternals.H.useOptimistic(passthrough, reducer);
+	};
+	react_production.useReducer = function (reducer, initialArg, init) {
+	  return ReactSharedInternals.H.useReducer(reducer, initialArg, init);
+	};
+	react_production.useRef = function (initialValue) {
+	  return ReactSharedInternals.H.useRef(initialValue);
+	};
+	react_production.useState = function (initialState) {
+	  return ReactSharedInternals.H.useState(initialState);
+	};
+	react_production.useSyncExternalStore = function (
+	  subscribe,
+	  getSnapshot,
+	  getServerSnapshot
+	) {
+	  return ReactSharedInternals.H.useSyncExternalStore(
+	    subscribe,
+	    getSnapshot,
+	    getServerSnapshot
+	  );
+	};
+	react_production.useTransition = function () {
+	  return ReactSharedInternals.H.useTransition();
+	};
+	react_production.version = "19.1.1";
+	return react_production;
+}
+
+var react_development = {exports: {}};
+
+/**
+ * @license React
+ * react.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+react_development.exports;
+
+var hasRequiredReact_development;
+
+function requireReact_development () {
+	if (hasRequiredReact_development) return react_development.exports;
+	hasRequiredReact_development = 1;
+	(function (module, exports) {
+		"production" !== process.env.NODE_ENV &&
+		  (function () {
+		    function defineDeprecationWarning(methodName, info) {
+		      Object.defineProperty(Component.prototype, methodName, {
+		        get: function () {
+		          console.warn(
+		            "%s(...) is deprecated in plain JavaScript React classes. %s",
+		            info[0],
+		            info[1]
+		          );
+		        }
+		      });
+		    }
+		    function getIteratorFn(maybeIterable) {
+		      if (null === maybeIterable || "object" !== typeof maybeIterable)
+		        return null;
+		      maybeIterable =
+		        (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+		        maybeIterable["@@iterator"];
+		      return "function" === typeof maybeIterable ? maybeIterable : null;
+		    }
+		    function warnNoop(publicInstance, callerName) {
+		      publicInstance =
+		        ((publicInstance = publicInstance.constructor) &&
+		          (publicInstance.displayName || publicInstance.name)) ||
+		        "ReactClass";
+		      var warningKey = publicInstance + "." + callerName;
+		      didWarnStateUpdateForUnmountedComponent[warningKey] ||
+		        (console.error(
+		          "Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",
+		          callerName,
+		          publicInstance
+		        ),
+		        (didWarnStateUpdateForUnmountedComponent[warningKey] = true));
+		    }
+		    function Component(props, context, updater) {
+		      this.props = props;
+		      this.context = context;
+		      this.refs = emptyObject;
+		      this.updater = updater || ReactNoopUpdateQueue;
+		    }
+		    function ComponentDummy() {}
+		    function PureComponent(props, context, updater) {
+		      this.props = props;
+		      this.context = context;
+		      this.refs = emptyObject;
+		      this.updater = updater || ReactNoopUpdateQueue;
+		    }
+		    function testStringCoercion(value) {
+		      return "" + value;
+		    }
+		    function checkKeyStringCoercion(value) {
+		      try {
+		        testStringCoercion(value);
+		        var JSCompiler_inline_result = !1;
+		      } catch (e) {
+		        JSCompiler_inline_result = true;
+		      }
+		      if (JSCompiler_inline_result) {
+		        JSCompiler_inline_result = console;
+		        var JSCompiler_temp_const = JSCompiler_inline_result.error;
+		        var JSCompiler_inline_result$jscomp$0 =
+		          ("function" === typeof Symbol &&
+		            Symbol.toStringTag &&
+		            value[Symbol.toStringTag]) ||
+		          value.constructor.name ||
+		          "Object";
+		        JSCompiler_temp_const.call(
+		          JSCompiler_inline_result,
+		          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+		          JSCompiler_inline_result$jscomp$0
+		        );
+		        return testStringCoercion(value);
+		      }
+		    }
+		    function getComponentNameFromType(type) {
+		      if (null == type) return null;
+		      if ("function" === typeof type)
+		        return type.$$typeof === REACT_CLIENT_REFERENCE
+		          ? null
+		          : type.displayName || type.name || null;
+		      if ("string" === typeof type) return type;
+		      switch (type) {
+		        case REACT_FRAGMENT_TYPE:
+		          return "Fragment";
+		        case REACT_PROFILER_TYPE:
+		          return "Profiler";
+		        case REACT_STRICT_MODE_TYPE:
+		          return "StrictMode";
+		        case REACT_SUSPENSE_TYPE:
+		          return "Suspense";
+		        case REACT_SUSPENSE_LIST_TYPE:
+		          return "SuspenseList";
+		        case REACT_ACTIVITY_TYPE:
+		          return "Activity";
+		      }
+		      if ("object" === typeof type)
+		        switch (
+		          ("number" === typeof type.tag &&
+		            console.error(
+		              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+		            ),
+		          type.$$typeof)
+		        ) {
+		          case REACT_PORTAL_TYPE:
+		            return "Portal";
+		          case REACT_CONTEXT_TYPE:
+		            return (type.displayName || "Context") + ".Provider";
+		          case REACT_CONSUMER_TYPE:
+		            return (type._context.displayName || "Context") + ".Consumer";
+		          case REACT_FORWARD_REF_TYPE:
+		            var innerType = type.render;
+		            type = type.displayName;
+		            type ||
+		              ((type = innerType.displayName || innerType.name || ""),
+		              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+		            return type;
+		          case REACT_MEMO_TYPE:
+		            return (
+		              (innerType = type.displayName || null),
+		              null !== innerType
+		                ? innerType
+		                : getComponentNameFromType(type.type) || "Memo"
+		            );
+		          case REACT_LAZY_TYPE:
+		            innerType = type._payload;
+		            type = type._init;
+		            try {
+		              return getComponentNameFromType(type(innerType));
+		            } catch (x) {}
+		        }
+		      return null;
+		    }
+		    function getTaskName(type) {
+		      if (type === REACT_FRAGMENT_TYPE) return "<>";
+		      if (
+		        "object" === typeof type &&
+		        null !== type &&
+		        type.$$typeof === REACT_LAZY_TYPE
+		      )
+		        return "<...>";
+		      try {
+		        var name = getComponentNameFromType(type);
+		        return name ? "<" + name + ">" : "<...>";
+		      } catch (x) {
+		        return "<...>";
+		      }
+		    }
+		    function getOwner() {
+		      var dispatcher = ReactSharedInternals.A;
+		      return null === dispatcher ? null : dispatcher.getOwner();
+		    }
+		    function UnknownOwner() {
+		      return Error("react-stack-top-frame");
+		    }
+		    function hasValidKey(config) {
+		      if (hasOwnProperty.call(config, "key")) {
+		        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+		        if (getter && getter.isReactWarning) return false;
+		      }
+		      return void 0 !== config.key;
+		    }
+		    function defineKeyPropWarningGetter(props, displayName) {
+		      function warnAboutAccessingKey() {
+		        specialPropKeyWarningShown ||
+		          ((specialPropKeyWarningShown = true),
+		          console.error(
+		            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+		            displayName
+		          ));
+		      }
+		      warnAboutAccessingKey.isReactWarning = true;
+		      Object.defineProperty(props, "key", {
+		        get: warnAboutAccessingKey,
+		        configurable: true
+		      });
+		    }
+		    function elementRefGetterWithDeprecationWarning() {
+		      var componentName = getComponentNameFromType(this.type);
+		      didWarnAboutElementRef[componentName] ||
+		        ((didWarnAboutElementRef[componentName] = true),
+		        console.error(
+		          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+		        ));
+		      componentName = this.props.ref;
+		      return void 0 !== componentName ? componentName : null;
+		    }
+		    function ReactElement(
+		      type,
+		      key,
+		      self,
+		      source,
+		      owner,
+		      props,
+		      debugStack,
+		      debugTask
+		    ) {
+		      self = props.ref;
+		      type = {
+		        $$typeof: REACT_ELEMENT_TYPE,
+		        type: type,
+		        key: key,
+		        props: props,
+		        _owner: owner
+		      };
+		      null !== (void 0 !== self ? self : null)
+		        ? Object.defineProperty(type, "ref", {
+		            enumerable: false,
+		            get: elementRefGetterWithDeprecationWarning
+		          })
+		        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
+		      type._store = {};
+		      Object.defineProperty(type._store, "validated", {
+		        configurable: false,
+		        enumerable: false,
+		        writable: true,
+		        value: 0
+		      });
+		      Object.defineProperty(type, "_debugInfo", {
+		        configurable: false,
+		        enumerable: false,
+		        writable: true,
+		        value: null
+		      });
+		      Object.defineProperty(type, "_debugStack", {
+		        configurable: false,
+		        enumerable: false,
+		        writable: true,
+		        value: debugStack
+		      });
+		      Object.defineProperty(type, "_debugTask", {
+		        configurable: false,
+		        enumerable: false,
+		        writable: true,
+		        value: debugTask
+		      });
+		      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
+		      return type;
+		    }
+		    function cloneAndReplaceKey(oldElement, newKey) {
+		      newKey = ReactElement(
+		        oldElement.type,
+		        newKey,
+		        void 0,
+		        void 0,
+		        oldElement._owner,
+		        oldElement.props,
+		        oldElement._debugStack,
+		        oldElement._debugTask
+		      );
+		      oldElement._store &&
+		        (newKey._store.validated = oldElement._store.validated);
+		      return newKey;
+		    }
+		    function isValidElement(object) {
+		      return (
+		        "object" === typeof object &&
+		        null !== object &&
+		        object.$$typeof === REACT_ELEMENT_TYPE
+		      );
+		    }
+		    function escape(key) {
+		      var escaperLookup = { "=": "=0", ":": "=2" };
+		      return (
+		        "$" +
+		        key.replace(/[=:]/g, function (match) {
+		          return escaperLookup[match];
+		        })
+		      );
+		    }
+		    function getElementKey(element, index) {
+		      return "object" === typeof element &&
+		        null !== element &&
+		        null != element.key
+		        ? (checkKeyStringCoercion(element.key), escape("" + element.key))
+		        : index.toString(36);
+		    }
+		    function noop$1() {}
+		    function resolveThenable(thenable) {
+		      switch (thenable.status) {
+		        case "fulfilled":
+		          return thenable.value;
+		        case "rejected":
+		          throw thenable.reason;
+		        default:
+		          switch (
+		            ("string" === typeof thenable.status
+		              ? thenable.then(noop$1, noop$1)
+		              : ((thenable.status = "pending"),
+		                thenable.then(
+		                  function (fulfilledValue) {
+		                    "pending" === thenable.status &&
+		                      ((thenable.status = "fulfilled"),
+		                      (thenable.value = fulfilledValue));
+		                  },
+		                  function (error) {
+		                    "pending" === thenable.status &&
+		                      ((thenable.status = "rejected"),
+		                      (thenable.reason = error));
+		                  }
+		                )),
+		            thenable.status)
+		          ) {
+		            case "fulfilled":
+		              return thenable.value;
+		            case "rejected":
+		              throw thenable.reason;
+		          }
+		      }
+		      throw thenable;
+		    }
+		    function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+		      var type = typeof children;
+		      if ("undefined" === type || "boolean" === type) children = null;
+		      var invokeCallback = false;
+		      if (null === children) invokeCallback = true;
+		      else
+		        switch (type) {
+		          case "bigint":
+		          case "string":
+		          case "number":
+		            invokeCallback = true;
+		            break;
+		          case "object":
+		            switch (children.$$typeof) {
+		              case REACT_ELEMENT_TYPE:
+		              case REACT_PORTAL_TYPE:
+		                invokeCallback = true;
+		                break;
+		              case REACT_LAZY_TYPE:
+		                return (
+		                  (invokeCallback = children._init),
+		                  mapIntoArray(
+		                    invokeCallback(children._payload),
+		                    array,
+		                    escapedPrefix,
+		                    nameSoFar,
+		                    callback
+		                  )
+		                );
+		            }
+		        }
+		      if (invokeCallback) {
+		        invokeCallback = children;
+		        callback = callback(invokeCallback);
+		        var childKey =
+		          "" === nameSoFar ? "." + getElementKey(invokeCallback, 0) : nameSoFar;
+		        isArrayImpl(callback)
+		          ? ((escapedPrefix = ""),
+		            null != childKey &&
+		              (escapedPrefix =
+		                childKey.replace(userProvidedKeyEscapeRegex, "$&/") + "/"),
+		            mapIntoArray(callback, array, escapedPrefix, "", function (c) {
+		              return c;
+		            }))
+		          : null != callback &&
+		            (isValidElement(callback) &&
+		              (null != callback.key &&
+		                ((invokeCallback && invokeCallback.key === callback.key) ||
+		                  checkKeyStringCoercion(callback.key)),
+		              (escapedPrefix = cloneAndReplaceKey(
+		                callback,
+		                escapedPrefix +
+		                  (null == callback.key ||
+		                  (invokeCallback && invokeCallback.key === callback.key)
+		                    ? ""
+		                    : ("" + callback.key).replace(
+		                        userProvidedKeyEscapeRegex,
+		                        "$&/"
+		                      ) + "/") +
+		                  childKey
+		              )),
+		              "" !== nameSoFar &&
+		                null != invokeCallback &&
+		                isValidElement(invokeCallback) &&
+		                null == invokeCallback.key &&
+		                invokeCallback._store &&
+		                !invokeCallback._store.validated &&
+		                (escapedPrefix._store.validated = 2),
+		              (callback = escapedPrefix)),
+		            array.push(callback));
+		        return 1;
+		      }
+		      invokeCallback = 0;
+		      childKey = "" === nameSoFar ? "." : nameSoFar + ":";
+		      if (isArrayImpl(children))
+		        for (var i = 0; i < children.length; i++)
+		          (nameSoFar = children[i]),
+		            (type = childKey + getElementKey(nameSoFar, i)),
+		            (invokeCallback += mapIntoArray(
+		              nameSoFar,
+		              array,
+		              escapedPrefix,
+		              type,
+		              callback
+		            ));
+		      else if (((i = getIteratorFn(children)), "function" === typeof i))
+		        for (
+		          i === children.entries &&
+		            (didWarnAboutMaps ||
+		              console.warn(
+		                "Using Maps as children is not supported. Use an array of keyed ReactElements instead."
+		              ),
+		            (didWarnAboutMaps = true)),
+		            children = i.call(children),
+		            i = 0;
+		          !(nameSoFar = children.next()).done;
+
+		        )
+		          (nameSoFar = nameSoFar.value),
+		            (type = childKey + getElementKey(nameSoFar, i++)),
+		            (invokeCallback += mapIntoArray(
+		              nameSoFar,
+		              array,
+		              escapedPrefix,
+		              type,
+		              callback
+		            ));
+		      else if ("object" === type) {
+		        if ("function" === typeof children.then)
+		          return mapIntoArray(
+		            resolveThenable(children),
+		            array,
+		            escapedPrefix,
+		            nameSoFar,
+		            callback
+		          );
+		        array = String(children);
+		        throw Error(
+		          "Objects are not valid as a React child (found: " +
+		            ("[object Object]" === array
+		              ? "object with keys {" + Object.keys(children).join(", ") + "}"
+		              : array) +
+		            "). If you meant to render a collection of children, use an array instead."
+		        );
+		      }
+		      return invokeCallback;
+		    }
+		    function mapChildren(children, func, context) {
+		      if (null == children) return children;
+		      var result = [],
+		        count = 0;
+		      mapIntoArray(children, result, "", "", function (child) {
+		        return func.call(context, child, count++);
+		      });
+		      return result;
+		    }
+		    function lazyInitializer(payload) {
+		      if (-1 === payload._status) {
+		        var ctor = payload._result;
+		        ctor = ctor();
+		        ctor.then(
+		          function (moduleObject) {
+		            if (0 === payload._status || -1 === payload._status)
+		              (payload._status = 1), (payload._result = moduleObject);
+		          },
+		          function (error) {
+		            if (0 === payload._status || -1 === payload._status)
+		              (payload._status = 2), (payload._result = error);
+		          }
+		        );
+		        -1 === payload._status &&
+		          ((payload._status = 0), (payload._result = ctor));
+		      }
+		      if (1 === payload._status)
+		        return (
+		          (ctor = payload._result),
+		          void 0 === ctor &&
+		            console.error(
+		              "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))\n\nDid you accidentally put curly braces around the import?",
+		              ctor
+		            ),
+		          "default" in ctor ||
+		            console.error(
+		              "lazy: Expected the result of a dynamic import() call. Instead received: %s\n\nYour code should look like: \n  const MyComponent = lazy(() => import('./MyComponent'))",
+		              ctor
+		            ),
+		          ctor.default
+		        );
+		      throw payload._result;
+		    }
+		    function resolveDispatcher() {
+		      var dispatcher = ReactSharedInternals.H;
+		      null === dispatcher &&
+		        console.error(
+		          "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem."
+		        );
+		      return dispatcher;
+		    }
+		    function noop() {}
+		    function enqueueTask(task) {
+		      if (null === enqueueTaskImpl)
+		        try {
+		          var requireString = ("require" + Math.random()).slice(0, 7);
+		          enqueueTaskImpl = (module && module[requireString]).call(
+		            module,
+		            "timers"
+		          ).setImmediate;
+		        } catch (_err) {
+		          enqueueTaskImpl = function (callback) {
+		            false === didWarnAboutMessageChannel &&
+		              ((didWarnAboutMessageChannel = true),
+		              "undefined" === typeof MessageChannel &&
+		                console.error(
+		                  "This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."
+		                ));
+		            var channel = new MessageChannel();
+		            channel.port1.onmessage = callback;
+		            channel.port2.postMessage(void 0);
+		          };
+		        }
+		      return enqueueTaskImpl(task);
+		    }
+		    function aggregateErrors(errors) {
+		      return 1 < errors.length && "function" === typeof AggregateError
+		        ? new AggregateError(errors)
+		        : errors[0];
+		    }
+		    function popActScope(prevActQueue, prevActScopeDepth) {
+		      prevActScopeDepth !== actScopeDepth - 1 &&
+		        console.error(
+		          "You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "
+		        );
+		      actScopeDepth = prevActScopeDepth;
+		    }
+		    function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
+		      var queue = ReactSharedInternals.actQueue;
+		      if (null !== queue)
+		        if (0 !== queue.length)
+		          try {
+		            flushActQueue(queue);
+		            enqueueTask(function () {
+		              return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
+		            });
+		            return;
+		          } catch (error) {
+		            ReactSharedInternals.thrownErrors.push(error);
+		          }
+		        else ReactSharedInternals.actQueue = null;
+		      0 < ReactSharedInternals.thrownErrors.length
+		        ? ((queue = aggregateErrors(ReactSharedInternals.thrownErrors)),
+		          (ReactSharedInternals.thrownErrors.length = 0),
+		          reject(queue))
+		        : resolve(returnValue);
+		    }
+		    function flushActQueue(queue) {
+		      if (!isFlushing) {
+		        isFlushing = true;
+		        var i = 0;
+		        try {
+		          for (; i < queue.length; i++) {
+		            var callback = queue[i];
+		            do {
+		              ReactSharedInternals.didUsePromise = !1;
+		              var continuation = callback(!1);
+		              if (null !== continuation) {
+		                if (ReactSharedInternals.didUsePromise) {
+		                  queue[i] = callback;
+		                  queue.splice(0, i);
+		                  return;
+		                }
+		                callback = continuation;
+		              } else break;
+		            } while (1);
+		          }
+		          queue.length = 0;
+		        } catch (error) {
+		          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
+		        } finally {
+		          isFlushing = false;
+		        }
+		      }
+		    }
+		    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+		      "function" ===
+		        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+		      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+		    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+		      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+		      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+		      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+		      REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+		    var REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
+		      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+		      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+		      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+		      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+		      REACT_MEMO_TYPE = Symbol.for("react.memo"),
+		      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
+		      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
+		      MAYBE_ITERATOR_SYMBOL = Symbol.iterator,
+		      didWarnStateUpdateForUnmountedComponent = {},
+		      ReactNoopUpdateQueue = {
+		        isMounted: function () {
+		          return false;
+		        },
+		        enqueueForceUpdate: function (publicInstance) {
+		          warnNoop(publicInstance, "forceUpdate");
+		        },
+		        enqueueReplaceState: function (publicInstance) {
+		          warnNoop(publicInstance, "replaceState");
+		        },
+		        enqueueSetState: function (publicInstance) {
+		          warnNoop(publicInstance, "setState");
+		        }
+		      },
+		      assign = Object.assign,
+		      emptyObject = {};
+		    Object.freeze(emptyObject);
+		    Component.prototype.isReactComponent = {};
+		    Component.prototype.setState = function (partialState, callback) {
+		      if (
+		        "object" !== typeof partialState &&
+		        "function" !== typeof partialState &&
+		        null != partialState
+		      )
+		        throw Error(
+		          "takes an object of state variables to update or a function which returns an object of state variables."
+		        );
+		      this.updater.enqueueSetState(this, partialState, callback, "setState");
+		    };
+		    Component.prototype.forceUpdate = function (callback) {
+		      this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+		    };
+		    var deprecatedAPIs = {
+		        isMounted: [
+		          "isMounted",
+		          "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
+		        ],
+		        replaceState: [
+		          "replaceState",
+		          "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
+		        ]
+		      },
+		      fnName;
+		    for (fnName in deprecatedAPIs)
+		      deprecatedAPIs.hasOwnProperty(fnName) &&
+		        defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+		    ComponentDummy.prototype = Component.prototype;
+		    deprecatedAPIs = PureComponent.prototype = new ComponentDummy();
+		    deprecatedAPIs.constructor = PureComponent;
+		    assign(deprecatedAPIs, Component.prototype);
+		    deprecatedAPIs.isPureReactComponent = true;
+		    var isArrayImpl = Array.isArray,
+		      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
+		      ReactSharedInternals = {
+		        H: null,
+		        A: null,
+		        T: null,
+		        S: null,
+		        V: null,
+		        actQueue: null,
+		        isBatchingLegacy: false,
+		        didScheduleLegacyUpdate: false,
+		        didUsePromise: false,
+		        thrownErrors: [],
+		        getCurrentStack: null,
+		        recentlyCreatedOwnerStacks: 0
+		      },
+		      hasOwnProperty = Object.prototype.hasOwnProperty,
+		      createTask = console.createTask
+		        ? console.createTask
+		        : function () {
+		            return null;
+		          };
+		    deprecatedAPIs = {
+		      react_stack_bottom_frame: function (callStackForError) {
+		        return callStackForError();
+		      }
+		    };
+		    var specialPropKeyWarningShown, didWarnAboutOldJSXRuntime;
+		    var didWarnAboutElementRef = {};
+		    var unknownOwnerDebugStack = deprecatedAPIs.react_stack_bottom_frame.bind(
+		      deprecatedAPIs,
+		      UnknownOwner
+		    )();
+		    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
+		    var didWarnAboutMaps = false,
+		      userProvidedKeyEscapeRegex = /\/+/g,
+		      reportGlobalError =
+		        "function" === typeof reportError
+		          ? reportError
+		          : function (error) {
+		              if (
+		                "object" === typeof window &&
+		                "function" === typeof window.ErrorEvent
+		              ) {
+		                var event = new window.ErrorEvent("error", {
+		                  bubbles: true,
+		                  cancelable: true,
+		                  message:
+		                    "object" === typeof error &&
+		                    null !== error &&
+		                    "string" === typeof error.message
+		                      ? String(error.message)
+		                      : String(error),
+		                  error: error
+		                });
+		                if (!window.dispatchEvent(event)) return;
+		              } else if (
+		                "object" === typeof process &&
+		                "function" === typeof process.emit
+		              ) {
+		                process.emit("uncaughtException", error);
+		                return;
+		              }
+		              console.error(error);
+		            },
+		      didWarnAboutMessageChannel = false,
+		      enqueueTaskImpl = null,
+		      actScopeDepth = 0,
+		      didWarnNoAwaitAct = false,
+		      isFlushing = false,
+		      queueSeveralMicrotasks =
+		        "function" === typeof queueMicrotask
+		          ? function (callback) {
+		              queueMicrotask(function () {
+		                return queueMicrotask(callback);
+		              });
+		            }
+		          : enqueueTask;
+		    deprecatedAPIs = Object.freeze({
+		      __proto__: null,
+		      c: function (size) {
+		        return resolveDispatcher().useMemoCache(size);
+		      }
+		    });
+		    exports.Children = {
+		      map: mapChildren,
+		      forEach: function (children, forEachFunc, forEachContext) {
+		        mapChildren(
+		          children,
+		          function () {
+		            forEachFunc.apply(this, arguments);
+		          },
+		          forEachContext
+		        );
+		      },
+		      count: function (children) {
+		        var n = 0;
+		        mapChildren(children, function () {
+		          n++;
+		        });
+		        return n;
+		      },
+		      toArray: function (children) {
+		        return (
+		          mapChildren(children, function (child) {
+		            return child;
+		          }) || []
+		        );
+		      },
+		      only: function (children) {
+		        if (!isValidElement(children))
+		          throw Error(
+		            "React.Children.only expected to receive a single React element child."
+		          );
+		        return children;
+		      }
+		    };
+		    exports.Component = Component;
+		    exports.Fragment = REACT_FRAGMENT_TYPE;
+		    exports.Profiler = REACT_PROFILER_TYPE;
+		    exports.PureComponent = PureComponent;
+		    exports.StrictMode = REACT_STRICT_MODE_TYPE;
+		    exports.Suspense = REACT_SUSPENSE_TYPE;
+		    exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE =
+		      ReactSharedInternals;
+		    exports.__COMPILER_RUNTIME = deprecatedAPIs;
+		    exports.act = function (callback) {
+		      var prevActQueue = ReactSharedInternals.actQueue,
+		        prevActScopeDepth = actScopeDepth;
+		      actScopeDepth++;
+		      var queue = (ReactSharedInternals.actQueue =
+		          null !== prevActQueue ? prevActQueue : []),
+		        didAwaitActCall = false;
+		      try {
+		        var result = callback();
+		      } catch (error) {
+		        ReactSharedInternals.thrownErrors.push(error);
+		      }
+		      if (0 < ReactSharedInternals.thrownErrors.length)
+		        throw (
+		          (popActScope(prevActQueue, prevActScopeDepth),
+		          (callback = aggregateErrors(ReactSharedInternals.thrownErrors)),
+		          (ReactSharedInternals.thrownErrors.length = 0),
+		          callback)
+		        );
+		      if (
+		        null !== result &&
+		        "object" === typeof result &&
+		        "function" === typeof result.then
+		      ) {
+		        var thenable = result;
+		        queueSeveralMicrotasks(function () {
+		          didAwaitActCall ||
+		            didWarnNoAwaitAct ||
+		            ((didWarnNoAwaitAct = true),
+		            console.error(
+		              "You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"
+		            ));
+		        });
+		        return {
+		          then: function (resolve, reject) {
+		            didAwaitActCall = true;
+		            thenable.then(
+		              function (returnValue) {
+		                popActScope(prevActQueue, prevActScopeDepth);
+		                if (0 === prevActScopeDepth) {
+		                  try {
+		                    flushActQueue(queue),
+		                      enqueueTask(function () {
+		                        return recursivelyFlushAsyncActWork(
+		                          returnValue,
+		                          resolve,
+		                          reject
+		                        );
+		                      });
+		                  } catch (error$0) {
+		                    ReactSharedInternals.thrownErrors.push(error$0);
+		                  }
+		                  if (0 < ReactSharedInternals.thrownErrors.length) {
+		                    var _thrownError = aggregateErrors(
+		                      ReactSharedInternals.thrownErrors
+		                    );
+		                    ReactSharedInternals.thrownErrors.length = 0;
+		                    reject(_thrownError);
+		                  }
+		                } else resolve(returnValue);
+		              },
+		              function (error) {
+		                popActScope(prevActQueue, prevActScopeDepth);
+		                0 < ReactSharedInternals.thrownErrors.length
+		                  ? ((error = aggregateErrors(
+		                      ReactSharedInternals.thrownErrors
+		                    )),
+		                    (ReactSharedInternals.thrownErrors.length = 0),
+		                    reject(error))
+		                  : reject(error);
+		              }
+		            );
+		          }
+		        };
+		      }
+		      var returnValue$jscomp$0 = result;
+		      popActScope(prevActQueue, prevActScopeDepth);
+		      0 === prevActScopeDepth &&
+		        (flushActQueue(queue),
+		        0 !== queue.length &&
+		          queueSeveralMicrotasks(function () {
+		            didAwaitActCall ||
+		              didWarnNoAwaitAct ||
+		              ((didWarnNoAwaitAct = true),
+		              console.error(
+		                "A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"
+		              ));
+		          }),
+		        (ReactSharedInternals.actQueue = null));
+		      if (0 < ReactSharedInternals.thrownErrors.length)
+		        throw (
+		          ((callback = aggregateErrors(ReactSharedInternals.thrownErrors)),
+		          (ReactSharedInternals.thrownErrors.length = 0),
+		          callback)
+		        );
+		      return {
+		        then: function (resolve, reject) {
+		          didAwaitActCall = true;
+		          0 === prevActScopeDepth
+		            ? ((ReactSharedInternals.actQueue = queue),
+		              enqueueTask(function () {
+		                return recursivelyFlushAsyncActWork(
+		                  returnValue$jscomp$0,
+		                  resolve,
+		                  reject
+		                );
+		              }))
+		            : resolve(returnValue$jscomp$0);
+		        }
+		      };
+		    };
+		    exports.cache = function (fn) {
+		      return function () {
+		        return fn.apply(null, arguments);
+		      };
+		    };
+		    exports.captureOwnerStack = function () {
+		      var getCurrentStack = ReactSharedInternals.getCurrentStack;
+		      return null === getCurrentStack ? null : getCurrentStack();
+		    };
+		    exports.cloneElement = function (element, config, children) {
+		      if (null === element || void 0 === element)
+		        throw Error(
+		          "The argument must be a React element, but you passed " +
+		            element +
+		            "."
+		        );
+		      var props = assign({}, element.props),
+		        key = element.key,
+		        owner = element._owner;
+		      if (null != config) {
+		        var JSCompiler_inline_result;
+		        a: {
+		          if (
+		            hasOwnProperty.call(config, "ref") &&
+		            (JSCompiler_inline_result = Object.getOwnPropertyDescriptor(
+		              config,
+		              "ref"
+		            ).get) &&
+		            JSCompiler_inline_result.isReactWarning
+		          ) {
+		            JSCompiler_inline_result = false;
+		            break a;
+		          }
+		          JSCompiler_inline_result = void 0 !== config.ref;
+		        }
+		        JSCompiler_inline_result && (owner = getOwner());
+		        hasValidKey(config) &&
+		          (checkKeyStringCoercion(config.key), (key = "" + config.key));
+		        for (propName in config)
+		          !hasOwnProperty.call(config, propName) ||
+		            "key" === propName ||
+		            "__self" === propName ||
+		            "__source" === propName ||
+		            ("ref" === propName && void 0 === config.ref) ||
+		            (props[propName] = config[propName]);
+		      }
+		      var propName = arguments.length - 2;
+		      if (1 === propName) props.children = children;
+		      else if (1 < propName) {
+		        JSCompiler_inline_result = Array(propName);
+		        for (var i = 0; i < propName; i++)
+		          JSCompiler_inline_result[i] = arguments[i + 2];
+		        props.children = JSCompiler_inline_result;
+		      }
+		      props = ReactElement(
+		        element.type,
+		        key,
+		        void 0,
+		        void 0,
+		        owner,
+		        props,
+		        element._debugStack,
+		        element._debugTask
+		      );
+		      for (key = 2; key < arguments.length; key++)
+		        (owner = arguments[key]),
+		          isValidElement(owner) && owner._store && (owner._store.validated = 1);
+		      return props;
+		    };
+		    exports.createContext = function (defaultValue) {
+		      defaultValue = {
+		        $$typeof: REACT_CONTEXT_TYPE,
+		        _currentValue: defaultValue,
+		        _currentValue2: defaultValue,
+		        _threadCount: 0,
+		        Provider: null,
+		        Consumer: null
+		      };
+		      defaultValue.Provider = defaultValue;
+		      defaultValue.Consumer = {
+		        $$typeof: REACT_CONSUMER_TYPE,
+		        _context: defaultValue
+		      };
+		      defaultValue._currentRenderer = null;
+		      defaultValue._currentRenderer2 = null;
+		      return defaultValue;
+		    };
+		    exports.createElement = function (type, config, children) {
+		      for (var i = 2; i < arguments.length; i++) {
+		        var node = arguments[i];
+		        isValidElement(node) && node._store && (node._store.validated = 1);
+		      }
+		      i = {};
+		      node = null;
+		      if (null != config)
+		        for (propName in (didWarnAboutOldJSXRuntime ||
+		          !("__self" in config) ||
+		          "key" in config ||
+		          ((didWarnAboutOldJSXRuntime = true),
+		          console.warn(
+		            "Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform"
+		          )),
+		        hasValidKey(config) &&
+		          (checkKeyStringCoercion(config.key), (node = "" + config.key)),
+		        config))
+		          hasOwnProperty.call(config, propName) &&
+		            "key" !== propName &&
+		            "__self" !== propName &&
+		            "__source" !== propName &&
+		            (i[propName] = config[propName]);
+		      var childrenLength = arguments.length - 2;
+		      if (1 === childrenLength) i.children = children;
+		      else if (1 < childrenLength) {
+		        for (
+		          var childArray = Array(childrenLength), _i = 0;
+		          _i < childrenLength;
+		          _i++
+		        )
+		          childArray[_i] = arguments[_i + 2];
+		        Object.freeze && Object.freeze(childArray);
+		        i.children = childArray;
+		      }
+		      if (type && type.defaultProps)
+		        for (propName in ((childrenLength = type.defaultProps), childrenLength))
+		          void 0 === i[propName] && (i[propName] = childrenLength[propName]);
+		      node &&
+		        defineKeyPropWarningGetter(
+		          i,
+		          "function" === typeof type
+		            ? type.displayName || type.name || "Unknown"
+		            : type
+		        );
+		      var propName = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
+		      return ReactElement(
+		        type,
+		        node,
+		        void 0,
+		        void 0,
+		        getOwner(),
+		        i,
+		        propName ? Error("react-stack-top-frame") : unknownOwnerDebugStack,
+		        propName ? createTask(getTaskName(type)) : unknownOwnerDebugTask
+		      );
+		    };
+		    exports.createRef = function () {
+		      var refObject = { current: null };
+		      Object.seal(refObject);
+		      return refObject;
+		    };
+		    exports.forwardRef = function (render) {
+		      null != render && render.$$typeof === REACT_MEMO_TYPE
+		        ? console.error(
+		            "forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."
+		          )
+		        : "function" !== typeof render
+		          ? console.error(
+		              "forwardRef requires a render function but was given %s.",
+		              null === render ? "null" : typeof render
+		            )
+		          : 0 !== render.length &&
+		            2 !== render.length &&
+		            console.error(
+		              "forwardRef render functions accept exactly two parameters: props and ref. %s",
+		              1 === render.length
+		                ? "Did you forget to use the ref parameter?"
+		                : "Any additional parameter will be undefined."
+		            );
+		      null != render &&
+		        null != render.defaultProps &&
+		        console.error(
+		          "forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?"
+		        );
+		      var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render: render },
+		        ownName;
+		      Object.defineProperty(elementType, "displayName", {
+		        enumerable: false,
+		        configurable: true,
+		        get: function () {
+		          return ownName;
+		        },
+		        set: function (name) {
+		          ownName = name;
+		          render.name ||
+		            render.displayName ||
+		            (Object.defineProperty(render, "name", { value: name }),
+		            (render.displayName = name));
+		        }
+		      });
+		      return elementType;
+		    };
+		    exports.isValidElement = isValidElement;
+		    exports.lazy = function (ctor) {
+		      return {
+		        $$typeof: REACT_LAZY_TYPE,
+		        _payload: { _status: -1, _result: ctor },
+		        _init: lazyInitializer
+		      };
+		    };
+		    exports.memo = function (type, compare) {
+		      null == type &&
+		        console.error(
+		          "memo: The first argument must be a component. Instead received: %s",
+		          null === type ? "null" : typeof type
+		        );
+		      compare = {
+		        $$typeof: REACT_MEMO_TYPE,
+		        type: type,
+		        compare: void 0 === compare ? null : compare
+		      };
+		      var ownName;
+		      Object.defineProperty(compare, "displayName", {
+		        enumerable: false,
+		        configurable: true,
+		        get: function () {
+		          return ownName;
+		        },
+		        set: function (name) {
+		          ownName = name;
+		          type.name ||
+		            type.displayName ||
+		            (Object.defineProperty(type, "name", { value: name }),
+		            (type.displayName = name));
+		        }
+		      });
+		      return compare;
+		    };
+		    exports.startTransition = function (scope) {
+		      var prevTransition = ReactSharedInternals.T,
+		        currentTransition = {};
+		      ReactSharedInternals.T = currentTransition;
+		      currentTransition._updatedFibers = new Set();
+		      try {
+		        var returnValue = scope(),
+		          onStartTransitionFinish = ReactSharedInternals.S;
+		        null !== onStartTransitionFinish &&
+		          onStartTransitionFinish(currentTransition, returnValue);
+		        "object" === typeof returnValue &&
+		          null !== returnValue &&
+		          "function" === typeof returnValue.then &&
+		          returnValue.then(noop, reportGlobalError);
+		      } catch (error) {
+		        reportGlobalError(error);
+		      } finally {
+		        null === prevTransition &&
+		          currentTransition._updatedFibers &&
+		          ((scope = currentTransition._updatedFibers.size),
+		          currentTransition._updatedFibers.clear(),
+		          10 < scope &&
+		            console.warn(
+		              "Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table."
+		            )),
+		          (ReactSharedInternals.T = prevTransition);
+		      }
+		    };
+		    exports.unstable_useCacheRefresh = function () {
+		      return resolveDispatcher().useCacheRefresh();
+		    };
+		    exports.use = function (usable) {
+		      return resolveDispatcher().use(usable);
+		    };
+		    exports.useActionState = function (action, initialState, permalink) {
+		      return resolveDispatcher().useActionState(
+		        action,
+		        initialState,
+		        permalink
+		      );
+		    };
+		    exports.useCallback = function (callback, deps) {
+		      return resolveDispatcher().useCallback(callback, deps);
+		    };
+		    exports.useContext = function (Context) {
+		      var dispatcher = resolveDispatcher();
+		      Context.$$typeof === REACT_CONSUMER_TYPE &&
+		        console.error(
+		          "Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"
+		        );
+		      return dispatcher.useContext(Context);
+		    };
+		    exports.useDebugValue = function (value, formatterFn) {
+		      return resolveDispatcher().useDebugValue(value, formatterFn);
+		    };
+		    exports.useDeferredValue = function (value, initialValue) {
+		      return resolveDispatcher().useDeferredValue(value, initialValue);
+		    };
+		    exports.useEffect = function (create, createDeps, update) {
+		      null == create &&
+		        console.warn(
+		          "React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+		        );
+		      var dispatcher = resolveDispatcher();
+		      if ("function" === typeof update)
+		        throw Error(
+		          "useEffect CRUD overload is not enabled in this build of React."
+		        );
+		      return dispatcher.useEffect(create, createDeps);
+		    };
+		    exports.useId = function () {
+		      return resolveDispatcher().useId();
+		    };
+		    exports.useImperativeHandle = function (ref, create, deps) {
+		      return resolveDispatcher().useImperativeHandle(ref, create, deps);
+		    };
+		    exports.useInsertionEffect = function (create, deps) {
+		      null == create &&
+		        console.warn(
+		          "React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+		        );
+		      return resolveDispatcher().useInsertionEffect(create, deps);
+		    };
+		    exports.useLayoutEffect = function (create, deps) {
+		      null == create &&
+		        console.warn(
+		          "React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"
+		        );
+		      return resolveDispatcher().useLayoutEffect(create, deps);
+		    };
+		    exports.useMemo = function (create, deps) {
+		      return resolveDispatcher().useMemo(create, deps);
+		    };
+		    exports.useOptimistic = function (passthrough, reducer) {
+		      return resolveDispatcher().useOptimistic(passthrough, reducer);
+		    };
+		    exports.useReducer = function (reducer, initialArg, init) {
+		      return resolveDispatcher().useReducer(reducer, initialArg, init);
+		    };
+		    exports.useRef = function (initialValue) {
+		      return resolveDispatcher().useRef(initialValue);
+		    };
+		    exports.useState = function (initialState) {
+		      return resolveDispatcher().useState(initialState);
+		    };
+		    exports.useSyncExternalStore = function (
+		      subscribe,
+		      getSnapshot,
+		      getServerSnapshot
+		    ) {
+		      return resolveDispatcher().useSyncExternalStore(
+		        subscribe,
+		        getSnapshot,
+		        getServerSnapshot
+		      );
+		    };
+		    exports.useTransition = function () {
+		      return resolveDispatcher().useTransition();
+		    };
+		    exports.version = "19.1.1";
+		    "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+		      "function" ===
+		        typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+		      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+		  })(); 
+	} (react_development, react_development.exports));
+	return react_development.exports;
+}
+
+if (process.env.NODE_ENV === 'production') {
+  react.exports = requireReact_production();
+} else {
+  react.exports = requireReact_development();
+}
+
+var reactExports = react.exports;
+var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
+
+const AttachmentPreview = ({ path, s3PathParser }) => {
+  const mode = "light";
+  const [iframeSrc, setIframeSrc] = reactExports.useState("");
+  reactHooks.useMount(() => {
+    s3PathParser(path).then((realPath) => {
+      setIframeSrc(
+        window.location.origin + "/api/proxy/kkfileview/onlinePreview?url=" + encodeURIComponent(jsBase64.Base64.encode(realPath))
+      );
+    });
+  });
+  if (!iframeSrc) return /* @__PURE__ */ React.createElement(antd.Spin, null);
+  return /* @__PURE__ */ React.createElement(AttachmentPreviewInner, { iframeSrc, mode });
+};
+const styleId = "iframe-style-id";
+const AttachmentPreviewInner = ({ iframeSrc, mode }) => {
+  const iframeRef = reactExports.useRef(null);
+  const getStyleElement = reactExports.useCallback(() => {
+    const iframe = iframeRef.current;
+    if (!iframe) return;
+    const iframeDocument = iframe.contentDocument || iframe.contentWindow?.document;
+    if (!iframeDocument) return;
+    let style = iframeDocument.getElementById(styleId);
+    if (!style) {
+      style = iframeDocument.createElement("style");
+      style.id = styleId;
+      iframeDocument.head.appendChild(style);
+    }
+    return style;
+  }, []);
+  const applyStyles = reactExports.useCallback(() => {
+    const isDark = mode === "dark";
+    const style = getStyleElement();
+    if (!style) return;
+    const iframe = iframeRef.current;
+    if (!iframe) return;
+    const iframeDocument = iframe.contentDocument || iframe.contentWindow?.document;
+    if (!iframeDocument) return;
+    const textData = iframeDocument.getElementById("textData");
+    if (textData) {
+      style.innerHTML = `
+          .panel-heading {
+            display: none;
+          }
+          body, .container, .panel-heading, .panel-body, .divContent {
+            background-color: ${isDark ? "#1F1F1F" : "#F5F5F5"} !important;
+            color: ${isDark ? "rgba(255, 255, 255, 0.85)" : "rgba(0, 0, 0, 0.88)"} !important;
+          }
+        `;
+    }
+  }, [mode, getStyleElement]);
+  reactExports.useEffect(() => {
+    const iframe = iframeRef.current;
+    if (!iframe) return;
+    iframe.addEventListener("load", applyStyles);
+    return () => iframe.removeEventListener("load", applyStyles);
+  }, [iframeSrc]);
+  reactExports.useEffect(() => {
+    const iframe = iframeRef.current;
+    if (!iframe) return;
+    applyStyles();
+  }, [applyStyles]);
+  if (!iframeSrc) return null;
+  return /* @__PURE__ */ React.createElement("iframe", { ref: iframeRef, src: iframeSrc, style: { width: "100%", height: "100%", border: "none" } });
+};
+
+const AttachmentEditor = ({
+  value,
+  s3PathParser,
+  uploadFunction,
+  onChange,
+  onPreview,
+  disabled
+}) => {
+  const file = reactExports.useMemo(() => value?.at(0), [value]);
+  if (!file)
+    return /* @__PURE__ */ React.createElement(
+      ui.UploadList,
+      {
+        disabled,
+        uploadFunction,
+        maxCount: 1,
+        onChange,
+        onPreview
+      }
+    );
+  else {
+    if (!s3PathParser) throw new Error("[AttachmentEditor] s3PathParser is required");
+    return /* @__PURE__ */ React.createElement("div", { style: { width: "100%", height: "100%", position: "relative" } }, /* @__PURE__ */ React.createElement(
+      antd.Button,
+      {
+        color: "default",
+        variant: "filled",
+        shape: "circle",
+        disabled,
+        style: { position: "absolute", right: 10, top: 10, color: "var(--ant-color-text-secondary)" },
+        size: "small",
+        icon: /* @__PURE__ */ React.createElement(icons.DeleteOutlined, null),
+        onClick: () => onChange?.([])
+      }
+    ), /* @__PURE__ */ React.createElement(AttachmentPreview, { path: file.path, s3PathParser }));
+  }
+};
+
+function findAvailablePosition(layout, newW, newH, cols = 12) {
+  if (layout.length === 0) return { x: 0, y: 0 };
+  const maxY = Math.max(...layout.map((item) => item.y + item.h), 0);
+  for (let y = 0; y <= maxY + 10; y++) {
+    for (let x = 0; x <= cols - newW; x++) {
+      const newItem = { x, y, w: newW, h: newH };
+      const overlap = layout.some((item) => isOverlap(item, newItem));
+      if (!overlap) {
+        return { x, y };
+      }
+    }
+  }
+  return { x: 0, y: maxY + 1 };
+}
+function isOverlap(a, b) {
+  return !(a.x + a.w <= b.x || // a 在 b 左边
+  b.x + b.w <= a.x || // b 在 a 左边
+  a.y + a.h <= b.y || // a 在 b 上方
+  b.y + b.h <= a.y);
+}
+function generateCrossDashedBase64(width, height, x, y, padding = 1) {
+  const lineColor = "rgba(160, 160, 160, 0.25)";
+  const lineWidth = 2;
+  const dashPattern = [10, 5];
+  const canvas = document.createElement("canvas");
+  canvas.width = width;
+  canvas.height = height;
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return;
+  ctx.strokeStyle = lineColor;
+  ctx.lineWidth = lineWidth;
+  ctx.setLineDash(dashPattern);
+  const start = padding;
+  const endX = x - padding;
+  const endY = y - padding;
+  ctx.beginPath();
+  ctx.moveTo(start, start);
+  ctx.lineTo(endX, start);
+  ctx.moveTo(endX, start);
+  ctx.lineTo(endX, endY);
+  ctx.moveTo(endX, endY);
+  ctx.lineTo(start, endY);
+  ctx.moveTo(start, endY);
+  ctx.lineTo(start, start);
+  ctx.stroke();
+  const base64 = canvas.toDataURL("image/png");
+  return base64;
+}
+
+const Dashboard = ({
+  dashboardData,
+  cols = 12,
+  gapX = 10,
+  gapY = 10,
+  rowHeight = 50,
+  children,
+  onLayoutChange,
+  onDrop,
+  droppingItem,
+  mode = "editable"
+}) => {
+  const CustomReactGridLayout = reactExports.useMemo(() => ReactGridLayout.WidthProvider(ReactGridLayout), []);
+  const innerOnLayoutChange = reactExports.useCallback(
+    (layout) => {
+      const layoutsBefore = dashboardData ?? [];
+      if (layout.length !== layoutsBefore.length) return;
+      const isStatic = layout.every((item, index) => lodash.isMatch(item, layoutsBefore[index]));
+      if (isStatic) return;
+      onLayoutChange?.(layout);
+    },
+    [dashboardData, onLayoutChange]
+  );
+  const gridImgRef = reactExports.useRef({
+    width: 0,
+    height: 0,
+    gapX,
+    gapY,
+    url: ""
+  });
+  const containerRef = reactExports.useRef(null);
+  const innerRef = reactExports.useRef(null);
+  const [showScroll, setShowScroll] = reactExports.useState(false);
+  const [resizing, setResizing] = reactExports.useState(false);
+  const onDragStart = () => {
+    const gridImg = gridImgRef.current;
+    const widthProvider = innerRef.current;
+    const elementRef = widthProvider?.elementRef?.current;
+    if (!elementRef) return;
+    setResizing(true);
+    setShowScroll(true);
+    const width = (elementRef.clientWidth - gapX) / cols;
+    const height = rowHeight + gapY;
+    const gX = width - gapX;
+    const gY = rowHeight;
+    let imageUrl = gridImg.url;
+    if (gridImg.width !== width || gridImg.height !== height || gridImg.gapX !== gX || gridImg.gapY !== gY) {
+      const imageBase64 = generateCrossDashedBase64(width, height, gX, gY);
+      if (!imageBase64) return;
+      imageUrl = imageBase64;
+      gridImgRef.current = { width, height, gapX: gX, gapY: gY, url: imageBase64 };
+    }
+    elementRef.style.backgroundImage = `url(${imageUrl})`;
+    elementRef.style.backgroundPosition = `${gapX}px ${gapY}px`;
+    elementRef.style.backgroundSize = `${width}px ${height}px`;
+  };
+  const onDragStop = () => {
+    const widthProvider = innerRef.current;
+    const elementRef = widthProvider?.elementRef?.current;
+    const container = containerRef.current;
+    if (!elementRef || !container) return;
+    setResizing(false);
+    elementRef.style.backgroundImage = "";
+    if (container.clientHeight < elementRef.clientHeight - 40) {
+      setShowScroll(true);
+    } else {
+      setShowScroll(false);
+    }
+  };
+  return /* @__PURE__ */ React.createElement("div", { className: `dashboard-container ${showScroll ? "show-scroll" : ""}`, ref: containerRef }, /* @__PURE__ */ React.createElement(
+    CustomReactGridLayout,
+    {
+      isDroppable: true,
+      onDrop: (...props) => {
+        const widthProvider = innerRef.current;
+        const elementRef = widthProvider?.elementRef?.current;
+        elementRef.style.backgroundImage = "";
+        onDrop?.(...props);
+      },
+      droppingItem,
+      isDraggable: mode === "editable",
+      ref: innerRef,
+      className: `dashboard-layout ${resizing ? "dashboard-item-resizing" : ""}`,
+      cols,
+      rowHeight,
+      margin: [gapX, gapY],
+      containerPadding: [gapX, gapY],
+      layout: dashboardData,
+      useCSSTransforms: true,
+      allowOverlap: false,
+      onDragStart,
+      onDragStop,
+      onResizeStart: onDragStart,
+      onResizeStop: onDragStop,
+      resizeHandle: mode === "editable" && /* @__PURE__ */ React.createElement("div", { className: "resize-handle" }),
+      style: { minHeight: "100%" },
+      onLayoutChange: innerOnLayoutChange
+    },
+    children
+  ));
+};
+
+const DashboardItem = ({
+  id,
+  className = "",
+  isActive = false,
+  title,
+  menuItems = [],
+  children,
+  style,
+  onSelect,
+  onMouseDown,
+  onMouseUp,
+  onMenuClick,
+  mode = "editable"
+}, ref) => {
+  const hasMenu = !!menuItems?.length;
+  const titleInfo = reactExports.useMemo(() => {
+    if (typeof title === "string") {
+      return /* @__PURE__ */ React.createElement("span", { className: "title-text" }, title);
+    } else {
+      return title;
+    }
+  }, [title]);
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: `dashboard-item ${isActive ? "isActive" : ""} ${className} ${mode}`,
+      style,
+      onMouseDown: (e) => onSelect?.(e, id)
+    },
+    /* @__PURE__ */ React.createElement(antd.Flex, { className: `item-head`, onMouseDown, onMouseUp }, /* @__PURE__ */ React.createElement(antd.Flex, { className: "head-inner", align: "center", justify: "space-between" }, /* @__PURE__ */ React.createElement(antd.Flex, { className: "head-title", align: "center" }, titleInfo), hasMenu && mode === "editable" && /* @__PURE__ */ React.createElement(antd.Flex, { className: "head-menu" }, /* @__PURE__ */ React.createElement(
+      antd.Dropdown,
+      {
+        trigger: ["click"],
+        placement: "bottomRight",
+        popupRender: (menu) => /* @__PURE__ */ React.createElement("div", { onMouseDown: (e) => e.stopPropagation(), onPointerDown: (e) => e.stopPropagation() }, menu),
+        menu: {
+          items: menuItems,
+          onClick: (info) => {
+            if (onMenuClick) onMenuClick(info, id);
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        antd.Button,
+        {
+          type: "default",
+          size: "small",
+          icon: /* @__PURE__ */ React.createElement(icons.MoreOutlined, null),
+          onMouseDown: (e) => {
+            e.stopPropagation();
+            if (onSelect) onSelect(e, id);
+          }
+        }
+      )
+    ))), mode === "editable" && /* @__PURE__ */ React.createElement("div", { className: `drag-icon` }, /* @__PURE__ */ React.createElement(icons.HolderOutlined, { rotate: 90 }))),
+    /* @__PURE__ */ React.createElement(antd.Flex, { className: "item-body", align: "center", justify: "center" }, children)
+  );
+};
+var DashboardItem$1 = reactExports.forwardRef(DashboardItem);
+
+const { createUseContext, Provider: DetailsDrawerProvider } = reactHooks.createContextWithProvider(
+  ({ uploadFunction, columnsData, onClick, onPreview }) => {
+    return {
+      uploadFunction,
+      columnsData,
+      onClick,
+      onPreview
+    };
+  }
+);
+const useDetailsDrawerContext = createUseContext();
+
+const RowLabel = ({ columnData }) => {
+  const { onClick: onClickTab } = useDetailsDrawerContext();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, onClickTab ? /* @__PURE__ */ React.createElement("button", { className: "text-btn-container title-container", onClick: (e) => onClickTab(e, columnData.field) }, /* @__PURE__ */ React.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React.createElement(ui.IconFont, { name: core.TOOL_ICON[columnData.tool], size: 16, color: "#000" })), /* @__PURE__ */ React.createElement(antd.Typography.Text, { className: "text-content" }, columnData.title || ""), /* @__PURE__ */ React.createElement("div", { className: "arrow-icon" }, /* @__PURE__ */ React.createElement(icons.CaretDownOutlined, null))) : /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 4, className: "title-container" }, /* @__PURE__ */ React.createElement("div", { className: "icon-wrapper" }, /* @__PURE__ */ React.createElement(ui.IconFont, { name: core.TOOL_ICON[columnData.tool], size: 16, color: "#000" })), /* @__PURE__ */ React.createElement(antd.Typography.Text, { className: "text-content" }, columnData.title || "")));
+};
+
+const NormalAvatar = (props) => {
+  const { id, name, avatar, request } = props;
+  const backgroundColor = reactExports.useMemo(() => name === "\u65E0" ? "#D9D9D9" : core.getColorByStr(name?.slice(-2) || ""), [name]);
+  return /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 8 }, /* @__PURE__ */ React.createElement(
+    antd.Popover,
+    {
+      content: id !== "-2" ? /* @__PURE__ */ React.createElement(ui.AvatarPopoverContent, { id, column: { request } }) : null,
+      placement: "top",
+      autoAdjustOverflow: false,
+      mouseEnterDelay: 0.3,
+      mouseLeaveDelay: 0.3,
+      arrow: { pointAtCenter: true },
+      getPopupContainer: () => document.body
+    },
+    /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 4 }, avatar ? /* @__PURE__ */ React.createElement(antd.Avatar, { src: avatar }, name?.slice(-2)) : /* @__PURE__ */ React.createElement(antd.Avatar, { style: { backgroundColor } }, name?.slice(-2)), /* @__PURE__ */ React.createElement("span", null, name))
+  ));
+};
+const FormAvatar = (props) => {
+  return /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 8, justify: "flex-start", wrap: "wrap" }, props.value?.map((item, index) => /* @__PURE__ */ React.createElement(NormalAvatar, { key: index, ...item, request: props.request })) || []);
+};
+
+const FormDateTimePicker = ({
+  value,
+  onChange,
+  format = "YYYY-MM-DD",
+  placeholder,
+  disabled
+}) => {
+  const { baseFormat, showGmt8 } = core.parseDateFormat(format);
+  const showTimeConfig = core.inferShowTimeFromFormat(baseFormat);
+  return /* @__PURE__ */ React.createElement(
+    antd.DatePicker,
+    {
+      value: value ? dayjs(value) : void 0,
+      format: (date) => {
+        if (!date) return "";
+        const text = date.format(baseFormat);
+        return showGmt8 ? `${text} (${core.TZ_LABEL})` : text;
+      },
+      placeholder: placeholder ?? (showGmt8 ? `${baseFormat} (${core.TZ_LABEL})` : baseFormat),
+      showTime: showTimeConfig,
+      disabled,
+      style: { width: "100%" },
+      onChange: (date) => {
+        onChange?.(date?.format(baseFormat) ?? void 0);
+      }
+    }
+  );
+};
+
+const FormInputNumber = ({
+  value,
+  onChange,
+  format = "one_decimal_decimal",
+  placeholder,
+  disabled
+}) => {
+  const [focused, setFocused] = reactExports.useState(false);
+  const [innerValue, setInnerValue] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    if (!focused) {
+      setInnerValue(core.formatValue(value ?? "", format));
+    } else {
+      setInnerValue(value?.toString() ?? "");
+    }
+  }, [value, focused, format]);
+  const handleBlur = () => {
+    setFocused(false);
+    const num = Number(innerValue.replace(/,/g, "").replace("%", ""));
+    onChange?.(Number.isNaN(num) ? void 0 : num);
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.Input,
+    {
+      value: innerValue,
+      placeholder,
+      disabled,
+      onFocus: () => {
+        setFocused(true);
+        setInnerValue(value?.toString() ?? "");
+      },
+      onBlur: handleBlur,
+      onChange: (e) => {
+        const val = e.target.value;
+        setInnerValue(val);
+      }
+    }
+  );
+};
+
+ReactMonacoEditor.loader.config({
+  paths: {
+    // vs: '/monaco-assets/vs',
+  }
+  // 'vs/nls': { availableLanguages: { '*': 'zh-cn' } },
+});
+const JsonEditor = ({ value, onChange, dark, disabled }) => {
+  const monacoRef = reactExports.useRef(null);
+  const monacoEditorRef = reactExports.useRef(null);
+  const format = reactExports.useCallback(() => {
+    monacoEditorRef.current?.getAction("editor.action.formatDocument")?.run();
+  }, []);
+  const options = reactExports.useMemo(() => {
+    return {
+      lineNumbers: "off",
+      minimap: { enabled: false },
+      readOnly: !!disabled
+    };
+  }, [disabled]);
+  return /* @__PURE__ */ React.createElement(
+    ReactMonacoEditor,
+    {
+      height: "100%",
+      width: "100%",
+      defaultLanguage: "json",
+      value,
+      loading: /* @__PURE__ */ React.createElement(antd.Spin, null),
+      theme: dark ? "vs-dark" : "light",
+      onChange,
+      options,
+      beforeMount: (monaco) => {
+        monacoRef.current = monaco;
+        monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+          validate: true,
+          schemas: [
+            {
+              uri: "test-schema",
+              fileMatch: ["*"],
+              schema: {
+                $schema: "http://json-schema.org/draft-07/schema#",
+                type: "object"
+              }
+            }
+          ]
+        });
+        format();
+      },
+      onMount: (monacoEditor) => {
+        monacoEditorRef.current = monacoEditor;
+        format();
+      }
+    }
+  );
+};
+
+const FormJsonEditor = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        minHeight: 100,
+        height: 100,
+        maxHeight: 200
+      }
+    },
+    /* @__PURE__ */ React.createElement(JsonEditor, { ...props })
+  );
+};
+
+const FormLinkEdit = (props) => {
+  return /* @__PURE__ */ React.createElement(ui.LinkEdit, { popoverStyles: { width: 440 }, placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9", ...props });
+};
+
+const FormMultiSelect = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    ui.Select,
+    {
+      width: 440,
+      ...props,
+      placeholder: props.placeholder || "\u8BF7\u9009\u62E9",
+      multiple: true,
+      tagAreaStyle: { cursor: "pointer" }
+    }
+  );
+};
+
+const FormSingleSelect = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    ui.Select,
+    {
+      width: 440,
+      ...props,
+      multiple: false,
+      placeholder: props.placeholder || "\u8BF7\u9009\u62E9",
+      tagAreaStyle: { cursor: "pointer" }
+    }
+  );
+};
+
+const FormTimeLen = (props) => {
+  const { value, onChange, ...fieldProps } = props;
+  const [inner, setInner] = reactExports.useState("");
+  reactExports.useEffect(() => {
+    if (value === void 0 || value === null) {
+      setInner("");
+    } else {
+      setInner(core.formatDuration(Number(value)));
+    }
+  }, [value]);
+  return /* @__PURE__ */ React.createElement(
+    antd.Input,
+    {
+      ...fieldProps,
+      value: inner,
+      onFocus: () => {
+        setInner(value != null ? String(value) : "");
+      },
+      onChange: (e) => setInner(e.target.value),
+      onBlur: () => {
+        const seconds = Number(inner);
+        if (!isNaN(seconds)) {
+          onChange?.(seconds);
+          setInner(core.formatTime(seconds));
+        } else {
+          setInner(value != null ? core.formatTime(Number(value)) : "");
+        }
+      }
+    }
+  );
+};
+
+const FormUpload = (props) => {
+  const { uploadFunction, onPreview } = useDetailsDrawerContext();
+  const { format } = props;
+  let accept = "";
+  if (format === "image") accept = "image/*";
+  if (format === "document")
+    accept = "application/pdf,application/msword,application/vnd.ms-excel,application/vnd.ms-powerpoint,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.openxmlformats-officedocument.presentationml.presentation";
+  if (format === "video") accept = "video/*";
+  return /* @__PURE__ */ React.createElement(
+    ui.UploadList,
+    {
+      uploadFunction,
+      maxCount: 1,
+      accept,
+      onPreview,
+      ...props
+    }
+  );
+};
+
+const FeatureRowFields = ({ currentColumn }) => {
+  const { Component, isPure } = reactExports.useMemo(() => {
+    let DefaultComponent = proComponents.ProFormText;
+    let isPure2 = false;
+    if (currentColumn.tool === 29) {
+      DefaultComponent = FormSingleSelect;
+      isPure2 = true;
+    } else if (currentColumn.tool === 30) {
+      DefaultComponent = FormMultiSelect;
+      isPure2 = true;
+    } else if (currentColumn.tool === 36) {
+      DefaultComponent = FormDateTimePicker;
+      isPure2 = true;
+    } else if (currentColumn.tool === 31) {
+      DefaultComponent = FormInputNumber;
+      isPure2 = true;
+    } else if (currentColumn.tool === 34) {
+      DefaultComponent = FormJsonEditor;
+      isPure2 = true;
+    } else if (currentColumn.tool === 28) {
+      DefaultComponent = proComponents.ProFormText;
+    } else if (currentColumn.tool === 32) {
+      DefaultComponent = FormUpload;
+      isPure2 = true;
+    } else if (currentColumn.tool === 35) {
+      DefaultComponent = proComponents.ProFormText;
+    } else if (currentColumn.tool === 33) {
+      DefaultComponent = FormLinkEdit;
+      isPure2 = true;
+    } else if (currentColumn.tool === 39) {
+      DefaultComponent = proComponents.ProFormText;
+    } else if (currentColumn.tool === 37) {
+      DefaultComponent = FormTimeLen;
+      isPure2 = true;
+    } else if (currentColumn.tool === 38) {
+      DefaultComponent = FormAvatar;
+      isPure2 = true;
+    }
+    return {
+      Component: DefaultComponent,
+      isPure: isPure2
+    };
+  }, [currentColumn.tool]);
+  const props = {
+    name: currentColumn.field,
+    disabled: currentColumn.freeze,
+    label: /* @__PURE__ */ React.createElement(RowLabel, { columnData: currentColumn })
+  };
+  const fieldProps = {
+    options: currentColumn.options,
+    format: currentColumn.fmt,
+    disabled: currentColumn.freeze,
+    request: currentColumn.request
+  };
+  if (currentColumn.tool === 39) {
+    return null;
+  }
+  return isPure ? /* @__PURE__ */ React.createElement(proComponents.ProForm.Item, { key: currentColumn.field, ...props }, /* @__PURE__ */ React.createElement(Component, { ...fieldProps })) : /* @__PURE__ */ React.createElement(Component, { key: currentColumn.field, ...props, fieldProps });
+};
+
+const FeatureRowField = ({ columnId, columnsData }) => {
+  const currentColumn = reactExports.useMemo(() => {
+    const value = columnsData.find((item) => item.field === columnId);
+    return value;
+  }, [columnsData, columnId]);
+  if (!currentColumn) return null;
+  return /* @__PURE__ */ React.createElement(FeatureRowFields, { currentColumn });
+};
+
+const FeatureRowSkeleton = () => {
+  return /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 12, style: { padding: "8px 0" } }, /* @__PURE__ */ React.createElement(antd.Skeleton.Avatar, { active: true, size: "small", shape: "square" }), /* @__PURE__ */ React.createElement(antd.Skeleton.Input, { active: true, size: "small", style: { width: 80 } }), /* @__PURE__ */ React.createElement(antd.Skeleton.Input, { active: true, size: "small", style: { width: 240 } }));
+};
+const DrawerForm = ({ form, initialValues, columnsData, onChange, loading }) => {
+  const debounceChange = reactHooks.useDebounce(onChange, 500);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(antd.Flex, { className: "info-card", gap: 12, vertical: true, style: { padding: 16, width: "100%" } }, Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ React.createElement(FeatureRowSkeleton, { key: i })));
+  }
+  return /* @__PURE__ */ React.createElement(
+    proComponents.ProForm,
+    {
+      form,
+      className: "row-setting-form",
+      formKey: "row-setting-form",
+      layout: "horizontal",
+      style: { width: "100%" },
+      submitter: {
+        render: false
+      },
+      initialValues,
+      onValuesChange: debounceChange
+    },
+    /* @__PURE__ */ React.createElement(antd.Flex, { className: "info-card", gap: 12, vertical: true }, Object.entries(initialValues).map(([key]) => /* @__PURE__ */ React.createElement(FeatureRowField, { key, columnId: key, columnsData })))
+  );
+};
+
+const DetailsDrawer = ({
+  isOpen = false,
+  width = "650px",
+  placement = "right",
+  className,
+  form,
+  initialValues,
+  columnsData,
+  defaultActiveKey,
+  onClick,
+  onChange,
+  onClose,
+  uploadFunction,
+  onPreview,
+  historyNode,
+  closeIcon,
+  loading,
+  ...rest
+}) => {
+  const tabItems = [
+    {
+      key: "detail",
+      label: "\u8BE6\u60C5",
+      children: /* @__PURE__ */ React.createElement(
+        DrawerForm,
+        {
+          form,
+          initialValues,
+          columnsData,
+          onChange,
+          loading
+        }
+      )
+    },
+    { key: "history", label: "\u5386\u53F2", children: historyNode }
+  ];
+  return /* @__PURE__ */ React.createElement(
+    DetailsDrawerProvider,
+    {
+      uploadFunction,
+      onPreview,
+      columnsData,
+      onClick
+    },
+    /* @__PURE__ */ React.createElement(
+      antd.Drawer,
+      {
+        ...rest,
+        open: isOpen,
+        onClose,
+        closeIcon,
+        width,
+        placement,
+        className: `custom-drawer ${className}`,
+        style: {
+          mask: "rgba(0,0,0,0)"
+        },
+        styles: {
+          body: {
+            padding: 0,
+            overflow: "hidden"
+          }
+        }
+      },
+      /* @__PURE__ */ React.createElement(antd.Flex, { vertical: true, onClick: (e) => e.stopPropagation(), style: { height: "100%" } }, /* @__PURE__ */ React.createElement("div", { className: "drawer-header-container" }, /* @__PURE__ */ React.createElement(
+        antd.Tabs,
+        {
+          defaultActiveKey,
+          items: tabItems,
+          className: "custom-tabs",
+          style: { height: "100%" }
+        }
+      )))
+    )
+  );
+};
+
+const DrawerTitle = ({ onClose, isLast, isNext, onLastClick, onNextClick }) => {
+  return /* @__PURE__ */ React.createElement(antd.Flex, { className: "drawer-title-container", justify: "space-between", align: "center", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(antd.Flex, { className: "nav-arrows", gap: 4 }, /* @__PURE__ */ React.createElement(antd.Tooltip, { title: "\u4E0A\u4E00\u9898" }, /* @__PURE__ */ React.createElement(
+    antd.Button,
+    {
+      size: "small",
+      type: "text",
+      icon: /* @__PURE__ */ React.createElement(icons.UpOutlined, { size: 20 }),
+      onClick: onLastClick,
+      disabled: !isLast
+    }
+  )), /* @__PURE__ */ React.createElement(antd.Tooltip, { title: "\u4E0B\u4E00\u9898" }, /* @__PURE__ */ React.createElement(
+    antd.Button,
+    {
+      size: "small",
+      type: "text",
+      icon: /* @__PURE__ */ React.createElement(icons.DownOutlined, { size: 20 }),
+      onClick: onNextClick,
+      disabled: !isNext
+    }
+  ))), /* @__PURE__ */ React.createElement(
+    antd.Button,
+    {
+      className: "close-btn",
+      size: "small",
+      type: "text",
+      icon: /* @__PURE__ */ React.createElement(icons.CloseOutlined, { size: 20 }),
+      onClick: onClose
+    }
+  ));
+};
+
+const SearchPagination = ({ selectIndex, total, onClickArrow }) => {
+  return /* @__PURE__ */ React.createElement(antd.Flex, { className: "search-suffix", align: "center" }, /* @__PURE__ */ React.createElement(
+    antd.Button,
+    {
+      type: "link",
+      className: "arrow-icon",
+      icon: /* @__PURE__ */ React.createElement(icons.LeftOutlined, { size: 12 }),
+      onClick: () => onClickArrow("left"),
+      onMouseDown: (e) => e.preventDefault()
+    }
+  ), /* @__PURE__ */ React.createElement(antd.Flex, { className: "suffix-number", align: "center", justify: "center" }, `${selectIndex} / ${total}`), /* @__PURE__ */ React.createElement(
+    antd.Button,
+    {
+      type: "link",
+      className: "arrow-icon",
+      icon: /* @__PURE__ */ React.createElement(icons.RightOutlined, { size: 12 }),
+      onClick: () => onClickArrow("right"),
+      onMouseDown: (e) => e.preventDefault()
+    }
+  ));
+};
+
+const SearchModal = ({
+  offsetParent,
+  width = 400,
+  isLoading = false,
+  isOpen = false,
+  position,
+  placeholder = "\u5728\u6570\u636E\u8868\u4E2D\u67E5\u627E",
+  searchValue,
+  searchTotal = 0,
+  suffix,
+  onClose,
+  onPositionChange,
+  onSearchChange,
+  onPageChange
+}) => {
+  const inputRef = reactExports.useRef(null);
+  const [selectIndex, setSelectIndex] = reactExports.useState(searchTotal > 0 ? 1 : 0);
+  reactExports.useEffect(() => {
+    if (searchTotal <= 0) {
+      setSelectIndex(0);
+    } else {
+      setSelectIndex((prev) => {
+        if (prev === 0 || prev > searchTotal) {
+          return 1;
+        }
+        return prev;
+      });
+    }
+  }, [searchTotal]);
+  const onClickArrow = (type) => {
+    if (searchTotal <= 0) return;
+    const delta = type === "right" ? 1 : -1;
+    const newIndex = (selectIndex - 1 + delta + searchTotal) % searchTotal + 1;
+    if (newIndex !== selectIndex) {
+      setSelectIndex(newIndex);
+      if (onPageChange) onPageChange(newIndex);
+    }
+  };
+  reactExports.useEffect(() => {
+    if (!isOpen) return;
+    requestAnimationFrame(() => {
+      inputRef.current?.focus({
+        cursor: "end"
+        // 光标在末尾
+      });
+    });
+  }, [isOpen]);
+  return /* @__PURE__ */ React.createElement(
+    baseModal.BaseModal,
+    {
+      offsetParent,
+      width,
+      open: isOpen,
+      onClose,
+      value: position,
+      onChange: onPositionChange,
+      className: "search-modal"
+    },
+    /* @__PURE__ */ React.createElement(
+      baseModal.DragDiv,
+      {
+        className: "search-modal-container",
+        onDrag: (dx, dy) => onPositionChange(({ x, y }) => ({ x: x + dx, y: y + dy }))
+      },
+      /* @__PURE__ */ React.createElement(
+        antd.Flex,
+        {
+          className: "no-move",
+          justify: "center",
+          align: "center",
+          gap: 8,
+          flex: 1,
+          onMouseDown: (e) => e.stopPropagation()
+        },
+        /* @__PURE__ */ React.createElement(
+          antd.Input,
+          {
+            ref: inputRef,
+            className: "search-input",
+            value: searchValue,
+            onChange: onSearchChange,
+            placeholder,
+            prefix: isLoading ? /* @__PURE__ */ React.createElement(icons.LoadingOutlined, { spin: true }) : /* @__PURE__ */ React.createElement(icons.SearchOutlined, null),
+            suffix: suffix ? suffix : /* @__PURE__ */ React.createElement(SearchPagination, { selectIndex, total: searchTotal, onClickArrow })
+          }
+        ),
+        /* @__PURE__ */ React.createElement(antd.Button, { className: "search-close", type: "text", icon: /* @__PURE__ */ React.createElement(icons.CloseOutlined, { size: 16 }), onClick: onClose })
+      )
+    )
+  );
+};
+
+const Operator = {
+  "EQUAL": "equal",
+  "NOT_EQUAL": "not_equal",
+  "GREATER_THAN": "greater_than",
+  "GREATER_THAN_OR_EQUAL": "greater_than_or_equal",
+  "LESS_THAN": "less_than",
+  "LESS_THAN_OR_EQUAL": "less_than_or_equal",
+  "BEFORE": "before",
+  "AFTER": "after",
+  "LIKE": "like",
+  "NOT_LIKE": "not_like",
+  "EMPTY": "empty",
+  "NOT_EMPTY": "not_empty"
+};
+
+const getDateRangeByOption = (type, operator) => {
+  const now = dayjs();
+  const dayStart = (d) => d.startOf("day");
+  const dayEnd = (d) => d.endOf("day");
+  switch (type) {
+    case "today": {
+      const start = dayStart(now);
+      const end = dayEnd(now);
+      if (operator === "equal") return [start, end];
+      if (operator === "before") return [void 0, start];
+      return [end, void 0];
+    }
+    case "yesterday": {
+      const d = now.subtract(1, "day");
+      const start = dayStart(d);
+      const end = dayEnd(d);
+      if (operator === "equal") return [start, end];
+      if (operator === "before") return [void 0, start];
+      return [end, void 0];
+    }
+    case "tomorrow": {
+      const d = now.add(1, "day");
+      const start = dayStart(d);
+      const end = dayEnd(d);
+      if (operator === "equal") return [start, end];
+      if (operator === "before") return [void 0, start];
+      return [end, void 0];
+    }
+    case "this_week":
+      return [now.startOf("week"), now.endOf("week")];
+    case "last_week": {
+      const d = now.subtract(1, "week");
+      return [d.startOf("week"), d.endOf("week")];
+    }
+    case "this_month":
+      return [now.startOf("month"), now.endOf("month")];
+    case "last_month": {
+      const d = now.subtract(1, "month");
+      return [d.startOf("month"), d.endOf("month")];
+    }
+    case "last_7_days":
+      return [dayStart(now.subtract(6, "day")), dayEnd(now)];
+    case "next_7_days":
+      return [dayStart(now), dayEnd(now.add(6, "day"))];
+    case "last_30_days":
+      return [dayStart(now.subtract(29, "day")), dayEnd(now)];
+    case "next_30_days":
+      return [dayStart(now), dayEnd(now.add(29, "day"))];
+    default:
+      return void 0;
+  }
+};
+const getDateBySpecific = (value, operator) => {
+  const startOfDay = value.startOf("day");
+  const endOfDay = value.endOf("day");
+  switch (operator) {
+    case "equal":
+      return [startOfDay, endOfDay];
+    case "before":
+      return [void 0, startOfDay];
+    case "after":
+      return [endOfDay, void 0];
+    default:
+      return [void 0, void 0];
+  }
+};
+
+const getOperatorOptions = (config) => {
+  if (config.numberSelect || config.time) {
+    return [
+      { label: "\u7B49\u4E8E", value: "equal" },
+      { label: "\u4E0D\u7B49\u4E8E", value: "not_equal" },
+      { label: "\u5927\u4E8E", value: "greater_than" },
+      { label: "\u5927\u4E8E\u6216\u7B49\u4E8E", value: "greater_than_or_equal" },
+      { label: "\u5C0F\u4E8E", value: "less_than" },
+      { label: "\u5C0F\u4E8E\u6216\u7B49\u4E8E", value: "less_than_or_equal" },
+      { label: "\u4E3A\u7A7A", value: "empty" },
+      { label: "\u4E0D\u4E3A\u7A7A", value: "not_empty" }
+    ];
+  } else if (config.date) {
+    return [
+      { label: "\u7B49\u4E8E", value: "equal" },
+      { label: "\u65E9\u4E8E", value: "before" },
+      { label: "\u665A\u4E8E", value: "after" },
+      { label: "\u4E3A\u7A7A", value: "empty" },
+      { label: "\u4E0D\u4E3A\u7A7A", value: "not_empty" }
+    ];
+  } else {
+    return [
+      { label: "\u7B49\u4E8E", value: "equal" },
+      { label: "\u4E0D\u7B49\u4E8E", value: "not_equal" },
+      { label: "\u5305\u542B", value: "like" },
+      { label: "\u4E0D\u5305\u542B", value: "not_like" },
+      { label: "\u4E3A\u7A7A", value: "empty" },
+      { label: "\u4E0D\u4E3A\u7A7A", value: "not_empty" }
+    ];
+  }
+};
+const FilterTypeSelect = ({ listIndex, value, form, tableConfig, onChange }) => {
+  const operatorOptions = reactExports.useMemo(() => {
+    if (!tableConfig) return [];
+    return getOperatorOptions(tableConfig);
+  }, [tableConfig]);
+  const handleChange = (type) => {
+    const oldValue = form.getFieldValue(["filters", listIndex, "value"]);
+    const isTimeBeforeOrAfter = type === "before" || type === "after";
+    if (isTimeBeforeOrAfter && !["specific", "today", "tomorrow", "yesterday"].includes(oldValue)) {
+      const oldData = form.getFieldValue(["filters", listIndex]);
+      form.setFieldValue(["filters", listIndex], {
+        ...oldData,
+        value: "specific",
+        date: void 0
+      });
+      onChange(type);
+    } else if (type === "empty" || type === "not_empty") {
+      const oldData = form.getFieldValue(["filters", listIndex]);
+      form.setFieldValue(["filters", listIndex], {
+        ...oldData,
+        value: void 0,
+        date: void 0
+      });
+      onChange(type);
+    } else {
+      onChange(type);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      value,
+      className: "filter-form-operator",
+      popupMatchSelectWidth: 200,
+      options: operatorOptions,
+      onChange: handleChange
+    }
+  );
+};
+
+const FilterDatePicker = ({ value, columnConfig, onChange }) => {
+  const [date, setDate] = reactExports.useState(value ? dayjs(value) : void 0);
+  const formatType = reactExports.useMemo(() => {
+    const type = columnConfig?.dateFormat;
+    if (!type) {
+      return "YYYY/MM/DD";
+    } else {
+      return type.split(" ")[0] || "YYYY/MM/DD";
+    }
+  }, [columnConfig?.dateFormat]);
+  const handleSelectDate = (_date) => {
+    setDate(_date);
+    onChange(_date);
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.DatePicker,
+    {
+      format: formatType,
+      allowClear: false,
+      value: date,
+      onChange: handleSelectDate,
+      placeholder: formatType,
+      suffixIcon: void 0
+    }
+  );
+};
+
+const options = [
+  { label: "\u5177\u4F53\u65E5\u671F", value: "specific" },
+  { label: "\u4ECA\u5929", value: "today" },
+  { label: "\u660E\u5929", value: "tomorrow" },
+  { label: "\u6628\u5929", value: "yesterday" },
+  { label: "\u672C\u5468", value: "this_week" },
+  { label: "\u4E0A\u5468", value: "last_week" },
+  { label: "\u672C\u6708", value: "this_month" },
+  { label: "\u4E0A\u6708", value: "last_month" },
+  { label: "\u8FC7\u53BB 7 \u5929\u5185", value: "last_7_days" },
+  { label: "\u672A\u6765 7 \u5929\u5185", value: "next_7_days" },
+  { label: "\u8FC7\u53BB 30 \u5929\u5185", value: "last_30_days" },
+  { label: "\u672A\u6765 30 \u5929\u5185", value: "next_30_days" }
+];
+const FilterDateSelect = ({ form, listIndex, value, operator, onChange }) => {
+  const filterOptions = reactExports.useMemo(() => {
+    return operator === "before" || operator === "after" ? options.filter((item) => ["specific", "today", "tomorrow", "yesterday"].includes(item.value)) : options;
+  }, [operator]);
+  const handleChange = (value2) => {
+    if (value2 !== "specific") {
+      const oldData = form.getFieldValue(["filters", listIndex]);
+      form.setFieldValue(["filters", listIndex], {
+        ...oldData,
+        value: value2,
+        date: void 0
+      });
+    }
+    onChange(value2);
+  };
+  reactHooks.useMount(() => {
+    if (value === void 0) {
+      onChange("specific");
+    }
+  });
+  return /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      className: "form-date-type",
+      placeholder: "\u8BF7\u9009\u62E9\u65E5\u671F",
+      options: filterOptions,
+      popupMatchSelectWidth: 200,
+      value,
+      onChange: handleChange
+    }
+  );
+};
+
+const FilterFileSelect = ({ value, onChange }) => {
+  const handleSelectChange = (value2) => {
+    onChange(value2);
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      placeholder: "\u8BF7\u9009\u62E9\u6587\u4EF6\u7C7B\u578B",
+      onChange: handleSelectChange,
+      value,
+      options: [
+        {
+          label: "\u56FE\u7247",
+          value: "image"
+        },
+        {
+          label: "\u6587\u6863",
+          value: "document"
+        },
+        {
+          label: "\u89C6\u9891",
+          value: "video"
+        }
+      ]
+    }
+  );
+};
+
+const FilterInput = ({ onChange, value }) => {
+  return /* @__PURE__ */ React.createElement(antd.Input, { placeholder: "\u8BF7\u8F93\u5165", onChange: (e) => onChange(e.target?.value), value });
+};
+
+const sanitizeInput = (value) => {
+  let sanitized = value.replace(/[^\d.-]/g, "");
+  const parts = sanitized.split(".");
+  if (parts.length > 2) sanitized = parts[0] + "." + parts.slice(1).join("");
+  if (sanitized.includes("-") && sanitized.indexOf("-") > 0) sanitized = sanitized.replace(/-/g, "");
+  return sanitized;
+};
+const getSliceNumber = (rawValue) => {
+  const [intPart, decimalPart] = rawValue.split(".");
+  if (decimalPart && decimalPart.length > 9) {
+    const fixedValue = `${intPart}.${decimalPart.slice(0, 9)}`;
+    return fixedValue;
+  }
+  return rawValue;
+};
+const FilterNumber = ({ onChange, value }) => {
+  const [rawValue, setRawValue] = reactExports.useState(value || "");
+  const debounceOnChange = reactHooks.useDebounce((value2) => {
+    onChange(value2);
+  }, 500);
+  const onChangeInput = (e) => {
+    const input = sanitizeInput(e.target.value);
+    setRawValue(input);
+    if (rawValue !== input) {
+      debounceOnChange(getSliceNumber(input));
+    }
+  };
+  reactExports.useEffect(() => {
+    if (value === void 0) {
+      setRawValue("");
+    }
+  }, [value]);
+  const onBlur = () => {
+    if (!rawValue) return;
+    const newValue = getSliceNumber(rawValue);
+    setRawValue(newValue);
+    if (rawValue !== newValue) {
+      debounceOnChange(getSliceNumber(newValue));
+    }
+  };
+  return /* @__PURE__ */ React.createElement(antd.Input, { placeholder: "\u8BF7\u8F93\u5165", value: rawValue, onBlur, onChange: onChangeInput });
+};
+
+const FilterPeopleAvatar = ({ avatar, label }) => {
+  const backgroundColor = reactExports.useMemo(() => label === "\u65E0" ? "#D9D9D9" : core.getColorByStr(label?.slice(-2) || ""), [label]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, avatar ? /* @__PURE__ */ React.createElement(antd.Avatar, { src: avatar, size: "small", style: { marginRight: 8 } }, label?.slice(-2)) : /* @__PURE__ */ React.createElement(
+    antd.Avatar,
+    {
+      style: {
+        backgroundColor,
+        marginRight: 8
+      },
+      size: "small"
+    },
+    label?.slice(-2)
+  ));
+};
+const TagRender = ({ label, closable, onClose }) => {
+  const onPreventMouseDown = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ React.createElement(antd.Tag, { onMouseDown: onPreventMouseDown, closable, onClose, bordered: false }, /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      style: {
+        display: "inline-block",
+        maxWidth: 80,
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap",
+        verticalAlign: "middle"
+      }
+    },
+    label
+  ));
+};
+const FilterPeopleSelect = ({ columnId, columnConfig, value, onChange }) => {
+  const fetchRef = reactExports.useRef(0);
+  const [fetching, setFetching] = reactExports.useState(false);
+  const [options, setOptions] = reactExports.useState([]);
+  const inputRef = reactExports.useRef(null);
+  const [name, setName] = reactExports.useState("");
+  const handleSelectChange = (val) => {
+    onChange(val);
+  };
+  const debounceFetcher = reactExports.useMemo(() => {
+    const loadOptions = (value2) => {
+      if (!columnConfig.requestPeople) {
+        setOptions([]);
+        return;
+      }
+      fetchRef.current += 1;
+      const fetchId = fetchRef.current;
+      setOptions([]);
+      setFetching(true);
+      columnConfig.requestPeople(value2).then((data) => {
+        if (fetchId !== fetchRef.current) {
+          return;
+        }
+        const newOptions = data.map((item) => ({
+          value: item.value,
+          label: /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", justify: "center" }, /* @__PURE__ */ React.createElement(FilterPeopleAvatar, { label: item.label, avatar: item.avatar }), /* @__PURE__ */ React.createElement(
+            "span",
+            {
+              style: {
+                overflow: "hidden",
+                textOverflow: "ellipsis",
+                whiteSpace: "nowrap",
+                flex: 1
+              }
+            },
+            item.label
+          )),
+          data: item
+        }));
+        setOptions(newOptions);
+        setFetching(false);
+      });
+    };
+    return lodash.debounce(loadOptions, 300);
+  }, [columnConfig]);
+  const onNameChange = (event) => {
+    setName(event.target.value);
+    debounceFetcher(event.target.value);
+  };
+  reactExports.useEffect(() => {
+    debounceFetcher();
+  }, [columnId, debounceFetcher]);
+  const onOpenChange = (open) => {
+    if (!open) {
+      setName("");
+      debounceFetcher();
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      mode: "multiple",
+      maxTagCount: 1,
+      showSearch: false,
+      placeholder: "\u8BF7\u9009\u62E9\u9009\u9879",
+      value,
+      options,
+      onChange: handleSelectChange,
+      filterOption: false,
+      notFoundContent: fetching ? /* @__PURE__ */ React.createElement(antd.Spin, { size: "small" }) : "\u6682\u65E0\u6570\u636E",
+      tagRender: (props) => {
+        return /* @__PURE__ */ React.createElement(TagRender, { ...props });
+      },
+      onOpenChange,
+      popupRender: (menu) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(antd.Space, { style: { padding: "4px 0px 0px" } }, /* @__PURE__ */ React.createElement(
+        antd.Input,
+        {
+          placeholder: "\u641C\u7D22\u6210\u5458",
+          variant: "borderless",
+          ref: inputRef,
+          value: name,
+          onChange: onNameChange,
+          onKeyDown: (e) => e.stopPropagation()
+        }
+      )), /* @__PURE__ */ React.createElement(antd.Divider, { style: { margin: "8px 0" } }), menu)
+    }
+  );
+};
+
+const FilterSelect = ({ tableConfig, columnConfig, value, onChange }) => {
+  const mode = reactExports.useMemo(() => {
+    const custom = tableConfig?.customOptions;
+    return typeof custom === "object" && custom.multiSelect ? "multiple" : "single";
+  }, [tableConfig]);
+  const options = reactExports.useMemo(() => Array.isArray(columnConfig["options"]) ? columnConfig["options"] : [], [columnConfig]);
+  const handleChange = (value2) => {
+    if (mode === "single") {
+      onChange(value2.slice(value2.length - 1));
+    } else {
+      onChange(value2);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      mode: "multiple",
+      value,
+      maxTagCount: 1,
+      placeholder: "\u8BF7\u9009\u62E9\u9009\u9879",
+      onChange: handleChange,
+      options
+    }
+  );
+};
+
+const FilterValue = ({ form, columnId, tableConfig, columnConfig, listIndex }) => {
+  const Component = reactExports.useMemo(() => {
+    let DefaultComponent;
+    if (tableConfig.customOptions) {
+      DefaultComponent = FilterSelect;
+    } else if (tableConfig.date) {
+      DefaultComponent = FilterDateSelect;
+    } else if (tableConfig.numberSelect || tableConfig.time) {
+      DefaultComponent = FilterNumber;
+    } else if (tableConfig.people) {
+      DefaultComponent = FilterPeopleSelect;
+    } else if (tableConfig.file) {
+      DefaultComponent = FilterFileSelect;
+    } else {
+      DefaultComponent = FilterInput;
+    }
+    return DefaultComponent;
+  }, [tableConfig]);
+  const props = { form, columnId, columnConfig, tableConfig, listIndex };
+  return /* @__PURE__ */ React.createElement(antd.Flex, { className: "filter-value-box", gap: 8 }, /* @__PURE__ */ React.createElement(proComponents.ProFormItem, { name: "value", className: tableConfig.date ? "" : "item-value" }, /* @__PURE__ */ React.createElement(Component, { ...props })), tableConfig.date && /* @__PURE__ */ React.createElement(proComponents.ProFormDependency, { name: ["value"] }, ({ value }) => {
+    if (value !== "specific") return null;
+    return /* @__PURE__ */ React.createElement(proComponents.ProFormItem, { name: "date", className: "item-value" }, /* @__PURE__ */ React.createElement(FilterDatePicker, { ...props }));
+  }));
+};
+
+const FilterGroup = ({ form, columnId, columnData, listIndex, tools }) => {
+  const columnConfig = reactExports.useMemo(() => {
+    return columnData.find((item) => item.id === columnId);
+  }, [columnData, columnId]);
+  const tableConfig = reactExports.useMemo(() => {
+    if (!columnConfig || !columnConfig["type"]) return;
+    return tools.find((item) => item.value === Number(columnConfig["type"]))?.table;
+  }, [columnConfig, tools]);
+  if (!tableConfig) return;
+  const props = { form, columnId, columnConfig, tableConfig, listIndex };
+  return /* @__PURE__ */ React.createElement(antd.Flex, { className: "filter-item-config", gap: 8 }, /* @__PURE__ */ React.createElement(proComponents.ProFormItem, { name: "operator" }, /* @__PURE__ */ React.createElement(FilterTypeSelect, { ...props })), /* @__PURE__ */ React.createElement(proComponents.ProFormDependency, { name: ["operator"] }, ({ operator }) => {
+    if (operator === "empty" || operator === "not_empty") return null;
+    return /* @__PURE__ */ React.createElement(FilterValue, { ...props, operator });
+  }));
+};
+
+const FilterTitle = ({ filterCount }) => {
+  return /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 8, className: "filter-title-wrap" }, /* @__PURE__ */ React.createElement(antd.Typography.Text, null, "\u8BBE\u7F6E\u7B5B\u9009\u6761\u4EF6"), /* @__PURE__ */ React.createElement(antd.Flex, { className: "filter-type-container", align: "center", gap: 8, style: { display: filterCount > 1 ? "" : "none" } }, /* @__PURE__ */ React.createElement(antd.Typography.Text, null, "\u7B26\u5408\u4EE5\u4E0B"), /* @__PURE__ */ React.createElement(proComponents.ProFormItem, { name: "filterType", className: "filter-type-item" }, /* @__PURE__ */ React.createElement(
+    antd.Select,
+    {
+      size: "small",
+      options: [
+        { label: "\u6240\u6709", value: "all" },
+        { label: "\u4EFB\u4E00", value: "any" }
+      ]
+    }
+  )), /* @__PURE__ */ React.createElement(antd.Typography.Text, null, "\u6761\u4EF6")), /* @__PURE__ */ React.createElement(antd.Tooltip, { placement: "top", title: "\u5F53\u524D\u7B5B\u9009\u64CD\u4F5C\u4E0D\u5F71\u54CD\u5176\u4ED6\u534F\u4F5C\u8005" }, /* @__PURE__ */ React.createElement(icons.QuestionCircleOutlined, null)));
+};
+
+const FilterOperator = {
+  "EQUAl": "equal",
+  "NOT_EQUAL": "not_equal",
+  "LIKE": "like",
+  "NOT_LIKE": "not_like",
+  "EMPTY": "empty",
+  "NOT_EMPTY": "not_empty",
+  "BETWEEN": "between",
+  "GREATER_THAN": "greater_than",
+  "GREATER_THAN_OR_EQUAL": "greater_than_or_equal",
+  "LESS_THAN": "less_than",
+  "LESS_THAN_OR_EQUAL": "less_than_or_equal"
+};
+
+const TableFilterForm = ({ initialValues, columnData, tools, onValuesChange }) => {
+  const [form] = antd.Form.useForm();
+  const outputValues = reactExports.useRef(initialValues);
+  const actionRef = reactExports.useRef(void 0);
+  const [filterCount, setFilterCount] = reactExports.useState(initialValues?.filters.length ?? 0);
+  const updateFilterCount = () => {
+    const values = form.getFieldsValue();
+    setFilterCount(values.filters?.length ?? 0);
+  };
+  const filedOptions = reactExports.useMemo(
+    () => columnData.map((column) => ({
+      value: column.id,
+      label: column.label
+    })),
+    [columnData]
+  );
+  const onDebounceChange = reactExports.useMemo(
+    () => lodash.debounce(() => {
+      const allValues = form.getFieldsValue();
+      const lastDate = {
+        filterType: allValues.filterType,
+        filters: []
+      };
+      allValues.filters.forEach((filter) => {
+        const columnConfig = columnData.find((item) => item.id === filter.columnId);
+        const tableConfig = columnConfig ? tools.find((item) => item.value === Number(columnConfig["type"]))?.table : void 0;
+        const newFilter = {
+          columnId: filter.columnId,
+          operator: filter.operator
+        };
+        const operator = filter.operator;
+        if (filter.value) {
+          newFilter.value = filter.value;
+          if (tableConfig?.date) {
+            if (operator === "equal" || operator === "before" || operator === "after") {
+              newFilter.operator = "between";
+            }
+            if (filter.date) {
+              const date = filter.date;
+              newFilter.value = getDateBySpecific(date, operator);
+              lastDate.filters.push(newFilter);
+            } else {
+              const type = filter.value;
+              newFilter.value = getDateRangeByOption(type, operator);
+              if (newFilter.value) {
+                lastDate.filters.push(newFilter);
+              }
+            }
+          } else {
+            lastDate.filters.push(newFilter);
+          }
+        } else if (operator === "empty" || operator === "not_empty") {
+          lastDate.filters.push(newFilter);
+        }
+      });
+      if (!lodash.isEqual(lastDate, outputValues.current)) {
+        outputValues.current = lastDate;
+        onValuesChange?.(lastDate);
+      }
+    }, 500),
+    [columnData, form, onValuesChange, tools]
+  );
+  const onAddList = () => {
+    const defaultColumnId = columnData[0]?.id || "";
+    actionRef.current?.add({
+      columnId: defaultColumnId,
+      operator: "equal"
+    });
+    updateFilterCount();
+  };
+  const onDeleteList = (index) => {
+    actionRef.current?.remove(index);
+    updateFilterCount();
+    onDebounceChange();
+  };
+  const onListChange = (index, values) => {
+    const filters = form.getFieldValue("filters") || [];
+    if (values.columnId) {
+      values["operator"] = "equal";
+      values["value"] = void 0;
+    }
+    const newFilters = filters.map((item, i) => i === index ? lodash.omitBy({ ...item, ...values }, lodash.isUndefined) : item);
+    form.setFieldValue("filters", newFilters);
+  };
+  return /* @__PURE__ */ React.createElement(
+    proComponents.ProForm,
+    {
+      className: "filter-form",
+      form,
+      submitter: false,
+      initialValues: {
+        filterType: "all",
+        ...initialValues
+      },
+      onValuesChange: onDebounceChange
+    },
+    /* @__PURE__ */ React.createElement(FilterTitle, { filterCount }),
+    /* @__PURE__ */ React.createElement(
+      proComponents.ProFormList,
+      {
+        actionRef,
+        className: "filter-form-list",
+        name: "filters",
+        copyIconProps: false,
+        creatorButtonProps: false,
+        deleteIconProps: false,
+        itemContainerRender: (doms) => {
+          return /* @__PURE__ */ React.createElement(proComponents.ProForm.Group, null, doms);
+        }
+      },
+      (_, listIndex, operator) => {
+        return /* @__PURE__ */ React.createElement(antd.Flex, { gap: 4, align: "center" }, /* @__PURE__ */ React.createElement(antd.Flex, { className: "filter-form-item", gap: 16 }, /* @__PURE__ */ React.createElement(proComponents.ProFormItem, { name: ["columnId"], className: "filter-item-id" }, /* @__PURE__ */ React.createElement(
+          antd.Select,
+          {
+            className: "filter-item-id-select",
+            placeholder: "\u8BF7\u9009\u62E9\u5B57\u6BB5",
+            options: filedOptions,
+            popupMatchSelectWidth: 200,
+            onChange: (columnId) => onListChange(listIndex, { columnId })
+          }
+        )), /* @__PURE__ */ React.createElement(proComponents.ProFormDependency, { name: ["columnId"] }, ({ columnId }) => {
+          return /* @__PURE__ */ React.createElement(
+            FilterGroup,
+            {
+              form,
+              columnId: columnId ?? columnData[0]?.id,
+              columnData,
+              listIndex,
+              tools,
+              operator
+            }
+          );
+        })), /* @__PURE__ */ React.createElement(antd.Button, { type: "text", size: "small", icon: /* @__PURE__ */ React.createElement(icons.CloseOutlined, null), onClick: () => onDeleteList(listIndex) }));
+      }
+    ),
+    /* @__PURE__ */ React.createElement(antd.Flex, { align: "center", gap: 8, className: "filter-action-wrap" }, /* @__PURE__ */ React.createElement(antd.Button, { type: "text", icon: /* @__PURE__ */ React.createElement(icons.PlusOutlined, null), size: "small", onClick: onAddList }, "\u6DFB\u52A0\u6761\u4EF6"))
+  );
+};
+
+const FilterModal = ({
+  offsetParent,
+  width = 520,
+  isOpen = false,
+  position,
+  initialValues,
+  columnData,
+  tools,
+  onClose,
+  onPositionChange,
+  onValuesChange
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    baseModal.BaseModal,
+    {
+      offsetParent,
+      width,
+      open: isOpen,
+      onClose,
+      value: position,
+      onChange: onPositionChange,
+      className: "filter-modal"
+    },
+    /* @__PURE__ */ React.createElement(antd.Flex, { className: "filter-container", onClick: (e) => e.stopPropagation() }, /* @__PURE__ */ React.createElement(
+      TableFilterForm,
+      {
+        initialValues,
+        columnData,
+        tools,
+        onValuesChange
+      }
+    ))
+  );
+};
+
+const dateValues = [
+  "today",
+  "tomorrow",
+  "yesterday",
+  "this_week",
+  "last_week",
+  "this_month",
+  "last_month",
+  "last_7_days",
+  "next_7_days",
+  "last_30_days",
+  "next_30_days"
+];
+function resolveDateRange(value, now = dayjs()) {
+  switch (value) {
+    case "today": {
+      return [now.startOf("day"), now.endOf("day")];
+    }
+    case "tomorrow": {
+      const d = now.add(1, "day");
+      return [d.startOf("day"), d.endOf("day")];
+    }
+    case "yesterday": {
+      const d = now.subtract(1, "day");
+      return [d.startOf("day"), d.endOf("day")];
+    }
+    case "this_week": {
+      return [now.startOf("week"), now.endOf("week")];
+    }
+    case "last_week": {
+      const d = now.subtract(1, "week");
+      return [d.startOf("week"), d.endOf("week")];
+    }
+    case "this_month": {
+      return [now.startOf("month"), now.endOf("month")];
+    }
+    case "last_month": {
+      const d = now.subtract(1, "month");
+      return [d.startOf("month"), d.endOf("month")];
+    }
+    case "last_7_days": {
+      return [now.subtract(7, "day").startOf("day"), now.endOf("day")];
+    }
+    case "next_7_days": {
+      return [now.startOf("day"), now.add(7, "day").endOf("day")];
+    }
+    case "last_30_days": {
+      return [now.subtract(30, "day").startOf("day"), now.endOf("day")];
+    }
+    case "next_30_days": {
+      return [now.startOf("day"), now.add(30, "day").endOf("day")];
+    }
+    case "specific":
+    default:
+      return void 0;
+  }
+}
+
+const MARGIN = 8;
+const defaultAdjustOptions = {
+  left: true,
+  right: true,
+  top: true,
+  bottom: true
+};
+function adjustPositionToViewport(position, modalRect, options = {}) {
+  const { left, right, top, bottom } = {
+    ...defaultAdjustOptions,
+    ...options
+  };
+  const viewportWidth = window.innerWidth;
+  const viewportHeight = window.innerHeight;
+  let x = position.x;
+  let y = position.y;
+  if (right && x + modalRect.width > viewportWidth - MARGIN) {
+    x = viewportWidth - modalRect.width - MARGIN;
+  }
+  if (left && x < MARGIN) {
+    x = MARGIN;
+  }
+  if (bottom && y + modalRect.height > viewportHeight - MARGIN) {
+    y = viewportHeight - modalRect.height - MARGIN;
+  }
+  if (top && y < MARGIN) {
+    y = MARGIN;
+  }
+  return { x, y };
+}
+const useModalPosition = (contentRef, position, setPosition, adjustOptions) => {
+  reactExports.useLayoutEffect(() => {
+    if (!contentRef.current) return;
+    const adjustPosition = () => {
+      const rect = contentRef.current.getBoundingClientRect();
+      const adjusted = adjustPositionToViewport(position, rect, adjustOptions);
+      if (adjusted.x !== position.x || adjusted.y !== position.y) {
+        setPosition(adjusted);
+      }
+    };
+    adjustPosition();
+    const resizeObserver = new ResizeObserver(() => {
+      adjustPosition();
+    });
+    resizeObserver.observe(contentRef.current);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [contentRef, position, setPosition, adjustOptions]);
+};
+
+const TableMenuModal = ({
+  offsetParent,
+  width = 180,
+  isOpen = false,
+  position,
+  menuItems,
+  onClose,
+  onClick,
+  onPositionChange
+}) => {
+  const contentRef = reactExports.useRef(null);
+  useModalPosition(contentRef, position, onPositionChange);
+  return /* @__PURE__ */ React.createElement(
+    baseModal.BaseModal,
+    {
+      offsetParent,
+      width,
+      open: isOpen,
+      onClose,
+      value: position,
+      onChange: onPositionChange,
+      className: "table-menu-modal"
+    },
+    /* @__PURE__ */ React.createElement(antd.Flex, { className: "menu-container", gap: 6, ref: contentRef }, /* @__PURE__ */ React.createElement(
+      antd.Menu,
+      {
+        selectable: false,
+        onClick,
+        mode: "vertical",
+        items: menuItems,
+        getPopupContainer: (node) => node.parentNode
+      }
+    ))
+  );
+};
+
+exports.AttachmentEditor = AttachmentEditor;
+exports.AttachmentPreview = AttachmentPreview;
+exports.Dashboard = Dashboard;
+exports.DashboardItem = DashboardItem$1;
+exports.DetailsDrawer = DetailsDrawer;
+exports.DrawerForm = DrawerForm;
+exports.DrawerTitle = DrawerTitle;
+exports.FeatureRowField = FeatureRowField;
+exports.FeatureRowFields = FeatureRowFields;
+exports.FilterDatePicker = FilterDatePicker;
+exports.FilterDateSelect = FilterDateSelect;
+exports.FilterFileSelect = FilterFileSelect;
+exports.FilterGroup = FilterGroup;
+exports.FilterInput = FilterInput;
+exports.FilterModal = FilterModal;
+exports.FilterNumber = FilterNumber;
+exports.FilterOperator = FilterOperator;
+exports.FilterPeopleSelect = FilterPeopleSelect;
+exports.FilterSelect = FilterSelect;
+exports.FilterTitle = FilterTitle;
+exports.FilterTypeSelect = FilterTypeSelect;
+exports.FilterValue = FilterValue;
+exports.FormAvatar = FormAvatar;
+exports.FormDateTimePicker = FormDateTimePicker;
+exports.FormInputNumber = FormInputNumber;
+exports.FormJsonEditor = FormJsonEditor;
+exports.FormLinkEdit = FormLinkEdit;
+exports.FormMultiSelect = FormMultiSelect;
+exports.FormSingleSelect = FormSingleSelect;
+exports.FormTimeLen = FormTimeLen;
+exports.FormUpload = FormUpload;
+exports.JsonEditor = JsonEditor;
+exports.ObjectURLManager = ObjectURLManager;
+exports.Operator = Operator;
+exports.RowLabel = RowLabel;
+exports.SearchModal = SearchModal;
+exports.TableFilterForm = TableFilterForm;
+exports.TableMenuModal = TableMenuModal;
+exports.adjustPositionToViewport = adjustPositionToViewport;
+exports.dateValues = dateValues;
+exports.findAvailablePosition = findAvailablePosition;
+exports.generateCrossDashedBase64 = generateCrossDashedBase64;
+exports.getDateBySpecific = getDateBySpecific;
+exports.getDateRangeByOption = getDateRangeByOption;
+exports.resolveDateRange = resolveDateRange;
+exports.useDetailsDrawerContext = useDetailsDrawerContext;
+exports.useModalPosition = useModalPosition;