@trionesdev/antd-taro-react 0.0.2-beta.15 → 0.0.2-beta.17

package/dist/Overlay/style.scss

@@ -1,20 +1,20 @@
-@use "../style/variable" as variable;
-
-$trionesOverlayCls: 'triones-antm-overlay';
-
-.#{$trionesOverlayCls} { 
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-color: rgba(0, 0, 0, .55);
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  pointer-events: none; // 初始状态不可点击
-  
-  &-active {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
+@use "../style/variable" as variable;
+
+$trionesOverlayCls: 'triones-antm-overlay';
+
+.#{$trionesOverlayCls} { 
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, .55);
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  pointer-events: none; // 初始状态不可点击
+  
+  &-active {
+    opacity: 1;
+    pointer-events: auto;
+  }
+}

package/dist/Picker/Picker.d.ts

@@ -12,8 +12,16 @@ export type PickerProps = {
      */
     labelInValue?: boolean;
     value?: any[];
+    round?: boolean;
     onOk?: (value: any[]) => void;
     onCancel?: () => void;
     onClose?: () => void;
+    styles?: {
+        overlay?: React.CSSProperties;
+        container?: React.CSSProperties;
+        header?: React.CSSProperties;
+        title?: React.CSSProperties;
+        body?: React.CSSProperties;
+    };
 };
 export declare const Picker: FC<PickerProps>;

package/dist/Picker/Picker.js

@@ -21,9 +21,12 @@ export var Picker = /*#__PURE__*/React.memo(function (_ref) {
     _ref$labelInValue = _ref.labelInValue,
     labelInValue = _ref$labelInValue === void 0 ? false : _ref$labelInValue,
     value = _ref.value,
+    _ref$round = _ref.round,
+    round = _ref$round === void 0 ? true : _ref$round,
     onOk = _ref.onOk,
     onCancel = _ref.onCancel,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    styles = _ref.styles;
   var _ConfigProvider$useCo = ConfigProvider.useConfig(),
     locale = _ConfigProvider$useCo.locale;
   var _useState = useState(value || []),
@@ -70,12 +73,8 @@ export var Picker = /*#__PURE__*/React.memo(function (_ref) {
     onClose: function onClose() {
       afterOpenChange === null || afterOpenChange === void 0 || afterOpenChange(false);
     },
-    styles: {
-      body: {
-        borderTopLeftRadius: 6,
-        borderTopRightRadius: 6
-      }
-    }
+    round: round,
+    styles: styles
   }, /*#__PURE__*/React.createElement("div", {
     className: classNames(pickerCls)
   }, /*#__PURE__*/React.createElement("div", {

package/dist/Picker/style.scss

@@ -1,41 +1,41 @@
-@use "../style/variable" as variable;
-$pickerCls: 'triones-antm-picker';
-
-.#{$pickerCls} {
-  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 #eee;
-    padding: 4Px;
-
-    &-button {
-      padding: 8Px;
-      font-size: 12Px;
-      &-cancel{
-        color: variable.$trionesColorTextSecondary;
-      }
-      &-ok{
-        color: variable.$trionesColorPrimary;
-      }
-    }
-
-    &-title {
-    }
-  }
-
-  &-body {
-    flex: 1 1;
-    width: 100%;
-    height: 100%;
-    pointer-events: unset;
-  }
-
-}
+@use "../style/variable" as variable;
+$pickerCls: 'triones-antm-picker';
+
+.#{$pickerCls} {
+  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 #eee;
+    padding: 4Px;
+
+    &-button {
+      padding: 8Px;
+      font-size: 12Px;
+      &-cancel{
+        color: variable.$trionesColorTextSecondary;
+      }
+      &-ok{
+        color: variable.$trionesColorPrimary;
+      }
+    }
+
+    &-title {
+    }
+  }
+
+  &-body {
+    flex: 1 1;
+    width: 100%;
+    height: 100%;
+    pointer-events: unset;
+  }
+
+}

package/dist/PickerView/style.scss

@@ -1,13 +1,13 @@
-$pickerViewCls: 'triones-antm-picker-view';
-.#{$pickerViewCls}{
-  &-column{
-    &-item{
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 32Px;
-      box-sizing: border-box;
-    }
-  }
-}
+$pickerViewCls: 'triones-antm-picker-view';
+.#{$pickerViewCls}{
+  &-column{
+    &-item{
+      flex-shrink: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 32Px;
+      box-sizing: border-box;
+    }
+  }
+}

package/dist/PickerView/types.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 export declare const pickerViewCls = "triones-antm-picker-view";
 export type PickerColumnOption = {
-    label?: string;
-    value?: string;
+    label?: React.ReactNode;
+    value?: any;
 };
 export type PickerViewProps = {
     className?: string;

package/dist/Popup/style.scss

@@ -1,124 +1,126 @@
-@use "../style/variable" as variable;
-
-$trionesPopupCls: 'triones-antm-popup';
-
-.#{$trionesPopupCls} {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  touch-action: none;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 0.3s ease;
-
-  &-open {
-    pointer-events: auto;
-    opacity: 1;
-  }
-
-  &-overlay {
-    width: 100%;
-    height: 100%;
-    background-color: rgba(0, 0, 0, .55);
-  }
-
-  &-container {
-    position: fixed;
-    overflow: hidden;
-    background-color: white;
-    display: flex;
-    flex-direction: column;
-  }
-
-
-  &-header {
-    display: flex;
-    align-items: center;
-    padding-block: variable.$trionesPaddingContentVertical;
-    padding-inline: variable.$trionesPaddingContentHorizontal;
-    &-title{
-      flex: 1;
-      text-align: center;
-      font-size: variable.$trionesFontSizeLg;
-    }
-  }
-
-  &-body{
-    flex: 1;
-  }
-
-  &-top {
-    top: 0;
-    left: 0;
-    right: 0;
-    max-height: 100%;
-
-
-    &.#{$trionesPopupCls} {
-      &-round {
-        border-bottom-left-radius: variable.$trionesBorderRadius;
-        border-bottom-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-bottom {
-    bottom: 0;
-    left: 0;
-    right: 0;
-    max-height: 100%;
-
-
-    &.#{$trionesPopupCls} {
-      &-round {
-        border-top-left-radius: variable.$trionesBorderRadius;
-        border-top-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-left {
-    top: 0;
-    bottom: 0;
-    left: 0;
-    max-width: 100%;
-
-    &.#{$trionesPopupCls} {
-      &-round {
-        border-top-right-radius: variable.$trionesBorderRadius;
-        border-bottom-right-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-right {
-    top: 0;
-    bottom: 0;
-    right: 0;
-    max-width: 100%;
-
-    &.#{$trionesPopupCls} {
-      &-round {
-        border-top-left-radius: variable.$trionesBorderRadius;
-        border-bottom-left-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-  &-center {
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    max-width: 100%;
-    max-height: 100%;
-
-    &.#{$trionesPopupCls} {
-      &-round {
-        border-radius: variable.$trionesBorderRadius;
-      }
-    }
-  }
-
-}
+@use "../style/variable" as variable;
+
+$trionesPopupCls: 'triones-antm-popup';
+
+.#{$trionesPopupCls} {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  touch-action: none;
+  pointer-events: none;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+
+  &-open {
+    pointer-events: auto;
+    opacity: 1;
+  }
+
+  &-overlay {
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, .55);
+  }
+
+  &-container {
+    position: fixed;
+    overflow: hidden;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+  }
+
+
+  &-header {
+    display: flex;
+    align-items: center;
+    padding-block: variable.$trionesPaddingContentVertical;
+    padding-inline: variable.$trionesPaddingContentHorizontal;
+    border-bottom: 1px solid variable.$trionesBorderColor;
+    &-title{
+      flex: 1;
+      text-align: center;
+      font-size: variable.$trionesFontSizeLg;
+    }
+  }
+
+  &-body{
+    min-height: 0;
+    flex: 1;
+  }
+
+  &-top {
+    top: 0;
+    left: 0;
+    right: 0;
+    max-height: 100%;
+
+
+    &.#{$trionesPopupCls} {
+      &-round {
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-bottom {
+    bottom: 0;
+    left: 0;
+    right: 0;
+    max-height: 100%;
+
+
+    &.#{$trionesPopupCls} {
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-top-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-left {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    max-width: 100%;
+
+    &.#{$trionesPopupCls} {
+      &-round {
+        border-top-right-radius: variable.$trionesBorderRadius;
+        border-bottom-right-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-right {
+    top: 0;
+    bottom: 0;
+    right: 0;
+    max-width: 100%;
+
+    &.#{$trionesPopupCls} {
+      &-round {
+        border-top-left-radius: variable.$trionesBorderRadius;
+        border-bottom-left-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+  &-center {
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    max-width: 100%;
+    max-height: 100%;
+
+    &.#{$trionesPopupCls} {
+      &-round {
+        border-radius: variable.$trionesBorderRadius;
+      }
+    }
+  }
+
+}

package/dist/SideBar/side-bar.js

@@ -106,8 +106,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页顶部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页顶部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetTop = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
@@ -153,8 +153,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     };
   }();
 
-  /**
-   * 计算当前页底部，距离可滚动区域顶部的距离
+  /**
+   * 计算当前页底部，距离可滚动区域顶部的距离
    */
   var computeReactiveOffsetBottom = /*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {
@@ -232,8 +232,8 @@ var SideBarContent = /*#__PURE__*/memo(function (_ref2) {
     }
   }, [activeKey]);
 
-  /**
-   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
+  /**
+   * 监听滚动变化，只有在人为操作的时候才监听滚动的位置是否需要切换tab，如果是切换tab 引发的滚动则不执行
    */
   useEffect(function () {
     if (mode === 'scroll' && manual && scrollDetail !== null && scrollDetail !== void 0 && scrollDetail.manual) {

package/dist/SideBar/style.scss

@@ -1,85 +1,85 @@
-@use "../style/variable" as variable;
-
-$trionesSideBarCls: 'triones-antm-sidebar';
-
-.#{$trionesSideBarCls} {
-  display: flex;
-  height: 100%;
-
-
-  &-tabs {
-    min-width: 0;
-    background-color: variable.$trionesColorFill;
-    overflow: auto;
-    scrollbar-width: thin;
-    flex-shrink: 0;
-  }
-
-  &-tab {
-    cursor: pointer;
-    padding: variable.$trionesPadding variable.$trionesPadding;
-    color: variable.$trionesColorTextSecondary;
-
-    &-active {
-      color: variable.$trionesColorPrimaryText;
-      background-color: variable.$trionesColorBgBase;
-    }
-
-  }
-
-  &-content {
-    flex: 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    //overflow-y: auto;
-    //scrollbar-width: none;
-    position: relative;
-    user-select: none;
-    touch-action: none;
-
-
-    &-wheel {
-      width: 100%;
-      cursor: grab;
-      position: absolute;
-    }
-
-    &-item {
-
-      &-active {
-        display: block;
-      }
-    }
-  }
-
-  &-switch-mode {
-    .#{$trionesSideBarCls} {
-      &-content {
-
-        &-item {
-          height: 100%;
-          display: none;
-          &-active {
-            display: block;
-          }
-        }
-      }
-    }
-  }
-
-  &-scroll-mode {
-    .#{$trionesSideBarCls} {
-      &-content {
-
-        &-item {
-
-
-          &-active {
-            display: block;
-          }
-        }
-      }
-    }
-  }
-
-}
+@use "../style/variable" as variable;
+
+$trionesSideBarCls: 'triones-antm-sidebar';
+
+.#{$trionesSideBarCls} {
+  display: flex;
+  height: 100%;
+
+
+  &-tabs {
+    min-width: 0;
+    background-color: variable.$trionesColorFill;
+    overflow: auto;
+    scrollbar-width: thin;
+    flex-shrink: 0;
+  }
+
+  &-tab {
+    cursor: pointer;
+    padding: variable.$trionesPadding variable.$trionesPadding;
+    color: variable.$trionesColorTextSecondary;
+
+    &-active {
+      color: variable.$trionesColorPrimaryText;
+      background-color: variable.$trionesColorBgBase;
+    }
+
+  }
+
+  &-content {
+    flex: 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    //overflow-y: auto;
+    //scrollbar-width: none;
+    position: relative;
+    user-select: none;
+    touch-action: none;
+
+
+    &-wheel {
+      width: 100%;
+      cursor: grab;
+      position: absolute;
+    }
+
+    &-item {
+
+      &-active {
+        display: block;
+      }
+    }
+  }
+
+  &-switch-mode {
+    .#{$trionesSideBarCls} {
+      &-content {
+
+        &-item {
+          height: 100%;
+          display: none;
+          &-active {
+            display: block;
+          }
+        }
+      }
+    }
+  }
+
+  &-scroll-mode {
+    .#{$trionesSideBarCls} {
+      &-content {
+
+        &-item {
+
+
+          &-active {
+            display: block;
+          }
+        }
+      }
+    }
+  }
+
+}

package/dist/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+import { Stepper, StepperProps } from "@trionesdev/antd-mobile-base-react";
+export type { StepperProps };
+export default Stepper;

package/dist/Stepper/index.js

@@ -0,0 +1,2 @@
+import { Stepper } from "@trionesdev/antd-mobile-base-react";
+export default Stepper;