@aplus-frontend/ui 7.12.6 → 7.13.1

package/es/src/ag-grid/interface.d.ts

@@ -335,6 +335,10 @@ export type AgGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
      * @since 6.41.0
      */
     theme?: Partial<ThemeDefaultParams>;
+    /**
+     * 自定义数据为空时展示的组件
+     */
+    emptyComponent?: any;
 };
 export type AgGridExpose<SearchParamsType = Recordable, RecordType = any> = {
     /**

package/es/src/ag-grid/style/index.mjs

@@ -1,7 +1,7 @@
 import { genSettingTriggerBtnStyle as a } from "../../ap-table/style/index.mjs";
 import { multiRows as l, resetScrollbar as r } from "../../style/index.mjs";
-import { genComponentStyleHook as d } from "../../utils/cssinjs/index.mjs";
-const t = {
+import { genComponentStyleHook as t } from "../../utils/cssinjs/index.mjs";
+const d = {
   agGridSearchFormWrapperMarginBlockEnd: 10,
   agGridCellPaddingBlockMedium: 9,
   agGridCellPaddingBlockMini: 6,
@@ -152,19 +152,22 @@ const t = {
       },
       ".ag-checkbox.ag-labeled[disabled] .ag-input-field-input[disabled]": {
         cursor: "not-allowed"
+      },
+      ".ag-overlay": {
+        pointerEvents: "auto"
       }
     }
   };
-}, s = d(
+}, s = t(
   "AgGrid",
   (i) => [n(i)],
-  t,
+  d,
   {
     skipUnit: ["agGridLineClamp"]
   }
 );
 export {
   s as default,
-  t as defaultToken,
+  d as defaultToken,
   n as genAgGridStyle
 };

package/es/src/ap-drawer/interface.d.ts

@@ -1,11 +1,22 @@
 import { DrawerProps } from '@aplus-frontend/antdv';
-import { AppContext } from 'vue';
+import { AppContext, VNodeChild } from 'vue';
 export type CreateDrawerFuncProps<ContentRecord = any> = Omit<DrawerProps, 'visible' | 'onUpdate:visible' | 'afterVisibleChange' | 'onAfterVisibleOChange' | 'open' | 'onUpdate:open' | 'destroyOnClose' | 'onClose' | 'getContainer' | 'extra' | 'footer'> & Partial<{
     onClose: (params: ContentRecord) => any | Promise<any>;
     getContainer: HTMLElement;
     content: any;
     destroyOnClose: boolean;
-    extra: (params: ContentRecord, close: () => void) => any;
+    extra: (params: ContentRecord, close: () => void, node: {
+        /**
+         * 原始的操作区域内容
+         */
+        originNode: VNodeChild;
+        /**
+         * 操作区域按钮
+         */
+        extra: {
+            cancelBtn: VNodeChild;
+        };
+    }) => any;
     footer: (params: ContentRecord, close: () => void) => any;
     /**
      * 抽屉的上下文，一般用于获取全局注册组件、vuex 等内容

package/es/src/ap-drawer/utils/createDrawer.mjs

@@ -1,33 +1,33 @@
-import { render as m, defineComponent as g, createVNode as l, mergeProps as b, h as v } from "vue";
-import { Drawer as w } from "@aplus-frontend/antdv";
-import { omit as P } from "lodash-unified";
-import { getModalGlobalAppContext as y } from "../../ap-modal/utils/util.mjs";
-import { ConfigProvider as A, globalConfigCached as D } from "../../config-provider/config-provider.mjs";
+import { render as f, defineComponent as v, createVNode as r, Fragment as w, mergeProps as P, h as y } from "vue";
+import { Drawer as A } from "@aplus-frontend/antdv";
+import { omit as D } from "lodash-unified";
+import { getModalGlobalAppContext as E } from "../../ap-modal/utils/util.mjs";
+import { ConfigProvider as N, globalConfigCached as O } from "../../config-provider/config-provider.mjs";
 import "../components/ApDrawerClose.vue.mjs";
-import O from "../components/ApDrawerClose.vue2.mjs";
-const N = (n) => {
+import V from "../components/ApDrawerClose.vue2.mjs";
+const T = (n) => {
   let o, s;
   const {
-    destroyOnClose: r = !0
+    destroyOnClose: p = !0
   } = n;
-  function p() {
+  function i() {
     o && o(!1), setTimeout(() => {
-      m(null, t), t.parentElement?.removeChild(t);
+      f(null, t), t.parentElement?.removeChild(t);
     }, 500);
   }
-  function f() {
+  function h() {
     o && o(!0);
   }
-  function i() {
+  function a() {
     o && o(!1);
   }
-  function h(e) {
+  function C(e) {
     s && s(e);
   }
-  const C = /* @__PURE__ */ g({
+  const u = /* @__PURE__ */ v({
     data() {
       return {
-        open: r,
+        open: p,
         props: n
       };
     },
@@ -47,35 +47,40 @@ const N = (n) => {
           const e = this.props?.content?.component?.exposed ?? void 0;
           await this.props?.onClose(e);
         }
-        r ? p() : i();
+        p ? i() : a();
       }
     },
     render() {
-      const e = P(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), d = this.props?.content?.component?.exposed ?? void 0, c = () => r ? p() : i();
-      return l(A, D.value, {
-        default: () => [l(w, b({
+      const e = D(this.props, ["onClose", "extra", "footer", "visible", "onUpdate:visible", "afterVisibleChange", "onAfterVisibleOChange", "open", "onUpdate:open", "getContainer"]), c = this.props?.content?.component?.exposed ?? void 0, m = () => p ? i() : a(), d = r(V, {
+        onClose: this.handleClose
+      }, null), b = r(w, null, [d]);
+      return r(N, O.value, {
+        default: () => [r(A, P({
           open: this.open,
           onClose: this.handleClose,
           closeIcon: this.props?.closeIcon ?? null,
-          extra: this.props?.extra ? this.props?.extra?.(d, c) : l(O, {
-            onClose: this.handleClose
-          }, null),
-          footer: this.props?.footer?.(d, c)
+          extra: this.props?.extra ? this.props?.extra?.(c, m, {
+            originNode: b,
+            extra: {
+              cancelBtn: d
+            }
+          }) : d,
+          footer: this.props?.footer?.(c, m)
         }, e), {
           default: () => [this.props?.content]
         })]
       });
     }
-  }), u = n.getContainer || document.body, t = document.createElement("div");
-  u.appendChild(t);
-  const a = v(C), x = y();
-  return a.appContext = n.appContext || x || a.appContext, m(a, t), {
-    destroy: p,
-    update: h,
-    open: f,
-    close: i
+  }), x = n.getContainer || document.body, t = document.createElement("div");
+  x.appendChild(t);
+  const l = y(u), g = E();
+  return l.appContext = n.appContext || g || l.appContext, f(l, t), {
+    destroy: i,
+    update: C,
+    open: h,
+    close: a
   };
 };
 export {
-  N as createDrawer
+  T as createDrawer
 };

package/es/src/ap-field/select/index.vue.d.ts

@@ -14,13 +14,12 @@ type ApFieldSelectSlots = {
     itemIcon: any;
     removeIcon: any;
     clearIcon: any;
-    dropdownRender: any;
-    option: any;
     placeholder: any;
     tagRender: any;
     maxTagPlaceholder: any;
     optionLabel: any;
     default: any;
+    dropdownRender: any;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/es/src/ap-field/select/index.vue.mjs

@@ -1,11 +1,15 @@
-import { defineComponent as q, ref as D, shallowRef as R, computed as s, onMounted as z, watch as E, unref as a, createElementBlock as U, createBlock as K, openBlock as g, toDisplayString as H, mergeProps as $, createSlots as j, renderList as W, withCtx as S, renderSlot as Y, normalizeProps as G, guardReactiveProps as J, createVNode as Q } from "vue";
-import { Select as X, Spin as Z } from "@aplus-frontend/antdv";
-import { debounce as ee, isFunction as B, isArray as te, isNil as oe, omit as le } from "lodash-unified";
+import { defineComponent as Y, ref as N, shallowRef as G, computed as u, onMounted as J, watch as Q, unref as a, createElementBlock as O, createBlock as X, openBlock as C, toDisplayString as S, mergeProps as Z, h as ee, createSlots as oe, withCtx as v, createVNode as x, normalizeClass as w, createElementVNode as te, createCommentVNode as le, withModifiers as ae, renderList as ne, renderSlot as re, normalizeProps as se, guardReactiveProps as ie } from "vue";
+import { Select as ue, Flex as pe, Spin as de } from "@aplus-frontend/antdv";
+import { debounce as ce, isFunction as V, isArray as fe, isNil as me, omit as ve } from "lodash-unified";
+import "../../config-provider/index.mjs";
 import "../../hooks/index.mjs";
-import { useDefaultPlaceholder as ae } from "../hooks/use-default-placeholder.mjs";
-import { useSelectOptions as ne, SELECT_ALL_VALUE_KEY as f } from "./use-select-options.mjs";
-import { useControllableValue as re } from "../../hooks/useControllableValue.mjs";
-const ue = { key: 0 }, ve = /* @__PURE__ */ q({
+import { useDefaultPlaceholder as he } from "../hooks/use-default-placeholder.mjs";
+import ye from "../style/index.mjs";
+import { useSelectOptions as ge, SELECT_ALL_VALUE_KEY as h } from "./use-select-options.mjs";
+import { useNamespace as Ce } from "../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as Se } from "../../config-provider/hooks/use-locale.mjs";
+import { useControllableValue as we } from "../../hooks/useControllableValue.mjs";
+const be = { key: 0 }, Be = ["onClick"], Pe = /* @__PURE__ */ Y({
   name: "ApFieldSelect",
   __name: "index",
   props: {
@@ -101,45 +105,45 @@ const ue = { key: 0 }, ve = /* @__PURE__ */ q({
     searchDelay: { default: 300 }
   },
   emits: ["update:value"],
-  setup(C, { expose: w, emit: F }) {
+  setup(I, { expose: k, emit: A }) {
     let r = 0;
-    const e = C, b = ee((t) => {
-      if (!B(e.request))
+    const o = I, { b: p } = Ce("field-select"), _ = ye("field"), b = N(!1), { t: L } = Se(), M = ce((e) => {
+      if (!V(o.request))
         return;
       r += 1;
-      const l = r;
-      d([]), n.value = !0, e.request(t).then((o) => {
-        r === l && (d(o), n.value = !1);
+      const t = r;
+      d([]), n.value = !0, o.request(e).then((l) => {
+        r === t && (d(l), n.value = !1);
       });
-    }, e.searchDelay), x = (t, l) => {
-      const o = e.fieldNames?.label || "label";
-      return typeof l?.[o] == "string" && l[o].toLowerCase().indexOf(t.toLowerCase()) > -1;
-    }, { options: u, updateOptions: d } = ne(e), m = R(), n = D(e?.loading || !1), N = F, O = s(() => {
-      if (e.multiple)
-        return e.tokenSeparators ? "tags" : "multiple";
+    }, o.searchDelay), P = (e, t) => {
+      const l = o.fieldNames?.label || "label";
+      return typeof t?.[l] == "string" && t[l].toLowerCase().indexOf(e.toLowerCase()) > -1;
+    }, { options: s, updateOptions: d } = ge(o), y = G(), n = N(o?.loading || !1), T = A, q = u(() => {
+      if (o.multiple)
+        return o.tokenSeparators ? "tags" : "multiple";
     });
-    async function c(t = !0) {
-      if (!B(e.request))
+    async function c(e = !0) {
+      if (!V(o.request))
         return;
       n.value = !0, r += 1;
-      const l = r;
+      const t = r;
       try {
-        t && d([]);
-        const o = await e.request(void 0, e.params);
-        if (l !== r)
+        e && d([]);
+        const l = await o.request(void 0, o.params);
+        if (t !== r)
           return;
-        d(o);
+        d(l);
       } finally {
         n.value = !1;
       }
     }
-    function I(t) {
-      e.onFocus?.(t), e.refetchOnFocus && r > 0 && !n.value && c(!0);
+    function D(e) {
+      o.onFocus?.(e), o.refetchOnFocus && r > 0 && !n.value && c(!0);
     }
-    z(() => {
-      e.lazy || c();
-    }), E(
-      () => e.params,
+    J(() => {
+      o.lazy || c();
+    }), Q(
+      () => o.params,
       () => {
         c();
       },
@@ -147,29 +151,29 @@ const ue = { key: 0 }, ve = /* @__PURE__ */ q({
         deep: !0
       }
     );
-    const { value: p, updateValue: v } = re(e, N), V = ae("Select", e), A = s(() => {
-      const t = a(p);
-      if (!t)
-        return e.emptyText;
-      const l = e.fieldNames?.label || "label", o = e.fieldNames?.value || "value";
-      return te(t) ? t.map(
-        (i) => a(u).find((T) => T[o] === i)?.[l]
-      ).filter(Boolean).join("、") || e.emptyText : a(u).find(
-        (i) => i[o] === t
-      )?.[l] || e.emptyText;
-    }), _ = s(() => {
-      const t = !!e?.showSearch, l = e.searchMode;
-      let o = {};
-      return t && (o = l === "request" ? {
+    const { value: f, updateValue: m } = we(o, T), R = he("Select", o), z = u(() => {
+      const e = a(f);
+      if (!e)
+        return o.emptyText;
+      const t = o.fieldNames?.label || "label", l = o.fieldNames?.value || "value";
+      return fe(e) ? e.map(
+        (i) => a(s).find((W) => W[l] === i)?.[t]
+      ).filter(Boolean).join("、") || o.emptyText : a(s).find(
+        (i) => i[l] === e
+      )?.[t] || o.emptyText;
+    }), E = u(() => {
+      const e = !!o?.showSearch, t = o.searchMode;
+      let l = {};
+      return e && (l = t === "request" ? {
         defaultActiveFirstOption: !1,
-        onSearch: b,
+        onSearch: M,
         notFoundContent: n.value ? void 0 : null,
         filterOption: !1,
         suffixIcon: null
       } : {
-        filterOption: oe(e?.filterOption) ? x : e?.filterOption
+        filterOption: me(o?.filterOption) ? P : o?.filterOption
       }), {
-        ...le(e, [
+        ...ve(o, [
           "mode",
           "value",
           "onUpdate:value",
@@ -179,65 +183,99 @@ const ue = { key: 0 }, ve = /* @__PURE__ */ q({
           "onFocus",
           "onBeforeSelect"
         ]),
-        placeholder: a(V),
-        ...o
+        placeholder: a(R),
+        ...l
       };
-    }), y = s(
-      () => u.value.map((t) => t[e.fieldNames?.value || "value"]).filter((t) => t !== f)
-    ), k = s(() => {
-      if (!e.multiple || !e.addAll)
-        return a(p);
-      if (u.value.some(
-        (t) => t[e.fieldNames?.value || "value"] === f
+    }), B = u(
+      () => s.value.map((e) => e[o.fieldNames?.value || "value"]).filter((e) => e !== h)
+    ), U = u(() => {
+      if (!o.multiple || !o.addAll)
+        return a(f);
+      if (s.value.some(
+        (e) => e[o.fieldNames?.value || "value"] === h
       )) {
-        const t = a(y), l = a(p) || [];
-        if (t.length && t.every((o) => l?.includes(o)))
-          return [f];
+        const e = a(B), t = a(f) || [];
+        if (e.length && e.every((l) => t?.includes(l)))
+          return [h];
       }
-      return a(p);
+      return a(f);
     });
-    function P(t) {
-      return e.multiple && t.includes(f) ? v(a(y)) : v(t);
+    function K(e) {
+      return o.multiple && e.includes(h) ? m(a(B)) : m(e);
     }
-    function L() {
-      m.value?.focus();
+    function $() {
+      y.value?.focus();
     }
-    function M() {
-      m.value?.blur();
+    function j() {
+      y.value?.blur();
     }
-    return w({
-      focus: L,
-      blur: M,
+    function F(e, t) {
+      const l = o.fieldNames?.[t] ?? t;
+      return e[l];
+    }
+    function H(e) {
+      const t = F(e, "value");
+      m(o.multiple ? [t] : t);
+    }
+    return k({
+      focus: $,
+      blur: j,
       request: c
-    }), (t, l) => t.mode === "read" ? (g(), U("span", ue, H(A.value), 1)) : (g(), K(a(X), $({
+    }), (e, t) => e.mode === "read" ? (C(), O("span", be, S(z.value), 1)) : (C(), X(a(ue), Z({
       key: 1,
       ref_key: "selectRef",
-      ref: m,
+      ref: y,
       "allow-clear": ""
-    }, _.value, {
-      mode: O.value,
-      value: k.value,
-      options: a(u),
+    }, E.value, {
+      mode: q.value,
+      value: U.value,
+      options: a(s),
       loading: n.value,
-      "onUpdate:value": P,
-      onFocus: I
-    }), j({ _: 2 }, [
-      W(t.$slots, (o, h) => ({
-        name: h,
-        fn: S((i) => [
-          Y(t.$slots, h, G(J(i || {})))
+      "menu-item-selected-icon": ee("span"),
+      "popup-class-name": `${a(p)("popup")} ${a(_)}`,
+      open: b.value,
+      "onUpdate:value": K,
+      onFocus: D,
+      onDropdownVisibleChange: t[0] || (t[0] = (l) => b.value = l)
+    }), oe({
+      option: v((l) => [
+        x(a(pe), {
+          justify: "space-between",
+          align: "center",
+          class: w(a(p)("popup-option-wrapper")),
+          gap: 8
+        }, {
+          default: v(() => [
+            te("span", {
+              class: w(a(p)("popup-option-label"))
+            }, S(F(l, "label")), 3),
+            e.multiple ? (C(), O("span", {
+              key: 0,
+              class: w(a(p)("popup-option-action")),
+              onClick: ae(() => H(l), ["stop"])
+            }, S(a(L)("ap.field.chooseOnly")), 11, Be)) : le("", !0)
+          ]),
+          _: 2
+        }, 1032, ["class"])
+      ]),
+      _: 2
+    }, [
+      ne(e.$slots, (l, g) => ({
+        name: g,
+        fn: v((i) => [
+          re(e.$slots, g, se(ie(i || {})))
         ])
       })),
       n.value ? {
         name: "notFoundContent",
-        fn: S(() => [
-          Q(a(Z), { size: "small" })
+        fn: v(() => [
+          x(a(de), { size: "small" })
         ]),
         key: "0"
       } : void 0
-    ]), 1040, ["mode", "value", "options", "loading"]));
+    ]), 1040, ["mode", "value", "options", "loading", "menu-item-selected-icon", "popup-class-name", "open"]));
   }
 });
 export {
-  ve as default
+  Pe as default
 };

package/es/src/ap-field/style/index.mjs

@@ -1,14 +1,16 @@
-import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
-import { genCheckboxStyle as r } from "./checkbox.mjs";
+import { genComponentStyleHook as r } from "../../utils/cssinjs/index.mjs";
+import { genCheckboxStyle as o } from "./checkbox.mjs";
 import { genNumberStyle as t } from "./number.mjs";
 import { genRadioStyle as m } from "./radio.mjs";
-import { genTextareaStyle as l } from "./textarea.mjs";
-const S = o("ApField", (e) => [
-  r(e),
+import { genSelectStyle as l } from "./select.mjs";
+import { genTextareaStyle as p } from "./textarea.mjs";
+const a = r("ApField", (e) => [
+  o(e),
   t(e),
   m(e),
+  p(e),
   l(e)
 ]);
 export {
-  S as default
+  a as default
 };

package/es/src/ap-field/style/select.d.ts

@@ -0,0 +1,2 @@
+import { GenStyleFunc } from '../../design-token/interface';
+export declare const genSelectStyle: GenStyleFunc;

package/es/src/ap-field/style/select.mjs

@@ -0,0 +1,43 @@
+import { singleRow as p } from "../../style/index.mjs";
+const r = (o) => {
+  const { componentCls: e } = o, i = `${e}-select-popup`;
+  return {
+    [`${i}`]: {
+      [`${i}-option-wrapper`]: {
+        height: "22px"
+      },
+      [`${i}-option-label`]: {
+        ...p(o),
+        color: "inherit"
+      },
+      [`${i}-option-action`]: {
+        display: "none",
+        color: o.colorPrimary,
+        paddingInline: o.spaceSM,
+        paddingBlock: o.spaceXXS,
+        "&:hover": {
+          background: o.colorPrimary,
+          color: "#fff",
+          borderRadius: "2px"
+        }
+      },
+      "div.ant-select-item": {
+        paddingInline: o.space,
+        paddingBlock: o.spaceXS,
+        fontWeight: "normal !important",
+        marginBottom: o.spaceXS,
+        "&:hover": {
+          [`${i}-option-action`]: {
+            display: "inline"
+          }
+        },
+        "&.ant-select-item-option-selected:not(.ant-select-item-option-disabled)": {
+          color: o.colorPrimary
+        }
+      }
+    }
+  };
+};
+export {
+  r as genSelectStyle
+};

package/es/src/ap-form/context.mjs

@@ -1,5 +1,5 @@
 import { provide as t, inject as r, computed as n } from "vue";
-const o = Symbol("formContextKey");
+const o = /* @__PURE__ */ Symbol("formContextKey");
 function u(e) {
   t(o, e);
 }

package/es/src/ap-form/item-group/helper.mjs

@@ -17,10 +17,10 @@ function i(r) {
 }
 function f(r) {
   const t = [], n = r.filter(
-    (e) => e && i(e) && e.type !== Symbol.for("v-cmt")
+    (e) => e && i(e) && e.type !== /* @__PURE__ */ Symbol.for("v-cmt")
   );
   for (const e of n)
-    if (e.type === Symbol.for("v-fgt")) {
+    if (e.type === /* @__PURE__ */ Symbol.for("v-fgt")) {
       const l = f(e.children);
       t.push(...l);
     } else if (u(e)) {

package/es/src/ap-form/items/select/index.vue.d.ts

@@ -661,26 +661,24 @@ declare function __VLS_template(): {
                 itemIcon: any;
                 removeIcon: any;
                 clearIcon: any;
-                dropdownRender: any;
-                option: any;
                 placeholder: any;
                 tagRender: any;
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
+                dropdownRender: any;
             }> & {
                 notFoundContent: any;
                 suffixIcon: any;
                 itemIcon: any;
                 removeIcon: any;
                 clearIcon: any;
-                dropdownRender: any;
-                option: any;
                 placeholder: any;
                 tagRender: any;
                 maxTagPlaceholder: any;
                 optionLabel: any;
                 default: any;
+                dropdownRender: any;
             };
         }) | null;
     };
@@ -1319,26 +1317,24 @@ declare const __VLS_component: DefineComponent<ApFormItemSelectProps, {
             itemIcon: any;
             removeIcon: any;
             clearIcon: any;
-            dropdownRender: any;
-            option: any;
             placeholder: any;
             tagRender: any;
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
+            dropdownRender: any;
         }> & {
             notFoundContent: any;
             suffixIcon: any;
             itemIcon: any;
             removeIcon: any;
             clearIcon: any;
-            dropdownRender: any;
-            option: any;
             placeholder: any;
             tagRender: any;
             maxTagPlaceholder: any;
             optionLabel: any;
             default: any;
+            dropdownRender: any;
         };
     }) | null;
 }, any>;

package/es/src/ap-form/provider/context.mjs

@@ -1,5 +1,5 @@
 import { provide as e, inject as t } from "vue";
-const r = Symbol("InternalContextProps"), m = (o) => {
+const r = /* @__PURE__ */ Symbol("InternalContextProps"), m = (o) => {
   e(r, o);
 }, n = {
   triggerFormChange: () => {

package/es/src/ap-grid/utils/table.mjs

@@ -74,7 +74,7 @@ function x(e) {
   return e === !0 ? "left" : e;
 }
 function F(e, i, t) {
-  const n = e === !0 || !e.type ? "checkbox" : e.type, r = (t === "mini" ? 9 * 2 : 12 * 2) + 16, a = e === !0 ? r : e.columnWidth || r;
+  const n = e === !0 || !e.type ? "checkbox" : e.type, r = (t === "mini" ? 18 : 24) + 16, a = e === !0 ? r : e.columnWidth || r;
   let o = e === !0 ? void 0 : x(e.fixed);
   return o || (o === !1 ? o = void 0 : o = i.some(
     (u) => u.fixed === "left" || u.fixed === !0
@@ -102,7 +102,7 @@ function R(e, i) {
   if (!e)
     return "auto";
   const t = getComputedStyle(e);
-  let n = i === "medium" ? 12 * 2 : 9 * 2;
+  let n = i === "medium" ? 24 : 18;
   const r = (Number.parseFloat(t.fontSize) || 14) * 1.6;
   return n += r, e.querySelector("span.anticon-question-circle") && (n += 20), n += h(e.querySelector(".vxe-cell--sort")) + h(e.querySelector(".vxe-cell--filter")), Math.ceil(n);
 }