@chaoswise/ui 2.3.17 → 2.4.0

package/lib/SearchBar/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/SearchBar/locale/zh_CN.js

@@ -1,11 +1,3 @@
-/*
- * @Author: andrew.qiao andrew.qiao@cloudwise.com
- * @Date: 2022-05-19 18:52:13
- * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
- * @LastEditTime: 2022-06-22 15:41:00
- * @FilePath: /change_01/aops_web_commons/packages/ui/components/SearchBar/locale/zh_CN.js
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 export default {
   addCondition: '添加筛选条件',
   advancedFilter: '高级筛选',

package/lib/SearchBar/locale/zh_TW.js

@@ -0,0 +1,6 @@
+export default {
+  addCondition: '添加篩選條件',
+  advancedFilter: '高級篩選',
+  search: '查詢',
+  reset: '重置'
+};

package/lib/SingleSpa/singleSpa/single-spa.dev.js

@@ -1416,10 +1416,9 @@ function reroute() {
     callCapturedEventListeners(eventArguments);
   }
   function getCustomEventDetail() {
-    var _appsByNewStatus;
     var isBeforeChanges = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     var newAppStatuses = {};
-    var appsByNewStatus = (_appsByNewStatus = {}, _defineProperty(_appsByNewStatus, MOUNTED, []), _defineProperty(_appsByNewStatus, NOT_MOUNTED, []), _defineProperty(_appsByNewStatus, NOT_LOADED, []), _defineProperty(_appsByNewStatus, SKIP_BECAUSE_BROKEN, []), _appsByNewStatus);
+    var appsByNewStatus = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, MOUNTED, []), NOT_MOUNTED, []), NOT_LOADED, []), SKIP_BECAUSE_BROKEN, []);
     if (isBeforeChanges) {
       appsToLoad.concat(appsToMount).forEach(function (app, index) {
         addApp(app, MOUNTED);

package/lib/TreeList/index.js

@@ -23,7 +23,6 @@ import './index.less';
  * 树形结构列表，自定义列表样式和内容，异步加载交互等
  */
 var TreeList = function TreeList(_ref) {
-  var _classNames;
   var renderNode = _ref.renderNode,
     loadData = _ref.loadData,
     treeData = _ref.treeData,
@@ -135,7 +134,7 @@ var TreeList = function TreeList(_ref) {
     }
     updateExpandedKeys(key);
   };
-  var wrapperClassName = classNames((_classNames = {}, _defineProperty(_classNames, 'cw-data-auth-tree', true), _defineProperty(_classNames, 'cw-data-auth-tree-no-data', treeData.length === 0), _classNames));
+  var wrapperClassName = classNames(_defineProperty(_defineProperty({}, 'cw-data-auth-tree', true), 'cw-data-auth-tree-no-data', treeData.length === 0));
   if (_loading) {
     return /*#__PURE__*/React.createElement("div", {
       className: wrapperClassName

package/lib/TreeSelect111/index.js

@@ -5,7 +5,7 @@ import "@chaoswise/ui/lib/CWTree/index.less";
 import _CWTree from "@chaoswise/ui/lib/CWTree";
 import "@chaoswise/ui/lib/Checkbox/index.less";
 import _Checkbox from "@chaoswise/ui/lib/Checkbox";
-import _ConfigProvider from "@chaoswise/ui/lib/ConfigProvider";
+import _useLocale2 from "@chaoswise/ui/lib/useLocale";
 var _excluded = ["dropdownRender", "treeData", "showCheckAll", "children", "defaultValue", "value", "treeCheckable", "showCheckedStrategy"];
 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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -21,20 +21,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-/*
- * @Author: andrew.qiao andrew.qiao@cloudwise.com
- * @Date: 2023-02-13 16:15:13
- * @LastEditors: andrew.qiao andrew.qiao@cloudwise.com
- * @LastEditTime: 2023-02-17 15:26:27
- * @FilePath: /change_01/aops_web_commons/packages/ui/components/TreeSelect/index.js
- * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- */
 import React, { useState, useEffect, useMemo, forwardRef, Fragment, useRef } from "react";
 import CWTreeSelect from "../Antd4/tree-select";
 import PropTypes from "prop-types";
 import { getTreeData, flatTree, changeTreeData, getChild, getFilterPidKey } from "./utils";
-import { getLocale } from "./locale";
 import _ from "lodash";
+import langConfig from './locale';
+import { formatMessage } from "../utils";
 import "../Antd4/tree-select/style/index.less";
 import "./index.less";
 var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
@@ -49,10 +42,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     treeCheckable = props.treeCheckable,
     showCheckedStrategy = props.showCheckedStrategy,
     rest = _objectWithoutProperties(props, _excluded);
-  var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
-    _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
-  var localeObj = getLocale(locale);
+  var _useLocale = _useLocale2(langConfig),
+    localeObj = _useLocale.langObj;
   var treeRef = useRef(null);
   // 全选模式选中项
   var _useState = useState([]),
@@ -125,7 +116,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         style: {
           width: "100%"
         }
-      }, localeObj["checkAll"], "(", treeSelectedKeys.length, "/", flatTreeData.length, ")")), /*#__PURE__*/React.createElement(_CWTree, {
+      }, formatMessage(localeObj["checkAll"]), "(", treeSelectedKeys.length, "/", flatTreeData.length, ")")), /*#__PURE__*/React.createElement(_CWTree, {
         ref: treeRef,
         treeData: _treeData,
         checkable: true,

package/lib/TreeSelect111/locale/index.js

@@ -1,12 +1,11 @@
-import zhCN from './zh_CN.js';
-import enUS from './en_US.js';
-export var getLocale = function getLocale(locale) {
-  switch (locale) {
-    case 'zh':
-      return zhCN;
-    case 'en':
-      return enUS;
-    default:
-      return zhCN;
-  }
+import zh_CN from './zh_CN.js';
+import en_US from './en_US.js';
+import zh_TW from './zh_TW.js';
+export default {
+  zh_CN: zh_CN,
+  en_US: en_US,
+  zh_TW: zh_TW,
+  // 兼容
+  zh: zh_CN,
+  en: en_US
 };

package/lib/TreeSelect111/locale/zh_TW.js

@@ -0,0 +1,3 @@
+export default {
+  "checkAll": "全選"
+};

package/lib/WangEditor/index.js

@@ -6,9 +6,16 @@ import React, { useEffect, Fragment, useRef, forwardRef } from "react";
 import E from "./wangEditor";
 import PropTypes from "prop-types";
 import "./index.less";
-import { localeObj } from "./locale/index";
+import { localeObj, localObjTW } from "./locale/index";
 import usePreview from "../usePreview";
 import resizeable from "./resizeable";
+var localOptionsMap = {
+  en: localeObj,
+  en_US: localeObj,
+  zh_TW: localObjTW,
+  zh: {},
+  zh_CN: {}
+};
 /**
  * 基于wangEditor封装 支持value受控 ref获取editor实例；
  * 如当前API无法满足使用，请查阅官方文档，使用ref获取editor实例来进行操作
@@ -46,7 +53,8 @@ var WangEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var separaBotRef = useRef(null);
   var _ConfigProvider$useLo = _ConfigProvider.useLocale(),
     _ConfigProvider$useLo2 = _ConfigProvider$useLo.locale,
-    locale = _ConfigProvider$useLo2 === void 0 ? "zh" : _ConfigProvider$useLo2;
+    locale = _ConfigProvider$useLo2 === void 0 ? "zh_CN" : _ConfigProvider$useLo2;
+
   // 初始化编辑器
   useEffect(function () {
     var notSepaDom = notSeparationRef.current;
@@ -83,7 +91,7 @@ var WangEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
       });
       imgList.push({
         src: img === null || img === void 0 ? void 0 : img.getAttribute("src"),
-        alt: ''
+        alt: ""
       });
       if (isUsePreview) {
         img.ondblclick = function (e) {
@@ -94,7 +102,7 @@ var WangEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
   });
   useEffect(function () {
     // 切换语言
-    editor.current.customConfig.lang = locale === "en" ? localeObj : {};
+    editor.current.customConfig.lang = localOptionsMap[locale];
     editor.current._initConfig();
     editor.current.$toolbarElem.html("");
     editor.current._initMenus();
@@ -125,9 +133,7 @@ var WangEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
     editor.customConfig.onblur = onBlur;
     editor.customConfig.onfocus = onFocus;
     editor.customConfig.pasteTextHandle = pasteTextHandle;
-    if (locale === "en") {
-      editor.customConfig.lang = localeObj;
-    }
+    editor.customConfig.lang = localOptionsMap[locale];
     for (var i in rest) {
       editor.customConfig[i] = rest[i];
     }

package/lib/WangEditor/locale/index.js

@@ -1,31 +1,62 @@
 export var localeObj = {
-  '设置标题': 'Heading',
-  '正文': 'Normal',
-  '链接文字': 'Link text',
-  '链接': 'Link',
-  '上传图片': 'Local',
-  '上传': 'Upload',
-  '有序列表': 'Ordered list',
-  '无序列表': 'Unordered list',
-  '靠左': 'Left',
-  '居中': 'Center',
-  '靠右': 'Right',
-  '字号': 'Font size',
-  '字体': 'Font',
-  '文字颜色': 'Font color',
-  '背景色': 'Background color',
-  '设置列表': 'List',
-  '插入代码': 'Code',
-  '插入视频': 'Video',
-  '格式如': 'Format example',
-  '插入表格': 'Table',
-  '列的表格': 'columns',
-  '行': 'rows',
-  '默认': 'Default',
-  '新浪': 'Sina',
-  '对齐方式': 'Alignment',
-  '网络图片': 'Web',
-  '插入': 'Insert',
-  '创建': 'Create',
-  '图片': 'Image '
+  设置标题: "Heading",
+  正文: "Normal",
+  链接文字: "Link text",
+  链接: "Link",
+  上传图片: "Local",
+  上传: "Upload",
+  有序列表: "Ordered list",
+  无序列表: "Unordered list",
+  靠左: "Left",
+  居中: "Center",
+  靠右: "Right",
+  字号: "Font size",
+  字体: "Font",
+  文字颜色: "Font color",
+  背景色: "Background color",
+  设置列表: "List",
+  插入代码: "Code",
+  插入视频: "Video",
+  格式如: "Format example",
+  插入表格: "Table",
+  列的表格: "columns",
+  行: "rows",
+  默认: "Default",
+  新浪: "Sina",
+  对齐方式: "Alignment",
+  网络图片: "Web",
+  插入: "Insert",
+  创建: "Create",
+  图片: "Image "
+};
+export var localObjTW = {
+  设置标题: "設置標題",
+  正文: "正文",
+  链接文字: "鏈接文字",
+  链接: "鏈接",
+  上传图片: "上傳圖片",
+  上传: "上傳",
+  有序列表: "有序列表",
+  无序列表: "無序列表",
+  靠左: "靠左",
+  居中: "居中",
+  靠右: "靠右",
+  字号: "字號",
+  字体: "字體",
+  文字颜色: "文字顏色",
+  背景色: "背景色",
+  设置列表: "設置列表",
+  插入代码: "插入代碼",
+  插入视频: "插入視頻",
+  格式如: "格式如",
+  插入表格: "插入表格",
+  列的表格: "列的表格",
+  行: "行",
+  默认: "默認",
+  新浪: "新浪",
+  对齐方式: "對齊方式",
+  网络图片: "網絡圖片",
+  插入: "插入",
+  创建: "創建",
+  图片: "圖片"
 };

package/lib/Watermark/index.js

@@ -241,8 +241,6 @@ if (process.env.NODE_ENV !== 'production') {
 
 //默认值
 Watermark.defaultProps = {
-  width: 120,
-  height: 64,
   inherit: true,
   rotate: -20,
   zIndex: 9,

package/lib/message/index.js

@@ -73,7 +73,6 @@ function notice(args) {
       return resolve(true);
     };
     getMessageInstance(function (instance) {
-      var _classnames;
       var iconNode = /*#__PURE__*/React.createElement(_Icon, {
         type: iconType,
         theme: iconType === "loading" ? "outlined" : "filled",
@@ -90,9 +89,9 @@ function notice(args) {
             "cw-message-wrapper-has-dec": args.dec
           })
         }, /*#__PURE__*/React.createElement("div", {
-          className: classnames((_classnames = {
+          className: classnames(_defineProperty(_defineProperty({
             "cw-message-title": true
-          }, _defineProperty(_classnames, "".concat(prefixCls, "-custom-content"), true), _defineProperty(_classnames, "".concat(prefixCls, "-").concat(args.type), args.type), _classnames))
+          }, "".concat(prefixCls, "-custom-content"), true), "".concat(prefixCls, "-").concat(args.type), args.type))
         }, args.icon ? args.icon : switchIconNode, /*#__PURE__*/React.createElement("span", {
           className: "cw-message-content"
         }, args.content), closable && /*#__PURE__*/React.createElement("span", {

package/lib/utils/index.js

@@ -75,4 +75,15 @@ export var eventManager = {
     }
     return this;
   }
+};
+export var formatMessage = function formatMessage(message) {
+  var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  if (message) {
+    // 替换消息中的占位符
+    return message.replace(/{([^}]+)}/g, function (match, p1) {
+      return values[p1] || "";
+    });
+  } else {
+    return "未找到对应的翻译信息";
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chaoswise/ui",
-  "version": "2.3.17",
+  "version": "2.4.0",
   "description": "公共UI库",
   "keywords": [
     "ui",
@@ -143,5 +143,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "dbf844ed6b6556903c5aae1176312a47d3c97065"
+  "gitHead": "1ed8349a4b9153e90b072cc27cc5531ce6524e55"
 }

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;