@trionesdev/antd-mobile-react 0.0.2-beta.0

package/dist/Progress/ProgressLine.js

@@ -0,0 +1,87 @@
+import React from "react";
+import classNames from "classnames";
+import { exceptionColor, successColor } from "./types";
+import { CloseCircleFill, CheckCircleFill } from "@trionesdev/antd-mobile-icons-react";
+export var ProgressLine = function ProgressLine(_ref) {
+  var format = _ref.format,
+    _ref$percent = _ref.percent,
+    percent = _ref$percent === void 0 ? 0 : _ref$percent,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'middle' : _ref$size,
+    _ref$showInfo = _ref.showInfo,
+    showInfo = _ref$showInfo === void 0 ? true : _ref$showInfo,
+    _ref$railColor = _ref.railColor,
+    railColor = _ref$railColor === void 0 ? '#E5E5E5' : _ref$railColor,
+    _ref$strokeColor = _ref.strokeColor,
+    strokeColor = _ref$strokeColor === void 0 ? '#1777FF' : _ref$strokeColor,
+    status = _ref.status,
+    _ref$percentPositionA = _ref.percentPositionAlign,
+    percentPositionAlign = _ref$percentPositionA === void 0 ? 'end' : _ref$percentPositionA;
+  var clsPrefix = 'triones-antm-progress-line';
+  var handleComputeLineHeight = function handleComputeLineHeight() {
+    switch (size) {
+      case 'small':
+        return 6;
+      case 'middle':
+        return 8;
+      case 'large':
+        return 12;
+      default:
+        return size || 8;
+    }
+  };
+  var handleComputeInfoHeight = function handleComputeInfoHeight() {
+    var lineHeight = handleComputeLineHeight();
+    if (lineHeight <= 8) {
+      return 12;
+    } else if (lineHeight <= 12) {
+      return 14;
+    } else {
+      return 16;
+    }
+  };
+  var handleIndicator = function handleIndicator() {
+    if (format) {
+      return /*#__PURE__*/React.createElement("div", null, format(percent));
+    }
+    if (status === 'exception') {
+      return /*#__PURE__*/React.createElement(CloseCircleFill, {
+        style: {
+          color: exceptionColor,
+          fontSize: handleComputeInfoHeight()
+        }
+      });
+    }
+    if (percent >= 100) {
+      return /*#__PURE__*/React.createElement(CheckCircleFill, {
+        style: {
+          color: successColor,
+          fontSize: handleComputeInfoHeight()
+        }
+      });
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: handleComputeInfoHeight()
+      }
+    }, percent, "%");
+  };
+  var info = /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(clsPrefix, "-indicator"))
+  }, handleIndicator());
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(clsPrefix)
+  }, showInfo && percentPositionAlign === 'start' && info, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(clsPrefix, "-rail")),
+    style: {
+      backgroundColor: railColor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(clsPrefix, "-track")),
+    style: {
+      width: "".concat(percent, "%"),
+      backgroundColor: strokeColor,
+      height: handleComputeLineHeight()
+    }
+  })), showInfo && percentPositionAlign === 'end' && info);
+};

package/dist/Progress/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Progress/demo/base.js

@@ -0,0 +1,73 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import { Progress, Space } from "../..";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8FDB\u5EA6\u6761"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Progress, {
+    percent: 30
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 50,
+    status: "active"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 50,
+    status: "exception"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 100
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 50,
+    showInfo: false
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8FDB\u5EA6\u5708"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Progress, {
+    percent: 75,
+    type: "circle"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 75,
+    type: "circle",
+    status: "exception"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 100,
+    type: "circle"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C0F\u578B\u8FDB\u5EA6\u6761"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Progress, {
+    percent: 30,
+    size: "small"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 50,
+    size: "small",
+    status: "active"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 70,
+    size: "small",
+    status: "exception"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 100,
+    size: "small"
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 50,
+    size: "small",
+    showInfo: false
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6587\u5B57\u683C\u5F0F"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Progress, {
+    percent: 75,
+    type: "circle",
+    format: function format(percent) {
+      return "".concat(percent, "%");
+    }
+  }), /*#__PURE__*/React.createElement(Progress, {
+    percent: 100,
+    type: "circle",
+    format: function format() {
+      return "\u5B8C\u6210";
+    }
+  }))));
+});

package/dist/Progress/index.d.ts

@@ -0,0 +1,3 @@
+import { Progress, ProgressProps } from "./Progress";
+export type { ProgressProps };
+export default Progress;

package/dist/Progress/index.js

@@ -0,0 +1,2 @@
+import { Progress } from "./Progress";
+export default Progress;

package/dist/Progress/style.scss

@@ -0,0 +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%);
+  }
+}

package/dist/Progress/types.d.ts

@@ -0,0 +1,4 @@
+export type ProgressStatus = 'normal' | 'active' | 'success' | 'exception';
+export type PercentPositionAlign = 'start' | 'end';
+export declare const successColor = "#53C31B";
+export declare const exceptionColor = "#FF4D4F";

package/dist/Progress/types.js

@@ -0,0 +1,2 @@
+export var successColor = "#53C31B";
+export var exceptionColor = "#FF4D4F";

package/dist/Radio/demo/base.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './base.scss';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Radio/demo/base.js

@@ -0,0 +1,85 @@
+import { DemoBlock } from "../../DemoBlock";
+import { DemoDescription } from "../../DemoDescription";
+import React from 'react';
+import "./base.scss";
+import Space from "../../Space";
+import Radio from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, null), /*#__PURE__*/React.createElement(Radio, null, "\u6709\u63CF\u8FF0\u7684\u5355\u9009\u6846"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9009\u9879\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1"
+  }, "\u7B2C\u4E00\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2"
+  }, "\u7B2C\u4E8C\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "3"
+  }, "\u7B2C\u4E09\u9879")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9009\u9879\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1",
+    items: [{
+      label: '第一项',
+      value: '1'
+    }, {
+      label: '第二项',
+      value: '2'
+    }, {
+      label: '第三项',
+      value: '3'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5360\u6EE1\u6574\u884C\u5BBD\u5EA6"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Radio.Group, null, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical",
+    block: true
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1",
+    block: true,
+    className: "blockIndicator"
+  }, "\u5757\u7EA7\u5143\u7D20"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2",
+    className: "blockIndicator"
+  }, "\u975E\u5757\u7EA7\u5143\u7D20"))), /*#__PURE__*/React.createElement(DemoDescription, null, "\u5355\u9009\u6846\u7684\u5757\u7EA7\u5143\u7D20\u4F1A\u5360\u6EE1\u6574\u884C\uFF0C\u800C\u975E\u5757\u7EA7\u5143\u7D20\u4E0D\u4F1A\u3002\u7070\u8272\u7684\u80CC\u666F\u6807\u8BC6\u4E86\u5143\u7D20\u6240\u5360\u636E\u7684\u7A7A\u95F4\u548C\u53EF\u70B9\u51FB\u7684\u533A\u57DF\u3002"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "2"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Radio, {
+    value: "1",
+    disabled: true
+  }, "\u7B2C\u4E00\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "2"
+  }, "\u7B2C\u4E8C\u9879"), /*#__PURE__*/React.createElement(Radio, {
+    value: "3"
+  }, "\u7B2C\u4E09\u9879")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6309\u94AE\u6837\u5F0F\u5206\u7EC4"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    defaultValue: "1",
+    shape: 'button',
+    items: [{
+      label: '第一项',
+      value: '1'
+    }, {
+      label: '第二项',
+      value: '2'
+    }, {
+      label: '第三项',
+      value: '3'
+    }, {
+      label: '第四项',
+      value: '4'
+    }]
+  })));
+});

package/dist/Radio/demo/base.scss

@@ -0,0 +1,4 @@
+.blockIndicator {
+  background-color: #f5f5f5;
+  border-radius: 2px;
+}

package/dist/Radio/index.d.ts

@@ -0,0 +1,3 @@
+import { Radio, RadioGroupProps, RadioProps } from '@trionesdev/antd-mobile-base-react';
+export type { RadioGroupProps, RadioProps };
+export default Radio;

package/dist/Radio/index.js

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

package/dist/Rate/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Rate/demo/base.js

@@ -0,0 +1,59 @@
+import { PlayOutline } from "../../../../antd-mobile-icons-react";
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Rate from "../index";
+import Space from "../../Space";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Rate, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9ED8\u8BA4\u503C"
+  }, /*#__PURE__*/React.createElement(Rate, {
+    defaultValue: 3
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u534A\u661F"
+  }, /*#__PURE__*/React.createElement(Rate, {
+    allowHalf: true,
+    defaultValue: 2.5
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u53EA\u8BFB"
+  }, /*#__PURE__*/React.createElement(Rate, {
+    value: 4,
+    readonly: true
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6E05\u9664"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Rate, {
+    allowClear: true,
+    defaultValue: 3
+  }), /*#__PURE__*/React.createElement("div", null, "\u53EF\u6E05\u9664(\u70B9\u51FB\u540C\u4E00\u9897\u661F\u661F)")), /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Rate, {
+    allowClear: false,
+    defaultValue: 2
+  }), /*#__PURE__*/React.createElement("div", null, "\u4E0D\u53EF\u6E05\u9664")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6570\u91CF"
+  }, /*#__PURE__*/React.createElement(Rate, {
+    count: 10,
+    defaultValue: 5
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u5B57\u7B26"
+  }, /*#__PURE__*/React.createElement(Space, {
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(Rate, {
+    character: "A",
+    size: 40,
+    allowHalf: true
+  }), /*#__PURE__*/React.createElement(Rate, {
+    character: /*#__PURE__*/React.createElement(PlayOutline, {
+      style: {
+        fontSize: 20
+      }
+    }),
+    allowHalf: true,
+    defaultValue: 3.5,
+    style: {
+      '--active-color': '#46b37a',
+      '--inactive-color': '#1d78c9'
+    }
+  }))));
+});

package/dist/Rate/index.d.ts

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

package/dist/Rate/index.js

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

package/dist/Result/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Result/demo/base.js

@@ -0,0 +1,57 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import { FaceRecognitionOutline } from "../../../../antd-mobile-icons-react";
+import Result from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6210\u529F\u72B6\u6001",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "success",
+    title: "\u64CD\u4F5C\u6210\u529F",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7B49\u5F85\u72B6\u6001",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "waiting",
+    title: "\u7B49\u5F85\u5904\u7406",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u63D0\u793A\u72B6\u6001",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "info",
+    title: "\u4FE1\u606F\u63D0\u793A",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8B66\u544A\u72B6\u6001",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "warning",
+    title: "\u8B66\u544A\u63D0\u793A",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5931\u8D25\u72B6\u6001",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    status: "error",
+    title: "\u65E0\u6CD5\u5B8C\u6210\u64CD\u4F5C",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u56FE\u6807",
+    padding: "0"
+  }, /*#__PURE__*/React.createElement(Result, {
+    icon: /*#__PURE__*/React.createElement(FaceRecognitionOutline, {
+      style: {
+        fontSize: "48PX"
+      }
+    }),
+    status: "success",
+    title: "Well done",
+    description: "\u5185\u5BB9\u8BE6\u60C5\u53EF\u6298\u884C\uFF0C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C\u5EFA\u8BAE\u4E0D\u8D85\u8FC7\u4E24\u884C"
+  })));
+});

package/dist/Result/index.d.ts

@@ -0,0 +1,3 @@
+import { Result, ResultProps } from '@trionesdev/antd-mobile-base-react';
+export type { ResultProps };
+export default Result;

package/dist/Result/index.js

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

package/dist/SafeArea/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/SafeArea/demo/base.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import SafeArea from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#ace0ff'
+    }
+  }, /*#__PURE__*/React.createElement(SafeArea, {
+    position: "top"
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      background: '#ffcfac'
+    }
+  }, /*#__PURE__*/React.createElement(SafeArea, {
+    position: "bottom"
+  })));
+});

package/dist/SafeArea/demo/base.scss

@@ -0,0 +1,18 @@
+$class-prefix-card: 'card-demo';
+
+.#{$class-prefix-card} {
+  &-content {
+    height: 50px;
+  }
+  &-footer {
+    padding-top: 11px;
+    border-top: 1px solid #e5e5e5;
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  &-customBody {
+    color: green;
+  }
+
+}

package/dist/SafeArea/index.d.ts

@@ -0,0 +1,3 @@
+import { SafeArea, SafeAreaProps } from '@trionesdev/antd-mobile-base-react';
+export type { SafeAreaProps };
+export default SafeArea;

package/dist/SafeArea/index.js

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

package/dist/Scaffold/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/Scaffold/demo/base.js

@@ -0,0 +1,30 @@
+import { FaceRecognitionOutline } from "../../../../antd-mobile-icons-react";
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import NavBar from "../../NavBar";
+import TabBar from "../../TabBar";
+import Scaffold from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '60vh'
+    }
+  }, /*#__PURE__*/React.createElement(Scaffold, {
+    appBar: /*#__PURE__*/React.createElement(NavBar, null, "\u6807\u9898"),
+    bottomNavigationBar: /*#__PURE__*/React.createElement(TabBar, {
+      items: [{
+        key: 'home',
+        label: '首页',
+        icon: /*#__PURE__*/React.createElement(FaceRecognitionOutline, null)
+      }, {
+        key: 'save',
+        label: '收藏'
+      }, {
+        key: 'user-center',
+        label: '我的'
+      }]
+    })
+  }, /*#__PURE__*/React.createElement("div", null)))));
+});

package/dist/Scaffold/index.d.ts

@@ -0,0 +1,3 @@
+import { Scaffold, ScaffoldProps } from '@trionesdev/antd-mobile-base-react';
+export type { ScaffoldProps };
+export default Scaffold;

package/dist/Scaffold/index.js

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

package/dist/ScrollView/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;

package/dist/ScrollView/demo/base.js

@@ -0,0 +1,43 @@
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import ScrollView from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4E00\u822C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(ScrollView, {
+    style: {
+      height: 300
+    },
+    scrollY: true
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'blue'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'yellow'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'gray'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'green'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'beige'
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: 100,
+      backgroundColor: 'black'
+    }
+  }))))));
+});

package/dist/ScrollView/index.d.ts

@@ -0,0 +1,3 @@
+import { ScrollView, ScrollViewProps } from '@trionesdev/antd-mobile-base-react';
+export type { ScrollViewProps };
+export default ScrollView;

package/dist/ScrollView/index.js

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

package/dist/SideBar/SideBarContext.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { ScrollDetail } from './types';
+type SideBarContextType = {
+    activeKey?: string;
+    setActiveKey?: (key: string) => void;
+    mode?: 'switch' | 'scroll';
+    scrollDetail?: ScrollDetail;
+    setScrollDetail?: (detail: ScrollDetail) => void;
+    activeChangeCallback?: (targetScrollTop: number) => void;
+    onMoveToTab?: (activeKey: string) => void;
+    asyncRender?: boolean;
+    contentRef?: any;
+    contentWheelRef?: any;
+    manual?: boolean;
+    setManul?: (manual: boolean) => void;
+};
+export declare const SideBarContext: import("react").Context<SideBarContextType>;
+export {};

package/dist/SideBar/SideBarContext.js

@@ -0,0 +1,2 @@
+import { createContext } from 'react';
+export var SideBarContext = /*#__PURE__*/createContext({});

package/dist/SideBar/demo/base.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: () => React.JSX.Element;
+export default _default;