@fairys/taro-tools-react 1.0.3 → 1.0.5

package/lib/styles/index.css

@@ -0,0 +1,715 @@
+*, :before, :after, ::backdrop {
+  --un-rotate: 0;
+  --un-rotate-x: 0;
+  --un-rotate-y: 0;
+  --un-rotate-z: 0;
+  --un-scale-x: 1;
+  --un-scale-y: 1;
+  --un-scale-z: 1;
+  --un-skew-x: 0;
+  --un-skew-y: 0;
+  --un-translate-x: 0;
+  --un-translate-y: 0;
+  --un-translate-z: 0;
+  --un-pan-x: ;
+  --un-pan-y: ;
+  --un-pinch-zoom: ;
+  --un-scroll-snap-strictness: proximity;
+  --un-ordinal: ;
+  --un-slashed-zero: ;
+  --un-numeric-figure: ;
+  --un-numeric-spacing: ;
+  --un-numeric-fraction: ;
+  --un-border-spacing-x: 0;
+  --un-border-spacing-y: 0;
+  --un-ring-offset-shadow: 0 0 #0000;
+  --un-ring-shadow: 0 0 #0000;
+  --un-shadow-inset: ;
+  --un-shadow: 0 0 #0000;
+  --un-ring-inset: ;
+  --un-ring-offset-width: 0px;
+  --un-ring-offset-color: #fff;
+  --un-ring-width: 0px;
+  --un-ring-color: #93c5fd80;
+  --un-blur: ;
+  --un-brightness: ;
+  --un-contrast: ;
+  --un-drop-shadow: ;
+  --un-grayscale: ;
+  --un-hue-rotate: ;
+  --un-invert: ;
+  --un-saturate: ;
+  --un-sepia: ;
+  --un-backdrop-blur: ;
+  --un-backdrop-brightness: ;
+  --un-backdrop-contrast: ;
+  --un-backdrop-grayscale: ;
+  --un-backdrop-hue-rotate: ;
+  --un-backdrop-invert: ;
+  --un-backdrop-opacity: ;
+  --un-backdrop-saturate: ;
+  --un-backdrop-sepia: ;
+}
+
+.fairystaro__pointer-events-none {
+  pointer-events: none;
+}
+
+.fairystaro__position-fixed {
+  position: fixed;
+}
+
+.fairystaro__bottom-0 {
+  bottom: 0;
+}
+
+.fairystaro__left-0 {
+  left: 0;
+}
+
+.fairystaro__right-0 {
+  right: 0;
+}
+
+.fairystaro__top-0 {
+  top: 0;
+}
+
+.fairystaro__box-border {
+  box-sizing: border-box;
+}
+
+.fairystaro__h-full {
+  height: 100%;
+}
+
+.fairystaro__max-h-full {
+  max-height: 100%;
+}
+
+.fairystaro__max-w-full {
+  max-width: 100%;
+}
+
+.fairystaro__w-full {
+  width: 100%;
+}
+
+.fairystaro__flex {
+  display: flex;
+}
+
+.fairystaro__flex-1 {
+  flex: 1;
+}
+
+.fairystaro__flex-row {
+  flex-direction: row;
+}
+
+.fairystaro__flex-col {
+  flex-direction: column;
+}
+
+.fairystaro__items-center {
+  align-items: center;
+}
+
+.fairystaro__justify-center {
+  justify-content: center;
+}
+
+.fairystaro__gap-_zkh1_0_dl_4rem_zhk2_ {
+  gap: .4rem;
+}
+
+.fairystaro__gap-2 {
+  gap: .5rem;
+}
+
+.fairystaro__overflow-auto {
+  overflow: auto;
+}
+
+.fairystaro__border {
+  border-width: 1px;
+}
+
+.fairystaro__rounded-md {
+  border-radius: .375rem;
+}
+
+.fairystaro__border-solid {
+  border-style: solid;
+}
+
+.fairystaro__bg-white_xg_90 {
+  background-color: #ffffffe6;
+}
+
+.fairystaro__p-2 {
+  padding: .5rem;
+}
+
+.fairystaro__p-x-_zkh1_0_dl_4rem_zhk2_ {
+  padding-left: .4rem;
+  padding-right: .4rem;
+}
+
+.fairystaro__p-y-_zkh1_0_dl_4rem_zhk2_ {
+  padding-top: .4rem;
+  padding-bottom: .4rem;
+}
+
+.fairystaro__p-t-_zkh1_0_dl_15rem_zhk2_ {
+  padding-top: .15rem;
+}
+
+.fairystaro__text-_zkh1_0_dl_6rem_zhk2_ {
+  font-size: .6rem;
+}
+
+.fairystaro__text-_zkh1_0_dl_8rem_zhk2_ {
+  font-size: .8rem;
+}
+
+.fairystaro__text-color-_zkh1_blue_zhk2_ {
+  color: #00f;
+}
+
+.fairystaro__text-color-_zkh1_green_zhk2_ {
+  color: green;
+}
+
+.fairystaro__text-color-_zkh1_orange_zhk2_ {
+  color: orange;
+}
+
+.fairystaro__text-color-_zkh1_red_zhk2_ {
+  color: red;
+}
+
+.fairystaro__font-bold {
+  font-weight: 700;
+}
+
+@keyframes fairys_taro_loading_transform {
+  0% {
+    --fairys-enter-loading-transform-color: #00a98e;
+  }
+
+  1.25% {
+    --fairys-enter-loading-transform-color: #00a996;
+  }
+
+  2.5% {
+    --fairys-enter-loading-transform-color: #00a99f;
+  }
+
+  3.75% {
+    --fairys-enter-loading-transform-color: #00a9a7;
+  }
+
+  5% {
+    --fairys-enter-loading-transform-color: #00a9b0;
+  }
+
+  6.25% {
+    --fairys-enter-loading-transform-color: #00a9b8;
+  }
+
+  7.5% {
+    --fairys-enter-loading-transform-color: #00a9c0;
+  }
+
+  8.75% {
+    --fairys-enter-loading-transform-color: #00a8c7;
+  }
+
+  10% {
+    --fairys-enter-loading-transform-color: #00a8cf;
+  }
+
+  11.25% {
+    --fairys-enter-loading-transform-color: #00a7d5;
+  }
+
+  12.5% {
+    --fairys-enter-loading-transform-color: #00a6dc;
+  }
+
+  13.75% {
+    --fairys-enter-loading-transform-color: #00a6e2;
+  }
+
+  15% {
+    --fairys-enter-loading-transform-color: #00a4e7;
+  }
+
+  16.25% {
+    --fairys-enter-loading-transform-color: #00a3ec;
+  }
+
+  17.5% {
+    --fairys-enter-loading-transform-color: #00a2f1;
+  }
+
+  18.75% {
+    --fairys-enter-loading-transform-color: #00a0f4;
+  }
+
+  20% {
+    --fairys-enter-loading-transform-color: #009ff7;
+  }
+
+  21.25% {
+    --fairys-enter-loading-transform-color: #009dfa;
+  }
+
+  22.5% {
+    --fairys-enter-loading-transform-color: #009bfc;
+  }
+
+  23.75% {
+    --fairys-enter-loading-transform-color: #0098fd;
+  }
+
+  25% {
+    --fairys-enter-loading-transform-color: #0096fd;
+  }
+
+  26.25% {
+    --fairys-enter-loading-transform-color: #0093fd;
+  }
+
+  27.5% {
+    --fairys-enter-loading-transform-color: #2e90fc;
+  }
+
+  28.75% {
+    --fairys-enter-loading-transform-color: #4d8dfa;
+  }
+
+  30% {
+    --fairys-enter-loading-transform-color: #638af8;
+  }
+
+  31.25% {
+    --fairys-enter-loading-transform-color: #7587f5;
+  }
+
+  32.5% {
+    --fairys-enter-loading-transform-color: #8583f1;
+  }
+
+  33.75% {
+    --fairys-enter-loading-transform-color: #9280ed;
+  }
+
+  35% {
+    --fairys-enter-loading-transform-color: #9f7ce9;
+  }
+
+  36.25% {
+    --fairys-enter-loading-transform-color: #aa78e3;
+  }
+
+  37.5% {
+    --fairys-enter-loading-transform-color: #b574dd;
+  }
+
+  38.75% {
+    --fairys-enter-loading-transform-color: #be71d7;
+  }
+
+  40% {
+    --fairys-enter-loading-transform-color: #c76dd1;
+  }
+
+  41.25% {
+    --fairys-enter-loading-transform-color: #cf69c9;
+  }
+
+  42.5% {
+    --fairys-enter-loading-transform-color: #d566c2;
+  }
+
+  43.75% {
+    --fairys-enter-loading-transform-color: #dc63ba;
+  }
+
+  45% {
+    --fairys-enter-loading-transform-color: #e160b3;
+  }
+
+  46.25% {
+    --fairys-enter-loading-transform-color: #e65eab;
+  }
+
+  47.5% {
+    --fairys-enter-loading-transform-color: #e95ca2;
+  }
+
+  48.75% {
+    --fairys-enter-loading-transform-color: #ed5a9a;
+  }
+
+  50% {
+    --fairys-enter-loading-transform-color: #ef5992;
+  }
+
+  51.25% {
+    --fairys-enter-loading-transform-color: #f15989;
+  }
+
+  52.5% {
+    --fairys-enter-loading-transform-color: #f25981;
+  }
+
+  53.75% {
+    --fairys-enter-loading-transform-color: #f25a79;
+  }
+
+  55% {
+    --fairys-enter-loading-transform-color: #f25c71;
+  }
+
+  56.25% {
+    --fairys-enter-loading-transform-color: #f15e69;
+  }
+
+  57.5% {
+    --fairys-enter-loading-transform-color: #ef6061;
+  }
+
+  58.75% {
+    --fairys-enter-loading-transform-color: #ed635a;
+  }
+
+  60% {
+    --fairys-enter-loading-transform-color: #eb6552;
+  }
+
+  61.25% {
+    --fairys-enter-loading-transform-color: #e8694b;
+  }
+
+  62.5% {
+    --fairys-enter-loading-transform-color: #e46c44;
+  }
+
+  63.75% {
+    --fairys-enter-loading-transform-color: #e06f3d;
+  }
+
+  65% {
+    --fairys-enter-loading-transform-color: #db7336;
+  }
+
+  66.25% {
+    --fairys-enter-loading-transform-color: #d77630;
+  }
+
+  67.5% {
+    --fairys-enter-loading-transform-color: #d17a2a;
+  }
+
+  68.75% {
+    --fairys-enter-loading-transform-color: #cc7d24;
+  }
+
+  70% {
+    --fairys-enter-loading-transform-color: #c6811e;
+  }
+
+  71.25% {
+    --fairys-enter-loading-transform-color: #bf8418;
+  }
+
+  72.5% {
+    --fairys-enter-loading-transform-color: #b98713;
+  }
+
+  73.75% {
+    --fairys-enter-loading-transform-color: #b28a0f;
+  }
+
+  75% {
+    --fairys-enter-loading-transform-color: #ab8d0c;
+  }
+
+  76.25% {
+    --fairys-enter-loading-transform-color: #a3900b;
+  }
+
+  77.5% {
+    --fairys-enter-loading-transform-color: #9c920d;
+  }
+
+  78.75% {
+    --fairys-enter-loading-transform-color: #949510;
+  }
+
+  80% {
+    --fairys-enter-loading-transform-color: #8b9715;
+  }
+
+  81.25% {
+    --fairys-enter-loading-transform-color: #83991b;
+  }
+
+  82.5% {
+    --fairys-enter-loading-transform-color: #7a9b21;
+  }
+
+  83.75% {
+    --fairys-enter-loading-transform-color: #719d27;
+  }
+
+  85% {
+    --fairys-enter-loading-transform-color: #679e2e;
+  }
+
+  86.25% {
+    --fairys-enter-loading-transform-color: #5da035;
+  }
+
+  87.5% {
+    --fairys-enter-loading-transform-color: #51a13c;
+  }
+
+  88.75% {
+    --fairys-enter-loading-transform-color: #44a244;
+  }
+
+  90% {
+    --fairys-enter-loading-transform-color: #34a44b;
+  }
+
+  91.25% {
+    --fairys-enter-loading-transform-color: #1ba553;
+  }
+
+  92.5% {
+    --fairys-enter-loading-transform-color: #00a65b;
+  }
+
+  93.75% {
+    --fairys-enter-loading-transform-color: #00a663;
+  }
+
+  95% {
+    --fairys-enter-loading-transform-color: #00a76c;
+  }
+
+  96.25% {
+    --fairys-enter-loading-transform-color: #00a874;
+  }
+
+  97.5% {
+    --fairys-enter-loading-transform-color: #00a87d;
+  }
+
+  98.75% {
+    --fairys-enter-loading-transform-color: #00a985;
+  }
+
+  100% {
+    --fairys-enter-loading-transform-color: #00a98e;
+  }
+}
+
+.fairys_taro_loading {
+  --fairys-enter-loading-transform-color: #00a98e;
+  z-index: 10000;
+  width: 100%;
+  height: 100%;
+  color: var(--fairys-enter-loading-transform-color);
+  user-select: none;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  animation: 20s linear infinite fairys_taro_loading_transform;
+  display: flex;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.fairys_taro_loading :before, .fairys_taro_loading :after {
+  box-sizing: content-box;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main {
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  width: 2.4rem;
+  height: 2.4rem;
+  display: flex;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square {
+  justify-content: center;
+  align-items: center;
+  width: 1.2rem;
+  height: 1.2rem;
+  display: flex;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square:before {
+  content: "";
+  border: 3px solid var(--fairys-enter-loading-transform-color);
+  border-radius: 15%;
+  width: .5rem;
+  height: .5rem;
+  animation: 2s linear infinite square-to-dot-animation;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square:first-child:before {
+  animation-delay: .15s;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square:nth-child(2):before {
+  animation-delay: .3s;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square:nth-child(3):before {
+  animation-delay: .45s;
+}
+
+.fairys_taro_loading .fairys_taro_loading-main .square:nth-child(4):before {
+  animation-delay: .6s;
+}
+
+@keyframes square-to-dot-animation {
+  15%, 25% {
+    border-width: .2rem;
+    border-radius: 100%;
+    width: 0;
+    height: 0;
+    margin: .2rem;
+  }
+
+  40% {
+    width: .5rem;
+    height: .5rem;
+    margin: initial;
+    border-width: 3px;
+    border-radius: 15%;
+  }
+}
+
+.fairys_taro_loading .name {
+  margin-top: 1.5rem;
+  font-size: .8rem;
+  position: relative;
+}
+
+.fairys_taro_loading .tips {
+  opacity: .5;
+  margin-top: 1rem;
+  font-size: .8rem;
+  position: relative;
+}
+
+.fairys_taro_loading .loading-dots {
+  text-align: left;
+  display: inline-block;
+}
+
+.fairys_taro_loading .loading-dots:after {
+  content: "";
+  animation: 1.5s steps(4, end) infinite fairys_taro_loading_dots;
+}
+
+@keyframes fairys_taro_loading_dots {
+  0% {
+    content: "";
+  }
+
+  25% {
+    content: ".";
+  }
+
+  50% {
+    content: "..";
+  }
+
+  75% {
+    content: "...";
+  }
+
+  100% {
+    content: "";
+  }
+}
+
+.ant-design--info-circle-outlined {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1024 1024%27%3E%3Cpath fill=%27%23000%27 d=%27M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372%27/%3E%3Cpath fill=%27%23000%27 d=%27M464 336a48 48 0 1 0 96 0a48 48 0 1 0-96 0m72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8%27/%3E%3C/svg%3E");
+  width: 1.2em;
+  height: 1.2em;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  background-color: currentColor;
+  display: inline-block;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+}
+
+.fairys_taro-ui-message-icon-info {
+  background-color: #e6f4ff;
+  border-color: #91caff;
+}
+
+.ant-design--check-circle-outlined {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1024 1024%27%3E%3Cpath fill=%27%23000%27 d=%27M699 353h-46.9c-10.2 0-19.9 4.9-25.9 13.3L469 584.3l-71.2-98.8c-6-8.3-15.6-13.3-25.9-13.3H325c-6.5 0-10.3 7.4-6.5 12.7l124.6 172.8a31.8 31.8 0 0 0 51.7 0l210.6-292c3.9-5.3.1-12.7-6.4-12.7%27/%3E%3Cpath fill=%27%23000%27 d=%27M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372%27/%3E%3C/svg%3E");
+  width: 1.2em;
+  height: 1.2em;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  background-color: currentColor;
+  display: inline-block;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+}
+
+.fairys_taro-ui-message-icon-success {
+  background-color: #f6ffed;
+  border-color: #b7eb8f;
+}
+
+.ant-design--exclamation-circle-outlined {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1024 1024%27%3E%3Cpath fill=%27%23000%27 d=%27M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448s448-200.6 448-448S759.4 64 512 64m0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372s372 166.6 372 372s-166.6 372-372 372%27/%3E%3Cpath fill=%27%23000%27 d=%27M464 688a48 48 0 1 0 96 0a48 48 0 1 0-96 0m24-112h48c4.4 0 8-3.6 8-8V296c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8%27/%3E%3C/svg%3E");
+  width: 1.2em;
+  height: 1.2em;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  background-color: currentColor;
+  display: inline-block;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+}
+
+.fairys_taro-ui-message-icon-warning {
+  background-color: #fffbe6;
+  border-color: #ffe58f;
+}
+
+.ant-design--close-circle-outlined {
+  --svg: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1024 1024%27%3E%3Cpath fill=%27%23000%27 fill-rule=%27evenodd%27 d=%27M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960S64 759.4 64 512S264.6 64 512 64m0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372s372-166.6 372-372s-166.6-372-372-372m128.013 198.826c.023.007.042.018.083.059l45.02 45.019c.04.04.05.06.058.083a.12.12 0 0 1 0 .07c-.007.022-.018.041-.059.082L557.254 512l127.861 127.862a.3.3 0 0 1 .05.06l.009.023a.12.12 0 0 1 0 .07c-.007.022-.018.041-.059.082l-45.019 45.02c-.04.04-.06.05-.083.058a.12.12 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059L512 557.254L384.14 685.115c-.042.041-.06.052-.084.059a.12.12 0 0 1-.07 0c-.022-.007-.041-.018-.082-.059l-45.02-45.019a.2.2 0 0 1-.058-.083a.12.12 0 0 1 0-.07c.007-.022.018-.041.059-.082L466.745 512l-127.86-127.86a.3.3 0 0 1-.05-.061l-.009-.023a.12.12 0 0 1 0-.07c.007-.022.018-.041.059-.082l45.019-45.02c.04-.04.06-.05.083-.058a.12.12 0 0 1 .07 0c.022.007.041.018.082.059L512 466.745l127.862-127.86c.04-.041.06-.052.083-.059a.12.12 0 0 1 .07 0Z%27/%3E%3C/svg%3E");
+  width: 1.2em;
+  height: 1.2em;
+  -webkit-mask-image: var(--svg);
+  mask-image: var(--svg);
+  background-color: currentColor;
+  display: inline-block;
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
+}
+
+.fairys_taro-ui-message-icon-error {
+  background-color: #fff2f0;
+  border-color: #ffccc7;
+}
+

package/lib/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './valtio';
+export * from './useId';
+export * from './navigate';
+export * from './request';