react-vant-nova 1.0.0-test

package/lib/dialog/Dialog.js

@@ -0,0 +1,178 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _popup = _interopRequireDefault(require("../popup"));
+var _button = _interopRequireDefault(require("../button"));
+var _actionBar = _interopRequireDefault(require("../action-bar"));
+var _utils = require("../utils");
+var _constant = require("../utils/constant");
+var _ConfigProviderContext = _interopRequireDefault(require("../config-provider/ConfigProviderContext"));
+var _getDefaultProps = require("../utils/get-default-props");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const [bem] = (0, _utils.createNamespace)('dialog');
+const Dialog = p => {
+  const {
+    locale
+  } = (0, _react().useContext)(_ConfigProviderContext.default);
+  const props = (0, _getDefaultProps.mergeProps)(p, {
+    transition: 'rv-dialog-bounce',
+    showConfirmButton: true,
+    closeOnPopstate: true
+  });
+  const {
+      width,
+      title,
+      theme,
+      visible,
+      message,
+      className,
+      messageAlign,
+      closeOnClickOverlay,
+      onClickCloseIcon
+    } = props,
+    others = (0, _tslib().__rest)(props, ["width", "title", "theme", "visible", "message", "className", "messageAlign", "closeOnClickOverlay", "onClickCloseIcon"]);
+  const renderTitle = () => {
+    if (props.title) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('header', {
+          isolated: !props.message && !props.children
+        }))
+      }, {
+        children: title
+      }));
+    }
+    return null;
+  };
+  const renderContent = () => {
+    if (props.children) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('content'))
+      }, {
+        children: props.children
+      }));
+    }
+    if (message) {
+      return (0, _jsxRuntime().jsx)("div", Object.assign({
+        className: (0, _clsx().default)(bem('content', {
+          isolated: !title
+        }))
+      }, {
+        children: (0, _jsxRuntime().jsx)("div", Object.assign({
+          className: (0, _clsx().default)(bem('message', {
+            'has-title': title,
+            [messageAlign]: messageAlign
+          }))
+        }, {
+          children: message
+        }))
+      }));
+    }
+    return null;
+  };
+  const renderButtons = () => {
+    var _a, _b, _c, _d, _e, _f;
+    return (0, _jsxRuntime().jsxs)("div", Object.assign({
+      className: (0, _clsx().default)(_constant.BORDER_TOP, bem('footer'))
+    }, {
+      children: [props.showCancelButton && (0, _jsxRuntime().jsx)(_button.default, {
+        size: 'large',
+        text: props.cancelButtonText || locale.cancel,
+        className: (0, _clsx().default)(bem('cancel')),
+        style: {
+          color: props.cancelButtonColor
+        },
+        loading: (_a = props.cancelProps) === null || _a === void 0 ? void 0 : _a.loading,
+        disabled: (_b = props.cancelProps) === null || _b === void 0 ? void 0 : _b.disabled,
+        onClick: ((_c = props.cancelProps) === null || _c === void 0 ? void 0 : _c.loading) ? _utils.noop : props.onCancel
+      }), props.showConfirmButton && (0, _jsxRuntime().jsx)(_button.default, {
+        size: 'large',
+        text: props.confirmButtonText || locale.confirm,
+        className: (0, _clsx().default)(bem('confirm'), {
+          [_constant.BORDER_LEFT]: props.showCancelButton
+        }),
+        round: theme === 'round-button' || undefined,
+        style: {
+          color: props.confirmButtonColor
+        },
+        loading: (_d = props.confirmProps) === null || _d === void 0 ? void 0 : _d.loading,
+        disabled: (_e = props.confirmProps) === null || _e === void 0 ? void 0 : _e.disabled,
+        onClick: ((_f = props.confirmProps) === null || _f === void 0 ? void 0 : _f.loading) ? _utils.noop : props.onConfirm
+      })]
+    }));
+  };
+  const renderRoundButtons = () => {
+    var _a, _b, _c, _d, _e, _f;
+    return (0, _jsxRuntime().jsxs)(_actionBar.default, Object.assign({
+      className: (0, _clsx().default)(bem('footer'))
+    }, {
+      children: [props.showCancelButton && (0, _jsxRuntime().jsx)(_actionBar.default.Button, {
+        type: 'warning',
+        text: props.cancelButtonText || locale.cancel,
+        className: (0, _clsx().default)(bem('cancel')),
+        color: props.cancelButtonColor,
+        loading: (_a = props.cancelProps) === null || _a === void 0 ? void 0 : _a.loading,
+        disabled: (_b = props.cancelProps) === null || _b === void 0 ? void 0 : _b.disabled,
+        onClick: ((_c = props.cancelProps) === null || _c === void 0 ? void 0 : _c.loading) ? _utils.noop : props.onCancel
+      }), props.showConfirmButton && (0, _jsxRuntime().jsx)(_actionBar.default.Button, {
+        type: 'danger',
+        text: props.confirmButtonText || locale.confirm,
+        className: (0, _clsx().default)(bem('confirm')),
+        color: props.confirmButtonColor,
+        loading: (_d = props.confirmProps) === null || _d === void 0 ? void 0 : _d.loading,
+        disabled: (_e = props.confirmProps) === null || _e === void 0 ? void 0 : _e.disabled,
+        onClick: ((_f = props.confirmProps) === null || _f === void 0 ? void 0 : _f.loading) ? _utils.noop : props.onConfirm
+      })]
+    }));
+  };
+  const renderFooter = () => {
+    if (props.footer) return props.footer;
+    return props.theme === 'round-button' ? renderRoundButtons() : renderButtons();
+  };
+  return (0, _jsxRuntime().jsxs)(_popup.default, Object.assign({}, others, {
+    visible: visible,
+    className: (0, _clsx().default)(bem([theme]), className),
+    style: {
+      width: (0, _utils.addUnit)(width)
+    },
+    "aria-labelledby": title || message,
+    closeOnClickOverlay: closeOnClickOverlay,
+    onClickCloseIcon: onClickCloseIcon,
+    onClose: props.onClose,
+    onClosed: props.onClosed
+  }, {
+    children: [renderTitle(), renderContent(), renderFooter()]
+  }));
+};
+var _default = exports.default = Dialog;

package/lib/dialog/PropsType.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export interface DialogBtnProps {
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface DialogProps extends Omit<BaseTypeProps, 'children'> {
+    visible?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closeable?: boolean;
+    closeIcon?: React.ReactNode;
+    /** 标题 */
+    title?: string | React.ReactNode;
+    /** 样式风格，可选值为`round-button`	 */
+    theme?: string;
+    /** 设置宽度 */
+    width?: string | number;
+    /** 设置主题内容 */
+    message?: React.ReactNode;
+    /** 动画类名 @see https://reactcommunity.org/react-transition-group/ */
+    transition?: string;
+    /** message内容对齐 */
+    messageAlign?: string;
+    /** 是否显示取消按钮 */
+    showCancelButton?: boolean;
+    /** 取消按钮文本设置 */
+    cancelButtonText?: React.ReactNode;
+    /** 取消按钮文字颜色 */
+    cancelButtonColor?: string;
+    /** 是否显示确认按钮 */
+    showConfirmButton?: boolean;
+    /** 确认按钮文本设置 */
+    confirmButtonText?: React.ReactNode;
+    /** 确认按钮文本颜色 */
+    confirmButtonColor?: string;
+    /** 是否显示背景遮罩层	 */
+    overlay?: boolean;
+    overlayClass?: string;
+    overlayStyle?: React.CSSProperties;
+    /** 是否在页面回退时自动关闭	 */
+    closeOnPopstate?: boolean;
+    /** 点击背景关闭 */
+    closeOnClickOverlay?: boolean;
+    /** 点击关闭icon按钮时调用方法 */
+    onClickCloseIcon?: () => void;
+    children?: React.ReactNode;
+    /** 取消按钮的状态 */
+    cancelProps?: DialogBtnProps;
+    /** 确认按钮的状态 */
+    confirmProps?: DialogBtnProps;
+    /** Dialog弹出时的的父容器 */
+    teleport?: HTMLElement | (() => HTMLElement);
+    /** 自定义底部按钮区域 */
+    footer?: React.ReactNode;
+    /** Dialog关闭时的回调 */
+    onClose?: () => void;
+    /** Dialog完全关闭后的回调 */
+    onClosed?: () => void;
+    /** 点击确认的回调 */
+    onConfirm?: (e: React.MouseEvent) => void | boolean | Promise<boolean> | Promise<void> | Promise<void | boolean>;
+    /** 是否支持点击遮罩关闭对话框 */
+    onCancel?: (e: React.MouseEvent) => void | boolean | Promise<boolean> | Promise<void> | Promise<void | boolean>;
+}
+export declare type AlertDialogProps = Omit<DialogProps, 'confirmButtonText' | 'onCancel'>;
+export declare type DialogStatic = {
+    (props: DialogProps): React.ReactElement;
+    show: (props: DialogProps) => void;
+    confirm: (props: DialogProps) => Promise<boolean>;
+    alert: (props: DialogProps) => Promise<React.MouseEvent>;
+};

package/lib/dialog/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/dialog/index.d.ts

@@ -0,0 +1,4 @@
+import './style/index.less';
+import Dialog from './method';
+export default Dialog;
+export { Dialog };

package/lib/dialog/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () {
+    return _method.default;
+  }
+});
+exports.default = void 0;
+require("./style/index.css");
+var _method = _interopRequireDefault(require("./method"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _method.default;

package/lib/dialog/method.d.ts

@@ -0,0 +1,3 @@
+import { DialogStatic } from './PropsType';
+declare const Dialog: DialogStatic;
+export default Dialog;

package/lib/dialog/method.js

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function () {
+    return data;
+  };
+  return data;
+}
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _icons() {
+  const data = require("@react-vant/icons");
+  _icons = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+var _getContainer = require("../utils/dom/getContainer");
+var _render = require("../utils/dom/render");
+var _canUseDom = _interopRequireDefault(require("../utils/dom/canUseDom"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Dialog = _Dialog.default;
+// 用于存储弹窗的销毁方法
+const dialogCloseMap = new Map();
+// 可返回用于销毁此弹窗的方法
+Dialog.show = props => {
+  if (!(0, _canUseDom.default)()) return null;
+  const defaultOptions = {
+    overlay: true,
+    closeable: false,
+    closeIcon: (0, _jsxRuntime().jsx)(_icons().Cross, {}),
+    lockScroll: true,
+    transition: 'rv-dialog-bounce',
+    showConfirmButton: true,
+    showCancelButton: false,
+    closeOnClickOverlay: false
+  };
+  const {
+      onClosed,
+      onCancel = _utils.noop,
+      onConfirm = _utils.noop,
+      onClose = _utils.noop,
+      cancelProps,
+      confirmProps
+    } = props,
+    restProps = (0, _tslib().__rest)(props, ["onClosed", "onCancel", "onConfirm", "onClose", "cancelProps", "confirmProps"]);
+  const userContainer = (0, _getContainer.resolveContainer)(props.teleport);
+  const container = document.createElement('div');
+  userContainer.appendChild(container);
+  const id = `rv-dialog-root--${Date.now()}`;
+  const TempDialog = () => {
+    const [visible, setVisible] = (0, _react().useState)(false);
+    const [cancelLoading, setCancelLoading] = (0, _react().useState)(false);
+    const [okLoading, setOkLoading] = (0, _react().useState)(false);
+    (0, _react().useEffect)(() => {
+      setVisible(true);
+    }, []);
+    const destroy = () => {
+      setVisible(false);
+      if (onClose) onClose();
+    };
+    dialogCloseMap[id] = destroy;
+    const _afterClose = () => {
+      if (onClosed) {
+        onClosed();
+      }
+      const unmountResult = (0, _render.unmount)(container);
+      if (unmountResult && container.parentNode) {
+        container.parentNode.removeChild(container);
+      }
+    };
+    const _onConfirm = e => (0, _tslib().__awaiter)(void 0, void 0, void 0, function* () {
+      const i = setTimeout(() => setOkLoading(true));
+      if ((yield onConfirm(e)) !== false) {
+        clearTimeout(i);
+        destroy();
+      } else {
+        clearTimeout(i);
+        setOkLoading(false);
+      }
+    });
+    const _onCancel = (e, clickOverlay) => (0, _tslib().__awaiter)(void 0, void 0, void 0, function* () {
+      if (clickOverlay) {
+        destroy();
+        return;
+      }
+      const i = setTimeout(() => setCancelLoading(true));
+      if ((yield onCancel(e)) !== false) {
+        clearTimeout(i);
+        destroy();
+      } else {
+        clearTimeout(i);
+        setCancelLoading(false);
+      }
+    });
+    return (0, _jsxRuntime().jsx)(_Dialog.default, Object.assign({}, defaultOptions, restProps, {
+      visible: visible,
+      teleport: () => container,
+      cancelProps: Object.assign({
+        loading: cancelLoading
+      }, cancelProps),
+      confirmProps: Object.assign({
+        loading: okLoading
+      }, confirmProps),
+      onClose: destroy,
+      onCancel: _onCancel,
+      onConfirm: _onConfirm,
+      onClosed: _afterClose
+    }));
+  };
+  (0, _render.render)((0, _jsxRuntime().jsx)(TempDialog, {}), container);
+  const close = () => {
+    var _a;
+    if (!dialogCloseMap.has(id)) {
+      return;
+    }
+    (_a = dialogCloseMap.get(id)) === null || _a === void 0 ? void 0 : _a();
+    dialogCloseMap.delete(id);
+  };
+  return close;
+};
+// 可使用 async/await 的方式
+Dialog.alert = props => {
+  const {
+    onConfirm = _utils.noop
+  } = props;
+  return new Promise(resolve => {
+    Dialog.show(Object.assign(Object.assign({}, props), {
+      onConfirm: e => {
+        onConfirm(e);
+        resolve(e);
+      }
+    }));
+  });
+};
+Dialog.confirm = props => {
+  const {
+    onCancel = _utils.noop,
+    onConfirm = _utils.noop
+  } = props;
+  return new Promise((resolve, reject) => {
+    Dialog.show(Object.assign(Object.assign({
+      // 强制显示 OK Btn
+      showCancelButton: true
+    }, props), {
+      onCancel: e => {
+        onCancel(e);
+        reject();
+      },
+      onConfirm: e => {
+        onConfirm(e);
+        resolve(true);
+      }
+    }));
+  });
+};
+var _default = exports.default = Dialog;

package/lib/dialog/style/index.css

@@ -0,0 +1,121 @@
+:root {
+  --rv-dialog-width: 320px;
+  --rv-dialog-small-screen-width: 90%;
+  --rv-dialog-font-size: var(--rv-font-size-lg);
+  --rv-dialog-transition: var(--rv-animation-duration-base);
+  --rv-dialog-border-radius: 16px;
+  --rv-dialog-background-color: var(--rv-white);
+  --rv-dialog-header-font-weight: var(--rv-font-weight-bold);
+  --rv-dialog-header-line-height: 24px;
+  --rv-dialog-header-padding-top: 26px;
+  --rv-dialog-header-isolated-padding: var(--rv-padding-lg) 0;
+  --rv-dialog-message-padding: var(--rv-padding-lg);
+  --rv-dialog-message-font-size: var(--rv-font-size-md);
+  --rv-dialog-message-line-height: var(--rv-line-height-md);
+  --rv-dialog-message-max-height: 60vh;
+  --rv-dialog-has-title-message-text-color: var(--rv-gray-7);
+  --rv-dialog-has-title-message-padding-top: var(--rv-padding-xs);
+  --rv-dialog-button-height: 48px;
+  --rv-dialog-round-button-height: 36px;
+  --rv-dialog-confirm-button-text-color: var(--rv-primary-color);
+}
+.rv-dialog.rv-popup {
+  top: 45%;
+  left: 50%;
+  width: var(--rv-dialog-width);
+  overflow: hidden;
+  font-size: var(--rv-dialog-font-size);
+  background-color: var(--rv-dialog-background-color);
+  border-radius: var(--rv-dialog-border-radius);
+  backface-visibility: hidden;
+  transition: var(--rv-dialog-transition);
+  transition-property: transform, opacity;
+}
+@media (max-width: 321px) {
+  .rv-dialog.rv-popup {
+    width: var(--rv-dialog-small-screen-width);
+  }
+}
+.rv-dialog__header {
+  padding-top: var(--rv-dialog-header-padding-top);
+  font-weight: var(--rv-dialog-header-font-weight);
+  line-height: var(--rv-dialog-header-line-height);
+  text-align: center;
+}
+.rv-dialog__header--isolated {
+  padding: var(--rv-dialog-header-isolated-padding);
+}
+.rv-dialog__content--isolated {
+  display: flex;
+  align-items: center;
+  min-height: 104px;
+}
+.rv-dialog__message {
+  flex: 1;
+  max-height: var(--rv-dialog-message-max-height);
+  padding: 26px var(--rv-dialog-message-padding);
+  overflow-y: auto;
+  font-size: var(--rv-dialog-message-font-size);
+  line-height: var(--rv-dialog-message-line-height);
+  white-space: pre-wrap;
+  text-align: center;
+  word-wrap: break-word;
+  -webkit-overflow-scrolling: touch;
+}
+.rv-dialog__message--has-title {
+  padding-top: var(--rv-dialog-has-title-message-padding-top);
+  color: var(--rv-dialog-has-title-message-text-color);
+}
+.rv-dialog__message--left {
+  text-align: left;
+}
+.rv-dialog__message--right {
+  text-align: right;
+}
+.rv-dialog__footer {
+  display: flex;
+  overflow: hidden;
+  user-select: none;
+}
+.rv-dialog__confirm.rv-button,
+.rv-dialog__cancel.rv-button {
+  flex: 1;
+  height: var(--rv-dialog-button-height);
+  margin: 0;
+  border: 0;
+}
+.rv-dialog__confirm.rv-button,
+.rv-dialog__confirm:active.rv-button {
+  color: var(--rv-dialog-confirm-button-text-color);
+}
+.rv-dialog--round-button .rv-dialog__footer {
+  position: relative;
+  height: auto;
+  padding: var(--rv-padding-xs) var(--rv-padding-lg) var(--rv-padding-md);
+}
+.rv-dialog--round-button .rv-dialog__message {
+  padding-bottom: var(--rv-padding-md);
+  color: var(--rv-text-color);
+}
+.rv-dialog--round-button .rv-dialog__confirm,
+.rv-dialog--round-button .rv-dialog__cancel {
+  height: var(--rv-dialog-round-button-height);
+}
+.rv-dialog--round-button .rv-dialog__confirm.rv-button,
+.rv-dialog--round-button.rv-button,
+.rv-dialog--round-button:active.rv-button {
+  color: var(--rv-white);
+}
+.rv-dialog.rv-dialog-bounce-enter {
+  transform: translate3d(-50%, -50%, 0) scale(0.7);
+  opacity: 0;
+}
+.rv-dialog.rv-dialog-bounce-exit-active {
+  transform: translate3d(-50%, -50%, 0) scale(0.9);
+  opacity: 0;
+}
+.rv-dialog.rv-dialog-bounce-enter-active,
+.rv-dialog.rv-dialog-bounce-leave-exit {
+  transform: translate3d(-50%, -50%, 0);
+  opacity: 1;
+}

package/lib/divider/Divider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DividerProps } from './PropsType';
+declare const Divider: React.FC<DividerProps>;
+export default Divider;

package/lib/divider/Divider.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+function _tslib() {
+  const data = require("tslib");
+  _tslib = function () {
+    return data;
+  };
+  return data;
+}
+function _jsxRuntime() {
+  const data = require("react/jsx-runtime");
+  _jsxRuntime = function () {
+    return data;
+  };
+  return data;
+}
+function _clsx() {
+  const data = _interopRequireDefault(require("clsx"));
+  _clsx = function () {
+    return data;
+  };
+  return data;
+}
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [bem] = (0, _utils.createNamespace)('divider');
+const Divider = _a => {
+  var {
+      children,
+      className,
+      hairline = true,
+      dashed,
+      type = 'horizontal',
+      contentPosition = 'center'
+    } = _a,
+    props = (0, _tslib().__rest)(_a, ["children", "className", "hairline", "dashed", "type", "contentPosition"]);
+  return (0, _jsxRuntime().jsx)("div", Object.assign({
+    role: 'separator',
+    className: (0, _clsx().default)(className, bem({
+      dashed,
+      hairline,
+      'vertical': type === 'vertical',
+      [`content-${contentPosition}`]: !!children
+    }))
+  }, props, {
+    children: children
+  }));
+};
+var _default = exports.default = Divider;

package/lib/divider/PropsType.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { BaseTypeProps } from '../utils';
+export declare type DividerContentPosition = 'left' | 'center' | 'right';
+export interface DividerProps extends BaseTypeProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
+    /** 是否使用虚线	 */
+    dashed?: boolean;
+    /**
+     * 是否使用 0.5px 线
+     * @default true
+     */
+    hairline?: boolean;
+    /**
+     * 水平还是垂直类型
+     * @default 'horizontal'
+     */
+    type?: 'horizontal' | 'vertical';
+    /**
+     * 内容位置
+     * @default 'center'
+     */
+    contentPosition?: DividerContentPosition;
+}

package/lib/divider/PropsType.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/divider/index.d.ts

@@ -0,0 +1,4 @@
+import './style/index.less';
+import Divider from './Divider';
+export { Divider };
+export type { DividerProps } from './PropsType';