@ebscn/ui 1.0.0 → 1.0.1-beta.1

package/cjs/components/divider/divider.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+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-divider";
+var defaultProps = {
+  color: 'default',
+  contentPosition: 'center',
+  direction: 'horizontal'
+};
+var Divider = function (p) {
+  var _a;
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  var colorRecord = {
+    primary: 'var(--ebscn-color-primary,#e84225)',
+    typing: 'var(--ebscn-color-blue, #4c7cf1)',
+    default: 'var(--ebscn-color-split-line #ebebeb)'
+  };
+  var style = {
+    '--color': (_a = colorRecord[props.color || 'default']) !== null && _a !== void 0 ? _a : props.color
+  };
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    style: style,
+    className: (0, _classnames.default)(classPrefix, "".concat(classPrefix, "-").concat(props.direction), "".concat(classPrefix, "-").concat(props.contentPosition))
+  }, props.children && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-content")
+  }, props.children)));
+};
+exports.Divider = Divider;

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

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

package/cjs/components/divider/index.js

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

package/cjs/components/grid/grid.css

@@ -1,4 +1,4 @@
-.adm-grid {
+.ebscn-grid {
   --gap: 0;
   --gap-horizontal: var(--gap);
   --gap-vertical: var(--gap);
@@ -10,6 +10,6 @@
   grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
   align-items: stretch;
 }
-.adm-grid-item {
+.ebscn-grid-item {
   grid-column-end: span var(--item-span);
 }

package/cjs/components/grid/grid.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _nativeProps = require("../../utils/native-props");
 var _toCssLength = require("../../utils/to-css-length");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var classPrefix = "adm-grid";
+var classPrefix = "ebscn-grid";
 var Grid = function (props) {
   var style = {
     '--columns': props.columns.toString()

package/cjs/components/handRead/handRead.css

@@ -0,0 +1,54 @@
+@keyframes actionTip {
+  from {
+    transform: translateX(0%);
+  }
+  to {
+    transform: translateX(880%);
+  }
+}
+.ebscn-handread-pdfBox {
+  display: flex;
+  padding: 10px;
+  position: relative;
+}
+.ebscn-handread-pdfWarp {
+  position: relative;
+  width: 90%;
+  min-height: 300px;
+}
+.ebscn-handread-pdfImg {
+  width: 100%;
+}
+.ebscn-handread-pdfView {
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  width: 100%;
+  height: 450px;
+}
+.ebscn-handread-pdfView .defaultSeal {
+  position: absolute;
+  color: white;
+  padding: 0px 2px;
+  font-size: 12px;
+}
+.ebscn-handread-pagination {
+  width: 10%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  position: absolute;
+  right: 0px;
+}
+.ebscn-handread-pagination-vertivalBtn {
+  margin-bottom: 5px;
+}
+.ebscn-handread-pagination-vertivalBtn div {
+  -webkit-writing-mode: vertical-lr;
+          writing-mode: vertical-lr;
+  padding: 10px 0px;
+  height: auto;
+  white-space: nowrap;
+  color: white;
+  letter-spacing: 1px;
+}

package/cjs/components/handRead/handRead.d.ts

@@ -0,0 +1,6 @@
+import "./handRead.less";
+import React from "react";
+import { HandReadProps } from ".";
+declare function HandRead(props: HandReadProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof HandRead>;
+export default _default;

package/cjs/components/handRead/handRead.js

@@ -0,0 +1,242 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactDraggable = _interopRequireDefault(require("react-draggable"));
+require("./handRead.css");
+var _react = _interopRequireWildcard(require("react"));
+var _antdMobile = require("antd-mobile");
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _hand = _interopRequireDefault(require("../../assets/images/hand.png"));
+var _imageViewer = _interopRequireDefault(require("../imageViewer"));
+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-handread";
+function HandRead(props) {
+  var documentJson = props.documentJson,
+    mandatoryReading = props.mandatoryReading,
+    done = props.done;
+  if (!documentJson || !mandatoryReading) {
+    return _react.default.createElement("div", null, "\u534F\u8BAE\u5185\u5BB9\u7F3A\u5931");
+  }
+  var container = (0, _react.useRef)(null);
+  var PDF_WIDTH = props.pdfWidth || 600;
+  var PDF_HEIGHT = props.pdfHeight || 840;
+  var PDF_SCALE = (0, _react.useRef)(0);
+  var documentImgUrl = documentJson.documentImgUrl,
+    documentPages = documentJson.documentPages;
+  var _a = (0, _react.useState)(false),
+    imgFlag = _a[0],
+    setImgFlag = _a[1];
+  var _b = (0, _react.useState)(1),
+    currentPageNum = _b[0],
+    setCurrentPageNum = _b[1];
+  var _c = (0, _react.useState)(0),
+    currentSign = _c[0],
+    setCurrentSign = _c[1];
+  var _d = (0, _react.useState)({}),
+    _ = _d[0],
+    setForceUpdate = _d[1];
+  var handleInfo = (0, _react.useRef)({
+    type: "",
+    touchStartTime: "",
+    touchEndTime: ""
+  });
+  (0, _react.useLayoutEffect)(function () {
+    if (container.current && !PDF_SCALE.current) {
+      PDF_SCALE.current = container.current.clientWidth / PDF_WIDTH;
+      forceUpdate();
+    }
+  }, [container.current]);
+  function forceUpdate() {
+    setForceUpdate({});
+  }
+  function handleOnMouseDown() {}
+  function handleOnStop(item, e) {
+    var stopClientX = e.changedTouches[0].clientX;
+    // const { mandatoryReading } = this.props.data;
+    var dragDistance = stopClientX + 10; // 拖拽的距离
+    if (dragDistance >= (item.right - item.left) * PDF_SCALE.current) {
+      item.hasRead = true;
+      handleInfo.current.type = "滑动";
+      handleInfo.current.touchEndTime = (0, _dayjs.default)().format("YYYY-MM-DD HH:mm:ss");
+      nextConfim();
+    }
+  }
+  // 判断是否所有的确认确认项都已完成
+  function isAllSure() {
+    var isAll = false;
+    var reads = mandatoryReading.filter(function (item) {
+      return !item.hasRead;
+    });
+    if (reads.length === 0) {
+      isAll = true;
+    }
+    return isAll;
+  }
+  // 上一页
+  var onPrev = function () {
+    if (currentPageNum === 1) return;
+    setCurrentPageNum(function () {
+      return currentPageNum - 1;
+    });
+  };
+  // 下一页
+  var onNext = function () {
+    if (currentPageNum < documentPages) {
+      setCurrentPageNum(function () {
+        return currentPageNum + 1;
+      });
+    }
+  };
+  // 获取下一确认项的index
+  var nextConfim = function () {
+    var recordIndex = currentSign;
+    if (isAllSure()) {
+      forceUpdate();
+      done && done(documentJson.fileId);
+      return;
+    }
+    var nextRecordIndex = 0;
+    if (recordIndex < mandatoryReading.length - 1) {
+      for (var i = recordIndex + 1; i < mandatoryReading.length; i++) {
+        if (!mandatoryReading[i].hasRead) {
+          nextRecordIndex = i;
+          break;
+        }
+      }
+    } else {
+      for (var i = 0; i < mandatoryReading.length; i++) {
+        if (!mandatoryReading[i].hasRead) {
+          nextRecordIndex = i;
+          break;
+        }
+      }
+    }
+    var newPageNum = mandatoryReading[nextRecordIndex].pageNo * 1;
+    setCurrentSign(nextRecordIndex);
+    setCurrentPageNum(newPageNum);
+  };
+  function lastConfim() {
+    var index = currentSign;
+    while (true) {
+      if (--index < 0) {
+        break;
+      } else {
+        if (!mandatoryReading[index].hasRead) {
+          setCurrentSign(index);
+          setCurrentPageNum(mandatoryReading[index].pageNo);
+          break;
+        }
+      }
+    }
+  }
+  // 获取图片地址
+  var getImageList = function (baseUrl, maxPages) {
+    var arr = [];
+    if (!baseUrl) return arr;
+    if (!maxPages) return arr;
+    for (var i = 1; i <= maxPages; i++) {
+      arr.push("".concat(baseUrl, "/").concat(i, ".jpg"));
+    }
+    return arr;
+  };
+  return _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-pdfBox"),
+    style: {
+      height: PDF_HEIGHT * PDF_SCALE.current
+    }
+  }, documentImgUrl ? _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-pdfWarp")
+  }, _react.default.createElement("img", {
+    onClick: function () {
+      return setImgFlag(true);
+    },
+    className: "".concat(classPrefix, "-pdfImg"),
+    src: "".concat(documentImgUrl + "/" + currentPageNum, ".jpg"),
+    alt: "\u52A0\u8F7D\u4E2D"
+  }), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-pdfView"),
+    ref: container
+  }, mandatoryReading.map(function (item, index) {
+    return item.pageNo * 1 === currentPageNum && _react.default.createElement("div", {
+      key: Math.random() + item.pageNo,
+      style: {
+        position: "absolute",
+        width: (item.right - item.left) * PDF_SCALE.current,
+        height: (item.top - item.bottom) * PDF_SCALE.current,
+        top: (PDF_HEIGHT - item.top) * PDF_SCALE.current,
+        left: item.left * PDF_SCALE.current,
+        border: "1px solid #ccc",
+        borderColor: item.hasRead ? "#93b4fb" : "#FF9933"
+      },
+      onClick: function () {
+        setCurrentSign(index);
+      }
+    }, _react.default.createElement(_reactDraggable.default, {
+      handle: ".handle",
+      axis: "x",
+      bounds: "parent",
+      onMouseDown: handleOnMouseDown,
+      onStop: function (e) {
+        return handleOnStop(item, e);
+      }
+    }, currentSign === index && !item.hasRead ? _react.default.createElement("div", {
+      className: "handle",
+      style: {
+        width: 30,
+        height: 30,
+        background: "url(".concat(_hand.default, ") 0 center/cover no-repeat")
+      }
+    }) : _react.default.createElement("div", null)
+    // <div className="handle" style={{ width: 40, height: 40, border: '1px solid #f00', background: `url(${require('../../../../../assets/logo.png')}) 0 center/cover no-repeat` }}></div> : <div className="handle"></div>
+    ));
+  }))) : _react.default.createElement("div", null, "loading"), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-pagination")
+  }, _react.default.createElement(_antdMobile.Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: currentPageNum === 1,
+    onClick: onPrev
+  }, _react.default.createElement("div", null, "\u4E0A\u4E00\u9875")), _react.default.createElement(_antdMobile.Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: currentPageNum === documentPages,
+    onClick: onNext
+  }, _react.default.createElement("div", null, _react.default.createElement("span", null, "\u4E0B\u4E00\u9875"), _react.default.createElement("span", null, "".concat(currentPageNum, "/").concat(documentPages)))), _react.default.createElement(_antdMobile.Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: isAllSure() || currentSign == 0,
+    onClick: function () {
+      return lastConfim();
+    }
+  }, _react.default.createElement("div", null, "\u4E0A\u4E00\u786E\u8BA4\u9879")), _react.default.createElement(_antdMobile.Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: isAllSure() || currentSign == mandatoryReading.length - 1,
+    onClick: function () {
+      return nextConfim();
+    }
+  }, _react.default.createElement("div", null, "\u4E0B\u4E00\u786E\u8BA4\u9879")), _react.default.createElement(_antdMobile.Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    onClick: function () {
+      return setImgFlag(true);
+    }
+  }, _react.default.createElement("div", null, "\u9884 \u89C8"))), imgFlag && _react.default.createElement(_imageViewer.default, {
+    currentIndex: currentPageNum - 1,
+    onClose: function () {
+      return setImgFlag(false);
+    },
+    images: getImageList(documentImgUrl, documentPages)
+  }));
+}
+var _default = exports.default = _react.default.memo(HandRead);

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

@@ -0,0 +1,25 @@
+import HandRead from "./handRead";
+export declare type DocumentJson = {
+    fileId?: number | string;
+    documentUrl: string;
+    documentImgUrl: string;
+    createDate: string;
+    documentPages: number;
+    preUrl: string;
+};
+export declare type MandatoryReading = {
+    pageNo: number;
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+    hasRead?: boolean;
+};
+export declare type HandReadProps = {
+    documentJson: DocumentJson;
+    mandatoryReading: MandatoryReading[];
+    done?: Function;
+    pdfWidth?: number;
+    pdfHeight?: number;
+};
+export default HandRead;

package/cjs/components/handRead/index.js

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

package/cjs/components/header/header.css

@@ -0,0 +1,62 @@
+.ebscn-header {
+  --color: #333333;
+  --bgColor: #FFFFFF;
+  --subTitleColor: #666666;
+  --buttonColor: #666666;
+  display: flex;
+  align-items: center;
+  height: 44px;
+  border-bottom: none;
+  padding: 0 12px;
+  white-space: nowrap;
+  color: var(--color);
+  background-color: var(--bgColor);
+}
+.ebscn-header-left,
+.ebscn-header-right {
+  flex: 1;
+  font-size: 28px;
+}
+.ebscn-header-title {
+  flex: auto;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.ebscn-header-subtitle {
+  font-size: 12px;
+  line-height: 17px;
+  color: var(--subTitleColor);
+}
+.ebscn-header-back {
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  padding: 6px 0;
+  cursor: pointer;
+}
+.ebscn-header-back-arrow {
+  font-size: 24px;
+  margin-right: 4px;
+}
+.ebscn-header-left {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.ebscn-header-title {
+  justify-content: center;
+  white-space: nowrap;
+  font-size: 18px;
+  line-height: 25px;
+}
+.ebscn-header-right {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.ebscn-header-text-button {
+  font-size: 15px;
+  line-height: 21px;
+  color: var(--buttonColor);
+}

package/cjs/components/header/header.d.ts

@@ -0,0 +1,14 @@
+import type { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export type HeaderProps = {
+    left?: ReactNode;
+    showLeftIcon?: boolean;
+    onLeftClick?: () => void;
+    title?: string;
+    subTitle?: string;
+    right?: ReactNode;
+    onRightClick?: () => void;
+    children?: ReactNode;
+} & NativeProps<'--height' | '--border-bottom'>;
+declare const Header: FC<HeaderProps>;
+export default Header;

package/cjs/components/header/header.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _nativeProps = require("../../utils/native-props");
+var _withDefaultProps = require("../../utils/with-default-props");
+var _backIcon = _interopRequireDefault(require("../icons/back-icon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var classPrefix = "ebscn-header";
+var defaultProps = {
+  showLeftIcon: true,
+  onLeftClick: function () {},
+  onRightClick: function () {}
+};
+var Header = function (p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
+    className: (0, _classnames.default)(classPrefix)
+  }, _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-left"),
+    onClick: function () {
+      return props.onLeftClick();
+    }
+  }, props.showLeftIcon && _react.default.createElement(_backIcon.default, null), props.left), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-title")
+  }, props.title && _react.default.createElement("div", null, props.title), props.subTitle && _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-subtitle")
+  }, props.subTitle), props.children), _react.default.createElement("div", {
+    className: "".concat(classPrefix, "-right"),
+    onClick: function () {
+      return props.onRightClick();
+    }
+  }, props.right)));
+};
+var _default = exports.default = Header;

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

@@ -0,0 +1,4 @@
+import Header from './header';
+import './header.less';
+export type { HeaderProps } from './header';
+export default Header;

package/cjs/components/header/index.js

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

package/cjs/components/icons/back-icon.d.ts

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

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

@@ -0,0 +1,38 @@
+"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 BackIcon = (0, _react.memo)(function (props) {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 56 56",
+    version: "1.1",
+    className: "ebscn-ui-icon"
+  }, _react.default.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, _react.default.createElement("rect", {
+    fill: "none",
+    opacity: "0",
+    x: "8",
+    y: "8",
+    width: "40",
+    height: "40",
+    rx: "8"
+  }), _react.default.createElement("path", {
+    d: "M24.2637318,14 L10.6051328,26.5589714 C9.79204002,27.3066037 9.73897377,28.5718213 10.486606,29.384914 C10.5255617,29.4272805 10.566328,29.4679458 10.6087911,29.5067962 L24.2637318,42 L24.2637318,42",
+    stroke: "currentColor",
+    strokeWidth: "3",
+    strokeLinecap: "round"
+  }))));
+});
+var _default = exports.default = BackIcon;

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

@@ -12,7 +12,8 @@ var CheckIcon = (0, _react.memo)(function (props) {
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
     width: "1em",
     height: "1em",
-    viewBox: "0 0 48 48"
+    viewBox: "0 0 48 48",
+    className: "ebscn-ui-icon"
   }, _react.default.createElement("g", {
     stroke: "none",
     strokeWidth: "1",

package/cjs/components/icons/check-only-icon.js

@@ -12,7 +12,8 @@ var CheckOnlyIcon = (0, _react.memo)(function (props) {
   return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
     width: "1em",
     height: "1em",
-    viewBox: "0 0 32 32"
+    viewBox: "0 0 32 32",
+    className: "ebscn-ui-icon"
   }, _react.default.createElement("path", {
     d: "M30.5986424,6.1055493 C30.9712631,6.53987855 30.9531134,7.18617346 30.5567048,7.59890623 L12.3166884,26.5900478 C11.9341206,26.9883697 11.3010844,27.001141 10.9027625,26.6185732 C10.8828778,26.5994749 10.8637913,26.5795625 10.8455522,26.5588869 L1.39075001,15.8410716 C1.02539196,15.4269074 1.06495712,14.7949798 1.47912126,14.4296218 C1.8340823,14.1164902 2.35996301,14.0951176 2.73916366,14.3784118 L10.9224935,20.4920347 C11.2975514,20.7722339 11.8168072,20.7547169 12.172129,20.4498784 L29.0316484,5.98571934 C29.497452,5.58609604 30.1990191,5.63974574 30.5986424,6.1055493 Z",
     fill: "currentColor"

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

@@ -13,7 +13,7 @@ var ClearIcon = (0, _react.memo)(function (props) {
     width: "1em",
     height: "1em",
     viewBox: "0 0 44 44",
-    version: "1.1"
+    className: "ebscn-ui-icon"
   }, _react.default.createElement("g", {
     stroke: "none",
     strokeWidth: "1",

package/cjs/components/icons/close-icon.d.ts

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