@para-ui/core 4.0.0-rc.7 → 4.0.1

package/Tooltip/index.js

@@ -9,12 +9,12 @@ import Forbid from '@para-ui/icons/Forbid';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 //自动调整位置
-var autoAdjustOverflowEnabled = {
+const autoAdjustOverflowEnabled = {
   adjustX: 1,
   adjustY: 1
 };
 //非自动调整位置
-var autoAdjustOverflowDisabled = {
+const autoAdjustOverflowDisabled = {
   adjustX: 0,
   adjustY: 0
 };
@@ -27,12 +27,12 @@ function getOverflowOptions(autoAdjustOverflow) {
 }
 //tooltip placement
 function getPlacements(config) {
-  var _config$horizontalArr = config.horizontalArrowShift,
-    horizontalArrowShift = _config$horizontalArr === void 0 ? 16 : _config$horizontalArr,
-    _config$verticalArrow = config.verticalArrowShift,
-    verticalArrowShift = _config$verticalArrow === void 0 ? 8 : _config$verticalArrow,
-    autoAdjustOverflow = config.autoAdjustOverflow;
-  var placementMap = {
+  const {
+    horizontalArrowShift = 16,
+    verticalArrowShift = 8,
+    autoAdjustOverflow
+  } = config;
+  const placementMap = {
     left: {
       points: ['cr', 'cl'],
       offset: [-8, 0]
@@ -82,7 +82,7 @@ function getPlacements(config) {
       offset: [-8, verticalArrowShift]
     }
   };
-  Object.keys(placementMap).forEach(function (key) {
+  Object.keys(placementMap).forEach(key => {
     placementMap[key] = Object.assign(Object.assign({}, placements[key]), {
       offset: getAlignOffset(key).offset,
       overflow: getOverflowOptions(autoAdjustOverflow)
@@ -91,39 +91,40 @@ function getPlacements(config) {
   });
   return placementMap;
 }
-var splitObject = function splitObject(obj, keys) {
-  var picked = {};
-  var omitted = Object.assign({}, obj);
-  keys.forEach(function (key) {
+const splitObject = (obj, keys) => {
+  const picked = {};
+  const omitted = Object.assign({}, obj);
+  keys.forEach(key => {
     if (obj && key in obj) {
       picked[key] = obj[key];
       delete omitted[key];
     }
   });
   return {
-    picked: picked,
-    omitted: omitted
+    picked,
+    omitted
   };
 };
 //兼容禁用title
 function getDisabledCompatibleChildren(child) {
-  var element = /*#__PURE__*/React__default.isValidElement(child) ? child : jsx("span", {
+  const element = /*#__PURE__*/React__default.isValidElement(child) ? child : jsx("span", {
     children: child
   });
   if (element.type === 'button' && element.props.disabled) {
-    var _splitObject = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']),
-      picked = _splitObject.picked,
-      omitted = _splitObject.omitted;
-    var spanStyle = Object.assign(Object.assign({
+    const {
+      picked,
+      omitted
+    } = splitObject(element.props.style, ['position', 'left', 'right', 'top', 'bottom', 'float', 'display', 'zIndex']);
+    const spanStyle = Object.assign(Object.assign({
       display: 'inline-block'
     }, picked), {
       cursor: 'not-allowed',
       width: element.props.block ? '100%' : null
     });
-    var buttonStyle = Object.assign(Object.assign({}, omitted), {
+    const buttonStyle = Object.assign(Object.assign({}, omitted), {
       pointerEvents: 'none'
     });
-    var _child = /*#__PURE__*/React__default.cloneElement(element, {
+    const child = /*#__PURE__*/React__default.cloneElement(element, {
       style: buttonStyle,
       className: null
     });
@@ -131,14 +132,14 @@ function getDisabledCompatibleChildren(child) {
       style: spanStyle,
       className: clsx(element.props.className, "".concat($rcPrefixCls, "-tooltip-disabled-compatible-wrapper"))
     }, {
-      children: _child
+      children: child
     }));
   }
   return element;
 }
 //映射placement
 function mapLegacyPlacement(place) {
-  var legacyPlacement = {
+  const legacyPlacement = {
     'bottom-end': 'bottomRight',
     'bottom-start': 'bottomLeft',
     'left-end': 'leftBottom',
@@ -152,8 +153,8 @@ function mapLegacyPlacement(place) {
 }
 //浮层偏移量
 function getAlignOffset(place) {
-  var mPlace = mapLegacyPlacement(place);
-  var offsetMap = {
+  const mPlace = mapLegacyPlacement(place);
+  const offsetMap = {
     left: {
       offset: [-8, 0]
     },

package/Transfer/index.js

@@ -8,7 +8,6 @@ import ExpandLess from '@para-ui/icons/Up';
 import Down from '@para-ui/icons/Down';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { Search } from '../Search/index.js';
 import SearchIcon from '@para-ui/icons/Search';
 import AutoTips from '../AutoTips/index.js';
@@ -22,7 +21,7 @@ import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import '@para-ui/icons/Forbid';
-import '../_verture/index-da9097d3.js';
+import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
@@ -60,8 +59,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
 var useClick = function useClick(callback, doubleCallback) {
@@ -89,36 +88,32 @@ var useClick = function useClick(callback, doubleCallback) {
   };
 };
 
-var Box = function Box(props) {
-  var title = props.title,
-    data = props.data,
-    onSearch = props.onSearch,
-    onchange = props.onchange,
-    onMove = props.onMove,
-    queryAll = props.queryAll,
-    inverse = props.inverse,
-    direction = props.direction,
-    fluctuationPosition = props.fluctuationPosition,
-    fluctuationOrther = props.fluctuationOrther,
-    onEndSort = props.onEndSort,
-    multiple = props.multiple,
-    rightIcon = props.rightIcon,
-    style = props.style,
-    customKey = props.customKey;
-  var intl = useFormatMessage('Transfer', localeJson);
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    checkCount = _useState2[0],
-    setCheckCount = _useState2[1];
-  var _useState3 = useState(0),
-    _useState4 = _slicedToArray(_useState3, 2),
-    disabledCount = _useState4[0],
-    setDisabledCount = _useState4[1];
-  var ref = useRef();
-  useEffect(function () {
-    var arr = [];
-    var count = 0;
-    data.forEach(function (item, index) {
+const Box = props => {
+  const {
+    title,
+    data,
+    onSearch,
+    onchange,
+    onMove,
+    queryAll,
+    inverse,
+    direction,
+    fluctuationPosition,
+    fluctuationOrther,
+    onEndSort,
+    multiple,
+    rightIcon,
+    style,
+    customKey
+  } = props;
+  const intl = useFormatMessage('Transfer', localeJson);
+  const [checkCount, setCheckCount] = useState([]);
+  const [disabledCount, setDisabledCount] = useState(0);
+  const ref = useRef();
+  useEffect(() => {
+    const arr = [];
+    let count = 0;
+    data.forEach((item, index) => {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
@@ -129,29 +124,29 @@ var Box = function Box(props) {
     setDisabledCount(count);
     setCheckCount(arr);
   }, [data]);
-  useEffect(function () {
+  useEffect(() => {
     if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
         ghostClass: 'blue-background-class',
         dragClass: 'drag-item',
         easing: 'step-start',
-        onEnd: function onEnd(evt) {
+        onEnd: evt => {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
       });
     }
   }, []);
-  var handler = useClick(function (e, index, item) {
+  const handler = useClick((e, index, item) => {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
-  }, function (e, index, item) {
+  }, (e, index, item) => {
     if (item === null || item === void 0 ? void 0 : item.disabled) return;
     onchange(e, true, index, direction, false);
     onMove(direction === 'right' ? 'left' : 'right');
   });
-  var itemStyle = function itemStyle(data) {
-    var stlye = {};
+  const itemStyle = data => {
+    const stlye = {};
     if (data === null || data === void 0 ? void 0 : data.tagColor) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
@@ -176,15 +171,15 @@ var Box = function Box(props) {
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
       rightIconExist: true,
-      onChange: function onChange(val) {
+      onChange: val => {
         onSearch(val, direction);
       },
-      onClickRightIcon: function onClickRightIcon(val) {
+      onClickRightIcon: val => {
         onSearch(val, direction);
       },
-      onEnter: function onEnter(event) {
+      onEnter: event => {
         var _a;
-        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
+        const val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -192,11 +187,11 @@ var Box = function Box(props) {
       className: "context",
       ref: ref
     }, {
-      children: data.map(function (item, index) {
+      children: data.map((item, index) => {
         return jsxs("div", Object.assign({
           className: clsx('item', (item === null || item === void 0 ? void 0 : item.tagColor) && 'item-border', (item === null || item === void 0 ? void 0 : item.disabled) && 'item-disabled', (item === null || item === void 0 ? void 0 : item.checked) && 'item-checked', fluctuationPosition === index && 'item-fluctuation', fluctuationOrther === index && 'item-fluctuationOrther'),
           style: itemStyle(item),
-          onClick: function onClick(e) {
+          onClick: e => {
             handler(e, index, item);
           }
         }, {
@@ -228,7 +223,7 @@ var Box = function Box(props) {
         children: [jsx(Button, Object.assign({
           variant: "text",
           className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
-          onClick: function onClick() {
+          onClick: () => {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
@@ -239,7 +234,7 @@ var Box = function Box(props) {
           variant: "text",
           className: "".concat(checkCount.length === 0 || checkCount.length === data.length - disabledCount ? 'btn-off' : ''),
           disabled: checkCount.length === 0 || checkCount.length === data.length - disabledCount,
-          onClick: function onClick() {
+          onClick: () => {
             inverse(direction);
           }
         }, {
@@ -255,9 +250,9 @@ var Box = function Box(props) {
     }))]
   }));
 };
-var Sortablejs = Sortable;
+const Sortablejs = Sortable;
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer ::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: rgba(255, 255, 255, 0.5);\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-transfer {\n  display: flex;\n  font-size: 14px;\n  user-select: none;\n}\n.paraui-v4-transfer .blue-background-class {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-transfer .drag-item {\n  background: rgb(255, 255, 255) !important;\n  box-shadow: rgba(212, 218, 227, 0.4);\n}\n.paraui-v4-transfer .box {\n  border-radius: 4px;\n  border: 1px solid rgb(212, 218, 227);\n  overflow: hidden;\n}\n.paraui-v4-transfer .box .box-header {\n  background: rgb(247, 248, 250);\n  color: rgb(29, 33, 38);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-left: 10px;\n  height: 36px;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .count {\n  color: rgb(29, 33, 38);\n  letter-spacing: 1px;\n}\n.paraui-v4-transfer .box .context {\n  height: 400px;\n  overflow: auto;\n  margin-top: 4px;\n}\n.paraui-v4-transfer .box .context .item-fluctuation {\n  animation: flucturation 0.4s forwards;\n}\n.paraui-v4-transfer .box .context .item-fluctuationOrther {\n  animation: flucturationOrther 0.5s forwards;\n}\n.paraui-v4-transfer .box .context .item {\n  padding: 0px 10px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n.paraui-v4-transfer .box .context .item.item-checked:hover {\n  background-color: rgb(247, 248, 250) !important;\n}\n.paraui-v4-transfer .box .context .item.item-checked > .item-label {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item > .item-label {\n  flex: 1;\n  overflow: hidden;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-transfer .box .context .item:hover {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-transfer .box .context .item.item-disabled:hover {\n  background: inherit;\n  cursor: no-drop;\n}\n.paraui-v4-transfer .box .context .item.item-disabled > .item-label {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .context .item .handle {\n  margin-left: 8px;\n  display: flex;\n  align-content: center;\n}\n.paraui-v4-transfer .box .context .item .handle .handle-line {\n  height: 12px;\n  border-left: 1px solid rgb(212, 218, 227);\n  margin: auto 10px auto 0;\n}\n.paraui-v4-transfer .box .context .item .handle svg {\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-transfer .box .context .item .handle:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .context .item-border {\n  padding-left: 6px;\n}\n.paraui-v4-transfer .box .text-field-content {\n  border: none;\n  border-radius: 0;\n  border-bottom: 1px solid rgb(212, 218, 227);\n}\n.paraui-v4-transfer .box .footer {\n  display: flex;\n  align-items: center;\n  border-top: 1px solid rgb(212, 218, 227);\n  height: 36px;\n  justify-content: space-between;\n  padding: 0 10px;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) button:hover {\n  color: rgb(87, 131, 235);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) .btn-off:hover {\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button {\n  padding: 0;\n}\n.paraui-v4-transfer .box .footer > div:nth-child(1) > button:nth-child(2) {\n  margin-left: 16px;\n}\n.paraui-v4-transfer .moveBtn {\n  display: flex;\n  height: 500px;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 20px;\n}\n.paraui-v4-transfer .moveBtn > button {\n  background-color: rgb(46, 101, 230);\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-transfer .moveBtn .btn-left {\n  margin-top: 16px;\n}\n\n@keyframes flucturation {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(36px);\n  }\n}\n@keyframes flucturationOrther {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-36px);\n  }\n}";
 styleInject(css_248z);
 
 const Transfer = props => {

package/Tree/index.js

@@ -1,16 +1,11 @@
-import { T as Tree } from '../_verture/index-3156e3ef.js';
-export { T as default } from '../_verture/index-3156e3ef.js';
-import '../_verture/toConsumableArray-c7a8028f.js';
-import '../_verture/slicedToArray-75fa4188.js';
-import '../_verture/defineProperty-1d116156.js';
-import '../_verture/typeof-adeedc13.js';
-import '../_verture/index-d63bd287.js';
-import '../_verture/typeof-b240b062.js';
+import { T as Tree } from '../_verture/index-e3011376.js';
+export { T as default } from '../_verture/index-e3011376.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'rc-tree';
 import 'clsx';
+import '../_verture/typeof-adeedc13.js';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Document';
 import '@para-ui/icons/DownTriangleF';
@@ -24,6 +19,7 @@ import '../_verture/constant-5317fc89.js';
 import '@para-ui/icons/Forbid';
 import '../_verture/style-inject.es-300983ab.js';
 import '@para-ui/icons/Help';
+import '../_verture/slicedToArray-8223a2ef.js';
 import 'react-dom';
 import '@para-ui/icons/EditFile';
 import '@para-ui/icons/PlusCircle';