@trionesdev/antd-mobile-base-react 0.0.2-beta.0 → 0.0.2-beta.2

package/dist/style/style.scss

@@ -1,52 +1,52 @@
-@import './theme-default.scss';
-@import './theme-dark.scss';
-
-:root {
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-html {
-  background-color: var(--triones-antm-color-background-body);
-}
-
-body {
-  color: var(--triones-antm-color-text);
-  font-size: 14Px;
-  font-family: var(--triones-antm-font-family);
-}
-
-a,
-button {
-  cursor: pointer;
-}
-
-a {
-  color: var(--triones-antm-color-primary);
-  transition: opacity ease-in-out 0.2s;
-  &:active {
-    opacity: 0.8;
-  }
-}
-
-.adm-plain-anchor {
-  color: unset;
-  transition: none;
-  &:active {
-    opacity: unset;
-  }
-}
-
-body.triones-antm-overflow-hidden {
-  overflow: hidden !important;
-}
-
-div.triones-antm-px-tester {
-  --size: 1;
-  height: calc(var(--size) / 2 * 2Px);
-  width: 0;
-  position: fixed;
-  left: -100vw;
-  top: -100vh;
-  user-select: none;
-  pointer-events: none;
-}
+@use './theme-default.scss' as *;
+@use './theme-dark.scss' as *;
+
+:root {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html {
+  background-color: var(--triones-antm-color-background-body);
+}
+
+body {
+  color: var(--triones-antm-color-text);
+  font-size: 14Px;
+  font-family: var(--triones-antm-font-family);
+}
+
+a,
+button {
+  cursor: pointer;
+}
+
+a {
+  color: var(--triones-antm-color-primary);
+  transition: opacity ease-in-out 0.2s;
+  &:active {
+    opacity: 0.8;
+  }
+}
+
+.adm-plain-anchor {
+  color: unset;
+  transition: none;
+  &:active {
+    opacity: unset;
+  }
+}
+
+body.triones-antm-overflow-hidden {
+  overflow: hidden !important;
+}
+
+div.triones-antm-px-tester {
+  --size: 1;
+  height: calc(var(--size) / 2 * 2Px);
+  width: 0;
+  position: fixed;
+  left: -100vw;
+  top: -100vh;
+  user-select: none;
+  pointer-events: none;
+}

package/dist/style/theme-dark.scss

@@ -1,24 +1,24 @@
-html[data-prefers-color-scheme='dark'] {
-  // variables should be exposed to users:
-  --triones-antm-color-primary: #3086ff;
-  --triones-antm-color-success: #34b368;
-  --triones-antm-color-warning: #ffa930;
-  --triones-antm-color-danger: #ff4a58;
-
-  --triones-antm-color-yellow: #ffa930;
-  --triones-antm-color-orange: #e65a2b;
-  --triones-antm-color-wathet: #0d2543;
-
-  --triones-antm-color-text: #e6e6e6;
-  --triones-antm-color-text-secondary: #b3b3b3;
-  --triones-antm-color-weak: #808080;
-  --triones-antm-color-light: #4d4d4d;
-  --triones-antm-color-border: #2b2b2b;
-  --triones-antm-color-box: #0a0a0a;
-  --triones-antm-color-background: #1a1a1a;
-
-  --triones-antm-color-background-body: var(--triones-antm-color-background);
-
-  // The variables below are deprecated and only exist for backward compatibility:
-  --triones-antm-border-color: var(--triones-antm-color-border);
-}
+html[data-prefers-color-scheme='dark'] {
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #3086ff;
+  --triones-antm-color-success: #34b368;
+  --triones-antm-color-warning: #ffa930;
+  --triones-antm-color-danger: #ff4a58;
+
+  --triones-antm-color-yellow: #ffa930;
+  --triones-antm-color-orange: #e65a2b;
+  --triones-antm-color-wathet: #0d2543;
+
+  --triones-antm-color-text: #e6e6e6;
+  --triones-antm-color-text-secondary: #b3b3b3;
+  --triones-antm-color-weak: #808080;
+  --triones-antm-color-light: #4d4d4d;
+  --triones-antm-color-border: #2b2b2b;
+  --triones-antm-color-box: #0a0a0a;
+  --triones-antm-color-background: #1a1a1a;
+
+  --triones-antm-color-background-body: var(--triones-antm-color-background);
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}

package/dist/style/theme-default.scss

@@ -1,54 +1,54 @@
-:root {
-  // Currently internal variables:
-  --triones-antm-radius-s: 4Px;
-  --triones-antm-radius-m: 8Px;
-  --triones-antm-radius-l: 12Px;
-
-  --triones-antm-font-size-1: 9Px;
-  --triones-antm-font-size-2: 10Px;
-  --triones-antm-font-size-3: 11Px;
-  --triones-antm-font-size-4: 12Px;
-  --triones-antm-font-size-5: 13Px;
-  --triones-antm-font-size-6: 14Px;
-  --triones-antm-font-size-7: 15Px;
-  --triones-antm-font-size-8: 16Px;
-  --triones-antm-font-size-9: 17Px;
-  --triones-antm-font-size-10: 18Px;
-
-  // variables should be exposed to users:
-  --triones-antm-color-primary: #1677ff;
-  --triones-antm-color-success: #00b578;
-  --triones-antm-color-warning: #ff8f1f;
-  --triones-antm-color-danger: #ff3141;
-
-  --triones-antm-color-yellow: #ff9f18;
-  --triones-antm-color-orange: #ff6430;
-  --triones-antm-color-wathet: #e7f1ff;
-
-  --triones-antm-color-text: #333333;
-  --triones-antm-color-text-secondary: #666666;
-  --triones-antm-color-weak: #999999;
-  --triones-antm-color-light: #cccccc;
-  --triones-antm-color-border: #eeeeee;
-  --triones-antm-color-background: #ffffff;
-
-  --triones-antm-color-highlight: var(--triones-antm-color-danger);
-
-  // Deprecated. We use `--triones-antm-color-text-light-solid` in code
-  // but keep here for compatible
-  --triones-antm-color-white: #ffffff;
-  --triones-antm-color-box: #f5f5f5;
-
-  --triones-antm-color-text-light-solid: var(--triones-antm-color-white);
-  --triones-antm-color-text-dark-solid: #000000;
-  --triones-antm-color-fill-content: var(--triones-antm-color-box);
-
-  --triones-antm-font-size-main: var(--triones-antm-font-size-5);
-
-  --triones-antm-font-family: -apple-system, blinkmacsystemfont,
-    'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-
-  // The variables below are deprecated and only exist for backward compatibility:
-  --triones-antm-border-color: var(--triones-antm-color-border);
-}
+:root {
+  // Currently internal variables:
+  --triones-antm-radius-s: 4Px;
+  --triones-antm-radius-m: 8Px;
+  --triones-antm-radius-l: 12Px;
+
+  --triones-antm-font-size-1: 9Px;
+  --triones-antm-font-size-2: 10Px;
+  --triones-antm-font-size-3: 11Px;
+  --triones-antm-font-size-4: 12Px;
+  --triones-antm-font-size-5: 13Px;
+  --triones-antm-font-size-6: 14Px;
+  --triones-antm-font-size-7: 15Px;
+  --triones-antm-font-size-8: 16Px;
+  --triones-antm-font-size-9: 17Px;
+  --triones-antm-font-size-10: 18Px;
+
+  // variables should be exposed to users:
+  --triones-antm-color-primary: #1677ff;
+  --triones-antm-color-success: #00b578;
+  --triones-antm-color-warning: #ff8f1f;
+  --triones-antm-color-danger: #ff3141;
+
+  --triones-antm-color-yellow: #ff9f18;
+  --triones-antm-color-orange: #ff6430;
+  --triones-antm-color-wathet: #e7f1ff;
+
+  --triones-antm-color-text: #333333;
+  --triones-antm-color-text-secondary: #666666;
+  --triones-antm-color-weak: #999999;
+  --triones-antm-color-light: #cccccc;
+  --triones-antm-color-border: #eeeeee;
+  --triones-antm-color-background: #ffffff;
+
+  --triones-antm-color-highlight: var(--triones-antm-color-danger);
+
+  // Deprecated. We use `--triones-antm-color-text-light-solid` in code
+  // but keep here for compatible
+  --triones-antm-color-white: #ffffff;
+  --triones-antm-color-box: #f5f5f5;
+
+  --triones-antm-color-text-light-solid: var(--triones-antm-color-white);
+  --triones-antm-color-text-dark-solid: #000000;
+  --triones-antm-color-fill-content: var(--triones-antm-color-box);
+
+  --triones-antm-font-size-main: var(--triones-antm-font-size-5);
+
+  --triones-antm-font-family: -apple-system, blinkmacsystemfont,
+    'Helvetica Neue', helvetica, segoe ui, arial, roboto, 'PingFang SC', 'miui',
+    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+
+  // The variables below are deprecated and only exist for backward compatibility:
+  --triones-antm-border-color: var(--triones-antm-color-border);
+}

package/dist/style/variable.scss

@@ -1,168 +1,168 @@
-$trionesBlue: #1677FF !default;
-$trionesPurple: #722ED1 !default;
-
-$trionesColorBgContainerDisabled: rgba(0, 0, 0, 0.04) !default;
-$trionesColorBorderBg: #ffffff !default;
-$trionesColorBorderSplit: rgba(5, 5, 5, 0.06) !default;
-
-
-$trionesColorText: rgba(0, 0, 0, 0.88) !default;
-$trionesColorText: #333333 !default;
-$trionesColorTextBase: #000 !default;
-$trionesColorTextSecondary: rgba(0, 0, 0, 0.65) !default;
-$trionesColorTextTertiary: rgba(0, 0, 0, 0.45) !default;
-$trionesColorTextQuaternary: rgba(0, 0, 0, 0.25) !default;
-$trionesColorTextPlaceholder: rgba(0, 0, 0, 0.25) !default;
-$trionesColorTextDisabled: rgba(0, 0, 0, 0.25) !default;
-$trionesColorTextHeading: rgba(0, 0, 0, 0.88) !default;
-$trionesColorTextLabel: rgba(0, 0, 0, 0.65) !default;
-$trionesColorTextDescription: rgba(0, 0, 0, 0.45) !default;
-$trionesColorTextLightSolid: #fff !default;
-
-
-$trionesColorHighlight: #ff4d4f !default;
-$trionesColorBgTextHover: rgba(0, 0, 0, 0.06) !default;
-$trionesColorBgTextActive: rgba(0, 0, 0, 0.15) !default;
-
-
-$trionesColorFill: rgba(0, 0, 0, 0.15) !default;
-$trionesColorFillSecondary: rgba(0, 0, 0, 0.06) !default;
-$trionesColorFillTertiary: rgba(0, 0, 0, 0.04) !default;
-$trionesColorFillQuaternary: rgba(0, 0, 0, 0.02) !default;
-$trionesColorFillContent: rgba(0, 0, 0, 0.06) !default;
-$trionesColorFillContentHover: rgba(0, 0, 0, 0.15) !default;
-$trionesColorFillContentAlter: rgba(0, 0, 0, 0.02) !default;
-
-
-$trionesColorPrimary: #1777FF !default;
-$trionesColorPrimaryBg: #e6f4ff !default;
-$trionesColorPrimaryBgHover: #bae0ff !default;
-$trionesColorPrimaryBorder: #91caff !default;
-$trionesColorPrimaryBorderHover: #69b1ff !default;
-$trionesColorPrimaryActive: #0958d9 !default;
-$trionesColorPrimaryTextHover: #4096ff !default;
-$trionesColorPrimaryText: #1677ff !default;
-$trionesColorPrimaryActive: #0958d9 !default;
-
-$trionesColorSuccess: #00b578 !default;
-$trionesColorSuccessBg: #f6ffed !default;
-$trionesColorSuccessBgHover: #d9f7be !default;
-$trionesColorSuccessBorder: #b7eb8f !default;
-$trionesColorSuccessBorderHover: #95de64 !default;
-$trionesColorSuccessHover: #95de64 !default;
-$trionesColorSuccessActive: #389e0d !default;
-$trionesColorSuccessText: #52c41a !default;
-$trionesColorSuccessTextActive: #389e0d !default;
-
-
-$trionesColorError: #ff4d4f !default;
-$trionesColorErrorBg: #fff2f0 !default;
-$trionesColorErrorBgHover: #fff1f0 !default;
-$trionesColorErrorBgFilledHover: #ffdfdc !default;
-$trionesColorErrorBgActive: #ffccc7 !default;
-$trionesColorErrorBorder: #ffccc7 !default;
-$trionesColorErrorBorderHover: #ffa39e !default;
-$trionesColorErrorHover: #ff7875 !default;
-$trionesColorErrorActive: #d9363e !default;
-$trionesColorErrorTextHover: #ff7875 !default;
-$trionesColorErrorText: #ff4d4f !default;
-$trionesColorErrorTextActive: #d9363e !default;
-
-
-$trionesColorWarning: #ff8f1f !default;
-$trionesColorWarningBg: #fffbe6 !default;
-$trionesColorWarningBgHover: #fff1b8 !default;
-$trionesColorWarningBgActive: #d48806 !default;
-$trionesColorWarningBorder: #ffe58f !default;
-$trionesColorWarningBorderHover: #ffd666 !default;
-$trionesColorWarningHover: #ffd666 !default;
-$trionesColorWarningActive: #d48806 !default;
-$trionesColorWarningTextHover: #ffc53d !default;
-$trionesColorWarningText: #faad14 !default;
-$trionesColorWarningTextActive: #d48806 !default;
-
-$trionesColorInfo: #1677ff !default;
-$trionesColorInfoBg: #e6f4ff !default;
-$trionesColorInfoBgHover: #bae0ff !default;
-$trionesColorInfoBgActive: #bae0ff !default;
-$trionesColorInfoBorder: #91caff !default;
-$trionesColorInfoBorderHover: #69b1ff !default;
-$trionesColorInfoHover: #69b1ff !default;
-$trionesColorInfoActive: #0958d9 !default;
-$trionesColorInfoTextHover: #4096ff !default;
-$trionesColorInfoText: #1677ff !default;
-$trionesColorInfoTextActive: #0958d9 !default;
-
-
-$trionesColorLink: #1677ff !default;
-$trionesColorLinkHover: #69b1ff !default;
-$trionesColorLinkActive: #0958d9 !default;
-
-$trionesColorDanger: #ff4d4f !default;
-
-
-$trionesColorBgBase: #fff !default;
-
-$trionesBorderRadius: 6Px !default;
-$trionesBorderRadiusXs: 2Px !default;
-$trionesBorderRadiusSm: 4Px !default;
-$trionesBorderRadiusLg: 8Px !default;
-$trionesBorderRadiusOuter: 4Px !default;
-$trionesBorderColor: #d9d9d9 !default;
-$trionesBorderColorSecondary: #f0f0f0 !default;
-
-
-$trionesColorBgMask: rgba(0, 0, 0, 0.45) !default;
-
-$trionesLineHeight: 1.5714285714285714 !default;
-$trionesLineHeightLg: 1.5 !default;
-$trionesLineHeightSm: 1.6666666666666667 !default;
-
-$trionesPaddingXxs: 4Px !default;
-$trionesPaddingXs: 8Px !default;
-$trionesPaddingSm: 12Px !default;
-$trionesPadding: 16Px !default;
-$trionesPaddingMd: 20Px !default;
-$trionesPaddingLg: 24Px !default;
-$trionesPaddingXl: 32Px !default;
-$trionesPaddingContentHorizontalLg: 24Px !default;
-$trionesPaddingContentVerticalLg: 16Px !default;
-$trionesPaddingContentHorizontal: 16Px !default;
-$trionesPaddingContentVertical: 12Px !default;
-$trionesPaddingContentHorizontalSm: 16Px !default;
-$trionesPaddingContentVerticalSm: 8Px !default;
-
-
-$trionesInputPaddingBlock: 4Px !default;
-$trionesInputPaddingSm: 0Px !default;
-$trionesInputPaddingLg: 7Px !default;
-$trionesInputPaddingInline: 11Px !default;
-$trionesInputPaddingInlineSm: 7Px !default;
-$trionesInputPaddingInlineLg: 11Px !default;
-$trionesInputAddonBg: rgba(0, 0, 0, 0.02) !default;
-$trionesInputActiveBorderColor: #1677ff !default;
-$trionesInputHoverBorderColor: #4096ff !default;
-$trionesInputActiveShadow: 0 0 0 2px rgba(5, 145, 255, 0.1) !default;
-$trionesInputErrorActiveShadow: 0 0 0 2px rgba(255, 38, 5, 0.06) !default;
-$trionesInputWarringActiveShadow: 0 0 0 2px rgba(255, 215, 5, 0.1) !default;
-$trionesInputHoverBg: #fffff !default;
-$trionesInputActiveBg: #fffff !default;
-$trionesInputInputFontSize: 14Px !default;
-$trionesInputInputFontSizeLg: 16Px !default;
-$trionesInputInputFontSizeSm: 14Px !default;
-
-
-$trionesFontSizeSm: 12Px !default;
-$trionesFontSize: 14Px !default;
-$trionesFontSizeLg: 16Px !default;
-$trionesFontSizeXl: 20Px !default;
-
-$trionesColorIcon: rgba(0, 0, 0, 0.45) !default;
-$trionesColorIconHover: rgba(0, 0, 0, 0.88) !default;
-
-$trionesFontSizeIcon: 12Px !default;
-
-/**
- * @description 安全区倍数
- */
-$trionesSafeAreaMultiple:1!default;
+$trionesBlue: #1677FF !default;
+$trionesPurple: #722ED1 !default;
+
+$trionesColorBgContainerDisabled: rgba(0, 0, 0, 0.04) !default;
+$trionesColorBorderBg: #ffffff !default;
+$trionesColorBorderSplit: rgba(5, 5, 5, 0.06) !default;
+
+
+$trionesColorText: rgba(0, 0, 0, 0.88) !default;
+$trionesColorText: #333333 !default;
+$trionesColorTextBase: #000 !default;
+$trionesColorTextSecondary: rgba(0, 0, 0, 0.65) !default;
+$trionesColorTextTertiary: rgba(0, 0, 0, 0.45) !default;
+$trionesColorTextQuaternary: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextPlaceholder: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextDisabled: rgba(0, 0, 0, 0.25) !default;
+$trionesColorTextHeading: rgba(0, 0, 0, 0.88) !default;
+$trionesColorTextLabel: rgba(0, 0, 0, 0.65) !default;
+$trionesColorTextDescription: rgba(0, 0, 0, 0.45) !default;
+$trionesColorTextLightSolid: #fff !default;
+
+
+$trionesColorHighlight: #ff4d4f !default;
+$trionesColorBgTextHover: rgba(0, 0, 0, 0.06) !default;
+$trionesColorBgTextActive: rgba(0, 0, 0, 0.15) !default;
+
+
+$trionesColorFill: rgba(0, 0, 0, 0.15) !default;
+$trionesColorFillSecondary: rgba(0, 0, 0, 0.06) !default;
+$trionesColorFillTertiary: rgba(0, 0, 0, 0.04) !default;
+$trionesColorFillQuaternary: rgba(0, 0, 0, 0.02) !default;
+$trionesColorFillContent: rgba(0, 0, 0, 0.06) !default;
+$trionesColorFillContentHover: rgba(0, 0, 0, 0.15) !default;
+$trionesColorFillContentAlter: rgba(0, 0, 0, 0.02) !default;
+
+
+$trionesColorPrimary: #1777FF !default;
+$trionesColorPrimaryBg: #e6f4ff !default;
+$trionesColorPrimaryBgHover: #bae0ff !default;
+$trionesColorPrimaryBorder: #91caff !default;
+$trionesColorPrimaryBorderHover: #69b1ff !default;
+$trionesColorPrimaryActive: #0958d9 !default;
+$trionesColorPrimaryTextHover: #4096ff !default;
+$trionesColorPrimaryText: #1677ff !default;
+$trionesColorPrimaryActive: #0958d9 !default;
+
+$trionesColorSuccess: #00b578 !default;
+$trionesColorSuccessBg: #f6ffed !default;
+$trionesColorSuccessBgHover: #d9f7be !default;
+$trionesColorSuccessBorder: #b7eb8f !default;
+$trionesColorSuccessBorderHover: #95de64 !default;
+$trionesColorSuccessHover: #95de64 !default;
+$trionesColorSuccessActive: #389e0d !default;
+$trionesColorSuccessText: #52c41a !default;
+$trionesColorSuccessTextActive: #389e0d !default;
+
+
+$trionesColorError: #ff4d4f !default;
+$trionesColorErrorBg: #fff2f0 !default;
+$trionesColorErrorBgHover: #fff1f0 !default;
+$trionesColorErrorBgFilledHover: #ffdfdc !default;
+$trionesColorErrorBgActive: #ffccc7 !default;
+$trionesColorErrorBorder: #ffccc7 !default;
+$trionesColorErrorBorderHover: #ffa39e !default;
+$trionesColorErrorHover: #ff7875 !default;
+$trionesColorErrorActive: #d9363e !default;
+$trionesColorErrorTextHover: #ff7875 !default;
+$trionesColorErrorText: #ff4d4f !default;
+$trionesColorErrorTextActive: #d9363e !default;
+
+
+$trionesColorWarning: #ff8f1f !default;
+$trionesColorWarningBg: #fffbe6 !default;
+$trionesColorWarningBgHover: #fff1b8 !default;
+$trionesColorWarningBgActive: #d48806 !default;
+$trionesColorWarningBorder: #ffe58f !default;
+$trionesColorWarningBorderHover: #ffd666 !default;
+$trionesColorWarningHover: #ffd666 !default;
+$trionesColorWarningActive: #d48806 !default;
+$trionesColorWarningTextHover: #ffc53d !default;
+$trionesColorWarningText: #faad14 !default;
+$trionesColorWarningTextActive: #d48806 !default;
+
+$trionesColorInfo: #1677ff !default;
+$trionesColorInfoBg: #e6f4ff !default;
+$trionesColorInfoBgHover: #bae0ff !default;
+$trionesColorInfoBgActive: #bae0ff !default;
+$trionesColorInfoBorder: #91caff !default;
+$trionesColorInfoBorderHover: #69b1ff !default;
+$trionesColorInfoHover: #69b1ff !default;
+$trionesColorInfoActive: #0958d9 !default;
+$trionesColorInfoTextHover: #4096ff !default;
+$trionesColorInfoText: #1677ff !default;
+$trionesColorInfoTextActive: #0958d9 !default;
+
+
+$trionesColorLink: #1677ff !default;
+$trionesColorLinkHover: #69b1ff !default;
+$trionesColorLinkActive: #0958d9 !default;
+
+$trionesColorDanger: #ff4d4f !default;
+
+
+$trionesColorBgBase: #fff !default;
+
+$trionesBorderRadius: 6Px !default;
+$trionesBorderRadiusXs: 2Px !default;
+$trionesBorderRadiusSm: 4Px !default;
+$trionesBorderRadiusLg: 8Px !default;
+$trionesBorderRadiusOuter: 4Px !default;
+$trionesBorderColor: #d9d9d9 !default;
+$trionesBorderColorSecondary: #f0f0f0 !default;
+
+
+$trionesColorBgMask: rgba(0, 0, 0, 0.45) !default;
+
+$trionesLineHeight: 1.5714285714285714 !default;
+$trionesLineHeightLg: 1.5 !default;
+$trionesLineHeightSm: 1.6666666666666667 !default;
+
+$trionesPaddingXxs: 4Px !default;
+$trionesPaddingXs: 8Px !default;
+$trionesPaddingSm: 12Px !default;
+$trionesPadding: 16Px !default;
+$trionesPaddingMd: 20Px !default;
+$trionesPaddingLg: 24Px !default;
+$trionesPaddingXl: 32Px !default;
+$trionesPaddingContentHorizontalLg: 24Px !default;
+$trionesPaddingContentVerticalLg: 16Px !default;
+$trionesPaddingContentHorizontal: 16Px !default;
+$trionesPaddingContentVertical: 12Px !default;
+$trionesPaddingContentHorizontalSm: 16Px !default;
+$trionesPaddingContentVerticalSm: 8Px !default;
+
+
+$trionesInputPaddingBlock: 4Px !default;
+$trionesInputPaddingSm: 0Px !default;
+$trionesInputPaddingLg: 7Px !default;
+$trionesInputPaddingInline: 11Px !default;
+$trionesInputPaddingInlineSm: 7Px !default;
+$trionesInputPaddingInlineLg: 11Px !default;
+$trionesInputAddonBg: rgba(0, 0, 0, 0.02) !default;
+$trionesInputActiveBorderColor: #1677ff !default;
+$trionesInputHoverBorderColor: #4096ff !default;
+$trionesInputActiveShadow: 0 0 0 2px rgba(5, 145, 255, 0.1) !default;
+$trionesInputErrorActiveShadow: 0 0 0 2px rgba(255, 38, 5, 0.06) !default;
+$trionesInputWarringActiveShadow: 0 0 0 2px rgba(255, 215, 5, 0.1) !default;
+$trionesInputHoverBg: #fffff !default;
+$trionesInputActiveBg: #fffff !default;
+$trionesInputInputFontSize: 14Px !default;
+$trionesInputInputFontSizeLg: 16Px !default;
+$trionesInputInputFontSizeSm: 14Px !default;
+
+
+$trionesFontSizeSm: 12Px !default;
+$trionesFontSize: 14Px !default;
+$trionesFontSizeLg: 16Px !default;
+$trionesFontSizeXl: 20Px !default;
+
+$trionesColorIcon: rgba(0, 0, 0, 0.45) !default;
+$trionesColorIconHover: rgba(0, 0, 0, 0.88) !default;
+
+$trionesFontSizeIcon: 12Px !default;
+
+/**
+ * @description 安全区倍数
+ */
+$trionesSafeAreaMultiple:1!default;