@aplus-frontend/ui 0.0.1-beta.34 → 0.0.1-beta.35

package/es/src/modal/basic.vue2.mjs

@@ -10,13 +10,12 @@ import { omit as g } from "lodash-unified";
 import { deepMerge as oe } from "@aplus-frontend/utils";
 import { isFunction as te } from "@fruits-chain/utils";
 import "../config-provider/index.mjs";
-import "./style/index.css";
 import { useNamespace as ne } from "../config-provider/hooks/use-namespace.mjs";
 import le from "./components/modal-wrapper.vue2.mjs";
 import ae from "./components/modal-close.vue2.mjs";
 import re from "./components/modal-header.vue2.mjs";
 import se from "./components/modal-footer.vue2.mjs";
-const Me = /* @__PURE__ */ q({
+const be = /* @__PURE__ */ q({
   name: "BasicModal",
   inheritAttrs: !1,
   __name: "basic",
@@ -39,9 +38,9 @@ const Me = /* @__PURE__ */ q({
           o(i) && o(i).setModalHeight();
         });
       }
-    }, p = J();
-    p && r("register", F, p.uid);
-    const f = d(() => ({
+    }, f = J();
+    f && r("register", F, f.uid);
+    const p = d(() => ({
       ...t,
       ...o(v)
     })), {
@@ -51,10 +50,10 @@ const Me = /* @__PURE__ */ q({
     } = ee({
       modalWrapperRef: i,
       extHeightRef: w,
-      wrapClassName: K(f.value, "wrapClassName")
+      wrapClassName: K(p.value, "wrapClassName")
     }), l = d(() => ({
       ...{
-        ...o(f),
+        ...o(p),
         open: o(n),
         okButtonProps: void 0,
         cancelButtonProps: void 0,
@@ -64,7 +63,7 @@ const Me = /* @__PURE__ */ q({
     })), b = d(() => {
       const e = {
         ...B,
-        ...o(f),
+        ...o(p),
         open: o(n)
       };
       return e.wrapClassName = `${(e == null ? void 0 : e.wrapClassName) || ""} ${o(P)}vben-basic-modal-wrap`, o(c) ? g(e, ["height", "title"]) : g(e, "title");
@@ -77,7 +76,7 @@ const Me = /* @__PURE__ */ q({
     }), U(
       () => o(n),
       (e) => {
-        r("open-change", e), r("update:open", e), p && F.emitOpen && F.emitOpen(e, p.uid), S(() => {
+        r("open-change", e), r("update:open", e), f && F.emitOpen && F.emitOpen(e, f.uid), S(() => {
           t.scrollTop && e && o(i) && o(i).scrollTop();
         });
       },
@@ -164,7 +163,7 @@ const Me = /* @__PURE__ */ q({
         fn: s(() => [
           h(re, {
             helpMessage: l.value.helpMessage,
-            title: f.value.title,
+            title: p.value.title,
             onDblclick: z
           }, null, 8, ["helpMessage", "title"])
         ]),
@@ -197,5 +196,5 @@ const Me = /* @__PURE__ */ q({
   }
 });
 export {
-  Me as default
+  be as default
 };

package/es/src/modal/style/index.css

@@ -1,103 +0,0 @@
-.fullscreen-modal {
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal {
-  inset: 0 !important;
-  width: 100% !important;
-  max-width: 100%;
-  height: 100%;
-}
-.fullscreen-modal .ant-modal-content {
-  height: 100%;
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal-footer {
-  margin-top: 0;
-}
-.aplus-basic-modal {
-  width: 520px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
-  padding: 20px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.aplus-basic-modal .ant-modal-title .aplus-basic-title {
-  cursor: move !important;
-  padding-left: 0;
-}
-.aplus-basic-modal .ant-modal-body {
-  padding: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
-  display: none;
-}
-.aplus-basic-modal .ant-modal-large {
-  top: 60px;
-}
-.aplus-basic-modal .ant-modal-large .ant-modal--mini {
-  top: 16px;
-}
-.aplus-basic-modal .ant-modal-header {
-  padding: 15px 20px;
-  margin-bottom: 0;
-  border-bottom: 1px solid #dee4ed;
-}
-.aplus-basic-modal .ant-modal-content {
-  padding: 0 !important;
-}
-.aplus-basic-modal .ant-modal-footer {
-  padding: 20px;
-  margin-top: 0;
-}
-.aplus-basic-modal .ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.aplus-basic-modal .ant-modal-close {
-  top: 0 !important;
-  right: 0 !important;
-  width: auto !important;
-  outline: none;
-  background: transparent !important;
-  font-weight: normal;
-}
-.aplus-basic-modal .ant-modal-close-x {
-  display: inline-block;
-  width: 96px;
-  height: 56px;
-  line-height: 56px !important;
-}
-.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ed6f6f;
-}
-.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #efbd47;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #34b77c;
-}
-@media screen and (height <= 600px) {
-  .ant-modal {
-    top: 60px;
-  }
-}
-@media screen and (height <= 540px) {
-  .ant-modal {
-    top: 30px;
-  }
-}
-@media screen and (height <= 480px) {
-  .ant-modal {
-    top: 10px;
-  }
-}

package/es/src/pro-form/style/index.css

@@ -4,6 +4,3 @@
 .aplus-basic-form .ant-form-explain {
   font-size: 14px;
 }
-.aplus-basic-form--compact .ant-form-item {
-  margin-bottom: 8px !important;
-}

package/es/src/pro-table/components/editable/editable-cell.vue.d.ts

@@ -1,84 +1,4 @@
-import { CSSProperties, PropType, DefineComponent, Ref, ComputedRef, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-import { BasicColumn } from '../../types/table';
-import { Recordable } from '../../../type';
-import { ComponentType } from '../../component-map';
+import { DefineSetupFnComponent, PublicProps } from 'vue';
 
-declare const _default: DefineComponent<{
-    value: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: string;
-    };
-    record: {
-        type: any;
-    };
-    column: {
-        type: PropType<BasicColumn>;
-        default: () => {};
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-}, {
-    isEdit: Ref<boolean>;
-    ns: {
-        namespace: ComputedRef<string>;
-        b: (blockSuffix?: string) => string;
-        e: (element?: string | undefined) => string;
-        m: (modifier?: string | undefined) => string;
-        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-        em: (element?: string | undefined, modifier?: string | undefined) => string;
-        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
-        is: {
-            (name: string, state: boolean | undefined): string;
-            (name: string): string;
-        };
-        cssVar: (object: Record<string, string>) => Record<string, string>;
-        cssVarName: (name: string) => string;
-        cssVarBlock: (object: Record<string, string>) => Record<string, string>;
-        cssVarBlockName: (name: string) => string;
-    };
-    handleEdit: (e: Event) => void;
-    currentValueRef: Ref<any>;
-    handleSubmit: (needEmit?: boolean, valid?: boolean) => Promise<false | undefined>;
-    handleChange: (e: any) => Promise<void>;
-    handleCancel: () => void;
-    elRef: Ref<any>;
-    getComponent: ComputedRef<ComponentType>;
-    getRule: ComputedRef<boolean | ((text: string, record: Recordable<any>) => Promise<string>) | undefined>;
-    onClickOutside: () => void;
-    ruleMessage: Ref<string>;
-    getRuleVisible: ComputedRef<boolean | "">;
-    getComponentProps: ComputedRef<any>;
-    handleOptionsChange: (options: any) => void;
-    getWrapperStyle: ComputedRef<CSSProperties>;
-    getWrapperClass: ComputedRef<string>;
-    getRowEditable: ComputedRef<boolean>;
-    getValues: ComputedRef<any>;
-    handleEnter: () => Promise<void>;
-    handleSubmitClick: () => void;
-    spinning: Ref<boolean>;
-    getDisable: ComputedRef<boolean>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
-    value: {
-        type: PropType<string | number | boolean | Record<string, any>>;
-        default: string;
-    };
-    record: {
-        type: any;
-    };
-    column: {
-        type: PropType<BasicColumn>;
-        default: () => {};
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-}>>, {
-    value: string | number | boolean | Record<string, any>;
-    column: BasicColumn;
-    record: any;
-}, {}>;
+declare const _default: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 export default _default;

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

@@ -29,3 +29,19 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}

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

@@ -29,6 +29,22 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}
 .ant-btn {
   min-width: 88px;
   box-shadow: none;
@@ -222,7 +238,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   min-width: 88px;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+  padding: 32px 32px 28px !important;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;
@@ -343,7 +359,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -428,7 +444,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -491,6 +507,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }
@@ -510,3 +530,6 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 [class$='-basic-table--inset'] .ant-table-wrapper {
   padding: 0;
 }
+[class$='-basic-table-row__striped'] td {
+  background-color: #fafafa;
+}

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

@@ -71,7 +71,7 @@
   min-width: 88px;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+  padding: 32px 32px 28px !important;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;

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

@@ -7,7 +7,7 @@
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -92,7 +92,7 @@
 .ant-steps.ant-steps-vertical .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;

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

@@ -52,6 +52,10 @@
 .ant-table-wrapper .ant-table-footer td {
   padding: 12px 8px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
 [class$='-basic-table-form-container'] {
   padding: 16px;
 }
@@ -71,3 +75,6 @@
 [class$='-basic-table--inset'] .ant-table-wrapper {
   padding: 0;
 }
+[class$='-basic-table-row__striped'] td {
+  background-color: #fafafa;
+}

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

@@ -29,3 +29,19 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(255, 169, 64, 0.1);
+  border: 1px solid rgba(255, 169, 64, 0.4);
+}
+.ant-alert-info {
+  background: rgba(0, 112, 255, 0.1);
+  border: 1px solid rgba(0, 112, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(46, 209, 163, 0.1);
+  border: 1px solid rgba(46, 209, 163, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}

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

@@ -17,6 +17,10 @@
 .ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
   background-color: #0070ff;
 }
+.ant-form .ant-form-item-control .ant-select.ant-select-disabled .ant-select-selector {
+  color: #526a90;
+  background-color: #f2f6f9;
+}
 .ant-input::-moz-placeholder {
   color: #abb7cc;
 }
@@ -38,6 +42,12 @@
 .ant-input-number .ant-input-number-input-wrap > input::placeholder {
   color: #abb7cc;
 }
+input.ant-input[disabled] {
+  color: #526a90;
+}
+span.ant-input-affix-wrapper-disabled {
+  background-color: #f2f6f9;
+}
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item {
   margin-bottom: 16px;
   /** 适配Aplus UI */

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

@@ -29,6 +29,22 @@
   margin-bottom: 4px;
   font-weight: bold !important;
 }
+.ant-alert-warning {
+  background: rgba(255, 169, 64, 0.1);
+  border: 1px solid rgba(255, 169, 64, 0.4);
+}
+.ant-alert-info {
+  background: rgba(0, 112, 255, 0.1);
+  border: 1px solid rgba(0, 112, 255, 0.4);
+}
+.ant-alert-success {
+  background: rgba(46, 209, 163, 0.1);
+  border: 1px solid rgba(46, 209, 163, 0.4);
+}
+.ant-alert-error {
+  background: rgba(255, 77, 79, 0.1);
+  border: 1px solid rgba(255, 77, 79, 0.4);
+}
 .ant-btn {
   min-width: 88px;
   box-shadow: none;
@@ -86,6 +102,10 @@
 .ant-form .ant-form-item-control .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
   background-color: #0070ff;
 }
+.ant-form .ant-form-item-control .ant-select.ant-select-disabled .ant-select-selector {
+  color: #526a90;
+  background-color: #f2f6f9;
+}
 .ant-input::-moz-placeholder {
   color: #abb7cc;
 }
@@ -107,6 +127,12 @@
 .ant-input-number .ant-input-number-input-wrap > input::placeholder {
   color: #abb7cc;
 }
+input.ant-input[disabled] {
+  color: #526a90;
+}
+span.ant-input-affix-wrapper-disabled {
+  background-color: #f2f6f9;
+}
 div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] .ant-form-item {
   margin-bottom: 16px;
   /** 适配Aplus UI */
@@ -231,7 +257,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   min-width: 88px;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+  padding: 32px 32px 28px !important;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;
@@ -365,7 +391,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -453,7 +479,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   justify-content: center;
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
   inset-inline-start: 13px;
@@ -503,6 +529,7 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   font-style: normal;
   text-align: left;
   text-transform: none;
+  transition: unset;
 }
 .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
   padding: 12px 16px;
@@ -528,3 +555,10 @@ div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] di
   padding: 10.5px 16px;
   line-height: 18px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
+[class$='-basic-table-row__striped'] td {
+  background-color: #f6f9fa;
+}

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

@@ -65,7 +65,7 @@
   min-width: 88px;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body {
-  padding: 28px 32px !important;
+  padding: 32px 32px 28px !important;
 }
 .ant-modal-root .ant-modal-confirm .ant-modal-body .ant-modal-confirm-body > .anticon {
   margin-inline-end: 16px;

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

@@ -7,7 +7,7 @@
 .ant-steps .ant-steps-item-icon {
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -95,7 +95,7 @@
   justify-content: center;
   width: 28px;
   height: 28px;
-  margin-top: 4px;
+  margin-top: 3px;
 }
 .ant-steps.ant-steps-vertical.ant-steps-small .ant-steps-item .ant-steps-item-tail {
   inset-inline-start: 13px;

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

@@ -42,6 +42,7 @@
   font-style: normal;
   text-align: left;
   text-transform: none;
+  transition: unset;
 }
 .ant-table-wrapper .ant-table.ant-table-middle .ant-table-container .ant-table-thead tr > th {
   padding: 12px 16px;
@@ -67,3 +68,10 @@
   padding: 10.5px 16px;
   line-height: 18px;
 }
+[class$='-basic-table'] {
+  max-width: 100%;
+  height: 100%;
+}
+[class$='-basic-table-row__striped'] td {
+  background-color: #f6f9fa;
+}

package/es/src/theme/modal/index.css

@@ -1,103 +0,0 @@
-.fullscreen-modal {
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal {
-  inset: 0 !important;
-  width: 100% !important;
-  max-width: 100%;
-  height: 100%;
-}
-.fullscreen-modal .ant-modal-content {
-  height: 100%;
-  overflow: hidden;
-}
-.fullscreen-modal .ant-modal-footer {
-  margin-top: 0;
-}
-.aplus-basic-modal {
-  width: 520px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar {
-  padding: 20px;
-  padding-bottom: 0;
-}
-.aplus-basic-modal .ant-modal-title {
-  font-size: 16px;
-  font-weight: bold;
-}
-.aplus-basic-modal .ant-modal-title .aplus-basic-title {
-  cursor: move !important;
-  padding-left: 0;
-}
-.aplus-basic-modal .ant-modal-body {
-  padding: 0;
-}
-.aplus-basic-modal .ant-modal-body > .aplus-scrollbar > .aplus-scrollbar__bar.is-horizontal {
-  display: none;
-}
-.aplus-basic-modal .ant-modal-large {
-  top: 60px;
-}
-.aplus-basic-modal .ant-modal-large .ant-modal--mini {
-  top: 16px;
-}
-.aplus-basic-modal .ant-modal-header {
-  padding: 15px 20px;
-  margin-bottom: 0;
-  border-bottom: 1px solid #dee4ed;
-}
-.aplus-basic-modal .ant-modal-content {
-  padding: 0 !important;
-}
-.aplus-basic-modal .ant-modal-footer {
-  padding: 20px;
-  margin-top: 0;
-}
-.aplus-basic-modal .ant-modal-footer button + button {
-  margin-left: 10px;
-}
-.aplus-basic-modal .ant-modal-close {
-  top: 0 !important;
-  right: 0 !important;
-  width: auto !important;
-  outline: none;
-  background: transparent !important;
-  font-weight: normal;
-}
-.aplus-basic-modal .ant-modal-close-x {
-  display: inline-block;
-  width: 96px;
-  height: 56px;
-  line-height: 56px !important;
-}
-.aplus-basic-modal .ant-modal-confirm-body .ant-modal-confirm-content > * {
-  color: #909399;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.error .ant-modal-confirm-body > .anticon {
-  color: #ed6f6f;
-}
-.aplus-basic-modal .ant-modal-confirm-btns .ant-btn:last-child {
-  margin-right: 0;
-}
-.aplus-basic-modal .ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
-  color: #efbd47;
-}
-.aplus-basic-modal .ant-modal-confirm-confirm.success .ant-modal-confirm-body > .anticon {
-  color: #34b77c;
-}
-@media screen and (height <= 600px) {
-  .ant-modal {
-    top: 60px;
-  }
-}
-@media screen and (height <= 540px) {
-  .ant-modal {
-    top: 30px;
-  }
-}
-@media screen and (height <= 480px) {
-  .ant-modal {
-    top: 10px;
-  }
-}