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

package/dist/CascaderPicker/index.js

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

package/dist/CascaderView/demo/async.d.ts

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

package/dist/CascaderView/demo/async.js

@@ -0,0 +1,41 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import CascaderView from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8BBE\u7F6E\u503C"
+  }, /*#__PURE__*/React.createElement(CascaderView, {
+    options: [],
+    style: {
+      height: 200
+    },
+    value: ['jiangsu', 'suzhou', 'gushu'],
+    asyncRequest: function asyncRequest() {
+      return Promise.resolve([{
+        value: "jiangsu",
+        label: "江苏"
+      }, {
+        value: "zhejiang",
+        label: "浙江"
+      }, {
+        value: "shanghai",
+        label: "上海"
+      }, {
+        value: "shandong",
+        label: '山东'
+      }, {
+        value: "henan",
+        label: '河南'
+      }, {
+        value: "hebei",
+        label: '河北'
+      }, {
+        value: "hunan",
+        label: '湖南'
+      }, {
+        value: "hubei",
+        label: '湖北'
+      }]);
+    }
+  })));
+});

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

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

package/dist/CascaderView/demo/base.js

@@ -0,0 +1,62 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import CascaderView from "../index";
+export default (function () {
+  var options = [{
+    value: "jiangsu",
+    label: "江苏",
+    children: [{
+      value: "nanjing",
+      label: '南京'
+    }, {
+      value: "wuxi",
+      label: '无锡'
+    }, {
+      value: "changzhou",
+      label: '常州'
+    }, {
+      value: "suzhou",
+      label: '苏州',
+      children: [{
+        value: "gushu",
+        label: '姑苏区'
+      }]
+    }]
+  }, {
+    value: "zhejiang",
+    label: "浙江",
+    children: [{
+      value: "hangzhou",
+      label: '杭州'
+    }, {
+      value: "wenzhou",
+      label: '温州'
+    }]
+  }, {
+    value: "shanghai",
+    label: "上海"
+  }, {
+    value: "shandong",
+    label: '山东'
+  }, {
+    value: "henan",
+    label: '河南'
+  }, {
+    value: "hebei",
+    label: '河北'
+  }, {
+    value: "hunan",
+    label: '湖南'
+  }, {
+    value: "hubei",
+    label: '湖北'
+  }];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(CascaderView, {
+    options: options,
+    style: {
+      height: 200
+    }
+  })));
+});

package/dist/CascaderView/demo/value.d.ts

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

package/dist/CascaderView/demo/value.js

@@ -0,0 +1,63 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import CascaderView from "../index";
+export default (function () {
+  var options = [{
+    value: "jiangsu",
+    label: "江苏",
+    children: [{
+      value: "nanjing",
+      label: '南京'
+    }, {
+      value: "wuxi",
+      label: '无锡'
+    }, {
+      value: "changzhou",
+      label: '常州'
+    }, {
+      value: "suzhou",
+      label: '苏州',
+      children: [{
+        value: "gushu",
+        label: '姑苏区'
+      }]
+    }]
+  }, {
+    value: "zhejiang",
+    label: "浙江",
+    children: [{
+      value: "hangzhou",
+      label: '杭州'
+    }, {
+      value: "wenzhou",
+      label: '温州'
+    }]
+  }, {
+    value: "shanghai",
+    label: "上海"
+  }, {
+    value: "shandong",
+    label: '山东'
+  }, {
+    value: "henan",
+    label: '河南'
+  }, {
+    value: "hebei",
+    label: '河北'
+  }, {
+    value: "hunan",
+    label: '湖南'
+  }, {
+    value: "hubei",
+    label: '湖北'
+  }];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u8BBE\u7F6E\u503C"
+  }, /*#__PURE__*/React.createElement(CascaderView, {
+    options: options,
+    style: {
+      height: 200
+    },
+    value: ['jiangsu', 'suzhou', 'gushu']
+  })));
+});

package/dist/CascaderView/index.d.ts

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

package/dist/CascaderView/index.js

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

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

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

package/dist/Cell/demo/base.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Cell from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Cell, null, "\u6807\u9898")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5206\u7EC4"
+  }, /*#__PURE__*/React.createElement(Cell.Group, {
+    title: '标题',
+    divider: true
+  }, /*#__PURE__*/React.createElement(Cell, null, "\u6807\u9898"), /*#__PURE__*/React.createElement(Cell, null, "\u6807\u9898"), /*#__PURE__*/React.createElement(Cell, null, "\u6807\u9898"))));
+});

package/dist/Cell/index.d.ts

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

package/dist/Cell/index.js

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

package/dist/Checkbox/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/Checkbox/demo/base.js

@@ -0,0 +1,43 @@
+/**
+ * compact: true
+ */
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import Checkbox from "../index";
+import { Space } from "../../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u7528\u6CD5"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: true
+  }, "\u82F9\u679C"), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: false
+  }, "\u9999\u8549")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u9ED8\u8BA4\u9009\u4E2D"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: true
+  }, "\u82F9\u679C")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: true,
+    disabled: true
+  }, "\u82F9\u679C"), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: false,
+    disabled: true
+  }, "\u9999\u8549")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "Button"
+  }, /*#__PURE__*/React.createElement(Checkbox.Button, null, "\u82F9\u679C")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "Button \u7981\u7528"
+  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Checkbox.Button, {
+    disabled: true
+  }, "\u82F9\u679C"), /*#__PURE__*/React.createElement(Checkbox.Button, {
+    disabled: true,
+    checked: true
+  }, "\u82F9\u679C"))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5206\u7EC4"
+  }, /*#__PURE__*/React.createElement(Checkbox.Group, {
+    defaultValue: ['1']
+  }, /*#__PURE__*/React.createElement(Checkbox.Button, {
+    value: '1'
+  }, "\u82F9\u679C"))));
+});

package/dist/Checkbox/demo/disabled.d.ts

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

package/dist/Checkbox/demo/disabled.js

@@ -0,0 +1,19 @@
+import React from "react";
+import { Checkbox } from "../..";
+import { DemoBlock } from "../../DemoBlock";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7981\u7528"
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: true,
+    disabled: true
+  }, "\u82F9\u679C"), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: false,
+    disabled: true
+  }, "\u9999\u8549")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "Button"
+  }, /*#__PURE__*/React.createElement(Checkbox.Button, {
+    checked: true,
+    disabled: true
+  }, "\u82F9\u679C")));
+});

package/dist/Checkbox/index.d.ts

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

package/dist/Checkbox/index.js

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

package/dist/ConfigProvider/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/ConfigProvider/demo/base.js

@@ -0,0 +1,24 @@
+/**
+ * compact: true
+ */
+import React from 'react';
+import { DemoBlock } from "../../DemoBlock";
+import zhCN from "../../locales/zh-CN";
+import enUS from "../../locales/en-US";
+import ConfigProvider from "../index";
+import { ErrorBlock } from "../../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u4E2D\u6587"
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: zhCN
+  }, /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "disconnected"
+  }))), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u82F1\u6587"
+  }, /*#__PURE__*/React.createElement(ConfigProvider, {
+    locale: enUS
+  }, /*#__PURE__*/React.createElement(ErrorBlock, {
+    status: "disconnected"
+  }))));
+});

package/dist/ConfigProvider/index.d.ts

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

package/dist/ConfigProvider/index.js

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

package/dist/DemoBlock/index.d.ts

@@ -0,0 +1,10 @@
+import type { FC, ReactNode } from 'react';
+import './index.scss';
+interface Props {
+    title: string;
+    padding?: string;
+    background?: string;
+    children?: ReactNode;
+}
+export declare const DemoBlock: FC<Props>;
+export {};

package/dist/DemoBlock/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import "./index.scss";
+export var DemoBlock = function DemoBlock(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demoBlock"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "demoTitle"
+  }, props.title), /*#__PURE__*/React.createElement("div", {
+    className: "demoMain",
+    style: {
+      padding: '12px 12px',
+      background: '#ffffff'
+    }
+  }, props.children));
+};

package/dist/DemoBlock/index.scss

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

package/dist/DemoDescription/index.d.ts

@@ -0,0 +1,6 @@
+import type { FC, ReactNode } from 'react';
+import './index.scss';
+export declare const DemoDescription: FC<{
+    content?: ReactNode;
+    children?: ReactNode;
+}>;

package/dist/DemoDescription/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import "./index.scss";
+export var DemoDescription = function DemoDescription(props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "demoDescription"
+  }, props.content || props.children);
+};

package/dist/DemoDescription/index.scss

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

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

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

package/dist/Descriptions/demo/base.js

@@ -0,0 +1,102 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Descriptions from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Descriptions, {
+    columns: 1,
+    items: [{
+      label: '姓名',
+      children: '张三'
+    }, {
+      label: '年龄',
+      children: '18'
+    }, {
+      label: '地址',
+      span: 1,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '地址',
+      span: 1,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Descriptions, {
+    labelWidth: 80,
+    columns: 2,
+    items: [{
+      label: '姓名',
+      children: '张三'
+    }, {
+      label: '年龄',
+      children: '18'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Descriptions, {
+    bordered: true,
+    labelWidth: 80,
+    columns: 2,
+    items: [{
+      label: '姓名',
+      children: '张三'
+    }, {
+      label: '年龄',
+      children: '18'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }]
+  })));
+});

package/dist/Descriptions/demo/vertical.d.ts

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

package/dist/Descriptions/demo/vertical.js

@@ -0,0 +1,70 @@
+import React from "react";
+import { DemoBlock } from "../../DemoBlock";
+import Descriptions from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Descriptions, {
+    layout: 'vertical',
+    columns: 1,
+    items: [{
+      label: '姓名',
+      children: '张三'
+    }, {
+      label: '年龄',
+      children: '18'
+    }, {
+      label: '地址',
+      span: 1,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '地址',
+      span: 1,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }]
+  })), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u672C\u4F7F\u7528"
+  }, /*#__PURE__*/React.createElement(Descriptions, {
+    layout: 'vertical',
+    columns: 2,
+    items: [{
+      label: '姓名',
+      children: '张三'
+    }, {
+      label: '年龄',
+      children: '18'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }, {
+      label: '手机号',
+      children: '1234567890'
+    }, {
+      label: '地址',
+      span: 2,
+      children: '中国 上海 浦东新区 陆家嘴 XXXXXX'
+    }, {
+      label: '邮箱',
+      children: '1234567890@qq.com'
+    }]
+  })));
+});

package/dist/Descriptions/index.d.ts

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

package/dist/Descriptions/index.js

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

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

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

package/dist/Divider/demo/base.js

@@ -0,0 +1,35 @@
+/**
+ * compact: true
+ */
+import { DemoBlock } from "../../DemoBlock";
+import React from "react";
+import Divider from "../index";
+export default (function () {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u57FA\u7840\u5206\u5272\u7EBF"
+  }, /*#__PURE__*/React.createElement(Divider, null)), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u5E26\u5185\u5BB9\u7684\u5206\u5272\u7EBF"
+  }, /*#__PURE__*/React.createElement(Divider, null, "\u9ED8\u8BA4\u5185\u5BB9\u5728\u4E2D\u95F4"), /*#__PURE__*/React.createElement(Divider, {
+    contentPosition: "left"
+  }, "\u5DE6\u4FA7\u5185\u5BB9"), /*#__PURE__*/React.createElement(Divider, {
+    contentPosition: "right"
+  }, "\u53F3\u4FA7\u5185\u5BB9")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u81EA\u5B9A\u4E49\u6837\u5F0F"
+  }, /*#__PURE__*/React.createElement(Divider, {
+    style: {
+      color: '#1677ff',
+      borderColor: '#1677ff',
+      borderStyle: 'dashed'
+    }
+  }, "\u81EA\u5B9A\u4E49\u6837\u5F0F")), /*#__PURE__*/React.createElement(DemoBlock, {
+    title: "\u7AD6\u5411\u5206\u5272\u7EBF"
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, "Text", /*#__PURE__*/React.createElement(Divider, {
+    direction: "vertical"
+  }), /*#__PURE__*/React.createElement("a", {
+    href: "#"
+  }, "Link"), /*#__PURE__*/React.createElement(Divider, {
+    direction: "vertical"
+  }), /*#__PURE__*/React.createElement("a", {
+    href: "#"
+  }, "Link"))));
+});

package/dist/Divider/index.d.ts

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