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

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

package/Transfer/index.js

@@ -8,12 +8,13 @@ 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';
 import Drag from '@para-ui/icons/Drag';
 import { S as Sortable } from '../_verture/sortable.esm-49896035.js';
-import { d as debounce } from '../_verture/utils-46e99c9a.js';
+import { d as debounce } from '../_verture/utils-c17b5265.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '@para-ui/icons/LoadingF';
@@ -59,8 +60,8 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
 var useClick = function useClick(callback, doubleCallback) {
@@ -88,32 +89,36 @@ var useClick = function useClick(callback, doubleCallback) {
   };
 };
 
-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) => {
+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) {
       if (item.checked && !item.hide) {
         arr.push(index);
       }
@@ -124,29 +129,29 @@ const Box = props => {
     setDisabledCount(count);
     setCheckCount(arr);
   }, [data]);
-  useEffect(() => {
+  useEffect(function () {
     if (direction == 'right') {
       new Sortable(ref.current, {
         animation: 180,
         ghostClass: 'blue-background-class',
         dragClass: 'drag-item',
         easing: 'step-start',
-        onEnd: evt => {
+        onEnd: function onEnd(evt) {
           onEndSort === null || onEndSort === void 0 ? void 0 : onEndSort(evt.oldIndex, evt.newIndex);
         }
       });
     }
   }, []);
-  const handler = useClick((e, index, item) => {
+  var handler = useClick(function (e, index, item) {
     if (item.disabled) return;
     onchange(e, !item.checked, index, direction, multiple);
-  }, (e, index, item) => {
+  }, function (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');
   });
-  const itemStyle = data => {
-    const stlye = {};
+  var itemStyle = function itemStyle(data) {
+    var stlye = {};
     if (data === null || data === void 0 ? void 0 : data.tagColor) {
       stlye.borderLeft = "4px solid ".concat(data.tagColor);
     }
@@ -171,15 +176,15 @@ const Box = props => {
       showBtn: false,
       rightIcon: jsx(SearchIcon, {}),
       rightIconExist: true,
-      onChange: val => {
+      onChange: function onChange(val) {
         onSearch(val, direction);
       },
-      onClickRightIcon: val => {
+      onClickRightIcon: function onClickRightIcon(val) {
         onSearch(val, direction);
       },
-      onEnter: event => {
+      onEnter: function onEnter(event) {
         var _a;
-        const val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
+        var val = ((_a = event.target) === null || _a === void 0 ? void 0 : _a.value) || '';
         onSearch(val, direction);
       },
       allowClear: false
@@ -187,11 +192,11 @@ const Box = props => {
       className: "context",
       ref: ref
     }, {
-      children: data.map((item, index) => {
+      children: data.map(function (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: e => {
+          onClick: function onClick(e) {
             handler(e, index, item);
           }
         }, {
@@ -223,7 +228,7 @@ const Box = props => {
         children: [jsx(Button, Object.assign({
           variant: "text",
           className: "".concat(checkCount.length === data.length - disabledCount && data.length > 0 ? 'btn-on' : ''),
-          onClick: () => {
+          onClick: function onClick() {
             queryAll(checkCount.length !== data.length - disabledCount, direction);
           }
         }, {
@@ -234,7 +239,7 @@ const 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: () => {
+          onClick: function onClick() {
             inverse(direction);
           }
         }, {
@@ -250,9 +255,9 @@ const Box = props => {
     }))]
   }));
 };
-const Sortablejs = Sortable;
+var 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  scrollbar-base-color: red;\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 ::-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}";
 styleInject(css_248z);
 
 const Transfer = props => {

package/Tree/index.js

@@ -1,11 +1,16 @@
-import { T as Tree } from '../_verture/index-f186b5e8.js';
-export { T as default } from '../_verture/index-f186b5e8.js';
+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 '../_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';
@@ -19,7 +24,6 @@ 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';