@trionesdev/antd-taro-react 0.0.2-beta.1 → 0.0.2-beta.3

package/dist/Input/textarea.d.ts

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+export type InputTextareaProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    rows?: number;
+    value?: any;
+    defaultValue?: any;
+    onChange?: (e: any) => void;
+};
+export declare const Textarea: FC<InputTextareaProps>;

package/dist/Input/textarea.js

@@ -0,0 +1,47 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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 React, { useEffect } from 'react';
+import { Textarea as TaroTextarea } from "@tarojs/components";
+import { inputCls } from "./types";
+import classNames from 'classnames';
+export var Textarea = function Textarea(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    allowClear = _ref.allowClear,
+    rows = _ref.rows,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
+  var _React$useState = React.useState(value),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    internalValue = _React$useState2[0],
+    setInternalValue = _React$useState2[1];
+  useEffect(function () {
+    if (value === undefined) {
+      return;
+    }
+    if (value === internalValue) {
+      return;
+    }
+    setInternalValue(value);
+  }, [value]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(inputCls, "-textarea"), className),
+    style: style
+  }, /*#__PURE__*/React.createElement(TaroTextarea, {
+    placeholder: placeholder,
+    disabled: disabled,
+    defaultValue: defaultValue,
+    value: internalValue,
+    onInput: function onInput(e) {
+      setInternalValue(e.target.value);
+      onChange === null || onChange === void 0 || onChange(e.target.value);
+    }
+  }));
+};

package/dist/Input/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { SizeType } from "@trionesdev/antd-mobile-base-react";
+export declare const inputCls = "triones-antm-input";
+export declare const inputAffixWrapperCls = "triones-antm-input-affix-wrapper";
+export type InputProps = {
+    className?: string;
+    style?: React.CSSProperties;
+    placeholder?: string;
+    size?: SizeType;
+    disabled?: boolean;
+    allowClear?: boolean;
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    defaultValue?: any;
+    value?: any;
+    onChange?: (e: any) => void;
+};

package/dist/Input/types.js

@@ -0,0 +1,2 @@
+export var inputCls = 'triones-antm-input';
+export var inputAffixWrapperCls = 'triones-antm-input-affix-wrapper';

package/dist/InputNumber/index.d.ts

@@ -1,4 +1,3 @@
 import { InputNumber, InputNumberProps } from "@trionesdev/antd-mobile-base-react";
 export type { InputNumberProps };
 export default InputNumber;
-//# sourceMappingURL=index.d.ts.map

package/dist/Mask/index.d.ts

@@ -1,4 +1,3 @@
 import { Mask, MaskProps } from "@trionesdev/antd-mobile-base-react";
 export type { MaskProps };
 export default Mask;
-//# sourceMappingURL=index.d.ts.map

package/dist/NavBar/index.d.ts

@@ -1,4 +1,3 @@
 import { NavBar, NavBarProps } from '@trionesdev/antd-mobile-base-react';
 export type { NavBarProps };
 export default NavBar;
-//# sourceMappingURL=index.d.ts.map

package/dist/NoticeBar/index.d.ts

@@ -1,4 +1,3 @@
 import { NoticeBar, NoticeBarProps } from '@trionesdev/antd-mobile-base-react';
 export type { NoticeBarProps };
 export default NoticeBar;
-//# sourceMappingURL=index.d.ts.map

package/dist/PageIndicator/index.d.ts

@@ -1,4 +1,3 @@
 import { PageIndicator, PageIndicatorProps } from '@trionesdev/antd-mobile-base-react';
 export type { PageIndicatorProps };
 export default PageIndicator;
-//# sourceMappingURL=index.d.ts.map

package/dist/Picker/index.d.ts

@@ -1,4 +1,3 @@
 import { Picker, PickerProps } from "@trionesdev/antd-mobile-base-react";
 export type { PickerProps, };
 export default Picker;
-//# sourceMappingURL=index.d.ts.map

package/dist/PickerView/index.d.ts

@@ -1,4 +1,3 @@
 import { PickerView, PickerViewProps, PickerColumnOption } from "@trionesdev/antd-mobile-base-react";
 export type { PickerViewProps, PickerColumnOption };
 export default PickerView;
-//# sourceMappingURL=index.d.ts.map

package/dist/Popup/Popup.d.ts

@@ -0,0 +1,3 @@
+import { PopupProps } from "@trionesdev/antd-mobile-base-react";
+import React, { PropsWithChildren } from "react";
+export declare const Popup: React.FC<PropsWithChildren<PopupProps>>;

package/dist/Popup/Popup.js

@@ -0,0 +1,29 @@
+var _excluded = ["open"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+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; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { PopupModal } from "@trionesdev/antd-mobile-base-react";
+import React, { useEffect } from "react";
+import { RootPortal } from "@tarojs/components";
+export var Popup = function Popup(_ref) {
+  var open = _ref.open,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    rendered = _React$useState2[0],
+    setRendered = _React$useState2[1];
+  useEffect(function () {
+    if (open) {
+      setRendered(true);
+    }
+  }, [open]);
+  return rendered && /*#__PURE__*/React.createElement(RootPortal, null, /*#__PURE__*/React.createElement(PopupModal, _extends({}, rest, {
+    open: open
+  })));
+};

package/dist/Popup/index.d.ts

@@ -1,4 +1,4 @@
-import { Popup, PopupProps } from "@trionesdev/antd-mobile-base-react";
+import { PopupProps } from "@trionesdev/antd-mobile-base-react";
+import { Popup } from "./Popup";
 export type { PopupProps };
 export default Popup;
-//# sourceMappingURL=index.d.ts.map

package/dist/Popup/index.js

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

package/dist/Progress/Progress.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Size } from "../types";
+import { Size } from "./types";
 import "./style.scss";
 import { PercentPositionAlign, ProgressStatus } from "./types";
 import "./style.scss";
@@ -29,6 +29,7 @@ export type ProgressProps = {
      * @description 进度条的色彩
      */
     strokeColor?: string;
+    strokeWidth?: number;
     status?: ProgressStatus;
     /**
      * @description 进度数值位置
@@ -36,4 +37,3 @@ export type ProgressProps = {
     percentPositionAlign?: PercentPositionAlign;
 };
 export declare const Progress: FC<ProgressProps>;
-//# sourceMappingURL=Progress.d.ts.map

package/dist/Progress/Progress.js

@@ -18,6 +18,8 @@ export var Progress = function Progress(_ref) {
     railColor = _ref$railColor === void 0 ? '#E5E5E5' : _ref$railColor,
     _ref$strokeColor = _ref.strokeColor,
     strokeColor = _ref$strokeColor === void 0 ? '#1777FF' : _ref$strokeColor,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 6 : _ref$strokeWidth,
     status = _ref.status,
     percentPositionAlign = _ref.percentPositionAlign;
   var handleComputedStrokeColor = function handleComputedStrokeColor() {
@@ -47,6 +49,7 @@ export var Progress = function Progress(_ref) {
     size: size,
     railColor: railColor,
     strokeColor: handleComputedStrokeColor(),
+    strokeWidth: strokeWidth,
     showInfo: showInfo,
     status: status
   });

package/dist/Progress/ProgressCircle.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { Size } from "../types";
+import { Size } from "./types";
 import { ProgressStatus } from "./types";
 type ProcessCircleProps = {
     format?: (percent: number) => string;
@@ -14,4 +14,3 @@ type ProcessCircleProps = {
 };
 export declare const ProgressCircle: FC<ProcessCircleProps>;
 export {};
-//# sourceMappingURL=ProgressCircle.d.ts.map

package/dist/Progress/ProgressCircle.js

@@ -24,7 +24,7 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
     status = _ref.status;
   var clsPrefix = 'triones-antm-progress-circle';
   var canvasRef = useRef(("canvas_" + Math.random()).replace('.', ''));
-  var computedWidth = useMemo(function () {
+  var computedDiameter = useMemo(function () {
     switch (size) {
       case 'small':
         return 50;
@@ -36,31 +36,27 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
         return size || 50;
     }
   }, [size]);
-  var computedHeight = useMemo(function () {
-    switch (size) {
-      case 'small':
-        return 50;
-      case 'middle':
-        return 100;
-      case 'large':
-        return 150;
-      default:
-        return 50;
-    }
-  }, [size]);
   var style = {
-    width: computedWidth,
-    height: computedHeight
+    width: computedDiameter,
+    height: computedDiameter
   };
-  var computedSize = function computedSize() {
-    var iconSize = (computedWidth - strokeWidth) / 2 / 3;
+  var computedIconSize = function computedIconSize() {
+    var iconSize = (computedDiameter - strokeWidth) / 2 / 3;
     if (iconSize < 24) {
       return 24;
     }
     return iconSize;
   };
+  var computePercentSize = function computePercentSize() {
+    var percentSize = (computedDiameter - strokeWidth) / 2 / 3;
+    if (percentSize < 10) {
+      return 10;
+    }
+    return percentSize || 10;
+  };
   var handleIndicator = function handleIndicator() {
-    var iconSize = computedSize();
+    var iconSize = computedIconSize();
+    var percentSize = computePercentSize();
     var indicatorColor = '#333';
     if (status === 'exception') {
       indicatorColor = exceptionColor;
@@ -72,7 +68,7 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
       return /*#__PURE__*/React.createElement("div", {
         style: {
           color: indicatorColor,
-          fontSize: iconSize
+          fontSize: percentSize
         }
       }, format(percent));
     }
@@ -95,21 +91,20 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
     return /*#__PURE__*/React.createElement("div", {
       style: {
         color: indicatorColor,
-        fontSize: iconSize
+        fontSize: percentSize
       }
     }, percent, "%");
   };
   var handleDraw = function handleDraw() {
-    console.log(canvasRef.current);
-    var centerX = computedWidth / 2;
-    var centerY = computedHeight / 2;
-    var radius = (Math.min(computedWidth, computedHeight) - strokeWidth) / 2;
+    var centerX = computedDiameter / 2;
+    var centerY = computedDiameter / 2;
+    var radius = (Math.min(computedDiameter, computedDiameter) - strokeWidth) / 2;
     var sweepAngle = (percent ? percent / 100 : 0) * 2 * Math.PI;
     var startAngle = -Math.PI / 2; // 从顶部开始
 
     // 创建画布上下文，不能使用Taro.createCanvasContext(),否则h5下会报错
     var ctx = createCanvasContext(canvasRef.current, _this);
-    ctx.clearRect(0, 0, computedWidth, computedHeight);
+    ctx.clearRect(0, 0, computedDiameter, computedDiameter);
 
     //region 画背景圈
     ctx.beginPath();
@@ -141,7 +136,7 @@ export var ProgressCircle = /*#__PURE__*/memo(function (_ref) {
   }, /*#__PURE__*/React.createElement(Canvas, {
     style: style,
     canvasId: canvasRef.current
-  }), showInfo && computedWidth > 20 && /*#__PURE__*/React.createElement("div", {
+  }), showInfo && computedDiameter > 20 && /*#__PURE__*/React.createElement("div", {
     className: "".concat(clsPrefix, "-indicator")
   }, handleIndicator()));
 });

package/dist/Progress/ProgressLine.d.ts

@@ -1,4 +1,4 @@
-import { Size } from "../types";
+import { Size } from "./types";
 import { FC } from "react";
 import { PercentPositionAlign, ProgressStatus } from "./types";
 type ProgressLineProps = {
@@ -13,4 +13,3 @@ type ProgressLineProps = {
 };
 export declare const ProgressLine: FC<ProgressLineProps>;
 export {};
-//# sourceMappingURL=ProgressLine.d.ts.map

package/dist/Progress/index.d.ts

@@ -1,4 +1,3 @@
 import { Progress, ProgressProps } from "./Progress";
 export type { ProgressProps };
 export default Progress;
-//# sourceMappingURL=index.d.ts.map

package/dist/Progress/style.scss

@@ -1,33 +1,33 @@
-$progressLineCls: 'triones-antm-progress-line';
-$progressCircleCls: 'triones-antm-progress-circle';
-
-.#{$progressLineCls}{
-  width: 100%;
-  display: flex;
-  align-items: center;
-  gap: 4Px;
-  &-rail{
-    flex: 1 auto;
-    border-radius: 90Px;
-  }
-  &-track{
-    border-radius: 90Px;
-  }
-  &-indicator{}
-}
-
-.#{$progressCircleCls} {
-  position: relative;
-  &-indicator {
-    position: absolute;
-    inset-block-start: 50%;
-    inset-inline-start: 0;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    line-height: 1;
-    white-space: normal;
-    text-align: center;
-    transform: translatey(-50%);
-  }
-}
+$progressLineCls: 'triones-antm-progress-line';
+$progressCircleCls: 'triones-antm-progress-circle';
+
+.#{$progressLineCls}{
+  width: 100%;
+  display: flex;
+  align-items: center;
+  gap: 4Px;
+  &-rail{
+    flex: 1 auto;
+    border-radius: 90Px;
+  }
+  &-track{
+    border-radius: 90Px;
+  }
+  &-indicator{}
+}
+
+.#{$progressCircleCls} {
+  position: relative;
+  &-indicator {
+    position: absolute;
+    inset-block-start: 50%;
+    inset-inline-start: 0;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    line-height: 1;
+    white-space: normal;
+    text-align: center;
+    transform: translatey(-50%);
+  }
+}

package/dist/Progress/types.d.ts

@@ -1,5 +1,6 @@
+import { SizeType } from "@trionesdev/antd-mobile-base-react";
+export type Size = SizeType | number;
 export type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
 export type PercentPositionAlign = 'start' | 'end';
 export declare const successColor = "#53C31B";
 export declare const exceptionColor = "#FF4D4F";
-//# sourceMappingURL=types.d.ts.map

package/dist/Radio/index.d.ts

@@ -1,4 +1,3 @@
 import { Radio, RadioProps, RadioGroupProps } from '@trionesdev/antd-mobile-base-react';
 export type { RadioProps, RadioGroupProps };
 export default Radio;
-//# sourceMappingURL=index.d.ts.map

package/dist/Rate/index.d.ts

@@ -1,4 +1,3 @@
 import { Rate, RateProps } from "@trionesdev/antd-mobile-base-react";
 export type { RateProps };
 export default Rate;
-//# sourceMappingURL=index.d.ts.map

package/dist/Result/index.d.ts

@@ -1,4 +1,3 @@
 import { Result } from '@trionesdev/antd-mobile-base-react';
 export type { ResultProps } from '@trionesdev/antd-mobile-base-react';
 export default Result;
-//# sourceMappingURL=index.d.ts.map

package/dist/SafeArea/index.d.ts

@@ -1,4 +1,3 @@
 import { SafeArea, SafeAreaProps } from '@trionesdev/antd-mobile-base-react';
 export type { SafeAreaProps };
 export default SafeArea;
-//# sourceMappingURL=index.d.ts.map

package/dist/Scaffold/index.d.ts

@@ -1,4 +1,3 @@
 import { Scaffold, ScaffoldProps } from '@trionesdev/antd-mobile-base-react';
 export type { ScaffoldProps };
 export default Scaffold;
-//# sourceMappingURL=index.d.ts.map

package/dist/ScrollView/index.d.ts

@@ -1,4 +1,3 @@
 import { ScrollView, ScrollViewProps } from "@tarojs/components";
 export type { ScrollViewProps };
 export default ScrollView;
-//# sourceMappingURL=index.d.ts.map

package/dist/SideBar/SideBarContext.d.ts

@@ -16,4 +16,3 @@ type SideBarContextType = {
 };
 export declare const SideBarContext: import("react").Context<SideBarContextType>;
 export {};
-//# sourceMappingURL=SideBarContext.d.ts.map

package/dist/SideBar/index.d.ts

@@ -1,4 +1,3 @@
 import { SideBar, SideBarProps } from './side-bar';
 export type { SideBarProps };
 export default SideBar;
-//# sourceMappingURL=index.d.ts.map

package/dist/SideBar/side-bar.d.ts

@@ -23,4 +23,3 @@ export type SideBarProps = {
 };
 export declare const SideBar: FC<SideBarProps>;
 export {};
-//# sourceMappingURL=side-bar.d.ts.map

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) {