@aplus-frontend/ui 0.6.0-beta.6 → 0.6.0-beta.8

package/es/src/ap-form/search-form/components/popover-sorter/index.vue2.mjs

@@ -1,40 +1,46 @@
-import { defineComponent as T, ref as h, unref as e, createBlock as w, openBlock as B, withCtx as t, createVNode as o, createElementVNode as n, normalizeClass as r, toDisplayString as l, createTextVNode as y } from "vue";
-import { Popover as S, Tooltip as D, Button as v, Flex as C, Divider as L } from "@aplus-frontend/antdv";
-import { IconApLayoutOutlined as P } from "@aplus-frontend/icon";
+import { defineComponent as N, ref as y, watch as T, unref as e, createBlock as B, openBlock as S, withCtx as t, createVNode as o, createElementVNode as s, normalizeClass as r, toDisplayString as p, createTextVNode as C } from "vue";
+import { Popover as D, Tooltip as P, Button as v, Flex as g, Divider as V } from "@aplus-frontend/antdv";
+import { IconApLayoutOutlined as j } from "@aplus-frontend/icon";
 import "../../../../config-provider/index.mjs";
-import V from "vuedraggable";
+import A from "vuedraggable";
 import "./sortable-item.vue.mjs";
-import { getStringName as j } from "../../../item-group/helper.mjs";
-import { useNamespace as g } from "../../../../config-provider/hooks/use-namespace.mjs";
-import { useLocale as A } from "../../../../config-provider/hooks/use-locale.mjs";
-import I from "./sortable-item.vue2.mjs";
-const J = /* @__PURE__ */ T({
+import { getStringName as I } from "../../../item-group/helper.mjs";
+import { useNamespace as k } from "../../../../config-provider/hooks/use-namespace.mjs";
+import { useLocale as L } from "../../../../config-provider/hooks/use-locale.mjs";
+import R from "./sortable-item.vue2.mjs";
+const M = /* @__PURE__ */ N({
   name: "ApFormSearchFormPopoverSorter",
   __name: "index",
   props: {
     children: {},
     onClickConfirm: { type: Function }
   },
-  setup(k) {
-    const d = k, p = h(d.children);
-    let _ = [...d.children];
-    const { e: c } = g("ap-form-search-form"), { b: a } = g("search-form-sorter"), { t: s } = A(), i = h(!1);
-    function F(m) {
-      return m.closest(".ant-form") || document.body;
+  setup(_) {
+    const i = _, c = y(i.children);
+    let h = [...i.children];
+    T(
+      () => i.children,
+      (n) => {
+        c.value = n, h = n;
+      }
+    );
+    const { e: m } = k("ap-form-search-form"), { b: a } = k("search-form-sorter"), { t: l } = L(), f = y(!1);
+    function F(n) {
+      return n.closest(".ant-form") || document.body;
     }
     function b() {
-      i.value = !1, console.log(e(p)), d.onClickConfirm(e(p));
+      f.value = !1, console.log(e(c)), i.onClickConfirm(e(c));
     }
     function x() {
-      p.value = [..._];
+      c.value = [...h];
     }
-    function N(m) {
-      return j(m.props.name);
+    function w(n) {
+      return I(n.props.name);
     }
-    return (m, f) => (B(), w(e(S), {
-      open: i.value,
-      "onUpdate:open": f[1] || (f[1] = (u) => i.value = u),
-      "overlay-class-name": e(c)("popover"),
+    return (n, u) => (S(), B(e(D), {
+      open: f.value,
+      "onUpdate:open": u[1] || (u[1] = (d) => f.value = d),
+      "overlay-class-name": e(m)("popover"),
       trigger: "click",
       placement: "bottom",
       mask: "",
@@ -42,64 +48,64 @@ const J = /* @__PURE__ */ T({
       "get-popup-container": F
     }, {
       content: t(() => [
-        n("div", {
+        s("div", {
           class: r(e(a)("header"))
         }, [
-          n("span", {
+          s("span", {
             class: r(e(a)("header-title"))
-          }, l(e(s)("ap.apForm.search.sorterTitle")), 3),
-          o(e(C), { justify: "space-between" }, {
+          }, p(e(l)("ap.apForm.search.sorterTitle")), 3),
+          o(e(g), { justify: "space-between" }, {
             default: t(() => [
-              n("span", {
+              s("span", {
                 class: r(e(a)("header-desc"))
-              }, l(e(s)("ap.apForm.search.sorterDesc")), 3),
-              n("div", {
+              }, p(e(l)("ap.apForm.search.sorterDesc")), 3),
+              s("div", {
                 class: r(e(a)("header-action-wrapper")),
                 onClick: x
               }, [
-                n("span", {
+                s("span", {
                   class: r(e(a)("header-reset-btn"))
-                }, l(e(s)("ap.apForm.search.sorterReset")), 3)
+                }, p(e(l)("ap.apForm.search.sorterReset")), 3)
               ], 2)
             ]),
             _: 1
           })
         ], 2),
-        n("div", {
-          class: r([e(c)("popover-content"), e(a)("content")])
+        s("div", {
+          class: r([e(m)("popover-content"), e(a)("content")])
         }, [
-          o(e(V), {
-            list: p.value,
+          o(e(A), {
+            list: c.value,
             class: r(e(a)("sorter-wrapper")),
-            "item-key": N
+            "item-key": w
           }, {
-            item: t(({ element: u }) => [
-              o(I, { item: u }, null, 8, ["item"])
+            item: t(({ element: d }) => [
+              o(R, { item: d }, null, 8, ["item"])
             ]),
             _: 1
           }, 8, ["list", "class"])
         ], 2),
-        o(e(L), { style: { margin: "0" } }),
-        n("div", {
-          class: r(e(c)("popover-footer"))
+        o(e(V), { style: { margin: "0" } }),
+        s("div", {
+          class: r(e(m)("popover-footer"))
         }, [
-          o(e(C), { justify: "end" }, {
+          o(e(g), { justify: "end" }, {
             default: t(() => [
               o(e(v), {
-                onClick: f[0] || (f[0] = (u) => i.value = !1)
+                onClick: u[0] || (u[0] = (d) => f.value = !1)
               }, {
                 default: t(() => [
-                  y(l(e(s)("ap.common.cancelText")), 1)
+                  C(p(e(l)("ap.common.cancelText")), 1)
                 ]),
                 _: 1
               }),
               o(e(v), {
-                class: r(e(c)("popover-footer-confirm-btn")),
+                class: r(e(m)("popover-footer-confirm-btn")),
                 type: "primary",
                 onClick: b
               }, {
                 default: t(() => [
-                  y(l(e(s)("ap.apForm.search.sorterConfirmBtn")), 1)
+                  C(p(e(l)("ap.apForm.search.sorterConfirmBtn")), 1)
                 ]),
                 _: 1
               }, 8, ["class"])
@@ -109,14 +115,14 @@ const J = /* @__PURE__ */ T({
         ], 2)
       ]),
       default: t(() => [
-        o(e(D), {
-          title: e(s)("ap.apForm.search.sorterTitle"),
+        o(e(P), {
+          title: e(l)("ap.apForm.search.sorterTitle"),
           placement: "top"
         }, {
           default: t(() => [
             o(e(v), null, {
               icon: t(() => [
-                o(e(P))
+                o(e(j))
               ]),
               _: 1
             })
@@ -129,5 +135,5 @@ const J = /* @__PURE__ */ T({
   }
 });
 export {
-  J as default
+  M as default
 };

package/es/src/ap-grid/constants.d.ts

@@ -1,10 +1,10 @@
 export declare const sizeMap: {
     readonly mini: "small";
     readonly small: "small";
-    readonly medium: "small";
+    readonly medium: "middle";
 };
 export declare const sizeReverseMap: {
-    readonly small: "medium";
-    readonly middle: undefined;
+    readonly small: "mini";
+    readonly middle: "medium";
 };
 export declare const ROW_SELECTION_FIELD = "_ap-grid-row-selection-field";

package/es/src/ap-grid/constants.mjs

@@ -1,13 +1,13 @@
-const l = {
+const e = {
   mini: "small",
   small: "small",
-  medium: "small"
-}, e = {
-  small: "medium",
-  middle: void 0
-}, s = "_ap-grid-row-selection-field";
+  medium: "middle"
+}, i = {
+  small: "mini",
+  middle: "medium"
+}, l = "_ap-grid-row-selection-field";
 export {
-  s as ROW_SELECTION_FIELD,
-  l as sizeMap,
-  e as sizeReverseMap
+  l as ROW_SELECTION_FIELD,
+  e as sizeMap,
+  i as sizeReverseMap
 };

package/es/src/ap-grid/index.vue.mjs

@@ -1,9 +1,9 @@
-import { defineComponent as Be, useSlots as Fe, getCurrentInstance as Ie, ref as B, computed as n, unref as o, watch as F, createElementBlock as I, openBlock as s, normalizeStyle as V, normalizeClass as g, createCommentVNode as S, createElementVNode as E, createVNode as X, mergeProps as h, createSlots as J, withCtx as v, Fragment as Q, renderList as L, createBlock as p, resolveDynamicComponent as D, renderSlot as O, normalizeProps as Ee, guardReactiveProps as Pe } from "vue";
+import { defineComponent as Be, useSlots as Fe, getCurrentInstance as Ie, ref as B, computed as n, unref as o, watch as F, createElementBlock as I, openBlock as s, normalizeStyle as V, normalizeClass as g, createCommentVNode as y, createElementVNode as E, createVNode as X, mergeProps as h, createSlots as J, withCtx as v, Fragment as Q, renderList as L, createBlock as p, resolveDynamicComponent as D, renderSlot as O, normalizeProps as Ee, guardReactiveProps as Pe } from "vue";
 import { VxeTable as Ne, VxeColumn as Y } from "vxe-table";
 import "vxe-table/es/style.css";
 import "vxe-pc-ui/es/style.css";
 import { VxeUI as Z } from "vxe-pc-ui";
-import { isUndefined as w, omit as Te } from "lodash-unified";
+import { isUndefined as S, omit as Te } from "lodash-unified";
 import { ApForm as ze } from "../ap-form/index.mjs";
 import "../config-provider/index.mjs";
 import { noRenderAsFormItemValueList as _e } from "../ap-table/constants.mjs";
@@ -115,13 +115,13 @@ const No = /* @__PURE__ */ Be({
   },
   setup(re, { expose: te }) {
     var G;
-    const C = Fe(), a = re, x = (G = Ie()) == null ? void 0 : G.appContext.app;
-    x && !x.__VXE_PC_UI_INSTALLED__ && (x.use(Z), x.__VXE_PC_UI_INSTALLED__ = !0);
-    const { e: P, b: c, be: le } = Ze("ap-grid"), ne = eo("valueTypeMap"), i = B([]), $ = B([]), m = B(), b = B(a.size), [, d] = Je(), { t: se } = oo();
+    const C = Fe(), a = re, w = (G = Ie()) == null ? void 0 : G.appContext.app;
+    w && !w.__VXE_PC_UI_INSTALLED__ && (w.use(Z), w.__VXE_PC_UI_INSTALLED__ = !0);
+    const { e: P, b: c, be: le } = Ze("ap-grid"), ne = eo("valueTypeMap"), d = B([]), $ = B([]), m = B(), x = B(a.size), [, i] = Je(), { t: se } = oo();
     Z.setConfig({
       i18n: (e, r) => se(`ap.${e}`, r)
     });
-    const { renderConfig: ie, updateSignal: de } = Xe(i);
+    const { renderConfig: de, updateSignal: ie } = Xe(d);
     let K = 0;
     const ce = n(() => {
       if (m.value)
@@ -133,13 +133,13 @@ const No = /* @__PURE__ */ Be({
       return K++, ((l = (r = (e = a.columns) == null ? void 0 : e.filter(
         (t) => !t.hideInSearch && t.dataIndex && (t.valueType || t.customRenderFormItem) && !_e.includes(t.valueType)
       )) == null ? void 0 : r.sort((t, u) => {
-        let y = ee(t.order);
-        return ee(u.order) - y;
+        let b = ee(t.order);
+        return ee(u.order) - b;
       })) == null ? void 0 : l.map((t) => {
         const u = Ae(
           t,
           Ve(t.fieldProps, {})
-        ), y = {
+        ), b = {
           ...t,
           fieldProps: {
             label: t.title,
@@ -151,10 +151,10 @@ const No = /* @__PURE__ */ Be({
           },
           renderNode: void 0
         };
-        return y.renderNode = Le(
-          y,
+        return b.renderNode = Le(
+          b,
           o(ne)
-        ), y;
+        ), b;
       })) || [];
     }), ue = n(() => {
       var r;
@@ -167,10 +167,10 @@ const No = /* @__PURE__ */ Be({
       a.card ? null : c("wrapper"),
       a.adaptive ? c("adaptive") : null,
       a.sticky ? c("sticky") : null
-    ].filter(Boolean)), j = n(() => oe(o(i), (e) => {
+    ].filter(Boolean)), j = n(() => oe(o(d), (e) => {
       if (e.sorter === !0)
         return e.key || e.dataIndex;
-    }).filter(Boolean)), H = n(() => oe(o(i), (e) => {
+    }).filter(Boolean)), H = n(() => oe(o(d), (e) => {
       if (e.filters && !e.onFilter)
         return e.key || e.dataIndex;
     }).filter(Boolean)), {
@@ -185,7 +185,7 @@ const No = /* @__PURE__ */ Be({
     } = De({
       async request(e) {
         var l;
-        if (!k.value.preserveSelectedRowKeys && w(a.dataSource) && A(), !w(a.dataSource)) {
+        if (!k.value.preserveSelectedRowKeys && S(a.dataSource) && A(), !S(a.dataSource)) {
           const t = e.pageSize * (e.current - 1);
           return {
             data: (a.pagination === !1 ? a.dataSource : a.dataSource.slice(t, t + e.pageSize)) || [],
@@ -208,19 +208,19 @@ const No = /* @__PURE__ */ Be({
       pagination: a.pagination
     }), { sortChangeEvent: he, filterChangeEvent: ve, paginationChangeEvent: Ce } = $e(ge);
     Me({
-      columns: n(() => i.value),
+      columns: n(() => d.value),
       columnsBackup: n(() => $.value),
-      size: n(() => b.value ? Ue[b.value] : "middle"),
+      size: n(() => Ue[x.value]),
       updateColumns(e) {
         var r;
-        i.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e);
+        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e);
       },
       updateSize(e) {
-        b.value = qe[e];
+        x.value = qe[e];
       },
       renderConfig: n(() => ({
         className: le("table-header", "title"),
-        color: d.value.colorPrimary
+        color: i.value.colorPrimary
       })),
       dataSource: n(() => o(f).records),
       getSearchFormValues: U,
@@ -229,13 +229,13 @@ const No = /* @__PURE__ */ Be({
       reset: z
     });
     const be = n(
-      () => i.value.some(
+      () => d.value.some(
         (e) => e.fixed === "left" || e.fixed === !0
       ) ? "left" : void 0
     ), ye = n(
-      () => w(a.loading) ? f.loading : a.loading
+      () => S(a.loading) ? f.loading : a.loading
     ), Se = n(
-      () => w(a.dataSource) ? f.records : a.dataSource
+      () => S(a.dataSource) ? f.records : a.dataSource
     ), { selectedRows: R, rowSelection: k, ...we } = He({
       ...a.rowSelection === !0 ? {} : a.rowSelection,
       dataSource: Se,
@@ -279,7 +279,7 @@ const No = /* @__PURE__ */ Be({
       () => {
         var r;
         const e = Re();
-        i.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), $.value = e;
+        d.value = e, (r = a.onShownColumnsChange) == null || r.call(a, e), $.value = e;
       },
       {
         deep: !0,
@@ -300,7 +300,7 @@ const No = /* @__PURE__ */ Be({
     ), F(
       () => a.size,
       (e) => {
-        b.value = e;
+        x.value = e;
       }
     ), te({
       submit: T,
@@ -308,7 +308,7 @@ const No = /* @__PURE__ */ Be({
       refresh: me,
       setSearchFormValues: q,
       getSearchFormValues: U,
-      getShowColumns: () => o(i),
+      getShowColumns: () => o(d),
       rowSelection: {
         selectedRows: n(() => R.value),
         clearAll: A
@@ -319,7 +319,7 @@ const No = /* @__PURE__ */ Be({
       class: g(pe.value),
       style: V(e.wrapperStyle)
     }, [
-      o(w)(e.dataSource) && e.searchForm !== !1 && W.value.length > 0 ? (s(), I("div", {
+      o(S)(e.dataSource) && e.searchForm !== !1 && W.value.length > 0 ? (s(), I("div", {
         key: 0,
         class: g(e.card ? o(P)("search-wrapper") : null),
         style: V(e.searchFormWrapperStyle)
@@ -352,7 +352,7 @@ const No = /* @__PURE__ */ Be({
             key: "0"
           } : void 0
         ]), 1040, ["submit-loading", "onSubmit", "onReset"])
-      ], 6)) : S("", !0),
+      ], 6)) : y("", !0),
       E("div", {
         class: g([o(P)("table-wrapper"), e.card ? o(P)("table-wrapper-card") : null]),
         style: V(e.tableWrapperStyle)
@@ -363,7 +363,7 @@ const No = /* @__PURE__ */ Be({
           O(e.$slots, "title", {
             selectedRows: o(R),
             selectedRowKeys: o(k).selectedRowKeys,
-            shownColumns: i.value,
+            shownColumns: d.value,
             clearAll: A
           })
         ], 2),
@@ -373,27 +373,25 @@ const No = /* @__PURE__ */ Be({
           (s(), p(o(Ne), h(o(Ke)(a), {
             ref_key: "tableRef",
             ref: m,
-            key: o(de),
+            key: o(ie),
             data: o(f).records,
             "sort-config": { remote: j.value.length > 0 },
             "filter-config": { remote: H.value.length > 0 },
             loading: ye.value,
             style: {
-              "--vxe-ui-table-row-checkbox-checked-background-color": o(d).controlItemBgActive,
-              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(d).controlItemBgActiveHover,
-              "--vxe-ui-font-primary-color": o(d).colorPrimary,
+              "--vxe-ui-table-row-checkbox-checked-background-color": o(i).controlItemBgActive,
+              "--vxe-ui-table-row-hover-checkbox-checked-background-color": o(i).controlItemBgActiveHover,
+              "--vxe-ui-font-primary-color": o(i).colorPrimary,
               "--vxe-ui-table-header-background-color": "var(--ap-table-header-bg)",
               "--vxe-ui-table-cell-padding-default": "12px",
               "--vxe-ui-table-cell-padding-medium": "9px",
-              "--vxe-ui-table-row-radio-checked-background-color": o(d).controlItemBgActive,
-              "--vxe-ui-table-row-hover-radio-checked-background-color": o(d).controlItemBgActiveHover,
-              "--vxe-ui-font-color": o(d).colorTextBase,
-              "--vxe-ui-table-border-color": o(d).colorBorderSecondary,
-              "--vxe-ui-table-header-font-color": o(d).colorTextBase,
-              "--vxe-ui-table-cell-padding-mini": "8px",
-              "--vxe-ui-table-row-line-height": "18px"
+              "--vxe-ui-table-row-radio-checked-background-color": o(i).controlItemBgActive,
+              "--vxe-ui-table-row-hover-radio-checked-background-color": o(i).controlItemBgActiveHover,
+              "--vxe-ui-font-color": o(i).colorTextBase,
+              "--vxe-ui-table-border-color": o(i).colorBorderSecondary,
+              "--vxe-ui-table-header-font-color": o(i).colorTextBase
             },
-            size: b.value,
+            size: x.value,
             onSortChange: o(he),
             onFilterChange: o(ve),
             onCheckboxChange: _,
@@ -412,9 +410,9 @@ const No = /* @__PURE__ */ Be({
                   (s(), p(D(a.expandable.renderContent(l))))
                 ]),
                 _: 1
-              }, 16, ["fixed"])) : S("", !0),
-              a.rowSelection ? (s(), p(o(Y), h({ key: 1 }, o(je)(o(k), i.value), { field: o(Ge) }), null, 16, ["field"])) : S("", !0),
-              (s(!0), I(Q, null, L(o(ie), (l) => (s(), p(D(l), {
+              }, 16, ["fixed"])) : y("", !0),
+              a.rowSelection ? (s(), p(o(Y), h({ key: 1 }, o(je)(o(k), d.value), { field: o(Ge) }), null, 16, ["field"])) : y("", !0),
+              (s(!0), I(Q, null, L(o(de), (l) => (s(), p(D(l), {
                 key: l.props.colId
               }))), 128))
             ]),
@@ -437,12 +435,12 @@ const No = /* @__PURE__ */ Be({
             "scroll-container": ce.value,
             "extra-size": -4.2,
             "bar-color": "var(--basic-scrollbar-thumb-color-base, #bfbfbf)",
-            "track-color": "#fff"
-          }, null, 8, ["scroll-container"])) : S("", !0),
+            "track-color": "var(--ap-table-header-bg, #f2f6f9)"
+          }, null, 8, ["scroll-container"])) : y("", !0),
           e.pagination !== !1 ? (s(), p(o(Oe), h({
             key: 1,
             class: o(c)("pagination")
-          }, o(M).pagination, { onChange: o(Ce) }), null, 16, ["class", "onChange"])) : S("", !0)
+          }, o(M).pagination, { onChange: o(Ce) }), null, 16, ["class", "onChange"])) : y("", !0)
         ], 2)
       ], 6)
     ], 6));

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

@@ -200,7 +200,7 @@ export type ApGridProps<RecordType = any, ParamsType = any> = Omit<TableProps<Re
     /**
      * 表格尺寸（只支持中等大小和小尺寸）
      */
-    size?: 'medium' | 'small' | 'mini';
+    size?: 'medium' | 'mini';
     /**
      * 表格是否自适应高度
      */

package/es/src/ap-table/ap-table.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Le, useSlots as Oe, ref as w, computed as s, unref as l, createVNode as m, Fragment as re, watch as k, createElementBlock as B, openBlock as y, normalizeStyle as K, normalizeClass as b, createCommentVNode as oe, createElementVNode as L, mergeProps as v, createSlots as ae, withCtx as R, renderList as te, createBlock as le, resolveDynamicComponent as Ae, renderSlot as C, normalizeProps as $e, guardReactiveProps as De } from "vue";
+import { defineComponent as Le, useSlots as Oe, ref as w, computed as s, unref as l, createVNode as m, Fragment as re, watch as k, createElementBlock as B, openBlock as b, normalizeStyle as K, normalizeClass as y, createCommentVNode as oe, createElementVNode as L, mergeProps as v, createSlots as ae, withCtx as R, renderList as te, createBlock as le, resolveDynamicComponent as Ae, renderSlot as C, normalizeProps as $e, guardReactiveProps as De } from "vue";
 import { Divider as je, Table as We } from "@aplus-frontend/antdv";
 import { useToken as _e } from "@aplus-frontend/antdv/es/theme/internal";
 import { ApForm as He } from "../ap-form/index.mjs";
@@ -155,9 +155,9 @@ const Or = /* @__PURE__ */ Le({
       b: f,
       be: A,
       m: me,
-      cssVar: ye
+      cssVar: be
     } = ur("ap-table"), $ = ir("valueTypeMap"), {
-      height: be,
+      height: ye,
       contentRef: ge
     } = ar(), D = w(), j = w(), {
       isStickyMode: W,
@@ -317,7 +317,7 @@ const Or = /* @__PURE__ */ Le({
       var a, o;
       if (r.adaptive && (S.total > 0 || ((a = r.dataSource) == null ? void 0 : a.length)))
         return {
-          y: l(be),
+          y: l(ye),
           x: ((o = r.scroll) == null ? void 0 : o.x) || "100%"
         };
       if (r.scroll)
@@ -409,16 +409,16 @@ const Or = /* @__PURE__ */ Le({
         },
         y: void 0
       }
-    }), (e, a) => (y(), B("div", {
+    }), (e, a) => (b(), B("div", {
       ref_key: "tableWrapperRef",
       ref: D,
-      class: b(Ne.value),
-      style: K(l(ye)({
+      class: y(Ne.value),
+      style: K(l(be)({
         "scroll-bar-width": `${l(H)}px`
       }))
-    }, [l(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (y(), B("div", {
+    }, [l(g)(e.dataSource) && e.searchForm !== !1 && U.value.length > 0 ? (b(), B("div", {
       key: 0,
-      class: b(e.card ? l(z)("search-wrapper") : null),
+      class: y(e.card ? l(z)("search-wrapper") : null),
       style: K(e.searchFormWrapperStyle)
     }, [m(l(He).SearchForm, v(e.searchForm || {}, {
       ref_key: "formRef",
@@ -428,7 +428,7 @@ const Or = /* @__PURE__ */ Le({
       onSubmit: l(I),
       onReset: l(V)
     }), ae({
-      default: R(() => [(y(!0), B(re, null, te(U.value, (o) => (y(), le(Ae(o.renderNode.Comp), v({
+      default: R(() => [(b(!0), B(re, null, te(U.value, (o) => (b(), le(Ae(o.renderNode.Comp), v({
         key: o.dataIndex,
         item: o,
         ref_for: !0
@@ -444,20 +444,20 @@ const Or = /* @__PURE__ */ Le({
     } : void 0]), 1040, ["submit-loading", "onSubmit", "onReset"])], 6)) : oe("", !0), L("div", {
       ref_key: "contentRef",
       ref: ge,
-      class: b([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
+      class: y([l(z)("table-wrapper"), e.card ? l(z)("table-wrapper-card") : null]),
       style: K(e.tableWrapperStyle)
     }, [L("div", {
-      class: b(l(f)("header-wrapper"))
-    }, [e.settings ? (y(), B("div", {
+      class: y(l(f)("header-wrapper"))
+    }, [e.settings ? (b(), B("div", {
       key: 0,
-      class: b(l(f)("header"))
+      class: y(l(f)("header"))
     }, [L("div", {
-      class: b(l(A)("header", "title"))
+      class: y(l(A)("header", "title"))
     }, [C(e.$slots, "title", v({
       selectedRows: l(x),
       selectedRowKeys: l(T).selectedRowKeys,
       shownColumns: u.value
-    }, F))], 2), c.title ? (y(), le(l(je), {
+    }, F))], 2), c.title ? (b(), le(l(je), {
       key: 0,
       type: "vertical"
     })) : oe("", !0), m(fr, {
@@ -493,7 +493,7 @@ const Or = /* @__PURE__ */ Le({
           "scroll-container": (t = (o = j.value) == null ? void 0 : o.table) == null ? void 0 : t.scrollBodyRef,
           direction: "horizontal",
           "bar-color": "var(--basic-scrollbar-thumb-color-base, #bfbfbf)",
-          "track-color": "#fff"
+          "track-color": "var(--ap-table-header-bg, #f2f6f9)"
         }, null, 8, ["scroll-container"])];
       }),
       key: "0"

package/es/src/business/ap-view/ap-view.vue.d.ts

@@ -2,5 +2,6 @@ import { ApViewProps } from './interface';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: DefineComponent<ApViewProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ApViewProps> & Readonly<{}>, {
     maxViewNum: number;
+    isDefaultSystemView: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 export default _default;