@trionesdev/antd-mobile-react 0.0.2-beta.20 → 0.0.2-beta.21

package/dist/Empty/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { QuestionCircleOutline } from "../../../../antd-mobile-icons-react";
 import { DemoBlock } from "../../DemoBlock";

package/dist/ErrorBlock/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import { DemoBlock } from "../../DemoBlock";
 import React from 'react';

package/dist/FetchPicker/styles.scss

@@ -1,118 +1,118 @@
-@use "../style/variable" as variable;
-
-$cls: 'triones-antm-fetch-picker';
-
-.#{$cls} {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  background-color: #f5f5f5;
-
-  &-head {
-    padding: variable.$trionesPaddingXxs;
-    background-color: white;
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    border-bottom: 1Px solid variable.$trionesBorderColor;
-
-    &-icon {
-      padding: 8Px;
-    }
-
-    &-title {
-      flex: 1 auto;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-
-    &-button {
-      color: variable.$trionesColorPrimaryText;
-      display: inline-block;
-      padding: 8Px;
-    }
-
-  }
-
-  &-search-bar {
-    padding: variable.$trionesPaddingXxs;
-    background-color: white;
-
-    &-input {
-      background-color: #f5f5f5;
-    }
-  }
-
-  &-empty {
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100Px;
-  }
-
-  &-loading {
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    &-content {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      gap: 8Px;
-      font-size: 12Px;
-      color: #8c8c8c;
-    }
-  }
-
-  &-loading-more {
-    padding: variable.$trionesPaddingXxs;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #8c8c8c;
-    font-size: 12Px;
-  }
-
-  &-body {
-    flex: 1 auto;
-
-    .#{$cls} {
-      &-item {
-        padding-block: variable.$trionesPaddingSm;
-        padding-inline: variable.$trionesPadding;
-        background-color: white;
-        border-bottom: 1Px solid #f0f0f0;
-        &-option{
-          display: flex;
-          &-selected{
-            background-color: #e6f4ff;
-          }
-          &-content{
-            flex: auto;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-          }
-          &-state{
-            .triones-antm-icon{
-              color: variable.$trionesColorPrimaryText;
-              font-size: variable.$trionesFontSize;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &-footer {
-    flex-shrink: 0;
-    border-top: 1Px solid variable.$trionesBorderColor;
-    padding: variable.$trionesPaddingXxs;
-    background-color: white;
-  }
-}
+@use "../style/variable" as variable;
+
+$cls: 'triones-antm-fetch-picker';
+
+.#{$cls} {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #f5f5f5;
+
+  &-head {
+    padding: variable.$trionesPaddingXxs;
+    background-color: white;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    border-bottom: 1Px solid variable.$trionesBorderColor;
+
+    &-icon {
+      padding: 8Px;
+    }
+
+    &-title {
+      flex: 1 auto;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    &-button {
+      color: variable.$trionesColorPrimaryText;
+      display: inline-block;
+      padding: 8Px;
+    }
+
+  }
+
+  &-search-bar {
+    padding: variable.$trionesPaddingXxs;
+    background-color: white;
+
+    &-input {
+      background-color: #f5f5f5;
+    }
+  }
+
+  &-empty {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100Px;
+  }
+
+  &-loading {
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &-content {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      align-items: center;
+      gap: 8Px;
+      font-size: 12Px;
+      color: #8c8c8c;
+    }
+  }
+
+  &-loading-more {
+    padding: variable.$trionesPaddingXxs;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #8c8c8c;
+    font-size: 12Px;
+  }
+
+  &-body {
+    flex: 1 auto;
+
+    .#{$cls} {
+      &-item {
+        padding-block: variable.$trionesPaddingSm;
+        padding-inline: variable.$trionesPadding;
+        background-color: white;
+        border-bottom: 1Px solid #f0f0f0;
+        &-option{
+          display: flex;
+          &-selected{
+            background-color: #e6f4ff;
+          }
+          &-content{
+            flex: auto;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+          }
+          &-state{
+            .triones-antm-icon{
+              color: variable.$trionesColorPrimaryText;
+              font-size: variable.$trionesFontSize;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &-footer {
+    flex-shrink: 0;
+    border-top: 1Px solid variable.$trionesBorderColor;
+    padding: variable.$trionesPaddingXxs;
+    background-color: white;
+  }
+}

package/dist/FloatButton/style.scss

@@ -1,123 +1,123 @@
-@use "../style/variable" as variable;
-
-$floatButtonCls: "triones-antm-float-button";
-$floatButtonGroupCls: "triones-antm-float-button-group";
-
-$floatButtonSize: 48Px;
-$floatButtonShadow: 0 6Px 16Px 0 rgba(0, 0, 0, 0.08),
-  0 3Px 6Px -4Px rgba(0, 0, 0, 0.12), 0 9Px 28Px 8Px rgba(0, 0, 0, 0.05);
-
-.#{$floatButtonCls} {
-  position: fixed;
-  display: inline-flex;
-  flex-shrink: 0;
-  box-sizing: border-box;
-
-  &--embedded {
-    position: relative;
-    right: auto;
-    bottom: auto;
-    z-index: auto;
-  }
-
-  &-body {
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8Px;
-    min-width: $floatButtonSize;
-    min-height: $floatButtonSize;
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    font-size: 20Px;
-    line-height: 1;
-    color: rgba(0, 0, 0, 0.88);
-    background: #fff;
-    box-shadow: $floatButtonShadow;
-    transition: color 0.2s, background 0.2s, box-shadow 0.2s;
-    -webkit-tap-highlight-color: transparent;
-    text-decoration: none;
-
-    &:active {
-      filter: brightness(0.95);
-    }
-  }
-
-  &--shape-square &-body {
-    border-radius: variable.$trionesBorderRadius;
-  }
-
-  &--has-content &-body {
-    min-height: $floatButtonSize;
-    display: inline-flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &--type-primary &-body {
-    color: #fff;
-    background: variable.$trionesColorPrimary;
-  }
-
-  &-icon {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &-content {
-    font-size: variable.$trionesFontSizeSm;
-    font-weight: 500;
-    white-space: nowrap;
-  }
-}
-
-.#{$floatButtonGroupCls} {
-  position: fixed;
-  z-index: 100;
-  bottom: calc(24Px + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  gap: 12Px;
-  align-items: flex-end;
-  box-sizing: border-box;
-
-  &--placement {
-    &-top {
-      flex-direction: column;
-    }
-    &-bottom {
-      flex-direction: column;
-    }
-    &-left {
-      flex-direction: row;
-    }
-    &-right {
-      flex-direction: row;
-    }
-  }
-
-  &--menu {
-    align-items: center;
-  }
-
-  &-list {
-    display: flex;
-    flex-direction: column;
-    gap: 12Px;
-    align-items: flex-end;
-
-    &--hidden {
-      display: none;
-    }
-  }
-
-  &--placement-left &-list,
-  &--placement-right &-list {
-    flex-direction: column;
-  }
-}
+@use "../style/variable" as variable;
+
+$floatButtonCls: "triones-antm-float-button";
+$floatButtonGroupCls: "triones-antm-float-button-group";
+
+$floatButtonSize: 48Px;
+$floatButtonShadow: 0 6Px 16Px 0 rgba(0, 0, 0, 0.08),
+  0 3Px 6Px -4Px rgba(0, 0, 0, 0.12), 0 9Px 28Px 8Px rgba(0, 0, 0, 0.05);
+
+.#{$floatButtonCls} {
+  position: fixed;
+  display: inline-flex;
+  flex-shrink: 0;
+  box-sizing: border-box;
+
+  &--embedded {
+    position: relative;
+    right: auto;
+    bottom: auto;
+    z-index: auto;
+  }
+
+  &-body {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8Px;
+    min-width: $floatButtonSize;
+    min-height: $floatButtonSize;
+    border: none;
+    border-radius: 50%;
+    cursor: pointer;
+    font-size: 20Px;
+    line-height: 1;
+    color: rgba(0, 0, 0, 0.88);
+    background: #fff;
+    box-shadow: $floatButtonShadow;
+    transition: color 0.2s, background 0.2s, box-shadow 0.2s;
+    -webkit-tap-highlight-color: transparent;
+    text-decoration: none;
+
+    &:active {
+      filter: brightness(0.95);
+    }
+  }
+
+  &--shape-square &-body {
+    border-radius: variable.$trionesBorderRadius;
+  }
+
+  &--has-content &-body {
+    min-height: $floatButtonSize;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &--type-primary &-body {
+    color: #fff;
+    background: variable.$trionesColorPrimary;
+  }
+
+  &-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-content {
+    font-size: variable.$trionesFontSizeSm;
+    font-weight: 500;
+    white-space: nowrap;
+  }
+}
+
+.#{$floatButtonGroupCls} {
+  position: fixed;
+  z-index: 100;
+  bottom: calc(24Px + env(safe-area-inset-bottom, 0px));
+  display: flex;
+  gap: 12Px;
+  align-items: flex-end;
+  box-sizing: border-box;
+
+  &--placement {
+    &-top {
+      flex-direction: column;
+    }
+    &-bottom {
+      flex-direction: column;
+    }
+    &-left {
+      flex-direction: row;
+    }
+    &-right {
+      flex-direction: row;
+    }
+  }
+
+  &--menu {
+    align-items: center;
+  }
+
+  &-list {
+    display: flex;
+    flex-direction: column;
+    gap: 12Px;
+    align-items: flex-end;
+
+    &--hidden {
+      display: none;
+    }
+  }
+
+  &--placement-left &-list,
+  &--placement-right &-list {
+    flex-direction: column;
+  }
+}

package/dist/Footer/demo/base.js

@@ -1,5 +1,5 @@
-/**
- * compact: true
+/**
+ * compact: true
  */
 import React from 'react';
 import { DemoBlock } from "../../DemoBlock";