3h1-ui 3.0.0-next.212 → 3.0.0-next.213

package/lib/index.js

@@ -2224,7 +2224,7 @@ const _sfc_main$_ = vue.defineComponent({
     return { symbolId, prefixCls: prefixCls2, getStyle: getStyle2 };
   }
 });
-const SvgIcon_vue_vue_type_style_index_0_scoped_fa64fe87_lang = "";
+const SvgIcon_vue_vue_type_style_index_0_scoped_905fa4a6_lang = "";
 const _hoisted_1$o = ["xlink:href"];
 function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("svg", {
@@ -2235,7 +2235,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("use", { "xlink:href": _ctx.symbolId }, null, 8, _hoisted_1$o)
   ], 6);
 }
-const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$B], ["__scopeId", "data-v-fa64fe87"]]);
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$B], ["__scopeId", "data-v-905fa4a6"]]);
 const SVG_END_WITH_FLAG = "|svg";
 const _sfc_main$Z = vue.defineComponent({
   name: "Icon",
@@ -4160,45 +4160,56 @@ const isString$2 = (val) => typeof val === "string";
 const clamp$1 = (n2, min, max) => Math.min(max, Math.max(min, n2));
 const noop$5 = () => {
 };
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function resolveUnref(r2) {
   return typeof r2 === "function" ? r2() : vue.unref(r2);
 }
 function createFilterWrapper$1(filter, fn) {
   function wrapper(...args) {
-    filter(() => fn.apply(this, args), { fn, thisArg: this, args });
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn.apply(this, args), { fn, thisArg: this, args })).then(resolve).catch(reject);
+    });
   }
   return wrapper;
 }
 function debounceFilter$1(ms, options = {}) {
   let timer;
   let maxTimer;
+  let lastRejector = noop$5;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop$5;
+  };
   const filter = (invoke) => {
     const duration = resolveUnref(ms);
     const maxDuration = resolveUnref(options.maxWait);
     if (timer)
-      clearTimeout(timer);
+      _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
       if (maxTimer) {
-        clearTimeout(maxTimer);
+        _clearTimeout(maxTimer);
         maxTimer = null;
       }
-      return invoke();
+      return Promise.resolve(invoke());
     }
-    if (maxDuration && !maxTimer) {
-      maxTimer = setTimeout(() => {
-        if (timer)
-          clearTimeout(timer);
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
         maxTimer = null;
-        invoke();
-      }, maxDuration);
-    }
-    timer = setTimeout(() => {
-      if (maxTimer)
-        clearTimeout(maxTimer);
-      maxTimer = null;
-      invoke();
-    }, duration);
+        resolve(invoke());
+      }, duration);
+    });
   };
   return filter;
 }
@@ -4259,7 +4270,7 @@ function useTimeoutFn$1(cb, interval, options = {}) {
   }
   tryOnScopeDispose(stop);
   return {
-    isPending,
+    isPending: vue.readonly(isPending),
     start,
     stop
   };
@@ -4293,16 +4304,16 @@ function useEventListener(...args) {
     cleanups.forEach((fn) => fn());
     cleanups.length = 0;
   };
-  const register2 = (el, event, listener) => {
-    el.addEventListener(event, listener, options);
-    return () => el.removeEventListener(event, listener, options);
+  const register2 = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
   };
-  const stopWatch = vue.watch(() => unrefElement(target), (el) => {
+  const stopWatch = vue.watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
     cleanup2();
     if (!el)
       return;
     cleanups.push(...events2.flatMap((event) => {
-      return listeners.map((listener) => register2(el, event, listener));
+      return listeners.map((listener) => register2(el, event, listener, options2));
     }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
@@ -4312,29 +4323,38 @@ function useEventListener(...args) {
   tryOnScopeDispose(stop);
   return stop;
 }
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window: window2 = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window: window2 = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
   if (!window2)
     return;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop$5));
+  }
   let shouldListen = true;
-  let fallback;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window2.clearTimeout(fallback);
     const el = unrefElement(target);
     if (!el || el === event.target || event.composedPath().includes(el))
       return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
     if (!shouldListen) {
       shouldListen = true;
       return;
     }
     handler(event);
   };
-  const shouldIgnore = (event) => {
-    return ignore && ignore.some((target2) => {
-      const el = unrefElement(target2);
-      return el && (event.target === el || event.composedPath().includes(el));
-    });
-  };
   const cleanup2 = [
     useEventListener(window2, "click", listener, { passive: true, capture }),
     useEventListener(window2, "pointerdown", (e2) => {
@@ -4342,13 +4362,6 @@ function onClickOutside(target, handler, options = {}) {
       if (el)
         shouldListen = !e2.composedPath().includes(el) && !shouldIgnore(e2);
     }, { passive: true }),
-    useEventListener(window2, "pointerup", (e2) => {
-      if (e2.button === 0) {
-        const path = e2.composedPath();
-        e2.composedPath = () => path;
-        fallback = window2.setTimeout(() => listener(e2), 50);
-      }
-    }, { passive: true }),
     detectIframe && useEventListener(window2, "blur", (event) => {
       var _a2;
       const el = unrefElement(target);
@@ -4375,17 +4388,20 @@ function useRafFn(fn, options = {}) {
     window: window2 = defaultWindow
   } = options;
   const isActive = vue.ref(false);
+  let previousFrameTimestamp = 0;
   let rafId = null;
-  function loop() {
+  function loop(timestamp) {
     if (!isActive.value || !window2)
       return;
-    fn();
+    const delta = timestamp - previousFrameTimestamp;
+    fn({ delta, timestamp });
+    previousFrameTimestamp = timestamp;
     rafId = window2.requestAnimationFrame(loop);
   }
   function resume() {
     if (!isActive.value && window2) {
       isActive.value = true;
-      loop();
+      rafId = window2.requestAnimationFrame(loop);
     }
   }
   function pause() {
@@ -4399,7 +4415,7 @@ function useRafFn(fn, options = {}) {
     resume();
   tryOnScopeDispose(pause);
   return {
-    isActive,
+    isActive: vue.readonly(isActive),
     pause,
     resume
   };
@@ -4503,17 +4519,17 @@ function useFullscreen(target, options = {}) {
     toggle
   };
 }
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
 var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -4906,8 +4922,8 @@ const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BasicArrow_vue_vue_type_style_index_0_scoped_03d87956_lang = "";
-const BasicArrow = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-03d87956"]]);
+const BasicArrow_vue_vue_type_style_index_0_scoped_fea26917_lang = "";
+const BasicArrow = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["__scopeId", "data-v-fea26917"]]);
 function bound01$1(n2, max) {
   if (isOnePointZero$1(n2)) {
     n2 = "100%";
@@ -7459,8 +7475,8 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BasicTitle_vue_vue_type_style_index_0_scoped_3d04f680_lang = "";
-const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-3d04f680"]]);
+const BasicTitle_vue_vue_type_style_index_0_scoped_97cf8edc_lang = "";
+const Divider = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-97cf8edc"]]);
 const props$a = {
   prefixCls: { type: String },
   helpMessage: {
@@ -9003,8 +9019,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const BasicTitle_vue_vue_type_style_index_0_scoped_c837219c_lang = "";
-const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-c837219c"]]);
+const BasicTitle_vue_vue_type_style_index_0_scoped_5cd7267e_lang = "";
+const BasicTitle = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-5cd7267e"]]);
 const _sfc_main$L = vue.defineComponent({
   name: "BasicModalHeader",
   components: { BasicTitle },
@@ -10188,7 +10204,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
             spin: "",
             class: "mr-1"
           }),
-          vue.createTextVNode(" " + vue.toDisplayString("请等待数据加载完成..."), 1)
+          vue.createTextVNode(" " + vue.toDisplayString("请等待数据加载完成..."))
         ])
       ]),
       key: "1"
@@ -10605,7 +10621,7 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
             spin: "",
             class: "mr-1"
           }),
-          vue.createTextVNode(" " + vue.toDisplayString("请等待数据加载完成..."), 1)
+          vue.createTextVNode(" " + vue.toDisplayString("请等待数据加载完成..."))
         ])
       ]),
       key: "1"
@@ -10795,7 +10811,7 @@ const _sfc_main$A = vue.defineComponent({
     };
   }
 });
-const StrengthMeter_vue_vue_type_style_index_0_scoped_c8d77eaa_lang = "";
+const StrengthMeter_vue_vue_type_style_index_0_scoped_678d40fd_lang = "";
 const _hoisted_1$i = ["data-score"];
 function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_InputPassword = vue.resolveComponent("InputPassword");
@@ -10827,7 +10843,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)
   ], 2);
 }
-const StrengthMeter = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$g], ["__scopeId", "data-v-c8d77eaa"]]);
+const StrengthMeter = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$g], ["__scopeId", "data-v-678d40fd"]]);
 function useCountdown(count) {
   const currentCount = vue.ref(count);
   const isStart = vue.ref(false);
@@ -12775,19 +12791,13 @@ function toPropertyKey(t2) {
   var i2 = toPrimitive(t2, "string");
   return "symbol" == _typeof$3(i2) ? i2 : i2 + "";
 }
-function _defineProperty$a(obj, key2, value) {
-  key2 = toPropertyKey(key2);
-  if (key2 in obj) {
-    Object.defineProperty(obj, key2, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key2] = value;
-  }
-  return obj;
+function _defineProperty$a(e2, r2, t2) {
+  return (r2 = toPropertyKey(r2)) in e2 ? Object.defineProperty(e2, r2, {
+    value: t2,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e2[r2] = t2, e2;
 }
 function ownKeys$2(e2, r2) {
   var t2 = Object.keys(e2);
@@ -12811,18 +12821,14 @@ function _objectSpread2$2(e2) {
   return e2;
 }
 function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i2 = 1; i2 < arguments.length; i2++) {
-      var source = arguments[i2];
-      for (var key2 in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key2)) {
-          target[key2] = source[key2];
-        }
-      }
+  return _extends$1 = Object.assign ? Object.assign.bind() : function(n2) {
+    for (var e2 = 1; e2 < arguments.length; e2++) {
+      var t2 = arguments[e2];
+      for (var r2 in t2)
+        ({}).hasOwnProperty.call(t2, r2) && (n2[r2] = t2[r2]);
     }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
+    return n2;
+  }, _extends$1.apply(null, arguments);
 }
 function e$1(e2, t2) {
   for (var n2 = 0; n2 < t2.length; n2++) {
@@ -14872,6 +14878,8 @@ function parse(value, root2, parent2, rule, rules2, rulesets, pseudo, points, de
           case 42:
           case 47:
             append(comment(commenter(next(), caret()), root2, parent2, declarations), declarations);
+            if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters2) && substr(characters2, -1, void 0) !== " ")
+              characters2 += " ";
             break;
           default:
             characters2 += "/";
@@ -14889,7 +14897,7 @@ function parse(value, root2, parent2, rule, rules2, rulesets, pseudo, points, de
           case 59 + offset2:
             if (ampersand == -1)
               characters2 = replace(characters2, /\f/g, "");
-            if (property2 > 0 && strlen(characters2) - length2)
+            if (property2 > 0 && (strlen(characters2) - length2 || variable === 0 && previous === 47))
               append(property2 > 32 ? declaration(characters2 + ";", rule, parent2, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent2, length2 - 2, declarations), declarations);
             break;
           case 59:
@@ -15314,7 +15322,7 @@ class Keyframe {
   }
 }
 const Keyframes = Keyframe;
-const version = "4.1.2";
+const version = "4.2.5";
 const PresetColors = ["blue", "purple", "cyan", "green", "magenta", "pink", "red", "orange", "yellow", "volcano", "geekblue", "lime", "gold"];
 const genControlHeight = (token2) => {
   const {
@@ -16915,8 +16923,6 @@ var __rest$1 = globalThis && globalThis.__rest || function(s2, e2) {
     }
   return t2;
 };
-const defaultEmptyImg = vue.createVNode(DefaultEmptyImg, null, null);
-const simpleEmptyImg = vue.createVNode(SimpleEmptyImg, null, null);
 const emptyProps = () => ({
   prefixCls: String,
   imageStyle: objectType(),
@@ -16944,11 +16950,13 @@ const Empty = vue.defineComponent({
       var _a2, _b;
       const prefixCls2 = prefixClsRef.value;
       const _c = _extends$1(_extends$1({}, props2), attrs), {
-        image = ((_a2 = slots.image) === null || _a2 === void 0 ? void 0 : _a2.call(slots)) || defaultEmptyImg,
+        image: mergedImage = ((_a2 = slots.image) === null || _a2 === void 0 ? void 0 : _a2.call(slots)) || vue.h(DefaultEmptyImg),
         description = ((_b = slots.description) === null || _b === void 0 ? void 0 : _b.call(slots)) || void 0,
         imageStyle,
         class: className = ""
       } = _c, restProps = __rest$1(_c, ["image", "description", "imageStyle", "class"]);
+      const image = typeof mergedImage === "function" ? mergedImage() : mergedImage;
+      const isNormal = typeof image === "object" && "type" in image && image.type.PRESENTED_IMAGE_SIMPLE;
       return wrapSSR(vue.createVNode(LocaleReceiver, {
         "componentName": "Empty",
         "children": (locale2) => {
@@ -16965,7 +16973,7 @@ const Empty = vue.defineComponent({
           }
           return vue.createVNode("div", _objectSpread2$2({
             "class": classNames(prefixCls2, className, hashId.value, {
-              [`${prefixCls2}-normal`]: image === simpleEmptyImg,
+              [`${prefixCls2}-normal`]: isNormal,
               [`${prefixCls2}-rtl`]: direction.value === "rtl"
             })
           }, restProps), [vue.createVNode("div", {
@@ -16981,8 +16989,8 @@ const Empty = vue.defineComponent({
     };
   }
 });
-Empty.PRESENTED_IMAGE_DEFAULT = defaultEmptyImg;
-Empty.PRESENTED_IMAGE_SIMPLE = simpleEmptyImg;
+Empty.PRESENTED_IMAGE_DEFAULT = () => vue.h(DefaultEmptyImg);
+Empty.PRESENTED_IMAGE_SIMPLE = () => vue.h(SimpleEmptyImg);
 const Empty$1 = withInstall$6(Empty);
 const DefaultRenderEmpty = (props2) => {
   const {
@@ -17175,6 +17183,9 @@ const genGridRowStyle = (token2) => {
       "&-space-around ": {
         justifyContent: "space-around"
       },
+      "&-space-evenly ": {
+        justifyContent: "space-evenly"
+      },
       // Align at the top
       "&-top": {
         alignItems: "flex-start"
@@ -18989,6 +19000,7 @@ const triggerProps = () => ({
   onPopupVisibleChange: Function,
   afterPopupVisibleChange: PropTypes$1.func.def(noop$2),
   popup: PropTypes$1.any,
+  arrow: PropTypes$1.bool.def(true),
   popupStyle: {
     type: Object,
     default: void 0
@@ -19116,6 +19128,10 @@ const innerProps = {
   zIndex: Number,
   destroyPopupOnHide: Boolean,
   forceRender: Boolean,
+  arrow: {
+    type: Boolean,
+    default: true
+  },
   // Legacy Motion
   animation: [String, Object],
   transitionName: String,
@@ -21294,7 +21310,7 @@ const PopupInner = vue.defineComponent({
           "class": `${prefixCls2}-content`
         }, [childNode]);
       }
-      const mergedClassName = classNames(prefixCls2, attrs.class, alignedClassName.value);
+      const mergedClassName = classNames(prefixCls2, attrs.class, alignedClassName.value, !props2.arrow && `${prefixCls2}-arrow-hidden`);
       const hasAnimate = visible.value || !props2.visible;
       const transitionProps = hasAnimate ? getTransitionProps(motion.value.name, motion.value) : {};
       return vue.createVNode(vue.Transition, _objectSpread2$2(_objectSpread2$2({
@@ -22108,6 +22124,7 @@ const Trigger = vue.defineComponent({
         stretch,
         alignPoint: alignPoint2,
         mobile,
+        arrow,
         forceRender
       } = this.$props;
       const {
@@ -22116,6 +22133,7 @@ const Trigger = vue.defineComponent({
       } = this.$data;
       const popupProps2 = _extends$1(_extends$1({
         prefixCls: prefixCls2,
+        arrow,
         destroyPopupOnHide,
         visible: sPopupVisible,
         point: alignPoint2 ? point : null,
@@ -22575,7 +22593,11 @@ const Tooltip$1 = vue.defineComponent({
       default: void 0
     },
     onVisibleChange: Function,
-    onPopupAlign: Function
+    onPopupAlign: Function,
+    arrow: {
+      type: Boolean,
+      default: true
+    }
   },
   setup(props2, _ref) {
     let {
@@ -22590,10 +22612,10 @@ const Tooltip$1 = vue.defineComponent({
         tipId,
         overlayInnerStyle
       } = props2;
-      return [vue.createVNode("div", {
+      return [!!props2.arrow ? vue.createVNode("div", {
         "class": `${prefixCls2}-arrow`,
         "key": "arrow"
-      }, [getPropsSlot(slots, props2, "arrowContent")]), vue.createVNode(Content, {
+      }, [getPropsSlot(slots, props2, "arrowContent")]) : null, vue.createVNode(Content, {
         "key": "content",
         "prefixCls": prefixCls2,
         "id": tipId,
@@ -22669,6 +22691,7 @@ const Tooltip$1 = vue.defineComponent({
         onPopupVisibleChange: props2.onVisibleChange || noop$1,
         onPopupAlign: props2.onPopupAlign || noop$1,
         ref: triggerDOM,
+        arrow: !!props2.arrow,
         popup: getPopupElement()
       });
       return vue.createVNode(Trigger, triggerProps2, {
@@ -22699,10 +22722,15 @@ const abstractTooltipProps = () => ({
   mouseEnterDelay: Number,
   mouseLeaveDelay: Number,
   getPopupContainer: Function,
+  /**@deprecated Please use `arrow={{ pointAtCenter: true }}` instead. */
   arrowPointAtCenter: {
     type: Boolean,
     default: void 0
   },
+  arrow: {
+    type: [Boolean, Object],
+    default: true
+  },
   autoAdjustOverflow: {
     type: [Boolean, Object],
     default: void 0
@@ -23227,22 +23255,22 @@ function getArrowStyle(token2, options) {
       // =========================== Offset ============================
       // Offset the popover to account for the dropdown arrow
       // >>>>> Top
-      [connectArrowCls([`&-placement-topLeft`, `&-placement-top`, `&-placement-topRight`], showArrowCls)]: {
+      [connectArrowCls([`&-placement-topLeft`, `&-placement-top`, `&-placement-topRight`].map((cls) => cls += ":not(&-arrow-hidden)"), showArrowCls)]: {
         paddingBottom: dropdownArrowDistance
       },
       // >>>>> Bottom
-      [connectArrowCls([`&-placement-bottomLeft`, `&-placement-bottom`, `&-placement-bottomRight`], showArrowCls)]: {
+      [connectArrowCls([`&-placement-bottomLeft`, `&-placement-bottom`, `&-placement-bottomRight`].map((cls) => cls += ":not(&-arrow-hidden)"), showArrowCls)]: {
         paddingTop: dropdownArrowDistance
       },
       // >>>>> Left
-      [connectArrowCls([`&-placement-leftTop`, `&-placement-left`, `&-placement-leftBottom`], showArrowCls)]: {
+      [connectArrowCls([`&-placement-leftTop`, `&-placement-left`, `&-placement-leftBottom`].map((cls) => cls += ":not(&-arrow-hidden)"), showArrowCls)]: {
         paddingRight: {
           _skip_check_: true,
           value: dropdownArrowDistance
         }
       },
       // >>>>> Right
-      [connectArrowCls([`&-placement-rightTop`, `&-placement-right`, `&-placement-rightBottom`], showArrowCls)]: {
+      [connectArrowCls([`&-placement-rightTop`, `&-placement-right`, `&-placement-rightBottom`].map((cls) => cls += ":not(&-arrow-hidden)"), showArrowCls)]: {
         paddingLeft: {
           _skip_check_: true,
           value: dropdownArrowDistance
@@ -23471,13 +23499,19 @@ const ToolTip = vue.defineComponent({
       }
     });
     const tooltipPlacements = vue.computed(() => {
+      var _a2;
       const {
         builtinPlacements,
-        arrowPointAtCenter,
-        autoAdjustOverflow: autoAdjustOverflow2
+        autoAdjustOverflow: autoAdjustOverflow2,
+        arrow,
+        arrowPointAtCenter
       } = props2;
+      let mergedArrowPointAtCenter = arrowPointAtCenter;
+      if (typeof arrow === "object") {
+        mergedArrowPointAtCenter = (_a2 = arrow.pointAtCenter) !== null && _a2 !== void 0 ? _a2 : arrowPointAtCenter;
+      }
       return builtinPlacements || getPlacements({
-        arrowPointAtCenter,
+        arrowPointAtCenter: mergedArrowPointAtCenter,
         autoAdjustOverflow: autoAdjustOverflow2
       });
     });
@@ -23574,6 +23608,7 @@ const ToolTip = vue.defineComponent({
       const arrowContentStyle = colorInfo.value.arrowStyle;
       const vcTooltipProps = _extends$1(_extends$1(_extends$1({}, attrs), props2), {
         prefixCls: prefixCls2.value,
+        arrow: !!props2.arrow,
         getPopupContainer: getPopupContainer === null || getPopupContainer === void 0 ? void 0 : getPopupContainer.value,
         builtinPlacements: tooltipPlacements.value,
         visible: tempVisible,
@@ -24872,7 +24907,7 @@ const FormItem$1 = vue.defineComponent({
         "class": [itemClassName.value, withHelp ? `${prefixCls2.value}-item-with-help` : "", attrs.class],
         "ref": itemRef
       }, [vue.createVNode(Row, _objectSpread2$2(_objectSpread2$2({}, attrs), {}, {
-        "class": `${prefixCls2.value}-row`,
+        "class": `${prefixCls2.value}-item-row`,
         "key": "row"
       }), {
         default: () => {
@@ -25171,11 +25206,11 @@ function useForm(modelRef) {
       return Promise.reject([]);
     }).catch((results) => {
       const errorList = results.filter((result) => result && result.errors.length);
-      return Promise.reject({
+      return errorList.length ? Promise.reject({
         values,
         errorFields: errorList,
         outOfDate: lastValidatePromise !== summaryPromise
-      });
+      }) : Promise.resolve(values);
     });
     returnPromise.catch((e2) => e2);
     return returnPromise;
@@ -25688,6 +25723,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
     const getSchema = vue.computed(() => {
       const treeExpandField = (schemas2) => {
         return schemas2.map((schema) => {
+          var _a2, _b;
           const {
             defaultValue,
             component,
@@ -25731,7 +25767,7 @@ const ShyForm = /* @__PURE__ */ vue.defineComponent({
               schema.defaultValue = def;
             }
           }
-          if (schema.component.includes("Input")) {
+          if ((_b = (_a2 = schema == null ? void 0 : schema.component) == null ? void 0 : _a2.includes) == null ? void 0 : _b.call(_a2, "Input")) {
             schema.defaultValue = schema.defaultValue || "";
           }
           if (schema.component === "Table") {
@@ -26332,8 +26368,13 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-process.env.NODE_ENV !== "production" ? Object.freeze({}) : {};
-process.env.NODE_ENV !== "production" ? Object.freeze([]) : [];
+/**
+* @vue/shared v3.5.12
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
+!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
+!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const isString = (val) => typeof val === "string";
 const TreeIcon = ({
   icon
@@ -27395,8 +27436,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Modal_vue_vue_type_style_index_0_scoped_15e2dcbb_lang = "";
-const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-15e2dcbb"]]);
+const Modal_vue_vue_type_style_index_0_scoped_0ca4fd85_lang = "";
+const Modal = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-0ca4fd85"]]);
 const _hoisted_1$f = { class: "api-modal-select" };
 const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
   __name: "ApiModalSelect",
@@ -27544,8 +27585,8 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ApiModalSelect_vue_vue_type_style_index_0_scoped_5019fbdf_lang = "";
-const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-5019fbdf"]]);
+const ApiModalSelect_vue_vue_type_style_index_0_scoped_45845a8d_lang = "";
+const ApiModalSelect = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-45845a8d"]]);
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FormWrapper",
   props: {
@@ -31318,12 +31359,15 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                   key: `${item.event}`
                 }, [
-                  vue.createVNode(vue.unref(AMenuItem), vue.mergeProps(getAttr(item.event), {
+                  vue.createVNode(vue.unref(AMenuItem), vue.mergeProps({ ref_for: true }, getAttr(item.event), {
                     onClick: ($event) => handleClickMenu(item),
                     disabled: item.disabled
                   }), {
                     default: vue.withCtx(() => [
-                      __props.popconfirm && item.popConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(APopconfirm), vue.normalizeProps(vue.mergeProps({ key: 0 }, getPopConfirmAttrs.value(item.popConfirm))), vue.createSlots({
+                      __props.popconfirm && item.popConfirm ? (vue.openBlock(), vue.createBlock(vue.unref(APopconfirm), vue.mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, getPopConfirmAttrs.value(item.popConfirm)), vue.createSlots({
                         default: vue.withCtx(() => [
                           vue.createElementVNode("div", null, [
                             item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(Icon$2), {
@@ -33907,7 +33951,7 @@ const styles = `.vue-colorful {
   border-color: transparent;
   border-bottom: 12px solid #000;
   border-radius: 8px 8px 0 0;
-  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),\r
+  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)),
       linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
 }
 .vue-colorful__pointer-fill, .vue-colorful__alpha-gradient {
@@ -33928,15 +33972,15 @@ const styles = `.vue-colorful {
   height: 24px;
 }
 .vue-colorful__hue {
-  background: linear-gradient(\r
-      to right,\r
-      #f00 0%,\r
-      #ff0 17%,\r
-      #0f0 33%,\r
-      #0ff 50%,\r
-      #00f 67%,\r
-      #f0f 83%,\r
-      #f00 100%\r
+  background: linear-gradient(
+      to right,
+      #f00 0%,
+      #ff0 17%,
+      #0f0 33%,
+      #0ff 50%,
+      #00f 67%,
+      #f0f 83%,
+      #f00 100%
     );
 }
 .vue-colorful__last-control {
@@ -36717,42 +36761,58 @@ const useDrawerInner = (callbackFn) => {
   ];
 };
 /*!
- * Cropper.js v1.5.13
+ * Cropper.js v1.6.2
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-11-20T05:30:46.114Z
+ * Date: 2024-04-21T07:43:05.335Z
  */
-function ownKeys(object4, enumerableOnly) {
-  var keys2 = Object.keys(object4);
+function ownKeys(e2, r2) {
+  var t2 = Object.keys(e2);
   if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object4);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object4, sym).enumerable;
-    })), keys2.push.apply(keys2, symbols);
+    var o2 = Object.getOwnPropertySymbols(e2);
+    r2 && (o2 = o2.filter(function(r3) {
+      return Object.getOwnPropertyDescriptor(e2, r3).enumerable;
+    })), t2.push.apply(t2, o2);
   }
-  return keys2;
+  return t2;
 }
-function _objectSpread2(target) {
-  for (var i2 = 1; i2 < arguments.length; i2++) {
-    var source = null != arguments[i2] ? arguments[i2] : {};
-    i2 % 2 ? ownKeys(Object(source), true).forEach(function(key2) {
-      _defineProperty(target, key2, source[key2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key2) {
-      Object.defineProperty(target, key2, Object.getOwnPropertyDescriptor(source, key2));
+function _objectSpread2(e2) {
+  for (var r2 = 1; r2 < arguments.length; r2++) {
+    var t2 = null != arguments[r2] ? arguments[r2] : {};
+    r2 % 2 ? ownKeys(Object(t2), true).forEach(function(r3) {
+      _defineProperty(e2, r3, t2[r3]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(t2)) : ownKeys(Object(t2)).forEach(function(r3) {
+      Object.defineProperty(e2, r3, Object.getOwnPropertyDescriptor(t2, r3));
     });
   }
-  return target;
+  return e2;
+}
+function _toPrimitive(t2, r2) {
+  if ("object" != typeof t2 || !t2)
+    return t2;
+  var e2 = t2[Symbol.toPrimitive];
+  if (void 0 !== e2) {
+    var i2 = e2.call(t2, r2 || "default");
+    if ("object" != typeof i2)
+      return i2;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r2 ? String : Number)(t2);
+}
+function _toPropertyKey(t2) {
+  var i2 = _toPrimitive(t2, "string");
+  return "symbol" == typeof i2 ? i2 : i2 + "";
 }
-function _typeof(obj) {
+function _typeof(o2) {
   "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o3) {
+    return typeof o3;
+  } : function(o3) {
+    return o3 && "function" == typeof Symbol && o3.constructor === Symbol && o3 !== Symbol.prototype ? "symbol" : typeof o3;
+  }, _typeof(o2);
 }
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
@@ -36766,7 +36826,7 @@ function _defineProperties(target, props2) {
     descriptor.configurable = true;
     if ("value" in descriptor)
       descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -36780,6 +36840,7 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 function _defineProperty(obj, key2, value) {
+  key2 = _toPropertyKey(key2);
   if (key2 in obj) {
     Object.defineProperty(obj, key2, {
       value,
@@ -38994,7 +39055,7 @@ var methods = {
     if (!this.cropped) {
       return source;
     }
-    var _this$getData = this.getData(), initialX = _this$getData.x, initialY = _this$getData.y, initialWidth = _this$getData.width, initialHeight = _this$getData.height;
+    var _this$getData = this.getData(options.rounded), initialX = _this$getData.x, initialY = _this$getData.y, initialWidth = _this$getData.width, initialHeight = _this$getData.height;
     var ratio = source.width / Math.floor(canvasData.naturalWidth);
     if (ratio !== 1) {
       initialX *= ratio;
@@ -39143,7 +39204,7 @@ var Cropper = /* @__PURE__ */ function() {
     this.sizing = false;
     this.init();
   }
-  _createClass(Cropper2, [{
+  return _createClass(Cropper2, [{
     key: "init",
     value: function init() {
       var element = this.element;
@@ -39435,13 +39496,13 @@ var Cropper = /* @__PURE__ */ function() {
       assign(DEFAULTS, isPlainObject(options) && options);
     }
   }]);
-  return Cropper2;
 }();
 assign(Cropper.prototype, render, preview, events, handlers, change, methods);
 const cropper = "";
 function toValue(r2) {
   return typeof r2 === "function" ? r2() : vue.unref(r2);
 }
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
 const noop = () => {
 };
 function createFilterWrapper(filter, fn) {
@@ -40266,7 +40327,7 @@ const _sfc_main$8 = vue.defineComponent({
     }
   }
 });
-const Loading_vue_vue_type_style_index_0_scoped_33b23b82_lang = "";
+const Loading_vue_vue_type_style_index_0_scoped_ee545744_lang = "";
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Spin = vue.resolveComponent("Spin");
   return vue.withDirectives((vue.openBlock(), vue.createElementBlock("section", {
@@ -40282,7 +40343,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     [vue.vShow, _ctx.loading]
   ]);
 }
-const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__scopeId", "data-v-33b23b82"]]);
+const Loading = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$3], ["__scopeId", "data-v-ee545744"]]);
 function createLoading(props2, target, wait = false) {
   let vm = null;
   const data = vue.reactive({
@@ -40675,28 +40736,35 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                 key: 0,
                 column: c2,
                 onHandleSortChange: handleSortChange
-              }, null, 8, ["column"])) : (vue.openBlock(), vue.createBlock(vue.unref(vxeTable.VxeColumn), vue.mergeProps({ key: 1 }, c2, {
+              }, null, 8, ["column"])) : (vue.openBlock(), vue.createBlock(vue.unref(vxeTable.VxeColumn), vue.mergeProps({
+                key: 1,
+                ref_for: true
+              }, c2, {
                 "edit-render": (c2 == null ? void 0 : c2.editRender) || void 0
               }), {
                 default: vue.withCtx((config) => [
-                  vue.renderSlot(_ctx.$slots, `${_ctx.column.field}-${c2.field}`, vue.normalizeProps(vue.guardReactiveProps(config)), () => {
+                  vue.renderSlot(_ctx.$slots, `${_ctx.column.field}-${c2.field}`, vue.mergeProps({ ref_for: true }, config), () => {
                     var _a2, _b, _c, _d, _e;
                     return [
                       config.row._isEdit && ((_a2 = _ctx.column) == null ? void 0 : _a2.isEdit) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                         ((_b = c2 == null ? void 0 : c2.editComponentProps) == null ? void 0 : _b.component) === "Switch" ? (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({
                           key: 0,
                           checkedValue: 1,
-                          unCheckedValue: 0
+                          unCheckedValue: 0,
+                          ref_for: true
                         }, (c2 == null ? void 0 : c2.editComponentProps) || {}, {
                           checked: config.row[c2.field],
                           "onUpdate:checked": ($event) => config.row[c2.field] = $event
-                        }), null, 16, ["checked", "onUpdate:checked"])) : (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({ key: 1 }, (c2 == null ? void 0 : c2.editComponentProps) || {}, {
+                        }), null, 16, ["checked", "onUpdate:checked"])) : (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({
+                          key: 1,
+                          ref_for: true
+                        }, (c2 == null ? void 0 : c2.editComponentProps) || {}, {
                           value: config.row[c2.field],
                           "onUpdate:value": ($event) => config.row[c2.field] = $event
                         }), null, 16, ["value", "onUpdate:value"]))
                       ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                         (c2 == null ? void 0 : c2.isEdit) && ((_c = c2 == null ? void 0 : c2.editComponentProps) == null ? void 0 : _c.component) === "Select" || ((_d = c2 == null ? void 0 : c2.editComponentProps) == null ? void 0 : _d.component) === "ApiSelect" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$3, [
-                          vue.createVNode(vue.unref(CellComponent), vue.mergeProps((c2 == null ? void 0 : c2.editComponentProps) || {}, {
+                          vue.createVNode(vue.unref(CellComponent), vue.mergeProps({ ref_for: true }, (c2 == null ? void 0 : c2.editComponentProps) || {}, {
                             value: config.row[c2.field],
                             "onUpdate:value": ($event) => config.row[c2.field] = $event,
                             bordered: false,
@@ -40712,7 +40780,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                   })
                 ]),
                 header: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, `${c2.field}Header`, vue.normalizeProps(vue.guardReactiveProps({ c: c2 })), () => [
+                  vue.renderSlot(_ctx.$slots, `${c2.field}Header`, vue.mergeProps({ ref_for: true }, { c: c2 }), () => [
                     vue.createElementVNode("div", _hoisted_4$2, [
                       vue.createElementVNode("div", null, vue.toDisplayString(c2.title), 1),
                       (c2 == null ? void 0 : c2.sortable) ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
@@ -41143,32 +41211,39 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                         return {
                           name: `${column2.field}-${c2.field}`,
                           fn: vue.withCtx((config2) => [
-                            vue.renderSlot(_ctx.$slots, `${column2.field}-${c2.field}`, vue.normalizeProps(vue.guardReactiveProps(config2)))
+                            vue.renderSlot(_ctx.$slots, `${column2.field}-${c2.field}`, vue.mergeProps({ ref_for: true }, config2))
                           ])
                         };
                       })
-                    ]), 1032, ["column"])) : (vue.openBlock(), vue.createBlock(vue.unref(vxeTable.VxeColumn), vue.mergeProps({ key: 1 }, column2, {
+                    ]), 1032, ["column"])) : (vue.openBlock(), vue.createBlock(vue.unref(vxeTable.VxeColumn), vue.mergeProps({
+                      key: 1,
+                      ref_for: true
+                    }, column2, {
                       "edit-render": (column2 == null ? void 0 : column2.editRender) || void 0
                     }), {
                       default: vue.withCtx((config2) => [
-                        vue.renderSlot(_ctx.$slots, column2.field, vue.normalizeProps(vue.guardReactiveProps(config2)), () => {
+                        vue.renderSlot(_ctx.$slots, column2.field, vue.mergeProps({ ref_for: true }, config2), () => {
                           var _a3, _b2, _c2, _d2;
                           return [
                             config2.row._isEdit && (column2 == null ? void 0 : column2.isEdit) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                               ((_a3 = column2 == null ? void 0 : column2.editComponentProps) == null ? void 0 : _a3.component) === "Switch" ? (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({
                                 key: 0,
                                 checkedValue: 1,
-                                unCheckedValue: 0
+                                unCheckedValue: 0,
+                                ref_for: true
                               }, (column2 == null ? void 0 : column2.editComponentProps) || {}, {
                                 checked: config2.row[column2.field],
                                 "onUpdate:checked": ($event) => config2.row[column2.field] = $event
-                              }), null, 16, ["checked", "onUpdate:checked"])) : (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({ key: 1 }, (column2 == null ? void 0 : column2.editComponentProps) || {}, {
+                              }), null, 16, ["checked", "onUpdate:checked"])) : (vue.openBlock(), vue.createBlock(vue.unref(CellComponent), vue.mergeProps({
+                                key: 1,
+                                ref_for: true
+                              }, (column2 == null ? void 0 : column2.editComponentProps) || {}, {
                                 value: config2.row[column2.field],
                                 "onUpdate:value": ($event) => config2.row[column2.field] = $event
                               }), null, 16, ["value", "onUpdate:value"]))
                             ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                               (column2 == null ? void 0 : column2.isEdit) && ((_b2 = column2 == null ? void 0 : column2.editComponentProps) == null ? void 0 : _b2.component) === "Select" || ((_c2 = column2 == null ? void 0 : column2.editComponentProps) == null ? void 0 : _c2.component) === "ApiSelect" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$2, [
-                                vue.createVNode(vue.unref(CellComponent), vue.mergeProps((column2 == null ? void 0 : column2.editComponentProps) || {}, {
+                                vue.createVNode(vue.unref(CellComponent), vue.mergeProps({ ref_for: true }, (column2 == null ? void 0 : column2.editComponentProps) || {}, {
                                   value: config2.row[column2.field],
                                   "onUpdate:value": ($event) => config2.row[column2.field] = $event,
                                   bordered: false,
@@ -41184,7 +41259,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                         })
                       ]),
                       header: vue.withCtx(() => [
-                        vue.renderSlot(_ctx.$slots, `${column2.field}Header`, vue.normalizeProps(vue.guardReactiveProps({ column: column2 })), () => [
+                        vue.renderSlot(_ctx.$slots, `${column2.field}Header`, vue.mergeProps({ ref_for: true }, { column: column2 }), () => [
                           vue.createElementVNode("div", _hoisted_4$1, [
                             vue.createElementVNode("div", null, vue.toDisplayString(column2.title), 1),
                             (column2 == null ? void 0 : column2.sortable) ? (vue.openBlock(), vue.createBlock(_sfc_main$6, {
@@ -41574,7 +41649,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             vue.createVNode(vue.unref(antDesignVue.Row), null, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(schemasCurrent, (schema, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Col), vue.normalizeProps(vue.mergeProps({ key: index2 }, (schema == null ? void 0 : schema.colProps) || { span: 24 })), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Col), vue.mergeProps({
+                    key: index2,
+                    ref_for: true
+                  }, (schema == null ? void 0 : schema.colProps) || { span: 24 }), {
                     default: vue.withCtx(() => [
                       vue.createElementVNode("div", _hoisted_1$1, [
                         vue.createVNode(vue.unref(antDesignVue.FormItem), {
@@ -41682,11 +41760,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                                 getComponent2(schema.field) === "ApiSelect" ? (vue.openBlock(), vue.createBlock(ApiSelect, vue.mergeProps({
                                   key: 0,
                                   value: schema[`${schema.field}`],
-                                  "onUpdate:value": ($event) => schema[`${schema.field}`] = $event
+                                  "onUpdate:value": ($event) => schema[`${schema.field}`] = $event,
+                                  ref_for: true
                                 }, getComponentPropsByField(schema.field)), null, 16, ["value", "onUpdate:value"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), vue.mergeProps({
                                   key: 1,
                                   value: schema[`${schema.field}`],
-                                  "onUpdate:value": ($event) => schema[`${schema.field}`] = $event
+                                  "onUpdate:value": ($event) => schema[`${schema.field}`] = $event,
+                                  ref_for: true
                                 }, getComponentPropsByField(schema.field)), null, 16, ["value", "onUpdate:value"]))
                               ]),
                               _: 2
@@ -41694,15 +41774,18 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
                               getComponent2(schema.field) === "Input" ? (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Input), vue.mergeProps({
                                 key: 0,
                                 value: schema[schema.field],
-                                "onUpdate:value": ($event) => schema[schema.field] = $event
+                                "onUpdate:value": ($event) => schema[schema.field] = $event,
+                                ref_for: true
                               }, getComponentPropsByField(schema.field)), null, 16, ["value", "onUpdate:value"])) : getComponent2(schema.field) === "ApiSelect" ? (vue.openBlock(), vue.createBlock(ApiSelect, vue.mergeProps({
                                 key: 1,
                                 value: schema[`${schema.field}`],
-                                "onUpdate:value": ($event) => schema[`${schema.field}`] = $event
+                                "onUpdate:value": ($event) => schema[`${schema.field}`] = $event,
+                                ref_for: true
                               }, getComponentPropsByField(schema.field)), null, 16, ["value", "onUpdate:value"])) : (vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), vue.mergeProps({
                                 key: 2,
                                 value: schema[schema.field],
-                                "onUpdate:value": ($event) => schema[schema.field] = $event
+                                "onUpdate:value": ($event) => schema[schema.field] = $event,
+                                ref_for: true
                               }, getComponentPropsByField(schema.field)), null, 16, ["value", "onUpdate:value"]))
                             ], 64))
                           ]),
@@ -41991,7 +42074,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props, { expose: __expose }) {
     vue.useCssVars((_ctx) => ({
-      "7210fae1": props2.labelWidth
+      "989efb00": props2.labelWidth
     }));
     const props2 = __props;
     const form = vue.ref({});
@@ -42135,7 +42218,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           options: handleApiOptions(item.api, item),
                           showSearch: "",
                           filterOption,
-                          onChange: ($event) => handleChangeBinding($event, item)
+                          onChange: ($event) => handleChangeBinding($event, item),
+                          ref_for: true
                         }, item.componentProps, {
                           value: form.value[item.field],
                           "onUpdate:value": ($event) => form.value[item.field] = $event
@@ -42162,8 +42246,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DescriptionsForm_vue_vue_type_style_index_0_scoped_b1ced086_lang = "";
-const descriptionsForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b1ced086"]]);
+const DescriptionsForm_vue_vue_type_style_index_0_scoped_2d2eda80_lang = "";
+const descriptionsForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2d2eda80"]]);
 const DescriptionsForm = utils$1.withInstall(descriptionsForm);
 const basicResizeWrapperProps = vue.reactive({
   designWidth: {