@ebscn/ui 0.0.10 → 1.0.0

package/cjs/components/icons/uncheck-icon.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var UncheckIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 48 48"
+  }, _react.default.createElement("g", {
+    fill: "none"
+  }, _react.default.createElement("g", {
+    transform: "translate(4.000000, 4.000000)"
+  }, _react.default.createElement("path", {
+    d: "M20,1.5 C25.100196,1.5 29.724834,3.57544581 33.0746665,6.92512482 C36.4244591,10.2747639 38.5,14.8991338 38.5,19.9990835 C38.5,25.0995017 36.4246362,29.7246098 33.0746617,33.0747379 C29.7251005,36.4244526 25.1007203,38.5 20,38.5 C14.8997226,38.5 10.2750185,36.4244845 6.9251796,33.0744921 C3.57545757,29.7246166 1.5,25.0998375 1.5,19.9990835 C1.5,14.8985814 3.57535642,10.274347 6.9249385,6.92491838 C10.2748077,3.5752027 14.8996147,1.5 20,1.5 Z",
+    stroke: "currentColor",
+    strokeWidth: "3"
+  })))));
+});
+var _default = exports.default = UncheckIcon;

package/cjs/components/imageViewer/imageViewer.d.ts

@@ -0,0 +1,4 @@
+import "react-photo-view/dist/react-photo-view.css";
+import { ImageViewerProps } from "./index";
+import React from "react";
+export default function ImageViewer(props: ImageViewerProps): React.JSX.Element;

package/cjs/components/imageViewer/imageViewer.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ImageViewer;
+var _react = _interopRequireWildcard(require("react"));
+var _reactPhotoView = require("react-photo-view");
+require("react-photo-view/dist/react-photo-view.css");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ImageViewer(props) {
+  var images = props.images,
+    currentIndex = props.currentIndex;
+  var _a = (0, _react.useState)(currentIndex ? currentIndex - 1 : 0),
+    photoIndex = _a[0],
+    setPhotoIndex = _a[1];
+  function onClose(e) {
+    props.onClose && props.onClose(e);
+  }
+  return _react.default.createElement(_reactPhotoView.PhotoSlider, {
+    images: images.map(function (item, index) {
+      return {
+        src: item,
+        key: item + index
+      };
+    }),
+    visible: true,
+    index: photoIndex,
+    onIndexChange: setPhotoIndex,
+    onClose: function (e) {
+      return onClose(e);
+    }
+  });
+}

package/cjs/components/imageViewer/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _imageViewer = _interopRequireDefault(require("./imageViewer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _imageViewer.default;

package/cjs/components/marketTag/index.d.ts

@@ -0,0 +1,4 @@
+import './marketTag.less';
+import { MarketTag } from './marketTag';
+export type { MarketTagProps } from './marketTag';
+export default MarketTag;

package/cjs/components/marketTag/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./marketTag.css");
+var _marketTag2 = require("./marketTag");
+var _default = exports.default = _marketTag2.MarketTag;

package/cjs/components/marketTag/marketTag.css

@@ -0,0 +1,14 @@
+.ebscn-marketTag {
+  padding: 0 1px;
+  font-size: var(--ebscn-font-size-2);
+  line-height: 13px;
+  height: 13px;
+  font-weight: normal;
+  display: inline-block;
+  white-space: nowrap;
+  border-radius: 2px;
+  box-sizing: border-box;
+}
+.ebscn-marketTag:not(:last-child) {
+  margin-right: 4px;
+}

package/cjs/components/marketTag/marketTag.d.ts

@@ -0,0 +1,11 @@
+import type { FC, ReactNode } from 'react';
+import React from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type MarketTagProps = {
+    color?: string;
+    fillColor?: string;
+    onClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
+    children?: ReactNode;
+    round?: boolean;
+} & NativeProps;
+export declare const MarketTag: FC<MarketTagProps>;

package/cjs/components/marketTag/marketTag.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MarketTag = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = "ebscn-marketTag";
+var defaultProps = {
+  color: 'var(--ebscn-color-primary, #e84225)',
+  fillColor: '#fcece9'
+};
+var MarketTag = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("span", {
+    style: {
+      color: props.color,
+      backgroundColor: props.fillColor
+    },
+    onClick: props.onClick,
+    className: classPrefix
+  }, props.children));
+};
+exports.MarketTag = MarketTag;

package/cjs/components/number-keyboard/index.d.ts

@@ -0,0 +1,4 @@
+import "./number-keyboard.less";
+import { NumberKeyboard } from "./number-keyboard";
+export type { NumberKeyboardProps } from "./number-keyboard";
+export default NumberKeyboard;

package/cjs/components/number-keyboard/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("./number-keyboard.css");
+var _numberKeyboard2 = require("./number-keyboard");
+var _default = exports.default = _numberKeyboard2.NumberKeyboard;

package/cjs/components/number-keyboard/number-keyboard.css

@@ -0,0 +1,77 @@
+.ebscn-number-keyboard {
+  display: none;
+  position: fixed;
+  bottom: 0;
+  transform: translateY(101%);
+  display: flex;
+  flex-wrap: wrap;
+  width: 100%;
+  height: 216px;
+  padding: 0 0 0 0;
+  transition: all 0.5s;
+  align-content: flex-start;
+}
+.ebscn-number-keyboard :last-child {
+  background: var(--ebscn-color-primary);
+  color: var(--ebscn-color-background);
+}
+.ebscn-number-keyboard-key {
+  width: 25%;
+  height: 54px;
+  line-height: 54px;
+  text-align: center;
+  font-size: 24px;
+  font-weight: Regular;
+  color: var(--ebscn-color-text-dark-solid);
+  font-weight: 300;
+  box-shadow: 0 0 0 1px #cccccc;
+  background: var(--ebscn-color-background);
+}
+.ebscn-number-keyboard-key:active {
+  width: 25%;
+  height: 54px;
+  line-height: 54px;
+  text-align: center;
+  font-size: 24px;
+  color: var(--ebscn-color-text-dark-solid);
+  font-weight: 300;
+  box-shadow: 0 0 0 1px #cccccc;
+  background: var(--ebscn-color-border);
+}
+.ebscn-number-keyboard-option {
+  font-size: var(--ebscn-font-size-11);
+  background: #e1e3e8;
+}
+.ebscn-number-keyboard-option:active {
+  font-size: var(--ebscn-font-size-11);
+  background: #CACBD0;
+}
+.ebscn-number-keyboard-delete {
+  background: url(./images/delete.png) #e1e3e8 no-repeat center;
+  background-size: 24px 24px;
+}
+.ebscn-number-keyboard-delete:active {
+  background: url(./images/delete.png) #CACBD0 no-repeat center;
+  background-size: 24px 24px;
+}
+.ebscn-number-keyboard-confirmKey {
+  background-color: var(--ebscn-color-primary);
+  width: 25%;
+  height: 54px;
+  line-height: 54px;
+  text-align: center;
+  font-size: var(--ebscn-font-size-11);
+  color: var(--ebscn-color-text-dark-solid);
+  font-weight: 300;
+  box-shadow: 0 0 0 1px #cccccc;
+}
+.ebscn-number-keyboard-confirmKey:active {
+  background-color: #D03B21;
+  color: var(--ebscn-color-background);
+}
+@supports (bottom: env(safe-area-inset-bottom)) or (constant(safe-area-inset-bottom)) {
+  .keyboard {
+    height: calc(216px + env(safe-area-inset-bottom));
+    height: calc(216px + constant(safe-area-inset-bottom));
+  }
+}

package/cjs/components/number-keyboard/number-keyboard.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { NativeProps } from '../../utils/native-props';
+export type NumberKeyboardProps = {
+    types?: 'fullKeyboard' | 'numberKeyboard' | 'numberKeyboardWithDot';
+    visible?: boolean;
+    onInput: Function;
+    onChangeKeyBoard: Function;
+    onDelete: Function;
+    onClose: Function;
+    onClean: Function;
+    onConfirm: Function;
+} & NativeProps;
+export declare function NumberKeyboard(p: NumberKeyboardProps): JSX.Element;

package/cjs/components/number-keyboard/number-keyboard.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NumberKeyboard = NumberKeyboard;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = 'ebscn-number-keyboard';
+var defaultProps = {
+  types: 'numberKeyboard',
+  visible: false
+};
+function NumberKeyboard(p) {
+  var keyboardRef = (0, _react.useRef)(null);
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var visible = props.visible,
+    onInput = props.onInput,
+    onDelete = props.onDelete,
+    onChangeKeyBoard = props.onChangeKeyBoard,
+    onClose = props.onClose,
+    onClean = props.onClean,
+    onConfirm = props.onConfirm,
+    types = props.types;
+  var keys = types == 'numberKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '', '确定'] : types == 'fullKeyboard' ? [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', 'ABC', 0, '.', '确定'] : [1, 2, 3, 'X', 4, 5, 6, '清除', 7, 8, 9, '隐藏', '', 0, '.', '确定'];
+  var hideTimer = (0, _react.useRef)(null);
+  var appearTimer = (0, _react.useRef)(null);
+  var lastVisible = (0, _react.useRef)(null);
+  var keyFlag = (0, _react.useRef)(0);
+  (0, _react.useEffect)(function () {
+    if (!visible) {
+      if (lastVisible.current) {
+        // 键盘已实例化，调用隐藏即可
+        hideKeyBoard();
+      }
+      // 未实例化，为初始化，不需处理
+    } else {
+      showKeyBoard();
+      lastVisible.current = visible; // 记录当前键盘状态
+    }
+  }, [visible]);
+  function hideKeyBoard() {
+    keyboardRef.current.style.transform = 'translateY(100%)';
+    if (appearTimer.current) clearTimeout(appearTimer.current);
+    if (!hideTimer.current) {
+      hideTimer.current = setTimeout(function () {
+        keyboardRef.current.style.display = 'none';
+      }, 500);
+    }
+  }
+  function showKeyBoard() {
+    keyboardRef.current.style.display = '';
+    if (hideTimer.current) clearTimeout(hideTimer.current);
+    appearTimer.current = setTimeout(function () {
+      keyboardRef.current.style.transform = 'translateY(0)';
+    }, 20);
+  }
+  function onKeyPress(key) {
+    switch (key) {
+      case 'X':
+        return onDelete === null || onDelete === void 0 ? void 0 : onDelete();
+      case '清除':
+        return onClean === null || onClean === void 0 ? void 0 : onClean();
+      case '隐藏':
+        return onClose === null || onClose === void 0 ? void 0 : onClose();
+      case '确定':
+        return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm();
+      case 'ABC':
+        return onChangeKeyBoard === null || onChangeKeyBoard === void 0 ? void 0 : onChangeKeyBoard();
+      default:
+        return onInput === null || onInput === void 0 ? void 0 : onInput(key);
+    }
+  }
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    ref: keyboardRef,
+    className: "".concat(classPrefix)
+  }, keys.map(function (item, index) {
+    return _react.default.createElement("div", {
+      key: item || index,
+      className: (0, _classnames.default)(item !== '确定' ? "".concat(classPrefix, "-key") : "".concat(classPrefix, "-confirmKey"), typeof item !== 'number' && item.length && item !== '.' && item !== '确定' ? "".concat(classPrefix, "-option") : item == '确定' ? "".concat(classPrefix, "-confirmKey") : "".concat(classPrefix, "-number-key"), item === 'X' && "".concat(classPrefix, "-delete")),
+      onClick: function () {
+        if (visible) {
+          onKeyPress(item);
+        }
+      }
+    }, item !== 'X' ? item : '');
+  })));
+}

package/cjs/components/pdfLink/index.d.ts

@@ -0,0 +1,3 @@
+import PdfLink from './pdfLink';
+import './pdfLink.less';
+export default PdfLink;

package/cjs/components/pdfLink/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _pdfLink = _interopRequireDefault(require("./pdfLink"));
+require("./pdfLink.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _pdfLink.default;

package/cjs/components/pdfLink/pdfLink.css

@@ -0,0 +1,11 @@
+.ebscn-pdf-link {
+  color: var(--ebscn-color-blue);
+  font-size: 12px;
+  line-height: 18px;
+}
+.ebscn-pdf-link-popup .pdfViewer img {
+  width: 100%;
+}
+.ebscn-pdf-link-popup .pageNum {
+  display: none;
+}

package/cjs/components/pdfLink/pdfLink.d.ts

@@ -0,0 +1,8 @@
+import type { FC, ReactNode } from 'react';
+interface Props {
+    url: string;
+    children?: ReactNode;
+    options?: any;
+}
+declare const PdfLink: FC<Props>;
+export default PdfLink;

package/cjs/components/pdfLink/pdfLink.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ui = require("@ebscn/ui");
+var _antdMobile = require("antd-mobile");
+var _react = _interopRequireWildcard(require("react"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var __assign = void 0 && (void 0).__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var id = 'pdflink';
+var PdfLink = function (props) {
+  var _a;
+  var pdfh5 = (0, _react.useRef)(null);
+  var _b = (0, _react.useState)(false),
+    visible = _b[0],
+    setVisible = _b[1];
+  var _c = (0, _react.useState)(false),
+    loading = _c[0],
+    setLoading = _c[1];
+  var setHeightTimer = (0, _react.useRef)(true);
+  var options = (_a = props.options) !== null && _a !== void 0 ? _a : {};
+  function showPdf() {
+    if (pdfh5.current) {
+      pdfh5.current.destroy();
+    }
+    setLoading(true);
+    import('pdfh5').then(function (Pdfh5) {
+      pdfh5.current = new Pdfh5.default("#".concat(id), __assign({
+        pdfurl: props.url,
+        pageNum: false,
+        zoomEnable: false,
+        maxZoom: 1.3
+      }, options));
+      pdfh5.current.on('complete', function () {
+        pdfh5.current.zoomEnable(true); // 允许缩放
+        setLoading(false);
+      });
+      pdfh5.current.on('zoom', function () {
+        if (setHeightTimer.current) {
+          clearTimeout(setHeightTimer.current);
+          setHeightTimer.current = setTimeout(function () {}, 16);
+        }
+      });
+    });
+  }
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      showPdf();
+    }
+    return function () {
+      if (pdfh5.current) {
+        pdfh5.current.destroy();
+      }
+    };
+  }, [visible]);
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("a", {
+    onClick: function () {
+      return setVisible(true);
+    },
+    className: "ebscn-pdf-link"
+  }, props.children), _react.default.createElement(_antdMobile.Popup, {
+    visible: visible,
+    position: "bottom",
+    onMaskClick: function () {
+      return setVisible(false);
+    },
+    bodyStyle: {
+      height: '90vh'
+    }
+  }, _react.default.createElement("div", null, _react.default.createElement(_ui.Button, {
+    style: {
+      fontSize: '14px'
+    },
+    size: "mini",
+    color: "#333",
+    fill: "outline",
+    onClick: function () {
+      return setVisible(false);
+    },
+    disabled: loading
+  }, '<')), _react.default.createElement("div", null, _react.default.createElement("div", {
+    style: {
+      visibility: loading ? 'visible' : 'hidden'
+    }
+  }, "Loading...."), visible && _react.default.createElement("div", {
+    className: "ebscn-pdf-link-popup",
+    id: id
+  }))));
+};
+var _default = exports.default = PdfLink;

package/cjs/components/protocol/index.d.ts

@@ -0,0 +1,3 @@
+import Protocol from './protocol';
+import './protocol.less';
+export default Protocol;

package/cjs/components/protocol/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _protocol = _interopRequireDefault(require("./protocol"));
+require("./protocol.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = exports.default = _protocol.default;

package/cjs/components/protocol/protocol.css

@@ -0,0 +1,46 @@
+.ebscn-protocol {
+  overflow-y: auto;
+  margin: 10px 0;
+}
+.ebscn-protocol .ebscn-protocol-item {
+  display: flex;
+  margin-bottom: 10px;
+}
+.ebscn-protocol .ebscn-protocol-item:last-of-type {
+  margin-bottom: 0;
+}
+.ebscn-protocol .ebscn-protocol-item .ebscn-protocol-item-checkbox {
+  flex: 24px 0 0;
+  position: relative;
+}
+.ebscn-protocol .ebscn-protocol-item .ebscn-protocol-item-checkbox .ebscn-checkbox {
+  height: 18px;
+}
+.ebscn-protocol .ebscn-protocol-item .ebscn-protocol-item-checkbox .ebscn-checkbox::after {
+  position: absolute;
+  content: ' ';
+  width: 54px;
+  background-color: transparent;
+  top: 0;
+  bottom: 0;
+  left: -16px;
+}
+.ebscn-protocol .ebscn-protocol-item-text {
+  flex: 1;
+  color: var(--ebscn-color-text-secondary);
+  font-size: 12px;
+  line-height: 18px;
+}
+.ebscn-protocol.ebscn-protocol-scroll {
+  margin: 20px 0;
+}
+.ebscn-protocol-fixed-button {
+  position: fixed;
+  margin: 0 16px;
+  left: 0;
+  width: calc(100vw - 32px);
+  bottom: 20px;
+}
+.ebscn-protocol-top-button {
+  margin: 20px 0 ;
+}

package/cjs/components/protocol/protocol.d.ts

@@ -0,0 +1,15 @@
+import type { FC, ReactNode } from 'react';
+type Placement = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
+interface Props {
+    children?: string | ReactNode[] | ReactNode;
+    buttonTop?: boolean;
+    scrollHeight?: string;
+    onConfirm?: () => void;
+    onAllCheck?: () => void;
+    hideButton?: boolean;
+    popoverContent?: string;
+    popoverPlacement?: Placement;
+    popoverTimeout?: number;
+}
+declare const Protocol: FC<Props>;
+export default Protocol;