@titaui/pc 1.11.0 → 1.11.1

package/es/components-v1/utils/animate/event.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-03 11:47:08
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2018-12-04 16:31:48
+ */
+var prefixArr = ["webkit", "moz", "o"];
+var EVENTS_NAME = ["Transition", "Animation"];
+var startEvents = [];
+var endEvents = [];
+var test = document.createElement("div");
+var style = test.style;
+
+function walkPrefix(type, eventsArr) {
+  for (var _i = 0, _EVENTS_NAME = EVENTS_NAME; _i < _EVENTS_NAME.length; _i++) {
+    var name = _EVENTS_NAME[_i];
+    var withoutPrefix = name.toLowerCase();
+
+    if (withoutPrefix in style) {
+      eventsArr.push((name + type).toLocaleLowerCase());
+      continue;
+    }
+
+    for (var _i2 = 0, _prefixArr = prefixArr; _i2 < _prefixArr.length; _i2++) {
+      var prefix = _prefixArr[_i2];
+      var evName = prefix + name;
+
+      if (evName in style) {
+        eventsArr.push(evName + type);
+        break;
+      }
+    }
+  }
+}
+
+walkPrefix("Start", startEvents);
+walkPrefix("End", endEvents);
+var _default = {
+  startEvents: startEvents,
+  endEvents: endEvents,
+  addStartListener: function addStartListener(node, callback) {
+    if (!startEvents.length) {
+      setTimeout(callback, 0);
+      return;
+    }
+
+    startEvents.forEach(function (evName) {
+      node.addEventListener(evName, callback, false);
+    });
+  },
+  addEndListener: function addEndListener(node, callback) {
+    if (!startEvents.length) {
+      setTimeout(callback, 0);
+      return;
+    }
+
+    endEvents.forEach(function (evName) {
+      node.addEventListener(evName, callback);
+    });
+  },
+  removeStartListener: function removeStartListener(node, callback) {
+    startEvents.forEach(function (evName) {
+      node.removeEventListener(evName, callback);
+    });
+  },
+  removeEndListener: function removeEndListener(node, callback) {
+    endEvents.forEach(function (evName) {
+      node.removeEventListener(evName, callback);
+    });
+  }
+};
+exports["default"] = _default;

package/es/components-v1/utils/dom/index.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addClass = addClass;
+exports.removeClass = removeClass;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-03 15:49:28
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2018-12-04 11:16:16
+ */
+function addClass(node, className) {
+  node.className += " ".concat(className);
+}
+
+function removeClass(node, className) {
+  var arr = className.split(/\s+/);
+  var nArr = node.className.split(/\s+/);
+  arr.forEach(function (a) {
+    var index = nArr.indexOf(a);
+
+    if (index !== -1) {
+      nArr.splice(index, 1);
+    }
+  });
+  node.className = nArr.join(" ");
+}

package/es/components-v1/utils/placement/autoAdjustPlacement.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-01 10:48:07
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2020-01-14 15:20:33
+ */
+function doAdjust(dire, el, expectPlacement, alignType, visibleArea, bindNode, adjustedPlacement, cover) {
+  var bindNodeOffset = bindNode.getBoundingClientRect();
+  var elOffset = el.getBoundingClientRect();
+  var direction = {
+    x: ["left", "right", "width"],
+    y: ["top", "bottom", "height"]
+  };
+  var d = direction[dire];
+  var adjust = null; // 记录调整方式 翻转或移动
+  // 调整横向与left right width有关
+  // 调整纵向与top bottom hright有关
+  // d[0]即left/top d[1]即right/bottom d[2]即width/height
+
+  if (alignType[0] === d[0]) {
+    // 如果定位到左/上侧 左/上侧空间不足且允许覆盖点击元素
+    if (cover && expectPlacement[d[0]] < visibleArea[d[0]]) {
+      adjustedPlacement[d[0]] = visibleArea[d[0]];
+      adjust = "move";
+    } // 如果定位到左/上侧 左/上侧空间不足且右/下侧空间足够则翻转到右/下侧
+    else if (expectPlacement[d[0]] < visibleArea[d[0]] && elOffset[d[2]] <= visibleArea[d[1]] - bindNodeOffset[d[1]]) {
+      adjustedPlacement[d[0]] = bindNodeOffset[d[1]];
+      adjust = "reverse";
+    }
+  } else if (alignType[0] === d[1]) {
+    // 如果定位到右/下侧 右/下侧空间不足且允许覆盖点击元素
+    if (cover && expectPlacement[d[1]] > visibleArea[d[1]]) {
+      adjustedPlacement[d[0]] = visibleArea[d[1]] - elOffset[d[2]];
+      adjust = "move";
+    } // 如果定位到右/下侧 右/下侧空间不足且左/上侧空间足够则翻转到左/上侧
+    else if (expectPlacement[d[1]] > visibleArea[d[1]] && bindNodeOffset[d[0]] - visibleArea[d[0]] >= elOffset[d[2]]) {
+      adjustedPlacement[d[0]] = bindNodeOffset[d[0]] - elOffset[d[2]];
+      adjust = "reverse";
+    }
+  } else {
+    // 调整交叉轴位置
+    if (expectPlacement[d[0]] < visibleArea[d[0]]) {
+      adjustedPlacement[d[0]] = visibleArea[d[0]];
+      adjust = "move";
+    }
+
+    if (adjustedPlacement[d[0]] + elOffset[d[2]] > visibleArea[d[1]]) {
+      adjustedPlacement[d[0]] = visibleArea[d[1]] - elOffset[d[2]];
+      adjust = "move";
+    }
+  }
+}
+/**
+  * @param {DOMElement} el
+  * @param {Object} expectPlacement
+  * @param {String} align
+  * @param {Object} visibleArea
+  * @param {DOMElement} bindNode
+  * @param {String} adjustType
+  */
+
+
+function _default(el, expectPlacement, align, visibleArea, bindNode, adjustType, cover) {
+  var adjustedPlacement = {
+    left: expectPlacement.left,
+    top: expectPlacement.top
+  };
+  var adjustx = null;
+  var adjusty = null;
+
+  if (adjustType === "x" || adjustType === "x y") {
+    adjustx = doAdjust("x", el, expectPlacement, align, visibleArea, bindNode, adjustedPlacement, cover);
+  }
+
+  if (adjustType === "y" || adjustType === "x y") {
+    adjusty = doAdjust("y", el, expectPlacement, align, visibleArea, bindNode, adjustedPlacement, cover);
+  }
+
+  return {
+    adjust: {
+      x: adjustx,
+      y: adjusty
+    },
+    placement: adjustedPlacement
+  };
+}

package/es/components-v1/utils/placement/getContainerVisibleArea.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-01 10:31:27
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2018-12-04 16:20:03
+ */
+function _default(container) {
+  var containerOffset = container.getBoundingClientRect();
+  var direction = ["top", "right", "bottom", "left"];
+  var visibleArea = {};
+  direction.forEach(function (d) {
+    visibleArea[d] = containerOffset[d] > 0 ? containerOffset[d] : 0;
+  });
+  return visibleArea;
+}

package/es/components-v1/utils/placement/getExpectPlacement.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-01 10:32:39
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2020-01-14 15:15:55
+ */
+
+/**
+ * 获取要定位的元素在页面上的期望位置
+ * @param {NodeElement} el 要定位的元素
+ * @param {NodeElement} bindNode 定位基准元素
+ * @param {string} align 对齐方式 共12种对齐方式 top left,top,top right,let top,left,left bottom ...
+ */
+function _default(el, bindNode, alignType, offset) {
+  var elOffset = el.getBoundingClientRect();
+  var bindNodeOffset = bindNode.getBoundingClientRect();
+  var placement = {};
+  var direction = [["left", "right"], ["top", "bottom"]];
+  var s = ["width", "height"];
+  direction.forEach(function (d, index) {
+    if (alignType[0] === d[0]) {
+      placement[d[0]] = bindNodeOffset[d[0]] - elOffset[s[index]];
+    } else if (alignType[0] === d[1]) {
+      placement[d[0]] = bindNodeOffset[d[0]] + bindNodeOffset[s[index]];
+    } else if (alignType[1] == d[0]) {
+      placement[d[0]] = bindNodeOffset[d[0]];
+    } else if (alignType[1] == d[1]) {
+      placement[d[0]] = bindNodeOffset[d[0]] + bindNodeOffset[s[index]] - elOffset[s[index]];
+    } else {
+      placement[d[0]] = bindNodeOffset[d[0]] + (bindNodeOffset[s[index]] - elOffset[s[index]]) / 2;
+    }
+  });
+
+  if (offset) {
+    placement.left += offset.left;
+    placement.right += offset.right;
+  }
+
+  placement.right = placement.left + elOffset.width;
+  placement.bottom = placement.top + elOffset.height;
+  return placement;
+}

package/es/components-v1/utils/placement/getPlacementInContainer.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = _default;
+
+/*
+ * @Author: lianghaosen
+ * @Date: 2018-12-02 14:11:49
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2018-12-04 16:30:36
+ */
+
+/**
+  *
+  * @param {Object} placementInView
+  * @param {DOMElement} container
+  */
+function _default(placementInView, container) {
+  var containerOffset = container.getBoundingClientRect();
+  return {
+    left: placementInView.left - containerOffset.left + container.scrollLeft,
+    top: placementInView.top - containerOffset.top + container.scrollTop
+  };
+}

package/es/components-v1/utils/placement/placement.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _getExpectPlacement = _interopRequireDefault(require("./getExpectPlacement"));
+
+var _autoAdjustPlacement = _interopRequireDefault(require("./autoAdjustPlacement"));
+
+var _getContainerVisibleArea = _interopRequireDefault(require("./getContainerVisibleArea"));
+
+var _getPlacementInContainer = _interopRequireDefault(require("./getPlacementInContainer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+/*
+ * @Author: sixgod
+ * @Date: 2018-12-01 10:21:36
+ * @Last Modified by: lianghaosen
+ * @Last Modified time: 2020-01-14 14:57:14
+ */
+function setPlacement(el, container) {
+  var align = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "top";
+  var bindNode = arguments.length > 3 ? arguments[3] : undefined;
+  var autoAdjust = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : "x y";
+  var cover = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
+
+  if (!el instanceof HTMLElement) {
+    throw new Error("el must be a HTMLElement");
+  }
+
+  if (!container instanceof HTMLElement) {
+    throw new Error("container must a HTMLElement");
+  }
+
+  if (!bindNode instanceof HTMLElement) {
+    throw new Error("bindNode must a HTMLElement");
+  }
+
+  var alignTypes = align.trim().split(/\s+/);
+  var alignReg = /^(top|right|left|bottom)$/;
+
+  if (!alignReg.test(alignTypes[0] || alignTypes[1] && !alignReg.test(alignTypes[1]))) {
+    throw new Error("invalid align value");
+  }
+
+  if (typeof autoAdjust === "string" && autoAdjust != "") {
+    autoAdjust = autoAdjust.trim().replace(/\s+/, " ");
+
+    if (autoAdjust !== "x" && autoAdjust !== "y" && autoAdjust !== "x y" && autoAdjust !== "y x") {
+      throw new Error("invalid autoAdjust value");
+    }
+  } else if (autoAdjust != false) {
+    throw new Error("invalid autoAdjust value");
+  }
+
+  var placement = (0, _getExpectPlacement["default"])(el, bindNode, alignTypes);
+  var adjust = {};
+
+  if (autoAdjust) {
+    var adjustRes = (0, _autoAdjustPlacement["default"])(el, placement, alignTypes, (0, _getContainerVisibleArea["default"])(container), bindNode, autoAdjust, cover);
+    adjust = adjustRes.adjust;
+    placement = adjustRes.placement;
+  }
+
+  placement = (0, _getPlacementInContainer["default"])(placement, container);
+  return {
+    placement: placement,
+    adjust: adjust
+  };
+}
+
+var _default = setPlacement;
+exports["default"] = _default;