@chaoswise/ui 3.0.6 → 3.0.7

package/lib/Exception/index.js

@@ -0,0 +1,99 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from "react";
+import classNames from "classnames";
+import PropTypes from "prop-types";
+import ErrorImg from "./images/error.svg";
+import useConfigContext from "../useConfigContext";
+import { useIntl } from "../locales";
+import useStyle from "./index.style";
+/**
+ * 常用异常页面，目前包括：403, 404, 500, loadFail, incompatible
+ */
+function Exception(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "500" : _ref$type,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    children = _ref.children,
+    errorTitle = _ref.errorTitle,
+    errorText = _ref.errorText;
+  var intl = useIntl();
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("exception");
+  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var ExceptionType = {
+    403: {
+      title: "403",
+      text: intl.get("ac05181b-c641-4cb0-84e5-16a060f98851").d("抱歉无权访问此页面/内容")
+    },
+    404: {
+      title: "404",
+      text: intl.get("54653cf2-ee7e-4091-b778-30d21facc877").d("页面走丢了，平台正在找回页面")
+    },
+    500: {
+      title: "500",
+      text: intl.get("06acca4b-d39f-4df8-b707-d6a4de229c53").d("服务器无法跟上您的脚步，平台正在紧急抢修")
+    },
+    loadFail: {
+      title: intl.get("d9ef3e74-3325-4272-aa97-2b861fdcf8ff").d("加载失败"),
+      text: intl.get("a796b350-9e45-4712-a5f4-3731fba1958b").d("出错了，平台正在紧急抢修")
+    },
+    incompatible: {
+      title: intl.get("8f5cbd29-b975-44e7-8124-2dc64a6c3182").d("浏览器不兼容"),
+      text: intl.get("e1f25f97-3a00-4e98-b73c-069638e57184").d("浏览器版本过低，为避免可能存在的安全隐患，推荐升级一下浏览器")
+    }
+  };
+  var currentException = ExceptionType[type] ? ExceptionType[type] : ExceptionType["500"];
+  var title = currentException.title,
+    text = currentException.text;
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classNames(hashId, cssVarCls, "".concat(prefixCls, "-wrapper"), className),
+    style: style
+  }, /*#__PURE__*/React.createElement("img", {
+    src: ErrorImg,
+    alt: ""
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-title")
+  }, errorTitle ? errorTitle : title), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-text")
+  }, errorText ? errorText : text), children));
+}
+Exception.propTypes = {
+  /**
+   * 异常页类型
+   */
+  type: PropTypes.oneOf(["403", "404", "500", "loadFail", "incompatible"]),
+  /**
+   * 自定义class
+   */
+  className: PropTypes.string,
+  /**
+   * 自定义样式
+   */
+  style: PropTypes.object,
+  /**
+   * 自定义内容
+   */
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 自定义错误标题
+   */
+  errorTitle: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
+  /**
+   * 自定义错误文案
+   */
+  errorText: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
+};
+export default Exception;

package/lib/Exception/index.style.js

@@ -0,0 +1,37 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+var genCustomCWExceptionStyle = function genCustomCWExceptionStyle(token) {
+  var prefixCls = token.antCls;
+  var exceptionPrefix = "".concat(prefixCls, "-exception");
+  return _defineProperty({}, "".concat(exceptionPrefix, "-wrapper"), _defineProperty(_defineProperty({
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center"
+  }, "".concat(exceptionPrefix, "-title"), {
+    fontSize: "24px",
+    height: "32px",
+    lineHeight: "32px",
+    marginTop: "16px",
+    color: token.colorText,
+    fontWeight: "500"
+  }), "".concat(exceptionPrefix, "-text"), {
+    fontSize: "12px",
+    lineHeight: "20px",
+    color: token.colorTextSecondary,
+    textAlign: "center",
+    marginTop: "16px",
+    marginBottom: "24px"
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks("CWException", function (token) {
+  return [
+  //
+  genCustomCWExceptionStyle(token)];
+});

package/lib/FilterDropDown/DragList.js

@@ -0,0 +1,106 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useRef } from "react";
+import { useDrag, useDrop } from "react-dnd";
+import { Checkbox, Tooltip } from "../Antd5";
+import Icon from "@ant-design/icons";
+import DragSvg from "./assets/DragSvg";
+import classnames from "classnames";
+function DragList(_ref) {
+  var option = _ref.option,
+    index = _ref.index,
+    moveList = _ref.moveList,
+    isHoverSwitching = _ref.isHoverSwitching,
+    prefixCls = _ref.prefixCls;
+  var dragRef = useRef(null);
+  var _useDrag = useDrag({
+      item: {
+        type: "child",
+        option: option,
+        index: index
+      }
+    }),
+    _useDrag2 = _slicedToArray(_useDrag, 2),
+    drag = _useDrag2[1];
+  var _useDrop = useDrop({
+      accept: "child",
+      hover: function hover(item, monitor) {
+        if (!isHoverSwitching) return;
+        //拖拽目标的Index
+        var dragIndex = item.index;
+        //放置目标Index
+        var hoverIndex = index;
+
+        // 如果拖拽目标和放置目标相同的话，停止执行
+        if (dragIndex === hoverIndex) {
+          return;
+        }
+        //如果不做以下处理，则卡片移动到另一个卡片上就会进行交换，下方处理使得卡片能够在跨过中心线后进行交换.
+        //获取卡片的边框矩形
+        var hoverBoundingRect = dragRef.current.getBoundingClientRect();
+        //获取X轴中点
+        var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
+        //获取拖拽目标偏移量
+        var clientOffset = monitor.getClientOffset();
+        var hoverClientY = clientOffset.y - hoverBoundingRect.top;
+        // 从上往下放置
+        if (dragIndex < hoverIndex && hoverClientY < hoverMiddleY) {
+          return;
+        }
+        // 从下往上放置
+        if (dragIndex > hoverIndex && hoverClientY > hoverMiddleY) {
+          return;
+        }
+        moveList(dragIndex, hoverIndex); //调用方法完成交换
+        item.index = hoverIndex; //重新赋值index，否则会出现无限交换情况
+      },
+      collect: function collect(monitor) {
+        var _ref2 = monitor.getItem() || {},
+          dragIndex = _ref2.index;
+        if (dragIndex === index) {
+          return {};
+        }
+        return {
+          isOver: monitor.isOver(),
+          dropClassName: dragIndex < index ? "drop-over-downward" : "drop-over-upward"
+        };
+      },
+      drop: function drop(item) {
+        if (isHoverSwitching) return;
+        moveList(item.index, index);
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    _useDrop2$ = _useDrop2[0],
+    isOver = _useDrop2$.isOver,
+    dropClassName = _useDrop2$.dropClassName,
+    drop = _useDrop2[1];
+  var DragIcon = function DragIcon(props) {
+    return /*#__PURE__*/React.createElement(Icon, _extends({
+      component: DragSvg
+    }, props));
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    key: option.id,
+    ref: drag(drop(dragRef)),
+    className: classnames("".concat(prefixCls, "-checkbox-container"), _defineProperty({}, dropClassName, isOver && !isHoverSwitching))
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    value: option.id,
+    className: "".concat(prefixCls, "-checkbox-ellipsis"),
+    disabled: option.disabled && option.disabled
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: option.name
+  }, option.name)), /*#__PURE__*/React.createElement(DragIcon, {
+    className: "".concat(prefixCls, "-checkbox-icon-menu")
+  }));
+}
+export default DragList;

package/lib/FilterDropDown/assets/DragSvg.js

@@ -0,0 +1,33 @@
+import * as React from "react";
+var DragSvg = function DragSvg() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "7px",
+    height: "12px",
+    viewBox: "0 0 7 12",
+    version: "1.1",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("title", null, "\u5F62\u72B6"), /*#__PURE__*/React.createElement("g", {
+    id: "\u9875\u9762-1",
+    stroke: "none",
+    strokeWidth: "1"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "4.2\u8BF7\u6C42\u5217\u8868\u4E0B\u94BB-\u2014\u5FEB\u7167\u8BF7\u6C42\u5217\u8868\u9875",
+    transform: "translate(-1368.000000, -705.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u7F16\u7EC4-11",
+    transform: "translate(232.000000, 554.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u9ED8\u8BA4",
+    transform: "translate(857.000000, 10.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u6E90\u5217\u8868",
+    transform: "translate(143.000000, 34.000000)"
+  }, /*#__PURE__*/React.createElement("g", {
+    id: "\u62D6\u62FD\u5907\u4EFD-3",
+    transform: "translate(132.000000, 105.000000)"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.91111111,2 C9.37777778,2 8.97777778,2.4 8.97777778,2.93333333 C8.97777778,3.46666666 9.42222222,3.86666667 9.91111111,3.86666667 C10.4444444,3.86666667 10.8444444,3.46666667 10.8444444,2.93333333 C10.8888889,2.4 10.4444444,2 9.91111111,2 Z M9.91111111,6.71111111 C9.37777778,6.71111111 8.97777778,7.11111111 8.97777778,7.64444444 C8.97777778,8.17777777 9.42222222,8.57777778 9.91111111,8.57777778 C10.4444444,8.57777778 10.8444444,8.17777778 10.8444444,7.64444444 C10.8888889,7.11111111 10.4444444,6.71111111 9.91111111,6.71111111 Z M9.91111111,11.4222222 C9.37777778,11.4222222 8.97777778,11.8222222 8.97777778,12.3555556 C8.97777778,12.8888889 9.42222222,13.2888889 9.91111111,13.2888889 C10.4444444,13.2888889 10.8444444,12.8888889 10.8444444,12.3555556 C10.8888889,11.8222222 10.4444444,11.4222222 9.91111111,11.4222222 C9.42222222,11.4222222 9.91111111,11.4222222 9.91111111,11.4222222 Z M5.82222222,2 C5.33333333,2 4.88888889,2.4 4.88888889,2.93333333 C4.88888889,3.46666666 5.33333333,3.86666667 5.82222222,3.86666667 C6.35555555,3.86666667 6.75555555,3.46666667 6.75555556,2.93333333 C6.8,2.4 6.35555556,2 5.82222222,2 Z M5.82222222,6.71111111 C5.28888889,6.71111111 4.88888889,7.11111111 4.88888889,7.64444444 C4.88888889,8.17777777 5.33333333,8.57777778 5.82222222,8.57777778 C6.35555555,8.57777778 6.75555555,8.17777778 6.75555556,7.64444444 C6.8,7.11111111 6.35555556,6.71111111 5.82222222,6.71111111 Z M5.82222222,11.4222222 C5.28888889,11.4222222 4.88888889,11.8222222 4.88888889,12.3555556 C4.88888889,12.8888889 5.33333333,13.2888889 5.82222222,13.2888889 C6.35555555,13.2888889 6.75555555,12.8888889 6.75555556,12.3555556 C6.8,11.8222222 6.35555556,11.4222222 5.82222222,11.4222222 Z",
+    id: "\u5F62\u72B6"
+  }))))))));
+};
+export default DragSvg;

package/lib/FilterDropDown/assets/ShowSvgIcon.js

@@ -0,0 +1,14 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import * as React from "react";
+var SvgShowIcon = function SvgShowIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 14,
+    height: 14
+  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m7.778.922.308.047.036.007a.439.439 0 0 1 .333.277l.02.075.215 1.162c.396.148.768.348 1.111.594l.252.193 1.111-.395a.44.44 0 0 1 .416.068l.064.062.025.029c.408.48.735 1.015.976 1.593l.114.292.012.036c.051.143.025.3-.066.416l-.061.065-.896.765c.028.174.048.35.057.526l.003.11h-.982a3.875 3.875 0 0 0-.02-.266l-.028-.208-.09-.546 1.022-.873a5.208 5.208 0 0 0-.415-.767l-.167-.24-1.27.45-.429-.353a3.844 3.844 0 0 0-.852-.53l-.232-.096-.52-.195-.245-1.326a5.169 5.169 0 0 0-.873-.025l-.29.025-.244 1.328-.518.196a3.814 3.814 0 0 0-.877.472l-.2.153-.429.354-1.277-.454a5.095 5.095 0 0 0-.458.742l-.124.264 1.032.882-.089.547a3.769 3.769 0 0 0-.027 1.038l.027.206.09.547-1.033.882c.117.266.255.523.415.767l.167.239 1.277-.454.43.354c.259.214.543.39.845.529l.23.096.517.198.245 1.33c.182.02.365.03.549.032v.98a6.145 6.145 0 0 1-.705-.044l-.348-.053-.037-.007a.439.439 0 0 1-.332-.277l-.02-.074-.217-1.168a4.754 4.754 0 0 1-1.146-.623l-.207-.161-1.12.398a.44.44 0 0 1-.416-.069l-.064-.061-.025-.03a6.077 6.077 0 0 1-.976-1.592l-.113-.292-.013-.036a.439.439 0 0 1 .066-.417l.062-.064.906-.774a4.786 4.786 0 0 1-.035-1.303l.035-.258-.906-.774a.44.44 0 0 1-.15-.395l.022-.086.013-.036a6.09 6.09 0 0 1 .892-1.64l.197-.245.025-.03a.437.437 0 0 1 .393-.15l.087.021 1.12.398c.325-.268.682-.49 1.063-.664l.29-.12.216-1.168a.438.438 0 0 1 .279-.331l.074-.02.037-.008A6.185 6.185 0 0 1 7.778.922Zm4.833 10.844a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5Zm0-2a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5ZM7 4.457c1.274 0 2.316.99 2.4 2.242l.005.145H8.53a1.522 1.522 0 0 0-.346-.95l-.102-.114A1.52 1.52 0 0 0 7 5.332a1.52 1.52 0 0 0-1.083.448c-.288.29-.448.674-.448 1.083a1.526 1.526 0 0 0 1.38 1.524l.116.005v.877a2.406 2.406 0 0 1-2.366-2.241l-.005-.165A2.406 2.406 0 0 1 7 4.457Zm5.611 3.309a.5.5 0 1 1 0 1h-4.5a.5.5 0 1 1 0-1h4.5Z"
+  }));
+};
+export default SvgShowIcon;

package/lib/FilterDropDown/index.js

@@ -0,0 +1,271 @@
+import _Button from "@chaoswise/ui/lib/Button";
+import _Tooltip from "@chaoswise/ui/lib/Tooltip";
+import _Checkbox from "@chaoswise/ui/lib/Checkbox";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useState, Fragment, useEffect, useMemo, useRef } from "react";
+import DragList from "./DragList";
+import classnames from "classnames";
+import PropTypes from "prop-types";
+import { HTML5Backend } from "react-dnd-html5-backend";
+import { DndProvider } from "react-dnd";
+import useConfigContext from "../useConfigContext";
+import ShowSvgIcon from "./assets/ShowSvgIcon";
+import { useIntl } from "../locales";
+import useStyle from "./index.style";
+var CheckboxGroup = _Checkbox.Group;
+function FilterDropDown(props) {
+  var selectItems = props.selectItems,
+    defaultSelectItems = props.defaultSelectItems,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    colsFilterTitle = props.colsFilterTitle,
+    _props$handleMoveList = props.handleMoveList,
+    _handleMoveList = _props$handleMoveList === void 0 ? function () {} : _props$handleMoveList,
+    _props$handleExchange = props.handleExchangeOptions,
+    _handleExchangeOptions = _props$handleExchange === void 0 ? function () {} : _props$handleExchange,
+    _props$isDrag = props.isDrag,
+    isDrag = _props$isDrag === void 0 ? false : _props$isDrag,
+    _props$onChange = props.onChange,
+    _onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
+    className = props.className,
+    dropdownClassName = props.dropdownClassName,
+    _props$isShowSelectAl = props.isShowSelectAll,
+    isShowSelectAll = _props$isShowSelectAl === void 0 ? true : _props$isShowSelectAl,
+    fixed = props.fixed,
+    _props$isHoverSwitchi = props.isHoverSwitching,
+    isHoverSwitching = _props$isHoverSwitchi === void 0 ? true : _props$isHoverSwitchi;
+  var intl = useIntl();
+  var addRef = useRef(null);
+  var _useState = useState({
+      x: 0,
+      y: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    XY = _useState2[0],
+    setXY = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showList = _useState4[0],
+    setShowList = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    checkedList = _useState6[0],
+    setCheckedList = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    filterOptions = _useState8[0],
+    setFilterOptions = _useState8[1];
+  var _useConfigContext = useConfigContext(),
+    getPrefixCls = _useConfigContext.getPrefixCls;
+  var prefixCls = getPrefixCls("filter-dropdown");
+  var _useStyle = useStyle("".concat(prefixCls, "-wrapper")),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  useEffect(function () {
+    document.addEventListener("click", clickBody);
+    return function () {
+      document.removeEventListener("click", clickBody);
+    };
+  }, []);
+
+  // 监听鼠标按下坐标
+  var initXY = function initXY() {
+    var info = addRef.current.getBoundingClientRect();
+    var x = info.left;
+    var y = info.bottom;
+    setXY({
+      x: x,
+      y: y
+    });
+  };
+  useEffect(function () {
+    //默认值在没有值时执行一次
+    if (defaultSelectItems) {
+      setCheckedList(defaultSelectItems);
+    }
+  }, [defaultSelectItems]);
+  useEffect(function () {
+    setFilterOptions(options);
+  }, [options]);
+  var clickBody = function clickBody() {
+    setShowList(false);
+  };
+  var _checkedList = useMemo(function () {
+    return props.hasOwnProperty("selectItems") ? selectItems : checkedList;
+  }, [selectItems, checkedList]);
+  var toggoleShow = function toggoleShow(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    e.nativeEvent.stopImmediatePropagation();
+    if (!showList) {
+      initXY();
+    }
+    setShowList(!showList);
+  };
+  var onChange = function onChange(list) {
+    setCheckedList(list);
+    _onChange(list);
+  };
+  var moveList = function moveList(dragIndex, hoverIndex) {
+    _handleMoveList(dragIndex, hoverIndex);
+    var list = filterOptions;
+    var tmp = list[dragIndex]; //临时储存文件
+    list.splice(dragIndex, 1); //移除拖拽项
+    list.splice(hoverIndex, 0, tmp); //插入放置项
+    setFilterOptions(_toConsumableArray(list));
+    _handleExchangeOptions(dragIndex, hoverIndex, _toConsumableArray(list));
+  };
+  var setCheckOptions = function setCheckOptions() {
+    var checkOptions = [];
+    filterOptions.forEach(function (option, index) {
+      if (option instanceof Object) {
+        if (isDrag) {
+          checkOptions.push( /*#__PURE__*/React.createElement(DragList, {
+            key: option.id,
+            option: option,
+            index: index,
+            moveList: moveList,
+            checkedList: _checkedList,
+            isHoverSwitching: isHoverSwitching,
+            prefixCls: prefixCls
+          }));
+        } else {
+          checkOptions.push( /*#__PURE__*/React.createElement("div", {
+            className: "".concat(prefixCls, "-nodrag"),
+            key: option.id
+          }, /*#__PURE__*/React.createElement(_Checkbox, {
+            className: "".concat(prefixCls, "-checkbox-ellipsis"),
+            value: option.id,
+            disabled: option.disabled && option.disabled
+          }, /*#__PURE__*/React.createElement(_Tooltip, {
+            title: option.name
+          }, option.name))));
+        }
+      }
+    });
+    return checkOptions;
+  };
+  function selectAllOnChange(e) {
+    var filterList = filterOptions.filter(function (item) {
+      return item.disabled == true;
+    }).map(function (item) {
+      return item.id;
+    });
+    var list = filterOptions.map(function (item) {
+      return item.id;
+    });
+    if (e.target.checked) {
+      setCheckedList(list);
+      _onChange(list);
+    } else {
+      setCheckedList(filterList);
+      _onChange(filterList);
+    }
+  }
+  var renderDropdown = function renderDropdown() {
+    var style = {};
+    if (fixed) {
+      style.position = "fixed";
+      style.top = XY.y;
+      style.lef = XY.x;
+      style.right = "initial";
+      style.bottom = "initial";
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames("".concat(prefixCls, "-content"), dropdownClassName),
+      onClick: function onClick(e) {
+        return e.nativeEvent.stopImmediatePropagation();
+      },
+      style: style
+    }, isShowSelectAll && /*#__PURE__*/React.createElement(_Checkbox, {
+      onChange: selectAllOnChange,
+      className: "".concat(prefixCls, "-select-all"),
+      indeterminate: _checkedList.length !== filterOptions.length && !!_checkedList.length,
+      checked: _checkedList.length === filterOptions.length
+    }, intl.get("e6b82693-9376-4297-9b57-2d3480a5d14b", {
+      checkedLength: _checkedList.length,
+      optionsLength: filterOptions.length
+    }).d("全选({checkedLength}/{optionsLength})")), /*#__PURE__*/React.createElement(CheckboxGroup, {
+      value: _checkedList,
+      onChange: onChange
+    }, setCheckOptions()));
+  };
+  return wrapCSSVar( /*#__PURE__*/React.createElement("div", {
+    className: classnames(hashId, cssVarCls, "".concat(prefixCls, "-wrapper"), className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(prefixCls, "-condition"),
+    onClick: toggoleShow,
+    ref: addRef
+  }, colsFilterTitle ? colsFilterTitle : /*#__PURE__*/React.createElement(_Button, {
+    icon: /*#__PURE__*/React.createElement(ShowSvgIcon, null)
+  })), showList && /*#__PURE__*/React.createElement(Fragment, null, isDrag ? /*#__PURE__*/React.createElement(DndProvider, {
+    backend: HTML5Backend
+  }, renderDropdown()) : renderDropdown())));
+}
+FilterDropDown.propTypes = {
+  /**
+   *  当前选中的项
+   */
+  selectItems: PropTypes.array,
+  /**
+   * 默认选中的项
+   */
+  defaultSelectItems: PropTypes.array,
+  /**
+   * 下拉列表中数据源，格式满足[ { id:  ,name : ,disabled: bool} ]
+   * id: 唯一标识，name: 列表显示的名称, disabled: 是否禁用
+   */
+  options: PropTypes.array,
+  /**
+   * 点击某处出现下拉菜单，此属性控制这一处显示的内容
+   */
+  colsFilterTitle: PropTypes.oneOfType([PropTypes.node, PropTypes.string]),
+  /**
+   * 下拉列表选中条目改变的回调 onChange = (cols)=>{ console.log(cols) }
+   */
+  onChange: PropTypes.func,
+  /**
+   * 开启列表拖拽,
+   */
+  isDrag: PropTypes.bool,
+  /**
+   * 开启列表拖拽后产生的回调，handleExchangeOptions = ( dragIndex, hoverIndex,options)=>{
+   *  dragIndex: 是拖拽目标的index,
+   *  hoverIndex: 拖拽过程中放置位置的index,
+   *  options: 拖拽完成后交换位置的新的options
+   * }
+   */
+  handleExchangeOptions: PropTypes.func,
+  /**
+   * 按钮的类名
+   */
+  className: PropTypes.string,
+  /**
+   * 下拉框的类名
+   */
+  dropdownClassName: PropTypes.string,
+  /**
+   * 是否支持全选
+   */
+  isShowSelectAll: PropTypes.bool,
+  /**
+   * 是否fixed定位
+   */
+  fixed: PropTypes.bool,
+  /**
+   * 开启拖拽后的交互模式，默认为true(true为悬停即交换，false为鼠标松开再交换)
+   */
+  isHoverSwitching: PropTypes.bool
+};
+export default FilterDropDown;

package/lib/FilterDropDown/index.style.js

@@ -0,0 +1,83 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { genStyleHooks } from "../Antd5/theme/internal";
+import { unit } from '@ant-design/cssinjs';
+var genCustomFilterDropDownStyle = function genCustomFilterDropDownStyle(token) {
+  var prefixCls = token.antCls;
+  var filterDropdownPrefix = "".concat(prefixCls, "-filter-dropdown");
+  return _defineProperty({}, "".concat(filterDropdownPrefix, "-wrapper"), _defineProperty(_defineProperty({
+    position: "relative"
+  }, "".concat(filterDropdownPrefix, "-condition"), {
+    display: "flex",
+    cursor: "pointer"
+  }), "".concat(filterDropdownPrefix, "-content"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: "absolute",
+    zIndex: 999,
+    right: 0,
+    width: "160px",
+    marginTop: "2px",
+    background: token.colorBgContainer,
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.colorBorder),
+    boxShadow: token.boxShadow,
+    maxHeight: "240px",
+    overflowY: "auto",
+    padding: "3px 0px"
+  }, "".concat(filterDropdownPrefix, "-select-all").concat(prefixCls, "-checkbox-wrapper"), {
+    padding: "6px 10px",
+    height: "32px",
+    width: "100%"
+  }), "".concat(filterDropdownPrefix, "-checkbox-container"), _defineProperty(_defineProperty({
+    width: "100%",
+    display: "flex",
+    justifyContent: "space-between",
+    lineHeight: "20px",
+    padding: "6px 10px",
+    alignItems: "center",
+    cursor: "move",
+    "&.drop-over-downward": {
+      borderBottom: "".concat(unit(token.lineWidth), " dashed ").concat(token.colorPrimary),
+      paddingBottom: "5px"
+    },
+    "&.drop-over-upward": {
+      borderTop: "".concat(unit(token.lineWidth), " dashed ").concat(token.colorPrimary),
+      paddingTop: "5px"
+    },
+    "&:hover": _defineProperty({
+      backgroundColor: token.colorPrimaryBg
+    }, "".concat(filterDropdownPrefix, "-checkbox-icon-menu"), {
+      fontSize: "8px",
+      display: "block"
+    })
+  }, "".concat(filterDropdownPrefix, "-checkbox-ellipsis"), {
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    wordBreak: "break-all"
+  }), "".concat(filterDropdownPrefix, "-checkbox-icon-menu"), {
+    display: "none"
+  })), "".concat(prefixCls, "-checkbox-group"), {
+    width: "100%",
+    lineHeight: "32px"
+  }), "".concat(filterDropdownPrefix, "-nodrag"), _defineProperty({
+    display: "flex",
+    padding: "6px 10px",
+    lineHeight: "20px",
+    width: "100%",
+    "&:hover": {
+      backgroundColor: token.colorPrimaryBg
+    }
+  }, "".concat(filterDropdownPrefix, "-checkbox-ellipsis"), {
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    wordBreak: "break-all"
+  }))));
+};
+// ============================== Export ==============================
+export default genStyleHooks("FilterDropDown", function (token) {
+  return [
+  //
+  genCustomFilterDropDownStyle(token)];
+});

package/lib/Flex/index.js

@@ -0,0 +1,2 @@
+import Flex from '../Antd5/flex';
+export default Flex;

package/lib/FloatButton/index.js

@@ -0,0 +1,2 @@
+import FloatButton from '../Antd5/float-button';
+export default FloatButton;