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

package/dist/Divider/index.js

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

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

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

package/dist/Ellipsis/demo/base.js

@@ -0,0 +1,81 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Ellipsis from "../index";
+var content = '蚂蚁的企业级产品是一个庞大且复杂的体系。这类产品不仅量级巨大且功能复杂，而且变动和并发频繁，常常需要设计与开发能够快速的做出响应。同时这类产品中有存在很多类似的页面以及组件，可以通过抽象得到一些稳定且高复用性的内容。';
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C3E\u90E8\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5934\u90E8\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "start",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4E2D\u95F4\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "middle",
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u591A\u884C\u7701\u7565"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    rows: 3,
+    content: content
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5C55\u5F00\u6536\u8D77"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4EC5\u5C55\u5F00"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "start",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "middle",
+    content: content,
+    expandText: "\u5C55\u5F00"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9ED8\u8BA4\u5C55\u5F00"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    content: content,
+    defaultExpanded: true,
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "emoji"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: '🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉',
+    expandText: "\u5C55\u5F00",
+    collapseText: "\u6536\u8D77"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8FD9\u662F\u4E00\u4E2A\u4F7F\u7528icon\u7684\u4F8B\u5B50"
+  }, /*#__PURE__*/React.createElement(Ellipsis, {
+    direction: "end",
+    content: content,
+    expandText: /*#__PURE__*/React.createElement(React.Fragment, null, "\u5C55\u5F00"),
+    collapseText: /*#__PURE__*/React.createElement(React.Fragment, null, "\u6536\u8D77")
+  })));
+});

package/dist/Ellipsis/index.d.ts

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

package/dist/Ellipsis/index.js

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

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

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

package/dist/Empty/demo/base.js

@@ -0,0 +1,38 @@
+/**
+ * compact: true
+ */
+import { QuestionCircleOutline } from "../../../../antd-mobile-icons-react";
+import { DemoBlock } from "../../DemoBlock";
+import React from "react";
+import Empty from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Empty, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u63CF\u8FF0\u6587\u5B57"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    description: "\u6682\u65E0\u6570\u636E"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6837\u5F0F"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    style: {
+      padding: '64px 0'
+    },
+    imageStyle: {
+      width: 128
+    },
+    description: "\u6682\u65E0\u6570\u636E"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u56FE\u7247"
+  }, /*#__PURE__*/React.createElement(Empty, {
+    style: {
+      padding: '64px 0'
+    },
+    image: /*#__PURE__*/React.createElement(QuestionCircleOutline, {
+      style: {
+        color: '#ccc'
+      }
+    }),
+    description: "\u6682\u65E0\u6570\u636E"
+  })));
+});

package/dist/Empty/index.d.ts

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

package/dist/Empty/index.js

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

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

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

package/dist/ErrorBlock/demo/base.js

@@ -0,0 +1,23 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from 'react';
+import Space from "../../Space";
+import ErrorBlock from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u56DB\u79CD\u72B6\u6001"
+  }, /*#__PURE__*/React.createElement(Space, {
+    block: true,
+    direction: "vertical"
+  }, /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "default"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "disconnected"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "empty"
+  }), /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "busy"
+  }))));
+});

package/dist/ErrorBlock/index.d.ts

@@ -0,0 +1,4 @@
+import { ErrorBlock, ErrorBlockStatus, ErrorBlockProps, createErrorBlock } from '@trionesdev/antd-mobile-base-react';
+export { createErrorBlock };
+export type { ErrorBlockStatus, ErrorBlockProps };
+export default ErrorBlock;

package/dist/ErrorBlock/index.js

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

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

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

package/dist/Footer/demo/base.js

@@ -0,0 +1,81 @@
+/**
+ * compact: true
+ */
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import Footer from "../index";
+export default (function () {
+  var links = [{
+    text: '阿里云',
+    href: 'https://www.aliyun.com/'
+  }, {
+    text: '支付宝',
+    href: 'https://www.antgroup.com/'
+  }];
+  var chips = [{
+    text: '蚂蚁借呗'
+  }, {
+    text: '备用金'
+  }, {
+    text: '蚂蚁花呗'
+  }];
+  var chipsLinkData = [{
+    text: '蚂蚁借呗',
+    type: 'link'
+  }, {
+    text: '备用金',
+    type: 'link'
+  }, {
+    text: '蚂蚁花呗',
+    type: 'link'
+  }];
+  var onChipClick = function onChipClick(item, index) {
+    console.log(item, index);
+    alert("".concat(item === null || item === void 0 ? void 0 : item.text, "\u88AB\u70B9\u51FB\u4E86"));
+  };
+  var onLinkClick = function onLinkClick(item, index) {
+    console.log(item, index);
+    alert("\u8DF3\u8F6C\u5230".concat(item === null || item === void 0 ? void 0 : item.href));
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u9875\u811A"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    label: "\u6CA1\u6709\u66F4\u591A\u4E86"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49 label"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    label: /*#__PURE__*/React.createElement("div", null, "\u8682\u8681\u8D22\u5BCC")
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5E26\u5185\u5BB9\u7684\u9875\u811A"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    content: "@ 2004-2020 Alipay.com All rights reserved"
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5E26\u94FE\u63A5\u7684\u9875\u811A"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    links: [{
+      text: '阿里云',
+      href: 'https://www.aliyun.com/'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u901A\u8FC7\u70B9\u51FB\u4E8B\u4EF6\u8DF3\u8F6C"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    links: links,
+    onLinkClick: onLinkClick
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5E26\u6807\u7B7E\u7684\u9875\u811A"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    chips: chips
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6807\u7B7E\u53EF\u70B9\u51FB"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    chips: chipsLinkData,
+    onChipClick: onChipClick
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7EC4\u5408\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Footer, {
+    label: "\u6CA1\u6709\u66F4\u591A\u4E86",
+    content: "@ 2004-2020 Alipay.com All rights reserved",
+    links: links,
+    chips: chips
+  })));
+});

package/dist/Footer/index.d.ts

@@ -0,0 +1,3 @@
+import { Footer } from '@trionesdev/antd-mobile-base-react';
+export type { FooterProps, ChipItem, LinkItem } from '@trionesdev/antd-mobile-base-react';
+export default Footer;

package/dist/Footer/index.js

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

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

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

package/dist/Form/demo/base.js

@@ -0,0 +1,99 @@
+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 { DemoBlock } from "../../DemoBlock";
+import React from "react";
+import Form from "../index";
+import Input from "../../Input";
+import Button from "../../Button";
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    verticalForm = _Form$useForm2[0];
+  var _Form$useForm3 = Form.useForm(),
+    _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
+    horizontalForm = _Form$useForm4[0];
+  var _Form$useForm5 = Form.useForm(),
+    _Form$useForm6 = _slicedToArray(_Form$useForm5, 1),
+    form2 = _Form$useForm6[0];
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6C34\u5E73\u8868\u5355"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: verticalForm,
+    labelWidth: 80
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: '姓名',
+    name: 'name',
+    required: true,
+    rules: [{
+      required: true,
+      message: '请输入姓名'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: '地址',
+    name: 'address',
+    required: true,
+    rules: [{
+      required: true,
+      message: '请输入地址'
+    }]
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u5730\u5740"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    block: true,
+    onClick: function onClick() {
+      verticalForm.validateFields().then(function (values) {
+        console.log(values);
+      });
+    }
+  }, "\u63D0\u4EA4")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5782\u76F4\u8868\u5355"
+  }, /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical",
+    form: horizontalForm
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: '姓名',
+    name: 'name'
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: '地址',
+    name: 'address'
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u5730\u5740"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    block: true,
+    onClick: function onClick() {
+      horizontalForm.validateFields().then(function (values) {
+        console.log(values);
+      });
+    }
+  }, "\u63D0\u4EA4")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8BBE\u7F6E\u503C"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form2,
+    layout: 'horizontal'
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: '姓名',
+    name: 'name',
+    initialValue: '张三'
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u59D3\u540D"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    type: 'primary',
+    block: true,
+    onClick: function onClick() {
+      form2.setFieldsValue({
+        name: '李四'
+      });
+      // form2.setFieldValue('name', '王五')
+    }
+  }, "\u8BBE\u7F6E\u503C")));
+});

package/dist/Form/demo/input.d.ts

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

package/dist/Form/demo/input.js

@@ -0,0 +1,39 @@
+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 from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Form from "../index";
+import { Input } from "../../index";
+import Button from "../../Button";
+export default (function () {
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u6C34\u5E73\u8868\u5355"
+  }, /*#__PURE__*/React.createElement(Form, {
+    form: form
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u7528\u6237\u540D",
+    name: "username"
+  }, /*#__PURE__*/React.createElement(Input, {
+    placeholder: "\u8BF7\u8F93\u5165\u7528\u6237\u540D"
+  })), /*#__PURE__*/React.createElement(Form.Item, {
+    label: "\u8BF4\u660E",
+    name: "description"
+  }, /*#__PURE__*/React.createElement(Input.TextArea, {
+    placeholder: "\u8BF7\u8F93\u5165\u8BF4\u660E"
+  }))), /*#__PURE__*/React.createElement(Button, {
+    type: "primary",
+    block: true,
+    onClick: function onClick() {
+      form.validateFields().then(function (values) {
+        console.log(values);
+      });
+    }
+  }, "\u63D0\u4EA4")));
+});

package/dist/Form/index.d.ts

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

package/dist/Form/index.js

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

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

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

package/dist/Grid/demo/base.js

@@ -0,0 +1,46 @@
+/**
+ * compact: true
+ */
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import "./base.scss";
+import Grid from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    columns: 3,
+    gap: 8
+  }, /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "A")), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "B")), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "C")), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "D")), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "E")))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u63A7\u5236\u683C\u5B50\u7684\u8DE8\u5EA6"
+  }, /*#__PURE__*/React.createElement(Grid, {
+    columns: 3,
+    gap: 8
+  }, /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "A")), /*#__PURE__*/React.createElement(Grid.Item, {
+    span: 2
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "B")), /*#__PURE__*/React.createElement(Grid.Item, {
+    span: 2
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "C")), /*#__PURE__*/React.createElement(Grid.Item, null, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "D")), /*#__PURE__*/React.createElement(Grid.Item, {
+    span: 3
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "grid-demo-item-block"
+  }, "E")))));
+});

package/dist/Grid/demo/base.scss

@@ -0,0 +1,7 @@
+.grid-demo-item-block {
+  border: solid 1px #999;
+  background: #f5f5f5;
+  text-align: center;
+  color: #999;
+  height: 100%;
+}

package/dist/Grid/index.d.ts

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

package/dist/Grid/index.js

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

package/dist/Icon/check-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NativeProps } from '../utils/native-props';
+export declare const CheckIcon: React.NamedExoticComponent<NativeProps>;

package/dist/Icon/check-icon.js

@@ -0,0 +1,10 @@
+import React, { memo } from 'react';
+import { withNativeProps } from "../utils/native-props";
+export var CheckIcon = /*#__PURE__*/memo(function (props) {
+  return withNativeProps(props, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 40 40"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M31.5541766,15 L28.0892433,15 L28.0892434,15 C27.971052,15 27.8576674,15.044522 27.7740471,15.1239792 L18.2724722,24.1625319 L13.2248725,19.3630279 L13.2248725,19.3630279 C13.1417074,19.2834412 13.0287551,19.2384807 12.9107898,19.2380079 L9.44474455,19.2380079 L9.44474454,19.2380079 C9.19869815,19.2384085 8.99957935,19.4284738 9,19.66253 C9,19.7747587 9.04719253,19.8823283 9.13066188,19.9616418 L17.0907466,27.5338228 C17.4170809,27.8442545 17.8447695,28 18.2713393,28 L18.2980697,28 C18.7168464,27.993643 19.133396,27.8378975 19.4530492,27.5338228 L31.8693384,15.7236361 L31.8693384,15.7236361 C32.0434167,15.5582251 32.0435739,15.2898919 31.8696892,15.1242941 C31.7860402,15.0446329 31.6725052,15 31.5541421,15 L31.5541766,15 Z",
+    fill: "currentColor"
+  })));
+});

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

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

package/dist/Icon/demo/base.js

@@ -0,0 +1,41 @@
+/**
+ * compact: true
+ */
+import React from "react";
+import * as icons from "../../../../antd-mobile-icons-react";
+import _ from "lodash";
+import { DemoBlock } from "../../DemoBlock";
+export default (function () {
+  return /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u56FE\u6807"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      gap: 20,
+      flexWrap: 'wrap'
+    }
+  }, _.map(_.omit(icons, 'Icon'), function (icon, name) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: name,
+      style: {
+        width: '40%',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        marginTop: 30
+      }
+    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(icon, {
+      key: name,
+      style: {
+        fontSize: 48
+      }
+    })), /*#__PURE__*/React.createElement("div", {
+      style: {
+        fontSize: 14,
+        marginTop: 5
+      }
+    }, name));
+  })));
+});

package/dist/Image/broken-image-icon.d.ts

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

package/dist/Image/broken-image-icon.js

@@ -0,0 +1,11 @@
+import React from 'react';
+export var BrokenImageIcon = function BrokenImageIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 48 48",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",
+    fill: "#DBDBDB",
+    fillRule: "nonzero"
+  }));
+};

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

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