@titaui/pc 1.5.82 → 1.5.83

package/lib/components/create-okr/style.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeleteKr = exports.DateLine = exports.CreateCycleWrapper = exports.TimeSapn = exports.DropDownContent = exports.SelectBtn = exports.WeightInputWrpper = exports.WeightWrapper = exports.KrNameInput = exports.InputWrapper = exports.KrEditWrapper = exports.KrItemWrapper = exports.AddKrBtn = exports.BlueBar = exports.Space = exports.ItemWrapper = exports.CaseLink = exports.TitleLine = exports.Line = exports.Wrapper = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 449px;\n  padding: 0 32px;\n  overflow: auto;\n"])));
+
+exports.Wrapper = Wrapper;
+
+var Line = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+
+exports.Line = Line;
+var TitleLine = (0, _styledComponents["default"])(Line)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  color: #3f4755;\n  padding: 15px 0 2px;\n  line-height: 22px;\n"])));
+exports.TitleLine = TitleLine;
+
+var CaseLink = _styledComponents["default"].a(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  color: #2879ff;\n  font-weight: 400;\n  font-size: 14px;\n  margin-right: 34px;\n  ::before {\n    margin-right: 4px;\n  }\n  transition: color 0.5s;\n  :hover {\n    color: #5c8eff;\n  }\n  /* letter-spacing: 2px; */\n"])));
+
+exports.CaseLink = CaseLink;
+
+var ItemWrapper = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1;\n"])));
+
+exports.ItemWrapper = ItemWrapper;
+
+var Space = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  width: 12px;\n"])));
+
+exports.Space = Space;
+
+var BlueBar = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 4px;\n  height: 16px;\n  border-radius: 2px;\n  margin-right: 6px;\n  background: linear-gradient(90deg, #4e90ff, #2879ff);\n"])));
+
+exports.BlueBar = BlueBar;
+
+var AddKrBtn = _styledComponents["default"].a(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-size: 14px;\n  font-weight: 400;\n  color: #2879ff;\n  line-height: 22px;\n  display: flex;\n  align-items: center;\n  ::before {\n    margin-right: 6px;\n    font-size: 12px;\n    font-weight: 600;\n  }\n"])));
+
+exports.AddKrBtn = AddKrBtn;
+
+var KrItemWrapper = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n"])));
+
+exports.KrItemWrapper = KrItemWrapper;
+
+var KrEditWrapper = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  height: 36px;\n  background: #ffffff;\n  border: 1px solid ", ";\n  border-radius: 4px;\n  ", "\n  display: flex;\n  align-items: center;\n  flex: 1;\n  padding: 0 10px;\n  transition: border 0.2s ease 0.2s, box-shadow 0.2s ease 0.2s;\n  > span {\n    font-size: 13px;\n    font-weight: 400;\n    text-align: left;\n    color: #6f7886;\n    margin-left: 18px;\n  }\n  :hover {\n    border: 1px solid #2879ff;\n  }\n"])), function (p) {
+  return p.active ? "#2879ff" : "#f0f2f5";
+}, function (p) {
+  return p.active ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;" : "";
+});
+
+exports.KrEditWrapper = KrEditWrapper;
+
+var InputWrapper = _styledComponents["default"].div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  height: 36px;\n  background: #ffffff;\n  border: 1px solid ", ";\n  border-radius: 4px;\n  ", "\n  display: flex;\n  align-items: center;\n  flex: 1;\n  padding: 0 10px;\n  transition: border 0.2s ease 0.2s, box-shadow 0.2s ease 0.2s;\n  :hover {\n    border: 1px solid #2879ff;\n  }\n  > input {\n    flex: 1;\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n"])), function (p) {
+  return p.active ? "#2879ff" : "#f0f2f5";
+}, function (p) {
+  return p.active ? "box-shadow: 0px 0px 6px 0px rgba(40, 121, 255, 0.3) inset;" : "";
+});
+
+exports.InputWrapper = InputWrapper;
+
+var KrNameInput = _styledComponents["default"].input(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  flex: 1;\n  color: #3f4755;\n  padding-left: 12px;\n  border: none;\n  ::-webkit-input-placeholder {\n    color: #bfc7d5;\n  }\n  :-ms-input-placeholder {\n    color: #bfc7d5;\n  }\n  :-moz-input-placeholder {\n    color: #bfc7d5;\n  }\n"])));
+
+exports.KrNameInput = KrNameInput;
+
+var WeightWrapper = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  margin-left: 18px;\n"])));
+
+exports.WeightWrapper = WeightWrapper;
+
+var WeightInputWrpper = _styledComponents["default"].div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n  > span {\n    color: transparent;\n  }\n  > input {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n"])));
+
+exports.WeightInputWrpper = WeightInputWrpper;
+
+var SelectBtn = _styledComponents["default"].div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n  height: 36px;\n  width: 100%;\n  border: 1px solid #e6eaef;\n  border-radius: 3px;\n  display: flex;\n  padding: 0 12px;\n  align-items: center;\n  box-sizing: border-box;\n  cursor: pointer;\n  transition: border 0.2s ease;\n  > .tu-icon-cross {\n    color: #bfc7d5;\n    margin: 0 20px;\n  }\n  :hover {\n    border: 1px solid #2879ff;\n  }\n  > i {\n    font-size: 12px;\n  }\n  > span {\n    flex: 1;\n    width: 0;\n    text-align: left;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    word-break: break-all;\n    overflow: hidden;\n  }\n"])));
+
+exports.SelectBtn = SelectBtn;
+
+var DropDownContent = _styledComponents["default"].div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n  /* \u5468\u671F\u9009\u62E9\u7EC4\u4EF6 */\n  display: flex;\n  align-items: center;\n  padding-right: 28px;\n  margin-bottom: 10px;\n  transition: 300ms;\n  .has-underline {\n    border-bottom: 1px solid rgb(227, 230, 234);\n    justify-content: space-between;\n    height: 17px;\n  }\n"])));
+
+exports.DropDownContent = DropDownContent;
+
+var TimeSapn = _styledComponents["default"].span(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n  > i {\n    margin-left: 12px;\n    color: #bfc7d5;\n  }\n"])));
+
+exports.TimeSapn = TimeSapn;
+
+var CreateCycleWrapper = _styledComponents["default"].div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  padding: 15px 20px 20px;\n  width: 262px;\n"])));
+
+exports.CreateCycleWrapper = CreateCycleWrapper;
+
+var DateLine = _styledComponents["default"].div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n  padding: 12px 0;\n  font-size: 12px;\n  color: #89919f;\n  line-height: 17px;\n  text-align: left;\n  span {\n    color: #3f4755;\n  }\n"])));
+
+exports.DateLine = DateLine;
+
+var DeleteKr = _styledComponents["default"].a(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n  color: #000000;\n  font-size: 14px;\n  margin-left: 7px;\n  margin-right: 8px;\n  :hover {\n    color: #f05e5e;\n  }\n"])));
+
+exports.DeleteKr = DeleteKr;

package/lib/components/create-okr/utils/getCreateOkrSurpassPercent.js

@@ -0,0 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var getRandomNum = function getRandomNum(baseNum) {
+  return Math.floor(Math.random() * baseNum);
+};
+
+var getKrNumberAndMeasurableScore = function getKrNumberAndMeasurableScore(krNum, krMeasurableNums) {
+  if (krNum === 0) {
+    return 0;
+  }
+
+  if (krNum === 1) {
+    if (krMeasurableNums === 1) {
+      return 25;
+    }
+
+    return 20;
+  }
+
+  if (krNum === 2) {
+    if (krMeasurableNums === 1) {
+      return 40;
+    } else if (krMeasurableNums === 2) {
+      return 50;
+    }
+
+    return 35;
+  }
+
+  if (krNum === 3) {
+    if (krMeasurableNums === 1) {
+      return 50;
+    } else if (krMeasurableNums === 2) {
+      return 60;
+    } else if (krMeasurableNums === 3) {
+      return 60;
+    }
+
+    return 45;
+  }
+
+  if (krNum === 4) {
+    if (krMeasurableNums === 1) {
+      return 50;
+    } else if (krMeasurableNums === 2) {
+      return 55;
+    } else if (krMeasurableNums === 3) {
+      return 60;
+    } else if (krMeasurableNums === 4) {
+      return 70;
+    }
+
+    return 45;
+  }
+
+  if (krNum === 5) {
+    if (krMeasurableNums === 1) {
+      return 50;
+    } else if (krMeasurableNums === 2) {
+      return 55;
+    } else if (krMeasurableNums === 3) {
+      return 60;
+    } else if (krMeasurableNums === 4) {
+      return 65;
+    } else if (krMeasurableNums === 5) {
+      return 70;
+    }
+
+    return 45;
+  }
+
+  if (krNum > 5) {
+    if (krMeasurableNums === 0) {
+      return 40;
+    } else if (krMeasurableNums === 1) {
+      return 45;
+    } else if (krMeasurableNums === 2) {
+      return 50;
+    } else if (krMeasurableNums === 3) {
+      return 55;
+    }
+
+    return 60;
+  }
+}; // 参考 https://doc.weixin.qq.com/txdoc/excel?scode=AOEAFQeYAA0Nbxe0lHABkAGgaGACY&docid=e2_AJcATAaKACYmPDc9BjaSnWjBmFCGo&type=1&tab=BB08J2
+
+
+var _default = function _default(oNameLength, okrHasWtWords, krNum, krMeasurableNums, krAvarageLength) {
+  var totalScore = 0;
+
+  if (okrHasWtWords) {
+    totalScore += 5;
+  } // 计算目标名称长度
+
+
+  if (oNameLength < 5) {
+    totalScore += 2;
+  } else if (oNameLength < 9) {
+    totalScore += 15;
+  } else if (oNameLength < 31) {
+    totalScore += 20;
+  } else {
+    totalScore += 15;
+  }
+
+  totalScore += getKrNumberAndMeasurableScore(krNum, krMeasurableNums);
+
+  if (krAvarageLength < 5) {
+    return Number((totalScore * (getRandomNum(5) + 3) / 100).toFixed(1));
+  } else if (krAvarageLength < 9) {
+    return Number((totalScore * (getRandomNum(15) + 70) / 100).toFixed(1));
+  } else if (krAvarageLength < 31) {
+    return Number((totalScore * (getRandomNum(15) + 90) / 100).toFixed(1));
+  } else {
+    return Number((totalScore * (getRandomNum(10) + 80) / 100).toFixed(1));
+  }
+};
+
+exports["default"] = _default;

package/lib/components/create-okr/utils/helper.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.taker = taker;
+exports.getApiUrl = getApiUrl;
+
+var _bsGlobal = require("../../../utils/bs-global");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function taker(_x, _x2, _x3) {
+  return _taker.apply(this, arguments);
+}
+
+function _taker() {
+  _taker = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(url, method, body) {
+    var header,
+        settings,
+        bodyStr,
+        key,
+        response,
+        data,
+        _args = arguments;
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            header = _args.length > 3 && _args[3] !== undefined ? _args[3] : {};
+            settings = {};
+
+            if (method) {
+              settings.headers = _objectSpread(_objectSpread({}, {
+                Accept: "application/json, application/xml, text/play, text/html, *.*",
+                "Content-Type": "application/json; charset=utf-8"
+              }), header);
+              settings.method = method;
+            }
+
+            if (body) settings.body = JSON.stringify(body);
+
+            if (settings.headers) {
+              if (settings.headers["Content-Type"] == "application/x-www-form-urlencoded") {
+                bodyStr = "";
+
+                for (key in body) {
+                  bodyStr += "".concat(key, "=").concat(body[key], "&");
+                }
+
+                bodyStr.substring(0, bodyStr.length - 1);
+                settings.body = bodyStr;
+              }
+            }
+
+            settings.credentials = "same-origin";
+            _context.prev = 6;
+            _context.next = 9;
+            return fetch(url, settings);
+
+          case 9:
+            response = _context.sent;
+            _context.next = 12;
+            return response.json();
+
+          case 12:
+            data = _context.sent;
+            return _context.abrupt("return", data);
+
+          case 16:
+            _context.prev = 16;
+            _context.t0 = _context["catch"](6);
+            _context.next = 20;
+            return Promise.reject(_context.t0);
+
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[6, 16]]);
+  }));
+  return _taker.apply(this, arguments);
+}
+
+function getApiUrl(url) {
+  var uid = (0, _bsGlobal.getUserInfo)().Id;
+  var tid = (0, _bsGlobal.getTenantInfo)().Id;
+  var apiServer = (0, _bsGlobal.getBSGlobal)("apiPath");
+  return apiServer + "/api/v1/" + tid + "/" + uid + "/" + url;
+}

package/lib/components/create-okr/utils/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.KrWeightValidator = KrWeightValidator;
+
+function KrWeightValidator(value) {
+  // 首先得是数字
+  var _value = Number(value); //
+
+
+  if ("".concat(value).trim() == "") return false; // required
+
+  if (isNaN(_value)) return false; // 不是数字
+
+  if (!Number.isInteger(_value) && "".concat(_value).split(".")[1].length > 1) return false; // 小数点超出一位
+
+  if (_value > 100) return false; // 允许输入超过 100 的数字
+
+  if (_value < 0) return false;
+  return true;
+}

package/lib/components/dropdown-layer/icon-item.js

@@ -13,6 +13,8 @@ require("./index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 var preCls = 'titaui-dropdown-layer';
 
 var _default = function _default(props) {
@@ -28,10 +30,10 @@ var _default = function _default(props) {
 
   return /*#__PURE__*/_react["default"].createElement("div", {
     key: name,
-    className: (0, _classnames["default"])("".concat(preCls, "__icon-item")),
+    className: (0, _classnames["default"])("".concat(preCls, "__icon-item"), _defineProperty({}, "".concat(preCls, "__icon-item--noicon"), !icon)),
     onClick: onClickHandler
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])(icon || name, "".concat(preCls, "__icon-item-icon"), exIconClass)
+  }, icon && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])(icon, "".concat(preCls, "__icon-item-icon"), exIconClass)
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__icon-item-text"))
   }, children));

package/lib/components/dropdown-layer/index.css

@@ -1,3 +1,15 @@
+.titaui-dropdown-layer__radio {
+  margin-right: 0px;
+}
+
+.titaui-dropdown-layer__radio .titaui-radio-inner {
+  color: #2879FF;
+}
+
+.titaui-dropdown-layer__radio .titaui-radio-inner::after {
+  color: #2879FF;
+}
+
 .titaui-dropdown-layer__icon-item {
   position: relative;
   height: 32px;
@@ -21,6 +33,10 @@
   vertical-align: text-bottom;
 }
 
+.titaui-dropdown-layer__icon-item-icon--noicon {
+  margin-right: 0;
+}
+
 .titaui-dropdown-layer__icon-item-text {
   font-size: 14px;
   font-weight: 400;

package/lib/components/dropdown-layer/index.js

@@ -15,11 +15,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
+var _radio = _interopRequireDefault(require("../radio"));
+
 require("./index.css");
 
 var _iconItem = _interopRequireDefault(require("./icon-item"));
 
-var _excluded = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit"];
+var _excluded = ["name", "multi", "children", "onClick", "className"],
+    _excluded2 = ["trigger", "triggerIcon", "destroyPopupOnHide", "popupPlacement", "hideOnChange", "onChange", "canEdit"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -27,18 +30,14 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
+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."); }
@@ -51,6 +50,10 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 var preCls = 'titaui-dropdown-layer';
 var IconItem = _iconItem["default"];
 exports.IconItem = IconItem;
@@ -59,7 +62,9 @@ var Item = function Item(props) {
   var name = props.name,
       multi = props.multi,
       children = props.children,
-      onClick = props.onClick;
+      onClick = props.onClick,
+      className = props.className,
+      restProps = _objectWithoutProperties(props, _excluded);
 
   var _useState = (0, _react.useState)(props.checked),
       _useState2 = _slicedToArray(_useState, 2),
@@ -75,11 +80,11 @@ var Item = function Item(props) {
     onClick && onClick(name, !checked);
   };
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
     key: name,
-    className: (0, _classnames["default"])("".concat(preCls, "__operation-item")),
+    className: (0, _classnames["default"])("".concat(preCls, "__operation-item"), className),
     onClick: onClickHandler
-  }, multi && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
+  }, restProps), multi && /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     checked: checked
   }), /*#__PURE__*/_react["default"].createElement("span", {
     className: (0, _classnames["default"])("".concat(preCls, "__operation-item-text"))
@@ -99,7 +104,9 @@ var DropSelectorLayer = function DropSelectorLayer(props) {
       trigger = props.trigger,
       children = props.children,
       _props$limitHeight = props.limitHeight,
-      limitHeight = _props$limitHeight === void 0 ? false : _props$limitHeight;
+      limitHeight = _props$limitHeight === void 0 ? false : _props$limitHeight,
+      _props$footerBtn = props.footerBtn,
+      footerBtn = _props$footerBtn === void 0 ? null : _props$footerBtn;
 
   var onMenuClickHandler = function onMenuClickHandler(name, checked) {
     onItemClick && onItemClick(name, checked);
@@ -116,7 +123,7 @@ var DropSelectorLayer = function DropSelectorLayer(props) {
       'onClick': onMenuClickHandler,
       'multi': multi
     }, child.props));
-  }));
+  }), footerBtn);
 };
 
 exports.DropSelectorLayer = DropSelectorLayer;
@@ -133,7 +140,7 @@ var _default = function _default(props) {
       onChange = props.onChange,
       _props$canEdit = props.canEdit,
       canEdit = _props$canEdit === void 0 ? true : _props$canEdit,
-      restProps = _objectWithoutProperties(props, _excluded);
+      restProps = _objectWithoutProperties(props, _excluded2);
 
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),

package/lib/components/dynamic/components/condition-render/index.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var ConditionRender = function ConditionRender(_ref) {
+  var condition = _ref.condition,
+      children = _ref.children;
+
+  if (!condition) {
+    return null;
+  }
+
+  return children;
+};
+
+var _default = ConditionRender;
+exports["default"] = _default;

package/lib/components/dynamic/components/dangerous-html/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var DangerousHtml = function DangerousHtml(_ref) {
+  var htmlText = _ref.htmlText;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: htmlText
+    }
+  });
+};
+
+var _default = DangerousHtml;
+exports["default"] = _default;

package/lib/components/dynamic/components/dynamic-search-input/index.css

@@ -0,0 +1,78 @@
+.titaui-dynamic-search-input {
+  display: flex;
+  align-items: center;
+  width: 240px;
+  height: 32px;
+  background: #FFFFFF;
+  border-radius: 16px;
+  border: 1px solid #E9ECF0;
+  padding: 5px 12px 5px 14px;
+  box-sizing: border-box;
+}
+
+.titaui-dynamic-search-input__popup {
+  width: 68px;
+  height: 96px;
+  background: #FFFFFF;
+  box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.2);
+  border: 1px solid #F0F2F5;
+  padding: 16px 0px 16px 0px;
+  box-sizing: border-box;
+  border-radius: 6px;
+  user-select: none;
+}
+
+.titaui-dynamic-search-input__popup-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 32px;
+  font-size: 14px;
+  color: #3F4755;
+  line-height: 22px;
+  cursor: pointer;
+}
+
+.titaui-dynamic-search-input__popup-item--active {
+  color: #2879FF;
+}
+
+.titaui-dynamic-search-input__popup-item:hover {
+  color: #2879FF;
+  background: #f7f8fa;
+}
+
+.titaui-dynamic-search-input__icon {
+  margin: 0 8px;
+}
+
+.titaui-dynamic-search-input__select-type {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.titaui-dynamic-search-input__input {
+  border: none;
+  outline: none;
+  width: 130px;
+  margin-right: 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.titaui-dynamic-search-input__input::placeholder {
+  font-size: 14px;
+  color: #BFC7D5;
+  line-height: 22px;
+}
+
+.titaui-dynamic-search-input__input-clear {
+  color: #BFC7D5;
+  font-size: 14px;
+}
+
+.titaui-dynamic-search-input__input-clear:hover {
+  cursor: pointer;
+  color: #f05e5e;
+}