@aplus-frontend/ui 0.1.41 → 0.2.0-beta.0

package/es/src/ap-info-layout/ap-info-layout-admin/ApInfoLayoutAdmin.vue2.mjs

@@ -0,0 +1,41 @@
+import { defineComponent as u, ref as t, openBlock as p, createElementBlock as y, normalizeClass as s, unref as e, createElementVNode as n, normalizeStyle as h, renderSlot as d } from "vue";
+import "../../config-provider/index.mjs";
+import { useNamespace as v } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as _ } from "../../config-provider/hooks/use-global-config.mjs";
+const L = /* @__PURE__ */ u({
+  __name: "ApInfoLayoutAdmin",
+  props: {
+    headerStyle: { default: () => ({}) },
+    bordered: { type: Boolean, default: !1 }
+  },
+  setup(b) {
+    const l = t(), a = t(), f = () => {
+      l.value && a.value && (l.value.scrollTop > 0 ? a.value.classList.add(o("header-shadow")) : a.value.classList.remove(o("header-shadow")));
+    }, { b: i, e: o, m: c } = v("ap-info-layout-admin"), m = _("uiMode", "admin");
+    return (r, k) => (p(), y("div", {
+      class: s([e(i)(), `${e(c)(e(m))}`]),
+      onScroll: f,
+      ref_key: "containerRef",
+      ref: l
+    }, [
+      n("div", {
+        class: s([e(o)("sticky_box"), r.bordered ? e(o)("sticky_box-bordered") : ""]),
+        style: h({
+          ...r.headerStyle
+        }),
+        ref_key: "headerRef",
+        ref: a
+      }, [
+        d(r.$slots, "header")
+      ], 6),
+      n("div", {
+        class: s(e(o)("default_content"))
+      }, [
+        d(r.$slots, "default")
+      ], 2)
+    ], 34));
+  }
+});
+export {
+  L as default
+};

package/es/src/ap-info-layout/ap-info-layout-aplus/ap-info-layout.vue2.mjs

@@ -0,0 +1,71 @@
+import { defineComponent as $, computed as t, onActivated as y, onDeactivated as B, openBlock as d, createElementBlock as E, normalizeClass as a, createBlock as H, Teleport as k, renderSlot as s, createElementVNode as o, createVNode as A, unref as N } from "vue";
+import { Divider as T } from "ant-design-vue";
+import "../../config-provider/index.mjs";
+import { useNamespace as V } from "../../config-provider/hooks/use-namespace.mjs";
+const q = /* @__PURE__ */ $({
+  name: "ApInfoLayout",
+  __name: "ap-info-layout",
+  props: {
+    toEl: { default: "#microapp-fixed-header" },
+    telDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:telDisabled"],
+  setup(i, { emit: c }) {
+    const u = i, v = c, { b: l, be: p, bem: r } = V("info-layout"), m = t(() => [l("container")]), f = t(() => [l("header")]), C = t(() => [l("divider")]), b = t(() => [l("contant")]), g = t(() => [p("header", "contant")]), h = t(() => [r("header", "contant", "title")]), D = t(() => [r("header", "contant", "actions")]), n = t({
+      get: () => u.telDisabled,
+      set: (e) => {
+        v("update:telDisabled", e);
+      }
+    });
+    return y(() => {
+      n.value = !1;
+    }), B(() => {
+      n.value = !0;
+    }), (e, z) => (d(), E("div", {
+      class: a(m.value)
+    }, [
+      (d(), H(k, {
+        to: e.toEl,
+        disabled: n.value
+      }, [
+        s(e.$slots, "header"),
+        o("div", {
+          class: a(`${f.value}`)
+        }, [
+          o("div", {
+            class: a(g.value)
+          }, [
+            o("div", {
+              class: a(h.value)
+            }, [
+              s(e.$slots, "title")
+            ], 2),
+            o("div", {
+              class: a(D.value)
+            }, [
+              s(e.$slots, "actions")
+            ], 2)
+          ], 2)
+        ], 2)
+      ], 8, ["to", "disabled"])),
+      o("div", {
+        class: a(C.value)
+      }, [
+        s(e.$slots, "divider", {}, () => [
+          A(N(T), {
+            class: "ap-info-layout-divider",
+            dashed: ""
+          })
+        ])
+      ], 2),
+      o("div", {
+        class: a(b.value)
+      }, [
+        s(e.$slots, "content")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  q as default
+};

package/es/src/ap-info-layout/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/dist/ap-layout/ap-info-layout.css';

package/es/src/ap-info-layout/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-layout/ap-info-layout.less';

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

@@ -1,13 +1,12 @@
-import { defineComponent as F, ref as M, unref as e, computed as i, watch as W, openBlock as l, createBlock as j, normalizeClass as s, withCtx as A, createElementVNode as G, normalizeStyle as C, renderSlot as u, createVNode as P, createElementBlock as d, Fragment as U, renderList as H, mergeProps as J, createCommentVNode as K } from "vue";
+import { defineComponent as F, ref as M, unref as e, computed as i, watch as W, openBlock as l, createBlock as j, normalizeClass as s, withCtx as A, createElementVNode as G, normalizeStyle as C, renderSlot as u, createVNode as P, createElementBlock as m, Fragment as U, renderList as H, mergeProps as J, createCommentVNode as K } from "vue";
 import { Empty as D, Spin as Q, Pagination as X } from "ant-design-vue";
 import "../ap-table/index.mjs";
 import "../config-provider/index.mjs";
 import { isUndefined as k, omit as Y } from "lodash-unified";
 import { useOfflineList as Z } from "./hooks/use-offline-list.mjs";
-import "./style/index.css";
 import { useNamespace as x } from "../config-provider/hooks/use-namespace.mjs";
 import { useTablePaging as ee } from "../ap-table/hooks/use-table-paging.mjs";
-const fe = /* @__PURE__ */ F({
+const ue = /* @__PURE__ */ F({
   __name: "index",
   props: {
     dataSource: {},
@@ -65,12 +64,12 @@ const fe = /* @__PURE__ */ F({
         { currentDataSource: [], action: "paginate" }
       );
     }
-    const c = i(() => e(r) ? e(T) : e(f).records), m = i(() => k(t.loading) ? e(f).loading : t.loading), V = i(() => {
+    const c = i(() => e(r) ? e(T) : e(f).records), d = i(() => k(t.loading) ? e(f).loading : t.loading), V = i(() => {
       var a, n;
       return t.pagination === !1 ? !1 : ((a = t.pagination) == null ? void 0 : a.hideOnSinglePage) !== !0 ? !0 : e(r) ? (((n = t.dataSource) == null ? void 0 : n.length) || 0) > e(b).pageSize : e(f).total > e(v).pagination.pageSize;
     }), r = i(() => !k(t.dataSource));
     W(
-      () => e(m),
+      () => e(d),
       (a) => {
         var n;
         (n = t.onLoadingChange) == null || n.call(t, a);
@@ -87,7 +86,7 @@ const fe = /* @__PURE__ */ F({
       refreshByDelete: (a) => N(a),
       scrollToFirstRow: _
     }), (a, n) => (l(), j(e(Q), {
-      spinning: m.value,
+      spinning: d.value,
       class: s(e(g)("spin"))
     }, {
       default: A(() => [
@@ -102,23 +101,23 @@ const fe = /* @__PURE__ */ F({
           }),
           c.value.length === 0 ? u(a.$slots, "empty", {
             key: 0,
-            loading: m.value
+            loading: d.value
           }, () => [
             P(e(D), { image: e(w) }, null, 8, ["image"])
-          ]) : (l(), d("div", {
+          ]) : (l(), m("div", {
             key: 1,
             ref_key: "contentRef",
             ref: S,
             class: s(e(p)("content"))
           }, [
             u(a.$slots, "renderContent", { dataSource: c.value }, () => [
-              (l(!0), d(U, null, H(c.value, (o, $) => u(a.$slots, "renderItem", {
+              (l(!0), m(U, null, H(c.value, (o, $) => u(a.$slots, "renderItem", {
                 item: o,
                 index: $
               })), 256))
             ])
           ], 2)),
-          V.value ? (l(), d("div", {
+          V.value ? (l(), m("div", {
             key: 2,
             class: s(e(p)("footer")),
             style: C(a.footerWarpperStyle)
@@ -135,5 +134,5 @@ const fe = /* @__PURE__ */ F({
   }
 });
 export {
-  fe as default
+  ue as default
 };

package/es/src/ap-list/style/css.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/dist/ap-list/index.css';

package/es/src/ap-list/style/index.js

@@ -0,0 +1 @@
+import '@aplus-frontend/ui-theme/src/ap-list/index.less';

package/es/src/ap-modal/style/css.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-modal/style/css.js

@@ -0,0 +1 @@
+export {};

package/es/src/ap-modal/style/index.d.ts

@@ -0,0 +1 @@
+export {};

package/es/src/ap-modal/style/index.js

@@ -0,0 +1 @@
+export {};

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

@@ -6,7 +6,6 @@ import { noRenderAsFormItemValueList as Z } from "./constants.mjs";
 import "../config-provider/index.mjs";
 import { useTablePaging as Oe } from "./hooks/use-table-paging.mjs";
 import { omit as _, isUndefined as g, isBoolean as Ve } from "lodash-unified";
-import "./style/ap-table.css";
 import { apColumnToColumn as De, getTableTitle as je, getTableRenderType as Ae, getTableRenderProps as We, getTableCellRenderNode as $e, getColumnOrder as ee, updateFormProps as He, getFieldProps as qe, getPlaceholder as Ue, getSearchFormItemRenderNode as Ge, objectToString as Me } from "./utils.mjs";
 import Je from "./hooks/use-table-content-height.mjs";
 import { getRawDisplayValue as Qe } from "../editable-table/utils.mjs";
@@ -19,7 +18,7 @@ import { useLocale as ea } from "../config-provider/hooks/use-locale.mjs";
 import { useNamespace as aa } from "../config-provider/hooks/use-namespace.mjs";
 import { useGlobalConfig as oa } from "../config-provider/hooks/use-global-config.mjs";
 import ta from "./components/setting/modal/index.vue2.mjs";
-const Fa = /* @__PURE__ */ Ce({
+const Ta = /* @__PURE__ */ Ce({
   name: "ApTable",
   __name: "ap-table",
   props: {
@@ -431,5 +430,5 @@ const Fa = /* @__PURE__ */ Ce({
   }
 });
 export {
-  Fa as default
+  Ta as default
 };

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

@@ -1,8 +1,7 @@
-import { defineComponent as n, computed as l, openBlock as s, createElementBlock as p, normalizeClass as m, toDisplayString as d } from "vue";
-import "../style/index.css";
+import { defineComponent as n, computed as l, openBlock as s, createElementBlock as p, normalizeClass as d, toDisplayString as m } from "vue";
 import "../../../config-provider/index.mjs";
 import { useNamespace as c } from "../../../config-provider/hooks/use-namespace.mjs";
-const v = /* @__PURE__ */ n({
+const b = /* @__PURE__ */ n({
   name: "_ApTableIndex",
   __name: "index",
   props: {
@@ -10,12 +9,12 @@ const v = /* @__PURE__ */ n({
     value: {}
   },
   setup(e) {
-    const o = e, { m: r } = c("ap-table-index"), t = l(() => [o.bordered ? r("bordered") : null].filter(Boolean));
-    return (a, i) => (s(), p("div", {
-      class: m(t.value)
-    }, d(a.value), 3));
+    const o = e, { m: a } = c("ap-table-index"), r = l(() => [o.bordered ? a("bordered") : null].filter(Boolean));
+    return (t, i) => (s(), p("div", {
+      class: d(r.value)
+    }, m(t.value), 3));
   }
 });
 export {
-  v as default
+  b as default
 };

package/es/src/ap-table/components/setting/modal/index.vue2.mjs

@@ -6,7 +6,6 @@ import "../tree-select/index.vue.mjs";
 import { useTableColumnState as Y } from "../../../hooks/use-table-column-state.mjs";
 import "../../../../config-provider/index.mjs";
 import "../sorter/index.vue.mjs";
-import "../../style/setting/modal.css";
 import Z, { customCloneColumnStates as B } from "../utils.mjs";
 import { useLocale as ee } from "../../../../config-provider/hooks/use-locale.mjs";
 import { useNamespace as te } from "../../../../config-provider/hooks/use-namespace.mjs";
@@ -17,7 +16,7 @@ const ne = {
     lineHeight: "22px",
     color: "#8896B0"
   }
-}, ke = /* @__PURE__ */ $({
+}, Se = /* @__PURE__ */ $({
   __name: "index",
   props: {
     config: {}
@@ -123,5 +122,5 @@ const ne = {
   }
 });
 export {
-  ke as default
+  Se as default
 };

package/es/src/ap-table/components/setting/select-group/index.vue2.mjs

@@ -1,17 +1,16 @@
-import { defineComponent as E, ref as P, computed as p, unref as r, watch as U, openBlock as s, createElementBlock as f, createElementVNode as v, normalizeClass as x, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as D, renderList as L, mergeProps as j } from "vue";
+import { defineComponent as E, ref as P, computed as f, unref as r, watch as U, openBlock as s, createElementBlock as p, createElementVNode as v, normalizeClass as x, createVNode as u, withCtx as i, createBlock as h, resolveDynamicComponent as k, Fragment as D, renderList as L, mergeProps as j } from "vue";
 import { Checkbox as w, Row as z, Col as F } from "ant-design-vue";
-import "../../style/setting/select-group.css";
 import "../../../../config-provider/index.mjs";
 import { useInjectApTable as I } from "../../../context.mjs";
 import { cloneLabelNode as b } from "../utils.mjs";
 import { useNamespace as R } from "../../../../config-provider/hooks/use-namespace.mjs";
-const M = /* @__PURE__ */ E({
+const K = /* @__PURE__ */ E({
   __name: "index",
   props: {
     value: {}
   },
   setup(y) {
-    const t = y, { b: C } = R("select-group"), c = P(!1), { columnsBackup: _ } = I(), m = p(() => {
+    const t = y, { b: C } = R("select-group"), c = P(!1), { columnsBackup: _ } = I(), m = f(() => {
       var e;
       return (e = r(_)) == null ? void 0 : e.find(
         (n) => {
@@ -39,7 +38,7 @@ const M = /* @__PURE__ */ E({
       const d = n.children.every((a) => a.show), N = n.children.some((a) => a.show);
       n.show = d, c.value = N && !d;
     }
-    const B = p(() => t.value.disabled || t.value.children.every((o) => o.disabled));
+    const B = f(() => t.value.disabled || t.value.children.every((o) => o.disabled));
     return U(
       () => t.value,
       (o) => {
@@ -52,7 +51,7 @@ const M = /* @__PURE__ */ E({
       }
     ), (o, e) => {
       var n;
-      return s(), f("div", null, [
+      return s(), p("div", null, [
         v("div", {
           class: x(r(C)("header"))
         }, [
@@ -71,7 +70,7 @@ const M = /* @__PURE__ */ E({
         v("div", null, [
           u(r(z), { align: "middle" }, {
             default: i(() => [
-              (s(!0), f(D, null, L(m.value.children, (l) => (s(), h(r(F), {
+              (s(!0), p(D, null, L(m.value.children, (l) => (s(), h(r(F), {
                 key: l.key,
                 span: 8
               }, {
@@ -96,5 +95,5 @@ const M = /* @__PURE__ */ E({
   }
 });
 export {
-  M as default
+  K as default
 };

package/es/src/ap-table/components/setting/sortable/index.vue2.mjs

@@ -1,11 +1,10 @@
 import { defineComponent as f, ref as c, openBlock as n, createElementBlock as u, normalizeClass as m, unref as r, createVNode as i, withCtx as k, createBlock as y, createCommentVNode as p } from "vue";
 import "./item.vue.mjs";
-import "../../style/setting/sortable-item.css";
 import "../../../../config-provider/index.mjs";
 import V from "vuedraggable";
 import { useNamespace as h } from "../../../../config-provider/hooks/use-namespace.mjs";
 import s from "./item.vue2.mjs";
-const z = /* @__PURE__ */ f({
+const w = /* @__PURE__ */ f({
   __name: "index",
   props: {
     value: {},
@@ -47,5 +46,5 @@ const z = /* @__PURE__ */ f({
   }
 });
 export {
-  z as default
+  w as default
 };

package/es/src/ap-table/components/setting/sortable/item.vue2.mjs

@@ -1,7 +1,6 @@
-import { defineComponent as E, openBlock as s, createElementBlock as g, normalizeClass as t, unref as e, createElementVNode as f, createVNode as c, createCommentVNode as r, createBlock as u, resolveDynamicComponent as I, withCtx as d } from "vue";
+import { defineComponent as E, openBlock as s, createElementBlock as g, normalizeClass as t, unref as e, createElementVNode as p, createVNode as c, createCommentVNode as r, createBlock as u, resolveDynamicComponent as I, withCtx as d } from "vue";
 import { Space as O, Tooltip as m } from "ant-design-vue";
 import { HolderOutlined as D, VerticalAlignTopOutlined as k, VerticalAlignMiddleOutlined as z, DeleteOutlined as A } from "@ant-design/icons-vue";
-import "../../style/setting/sortable-item-meta.css";
 import "../../../../config-provider/index.mjs";
 import { useInjectSorterMethods as M } from "../sorter/context.mjs";
 import S from "../images/icon_carst_down.svg.mjs";
@@ -9,7 +8,7 @@ import U from "../images/icon_fill_right.svg.mjs";
 import { cloneLabelNode as j } from "../utils.mjs";
 import { useNamespace as H } from "../../../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as q } from "../../../../config-provider/hooks/use-locale.mjs";
-const G = ["src"], te = /* @__PURE__ */ E({
+const G = ["src"], le = /* @__PURE__ */ E({
   __name: "item",
   props: {
     value: {},
@@ -19,7 +18,7 @@ const G = ["src"], te = /* @__PURE__ */ E({
   },
   emits: ["update:open", "update:value"],
   setup(b, { emit: x }) {
-    const o = b, C = x, { b: a, be: h, is: T } = H("sortable-item-meta"), { fixedToLeft: w, fixedToRight: V, unFixed: y } = M(), { t: p } = q();
+    const o = b, C = x, { b: a, be: h, is: T } = H("sortable-item-meta"), { fixedToLeft: w, fixedToRight: V, unFixed: y } = M(), { t: f } = q();
     function v(l) {
       var i;
       const n = o.value;
@@ -50,14 +49,14 @@ const G = ["src"], te = /* @__PURE__ */ E({
       return s(), g("div", {
         class: t(e(a)())
       }, [
-        f("span", {
+        p("span", {
           class: t(e(a)("left"))
         }, [
           c(e(D), {
             class: t(e(h)("left", "holder")),
             style: { "font-size": "16px", color: "#abb7cc" }
           }, null, 8, ["class"]),
-          f("span", {
+          p("span", {
             class: t(e(h)("left", "indicator")),
             onClick: N
           }, [
@@ -66,20 +65,20 @@ const G = ["src"], te = /* @__PURE__ */ E({
               src: o.open ? e(U) : e(S)
             }, null, 8, G)) : r("", !0)
           ], 2),
-          f("span", {
+          p("span", {
             class: t([e(h)("left", "label-wrapper"), e(T)("level2", o.level === 2)])
           }, [
             (s(), u(I(e(j)(l.value.label))))
           ], 2)
         ], 2),
-        f("span", {
+        p("span", {
           class: t(e(a)("right"))
         }, [
           c(e(O), null, {
             default: d(() => [
               o.level !== 2 && l.value.fixed !== "left" ? (s(), u(e(m), {
                 key: 0,
-                title: e(p)("ap.apTable.setting.fixToLeft")
+                title: e(f)("ap.apTable.setting.fixToLeft")
               }, {
                 default: d(() => [
                   c(e(k), {
@@ -92,7 +91,7 @@ const G = ["src"], te = /* @__PURE__ */ E({
               }, 8, ["title"])) : r("", !0),
               o.level !== 2 && l.value.fixed ? (s(), u(e(m), {
                 key: 1,
-                title: e(p)("ap.apTable.setting.unFixed")
+                title: e(f)("ap.apTable.setting.unFixed")
               }, {
                 default: d(() => [
                   c(e(z), {
@@ -104,7 +103,7 @@ const G = ["src"], te = /* @__PURE__ */ E({
               }, 8, ["title"])) : r("", !0),
               o.level !== 2 && l.value.fixed !== "right" ? (s(), u(e(m), {
                 key: 2,
-                title: e(p)("ap.apTable.setting.fixToRight")
+                title: e(f)("ap.apTable.setting.fixToRight")
               }, {
                 default: d(() => [
                   c(e(k), {
@@ -117,7 +116,7 @@ const G = ["src"], te = /* @__PURE__ */ E({
               }, 8, ["title"])) : r("", !0),
               l.value.disabled ? r("", !0) : (s(), u(e(m), {
                 key: 3,
-                title: e(p)("ap.apTable.setting.delete")
+                title: e(f)("ap.apTable.setting.delete")
               }, {
                 default: d(() => [
                   c(e(A), {
@@ -136,5 +135,5 @@ const G = ["src"], te = /* @__PURE__ */ E({
   }
 });
 export {
-  te as default
+  le as default
 };

package/es/src/ap-table/components/setting/sorter/index.vue2.mjs

@@ -3,12 +3,11 @@ import { Flex as G, Button as H, Divider as J } from "ant-design-vue";
 import N from "vuedraggable";
 import "../sortable/index.vue.mjs";
 import "../../../../config-provider/index.mjs";
-import "../../style/setting/sorter.css";
 import { useProvideSorterMethods as K } from "./context.mjs";
 import { useNamespace as P } from "../../../../config-provider/hooks/use-namespace.mjs";
 import { useLocale as Q } from "../../../../config-provider/hooks/use-locale.mjs";
 import R from "../sortable/index.vue2.mjs";
-const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
+const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, re = /* @__PURE__ */ A({
   __name: "index",
   props: {
     value: {},
@@ -16,7 +15,7 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
   },
   emits: ["update:value"],
   setup(V, { emit: B }) {
-    const i = L([]), s = L([]), r = L([]), { b: u } = P("column-setting-sorter"), { t: h } = Q(), x = V, S = B;
+    const i = L([]), s = L([]), u = L([]), { b: r } = P("column-setting-sorter"), { t: h } = Q(), x = V, S = B;
     K({
       fixedToLeft: I,
       fixedToRight: M,
@@ -36,7 +35,7 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
       }
     }
     function _(e, t) {
-      const o = [...n(i.value)], a = [...n(r.value)], l = [...n(s.value)], w = {
+      const o = [...n(i.value)], a = [...n(u.value)], l = [...n(s.value)], w = {
         left: {
           target: o,
           search: [l, a]
@@ -84,10 +83,10 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
       return t(x.value), e;
     });
     function D(e) {
-      f([...e, ...n(s), ...n(r)]);
+      f([...e, ...n(s), ...n(u)]);
     }
     function E(e) {
-      f([...n(i), ...e, ...n(r)]);
+      f([...n(i), ...e, ...n(u)]);
     }
     function j(e) {
       f([...n(i), ...n(s), ...e]);
@@ -99,23 +98,23 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
       () => x.value,
       (e) => {
         if (e) {
-          i.value = [], s.value = [], r.value = [];
+          i.value = [], s.value = [], u.value = [];
           for (const t of e)
-            t.fixed === "left" ? T(i, t) : t.fixed === "right" ? T(r, t) : T(s, t);
+            t.fixed === "left" ? T(i, t) : t.fixed === "right" ? T(u, t) : T(s, t);
         }
       },
       { immediate: !0 }
     ), (e, t) => (c(), y("div", {
-      class: d(n(u)())
+      class: d(n(r)())
     }, [
       m(n(G), {
-        class: d(n(u)("header")),
+        class: d(n(r)("header")),
         align: "center",
         justify: "space-between"
       }, {
         default: v(() => [
           g("span", {
-            class: d(n(u)("header-title"))
+            class: d(n(r)("header-title"))
           }, k(n(h)("ap.apTable.setting.selectCount", { count: z.value })), 3),
           m(n(H), {
             type: "link",
@@ -133,11 +132,11 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
       }, 8, ["class"]),
       m(n(J), { style: { margin: "0px" } }),
       g("div", {
-        class: d(n(u)("content"))
+        class: d(n(r)("content"))
       }, [
         i.value.length ? (c(), y("div", W, [
           g("span", {
-            class: d(n(u)("section-title"))
+            class: d(n(r)("section-title"))
           }, k(n(h)("ap.apTable.setting.fixToLeft")), 3),
           m(n(N), {
             "model-value": i.value,
@@ -155,7 +154,7 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
         ])) : p("", !0),
         s.value.length ? (c(), y("div", X, [
           g("span", {
-            class: d(n(u)("section-title"))
+            class: d(n(r)("section-title"))
           }, k(n(h)("ap.apTable.setting.unFixed")), 3),
           m(n(N), {
             "model-value": s.value,
@@ -171,12 +170,12 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
             _: 1
           }, 8, ["model-value"])
         ])) : p("", !0),
-        r.value.length ? (c(), y("div", Y, [
+        u.value.length ? (c(), y("div", Y, [
           g("span", {
-            class: d(n(u)("section-title"))
+            class: d(n(r)("section-title"))
           }, k(n(h)("ap.apTable.setting.fixToRight")), 3),
           m(n(N), {
-            "model-value": r.value,
+            "model-value": u.value,
             "onUpdate:modelValue": j,
             "item-key": "key"
           }, {
@@ -194,5 +193,5 @@ const W = { key: 0 }, X = { key: 1 }, Y = { key: 2 }, ce = /* @__PURE__ */ A({
   }
 });
 export {
-  ce as default
+  re as default
 };