@trionesdev/antd-mobile-base-react 0.0.2-beta.16 → 0.0.2-beta.17

package/dist/style/style.scss

@@ -1,52 +1,52 @@
-@use './theme-default.scss' as default;
-@use './theme-dark.scss' as dark;
-
-: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 default;
+@use './theme-dark.scss' as dark;
+
+: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,173 +1,180 @@
-@use "./css-variable";
-
-$trionesBlue: var(--triones-blue,#1677FF) !default;
-$trionesPurple: var(--triones-purple,#722ED1) !default;
-
-$trionesColorBgContainerDisabled: var(--triones-color-bg-container-disabled,rgba(0, 0, 0, 0.04)) !default;
-$trionesColorBorderBg: var(--triones-color-border-bg,#ffffff) !default;
-$trionesColorBorderSplit: var(--triones-color-border-split,rgba(5, 5, 5, 0.06)) !default;
-
-
-//region color text
-$trionesColorText: var(--triones-color-text,#333333) !default;
-$trionesColorTextBase: var(--triones-color-text-base,#000) !default;
-$trionesColorTextSecondary: var(--triones-color-text-secondary,rgba(0, 0, 0, 0.65)) !default;
-$trionesColorTextTertiary: var(--triones-color-text-tertiary,rgba(0, 0, 0, 0.45)) !default;
-$trionesColorTextQuaternary: var(--triones-color-text-quaternary,rgba(0, 0, 0, 0.25)) !default;
-$trionesColorTextPlaceholder: var(--triones-color-text-placeholder,rgba(0, 0, 0, 0.25)) !default;
-$trionesColorTextDisabled: var(--triones-color-text-disabled,rgba(0, 0, 0, 0.25)) !default;
-$trionesColorTextHeading: var(--triones-color-text-heading,rgba(0, 0, 0, 0.88)) !default;
-$trionesColorTextLabel: var(--triones-color-text-label,rgba(0, 0, 0, 0.65)) !default;
-$trionesColorTextDescription: var(--triones-color-text-description,rgba(0, 0, 0, 0.45)) !default;
-$trionesColorTextLightSolid: var(--triones-color-text-light-solid,#fff) !default;
-//endregion
-
-
-$trionesColorHighlight: var(--triones-color-highlight,#ff4d4f) !default;
-$trionesColorBgTextHover: var(--triones-color-bg-text-hover,rgba(0, 0, 0, 0.06)) !default;
-$trionesColorBgTextActive: var(--triones-color-bg-text-active,rgba(0, 0, 0, 0.15)) !default;
-
-
-$trionesColorFill: var(--triones-color-fill,rgba(0, 0, 0, 0.15)) !default;
-$trionesColorFillSecondary: var(--triones-color-fill-secondary,rgba(0, 0, 0, 0.06)) !default;
-$trionesColorFillTertiary: var(--triones-color-fill-tertiary,rgba(0, 0, 0, 0.04)) !default;
-$trionesColorFillQuaternary: var(--triones-color-fill-quaternary,rgba(0, 0, 0, 0.02)) !default;
-$trionesColorFillContent: var(--triones-color-fill-content,rgba(0, 0, 0, 0.06)) !default;
-$trionesColorFillContentHover: var(--triones-color-fill-content-hover,rgba(0, 0, 0, 0.15)) !default;
-$trionesColorFillContentAlter: var(--triones-color-fill-content-alter,rgba(0, 0, 0, 0.02)) !default;
-
-
-$trionesColorPrimary: var(--trioens-color-primary,#1677FF) !default;
-$trionesColorPrimaryBg: var(--triones-color-primary-bg,#e6f4ff) !default;
-$trionesColorPrimaryBgHover: var(--triones-color-primary-bg-hover,#bae0ff) !default;
-$trionesColorPrimaryBorder: var(--triones-color-primary-border,#91caff) !default;
-$trionesColorPrimaryBorderHover: var(--triones-color-primary-border-hover,#69b1ff) !default;
-$trionesColorPrimaryActive: var(--triones-color-primary-active,#0958d9) !default;
-$trionesColorPrimaryTextHover: var(--triones-color-primary-text-hover,#4096ff) !default;
-$trionesColorPrimaryText: var(--triones-color-primary-text,#1677ff) !default;
-$trionesColorPrimaryActive: var(--triones-color-primary-active,#0958d9) !default;
-
-$trionesColorSuccess: var(--triones-color-success,#00b578) !default;
-$trionesColorSuccessBg: var(--triones-color-success-bg,#f6ffed) !default;
-$trionesColorSuccessBgHover: var(--triones-color-success-bg-hover,#d9f7be) !default;
-$trionesColorSuccessBorder: var(--triones-color-success-border,#b7eb8f) !default;
-$trionesColorSuccessBorderHover: var(--triones-color-success-border-hover,#95de64) !default;
-$trionesColorSuccessHover: var(--triones-color-success-hover,#95de64) !default;
-$trionesColorSuccessActive: var(--triones-color-success-active,#389e0d) !default;
-$trionesColorSuccessText: var(--triones-color-success-text,#52c41a) !default;
-$trionesColorSuccessTextActive: var(--triones-color-success-text-active,#389e0d) !default;
-
-
-$trionesColorError: var(--triones-color-error,#ff4d4f) !default;
-$trionesColorErrorBg: var(--triones-color-error-bg,#fff2f0) !default;
-$trionesColorErrorBgHover: var(--triones-color-error-bg-hover,#fff1f0) !default;
-$trionesColorErrorBgFilledHover: var(--triones-color-error-bg-filled-hover,#ffdfdc) !default;
-$trionesColorErrorBgActive: var(--triones-color-error-bg-active,#ffccc7) !default;
-$trionesColorErrorBorder: var(--triones-color-error-border,#ffccc7) !default;
-$trionesColorErrorBorderHover: var(--triones-color-error-border-hover,#ffa39e) !default;
-$trionesColorErrorHover: var(--triones-color-error-hover,#ff7875) !default;
-$trionesColorErrorActive: var(--triones-color-error-active,#d9363e) !default;
-$trionesColorErrorTextHover: var(--triones-color-error-text-hover,#ff7875) !default;
-$trionesColorErrorText: var(--triones-color-error-text,#ff4d4f) !default;
-$trionesColorErrorTextActive: var(--triones-color-error-text-active,#d9363e) !default;
-
-
-$trionesColorWarning: var(--triones-color-warning,#ff8f1f) !default;
-$trionesColorWarningBg: var(--triones-color-warning-bg,#fffbe6) !default;
-$trionesColorWarningBgHover: var(--triones-color-warning-bg-hover,#fff1b8) !default;
-$trionesColorWarningBgActive: var(--triones-color-warning-bg-active,#d48806) !default;
-$trionesColorWarningBorder: var(--triones-color-warning-border,#ffe58f) !default;
-$trionesColorWarningBorderHover: var(--triones-color-warning-border-hover,#ffd666) !default;
-$trionesColorWarningHover: var(--triones-color-warning-hover,#ffd666) !default;
-$trionesColorWarningActive: var(--triones-color-warning-active,#d48806) !default;
-$trionesColorWarningTextHover: var(--triones-color-warning-text-hover,#ffc53d) !default;
-$trionesColorWarningText: var(--triones-color-warning-text,#faad14) !default;
-$trionesColorWarningTextActive: var(--triones-color-warning-text-active,#d48806) !default;
-
-$trionesColorInfo: var(--triones-color-info,#1677ff) !default;
-$trionesColorInfoBg: var(--triones-color-info-bg,#e6f4ff) !default;
-$trionesColorInfoBgHover: var(--triones-color-info-bg-hover,#bae0ff) !default;
-$trionesColorInfoBgActive: var(--triones-color-info-bg-active,#bae0ff) !default;
-$trionesColorInfoBorder: var(--triones-color-info-border,#91caff) !default;
-$trionesColorInfoBorderHover: var(--triones-color-info-border-hover,#69b1ff) !default;
-$trionesColorInfoHover: var(--triones-color-info-hover,#69b1ff) !default;
-$trionesColorInfoActive: var(--triones-color-info-active,#0958d9) !default;
-$trionesColorInfoTextHover: var(--triones-color-info-text-hover,#4096ff) !default;
-$trionesColorInfoText: var(--triones-color-info-text,#1677ff) !default;
-$trionesColorInfoTextActive: var(--triones-color-info-text-active,#0958d9) !default;
-
-
-$trionesColorLink: var(--triones-color-link,#1677ff) !default;
-$trionesColorLinkHover: var(--triones-color-link-hover,#69b1ff) !default;
-$trionesColorLinkActive: var(--triones-color-link-active,#0958d9) !default;
-
-$trionesColorDanger: var(--triones-color-danger,#ff4d4f) !default;
-
-
-
-$trionesColorBgBase: var(--triones-color-bg-base,#fff) !default;
-$trionesColorBgScaffold: var(--triones-color-bg-scaffold,#F6F7FA) !default;
-
-$trionesBorderRadius: var(--triones-border-radius,6Px) !default;
-$trionesBorderRadiusXs: var(--triones-border-radius-xs,2Px) !default;
-$trionesBorderRadiusSm: var(--triones-border-radius-sm,4Px) !default;
-$trionesBorderRadiusLg: var(--triones-border-radius-lg,8Px) !default;
-$trionesBorderRadiusOuter: var(--triones-border-radius-outer,4Px) !default;
-$trionesBorderColor: var(--triones-border-color,#d9d9d9) !default;
-$trionesBorderColorSecondary: var(--triones-border-color-secondary,#f0f0f0) !default;
-
-
-$trionesColorBgMask: var(--triones-color-bg-mask,rgba(0, 0, 0, 0.45)) !default;
-
-$trionesLineHeight: var(--triones-line-height,1.5714285714285714) !default;
-$trionesLineHeightLg: var(--triones-line-height-lg,1.5) !default;
-$trionesLineHeightSm: var(--triones-line-height-sm,1.6666666666666667) !default;
-
-$trionesPaddingXxs: var(--triones-padding-xxs,4Px) !default;
-$trionesPaddingXs: var(--triones-padding-xs,8Px) !default;
-$trionesPaddingSm: var(--triones-padding-sm,12Px) !default;
-$trionesPadding: var(--triones-padding,16Px) !default;
-$trionesPaddingMd: var(--triones-padding-md,20Px) !default;
-$trionesPaddingLg: var(--triones-padding-lg,24Px) !default;
-$trionesPaddingXl: var(--triones-padding-xl,32Px) !default;
-$trionesPaddingContentHorizontalLg: var(--triones-padding-content-horizontal-lg,24Px) !default;
-$trionesPaddingContentVerticalLg: var(--triones-padding-content-vertical-lg,16Px) !default;
-$trionesPaddingContentHorizontal: var(--triones-padding-content-horizontal,16Px) !default;
-$trionesPaddingContentVertical: var(--triones-padding-content-vertical,12Px) !default;
-$trionesPaddingContentHorizontalSm: var(--triones-padding-content-horizontal-sm,16Px) !default;
-$trionesPaddingContentVerticalSm: var(--triones-padding-content-vertical-sm,8Px) !default;
-
-
-$trionesInputPaddingBlock: var(--triones-input-padding-block,4Px) !default;
-$trionesInputPaddingSm: var(--triones-input-padding-sm,0Px) !default;
-$trionesInputPaddingLg: var(--triones-input-padding-lg,7Px) !default;
-$trionesInputPaddingInline: var(--triones-input-padding-inline,11Px) !default;
-$trionesInputPaddingInlineSm: var(--triones-input-padding-inline-sm,7Px) !default;
-$trionesInputPaddingInlineLg: var(--triones-input-padding-inline-lg,11Px) !default;
-$trionesInputAddonBg: var(--triones-input-addon-bg,rgba(0, 0, 0, 0.02)) !default;
-$trionesInputActiveBorderColor: var(--triones-input-active-border-color,#1677ff) !default;
-$trionesInputHoverBorderColor: var(--triones-input-hover-border-color,#4096ff) !default;
-$trionesInputActiveShadow: var(--triones-input-active-shadow,0 0 0 2px rgba(5, 145, 255, 0.1)) !default;
-$trionesInputErrorActiveShadow: var(--triones-input-error-active-shadow,0 0 0 2px rgba(255, 38, 5, 0.06)) !default;
-$trionesInputWarringActiveShadow: var(--triones-input-warring-active-shadow,0 0 0 2px rgba(255, 215, 5, 0.1)) !default;
-$trionesInputHoverBg: var(--triones-input-hover-bg,#ffffff) !default;
-$trionesInputActiveBg: var(--triones-input-active-bg,#ffffff) !default;
-$trionesInputInputFontSize: var(--triones-input-input-font-size,14Px) !default;
-$trionesInputInputFontSizeLg: var(--triones-input-input-font-size-lg,16Px) !default;
-$trionesInputInputFontSizeSm: var(--triones-input-input-font-size-sm,14Px) !default;
-
-
-$trionesFontSizeSm: var(--triones-font-size-sm,12Px) !default;
-$trionesFontSize: var(--triones-font-size,14Px) !default;
-$trionesFontSizeLg: var(--triones-font-size-lg,16Px) !default;
-$trionesFontSizeXl: var(--triones-font-size-xl,20Px) !default;
-
-$trionesColorIcon: var(--triones-color-icon,rgba(0, 0, 0, 0.45)) !default;
-$trionesColorIconHover: var(--triones-color-icon-hover,rgba(0, 0, 0, 0.88)) !default;
-
-$trionesFontSizeIcon: var(--triones-font-size-icon,12Px) !default;
-
-/**
- * @description 安全区倍数
- */
-$trionesSafeAreaMultiple:var(--triones-safe-area-multiple,1)!default;
+@use "./css-variable";
+
+$trionesBlue: var(--triones-blue,#1677FF) !default;
+$trionesPurple: var(--triones-purple,#722ED1) !default;
+
+$trionesColorBgContainerDisabled: var(--triones-color-bg-container-disabled,rgba(0, 0, 0, 0.04)) !default;
+$trionesColorBorderBg: var(--triones-color-border-bg,#ffffff) !default;
+$trionesColorBorderSplit: var(--triones-color-border-split,rgba(5, 5, 5, 0.06)) !default;
+
+
+//region color text
+$trionesColorText: var(--triones-color-text,#333333) !default;
+$trionesColorTextBase: var(--triones-color-text-base,#000) !default;
+$trionesColorTextSecondary: var(--triones-color-text-secondary,rgba(0, 0, 0, 0.65)) !default;
+$trionesColorTextTertiary: var(--triones-color-text-tertiary,rgba(0, 0, 0, 0.45)) !default;
+$trionesColorTextQuaternary: var(--triones-color-text-quaternary,rgba(0, 0, 0, 0.25)) !default;
+$trionesColorTextPlaceholder: var(--triones-color-text-placeholder,rgba(0, 0, 0, 0.25)) !default;
+$trionesColorTextDisabled: var(--triones-color-text-disabled,rgba(0, 0, 0, 0.25)) !default;
+$trionesColorTextHeading: var(--triones-color-text-heading,rgba(0, 0, 0, 0.88)) !default;
+$trionesColorTextLabel: var(--triones-color-text-label,rgba(0, 0, 0, 0.65)) !default;
+$trionesColorTextDescription: var(--triones-color-text-description,rgba(0, 0, 0, 0.45)) !default;
+$trionesColorTextLightSolid: var(--triones-color-text-light-solid,#fff) !default;
+//endregion
+
+
+$trionesColorHighlight: var(--triones-color-highlight,#ff4d4f) !default;
+$trionesColorBgTextHover: var(--triones-color-bg-text-hover,rgba(0, 0, 0, 0.06)) !default;
+$trionesColorBgTextActive: var(--triones-color-bg-text-active,rgba(0, 0, 0, 0.15)) !default;
+
+
+$trionesColorFill: var(--triones-color-fill,rgba(0, 0, 0, 0.15)) !default;
+$trionesColorFillSecondary: var(--triones-color-fill-secondary,rgba(0, 0, 0, 0.06)) !default;
+$trionesColorFillTertiary: var(--triones-color-fill-tertiary,rgba(0, 0, 0, 0.04)) !default;
+$trionesColorFillQuaternary: var(--triones-color-fill-quaternary,rgba(0, 0, 0, 0.02)) !default;
+$trionesColorFillContent: var(--triones-color-fill-content,rgba(0, 0, 0, 0.06)) !default;
+$trionesColorFillContentHover: var(--triones-color-fill-content-hover,rgba(0, 0, 0, 0.15)) !default;
+$trionesColorFillContentAlter: var(--triones-color-fill-content-alter,rgba(0, 0, 0, 0.02)) !default;
+
+
+$trionesColorPrimary: var(--trioens-color-primary,#1677FF) !default;
+$trionesColorPrimaryBg: var(--triones-color-primary-bg,#e6f4ff) !default;
+$trionesColorPrimaryBgHover: var(--triones-color-primary-bg-hover,#bae0ff) !default;
+$trionesColorPrimaryBorder: var(--triones-color-primary-border,#91caff) !default;
+$trionesColorPrimaryBorderHover: var(--triones-color-primary-border-hover,#69b1ff) !default;
+$trionesColorPrimaryActive: var(--triones-color-primary-active,#0958d9) !default;
+$trionesColorPrimaryTextHover: var(--triones-color-primary-text-hover,#4096ff) !default;
+$trionesColorPrimaryText: var(--triones-color-primary-text,#1677ff) !default;
+$trionesColorPrimaryActive: var(--triones-color-primary-active,#0958d9) !default;
+
+$trionesColorSuccess: var(--triones-color-success,#00b578) !default;
+$trionesColorSuccessBg: var(--triones-color-success-bg,#f6ffed) !default;
+$trionesColorSuccessBgHover: var(--triones-color-success-bg-hover,#d9f7be) !default;
+$trionesColorSuccessBorder: var(--triones-color-success-border,#b7eb8f) !default;
+$trionesColorSuccessBorderHover: var(--triones-color-success-border-hover,#95de64) !default;
+$trionesColorSuccessHover: var(--triones-color-success-hover,#95de64) !default;
+$trionesColorSuccessActive: var(--triones-color-success-active,#389e0d) !default;
+$trionesColorSuccessText: var(--triones-color-success-text,#52c41a) !default;
+$trionesColorSuccessTextActive: var(--triones-color-success-text-active,#389e0d) !default;
+
+
+$trionesColorError: var(--triones-color-error,#ff4d4f) !default;
+$trionesColorErrorBg: var(--triones-color-error-bg,#fff2f0) !default;
+$trionesColorErrorBgHover: var(--triones-color-error-bg-hover,#fff1f0) !default;
+$trionesColorErrorBgFilledHover: var(--triones-color-error-bg-filled-hover,#ffdfdc) !default;
+$trionesColorErrorBgActive: var(--triones-color-error-bg-active,#ffccc7) !default;
+$trionesColorErrorBorder: var(--triones-color-error-border,#ffccc7) !default;
+$trionesColorErrorBorderHover: var(--triones-color-error-border-hover,#ffa39e) !default;
+$trionesColorErrorHover: var(--triones-color-error-hover,#ff7875) !default;
+$trionesColorErrorActive: var(--triones-color-error-active,#d9363e) !default;
+$trionesColorErrorTextHover: var(--triones-color-error-text-hover,#ff7875) !default;
+$trionesColorErrorText: var(--triones-color-error-text,#ff4d4f) !default;
+$trionesColorErrorTextActive: var(--triones-color-error-text-active,#d9363e) !default;
+
+
+$trionesColorWarning: var(--triones-color-warning,#ff8f1f) !default;
+$trionesColorWarningBg: var(--triones-color-warning-bg,#fffbe6) !default;
+$trionesColorWarningBgHover: var(--triones-color-warning-bg-hover,#fff1b8) !default;
+$trionesColorWarningBgActive: var(--triones-color-warning-bg-active,#d48806) !default;
+$trionesColorWarningBorder: var(--triones-color-warning-border,#ffe58f) !default;
+$trionesColorWarningBorderHover: var(--triones-color-warning-border-hover,#ffd666) !default;
+$trionesColorWarningHover: var(--triones-color-warning-hover,#ffd666) !default;
+$trionesColorWarningActive: var(--triones-color-warning-active,#d48806) !default;
+$trionesColorWarningTextHover: var(--triones-color-warning-text-hover,#ffc53d) !default;
+$trionesColorWarningText: var(--triones-color-warning-text,#faad14) !default;
+$trionesColorWarningTextActive: var(--triones-color-warning-text-active,#d48806) !default;
+
+$trionesColorInfo: var(--triones-color-info,#1677ff) !default;
+$trionesColorInfoBg: var(--triones-color-info-bg,#e6f4ff) !default;
+$trionesColorInfoBgHover: var(--triones-color-info-bg-hover,#bae0ff) !default;
+$trionesColorInfoBgActive: var(--triones-color-info-bg-active,#bae0ff) !default;
+$trionesColorInfoBorder: var(--triones-color-info-border,#91caff) !default;
+$trionesColorInfoBorderHover: var(--triones-color-info-border-hover,#69b1ff) !default;
+$trionesColorInfoHover: var(--triones-color-info-hover,#69b1ff) !default;
+$trionesColorInfoActive: var(--triones-color-info-active,#0958d9) !default;
+$trionesColorInfoTextHover: var(--triones-color-info-text-hover,#4096ff) !default;
+$trionesColorInfoText: var(--triones-color-info-text,#1677ff) !default;
+$trionesColorInfoTextActive: var(--triones-color-info-text-active,#0958d9) !default;
+
+
+$trionesColorLink: var(--triones-color-link,#1677ff) !default;
+$trionesColorLinkHover: var(--triones-color-link-hover,#69b1ff) !default;
+$trionesColorLinkActive: var(--triones-color-link-active,#0958d9) !default;
+
+$trionesColorDanger: var(--triones-color-danger,#ff4d4f) !default;
+
+
+
+$trionesColorBgBase: var(--triones-color-bg-base,#fff) !default;
+$trionesColorBgScaffold: var(--triones-color-bg-scaffold,#F6F7FA) !default;
+
+$trionesBorderRadius: var(--triones-border-radius,6Px) !default;
+$trionesBorderRadiusXs: var(--triones-border-radius-xs,2Px) !default;
+$trionesBorderRadiusSm: var(--triones-border-radius-sm,4Px) !default;
+$trionesBorderRadiusLg: var(--triones-border-radius-lg,8Px) !default;
+$trionesBorderRadiusOuter: var(--triones-border-radius-outer,4Px) !default;
+$trionesBorderColor: var(--triones-border-color,#d9d9d9) !default;
+$trionesBorderColorSecondary: var(--triones-border-color-secondary,#f0f0f0) !default;
+
+
+$trionesColorBgMask: var(--triones-color-bg-mask,rgba(0, 0, 0, 0.45)) !default;
+
+$trionesLineHeight: var(--triones-line-height,1.5714285714285714) !default;
+$trionesLineHeightLg: var(--triones-line-height-lg,1.5) !default;
+$trionesLineHeightSm: var(--triones-line-height-sm,1.6666666666666667) !default;
+
+$trionesPaddingXxs: var(--triones-padding-xxs,4Px) !default;
+$trionesPaddingXs: var(--triones-padding-xs,8Px) !default;
+$trionesPaddingSm: var(--triones-padding-sm,12Px) !default;
+$trionesPadding: var(--triones-padding,16Px) !default;
+$trionesPaddingMd: var(--triones-padding-md,20Px) !default;
+$trionesPaddingLg: var(--triones-padding-lg,24Px) !default;
+$trionesPaddingXl: var(--triones-padding-xl,32Px) !default;
+$trionesPaddingContentHorizontalLg: var(--triones-padding-content-horizontal-lg,24Px) !default;
+$trionesPaddingContentVerticalLg: var(--triones-padding-content-vertical-lg,16Px) !default;
+$trionesPaddingContentHorizontal: var(--triones-padding-content-horizontal,16Px) !default;
+$trionesPaddingContentVertical: var(--triones-padding-content-vertical,12Px) !default;
+$trionesPaddingContentHorizontalSm: var(--triones-padding-content-horizontal-sm,16Px) !default;
+$trionesPaddingContentVerticalSm: var(--triones-padding-content-vertical-sm,8Px) !default;
+
+
+$trionesInputPaddingBlock: var(--triones-input-padding-block,4Px) !default;
+$trionesInputPaddingBlockSm: var(--triones-input-padding-block-sm,0Px) !default;
+$trionesInputPaddingBlockLg: var(--triones-input-padding-block-lg,7Px) !default;
+$trionesInputPaddingInline: var(--triones-input-padding-inline,11Px) !default;
+$trionesInputPaddingInlineSm: var(--triones-input-padding-inline-sm,7Px) !default;
+$trionesInputPaddingInlineLg: var(--triones-input-padding-inline-lg,11Px) !default;
+$trionesInputAddonBg: var(--triones-input-addon-bg,rgba(0, 0, 0, 0.02)) !default;
+$trionesInputActiveBorderColor: var(--triones-input-active-border-color,#1677ff) !default;
+$trionesInputHoverBorderColor: var(--triones-input-hover-border-color,#4096ff) !default;
+$trionesInputActiveShadow: var(--triones-input-active-shadow,0 0 0 2px rgba(5, 145, 255, 0.1)) !default;
+$trionesInputErrorActiveShadow: var(--triones-input-error-active-shadow,0 0 0 2px rgba(255, 38, 5, 0.06)) !default;
+$trionesInputWarringActiveShadow: var(--triones-input-warring-active-shadow,0 0 0 2px rgba(255, 215, 5, 0.1)) !default;
+$trionesInputHoverBg: var(--triones-input-hover-bg,#ffffff) !default;
+$trionesInputActiveBg: var(--triones-input-active-bg,#ffffff) !default;
+$trionesInputInputFontSize: var(--triones-input-input-font-size,14Px) !default;
+$trionesInputInputFontSizeLg: var(--triones-input-input-font-size-lg,16Px) !default;
+$trionesInputInputFontSizeSm: var(--triones-input-input-font-size-sm,14Px) !default;
+
+
+$trionesFontSizeSm: var(--triones-font-size-sm,12Px) !default;
+$trionesFontSize: var(--triones-font-size,14Px) !default;
+$trionesFontSizeLg: var(--triones-font-size-lg,16Px) !default;
+$trionesFontSizeXl: var(--triones-font-size-xl,20Px) !default;
+
+$trionesColorIcon: var(--triones-color-icon,rgba(0, 0, 0, 0.45)) !default;
+$trionesColorIconHover: var(--triones-color-icon-hover,rgba(0, 0, 0, 0.88)) !default;
+
+$trionesFontSizeIcon: var(--triones-font-size-icon,12Px) !default;
+
+$trionesControlHeightXs: var(--control-height-xs,16Px) !default;
+$trionesControlHeightSm: var(--control-height-sm,22Px) !default;
+$trionesControlHeight: var(--control-height,32Px) !default;
+$trionesControlHeightLg: var(--control-height-lg,40Px) !default;
+
+
+
+/**
+ * @description 安全区倍数
+ */
+$trionesSafeAreaMultiple:var(--triones-safe-area-multiple,1)!default;

package/dist/types.d.ts

@@ -1,4 +1,5 @@
-export type SizeType = 'small' | 'middle' | 'large' | undefined;
+import React from "react";
+export type AntSize = 'small' | 'medium' | 'large' | undefined;
 export type BoundingClientRectType = {
     top: number;
     left: number;
@@ -11,3 +12,7 @@ export type Col = {
     flex?: number | string;
     span?: number;
 };
+export type LabeledValue = {
+    value: string | number;
+    label: React.ReactNode;
+};