@chaoswise/ui 2.3.16 → 2.3.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/ui",
-  "version": "2.3.16",
+  "version": "2.3.18",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -76,6 +76,7 @@
     "@formily/antd": "^1.3.17",
     "@formily/antd-components": "^1.3.17",
     "@icon-park/react": "^1.4.2",
+    "@rc-component/mutate-observer": "^1.1.0",
     "ant-design-draggable-modal": "0.0.16",
     "antd": "^3.26.19",
     "axios": "^0.21.1",
@@ -142,5 +143,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "3ac90ca01a9631654721a2050fc95678b7975fd5"
+  "gitHead": "1b7071c2f736571c56f999da6ab40658f1298c98"
 }

package/lib/FilterDropDown/drag.svg

@@ -1,17 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="7px" height="12px" viewBox="0 0 7 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>形状</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.65">
-        <g id="4.2请求列表下钻-—快照请求列表页" transform="translate(-1368.000000, -705.000000)" fill="#000000" fill-rule="nonzero">
-            <g id="编组-11" transform="translate(232.000000, 554.000000)">
-                <g id="默认" transform="translate(857.000000, 10.000000)">
-                    <g id="源列表" transform="translate(143.000000, 34.000000)">
-                        <g id="拖拽备份-3" transform="translate(132.000000, 105.000000)">
-                            <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="形状"></path>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/lib/QuickTransfer/CheckList.js

@@ -1,54 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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 _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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-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; }
-import React, { Fragment } from 'react';
-import TopicList from './TopicList';
-import { DndProvider } from "react-dnd";
-import { HTML5Backend } from "react-dnd-html5-backend";
-var CheckList = function CheckList(props) {
-  var checkValue = props.checkValue,
-    handleDelete = props.handleDelete,
-    handlePreviewList = props.handlePreviewList,
-    type = props.type,
-    render = props.render,
-    renderColumns = props.renderColumns,
-    dragList = props.dragList,
-    useDndProvider = props.useDndProvider;
-  var moveList = function moveList(dragIndex, hoverIndex) {
-    var tmp = checkValue[dragIndex]; //临时储存文件
-    checkValue.splice(dragIndex, 1); //移除拖拽项
-    checkValue.splice(hoverIndex, 0, tmp); //插入放置项
-    handlePreviewList(_toConsumableArray(checkValue)); //更新修改后的列表
-  };
-
-  var isLockSort = type === "list" && checkValue.filter(function (item) {
-    return item.disabled;
-  }).length;
-  var renderList = function renderList(item, index) {
-    return /*#__PURE__*/React.createElement(TopicList, _extends({
-      labelValue: item,
-      type: type,
-      renderColumns: renderColumns,
-      label: item.key,
-      value: item.title && item.title,
-      index: index,
-      render: render,
-      key: item.key,
-      handleDelete: handleDelete,
-      moveList: moveList,
-      dragList: dragList,
-      useDndProvider: useDndProvider,
-      isLockSort: isLockSort
-    }, item));
-  };
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(DndProvider, {
-    backend: HTML5Backend
-  }, checkValue.map(function (item, index) {
-    return renderList(item, index);
-  })));
-};
-export default CheckList;

package/lib/QuickTransfer/TopicList.js

@@ -1,153 +0,0 @@
-import _Icon from "@chaoswise/ui/lib/Antd/Icon";
-import "@chaoswise/ui/lib/Tooltip/index.less";
-import _Tooltip from "@chaoswise/ui/lib/Tooltip";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
-var _excluded = ["label", "value", "index", "handleDelete", "labelValue", "moveList", "type", "renderColumns", "render", "dragList", "disabled", "isLockSort"];
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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(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(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; }
-import React, { Fragment, useRef } from "react";
-import { useDrag, useDrop } from "react-dnd";
-import classnames from "classnames";
-import { getLocale } from "./locale";
-import LockSvg from "./assets/LockSvg";
-import DragSvg from "./assets/DragSvg";
-var TopicList = function TopicList(_ref) {
-  var label = _ref.label,
-    value = _ref.value,
-    index = _ref.index,
-    handleDelete = _ref.handleDelete,
-    labelValue = _ref.labelValue,
-    moveList = _ref.moveList,
-    type = _ref.type,
-    renderColumns = _ref.renderColumns,
-    render = _ref.render,
-    dragList = _ref.dragList,
-    disabled = _ref.disabled,
-    isLockSort = _ref.isLockSort,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  // 获取当前语言
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
-  var dragRef = useRef(null);
-  var _useDrag = useDrag({
-      item: {
-        type: "child",
-        value: value,
-        index: index,
-        label: label,
-        labelValue: labelValue
-      }
-    }),
-    _useDrag2 = _slicedToArray(_useDrag, 2),
-    drag = _useDrag2[1];
-  var _useDrop = useDrop({
-      accept: "child",
-      hover: function hover(item, monitor) {
-        //拖拽目标的Index
-        var dragIndex = item.index;
-        //放置目标Index
-        var hoverIndex = index;
-        // 如果拖拽目标和放置目标相同的话，停止执行
-        if (dragIndex === hoverIndex) {
-          return;
-        }
-        //如果不做以下处理，则卡片移动到另一个卡片上就会进行交换，下方处理使得卡片能够在跨过中心线后进行交换.
-        //获取卡片的边框矩形
-        // const hoverBoundingRect = dragRef.current.getBoundingClientRect();
-        // //获取X轴中点
-        // const hoverMiddleY =
-        //   (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
-        // //获取拖拽目标偏移量
-        // const clientOffset = monitor.getClientOffset();
-        // const 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: (item) => {
-      //     moveList(item.index, index);
-      // },
-    }),
-    _useDrop2 = _slicedToArray(_useDrop, 2),
-    _useDrop2$ = _useDrop2[0],
-    isOver = _useDrop2$.isOver,
-    dropClassName = _useDrop2$.dropClassName,
-    drop = _useDrop2[1];
-  var handleDeleted = function handleDeleted(labelValue) {
-    handleDelete(labelValue);
-  };
-  var renderTable = function renderTable(labelValue) {
-    return /*#__PURE__*/React.createElement("div", null, renderColumns.map(function (item, index) {
-      return /*#__PURE__*/React.createElement("span", {
-        style: {
-          marginRight: "8px"
-        },
-        key: index
-      }, render(labelValue[item]));
-    }));
-  };
-  var dragProps = dragList && !disabled ? {
-    ref: drag(drop(dragRef)),
-    style: {
-      cursor: "move"
-    }
-  } : {};
-  var listLockSortContent = /*#__PURE__*/React.createElement("div", {
-    className: "cw-transfer-right-content-item"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "cw-transfer-right-content-item-drag-wrapper"
-  }, disabled ? /*#__PURE__*/React.createElement(LockSvg, null) : /*#__PURE__*/React.createElement(_Tooltip, {
-    title: localeObj["dragAndDrop"]
-  }, /*#__PURE__*/React.createElement(DragSvg, null))), /*#__PURE__*/React.createElement("div", {
-    className: "cw-transfer-right-content-item-text-wrapper"
-  }, render(value)), !disabled && /*#__PURE__*/React.createElement(_Icon, {
-    type: "close",
-    className: "cw-transfer-right-content-del",
-    onClick: function onClick() {
-      return handleDeleted(labelValue);
-    }
-  }));
-  var renderItemContent = type == "list" && isLockSort ? listLockSortContent : /*#__PURE__*/React.createElement(Fragment, null, dragList && /*#__PURE__*/React.createElement(_Tooltip, {
-    title: localeObj["dragAndDrop"]
-  }, /*#__PURE__*/React.createElement(DragSvg, {
-    className: "cw-transfer-right-content-drag"
-  })), /*#__PURE__*/React.createElement("div", null, type === "table" ? renderTable(labelValue) : render(value)), /*#__PURE__*/React.createElement(_Icon, {
-    type: "close",
-    className: "cw-transfer-right-content-del",
-    onClick: function onClick() {
-      return handleDeleted(labelValue);
-    }
-  }));
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", _extends({
-    className: classnames("cw-transfer-right-content-main")
-  }, dragProps), renderItemContent));
-};
-export default TopicList;