@aplus-frontend/ui 0.0.2 → 0.0.3

package/es/src/pro-form/components/form-action.vue2.mjs

@@ -1,12 +1,13 @@
-import { defineComponent as T, computed as u, openBlock as a, createBlock as s, unref as e, normalizeProps as z, mergeProps as p, withCtx as o, createElementVNode as V, normalizeStyle as $, createVNode as C, renderSlot as i, createTextVNode as m, toDisplayString as d, createCommentVNode as l, normalizeClass as j } from "vue";
-import { Col as F, Form as R } from "ant-design-vue";
-import { BaseButton as B } from "../../base-button/index.mjs";
-import { BasicArrow as G } from "../../basic/index.mjs";
-import { useFormContext as P } from "../hooks/use-form-context.mjs";
+import { defineComponent as T, computed as s, openBlock as a, createBlock as l, unref as e, normalizeProps as z, mergeProps as m, withCtx as o, createElementVNode as V, normalizeStyle as A, createVNode as g, renderSlot as i, createTextVNode as p, toDisplayString as d, createCommentVNode as r, normalizeClass as $ } from "vue";
+import { Col as F, Form as G } from "ant-design-vue";
+import { BaseButton as f } from "../../base-button/index.mjs";
+import { BasicArrow as R } from "../../basic/index.mjs";
+import { useFormContext as j } from "../hooks/use-form-context.mjs";
 import "../../config-provider/index.mjs";
 import "./style/form-action.css";
-import { useLocale as q } from "../../config-provider/hooks/use-locale.mjs";
-import { useNamespace as D } from "../../config-provider/hooks/use-namespace.mjs";
+import { useGlobalConfig as P } from "../../config-provider/hooks/use-global-config.mjs";
+import { useLocale as W } from "../../config-provider/hooks/use-locale.mjs";
+import { useNamespace as q } from "../../config-provider/hooks/use-namespace.mjs";
 const X = /* @__PURE__ */ T({
   name: "BasicFormAction",
   __name: "form-action",
@@ -23,75 +24,76 @@ const X = /* @__PURE__ */ T({
     hideAdvanceBtn: { type: Boolean }
   },
   emits: ["toggle-advanced"],
-  setup(h, { emit: O }) {
-    const r = h, b = O, { t: n } = q(), { em: c } = D("form-action"), { resetAction: k, submitAction: w } = P(), f = u(() => {
-      const { showAdvancedButton: t, actionSpan: A, actionColOptions: x } = r, g = 24 - A, N = t ? { span: g < 6 ? 24 : g } : {};
+  setup(h, { emit: C }) {
+    const u = h, b = C, O = P("uiMode"), k = s(() => O.value === "aplus" ? {} : {
+      color: "#34b77c"
+    }), { t: n } = W(), { em: c } = q("form-action"), { resetAction: w, submitAction: x } = j(), B = s(() => {
+      const { actionColOptions: t } = u;
       return {
-        style: { textAlign: "right" },
-        span: t ? 6 : 4,
-        ...N,
-        ...x
+        style: { textAlign: "right", flex: 1, maxWidth: "100%", minWidth: "25%" },
+        ...t
       };
-    }), v = u(() => Object.assign(
+    }), y = s(() => Object.assign(
       {
         text: n("ap.common.resetText")
       },
-      r.resetButtonOptions
-    )), y = u(() => Object.assign(
+      u.resetButtonOptions
+    )), v = s(() => Object.assign(
       {
         text: n("ap.common.queryText")
       },
-      r.submitButtonOptions
+      u.submitButtonOptions
     ));
     function S() {
       b("toggle-advanced");
     }
-    return (t, A) => t.showActionButtonGroup ? (a(), s(e(F), z(p({ key: 0 }, f.value)), {
+    return (t, N) => t.showActionButtonGroup ? (a(), l(e(F), z(m({ key: 0 }, B.value)), {
       default: o(() => [
         V("div", {
-          style: $([{ width: "100%" }, { textAlign: f.value.style.textAlign }])
+          style: A([{ width: "100%" }, { textAlign: B.value.style.textAlign }])
         }, [
-          C(e(R).Item, null, {
+          g(e(G).Item, null, {
             default: o(() => [
               i(t.$slots, "resetBefore"),
-              t.showResetButton ? (a(), s(e(B), p({
+              t.showResetButton ? (a(), l(e(f), m({
                 key: 0,
                 type: "default",
                 class: e(c)("button", "space")
-              }, v.value, { onClick: e(k) }), {
+              }, y.value, { onClick: e(w) }), {
                 default: o(() => [
-                  m(d(v.value.text), 1)
+                  p(d(y.value.text), 1)
                 ]),
                 _: 1
-              }, 16, ["class", "onClick"])) : l("", !0),
+              }, 16, ["class", "onClick"])) : r("", !0),
               i(t.$slots, "submitBefore"),
-              t.showSubmitButton ? (a(), s(e(B), p({
+              t.showSubmitButton ? (a(), l(e(f), m({
                 key: 1,
                 type: "primary",
                 class: e(c)("button", "space")
-              }, y.value, { onClick: e(w) }), {
+              }, v.value, { onClick: e(x) }), {
                 default: o(() => [
-                  m(d(y.value.text), 1)
+                  p(d(v.value.text), 1)
                 ]),
                 _: 1
-              }, 16, ["class", "onClick"])) : l("", !0),
+              }, 16, ["class", "onClick"])) : r("", !0),
               i(t.$slots, "advanceBefore"),
-              t.showAdvancedButton && !t.hideAdvanceBtn ? (a(), s(e(B), {
+              t.showAdvancedButton && !t.hideAdvanceBtn ? (a(), l(e(f), {
                 key: 2,
                 type: "link",
                 size: "small",
+                style: A(k.value),
                 onClick: S
               }, {
                 default: o(() => [
-                  m(d(t.isAdvanced ? e(n)("ap.common.closeText") : e(n)("ap.common.expandText")) + " ", 1),
-                  C(e(G), {
-                    class: j(e(c)("item", "space")),
+                  p(d(t.isAdvanced ? e(n)("ap.common.closeText") : e(n)("ap.common.expandText")) + " ", 1),
+                  g(e(R), {
+                    class: $(e(c)("item", "space")),
                     expand: !t.isAdvanced,
                     up: ""
                   }, null, 8, ["class", "expand"])
                 ]),
                 _: 1
-              })) : l("", !0),
+              }, 8, ["style"])) : r("", !0),
               i(t.$slots, "advanceAfter")
             ]),
             _: 3
@@ -99,7 +101,7 @@ const X = /* @__PURE__ */ T({
         ], 4)
       ]),
       _: 3
-    }, 16)) : l("", !0);
+    }, 16)) : r("", !0);
   }
 });
 export {

package/es/src/pro-form/hooks/use-advanced.mjs

@@ -1,79 +1,79 @@
-import { getCurrentInstance as X, computed as g, unref as d, watch as F, shallowReactive as N } from "vue";
-import { isNumber as U, isObject as _, isBoolean as j, isFunction as k } from "lodash-unified";
+import { getCurrentInstance as N, computed as T, unref as d, watch as X, shallowReactive as g } from "vue";
+import { isNumber as F, isObject as U, isBoolean as j, isFunction as k } from "lodash-unified";
 import { useDebounceFn as D } from "@vueuse/core";
 import { useBreakpoint as G, ScreenEnum as A } from "./use-break-point.mjs";
-const o = 24;
-function H({
-  advanceState: e,
-  emit: x,
-  getProps: t,
-  getSchema: l,
-  formModel: h,
-  defaultValueRef: B
+const f = 24, l = 18;
+function J({
+  advanceState: s,
+  emit: B,
+  getProps: o,
+  getSchema: h,
+  formModel: v,
+  defaultValueRef: b
 }) {
-  const p = X(), { screenRef: b, realWidthRef: v } = G(), y = g(() => {
-    if (!e.isAdvanced)
+  const p = N(), { screenRef: y, realWidthRef: L } = G(), E = T(() => {
+    if (!s.isAdvanced)
       return 0;
-    const n = d(t).emptySpan || 0;
-    if (U(n))
+    const n = d(o).emptySpan || 0;
+    if (F(n))
       return n;
-    if (_(n)) {
-      const { span: s = 0 } = n, f = d(b);
-      return n[f.toLowerCase()] || s || 0;
+    if (U(n)) {
+      const { span: e = 0 } = n, t = d(y);
+      return n[t.toLowerCase()] || e || 0;
     }
     return 0;
-  }), W = D(E, 30);
-  F(
+  }), R = D(W, 30);
+  X(
     [
-      () => d(l),
-      () => e.isAdvanced,
-      () => d(v)
+      () => d(h),
+      () => s.isAdvanced,
+      () => d(L)
     ],
     () => {
-      const { showAdvancedButton: n } = d(t);
-      n && W();
+      const { showAdvancedButton: n } = d(o);
+      n && R();
     },
     { immediate: !0 }
   );
-  function I(n, s = 0, f = !1) {
-    const c = d(v), i = parseInt(n.md) || parseInt(n.xs) || parseInt(n.sm) || n.span || o, r = parseInt(n.lg) || i, a = parseInt(n.xl) || r, u = parseInt(n.xxl) || a;
-    return c <= A.LG ? s += i : c < A.XL ? s += r : c < A.XXL ? s += a : s += u, f ? (e.hideAdvanceBtn = !1, s <= o * 2 ? (e.hideAdvanceBtn = !0, e.isAdvanced = !0) : s > o * 2 && s <= o * (d(t).autoAdvancedLine || 3) ? e.hideAdvanceBtn = !1 : e.isLoad || (e.isLoad = !0, e.isAdvanced = !e.isAdvanced), { isAdvanced: e.isAdvanced, itemColSum: s }) : s > o * (d(t).alwaysShowLines || 1) ? { isAdvanced: e.isAdvanced, itemColSum: s } : { isAdvanced: !0, itemColSum: s };
+  function I(n, e = 0, t = !1) {
+    const c = d(L), i = parseInt(n.md) || parseInt(n.xs) || parseInt(n.sm) || n.span || f, r = parseInt(n.lg) || i, a = parseInt(n.xl) || r, u = parseInt(n.xxl) || a;
+    return c <= A.LG ? e += i : c < A.XL ? e += r : c < A.XXL ? e += a : e += u, t ? (s.hideAdvanceBtn = !1, e <= f + l ? (s.hideAdvanceBtn = !0, s.isAdvanced = !0) : e > f + l && e <= f * (d(o).autoAdvancedLine || 3) ? s.hideAdvanceBtn = !1 : s.isLoad || (s.isLoad = !0, s.isAdvanced = !0), { isAdvanced: s.isAdvanced, itemColSum: e }) : e > l * (d(o).alwaysShowLines || 1) ? { isAdvanced: s.isAdvanced, itemColSum: e } : { isAdvanced: !0, itemColSum: e };
   }
-  const L = N({});
-  function E() {
+  const w = g({});
+  function W() {
     var c;
-    let n = 0, s = 0;
-    const { baseColProps: f = {} } = d(t);
-    for (const i of d(l)) {
+    let n = 0, e = 0;
+    const { baseColProps: t = {} } = d(o);
+    for (const i of d(h)) {
       const { show: r, colProps: a } = i;
       let u = !0;
       if (j(r) && (u = r), k(r) && (u = r({
         schema: i,
-        model: h,
+        model: v,
         field: i.field,
         values: {
-          ...d(B),
-          ...h
+          ...d(b),
+          ...v
         }
-      })), u && (a || f)) {
-        const { itemColSum: R, isAdvanced: w } = I(
-          { ...f, ...a },
+      })), u && (a || t)) {
+        const { itemColSum: _, isAdvanced: x } = I(
+          { ...t, ...a },
           n
         );
-        n = R || 0, w && (s = n), L[i.field] = w;
+        n = _ || 0, x && (e = n), w[i.field] = x;
       }
     }
-    (c = p == null ? void 0 : p.proxy) == null || c.$forceUpdate(), e.actionSpan = s % o + d(y), I(
-      d(t).actionColOptions || { span: o },
+    (c = p == null ? void 0 : p.proxy) == null || c.$forceUpdate(), s.actionSpan = e % f + d(E), I(
+      d(o).actionColOptions || { span: f },
       n,
       !0
-    ), x("advanced-change");
+    ), B("advanced-change");
   }
   function O() {
-    e.isAdvanced = !e.isAdvanced;
+    s.isAdvanced = !s.isAdvanced;
   }
-  return { handleToggleAdvanced: O, fieldsIsAdvancedMap: L };
+  return { handleToggleAdvanced: O, fieldsIsAdvancedMap: w };
 }
 export {
-  H as default
+  J as default
 };

package/es/src/pro-table/style/pro-table.css

@@ -16,6 +16,9 @@
   border-radius: 2px;
   background-color: #fff;
 }
+.aplus-pro-table-form-container .ant-form .ant-form-item {
+  margin-bottom: 16px;
+}
 .aplus-pro-table-form-container-no-divide .ant-form {
   border-bottom-left-radius: 0 !important;
   border-bottom-right-radius: 0 !important;

package/es/src/theme/antd-global-overwrite/admin/index.css

@@ -442,13 +442,21 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   inset-inline-start: 13px;
   margin: 6px 0;
 }
-.ant-table-wrapper {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[class$='-basic-table'] .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper {
   padding: 12px 16px 16px;
   background-color: #ffffff;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
-.ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -456,51 +464,58 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   padding: 0 0 12px;
   border: none;
 }
-.ant-table-wrapper .ant-table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
   width: 100%;
   overflow-x: hidden;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table-footer {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-wrapper {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table {
   border: none;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-body {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body {
   overflow-x: hidden;
 }
-.ant-table-wrapper .ant-table-footer td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
-[class$='-basic-table'],
-[class$='-basic-table-form-container'] {
-  width: 100%;
-  height: 100%;
-}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }

package/es/src/theme/antd-global-overwrite/admin/table.css

@@ -1,10 +1,18 @@
-.ant-table-wrapper {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[class$='-basic-table'] .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper {
   padding: 12px 16px 16px;
   background-color: #ffffff;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
-.ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle > .ant-table-title,
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small > .ant-table-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -12,51 +20,58 @@
   padding: 0 0 12px;
   border: none;
 }
-.ant-table-wrapper .ant-table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
   width: 100%;
   overflow-x: hidden;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container table > thead > tr:first-child > *:first-child {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-tbody > tr > td {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-thead > tr > th {
   padding: 13.5px 16px;
   line-height: 20px;
 }
-.ant-table-wrapper .ant-table-footer {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-wrapper {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-wrapper {
   padding: 0;
 }
-.ant-table-wrapper .ant-table-footer table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer table {
   border: none;
 }
-.ant-table-wrapper .ant-table-footer .ant-table-body {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer .ant-table-body,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer .ant-table-body {
   overflow-x: hidden;
 }
-.ant-table-wrapper .ant-table-footer td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-footer td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
-[class$='-basic-table'],
-[class$='-basic-table-form-container'] {
-  width: 100%;
-  height: 100%;
-}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }

package/es/src/theme/antd-global-overwrite/aplus/index.css

@@ -474,8 +474,15 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   inset-inline-start: 13px;
   margin: 6px 0;
 }
-.ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
-.ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
+[class$='-basic-table'],
+[class$='-basic-table-form-container'] {
+  width: 100%;
+  height: 100%;
+}
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-small .ant-table-title,
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table.ant-table-middle .ant-table-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -483,15 +490,18 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   padding: 0 0 10px;
   border: none;
 }
-.ant-table-wrapper .ant-table {
+[class$='-basic-table'] .ant-table-wrapper .ant-table,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table {
   width: 100%;
   overflow-x: hidden;
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header {
   border-radius: 0;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th {
   color: #182948;
   font-weight: 700;
   font-size: 14px;
@@ -500,18 +510,22 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   text-transform: none;
   background: #f2f6f9;
 }
-.ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
+[class$='-basic-table'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table .ant-table-container .ant-table-header .ant-table-thead > tr > th::before {
   display: none;
   width: 0;
   visibility: hidden;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover {
   background: #f6f9fa;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row:hover > td {
   background: #f6f9fa;
 }
-.ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table-body .ant-table-tbody > tr.ant-table-row > td {
   color: #182948;
   font-weight: 400;
   font-size: 14px;
@@ -520,35 +534,36 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   text-transform: none;
   transition: unset;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
   padding: 12px 16px;
   line-height: 22px;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
   border-top: 1px solid;
   border-top-color: transparent;
 }
-.ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-tbody tr > .ant-table-cell {
   padding: 12px 16px;
   line-height: 22px;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-thead tr > th {
   padding: 10.5px 16px;
   line-height: 18px;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr.ant-table-measure-row + tr > td {
   border-top: 1px solid;
   border-top-color: transparent;
 }
-.ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
+[class$='-basic-table'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell,
+[class$='-basic-table-form-container'] .ant-table-wrapper .ant-table.ant-table-small .ant-table-container .ant-table-tbody tr > .ant-table-cell {
   padding: 10.5px 16px;
   line-height: 18px;
 }
-[class$='-basic-table'],
-[class$='-basic-table-form-container'] {
-  width: 100%;
-  height: 100%;
-}
 [class$='-basic-table-row__striped'] td {
   background-color: #f6f9fa;
 }