@ebscn/ui 0.0.11 → 1.0.0

package/es/components/icons/clear-icon.js

@@ -0,0 +1,33 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var ClearIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 44 44",
+    version: "1.1"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", null, React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "36",
+    height: "36"
+  }), React.createElement("g", {
+    transform: "translate(4, 4)"
+  }, React.createElement("circle", {
+    fill: "currentColor",
+    cx: "18",
+    cy: "18",
+    r: "18"
+  }), React.createElement("path", {
+    d: "M19.5548764,18 L27.7015838,9.85329258 C28.1128091,9.44206724 28.1128091,8.76410114 27.7015838,8.3528758 L27.657127,8.30841901 C27.2459016,7.89719366 26.5679355,7.89719366 26.1567102,8.30841901 L18.0100028,16.4662406 L9.86329536,8.30841901 C9.45207002,7.89719366 8.77410392,7.89719366 8.36287858,8.30841901 L8.31842178,8.3528758 C7.89608225,8.76410114 7.89608225,9.44206724 8.31842178,9.85329258 L16.4651292,18 L8.31842178,26.1467074 C7.90719644,26.5579328 7.90719644,27.2358989 8.31842178,27.6471242 L8.36287858,27.691581 C8.77410392,28.1028063 9.45207002,28.1028063 9.86329536,27.691581 L18.0100028,19.5448736 L26.1567102,27.691581 C26.5679355,28.1028063 27.2459016,28.1028063 27.657127,27.691581 L27.7015838,27.6471242 C28.1128091,27.2358989 28.1128091,26.5579328 27.7015838,26.1467074 L19.5548764,18 Z",
+    id: "\u8DEF\u5F84",
+    fill: "#FFFFFF",
+    fillRule: "nonzero"
+  }))))));
+});
+export default ClearIcon;

package/es/components/icons/indeterminate-icon.d.ts

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

package/es/components/icons/indeterminate-icon.js

@@ -0,0 +1,21 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var IndeterminateIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 48 48"
+  }, React.createElement("g", {
+    fill: "none"
+  }, React.createElement("g", {
+    transform: "translate(4.000000, 4.000000)"
+  }, React.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"
+  }), React.createElement("path", {
+    d: "M20,9 C26.0752953,9 31,13.9247047 31,20 C31,26.0752953 26.0752953,31 20,31 C13.9247047,31 9,26.0752953 9,20 C9,13.9247047 13.9247047,9 20,9 Z",
+    fill: "currentColor"
+  })))));
+});
+export default IndeterminateIcon;

package/es/components/icons/index.d.ts

@@ -0,0 +1,8 @@
+export { default as CheckIcon } from './check-icon';
+export { default as CheckOnlyIcon } from './check-only-icon';
+export { default as ClearIcon } from './clear-icon';
+export { default as IndeterminateIcon } from './indeterminate-icon';
+export { default as LoadingIcon } from './loading-icon';
+export { default as SearchIcon } from './search-icon';
+export { default as SpinIcon } from './spin-icon';
+export { default as UncheckIcon } from './uncheck-icon';

package/es/components/icons/index.js

@@ -0,0 +1,8 @@
+export { default as CheckIcon } from './check-icon';
+export { default as CheckOnlyIcon } from './check-only-icon';
+export { default as ClearIcon } from './clear-icon';
+export { default as IndeterminateIcon } from './indeterminate-icon';
+export { default as LoadingIcon } from './loading-icon';
+export { default as SearchIcon } from './search-icon';
+export { default as SpinIcon } from './spin-icon';
+export { default as UncheckIcon } from './uncheck-icon';

package/es/components/icons/loading-icon.d.ts

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

package/es/components/icons/loading-icon.js

@@ -0,0 +1,81 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var LoadingIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    viewBox: "0 0 48 48",
+    width: "1em",
+    height: "1em"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", {
+    transform: "translate(-307.000000, -1519.000000)"
+  }, React.createElement("g", {
+    transform: "translate(32.000000, 1497.000000)"
+  }, React.createElement("g", {
+    transform: "translate(275.000000, 22.000000)"
+  }, React.createElement("g", {
+    transform: "translate(4.000000, 4.000000)",
+    fill: "currentColor"
+  }, React.createElement("g", {
+    fillRule: "nonzero"
+  }, React.createElement("path", {
+    d: "M19.9393657,9.75528609 C19.080714,9.75528609 18.3846393,9.05921138 18.3846393,8.2005597 L18.3846393,1.59359451 C18.3846393,0.734942834 19.080714,0.0388681203 19.9393657,0.0388681203 C20.7980173,0.0388681203 21.4940921,0.734942834 21.4940921,1.59359451 L21.4940921,8.2005597 C21.4940921,9.06125624 20.7975746,9.75528609 19.9393657,9.75528609 L19.9393657,9.75528609 Z"
+  }), React.createElement("path", {
+    d: "M14.8473259,11.1209577 C14.1046351,11.5493078 13.1553597,11.2955741 12.7254353,10.5537936 L9.42195272,4.83240048 C9.03967154,4.09476348 9.30488139,3.18691549 10.0241301,2.77106867 C10.7433787,2.35522185 11.6624775,2.57834011 12.1110075,3.27767415 L15.41449,8.99906716 C15.6208863,9.35560565 15.677083,9.77956813 15.5707015,10.1775657 C15.46432,10.5755633 15.204087,10.9149467 14.8473259,11.1209577 L14.8473259,11.1209577 Z",
+    opacity: "0.9"
+  }), React.createElement("path", {
+    d: "M11.1209577,14.8473259 C10.9149467,15.204087 10.5755633,15.46432 10.1775657,15.5707015 C9.77956813,15.677083 9.35560565,15.6208863 8.99906716,15.41449 L3.27767415,12.1110075 C2.53511219,11.6816816 2.28118412,10.7316789 2.71050994,9.98911693 C3.13983576,9.24655496 4.08983851,8.9926269 4.83240048,9.42195272 L10.5537936,12.7254353 C11.2950871,13.1532961 11.5488184,14.1060324 11.1209577,14.8473259 L11.1209577,14.8473259 Z",
+    opacity: "0.85"
+  }), React.createElement("path", {
+    d: "M9.75528609,19.9393657 C9.75528609,20.7975746 9.05876866,21.4940921 8.2005597,21.4940921 L1.59359451,21.4940921 C0.734942834,21.4940921 0.0388681203,20.7980173 0.0388681203,19.9393657 C0.0388681203,19.080714 0.734942834,18.3846393 1.59359451,18.3846393 L8.2005597,18.3846393 C9.06125624,18.3846393 9.75528609,19.0811567 9.75528609,19.9393657 L9.75528609,19.9393657 Z",
+    opacity: "0.8"
+  }), React.createElement("path", {
+    d: "M11.1209577,25.0314055 C11.5493078,25.7740963 11.2955741,26.7233717 10.5537936,27.153296 L4.83240048,30.4567786 C4.09476348,30.8390598 3.18691549,30.57385 2.77106867,29.8546013 C2.35522185,29.1353526 2.57834011,28.2162539 3.27767415,27.7677239 L8.99906716,24.4642413 C9.35560565,24.2578451 9.77956813,24.2016483 10.1775657,24.3080299 C10.5755633,24.4144114 10.9149467,24.6746443 11.1209577,25.0314055 L11.1209577,25.0314055 Z",
+    opacity: "0.75"
+  }), React.createElement("path", {
+    d: "M14.8473259,28.7577736 C15.204087,28.9637847 15.46432,29.3031681 15.5707015,29.7011656 C15.677083,30.0991632 15.6208863,30.5231257 15.41449,30.8796642 L12.1110075,36.6010572 C11.8332824,37.0814106 11.3203883,37.3771108 10.7655275,37.3767708 C10.2106668,37.3764302 9.69813582,37.080101 9.42100015,36.5994073 C9.14386449,36.1187136 9.14422761,35.5266842 9.42195272,35.0463309 L12.7254353,29.3249378 C13.1553597,28.5831572 14.1046351,28.3294236 14.8473259,28.7577736 L14.8473259,28.7577736 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.7"
+  }), React.createElement("path", {
+    d: "M19.9393657,30.1234453 C20.7975746,30.1234453 21.4940921,30.8199627 21.4940921,31.6781716 L21.4940921,38.2851368 C21.4940921,39.1437885 20.7980173,39.8398632 19.9393657,39.8398632 C19.080714,39.8398632 18.3846393,39.1437885 18.3846393,38.2851368 L18.3846393,31.6781716 C18.3846393,30.8174751 19.0811567,30.1234453 19.9393657,30.1234453 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.65"
+  }), React.createElement("path", {
+    d: "M25.0314055,28.7577736 C25.7740963,28.3294236 26.7233717,28.5831572 27.153296,29.3249378 L30.4567786,35.0463309 C30.8390598,35.7839679 30.57385,36.6918159 29.8546013,37.1076627 C29.1353526,37.5235095 28.2162539,37.3003912 27.7677239,36.6010572 L24.4642413,30.8796642 C24.2578451,30.5231257 24.2016483,30.0991632 24.3080299,29.7011656 C24.4144114,29.3031681 24.6746443,28.9637847 25.0314055,28.7577736 L25.0314055,28.7577736 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.6"
+  }), React.createElement("path", {
+    d: "M28.7577736,25.0314055 C28.9637847,24.6746443 29.3031681,24.4144114 29.7011656,24.3080299 C30.0991632,24.2016483 30.5231257,24.2578451 30.8796642,24.4642413 L36.6010572,27.7677239 C37.0814106,28.045449 37.3771108,28.558343 37.3767708,29.1132038 C37.3764302,29.6680646 37.080101,30.1805955 36.5994073,30.4577312 C36.1187136,30.7348669 35.5266842,30.7345037 35.0463309,30.4567786 L29.3249378,27.153296 C28.5831572,26.7233717 28.3294236,25.7740963 28.7577736,25.0314055 L28.7577736,25.0314055 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.55"
+  }), React.createElement("path", {
+    d: "M30.1234453,19.9393657 C30.1234453,19.0811567 30.8199627,18.3846393 31.6781716,18.3846393 L38.2851368,18.3846393 C39.1437885,18.3846393 39.8398632,19.080714 39.8398632,19.9393657 C39.8398632,20.7980173 39.1437885,21.4940921 38.2851368,21.4940921 L31.6781716,21.4940921 C30.81952,21.4940921 30.1234453,20.7980173 30.1234453,19.9393657 L30.1234453,19.9393657 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.5"
+  }), React.createElement("path", {
+    d: "M28.7577736,14.8473259 C28.3294236,14.1046351 28.5831572,13.1553597 29.3249378,12.7254353 L35.0463309,9.42195272 C35.7839679,9.03967154 36.6918159,9.30488139 37.1076627,10.0241301 C37.5235095,10.7433787 37.3003912,11.6624775 36.6010572,12.1110075 L30.8796642,15.41449 C30.5231257,15.6208863 30.0991632,15.677083 29.7011656,15.5707015 C29.3031681,15.46432 28.9637847,15.204087 28.7577736,14.8473259 L28.7577736,14.8473259 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.4"
+  }), React.createElement("path", {
+    d: "M25.0314055,11.1209577 C24.6746443,10.9149467 24.4144114,10.5755633 24.3080299,10.1775657 C24.2016483,9.77956813 24.2578451,9.35560565 24.4642413,8.99906716 L27.7677239,3.27767415 C28.045449,2.79732076 28.558343,2.50162051 29.1132038,2.50196052 C29.6680646,2.50230113 30.1805956,2.7986303 30.4577312,3.279324 C30.7348669,3.7600177 30.7345038,4.35204711 30.4567786,4.83240048 L27.153296,10.5537936 C26.7233717,11.2955741 25.7740963,11.5493078 25.0314055,11.1209577 L25.0314055,11.1209577 Z",
+    id: "\u8DEF\u5F84",
+    opacity: "0.3"
+  })), React.createElement("rect", {
+    opacity: "0",
+    x: "0",
+    y: "0",
+    width: "40",
+    height: "40"
+  })), React.createElement("rect", {
+    fill: "#D8D8D8",
+    opacity: "0",
+    x: "0",
+    y: "0",
+    width: "48",
+    height: "48"
+  })))))));
+});
+export default LoadingIcon;

package/es/components/icons/search-icon.d.ts

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

package/es/components/icons/search-icon.js

@@ -0,0 +1,35 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var SearchIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 56 56",
+    version: "1.1"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", null, React.createElement("rect", {
+    x: "0",
+    y: "0",
+    width: "56",
+    height: "56"
+  }), React.createElement("circle", {
+    stroke: "currentColor",
+    strokeWidth: "3",
+    cx: "27",
+    cy: "27",
+    r: "16.5"
+  }), React.createElement("rect", {
+    fill: "currentColor",
+    transform: "translate(42.2426, 42.6464) rotate(-45) translate(-42.2426, -42.6464)",
+    x: "40.7426407",
+    y: "37.1464466",
+    width: "3",
+    height: "11",
+    rx: "1.5"
+  })))));
+});
+export default SearchIcon;

package/es/components/icons/spin-icon.d.ts

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

package/es/components/icons/spin-icon.js

@@ -0,0 +1,24 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var SpinIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: '1em',
+    height: '1em',
+    viewBox: '0 0 28 28'
+  }, React.createElement("g", {
+    stroke: 'none',
+    strokeWidth: '1',
+    fill: 'none',
+    fillRule: 'evenodd'
+  }, React.createElement("g", {
+    transform: 'translate(-137.000000, -840.000000)',
+    fill: 'currentColor'
+  }, React.createElement("g", {
+    transform: 'translate(80.000000, 823.000000)'
+  }, React.createElement("g", {
+    transform: 'translate(53.000000, 13.000000)'
+  }, React.createElement("path", {
+    d: 'M17.9996753,31.5 C10.5556724,31.5 4.5,25.4443275 4.5,18.0003247 C4.5,10.5563219 10.5556724,4.5 17.9996753,4.5 C18.5355492,4.5 18.9702974,4.93474816 18.9702974,5.47062208 C18.9702974,6.006496 18.5355492,6.44124416 17.9996753,6.44124416 C11.6261524,6.44124416 6.44124416,11.6267709 6.44124416,18.0002938 C6.44124416,24.3738167 11.6261524,29.5587249 17.9996753,29.5587249 C24.3731982,29.5587249 29.5587249,24.3738167 29.5587249,18.0002938 C29.5587249,14.7964616 28.2778291,11.8169616 25.9523687,9.61220279 C25.5637302,9.24317094 25.5473089,8.62893223 25.9157222,8.23967523 C26.2841356,7.84976878 26.8989928,7.83461537 27.2882498,8.20302872 C30.0042351,10.7787368 31.5,14.2580826 31.5,18.0002938 C31.5,25.4443275 25.4436781,31.5 17.9996753,31.5 Z'
+  })))))));
+});
+export default SpinIcon;

package/es/components/icons/uncheck-icon.d.ts

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

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

@@ -0,0 +1,18 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var UncheckIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 48 48"
+  }, React.createElement("g", {
+    fill: "none"
+  }, React.createElement("g", {
+    transform: "translate(4.000000, 4.000000)"
+  }, React.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"
+  })))));
+});
+export default UncheckIcon;

package/es/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/es/components/imageViewer/imageViewer.js

@@ -0,0 +1,28 @@
+import { useState } from "react";
+import { PhotoSlider } from "react-photo-view";
+import "react-photo-view/dist/react-photo-view.css";
+import React from "react";
+export default function ImageViewer(props) {
+  var images = props.images,
+    currentIndex = props.currentIndex;
+  var _a = useState(currentIndex ? currentIndex - 1 : 0),
+    photoIndex = _a[0],
+    setPhotoIndex = _a[1];
+  function onClose(e) {
+    props.onClose && props.onClose(e);
+  }
+  return React.createElement(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/es/components/imageViewer/index.d.ts

@@ -0,0 +1,7 @@
+import ImageViewer from "./imageViewer";
+export declare type ImageViewerProps = {
+    images: string[];
+    onClose?: Function;
+    currentIndex?: number;
+};
+export default ImageViewer;

package/es/components/imageViewer/index.js

@@ -0,0 +1,2 @@
+import ImageViewer from "./imageViewer";
+export default ImageViewer;

package/es/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/es/components/marketTag/index.js

@@ -0,0 +1,3 @@
+import "./marketTag.css";
+import { MarketTag } from './marketTag';
+export default MarketTag;

package/es/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/es/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/es/components/marketTag/marketTag.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
+var classPrefix = "ebscn-marketTag";
+var defaultProps = {
+  color: 'var(--ebscn-color-primary, #e84225)',
+  fillColor: '#fcece9'
+};
+export var MarketTag = function (p) {
+  var props = mergeProps(defaultProps, p);
+  return withNativeProps(props, React.createElement("span", {
+    style: {
+      color: props.color,
+      backgroundColor: props.fillColor
+    },
+    onClick: props.onClick,
+    className: classPrefix
+  }, props.children));
+};

package/es/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/es/components/number-keyboard/index.js

@@ -0,0 +1,3 @@
+import "./number-keyboard.css";
+import { NumberKeyboard } from "./number-keyboard";
+export default NumberKeyboard;

package/es/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/es/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/es/components/number-keyboard/number-keyboard.js

@@ -0,0 +1,85 @@
+import cns from "classnames";
+import { useEffect, useRef } from "react";
+import React from "react";
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
+var classPrefix = 'ebscn-number-keyboard';
+var defaultProps = {
+  types: 'numberKeyboard',
+  visible: false
+};
+export function NumberKeyboard(p) {
+  var keyboardRef = useRef(null);
+  var props = 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 = useRef(null);
+  var appearTimer = useRef(null);
+  var lastVisible = useRef(null);
+  var keyFlag = useRef(0);
+  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 withNativeProps(props, React.createElement("div", {
+    ref: keyboardRef,
+    className: "".concat(classPrefix)
+  }, keys.map(function (item, index) {
+    return React.createElement("div", {
+      key: item || index,
+      className: cns(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/es/components/pdfLink/index.d.ts

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

package/es/components/pdfLink/index.js

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

package/es/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/es/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;