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

package/dist/CascaderPicker/style.scss

@@ -1,42 +1,42 @@
-@import "../style/variable";
-$cascaderPickerCls: 'triones-antm-cascader-picker';
-
-.#{$cascaderPickerCls} {
-  width: 100%;
-  height: 300Px;
-  overflow: hidden;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-
-  &-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    border-bottom: 1Px solid $trionesBorderColor;
-    padding: 4Px;
-
-    &-button {
-
-      padding: 8Px;
-      font-size: 12Px;
-      &-ok{
-        color: $trionesColorPrimary;
-      }
-    }
-
-    &-title {
-    }
-  }
-
-  &-body {
-    flex: 1 1;
-    width: 100%;
-    pointer-events: unset;
-    overflow: hidden;
-  }
-  &-view{
-    --height: 100%;
-  }
-
-}
+@use "../style/variable" as *;
+$cascaderPickerCls: 'triones-antm-cascader-picker';
+
+.#{$cascaderPickerCls} {
+  width: 100%;
+  height: 300Px;
+  overflow: hidden;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+
+  &-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1Px solid $trionesBorderColor;
+    padding: 4Px;
+
+    &-button {
+
+      padding: 8Px;
+      font-size: 12Px;
+      &-ok{
+        color: $trionesColorPrimary;
+      }
+    }
+
+    &-title {
+    }
+  }
+
+  &-body {
+    flex: 1 1;
+    width: 100%;
+    pointer-events: unset;
+    overflow: hidden;
+  }
+  &-view{
+    --height: 100%;
+  }
+
+}

package/dist/CascaderView/cascader-view.js

@@ -9,7 +9,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import classNames from 'classnames';
-import { find, isArray, isEmpty, isEqual } from 'lodash';
+import { find, isArray, isEmpty, isEqual } from 'lodash-es';
 import React, { memo, useEffect, useState } from 'react';
 import Tabs from "../Tabs";
 import { CascaderColumn } from "./cascader-column";

package/dist/CascaderView/style.scss

@@ -1,22 +1,22 @@
-@import "../style/variable";
-
-$cascaderViewCls: 'triones-antm-cascader-view';
-.#{$cascaderViewCls} {
-  &-column {
-    height: 100%;
-    overflow-y: auto;
-    scrollbar-width: thin;
-    &-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      height: 34Px;
-      cursor: default;
-      padding: 0Px 8Px;
-
-      &-selected {
-        color: $trionesColorPrimary;
-      }
-    }
-  }
-}
+@use "../style/variable" as *;
+
+$cascaderViewCls: 'triones-antm-cascader-view';
+.#{$cascaderViewCls} {
+  &-column {
+    height: 100%;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    &-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      height: 34Px;
+      cursor: default;
+      padding: 0Px 8Px;
+
+      &-selected {
+        color: $trionesColorPrimary;
+      }
+    }
+  }
+}

package/dist/Cell/styles.scss

@@ -1,52 +1,52 @@
-@import "../style/variable";
-
-$cellCls: 'triones-antm-cell';
-
-.#{$cellCls} {
-  display: flex;
-  padding: 4Px 11Px;
-  gap: 4Px;
-
-  &-wrapper {
-    display: flex;
-    flex: 1 auto;
-  }
-
-  &-content {
-    flex: 1 auto;
-    display: flex;
-    align-items: center;
-  }
-
-  &-extra {
-  }
-
-  &-arrow {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  &-placeholder{
-    font-size: 14Px;
-    color: #cccccc;
-  }
-}
-
-.#{$cellCls}-group {
-  display: flex;
-  flex-direction: column;
-  border-radius: $trionesBorderRadius;
-  padding: 4Px 4Px;
-
-  &-title {
-    padding: 4Px 4Px;
-    display: flex;
-    justify-content: space-between;
-
-    &-text {
-    }
-
-    &-extra {
-    }
-  }
-}
+@use "../style/variable" as *;
+
+$cellCls: 'triones-antm-cell';
+
+.#{$cellCls} {
+  display: flex;
+  padding: 4Px 11Px;
+  gap: 4Px;
+
+  &-wrapper {
+    display: flex;
+    flex: 1 auto;
+  }
+
+  &-content {
+    flex: 1 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  &-extra {
+  }
+
+  &-arrow {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  &-placeholder{
+    font-size: 14Px;
+    color: #cccccc;
+  }
+}
+
+.#{$cellCls}-group {
+  display: flex;
+  flex-direction: column;
+  border-radius: $trionesBorderRadius;
+  padding: 4Px 4Px;
+
+  &-title {
+    padding: 4Px 4Px;
+    display: flex;
+    justify-content: space-between;
+
+    &-text {
+    }
+
+    &-extra {
+    }
+  }
+}

package/dist/Checkbox/index.scss

@@ -1,151 +1,151 @@
-@import "../style/variable";
-$checkboxCls: 'triones-antm-checkbox';
-
-$checkboxDisabledColor:rgba(0,0,0,0.25) !default;
-
-.#{$checkboxCls}-wrapper{
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  gap: 8Px;
-  .#{$checkboxCls}{
-    position: relative;
-    &-input{
-      cursor: inherit;
-      position: absolute;
-      opacity: 0;
-      width: 100%;
-      height: 100%;
-      top: 0;
-      left: 0;
-      margin: 0;
-      padding: 0;
-      z-index: 1;
-    }
-    &-fake{
-      width: 22PX;
-      height: 22PX;
-      .triones-antm-icon{
-        //position: absolute;
-      }
-      &-checked{
-        height: 100%;
-        width: 100%;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        background-color: $trionesColorPrimary;
-        color: white;
-        border-radius: 50vh;
-        box-sizing: border-box;
-        overflow: hidden;
-        //i{
-        //  width: 100%;
-        //  height: 100%;
-        //  display: flex;
-        //  align-items: center;
-        //  justify-content: center;
-        //}
-      }
-      &-unchecked{
-        height: 100%;
-        width: 100%;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-        border-radius: 50vh;
-        border: 1PX solid $trionesBorderColor;
-        box-sizing: border-box;
-      }
-    }
-  }
-
-
-  &.#{$checkboxCls}-disabled{
-    color: $checkboxDisabledColor;
-    pointer-events: none;
-    .#{$checkboxCls}-fake-checked{
-      background-color: $checkboxDisabledColor;
-    }
-  }
-
-  .triones-antm-icon {
-    //position: absolute;
-  }
-}
-
-
-
-.#{$checkboxCls}-group{
-  display: flex;
-}
-
-.#{$checkboxCls}-button{
-  cursor: pointer;
-  display: inline-flex;
-  padding: 4Px 12Px;
-  border-radius: 8Px;
-  position: relative;
-  overflow: hidden;
-  background-color: #f6f6f6;
-  box-sizing: border-box;
-
-  &-checked {
-    background-color: #ffffff;
-    border: 1Px solid #1677ff;
-
-    .#{$checkboxCls}-button-content {
-      color: #1677ff;
-    }
-  }
-
-  &-disabled {
-    pointer-events: none;
-    color: $checkboxDisabledColor;
-    &.#{$checkboxCls}-button  {
-        &-checked{
-          border: 1Px solid $checkboxDisabledColor;
-          .#{$checkboxCls}-button-content {
-            color: $checkboxDisabledColor;
-          }
-        }
-      .#{$checkboxCls}-button-icon{
-        border-bottom: 10Px solid $checkboxDisabledColor;
-        border-right: 10Px solid $checkboxDisabledColor;
-      }
-    }
-
-  }
-
-
-  &-icon {
-    align-items: flex-end;
-    border-bottom: 10Px solid $trionesColorPrimary;
-    border-left: 10Px solid transparent;
-    border-right: 10Px solid $trionesColorPrimary;
-    border-top: 10Px solid transparent;
-    bottom: 0;
-    display: flex;
-    height: 0;
-    justify-content: flex-end;
-    position: absolute;
-    right: 0;
-    width: 0;
-
-    .checkedIcon {
-      font-size: 6Px;
-      position: absolute;
-      left: 50%;
-      top: 50%;
-      transform: translate(1Px, -1Px);
-      //font-family: "triones-ant-mini-icon" !important;
-      font-style: normal;
-      color: #ffffff;
-
-      &::before {
-        font-style: normal;
-        //content: "\e75f";
-      }
-    }
-  }
-}
+@use "../style/variable" as *;
+$checkboxCls: 'triones-antm-checkbox';
+
+$checkboxDisabledColor:rgba(0,0,0,0.25) !default;
+
+.#{$checkboxCls}-wrapper{
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  gap: 8Px;
+  .#{$checkboxCls}{
+    position: relative;
+    &-input{
+      cursor: inherit;
+      position: absolute;
+      opacity: 0;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      margin: 0;
+      padding: 0;
+      z-index: 1;
+    }
+    &-fake{
+      width: 22PX;
+      height: 22PX;
+      .triones-antm-icon{
+        //position: absolute;
+      }
+      &-checked{
+        height: 100%;
+        width: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        background-color: $trionesColorPrimary;
+        color: white;
+        border-radius: 50vh;
+        box-sizing: border-box;
+        overflow: hidden;
+        //i{
+        //  width: 100%;
+        //  height: 100%;
+        //  display: flex;
+        //  align-items: center;
+        //  justify-content: center;
+        //}
+      }
+      &-unchecked{
+        height: 100%;
+        width: 100%;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        border-radius: 50vh;
+        border: 1PX solid $trionesBorderColor;
+        box-sizing: border-box;
+      }
+    }
+  }
+
+
+  &.#{$checkboxCls}-disabled{
+    color: $checkboxDisabledColor;
+    pointer-events: none;
+    .#{$checkboxCls}-fake-checked{
+      background-color: $checkboxDisabledColor;
+    }
+  }
+
+  .triones-antm-icon {
+    //position: absolute;
+  }
+}
+
+
+
+.#{$checkboxCls}-group{
+  display: flex;
+}
+
+.#{$checkboxCls}-button{
+  cursor: pointer;
+  display: inline-flex;
+  padding: 4Px 12Px;
+  border-radius: 8Px;
+  position: relative;
+  overflow: hidden;
+  background-color: #f6f6f6;
+  box-sizing: border-box;
+
+  &-checked {
+    background-color: #ffffff;
+    border: 1Px solid #1677ff;
+
+    .#{$checkboxCls}-button-content {
+      color: #1677ff;
+    }
+  }
+
+  &-disabled {
+    pointer-events: none;
+    color: $checkboxDisabledColor;
+    &.#{$checkboxCls}-button  {
+        &-checked{
+          border: 1Px solid $checkboxDisabledColor;
+          .#{$checkboxCls}-button-content {
+            color: $checkboxDisabledColor;
+          }
+        }
+      .#{$checkboxCls}-button-icon{
+        border-bottom: 10Px solid $checkboxDisabledColor;
+        border-right: 10Px solid $checkboxDisabledColor;
+      }
+    }
+
+  }
+
+
+  &-icon {
+    align-items: flex-end;
+    border-bottom: 10Px solid $trionesColorPrimary;
+    border-left: 10Px solid transparent;
+    border-right: 10Px solid $trionesColorPrimary;
+    border-top: 10Px solid transparent;
+    bottom: 0;
+    display: flex;
+    height: 0;
+    justify-content: flex-end;
+    position: absolute;
+    right: 0;
+    width: 0;
+
+    .checkedIcon {
+      font-size: 6Px;
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(1Px, -1Px);
+      //font-family: "triones-ant-mini-icon" !important;
+      font-style: normal;
+      color: #ffffff;
+
+      &::before {
+        font-style: normal;
+        //content: "\e75f";
+      }
+    }
+  }
+}

package/dist/DemoBlock/index.scss

@@ -1,20 +1,20 @@
-.demoBlock {
-  font-size: 14px;
-  margin-bottom: 12px;
-  &:last-of-type {
-    padding-bottom: 32px;
-  }
-  scrollbar-width: thin;
-}
-
-.demoTitle {
-  padding: 12px 12px 8px;
-  color: #697b8c;
-  font-size: 14px;
-  background: #fafbfc;
-}
-
-.demoMain {
-  border-right: none;
-  border-left: none;
-}
+.demoBlock {
+  font-size: 14px;
+  margin-bottom: 12px;
+  &:last-of-type {
+    padding-bottom: 32px;
+  }
+  scrollbar-width: thin;
+}
+
+.demoTitle {
+  padding: 12px 12px 8px;
+  color: #697b8c;
+  font-size: 14px;
+  background: #fafbfc;
+}
+
+.demoMain {
+  border-right: none;
+  border-left: none;
+}

package/dist/DemoDescription/index.scss

@@ -1,3 +1,3 @@
-.demoDescription {
-  color: var(--triones-antm-color-weak);
-}
+.demoDescription {
+  color: var(--triones-antm-color-weak);
+}