@titaui/pc 1.6.11 → 1.6.15

package/lib/components/photo-card/images/depart-leader.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="88px" height="20px" viewBox="0 0 88 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>部门负责人</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#9EC2FF" offset="0%"></stop>
+            <stop stop-color="#76A9FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#0E69FE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="41.2046279%" id="linearGradient-3">
+            <stop stop-color="#1B71FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3352.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="部门负责人" transform="translate(0.000000, 144.000000)">
+                    <rect id="矩形" fill="#2879FF" x="3" y="1" width="85" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="8.93333333 1.8 16.1502117 5.89090909 16.1502117 14.0727273 8.93333333 18.1636364 1.71645497 14.0727273 1.71645497 5.89090909"></polygon>
+                        <g id="编组-29" transform="translate(5.000000, 5.000000)">
+                            <path d="M3.88814818,9.78562699 C3.68141594,9.77439872 3.29833383,9.75788656 2.91657268,9.73212759 C2.56255197,9.70835008 2.20853126,9.67928868 1.85583152,9.6442829 C1.35452234,9.5960674 0.85651559,9.52209292 0.364453219,9.41377315 C0.352564463,9.4111312 0.341336194,9.40584731 0.329447439,9.40386585 C0.178196053,9.3774464 0.106863521,9.27837343 0.0711972551,9.13636886 C-0.00145624941,8.84641533 -0.0133450047,8.35424963 0.0124139651,8.05835172 C0.0262841796,7.89851401 0.0460987717,7.73933679 0.067894823,7.57949908 C0.107524007,7.29416895 0.266040744,7.09206011 0.507118282,6.9421297 C0.772633816,6.77766858 1.06655027,6.68982389 1.36178769,6.60528163 C1.58503209,6.54121445 1.81422088,6.49431991 2.02095312,6.3833582 C2.23429023,6.26777308 2.43904101,6.1402992 2.58698997,5.94215328 C2.67351369,5.82590767 2.96544868,5.2466611 2.91657268,5.09937263 C2.88949274,5.01615134 5.00418303,4.911134 4.97380066,5.09937263 C4.90180764,5.54321949 5.37556357,6.07755299 5.77449736,6.28494572 C6.02746365,6.41638252 6.30024453,6.49167797 6.57170444,6.57357828 C6.8312756,6.65085519 7.09216773,6.72416918 7.33456624,6.84768014 C7.47194741,6.9176917 7.60206324,7.0002525 7.70906203,7.11385616 C7.84710369,7.25916317 7.91381282,7.43815498 7.93957179,7.6316775 C7.96599124,7.82387904 7.99108973,8.01674107 7.99769459,8.21026359 C8.0069414,8.46058794 7.99108973,8.90784056 7.8999426,9.14561567 C7.86757877,9.23081841 7.80879548,9.28828073 7.72557419,9.323947 C7.53271216,9.4065078 7.32928235,9.44943941 7.12519205,9.4890686 C6.64964184,9.58021572 6.16946822,9.64031998 5.68731315,9.69117744 C5.14769576,9.74731878 4.60609691,9.77638018 3.88814818,9.78562699 Z M3.99184455,6.66142297 C3.92183299,6.66142297 3.85182143,6.660102 3.78180987,6.66274395 C3.76463723,6.66274395 3.74019923,6.66802784 3.73029193,6.67925611 C3.67216913,6.75521204 3.61404633,6.83116798 3.56318887,6.91306829 C3.5473372,6.93882726 3.54073234,6.9857218 3.55328158,7.01148077 C3.6252746,7.15876924 3.70519345,7.30077381 3.7804889,7.44674131 C3.79237766,7.46853736 3.80228495,7.49825925 3.79700106,7.52137627 C3.73557583,7.82255807 3.66160135,8.12109793 3.60942292,8.4236007 C3.54535574,8.79611503 3.54139282,8.94350683 3.72500804,9.19845458 C3.78973571,9.25855884 3.848519,9.31866311 3.91324667,9.37084153 C3.96146218,9.40981023 4.01694303,9.40518682 4.07044243,9.37480445 C4.17612026,9.31536067 4.26396495,9.23544182 4.33595797,9.14033178 C4.39474126,9.06305487 4.45154309,8.98247553 4.42842606,8.87283478 C4.3537911,8.52343747 4.28311905,7.97446995 4.20650263,7.62507264 C4.18999047,7.55043767 4.16357102,7.48042611 4.24547133,7.42692672 C4.25207619,7.42230331 4.25603911,7.4130565 4.26000203,7.40579115 C4.32208775,7.29416895 4.38615493,7.18386772 4.44295676,7.07026406 C4.45880844,7.03723974 4.46277136,6.98968472 4.45352455,6.95401845 C4.42116071,6.83645187 4.33595797,6.74992815 4.2467923,6.67661416 C4.21244701,6.64821325 4.14045399,6.66406492 4.08497313,6.66208346 C4.05459076,6.660102 4.02288741,6.66142297 3.99184455,6.66142297 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                            <path d="M4,5.16666667 C5.23711784,5.16666667 6.24,3.62199775 6.24,2.33333333 C6.24,1.04466891 5.23711784,1.77635684e-15 4,1.77635684e-15 C2.76288216,1.77635684e-15 1.76,1.04466891 1.76,2.33333333 C1.76,3.62199775 2.76288216,5.16666667 4,5.16666667 Z" id="路径" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="部门负责人">
+                            <tspan x="0" y="13">部门负责人</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/photo-card/images/super-manager.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="20px" viewBox="0 0 52 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>超管</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFEEC7" offset="0%"></stop>
+            <stop stop-color="#FFD896" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFCA3D" offset="0%"></stop>
+            <stop stop-color="#E2A916" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="14.1298294%"></stop>
+            <stop stop-color="#F6BF31" offset="18.0222878%"></stop>
+            <stop stop-color="#FFFFFF" offset="30.3107042%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3244.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="超管" transform="translate(0.000000, 36.000000)">
+                    <rect id="矩形" fill="#F2B20F" x="3" y="1" width="49" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="9 1.81818182 16.2168784 5.90909091 16.2168784 14.0909091 9 18.1818182 1.78312164 14.0909091 1.78312164 5.90909091"></polygon>
+                        <path d="M10.1408182,6.81818182 L10.8181818,13.030303 L9,16.3636364 L7.18181818,13.030303 L7.85881818,6.81818182 L10.1408182,6.81818182 Z M10.2273686,4.54545455 C10.4482825,4.54545455 10.6273686,4.72454065 10.6273686,4.94545455 C10.6273686,4.99634232 10.6176586,5.04676271 10.5987593,5.09401082 L10.0909091,6.36363636 L7.90909091,6.36363636 L7.40124069,5.09401082 C7.31919533,4.88889741 7.41896169,4.65610923 7.6240751,4.57406387 C7.67132321,4.55516463 7.72174359,4.54545455 7.77263137,4.54545455 L10.2273686,4.54545455 Z" id="形状结合" fill="url(#linearGradient-3)"></path>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="超管">
+                            <tspan x="0" y="13">超管</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/photo-card/index.css

@@ -1,23 +1,23 @@
-.okrtitausers {
-  margin: 200px 200px;
-  position: relative;
-}
-
-.okrtitausers__photo {
-  display: inline-block;
-  position: absolute;
-  z-index: 2000;
+.titaui-photo {
   width: 36px;
   height: 36px;
-  vertical-align: top;
-  border: 2px solid #fff;
   border-radius: 35px;
 }
 
-.okrtitausers__card {
+.titaui-photo__card {
   animation: show 0.5s forwards;
 }
 
+.titaui-photo .titaui-pc-avator-container img {
+  width: 36px !important;
+  height: 36px !important;
+}
+
+.titaui-photo .titaui-pc-avator-container .titaui-pc-avatar--text {
+  width: 36px !important;
+  height: 36px !important;
+}
+
 @keyframes show {
   from {
     opacity: 0;

package/lib/components/photo-card/index.js

@@ -11,7 +11,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _popup = _interopRequireDefault(require("../popup"));
 
-var _data = require("./data");
+var _default2 = _interopRequireDefault(require("../../components/avatar/default"));
+
+var _bsGlobal = require("../../utils/bs-global");
 
 var _card = _interopRequireDefault(require("./components/card"));
 
@@ -19,31 +21,33 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var prefixCls = "okrtitausers";
+var prefixCls = "titaui-photo";
 var popupAlign = {
-  offset: [40, 0],
+  offset: [-40, -36],
   overflow: {
     adjustX: true,
     adjustY: true
   },
   targetOffset: [0, 0]
 };
+var userInfo = (0, _bsGlobal.getUserInfo)();
 
 var PhotoCard = function PhotoCard() {
   return /*#__PURE__*/_react["default"].createElement(_popup["default"], {
-    popupPlacement: "bottomLeft",
-    popup: /*#__PURE__*/_react["default"].createElement(_card["default"], null),
-    action: ['hover'],
+    popup: /*#__PURE__*/_react["default"].createElement(_card["default"], {
+      userInfo: userInfo
+    }),
+    action: ["click"],
     mask: false,
     popupClassName: "".concat(prefixCls, "__card"),
-    popupAlign: popupAlign,
-    popupVisible: true
+    popupAlign: popupAlign
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(prefixCls)
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _data.data.photo,
-    alt: "",
-    className: (0, _classnames["default"])("".concat(prefixCls, "__photo"))
+    className: (0, _classnames["default"])("".concat(prefixCls))
+  }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
+    userId: userInfo.Id,
+    name: userInfo.Name,
+    color: userInfo.UserAvatar.Color,
+    src: userInfo.Avatar
   })));
 };
 

package/lib/components/point-demo/drop-down-box/index.css

@@ -0,0 +1,98 @@
+.base-info-drop-down__layer {
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+  position: relative;
+}
+
+.base-info-drop-down__layer .base-info-drop-down__layer-container {
+  position: relative;
+  font-size: 14px;
+  font-weight: 600;
+  color: #3F4755;
+  line-height: 22px;
+  margin-bottom: 4px;
+}
+
+.base-info-drop-down__layer .base-info-drop-down__layer-container .required {
+  color: #F05E5E;
+  font-size: 14px;
+  margin-left: 4px;
+  vertical-align: middle;
+}
+
+.base-info-drop-down__layer .base-info-drop-down__layer-errmsg {
+  position: absolute;
+  top: 66px;
+  left: 12px;
+  font-size: 12px;
+  font-weight: 400;
+  color: #F05E5E;
+  line-height: 18px;
+}
+
+.base-info-drop-down__layer .drop-down__layer-text {
+  font-size: 14px;
+  color: #BFC7D5;
+  line-height: 20px;
+  font-weight: 400;
+  padding-left: 10px;
+  border-radius: 4px;
+  border: 1px solid  #E9ECF0;
+  height: 36px;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.base-info-drop-down__layer .drop-down__layer-text:hover {
+  border: 1px solid #2879FF;
+  cursor: pointer;
+}
+
+.base-info-drop-down__layer .drop-down__layer-text-suffixIcon {
+  width: 10px;
+  height: 10px;
+  margin-right: 12px;
+}
+
+.base-info-drop-down__layer .drop-down__layer-text--focus {
+  border: 1px solid #2879FF;
+}
+
+.base-info-drop-down__layer .drop-down__layer-select-wrapper {
+  display: inline-block;
+  box-sizing: border-box;
+  background: #ffffff;
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  border: 1px solid #f0f2f5;
+  position: relative;
+  border-radius: 4px;
+  padding: 16px 0;
+  font-weight: 400;
+  width: 100%;
+  max-height: 196px;
+  overflow-y: auto;
+  margin-top: -4px;
+}
+
+.base-info-drop-down__layer .drop-down__layer-select-wrapper .drop-down__layer-select-text {
+  font-size: 14px;
+  color: #3f4755;
+  line-height: 22px;
+  height: 36px;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-left: 10px;
+}
+
+.base-info-drop-down__layer .drop-down__layer-select-wrapper .drop-down__layer-select-text:hover {
+  cursor: pointer;
+  color: #2879FF;
+  background: #F7F8FA;
+}
+
+.base-info-drop-down__layer .drop-down__layer-select-wrapper .drop-down__layer-select-text--active {
+  color: #2879ff;
+  background: #F7F8FA;
+}

package/lib/components/point-demo/drop-down-box/index.js

@@ -0,0 +1,159 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _down = _interopRequireDefault(require("../image/down.svg"));
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var SelectLayer = function SelectLayer(_ref) {
+  var style = _ref.style,
+      errMsg = _ref.errMsg,
+      className = _ref.className,
+      title = _ref.title,
+      _ref$required = _ref.required,
+      required = _ref$required === void 0 ? false : _ref$required,
+      initValue = _ref.initValue,
+      onChangeClassify = _ref.onChangeClassify,
+      items = _ref.items,
+      _ref$initText = _ref.initText,
+      initText = _ref$initText === void 0 ? '暂无' : _ref$initText,
+      popupProps = _ref.popupProps,
+      renderPrefixIcon = _ref.renderPrefixIcon,
+      renderSuffixIcon = _ref.renderSuffixIcon,
+      renderPrefixIconClass = _ref.renderPrefixIconClass,
+      renderSuffixIconClass = _ref.renderSuffixIconClass,
+      textClass = _ref.textClass,
+      _ref$forceRenderText = _ref.forceRenderText,
+      forceRenderText = _ref$forceRenderText === void 0 ? false : _ref$forceRenderText;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(items.find(function (item) {
+    return item.value === initValue;
+  })),
+      _useState4 = _slicedToArray(_useState3, 2),
+      selectItem = _useState4[0],
+      setSelectItem = _useState4[1];
+
+  var popupRef = (0, _react.useRef)(document.createElement('div'));
+  var handleSelectOkrClassify = (0, _react.useCallback)(function (key) {
+    setVisible(false);
+    setSelectItem(key);
+    onChangeClassify && onChangeClassify(key);
+  }, [onChangeClassify]);
+  (0, _react.useEffect)(function () {
+    setSelectItem(items.find(function (item) {
+      return item.value === initValue;
+    }));
+  }, [initValue]);
+  var renderSelection = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "drop-down__layer-select-wrapper"
+    }, items.map(function (item, index) {
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        key: index,
+        onClick: function onClick(e) {
+          return handleSelectOkrClassify(item);
+        },
+        className: "drop-down__layer-select-text ".concat(selectItem && item.value === selectItem.value ? "drop-down__layer-select-text--active" : "")
+      }, item.label);
+    }));
+  }, [selectItem]);
+  (0, _react.useEffect)(function () {
+    setSelectItem(items.find(function (item) {
+      return item.value === initValue;
+    }));
+  }, [initValue]);
+  var handleClickText = (0, _react.useCallback)(function () {
+    setVisible(!visible);
+  }, [visible]);
+
+  var touchStart = function touchStart(e) {
+    e.persist();
+    e.preventDefault();
+    setVisible(!visible);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(className, "  base-info-drop-down__layer")
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-info-drop-down__layer-container",
+    style: style,
+    ref: popupRef
+  }, title, /*#__PURE__*/_react["default"].createElement("span", {
+    className: "required"
+  }, "*")), /*#__PURE__*/_react["default"].createElement(_popup["default"], _extends({
+    popupVisible: visible,
+    action: ["click"],
+    destroyPopupOnHide: true,
+    popup: renderSelection,
+    popupAlign: {
+      points: ["tl", "bl"],
+      offset: [0, 4]
+    },
+    mask: false,
+    getPopupContainer: function getPopupContainer() {
+      return popupRef.current;
+    },
+    popupStyle: {
+      width: "100%"
+    }
+  }, popupProps, {
+    onPopupVisibleChange: function onPopupVisibleChange(visible) {
+      return setVisible(visible);
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "drop-down__layer-text ".concat(visible ? 'drop-down__layer-text--focus' : ''),
+    onClick: handleClickText // onTouchStart={()=>{}}
+    ,
+    onTouchEnd: touchStart
+  }, renderPrefixIcon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: renderPrefixIconClass
+  }, renderPrefixIcon[selectItem ? selectItem.value : 0]), /*#__PURE__*/_react["default"].createElement("span", {
+    style: selectItem && selectItem.value > 0 ? {
+      color: '#3F4755'
+    } : {},
+    className: textClass
+  }, forceRenderText && initText ? initText : selectItem ? selectItem.label : initText), renderSuffixIcon && /*#__PURE__*/_react["default"].createElement("img", {
+    className: 'drop-down__layer-text-suffixIcon',
+    src: _down["default"]
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "base-info-drop-down__layer-errmsg"
+  }, errMsg && errMsg));
+};
+
+var _default = SelectLayer;
+exports["default"] = _default;

package/lib/components/point-demo/image/down.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>下箭头</title>
+    <g id="绩效考核" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="绩效考核弹窗" transform="translate(-714.000000, -355.000000)" fill-rule="nonzero">
+            <g id="编组-9" transform="translate(220.000000, 72.000000)">
+                <g id="下箭头" transform="translate(494.000000, 283.000000)">
+                    <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="12" height="12"></rect>
+                    <path d="M6.7155,8.8125 L10.33425,4.071 C10.5419684,3.7988128 10.5772501,3.43233816 10.4252743,3.125522 C10.2732984,2.81870584 9.96039265,2.62469962 9.618,2.62499965 L2.381625,2.62499965 C2.03936752,2.62499965 1.72672265,2.81910016 1.57493463,3.12585834 C1.42314661,3.43261652 1.45848879,3.79892025 1.666125,4.071 L5.284875,8.8125 C5.45513546,9.0354783 5.71963814,9.16630587 6.0001875,9.16630587 C6.28073686,9.16630587 6.54523954,9.0354783 6.7155,8.8125 L6.7155,8.8125 Z" id="路径" fill="#3F4755"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/point-demo/image/icon-canceled.svg

@@ -0,0 +1,7 @@
+<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+<title></title>
+<g id="icomoon-ignore">
+</g>
+<path d="M508.013 451.081l300.592-300.592c16.242-16.242 42.501-16.48 59.034-0.535 16.152 15.576 16.618 41.297 1.041 57.449-0.17 0.177-0.342 0.352-0.516 0.525l-301.652 301.652 314.194 314.194c14.331 14.331 14.331 37.567 0 51.898-0.409 0.409-0.827 0.807-1.254 1.196-15.93 14.492-40.435 13.913-55.664-1.315l-311.625-311.625-309.575 309.575c-16.242 16.242-42.501 16.48-59.034 0.535-16.152-15.576-16.618-41.297-1.041-57.449 0.17-0.177 0.342-0.352 0.516-0.525l310.635-310.635-299.551-299.551c-14.331-14.331-14.331-37.567 0-51.898 0.409-0.409 0.827-0.807 1.254-1.196 15.93-14.492 40.435-13.913 55.664 1.315l296.982 296.982z"></path>
+</svg>

package/lib/components/point-demo/image/logo.svg

@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="66px" height="16px" viewBox="0 0 66 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>logo</title>
+    <defs>
+        <polygon id="path-1" points="0.0333705263 0.0151168 1.16463368 0.0151168 1.16463368 0.64 0.0333705263 0.64"></polygon>
+        <polygon id="path-3" points="0.00320699491 0.103927652 24.8235323 0.103927652 24.8235323 8.32 0.00320699491 8.32"></polygon>
+        <polygon id="path-5" points="0.008208583 0.00504106667 2.65419401 0.00504106667 2.65419401 10.88 0.008208583 10.88"></polygon>
+        <polygon id="path-7" points="0.04854 0.00409698462 13.04434 0.00409698462 13.04434 12.16 0.04854 12.16"></polygon>
+        <polygon id="path-9" points="0.0428897833 0.160605659 10.4038681 0.160605659 10.4038681 15.36 0.0428897833 15.36"></polygon>
+        <polygon id="path-11" points="0 0.160605659 10.3609579 0.160605659 10.3609579 15.36 0 15.36"></polygon>
+    </defs>
+    <g id="-" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="飞书-H5预约" transform="translate(-155.000000, -84.000000)">
+            <g id="logo" transform="translate(155.000000, 84.000000)">
+                <g id="编组" transform="translate(40.989474, 14.720000)">
+                    <mask id="mask-2" fill="white">
+                        <use xlink:href="#path-1"></use>
+                    </mask>
+                    <g id="Clip-2"></g>
+                    <path d="M1.16463368,0.3274368 C1.16463368,0.5002368 0.911286316,0.6400128 0.598886316,0.6400128 C0.286486316,0.6400128 0.0333705263,0.5002368 0.0333705263,0.3274368 C0.0333705263,0.1550208 0.286486316,0.0151168 0.598886316,0.0151168 C0.911286316,0.0151168 1.16463368,0.1550208 1.16463368,0.3274368" id="Fill-1" fill="#2879FF" mask="url(#mask-2)"></path>
+                </g>
+                <g id="编组" transform="translate(40.989474, 7.040000)">
+                    <mask id="mask-4" fill="white">
+                        <use xlink:href="#path-3"></use>
+                    </mask>
+                    <g id="Clip-4"></g>
+                    <path d="M22.7109496,0.103927652 L5.44218968,0.103927652 C1.88464401,0.103927652 0.00320699491,1.76431026 0.00320699491,4.90293983 L0.00320699491,5.7772633 L0.00320699491,6.6087207 C0.00320699491,6.76589635 0.145000543,6.89340939 0.31987253,6.89340939 C0.494744516,6.89340939 0.636538065,6.76589635 0.636538065,6.6087207 L0.636538065,5.7772633 L0.636538065,4.90293983 C0.636538065,2.09602504 2.25334757,0.672400696 5.44218968,0.672400696 L22.7109496,0.672400696 C23.5258087,0.672400696 24.1895961,1.2678233 24.1895961,1.99925983 L24.1895961,6.42531896 C24.1895961,7.15693635 23.5258087,7.75217809 22.7109496,7.75217809 L5.94744265,7.75217809 L1.85902839,7.75217809 C1.68375301,7.75217809 1.54236285,7.87878678 1.54236285,8.03596243 C1.54236285,8.19349983 1.68375301,8.32010852 1.85902839,8.32010852 L5.94744265,8.32010852 L22.7109496,8.32010852 C23.8755527,8.32010852 24.8235323,7.47074504 24.8235323,6.42531896 L24.8235323,1.99925983 C24.8235323,0.954014609 23.8755527,0.103927652 22.7109496,0.103927652" id="Fill-3" fill="#2879FF" mask="url(#mask-4)"></path>
+                </g>
+                <path d="M63.3162642,8.83514011 C62.9463658,8.50263551 62.4595409,8.32 61.9459496,8.32 C61.4321571,8.32 60.9453321,8.50319403 60.57483,8.83514011 C60.5283411,8.87740134 60.4834622,8.92152429 60.4420046,8.96657811 C60.400547,8.92152429 60.3562719,8.87740134 60.3093806,8.83514011 C59.9386771,8.50263551 59.4518522,8.32 58.9390659,8.32 C58.4244684,8.32 57.9376434,8.50319403 57.567745,8.83514011 C57.1813441,9.1821662 56.9684211,9.64610879 56.9684211,10.1424455 L56.9684211,13.640446 C56.9684211,13.8830292 57.1813441,14.08 57.443976,14.08 C57.7054004,14.08 57.9183234,13.8830292 57.9183234,13.640446 L57.9183234,10.1424455 C57.9183234,9.88589935 58.0290112,9.6453641 58.2294567,9.46589353 C58.4210471,9.2936837 58.6726103,9.19836323 58.9390659,9.19836323 C59.2043141,9.19836323 59.4560785,9.2936837 59.6476689,9.46589353 C59.8481144,9.6453641 59.9579972,9.88589935 59.9579972,10.1424455 L59.9579972,13.640446 C59.9579972,13.8830292 60.1711215,14.08 60.4331496,14.08 C60.4365709,14.08 60.4393884,14.0792553 60.4420046,14.0792553 C60.4448221,14.0792553 60.4476397,14.08 60.4510609,14.08 C60.7130891,14.08 60.9260121,13.8830292 60.9260121,13.640446 L60.9260121,10.1424455 C60.9260121,9.88589935 61.0366999,9.6453641 61.2371454,9.46589353 C61.4281321,9.2936837 61.6805002,9.19836323 61.9459496,9.19836323 C62.211399,9.19836323 62.4629621,9.2936837 62.6545526,9.46589353 C62.8551994,9.6453641 62.9656859,9.88589935 62.9656859,10.1424455 L62.9656859,13.640446 C62.9656859,13.8830292 63.1786089,14.08 63.4408383,14.08 C63.7026652,14.08 63.9157895,13.8830292 63.9157895,13.640446 L63.9157895,10.1424455 C63.9157895,9.64610879 63.7026652,9.1821662 63.3162642,8.83514011" id="Fill-5" fill="#2879FF"></path>
+                <path d="M53.1473684,9.19836323 C51.9501635,9.19836323 50.9750974,10.0962746 50.9750974,11.1997207 C50.9750974,12.3037254 51.9501635,13.2018229 53.1473684,13.2018229 C54.3459882,13.2018229 55.3202458,12.3037254 55.3202458,11.1997207 C55.3202458,10.0962746 54.3459882,9.19836323 53.1473684,9.19836323 M53.1473684,14.08 C51.4238219,14.08 50.0210526,12.7877747 50.0210526,11.1997207 C50.0210526,9.61203917 51.4238219,8.32 53.1473684,8.32 C54.8717235,8.32 56.2736842,9.61203917 56.2736842,11.1997207 C56.2736842,12.7877747 54.8717235,14.08 53.1473684,14.08" id="Fill-7" fill="#2879FF"></path>
+                <path d="M48.4016809,12.1467804 C48.1519794,12.0041583 47.8742541,12.1875562 47.7926952,12.3074631 C47.4136978,12.8613809 46.7734027,13.2017378 46.0629516,13.2017378 C44.9182286,13.2017378 43.9860998,12.3035531 43.9860998,11.2001862 C43.9860998,10.0964469 44.9182286,9.19826222 46.0629516,9.19826222 C46.7734027,9.19826222 47.4136978,9.53880528 47.7926952,10.0929092 C47.8742541,10.2122576 48.1519794,10.3962141 48.4016809,10.2532196 C48.6884898,10.0895578 48.6685832,9.77359193 48.5489507,9.5993173 C48.0031634,8.80688906 47.083597,8.32 46.0629516,8.32 C44.4149602,8.32 43.0736842,9.61235066 43.0736842,11.2001862 C43.0736842,12.7876493 44.4149602,14.08 46.0629516,14.08 C47.083597,14.08 48.0031634,13.5931109 48.5489507,12.8003103 C48.6685832,12.6264081 48.6884898,12.3106284 48.4016809,12.1467804" id="Fill-9" fill="#2879FF"></path>
+                <g id="编组" transform="translate(11.810526, 4.480000)">
+                    <mask id="mask-6" fill="white">
+                        <use xlink:href="#path-5"></use>
+                    </mask>
+                    <g id="Clip-12"></g>
+                    <path d="M1.33077377,0.00504106667 C0.600338138,0.00504106667 0.008208583,0.507153067 0.008208583,1.12713173 L0.008208583,9.7580544 C0.008208583,10.3776704 0.600338138,10.8801451 1.33077377,10.8801451 C2.06185069,10.8801451 2.65419401,10.3776704 2.65419401,9.7580544 L2.65419401,1.12713173 C2.65419401,0.507153067 2.06185069,0.00504106667 1.33077377,0.00504106667" id="Fill-11" fill="#2879FF" mask="url(#mask-6)"></path>
+                </g>
+                <path d="M14.5894737,1.5998981 C14.5894737,2.48361251 13.8115719,3.2 12.8522998,3.2 C11.8936912,3.2 11.1157895,2.48361251 11.1157895,1.5998981 C11.1157895,0.715572257 11.8936912,0 12.8522998,0 C13.8115719,0 14.5894737,0.715572257 14.5894737,1.5998981" id="Fill-13" fill="#2879FF"></path>
+                <g id="编组" transform="translate(26.400000, 3.200000)">
+                    <mask id="mask-8" fill="white">
+                        <use xlink:href="#path-7"></use>
+                    </mask>
+                    <g id="Clip-16"></g>
+                    <path d="M6.54634,0.00409698462 C2.96334,0.00409698462 0.04854,2.73130437 0.04854,6.08241329 C0.04854,9.43333514 2.96334,12.1601684 6.54634,12.1601684 C7.28614,12.1601684 8.02274,12.0391296 8.73514,11.8000453 C9.36954,11.5871518 9.69954,10.9338791 9.47174,10.3399099 C9.24414,9.74594068 8.54494,9.43950868 7.91094,9.65071852 C7.46374,9.80056714 7.00434,9.87689452 6.54634,9.87689452 C4.30934,9.87689452 2.48954,8.17449452 2.48954,6.08241329 C2.48954,3.98958375 4.30934,2.28774498 6.54634,2.28774498 C8.78334,2.28774498 10.60314,3.98958375 10.60314,6.08241329 L10.60314,11.018625 C10.60314,11.6492613 11.14974,12.1601684 11.82394,12.1601684 C12.49794,12.1601684 13.04434,11.6492613 13.04434,11.018625 L13.04434,6.08241329 C13.04434,2.73130437 10.12914,0.00409698462 6.54634,0.00409698462" id="Fill-15" fill="#E50012" mask="url(#mask-8)"></path>
+                </g>
+                <g id="编组" transform="translate(15.978947, 0.000000)">
+                    <mask id="mask-10" fill="white">
+                        <use xlink:href="#path-9"></use>
+                    </mask>
+                    <g id="Clip-18"></g>
+                    <path d="M9.13924272,13.0420261 L8.48414675,13.0420261 C5.62836966,13.0420261 4.08094551,12.3856671 4.08094551,8.92329834 L4.08094551,6.63540761 L6.52498885,6.63540761 L7.85520557,6.63540761 C8.55443777,6.63540761 9.1206483,6.11672663 9.1206483,5.47554029 C9.1206483,4.83585249 8.55443777,4.31679688 7.85520557,4.31679688 L6.52498885,4.31679688 L4.08094551,4.31679688 L4.08094551,1.31972371 C4.08094551,0.679099317 3.51432632,0.160605659 2.81611579,0.160605659 C2.11770093,0.160605659 1.55189907,0.679099317 1.55189907,1.31972371 L1.55189907,4.31679688 L1.30833251,4.31679688 C0.608895975,4.31679688 0.0428897833,4.83585249 0.0428897833,5.47554029 C0.0428897833,6.11672663 0.608895975,6.63540761 1.30833251,6.63540761 L1.55189907,6.63540761 L1.55189907,8.92329834 C1.55189907,13.2544437 3.81898885,15.3600749 8.48414675,15.3600749 L9.13924272,15.3600749 C9.83724892,15.3600749 10.4038681,14.8410193 10.4038681,14.2009569 C10.4038681,13.5605198 9.83724892,13.0420261 9.13924272,13.0420261" id="Fill-17" fill="#E50012" mask="url(#mask-10)"></path>
+                </g>
+                <g id="编组">
+                    <mask id="mask-12" fill="white">
+                        <use xlink:href="#path-11"></use>
+                    </mask>
+                    <g id="Clip-20"></g>
+                    <path d="M9.09633251,13.0420261 L8.44123653,13.0420261 C5.58545944,13.0420261 4.03803529,12.3856671 4.03803529,8.92329834 L4.03803529,6.63540761 L6.48207864,6.63540761 L7.81249969,6.63540761 C8.51152755,6.63540761 9.07773808,6.11672663 9.07773808,5.47554029 C9.07773808,4.83585249 8.51152755,4.31679688 7.81249969,4.31679688 L6.48207864,4.31679688 L4.03803529,4.31679688 L4.03803529,1.31972371 C4.03803529,0.679099317 3.4714161,0.160605659 2.77320557,0.160605659 C2.07479071,0.160605659 1.50898885,0.679099317 1.50898885,1.31972371 L1.50898885,4.31679688 L1.26542229,4.31679688 C0.566190093,4.31679688 -2.04334365e-05,4.83585249 -2.04334365e-05,5.47554029 C-2.04334365e-05,6.11672663 0.566190093,6.63540761 1.26542229,6.63540761 L1.50898885,6.63540761 L1.50898885,8.92329834 C1.50898885,13.2544437 3.77607864,15.3600749 8.44123653,15.3600749 L9.09633251,15.3600749 C9.79454303,15.3600749 10.3609579,14.8410193 10.3609579,14.2009569 C10.3609579,13.5605198 9.79454303,13.0420261 9.09633251,13.0420261" id="Fill-19" fill="#2879FF" mask="url(#mask-12)"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>