@apdesign/web-react 1.0.0

package/es/style/animation/zoom.less

@@ -0,0 +1,171 @@
+@import '../theme/default.less';
+
+// modal use
+.zoomIn-enter,
+.zoomIn-appear {
+  opacity: 0;
+  transform: scale(0.5, 0.5);
+}
+
+.zoomIn-enter-active,
+.zoomIn-appear-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: opacity @transition-duration-3 @transition-timing-function-standard,
+    transform @transition-duration-3 @transition-timing-function-standard;
+}
+
+.zoomIn-exit {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+
+.zoomIn-exit-active {
+  opacity: 0;
+  transform: scale(0.5, 0.5);
+  transition: opacity @transition-duration-3 @transition-timing-function-overshoot,
+    transform @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+// used by tooltip。缩放出现，渐隐退出
+.zoomInFadeOut-enter,
+.zoomInFadeOut-appear {
+  opacity: 0;
+  transform: scale(0.5, 0.5);
+}
+
+.zoomInFadeOut-enter-active,
+.zoomInFadeOut-appear-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: opacity @transition-duration-2 @transition-timing-function-standard,
+    transform @transition-duration-2 @transition-timing-function-standard;
+}
+
+.zoomInFadeOut-exit {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+
+.zoomInFadeOut-exit-active {
+  opacity: 0;
+  transform: scale(0.5, 0.5);
+  transition: opacity @transition-duration-2 @transition-timing-function-overshoot,
+    transform @transition-duration-2 @transition-timing-function-overshoot;
+}
+
+// used by slide, table filter
+.zoomInBig-enter,
+.zoomInBig-appear {
+  opacity: 0;
+  transform: scale(0.5, 0.5);
+}
+
+.zoomInBig-enter-active,
+.zoomInBig-appear-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: opacity @transition-duration-2 @transition-timing-function-linear,
+    transform @transition-duration-2 @transition-timing-function-linear;
+}
+
+.zoomInBig-exit {
+  opacity: 1;
+  transform: scale(1, 1);
+}
+
+.zoomInBig-exit-active {
+  opacity: 0;
+  transform: scale(0.2, 0.2);
+  transition: opacity @transition-duration-2 @transition-timing-function-linear,
+    transform @transition-duration-2 @transition-timing-function-linear;
+}
+
+.zoomInLeft-enter,
+.zoomInLeft-appear {
+  opacity: 0.1;
+  transform-origin: 0 50%;
+  transform: scale(0.1, 0.1);
+}
+
+.zoomInLeft-enter-active,
+.zoomInLeft-appear-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: opacity @transition-duration-3 @transition-timing-function-linear,
+    transform @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+.zoomInLeft-exit {
+  opacity: 1;
+  transform-origin: 0 50%;
+  transform: scale(1, 1);
+}
+
+.zoomInLeft-exit-active {
+  opacity: 0.1;
+  transform: scale(0.1, 0.1);
+  transition: opacity @transition-duration-3 @transition-timing-function-linear,
+    transform @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+// used by alert form
+.zoomInTop-enter,
+.zoomInTop-appear {
+  opacity: 0;
+  transform-origin: 0% 0%;
+  transform: scaleY(0.8) translateZ(0);
+}
+
+.zoomInTop-enter-active,
+.zoomInTop-appear-active {
+  opacity: 1;
+  transform-origin: 0% 0%;
+  transform: scaleY(1) translateZ(0);
+  transition: transform @transition-duration-3 @transition-timing-function-overshoot,
+    opacity @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+.zoomInTop-exit {
+  opacity: 1;
+  transform-origin: 0% 0%;
+  transform: scaleY(1) translateZ(0);
+}
+
+.zoomInTop-exit-active {
+  opacity: 0;
+  transform-origin: 0% 0%;
+  transform: scaleY(0.8) translateZ(0);
+  transition: transform @transition-duration-3 @transition-timing-function-overshoot,
+    opacity @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+.zoomInBottom-enter,
+.zoomInBottom-appear {
+  opacity: 0;
+  transform-origin: 100% 100%;
+  transform: scaleY(0.8) translateZ(0);
+}
+
+.zoomInBottom-enter-active,
+.zoomInBottom-appear-active {
+  opacity: 1;
+  transform-origin: 100% 100%;
+  transform: scaleY(1) translateZ(0);
+  transition: transform @transition-duration-3 @transition-timing-function-overshoot,
+    opacity @transition-duration-3 @transition-timing-function-overshoot;
+}
+
+.zoomInBottom-exit {
+  opacity: 1;
+  transform-origin: 100% 100%;
+  transform: scaleY(1) translateZ(0);
+}
+
+.zoomInBottom-exit-active {
+  opacity: 0;
+  transform-origin: 100% 100%;
+  transform: scaleY(0.8) translateZ(0);
+  transition: transform @transition-duration-3 @transition-timing-function-overshoot,
+    opacity @transition-duration-3 @transition-timing-function-overshoot;
+}

package/es/style/animation.less

@@ -0,0 +1,3 @@
+@import './animation/fade.less';
+@import './animation/slide.less';
+@import './animation/zoom.less';

package/es/style/icon.less

@@ -0,0 +1,94 @@
+.@{prefix}-icon {
+  display: inline-block;
+  color: inherit;
+  font-style: normal;
+  width: 1em;
+  height: 1em;
+  vertical-align: -2px;
+  stroke: currentColor;
+}
+
+.@{prefix}-icon[fill='currentColor'] {
+  fill: currentColor;
+  stroke: none;
+}
+
+.@{prefix}-icon[stroke='currentColor'] {
+  stroke: currentColor;
+  fill: none;
+}
+
+.@{prefix}-icon[fill='currentColor'][stroke='currentColor'] {
+  fill: currentColor;
+  stroke: currentColor;
+}
+
+.@{prefix}-icon-loading {
+  animation: ~'@{prefix}-loading-circle' @transition-duration-loading infinite @transition-timing-function-linear;
+}
+
+@keyframes ~'@{prefix}-loading-circle' {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.@{prefix}-icon-hover {
+  position: relative;
+  display: inline-block;
+  cursor: pointer;
+  line-height: 0;
+
+  .@{prefix}-icon {
+    position: relative;
+    vertical-align: -0.09em;
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    display: block;
+    border-radius: @icon-hover-border-radius;
+    background-color: @color-transparent;
+    box-sizing: border-box;
+    transition: background-color @transition-duration-1 @transition-timing-function-linear;
+  }
+
+  &:hover::before {
+    background-color: @icon-hover-color-bg;
+  }
+
+  &.@{prefix}-icon-hover-disabled::before {
+    opacity: 0;
+  }
+
+  .size(@icon-size, @icon-bg-height) {
+    // line-height: @icon-size;
+
+    &::before {
+      top: 50%;
+      left: 50%;
+      height: @icon-bg-height;
+      width: @icon-bg-height;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  .size(@icon-hover-size-default-icon, @icon-hover-size-default-height);
+
+  &-size-mini {
+    .size(@icon-hover-size-mini-icon, @icon-hover-size-mini-height);
+  }
+
+  &-size-small {
+    .size(@icon-hover-size-small-icon, @icon-hover-size-small-height);
+  }
+
+  &-size-large {
+    .size(@icon-hover-size-large-icon, @icon-hover-size-large-height);
+  }
+
+  &-size-huge {
+    .size(@icon-hover-size-huge-icon, @icon-hover-size-huge-height);
+  }
+}

package/es/style/index.css

@@ -0,0 +1 @@
+body{--red-1:255,236,232;--red-2:253,205,197;--red-3:251,172,163;--red-4:249,137,129;--red-5:247,101,96;--red-6:245,63,63;--red-7:203,39,45;--red-8:161,21,30;--red-9:119,8,19;--red-10:77,0,10;--orangered-1:255,243,232;--orangered-2:253,221,195;--orangered-3:252,197,159;--orangered-4:250,172,123;--orangered-5:249,144,87;--orangered-6:247,114,52;--orangered-7:204,81,32;--orangered-8:162,53,17;--orangered-9:119,31,6;--orangered-10:77,14,0;--orange-1:255,247,232;--orange-2:255,228,186;--orange-3:255,207,139;--orange-4:255,182,93;--orange-5:255,154,46;--orange-6:255,125,0;--orange-7:210,95,0;--orange-8:166,69,0;--orange-9:121,46,0;--orange-10:77,27,0;--gold-1:255,252,232;--gold-2:253,244,191;--gold-3:252,233,150;--gold-4:250,220,109;--gold-5:249,204,69;--gold-6:247,186,30;--gold-7:204,146,19;--gold-8:162,109,10;--gold-9:119,75,4;--gold-10:77,45,0;--yellow-1:254,255,232;--yellow-2:254,254,190;--yellow-3:253,250,148;--yellow-4:252,242,107;--yellow-5:251,232,66;--yellow-6:250,220,25;--yellow-7:207,175,15;--yellow-8:163,132,8;--yellow-9:120,93,3;--yellow-10:77,56,0;--lime-1:252,255,232;--lime-2:237,248,187;--lime-3:220,241,144;--lime-4:201,233,104;--lime-5:181,226,65;--lime-6:159,219,29;--lime-7:126,183,18;--lime-8:95,148,10;--lime-9:67,112,4;--lime-10:42,77,0;--green-1:232,255,234;--green-2:175,240,181;--green-3:123,225,136;--green-4:76,210,99;--green-5:35,195,67;--green-6:0,180,42;--green-7:0,154,41;--green-8:0,128,38;--green-9:0,102,34;--green-10:0,77,28;--cyan-1:232,255,251;--cyan-2:183,244,236;--cyan-3:137,233,224;--cyan-4:94,223,214;--cyan-5:55,212,207;--cyan-6:20,201,201;--cyan-7:13,165,170;--cyan-8:7,130,139;--cyan-9:3,97,108;--cyan-10:0,66,77;--blue-1:232,247,255;--blue-2:195,231,254;--blue-3:159,212,253;--blue-4:123,192,252;--blue-5:87,169,251;--blue-6:52,145,250;--blue-7:32,108,207;--blue-8:17,75,163;--blue-9:6,48,120;--blue-10:0,26,77;--arcoblue-1:232,243,255;--arcoblue-2:190,218,255;--arcoblue-3:148,191,255;--arcoblue-4:106,161,255;--arcoblue-5:64,128,255;--arcoblue-6:22,93,255;--arcoblue-7:14,66,210;--arcoblue-8:7,44,166;--arcoblue-9:3,26,121;--arcoblue-10:0,13,77;--purple-1:245,232,255;--purple-2:221,190,246;--purple-3:195,150,237;--purple-4:168,113,227;--purple-5:141,78,218;--purple-6:114,46,209;--purple-7:85,29,176;--purple-8:60,16,143;--purple-9:39,6,110;--purple-10:22,0,77;--pinkpurple-1:255,232,251;--pinkpurple-2:247,186,239;--pinkpurple-3:240,142,230;--pinkpurple-4:232,101,223;--pinkpurple-5:225,62,219;--pinkpurple-6:217,26,217;--pinkpurple-7:176,16,182;--pinkpurple-8:138,9,147;--pinkpurple-9:101,3,112;--pinkpurple-10:66,0,77;--magenta-1:255,232,241;--magenta-2:253,194,219;--magenta-3:251,157,199;--magenta-4:249,121,183;--magenta-5:247,84,168;--magenta-6:245,49,157;--magenta-7:203,30,131;--magenta-8:161,16,105;--magenta-9:119,6,79;--magenta-10:77,0,52;--gray-1:247,248,250;--gray-2:242,243,245;--gray-3:229,230,235;--gray-4:201,205,212;--gray-5:169,174,184;--gray-6:134,144,156;--gray-7:107,119,133;--gray-8:78,89,105;--gray-9:39,46,59;--gray-10:29,33,41;--success-1:var(--green-1);--success-2:var(--green-2);--success-3:var(--green-3);--success-4:var(--green-4);--success-5:var(--green-5);--success-6:var(--green-6);--success-7:var(--green-7);--success-8:var(--green-8);--success-9:var(--green-9);--success-10:var(--green-10);--primary-1:var(--arcoblue-1);--primary-2:var(--arcoblue-2);--primary-3:var(--arcoblue-3);--primary-4:var(--arcoblue-4);--primary-5:var(--arcoblue-5);--primary-6:var(--arcoblue-6);--primary-7:var(--arcoblue-7);--primary-8:var(--arcoblue-8);--primary-9:var(--arcoblue-9);--primary-10:var(--arcoblue-10);--danger-1:var(--red-1);--danger-2:var(--red-2);--danger-3:var(--red-3);--danger-4:var(--red-4);--danger-5:var(--red-5);--danger-6:var(--red-6);--danger-7:var(--red-7);--danger-8:var(--red-8);--danger-9:var(--red-9);--danger-10:var(--red-10);--warning-1:var(--orange-1);--warning-2:var(--orange-2);--warning-3:var(--orange-3);--warning-4:var(--orange-4);--warning-5:var(--orange-5);--warning-6:var(--orange-6);--warning-7:var(--orange-7);--warning-8:var(--orange-8);--warning-9:var(--orange-9);--warning-10:var(--orange-10);--link-1:var(--arcoblue-1);--link-2:var(--arcoblue-2);--link-3:var(--arcoblue-3);--link-4:var(--arcoblue-4);--link-5:var(--arcoblue-5);--link-6:var(--arcoblue-6);--link-7:var(--arcoblue-7);--link-8:var(--arcoblue-8);--link-9:var(--arcoblue-9);--link-10:var(--arcoblue-10);--data-1:var(--arcoblue-5);--data-2:var(--arcoblue-2);--data-3:85,197,253;--data-4:156,220,252;--data-5:var(--orange-6);--data-6:var(--orange-3);--data-7:var(--green-4);--data-8:var(--green-2);--data-9:var(--purple-4);--data-10:var(--purple-2);--data-11:var(--gold-6);--data-12:var(--gold-4);--data-13:var(--lime-6);--data-14:var(--lime-4);--data-15:var(--magenta-4);--data-16:var(--magenta-3);--data-17:var(--cyan-6);--data-18:var(--cyan-3);--data-19:var(--pinkpurple-4);--data-20:var(--pinkpurple-2)}body[arco-theme=dark]{--red-1:77,0,10;--red-2:119,6,17;--red-3:161,22,31;--red-4:203,46,52;--red-5:245,78,78;--red-6:247,105,101;--red-7:249,141,134;--red-8:251,176,167;--red-9:253,209,202;--red-10:255,240,236;--orangered-1:77,14,0;--orangered-2:119,30,5;--orangered-3:162,55,20;--orangered-4:204,87,41;--orangered-5:247,126,69;--orangered-6:249,146,90;--orangered-7:250,173,125;--orangered-8:252,198,161;--orangered-9:253,222,197;--orangered-10:255,244,235;--orange-1:77,27,0;--orange-2:121,48,4;--orange-3:166,75,10;--orange-4:210,105,19;--orange-5:255,141,31;--orange-6:255,150,38;--orange-7:255,179,87;--orange-8:255,205,135;--orange-9:255,227,184;--orange-10:255,247,232;--gold-1:77,45,0;--gold-2:119,75,4;--gold-3:162,111,15;--gold-4:204,150,31;--gold-5:247,192,52;--gold-6:249,204,68;--gold-7:250,220,108;--gold-8:252,233,149;--gold-9:253,244,190;--gold-10:255,252,232;--yellow-1:77,56,0;--yellow-2:120,94,7;--yellow-3:163,134,20;--yellow-4:207,179,37;--yellow-5:250,225,60;--yellow-6:251,233,75;--yellow-7:252,243,116;--yellow-8:253,250,157;--yellow-9:254,254,198;--yellow-10:254,255,240;--lime-1:42,77,0;--lime-2:68,112,6;--lime-3:98,148,18;--lime-4:132,183,35;--lime-5:168,219,57;--lime-6:184,226,75;--lime-7:203,233,112;--lime-8:222,241,152;--lime-9:238,248,194;--lime-10:253,255,238;--green-1:0,77,28;--green-2:4,102,37;--green-3:10,128,45;--green-4:18,154,55;--green-5:29,180,64;--green-6:39,195,70;--green-7:80,210,102;--green-8:126,225,139;--green-9:178,240,183;--green-10:235,255,236;--cyan-1:0,66,77;--cyan-2:6,97,108;--cyan-3:17,131,139;--cyan-4:31,166,170;--cyan-5:48,201,201;--cyan-6:63,212,207;--cyan-7:102,223,215;--cyan-8:144,233,225;--cyan-9:190,244,237;--cyan-10:240,255,252;--blue-1:0,26,77;--blue-2:5,47,120;--blue-3:19,76,163;--blue-4:41,113,207;--blue-5:70,154,250;--blue-6:90,170,251;--blue-7:125,193,252;--blue-8:161,213,253;--blue-9:198,232,254;--blue-10:234,248,255;--arcoblue-1:0,13,77;--arcoblue-2:4,27,121;--arcoblue-3:14,50,166;--arcoblue-4:29,77,210;--arcoblue-5:48,111,255;--arcoblue-6:60,126,255;--arcoblue-7:104,159,255;--arcoblue-8:147,190,255;--arcoblue-9:190,218,255;--arcoblue-10:234,244,255;--purple-1:22,0,77;--purple-2:39,6,110;--purple-3:62,19,143;--purple-4:90,37,176;--purple-5:123,61,209;--purple-6:142,81,218;--purple-7:169,116,227;--purple-8:197,154,237;--purple-9:223,194,246;--purple-10:247,237,255;--pinkpurple-1:66,0,77;--pinkpurple-2:101,3,112;--pinkpurple-3:138,13,147;--pinkpurple-4:176,27,182;--pinkpurple-5:217,46,217;--pinkpurple-6:225,61,219;--pinkpurple-7:232,102,223;--pinkpurple-8:240,146,230;--pinkpurple-9:247,193,240;--pinkpurple-10:255,242,253;--magenta-1:77,0,52;--magenta-2:119,8,80;--magenta-3:161,23,108;--magenta-4:203,43,136;--magenta-5:245,69,166;--magenta-6:247,86,169;--magenta-7:249,122,184;--magenta-8:251,158,200;--magenta-9:253,195,219;--magenta-10:255,232,241;--gray-1:23,23,26;--gray-2:46,46,48;--gray-3:72,72,73;--gray-4:95,95,96;--gray-5:120,120,122;--gray-6:146,146,147;--gray-7:171,171,172;--gray-8:197,197,197;--gray-9:223,223,223;--gray-10:246,246,246;--primary-1:var(--arcoblue-1);--primary-2:var(--arcoblue-2);--primary-3:var(--arcoblue-3);--primary-4:var(--arcoblue-4);--primary-5:var(--arcoblue-5);--primary-6:var(--arcoblue-6);--primary-7:var(--arcoblue-7);--primary-8:var(--arcoblue-8);--primary-9:var(--arcoblue-9);--primary-10:var(--arcoblue-10);--success-1:var(--green-1);--success-2:var(--green-2);--success-3:var(--green-3);--success-4:var(--green-4);--success-5:var(--green-5);--success-6:var(--green-6);--success-7:var(--green-7);--success-8:var(--green-8);--success-9:var(--green-9);--success-10:var(--green-10);--danger-1:var(--red-1);--danger-2:var(--red-2);--danger-3:var(--red-3);--danger-4:var(--red-4);--danger-5:var(--red-5);--danger-6:var(--red-6);--danger-7:var(--red-7);--danger-8:var(--red-8);--danger-9:var(--red-9);--danger-10:var(--red-10);--warning-1:var(--orange-1);--warning-2:var(--orange-2);--warning-3:var(--orange-3);--warning-4:var(--orange-4);--warning-5:var(--orange-5);--warning-6:var(--orange-6);--warning-7:var(--orange-7);--warning-8:var(--orange-8);--warning-9:var(--orange-9);--warning-10:var(--orange-10);--link-1:var(--arcoblue-1);--link-2:var(--arcoblue-2);--link-3:var(--arcoblue-3);--link-4:var(--arcoblue-4);--link-5:var(--arcoblue-5);--link-6:var(--arcoblue-6);--link-7:var(--arcoblue-7);--link-8:var(--arcoblue-8);--link-9:var(--arcoblue-9);--link-10:var(--arcoblue-10);--data-1:var(--arcoblue-5);--data-2:var(--arcoblue-3);--data-3:var(--blue-5);--data-4:var(--blue-3);--data-5:var(--orange-6);--data-6:var(--orange-3);--data-7:var(--green-4);--data-8:var(--green-3);--data-9:var(--purple-4);--data-10:var(--purple-3);--data-11:var(--gold-6);--data-12:var(--gold-4);--data-13:var(--lime-6);--data-14:var(--lime-4);--data-15:var(--magenta-4);--data-16:var(--magenta-3);--data-17:var(--cyan-6);--data-18:var(--cyan-3);--data-19:var(--pinkpurple-4);--data-20:var(--pinkpurple-2)}body{--color-white:#ffffff;--color-black:#000000;--color-border:rgb(var(--gray-3));--color-bg-popup:var(--color-bg-5);--color-bg-1:#fff;--color-bg-2:#fff;--color-bg-3:#fff;--color-bg-4:#fff;--color-bg-5:#fff;--color-bg-white:#fff;--color-neutral-1:rgb(var(--gray-1));--color-neutral-2:rgb(var(--gray-2));--color-neutral-3:rgb(var(--gray-3));--color-neutral-4:rgb(var(--gray-4));--color-neutral-5:rgb(var(--gray-5));--color-neutral-6:rgb(var(--gray-6));--color-neutral-7:rgb(var(--gray-7));--color-neutral-8:rgb(var(--gray-8));--color-neutral-9:rgb(var(--gray-9));--color-neutral-10:rgb(var(--gray-10));--color-text-1:var(--color-neutral-10);--color-text-2:var(--color-neutral-8);--color-text-3:var(--color-neutral-6);--color-text-4:var(--color-neutral-4);--color-border-1:var(--color-neutral-2);--color-border-2:var(--color-neutral-3);--color-border-3:var(--color-neutral-4);--color-border-4:var(--color-neutral-6);--color-fill-1:var(--color-neutral-1);--color-fill-2:var(--color-neutral-2);--color-fill-3:var(--color-neutral-3);--color-fill-4:var(--color-neutral-4);--color-primary-light-1:rgb(var(--primary-1));--color-primary-light-2:rgb(var(--primary-2));--color-primary-light-3:rgb(var(--primary-3));--color-primary-light-4:rgb(var(--primary-4));--color-secondary:var(--color-neutral-2);--color-secondary-hover:var(--color-neutral-3);--color-secondary-active:var(--color-neutral-4);--color-secondary-disabled:var(--color-neutral-1);--color-danger-light-1:rgb(var(--danger-1));--color-danger-light-2:rgb(var(--danger-2));--color-danger-light-3:rgb(var(--danger-3));--color-danger-light-4:rgb(var(--danger-4));--color-success-light-1:rgb(var(--success-1));--color-success-light-2:rgb(var(--success-2));--color-success-light-3:rgb(var(--success-3));--color-success-light-4:rgb(var(--success-4));--color-warning-light-1:rgb(var(--warning-1));--color-warning-light-2:rgb(var(--warning-2));--color-warning-light-3:rgb(var(--warning-3));--color-warning-light-4:rgb(var(--warning-4));--color-link-light-1:rgb(var(--link-1));--color-link-light-2:rgb(var(--link-2));--color-link-light-3:rgb(var(--link-3));--color-link-light-4:rgb(var(--link-4));--color-data-1:rgb(var(--arcoblue-5));--color-data-2:rgb(var(--arcoblue-3));--color-data-3:rgb(var(--blue-5));--color-data-4:rgb(var(--blue-3));--color-data-5:rgb(var(--orange-6));--color-data-6:rgb(var(--orange-3));--color-data-7:rgb(var(--green-4));--color-data-8:rgb(var(--green-3));--color-data-9:rgb(var(--purple-4));--color-data-10:rgb(var(--purple-3));--color-data-11:rgb(var(--gold-6));--color-data-12:rgb(var(--gold-4));--color-data-13:rgb(var(--lime-6));--color-data-14:rgb(var(--lime-4));--color-data-15:rgb(var(--magenta-4));--color-data-16:rgb(var(--magenta-3));--color-data-17:rgb(var(--cyan-6));--color-data-18:rgb(var(--cyan-3));--color-data-19:rgb(var(--pinkpurple-4));--color-data-20:rgb(var(--pinkpurple-2));--border-radius-none:0;--border-radius-small:2px;--border-radius-medium:4px;--border-radius-large:8px;--border-radius-circle:50%;--color-tooltip-bg:rgb(var(--gray-10));--color-spin-layer-bg:rgba(255, 255, 255, 0.6);--color-menu-dark-bg:#232324;--color-menu-light-bg:#ffffff;--color-menu-dark-hover:rgba(255, 255, 255, 0.04);--color-mask-bg:rgba(29, 33, 41, 0.6);--font-weight-100:100;--font-weight-200:200;--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-weight-800:800;--font-weight-900:900}body[arco-theme=dark]{--color-white:rgba(255, 255, 255, 0.9);--color-black:#000000;--color-border:#333335;--color-bg-1:#17171a;--color-bg-2:#232324;--color-bg-3:#2a2a2b;--color-bg-4:#313132;--color-bg-5:#373739;--color-bg-white:#f6f6f6;--color-text-1:rgba(255, 255, 255, 0.9);--color-text-2:rgba(255, 255, 255, 0.7);--color-text-3:rgba(255, 255, 255, 0.5);--color-text-4:rgba(255, 255, 255, 0.3);--color-fill-1:rgba(255, 255, 255, 0.04);--color-fill-2:rgba(255, 255, 255, 0.08);--color-fill-3:rgba(255, 255, 255, 0.12);--color-fill-4:rgba(255, 255, 255, 0.16);--color-primary-light-1:rgba(var(--primary-6), 0.2);--color-primary-light-2:rgba(var(--primary-6), 0.35);--color-primary-light-3:rgba(var(--primary-6), 0.5);--color-primary-light-4:rgba(var(--primary-6), 0.65);--color-secondary:rgba(var(--gray-9), 0.08);--color-secondary-hover:rgba(var(--gray-8), 0.16);--color-secondary-active:rgba(var(--gray-7), 0.24);--color-secondary-disabled:rgba(var(--gray-9), 0.08);--color-danger-light-1:rgba(var(--danger-6), 0.2);--color-danger-light-2:rgba(var(--danger-6), 0.35);--color-danger-light-3:rgba(var(--danger-6), 0.5);--color-danger-light-4:rgba(var(--danger-6), 0.65);--color-success-light-1:rgba(var(--success-6), 0.2);--color-success-light-2:rgba(var(--success-6), 0.35);--color-success-light-3:rgba(var(--success-6), 0.5);--color-success-light-4:rgba(var(--success-6), 0.65);--color-warning-light-1:rgba(var(--warning-6), 0.2);--color-warning-light-2:rgba(var(--warning-6), 0.35);--color-warning-light-3:rgba(var(--warning-6), 0.5);--color-warning-light-4:rgba(var(--warning-6), 0.65);--color-link-light-1:rgba(var(--link-6), 0.2);--color-link-light-2:rgba(var(--link-6), 0.35);--color-link-light-3:rgba(var(--link-6), 0.5);--color-link-light-4:rgba(var(--link-6), 0.65);--color-tooltip-bg:#373739;--color-spin-layer-bg:rgba(51, 51, 51, 0.6);--color-menu-dark-bg:#232324;--color-menu-light-bg:#232324;--color-menu-dark-hover:var(--color-fill-2);--color-mask-bg:rgba(23, 23, 26, 0.6)}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */body,html{line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,noto sans,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif}body{margin:0;padding:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}th,tr{margin:0;padding:0}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{outline:0}input::-ms-clear,input::-ms-reveal{display:none}.arco-icon{display:inline-block;color:inherit;font-style:normal;width:1em;height:1em;vertical-align:-2px;stroke:currentColor}.arco-icon[fill=currentColor]{fill:currentColor;stroke:none}.arco-icon[stroke=currentColor]{stroke:currentColor;fill:none}.arco-icon[fill=currentColor][stroke=currentColor]{fill:currentColor;stroke:currentColor}.arco-icon-loading{animation:arco-loading-circle 1s infinite cubic-bezier(0,0,1,1)}@keyframes arco-loading-circle{100%{transform:rotate(360deg)}}.arco-icon-hover{position:relative;display:inline-block;cursor:pointer;line-height:0}.arco-icon-hover .arco-icon{position:relative;vertical-align:-.09em}.arco-icon-hover::before{content:'';position:absolute;display:block;border-radius:var(--border-radius-circle);background-color:transparent;box-sizing:border-box;transition:background-color .1s cubic-bezier(0,0,1,1)}.arco-icon-hover:hover::before{background-color:var(--color-fill-2)}.arco-icon-hover.arco-icon-hover-disabled::before{opacity:0}.arco-icon-hover::before{top:50%;left:50%;height:20px;width:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-mini::before{top:50%;left:50%;height:20px;width:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-small::before{top:50%;left:50%;height:20px;width:20px;transform:translate(-50%,-50%)}.arco-icon-hover-size-large::before{top:50%;left:50%;height:24px;width:24px;transform:translate(-50%,-50%)}.arco-icon-hover-size-huge::before{top:50%;left:50%;height:24px;width:24px;transform:translate(-50%,-50%)}.fadeInStandard-appear,.fadeInStandard-enter{opacity:0}.fadeInStandard-appear-active,.fadeInStandard-enter-active{opacity:1;transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fadeInStandard-exit{opacity:1}.fadeInStandard-exit-active{opacity:0;transition:opacity .3s cubic-bezier(.34,.69,.1,1)}.fadeIn-appear,.fadeIn-enter{opacity:0}.fadeIn-appear-active,.fadeIn-enter-active{opacity:1;transition:opacity .1s cubic-bezier(0,0,1,1)}.fadeIn-exit{opacity:1}.fadeIn-exit-active{opacity:0;transition:opacity .1s cubic-bezier(0,0,1,1)}.slideDynamicOrigin-appear,.slideDynamicOrigin-enter{opacity:0;transform-origin:0 0;transform:scaleY(.9) translateZ(0)}.slideDynamicOrigin-appear-active,.slideDynamicOrigin-enter-active{opacity:1;transform-origin:0 0;transform:scaleY(1) translateZ(0);transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slideDynamicOrigin-exit{opacity:1;transform-origin:0 0;transform:scaleY(1) translateZ(0);transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slideDynamicOrigin-exit-active{opacity:0;transform-origin:0 0;transform:scaleY(.9) translateZ(0);transition:transform .2s cubic-bezier(.34,.69,.1,1),opacity .2s cubic-bezier(.34,.69,.1,1)}.slideLeft-appear,.slideLeft-enter{transform:translateX(-100%)}.slideLeft-appear-active,.slideLeft-enter-active{transform:translateX(0);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideLeft-exit{transform:translateX(0)}.slideLeft-exit-active{transform:translateX(-100%);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideRight-appear,.slideRight-enter{transform:translateX(100%)}.slideRight-appear-active,.slideRight-enter-active{transform:translateX(0);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideRight-exit{transform:translateX(0)}.slideRight-exit-active{transform:translateX(100%);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideTop-appear,.slideTop-enter{transform:translateY(-100%)}.slideTop-appear-active,.slideTop-enter-active{transform:translateY(0);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideTop-exit{transform:translateY(0)}.slideTop-exit-active{transform:translateY(-100%);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideBottom-appear,.slideBottom-enter{transform:translateY(100%)}.slideBottom-appear-active,.slideBottom-enter-active{transform:translateY(0);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.slideBottom-exit{transform:translateY(0)}.slideBottom-exit-active{transform:translateY(100%);transition:transform .3s cubic-bezier(.34,.69,.1,1)}.zoomIn-appear,.zoomIn-enter{opacity:0;transform:scale(.5,.5)}.zoomIn-appear-active,.zoomIn-enter-active{opacity:1;transform:scale(1,1);transition:opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1)}.zoomIn-exit{opacity:1;transform:scale(1,1)}.zoomIn-exit-active{opacity:0;transform:scale(.5,.5);transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoomInFadeOut-appear,.zoomInFadeOut-enter{opacity:0;transform:scale(.5,.5)}.zoomInFadeOut-appear-active,.zoomInFadeOut-enter-active{opacity:1;transform:scale(1,1);transition:opacity .2s cubic-bezier(.34,.69,.1,1),transform .2s cubic-bezier(.34,.69,.1,1)}.zoomInFadeOut-exit{opacity:1;transform:scale(1,1)}.zoomInFadeOut-exit-active{opacity:0;transform:scale(.5,.5);transition:opacity .2s cubic-bezier(.3,1.3,.3,1),transform .2s cubic-bezier(.3,1.3,.3,1)}.zoomInBig-appear,.zoomInBig-enter{opacity:0;transform:scale(.5,.5)}.zoomInBig-appear-active,.zoomInBig-enter-active{opacity:1;transform:scale(1,1);transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoomInBig-exit{opacity:1;transform:scale(1,1)}.zoomInBig-exit-active{opacity:0;transform:scale(.2,.2);transition:opacity .2s cubic-bezier(0,0,1,1),transform .2s cubic-bezier(0,0,1,1)}.zoomInLeft-appear,.zoomInLeft-enter{opacity:.1;transform-origin:0 50%;transform:scale(.1,.1)}.zoomInLeft-appear-active,.zoomInLeft-enter-active{opacity:1;transform:scale(1,1);transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoomInLeft-exit{opacity:1;transform-origin:0 50%;transform:scale(1,1)}.zoomInLeft-exit-active{opacity:.1;transform:scale(.1,.1);transition:opacity .3s cubic-bezier(0,0,1,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.zoomInTop-appear,.zoomInTop-enter{opacity:0;transform-origin:0 0;transform:scaleY(.8) translateZ(0)}.zoomInTop-appear-active,.zoomInTop-enter-active{opacity:1;transform-origin:0 0;transform:scaleY(1) translateZ(0);transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoomInTop-exit{opacity:1;transform-origin:0 0;transform:scaleY(1) translateZ(0)}.zoomInTop-exit-active{opacity:0;transform-origin:0 0;transform:scaleY(.8) translateZ(0);transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoomInBottom-appear,.zoomInBottom-enter{opacity:0;transform-origin:100% 100%;transform:scaleY(.8) translateZ(0)}.zoomInBottom-appear-active,.zoomInBottom-enter-active{opacity:1;transform-origin:100% 100%;transform:scaleY(1) translateZ(0);transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}.zoomInBottom-exit{opacity:1;transform-origin:100% 100%;transform:scaleY(1) translateZ(0)}.zoomInBottom-exit-active{opacity:0;transform-origin:100% 100%;transform:scaleY(.8) translateZ(0);transition:transform .3s cubic-bezier(.3,1.3,.3,1),opacity .3s cubic-bezier(.3,1.3,.3,1)}body{font-size:14px}

package/es/style/index.less

@@ -0,0 +1,10 @@
+@import './theme/default.less';
+@import './theme/css-variables.less';
+@import './normalize.less';
+@import './mixin.less';
+@import './icon.less';
+@import './animation.less';
+
+body {
+  font-size: @font-size-body;
+}

package/es/style/mixin.less

@@ -0,0 +1,24 @@
+.fixedWidth(@width) {
+  width: @width;
+  min-width: @width;
+  max-width: @width;
+}
+
+.icon-hover(@prefixCls, @inner-height, @bg-height) {
+  .@{prefix}-icon-hover.@{prefixCls}-icon-hover::before {
+    width: @bg-height;
+    height: @bg-height;
+  }
+}
+
+.icon-hover-bg(@prefixCls, @background-color-hover) {
+  .@{prefix}-icon-hover.@{prefixCls}-icon-hover:hover::before {
+    background-color: @background-color-hover;
+  }
+}
+
+.text-ellipsis() {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}

package/es/style/mixins/clearfix.less

@@ -0,0 +1,13 @@
+.clearfix() {
+  zoom: 1;
+
+  &::before,
+  &::after {
+    content: '';
+    display: table;
+  }
+
+  &::after {
+    clear: both;
+  }
+}

package/es/style/mixins/index.less

@@ -0,0 +1,2 @@
+// Mixins
+@import 'clearfix';