@ebscn/ui 0.0.11 → 1.0.0-beta.0

package/es/components/handRead/handRead.js

@@ -0,0 +1,239 @@
+import Draggable from "react-draggable";
+import "./handRead.css";
+import React, { useLayoutEffect, useRef, useState } from "react";
+import { Button } from "antd-mobile";
+import dayjs from "dayjs";
+import hand from "../../assets/images/hand.png";
+import ImageViewer from "../imageViewer";
+var classPrefix = "ebscn-handread";
+function HandRead(props) {
+  var documentJson = props.documentJson,
+    mandatoryReading = props.mandatoryReading,
+    done = props.done;
+  if (!documentJson || !mandatoryReading) {
+    return React.createElement("div", null, "\u534F\u8BAE\u5185\u5BB9\u7F3A\u5931");
+  }
+  var container = useRef(null);
+  var PDF_WIDTH = props.pdfWidth || 600;
+  var PDF_HEIGHT = props.pdfHeight || 840;
+  var PDF_SCALE = useRef(0);
+  var documentImgUrl = documentJson.documentImgUrl,
+    documentPages = documentJson.documentPages;
+  var _a = useState(false),
+    imgFlag = _a[0],
+    setImgFlag = _a[1];
+  var _b = useState(1),
+    currentPageNum = _b[0],
+    setCurrentPageNum = _b[1];
+  var _c = useState(0),
+    currentSign = _c[0],
+    setCurrentSign = _c[1];
+  var _d = useState({}),
+    _ = _d[0],
+    setForceUpdate = _d[1];
+  var handleInfo = useRef({
+    type: "",
+    touchStartTime: "",
+    touchEndTime: ""
+  });
+  useLayoutEffect(function () {
+    if (container.current && !PDF_SCALE.current) {
+      PDF_SCALE.current = container.current.clientWidth / PDF_WIDTH;
+      console.log(PDF_SCALE);
+      forceUpdate();
+    }
+  }, [container.current]);
+  function forceUpdate() {
+    setForceUpdate({});
+  }
+  function handleOnMouseDown() {}
+  function handleOnStop(item, e) {
+    console.log(e, '--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 = dayjs().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);
+      console.log("指读完毕");
+      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 {
+        console.log(index);
+        if (!mandatoryReading[index].hasRead) {
+          setCurrentSign(index);
+          setCurrentPageNum(mandatoryReading[index].pageNo);
+          break;
+        }
+      }
+    }
+  }
+  // 获取图片地址
+  var getImageList = function (baseUrl, maxPages) {
+    console.log(baseUrl, '--baseUrl-');
+    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.createElement("div", {
+    className: "".concat(classPrefix, "-pdfBox"),
+    style: {
+      height: PDF_HEIGHT * PDF_SCALE.current
+    }
+  }, documentImgUrl ? React.createElement("div", {
+    className: "".concat(classPrefix, "-pdfWarp")
+  }, React.createElement("img", {
+    onClick: function () {
+      return setImgFlag(true);
+    },
+    className: "".concat(classPrefix, "-pdfImg"),
+    src: "".concat(documentImgUrl + "/" + currentPageNum, ".jpg"),
+    alt: "\u52A0\u8F7D\u4E2D"
+  }), React.createElement("div", {
+    className: "".concat(classPrefix, "-pdfView"),
+    ref: container
+  }, mandatoryReading.map(function (item, index) {
+    return item.pageNo * 1 === currentPageNum && React.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);
+        console.log(index);
+      }
+    }, React.createElement(Draggable, {
+      handle: ".handle",
+      axis: "x",
+      bounds: "parent",
+      onMouseDown: handleOnMouseDown,
+      onStop: function (e) {
+        return handleOnStop(item, e);
+      }
+    }, currentSign === index && !item.hasRead ? React.createElement("div", {
+      className: "handle",
+      style: {
+        width: 30,
+        height: 30,
+        background: "url(".concat(hand, ") 0 center/cover no-repeat")
+      }
+    }) : React.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.createElement("div", null, "loading"), React.createElement("div", {
+    className: "".concat(classPrefix, "-pagination")
+  }, React.createElement(Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: currentPageNum === 1,
+    onClick: onPrev
+  }, React.createElement("div", null, "\u4E0A\u4E00\u9875")), React.createElement(Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: currentPageNum === documentPages,
+    onClick: onNext
+  }, React.createElement("div", null, React.createElement("span", null, "\u4E0B\u4E00\u9875"), React.createElement("span", null, "".concat(currentPageNum, "/").concat(documentPages)))), React.createElement(Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: isAllSure() || currentSign == 0,
+    onClick: function () {
+      return lastConfim();
+    }
+  }, React.createElement("div", null, "\u4E0A\u4E00\u786E\u8BA4\u9879")), React.createElement(Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    disabled: isAllSure() || currentSign == mandatoryReading.length - 1,
+    onClick: function () {
+      return nextConfim();
+    }
+  }, React.createElement("div", null, "\u4E0B\u4E00\u786E\u8BA4\u9879")), React.createElement(Button, {
+    className: "".concat(classPrefix, "-pagination-vertivalBtn"),
+    color: "primary",
+    size: "small",
+    onClick: function () {
+      return setImgFlag(true);
+    }
+  }, React.createElement("div", null, "\u9884 \u89C8"))), imgFlag && React.createElement(ImageViewer, {
+    currentIndex: currentPageNum - 1,
+    onClose: function () {
+      return setImgFlag(false);
+    },
+    images: getImageList(documentImgUrl, documentPages)
+  }));
+}
+export default React.memo(HandRead);

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

@@ -0,0 +1,2 @@
+import HandRead from "./handRead";
+export default HandRead;

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

@@ -0,0 +1,32 @@
+import classNames from 'classnames';
+import React from 'react';
+import { withNativeProps } from '../../utils/native-props';
+import { mergeProps } from '../../utils/with-default-props';
+import BackIcon from '../icons/back-icon';
+var classPrefix = "ebscn-header";
+var defaultProps = {
+  showLeftIcon: true,
+  onLeftClick: function () {},
+  onRightClick: function () {}
+};
+var Header = function (p) {
+  var props = mergeProps(defaultProps, p);
+  return withNativeProps(props, React.createElement("div", {
+    className: classNames(classPrefix)
+  }, React.createElement("div", {
+    className: "".concat(classPrefix, "-left"),
+    onClick: function () {
+      return props.onLeftClick();
+    }
+  }, props.showLeftIcon && React.createElement(BackIcon, null), props.left), React.createElement("div", {
+    className: "".concat(classPrefix, "-title")
+  }, props.title && React.createElement("div", null, props.title), props.subTitle && React.createElement("div", {
+    className: "".concat(classPrefix, "-subtitle")
+  }, props.subTitle), props.children), React.createElement("div", {
+    className: "".concat(classPrefix, "-right"),
+    onClick: function () {
+      return props.onRightClick();
+    }
+  }, props.right)));
+};
+export default Header;

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

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

package/es/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/es/components/icons/back-icon.js

@@ -0,0 +1,30 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var BackIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 56 56",
+    version: "1.1",
+    className: "ebscn-ui-icon"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("rect", {
+    fill: "none",
+    opacity: "0",
+    x: "8",
+    y: "8",
+    width: "40",
+    height: "40",
+    rx: "8"
+  }), React.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"
+  }))));
+});
+export default BackIcon;

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

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

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

@@ -0,0 +1,23 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var CheckIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 48 48",
+    className: "ebscn-ui-icon"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("path", {
+    d: "M24,4 C35.0470982,4 44,12.9529018 44,24 C44,35.0470982 35.0426786,44 24,44 C12.9573214,44 4,35.0426786 4,24 C4,12.9573214 12.9529018,4 24,4 Z",
+    fill: "none"
+  }), React.createElement("path", {
+    d: "M26.9781406,13.9393398 C27.5106738,14.471873 27.5590859,15.3052003 27.1233769,15.8924233 L26.9781406,16.0606602 L20.04,23 L31.9781406,34.9393398 C32.5639271,35.5251263 32.5639271,36.4748737 31.9781406,37.0606602 C31.4456075,37.5931933 30.6122802,37.6416054 30.0250572,37.2058965 L29.8568203,37.0606602 L16.8568203,24.0606602 C16.2710339,23.4748737 16.2710339,22.5251263 16.8568203,21.9393398 L24.8568203,13.9393398 C25.4426067,13.3535534 26.3923542,13.3535534 26.9781406,13.9393398 Z",
+    fill: "currentColor",
+    transform: "translate(24.417480, 25.500000) rotate(-90.000000) translate(-24.417480, -25.500000) "
+  }))));
+});
+export default CheckIcon;

package/es/components/icons/check-only-icon.d.ts

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

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

@@ -0,0 +1,14 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var CheckOnlyIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 32 32",
+    className: "ebscn-ui-icon"
+  }, React.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"
+  })));
+});
+export default CheckOnlyIcon;

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

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

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",
+    className: "ebscn-ui-icon"
+  }, 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/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;

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

@@ -0,0 +1,28 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var CloseIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 32 32",
+    className: "ebscn-ui-icon"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, React.createElement("g", {
+    transform: "translate(-694.000000, -585.000000)",
+    stroke: "currentColor",
+    strokeWidth: "2.5"
+  }, React.createElement("g", {
+    transform: "translate(0.000000, 563.000000)"
+  }, React.createElement("g", {
+    transform: "translate(694.000000, 22.000000)"
+  }, React.createElement("path", {
+    d: "M5,5 L27,27 M27,5 L5,27"
+  })))))));
+});
+export default CloseIcon;

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

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

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

@@ -0,0 +1,33 @@
+import React, { memo } from 'react';
+import { withNativeProps } from '../../utils/native-props';
+var SelctorIcon = memo(function (props) {
+  return withNativeProps(props, React.createElement("svg", {
+    version: "1.1",
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 80 80",
+    className: "ebscn-ui-icon"
+  }, React.createElement("g", {
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd"
+  }, React.createElement("g", {
+    transform: "translate(-516, -1428)"
+  }, React.createElement("g", {
+    transform: "translate(385, 1375)"
+  }, React.createElement("g", {
+    transform: "translate(131, 53)"
+  }, React.createElement("path", {
+    d: "M29.0206587,52.0376844 L60.35,52.0376844 C60.3431565,51.7873384 60.3294696,51.151324 60.2541916,50.6032692 C60.2336612,50.4408825 60.2062874,50.2717298 60.1789136,50.102577 L29.0206587,50.102577 L29.0206587,48.5260735 L59.8230539,48.5260735 C59.734089,48.2148324 59.6245937,47.8562286 59.4808811,47.4976248 C59.4124465,47.3352382 59.3508554,47.1728515 59.2824209,47.0104649 C59.2482036,46.9360377 59.2208298,46.8548444 59.1866125,46.7804172 C59.1592387,46.7195222 59.1250214,46.6586272 59.0976476,46.5909661 L29.0206587,46.5909661 L29.0206587,45.0144626 L58.2695894,45.0144626 C57.8521386,44.3310855 57.3799401,43.681539 56.852994,43.0793552 L44.5073995,43.0793552 L44.5073995,41.5028516 L55.2242515,41.5028516 C54.2730111,40.7179829 53.2122754,40.0684364 52.0694183,39.5677443 L44.500556,39.5677443 L44.500556,37.9912407 L49.947947,37.9912407 C51.3234816,37.5852741 52.5963644,36.901897 53.7118477,36.035835 L44.500556,36.035835 L44.500556,36.035835 L29.0206587,36.035835 L29.0206587,34.4796298 L55.381651,34.4796298 C55.8949102,33.8842121 56.3534217,33.2414317 56.7434987,32.5445224 L29.0206587,32.5445224 L29.0206587,30.9680189 L57.5168092,30.9680189 C57.5784003,30.8056322 57.6399914,30.6364795 57.6947391,30.4673267 L57.6947391,30.4673267 C57.8521386,30.0004652 57.947947,29.5268375 58.0437553,29.0396776 L29.0206587,29.0396776 L29.0206587,27.463174 L58.2832763,27.463174 C58.2832763,27.4361096 58.2901198,27.4090452 58.2901198,27.3819807 L58.2901198,27.3819807 C58.3038067,27.1654652 58.3106501,26.9489497 58.3106501,26.7256681 C58.3106501,26.4211931 58.2901198,26.1234843 58.2695894,25.8325416 L58.2695894,25.8325416 C58.2627459,25.73105 58.2559025,25.6295583 58.2422156,25.5280667 L29.0206587,25.5280667 L29.0206587,23.9515631 L57.947947,23.9515631 C57.7905475,23.2817183 57.5715569,22.6389378 57.3046621,22.0164557 L46.7931138,22.0164557 L46.7931138,20.4399522 L56.4766039,20.4399522 C56.0386228,19.7430429 55.532207,19.0934964 54.9642002,18.5048448 L46.7999572,18.5048448 L46.7999572,16.9283413 L53.0754063,16.9283413 C51.4124465,15.8186993 49.4483747,15.1353222 47.3337468,15.0270644 C47.2789991,15.0202983 47.231095,15.0202983 47.1763473,15.0202983 C47.0531651,15.0135322 46.9231394,15.0067661 46.7999572,15 L46.7999572,15 L46.7452096,15 L46.7452096,15 L46.7452096,15 L46.5741232,15 L46.5741232,15 L20.35,15 L20.35,66.0638298 L46.5878101,66.0638298 L46.7999572,66.0638298 L46.7999572,66.0570637 C48.1754919,66.0367653 49.4483747,65.8202498 50.6596664,65.4278155 C50.878657,65.3601544 51.0908041,65.2789611 51.3097947,65.1977677 C51.3303251,65.1910016 51.344012,65.1842355 51.3645423,65.1774694 C52.1310094,64.8932928 52.8632592,64.5414551 53.5544482,64.1287224 L46.7999572,64.1287224 L46.7999572,62.5522189 L55.7032934,62.5522189 C55.8059453,62.4574933 55.9154405,62.3627678 56.0180924,62.2680423 C56.0386228,62.2477439 56.0591531,62.2342117 56.0796835,62.2139134 C56.3328914,61.9703334 56.5724123,61.7132213 56.8119333,61.449343 C56.8187767,61.4425769 56.8256202,61.4358108 56.8393071,61.4222785 L56.8393071,61.4222785 C57.0651411,61.1651664 57.2909752,60.9012881 57.4962789,60.6238776 L46.7999572,60.6238776 L46.7999572,59.047374 L58.563858,59.047374 C58.6938837,58.8105602 58.8239093,58.5669803 58.9402481,58.3301664 C58.9402481,58.3301664 59.1866125,57.8768371 59.4740376,57.1122667 L29.0206587,57.1122667 L29.0206587,55.5357631 L59.9667665,55.5357631 C59.9941403,55.4342715 60.0215141,55.3395459 60.0420445,55.2380543 C60.0420445,55.2380543 60.1857571,54.60204 60.2815654,53.6886152 C60.2815654,53.6615507 60.2884089,53.6344863 60.2884089,53.6074219 L29.0206587,53.6074219 L29.0206587,52.0376844 Z",
+    id: "logo",
+    fill: "#E0E0E0",
+    fillRule: "nonzero"
+  }), React.createElement("rect", {
+    fill: "#D8D8D8",
+    opacity: "0",
+    x: "0",
+    y: "0"
+  })))))));
+});
+export default SelctorIcon;

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,22 @@
+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",
+    className: "ebscn-ui-icon"
+  }, 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,15 @@
+export { default as BackIcon } from './back-icon';
+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 CloseIcon } from './close-icon';
+export { default as GdlogoIcon } from './gdlogo-icon';
+export { default as IndeterminateIcon } from './indeterminate-icon';
+export { default as LoadingIcon } from './loading-icon';
+export { default as NoticeIcon } from './notice-icon';
+export { default as RightIcon } from './right-icon';
+export { default as SearchIcon } from './search-icon';
+export { default as SelectorIcon } from './selector-icon';
+export { default as SpinIcon } from './spin-icon';
+export { default as UncheckIcon } from './uncheck-icon';
+export { default as WarningIcon } from './warning-icon';

package/es/components/icons/index.js

@@ -0,0 +1,15 @@
+export { default as BackIcon } from './back-icon';
+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 CloseIcon } from './close-icon';
+export { default as GdlogoIcon } from './gdlogo-icon';
+export { default as IndeterminateIcon } from './indeterminate-icon';
+export { default as LoadingIcon } from './loading-icon';
+export { default as NoticeIcon } from './notice-icon';
+export { default as RightIcon } from './right-icon';
+export { default as SearchIcon } from './search-icon';
+export { default as SelectorIcon } from './selector-icon';
+export { default as SpinIcon } from './spin-icon';
+export { default as UncheckIcon } from './uncheck-icon';
+export { default as WarningIcon } from './warning-icon';