@chaoswise/ui 3.0.6 → 3.0.8

package/lib/Antd5/tour/panelRender.js

@@ -0,0 +1,143 @@
+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 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _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 _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; }
+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 _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 _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 _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; }
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import CloseOutlined from '@ant-design/icons/CloseOutlined';
+import classNames from 'classnames';
+import Button from '../button';
+import { useLocale } from '../locale';
+import defaultLocale from '../locale/en_US';
+function isValidNode(node) {
+  return node !== undefined && node !== null;
+}
+// Due to the independent design of Panel, it will be too coupled to put in rc-tour,
+// so a set of Panel logic is implemented separately in antd.
+var TourPanel = function TourPanel(props) {
+  var _prevButtonProps$chil, _nextButtonProps$chil;
+  var stepProps = props.stepProps,
+    current = props.current,
+    type = props.type,
+    indicatorsRender = props.indicatorsRender;
+  var prefixCls = stepProps.prefixCls,
+    _stepProps$total = stepProps.total,
+    total = _stepProps$total === void 0 ? 1 : _stepProps$total,
+    title = stepProps.title,
+    onClose = stepProps.onClose,
+    onPrev = stepProps.onPrev,
+    onNext = stepProps.onNext,
+    onFinish = stepProps.onFinish,
+    cover = stepProps.cover,
+    description = stepProps.description,
+    nextButtonProps = stepProps.nextButtonProps,
+    prevButtonProps = stepProps.prevButtonProps,
+    stepType = stepProps.type,
+    closable = stepProps.closable;
+  var mergedType = stepType !== null && stepType !== void 0 ? stepType : type;
+  var mergedCloseIcon = React.useMemo(function () {
+    var defaultCloseIcon = _jsx(CloseOutlined, {
+      className: "".concat(prefixCls, "-close-icon")
+    });
+    if (closable && closable.closeIcon) {
+      defaultCloseIcon = closable.closeIcon;
+    }
+    return _jsx("button", {
+      type: "button",
+      onClick: onClose,
+      className: "".concat(prefixCls, "-close"),
+      children: defaultCloseIcon
+    });
+  }, [closable]);
+  var isLastStep = current === total - 1;
+  var prevBtnClick = function prevBtnClick() {
+    var _prevButtonProps$onCl;
+    onPrev === null || onPrev === void 0 || onPrev();
+    prevButtonProps === null || prevButtonProps === void 0 || (_prevButtonProps$onCl = prevButtonProps.onClick) === null || _prevButtonProps$onCl === void 0 || _prevButtonProps$onCl.call(prevButtonProps);
+  };
+  var nextBtnClick = function nextBtnClick() {
+    var _nextButtonProps$onCl;
+    if (isLastStep) {
+      onFinish === null || onFinish === void 0 || onFinish();
+    } else {
+      onNext === null || onNext === void 0 || onNext();
+    }
+    nextButtonProps === null || nextButtonProps === void 0 || (_nextButtonProps$onCl = nextButtonProps.onClick) === null || _nextButtonProps$onCl === void 0 || _nextButtonProps$onCl.call(nextButtonProps);
+  };
+  var headerNode = isValidNode(title) ? _jsx("div", {
+    className: "".concat(prefixCls, "-header"),
+    children: _jsx("div", {
+      className: "".concat(prefixCls, "-title"),
+      children: title
+    })
+  }) : null;
+  var descriptionNode = isValidNode(description) ? _jsx("div", {
+    className: "".concat(prefixCls, "-description"),
+    children: description
+  }) : null;
+  var coverNode = isValidNode(cover) ? _jsx("div", {
+    className: "".concat(prefixCls, "-cover"),
+    children: cover
+  }) : null;
+  var mergedIndicatorNode;
+  if (indicatorsRender) {
+    mergedIndicatorNode = indicatorsRender(current, total);
+  } else {
+    mergedIndicatorNode = _toConsumableArray(Array.from({
+      length: total
+    }).keys()).map(function (stepItem, index) {
+      return _jsx("span", {
+        className: classNames(index === current && "".concat(prefixCls, "-indicator-active"), "".concat(prefixCls, "-indicator"))
+      }, stepItem);
+    });
+  }
+  var mainBtnType = mergedType === 'primary' ? 'default' : 'primary';
+  var secondaryBtnProps = {
+    type: 'default',
+    ghost: mergedType === 'primary'
+  };
+  var _useLocale = useLocale('Tour', defaultLocale.Tour),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    contextLocale = _useLocale2[0];
+  return _jsx("div", {
+    className: "".concat(prefixCls, "-content"),
+    children: _jsxs("div", {
+      className: "".concat(prefixCls, "-inner"),
+      children: [closable && mergedCloseIcon, coverNode, headerNode, descriptionNode, _jsxs("div", {
+        className: "".concat(prefixCls, "-footer"),
+        children: [total > 1 && _jsx("div", {
+          className: "".concat(prefixCls, "-indicators"),
+          children: mergedIndicatorNode
+        }), _jsxs("div", {
+          className: "".concat(prefixCls, "-buttons"),
+          children: [current !== 0 ? _jsx(Button, _objectSpread(_objectSpread(_objectSpread({}, secondaryBtnProps), prevButtonProps), {}, {
+            onClick: prevBtnClick,
+            size: "small",
+            className: classNames("".concat(prefixCls, "-prev-btn"), prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.className),
+            children: (_prevButtonProps$chil = prevButtonProps === null || prevButtonProps === void 0 ? void 0 : prevButtonProps.children) !== null && _prevButtonProps$chil !== void 0 ? _prevButtonProps$chil : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.Previous
+          })) : null, _jsx(Button, _objectSpread(_objectSpread({
+            type: mainBtnType
+          }, nextButtonProps), {}, {
+            onClick: nextBtnClick,
+            size: "small",
+            className: classNames("".concat(prefixCls, "-next-btn"), nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.className),
+            children: (_nextButtonProps$chil = nextButtonProps === null || nextButtonProps === void 0 ? void 0 : nextButtonProps.children) !== null && _nextButtonProps$chil !== void 0 ? _nextButtonProps$chil : isLastStep ? contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.Finish : contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.Next
+          }))]
+        })]
+      })]
+    })
+  });
+};
+export default TourPanel;

package/lib/Antd5/tour/style/index.js

@@ -0,0 +1,187 @@
+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 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { unit } from '@ant-design/cssinjs';
+import { TinyColor } from '@ctrl/tinycolor';
+import { genFocusStyle, resetComponent } from '../../style';
+import getArrowStyle, { getArrowOffsetToken, MAX_VERTICAL_CONTENT_RADIUS } from '../../style/placementArrow';
+import { getArrowToken } from '../../style/roundedArrow';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+// =============================== Base ===============================
+var genBaseStyle = function genBaseStyle(token) {
+  var componentCls = token.componentCls,
+    lineHeight = token.lineHeight,
+    padding = token.padding,
+    paddingXS = token.paddingXS,
+    borderRadius = token.borderRadius,
+    borderRadiusXS = token.borderRadiusXS,
+    colorPrimary = token.colorPrimary,
+    colorText = token.colorText,
+    colorFill = token.colorFill,
+    indicatorHeight = token.indicatorHeight,
+    indicatorWidth = token.indicatorWidth,
+    boxShadowTertiary = token.boxShadowTertiary,
+    tourZIndexPopup = token.tourZIndexPopup,
+    fontSize = token.fontSize,
+    colorBgElevated = token.colorBgElevated,
+    fontWeightStrong = token.fontWeightStrong,
+    marginXS = token.marginXS,
+    colorTextLightSolid = token.colorTextLightSolid,
+    tourBorderRadius = token.tourBorderRadius,
+    colorWhite = token.colorWhite,
+    primaryNextBtnHoverBg = token.primaryNextBtnHoverBg,
+    closeBtnSize = token.closeBtnSize,
+    motionDurationSlow = token.motionDurationSlow,
+    antCls = token.antCls,
+    primaryPrevBtnBg = token.primaryPrevBtnBg;
+  return [_defineProperty(_defineProperty(_defineProperty({}, componentCls, _objectSpread(_objectSpread({}, resetComponent(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    color: colorText,
+    position: 'absolute',
+    zIndex: tourZIndexPopup,
+    display: 'block',
+    visibility: 'visible',
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    width: 520,
+    '--antd-arrow-background-color': colorBgElevated,
+    '&-pure': {
+      maxWidth: '100%',
+      position: 'relative'
+    }
+  }, "&".concat(componentCls, "-hidden"), {
+    display: 'none'
+  }), "".concat(componentCls, "-content"), {
+    position: 'relative'
+  }), "".concat(componentCls, "-inner"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    textAlign: 'start',
+    textDecoration: 'none',
+    borderRadius: tourBorderRadius,
+    boxShadow: boxShadowTertiary,
+    position: 'relative',
+    backgroundColor: colorBgElevated,
+    border: 'none',
+    backgroundClip: 'padding-box'
+  }, "".concat(componentCls, "-close"), _objectSpread({
+    position: 'absolute',
+    top: padding,
+    insetInlineEnd: padding,
+    color: token.colorIcon,
+    background: 'none',
+    border: 'none',
+    width: closeBtnSize,
+    height: closeBtnSize,
+    borderRadius: token.borderRadiusSM,
+    transition: "background-color ".concat(token.motionDurationMid, ", color ").concat(token.motionDurationMid),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    cursor: 'pointer',
+    '&:hover': {
+      color: token.colorIconHover,
+      backgroundColor: token.colorBgTextHover
+    },
+    '&:active': {
+      backgroundColor: token.colorBgTextActive
+    }
+  }, genFocusStyle(token))), "".concat(componentCls, "-cover"), {
+    textAlign: 'center',
+    padding: "".concat(unit(token.calc(padding).add(closeBtnSize).add(paddingXS).equal()), " ").concat(unit(padding), " 0"),
+    img: {
+      width: '100%'
+    }
+  }), "".concat(componentCls, "-header"), _defineProperty({
+    padding: "".concat(unit(padding), " ").concat(unit(padding), " ").concat(unit(paddingXS))
+  }, "".concat(componentCls, "-title"), {
+    lineHeight: lineHeight,
+    fontSize: fontSize,
+    fontWeight: fontWeightStrong
+  })), "".concat(componentCls, "-description"), {
+    padding: "0 ".concat(unit(padding)),
+    lineHeight: lineHeight,
+    wordWrap: 'break-word'
+  }), "".concat(componentCls, "-footer"), _defineProperty(_defineProperty({
+    padding: "".concat(unit(paddingXS), " ").concat(unit(padding), " ").concat(unit(padding)),
+    textAlign: 'end',
+    borderRadius: "0 0 ".concat(unit(borderRadiusXS), " ").concat(unit(borderRadiusXS)),
+    display: 'flex'
+  }, "".concat(componentCls, "-indicators"), _defineProperty({
+    display: 'inline-block'
+  }, "".concat(componentCls, "-indicator"), {
+    width: indicatorWidth,
+    height: indicatorHeight,
+    display: 'inline-block',
+    borderRadius: '50%',
+    background: colorFill,
+    '&:not(:last-child)': {
+      marginInlineEnd: indicatorHeight
+    },
+    '&-active': {
+      background: colorPrimary
+    }
+  })), "".concat(componentCls, "-buttons"), _defineProperty({
+    marginInlineStart: 'auto'
+  }, "".concat(antCls, "-btn"), {
+    marginInlineStart: marginXS
+  })))), "".concat(componentCls, "-primary, &").concat(componentCls, "-primary"), _defineProperty({
+    '--antd-arrow-background-color': colorPrimary
+  }, "".concat(componentCls, "-inner"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    color: colorTextLightSolid,
+    textAlign: 'start',
+    textDecoration: 'none',
+    backgroundColor: colorPrimary,
+    borderRadius: borderRadius,
+    boxShadow: boxShadowTertiary
+  }, "".concat(componentCls, "-close"), {
+    color: colorTextLightSolid
+  }), "".concat(componentCls, "-indicators"), _defineProperty({}, "".concat(componentCls, "-indicator"), {
+    background: primaryPrevBtnBg,
+    '&-active': {
+      background: colorTextLightSolid
+    }
+  })), "".concat(componentCls, "-prev-btn"), {
+    color: colorTextLightSolid,
+    borderColor: primaryPrevBtnBg,
+    backgroundColor: colorPrimary,
+    '&:hover': {
+      backgroundColor: primaryPrevBtnBg,
+      borderColor: 'transparent'
+    }
+  }), "".concat(componentCls, "-next-btn"), {
+    color: colorPrimary,
+    borderColor: 'transparent',
+    background: colorWhite,
+    '&:hover': {
+      background: primaryNextBtnHoverBg
+    }
+  }))))), "".concat(componentCls, "-mask"), _defineProperty({}, "".concat(componentCls, "-placeholder-animated"), {
+    transition: "all ".concat(motionDurationSlow)
+  })), ['&-placement-left', '&-placement-leftTop', '&-placement-leftBottom', '&-placement-right', '&-placement-rightTop', '&-placement-rightBottom'].join(','), _defineProperty({}, "".concat(componentCls, "-inner"), {
+    borderRadius: token.min(tourBorderRadius, MAX_VERTICAL_CONTENT_RADIUS)
+  })),
+  // ============================= Arrow ===========================
+  getArrowStyle(token, 'var(--antd-arrow-background-color)')];
+};
+// ============================== Export ==============================
+export var prepareComponentToken = function prepareComponentToken(token) {
+  return _objectSpread(_objectSpread({
+    zIndexPopup: token.zIndexPopupBase + 70,
+    closeBtnSize: token.fontSize * token.lineHeight,
+    primaryPrevBtnBg: new TinyColor(token.colorTextLightSolid).setAlpha(0.15).toRgbString(),
+    primaryNextBtnHoverBg: new TinyColor(token.colorBgTextHover).onBackground(token.colorWhite).toRgbString()
+  }, getArrowOffsetToken({
+    contentRadius: token.borderRadiusLG,
+    limitVerticalRadius: true
+  })), getArrowToken(token));
+};
+export default genStyleHooks('Tour', function (token) {
+  var borderRadiusLG = token.borderRadiusLG;
+  var TourToken = mergeToken(token, {
+    indicatorWidth: 6,
+    indicatorHeight: 6,
+    tourBorderRadius: borderRadiusLG
+  });
+  return [genBaseStyle(TourToken)];
+}, prepareComponentToken);

package/lib/Antd5/transfer/ListBody.js

@@ -0,0 +1,123 @@
+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 _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; }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import classNames from 'classnames';
+import useMergedState from 'rc-util/lib/hooks/useMergedState';
+import Pagination from '../pagination';
+import ListItem from './ListItem';
+export var OmitProps = ['handleFilter', 'handleClear', 'checkedKeys'];
+var parsePagination = function parsePagination(pagination) {
+  var defaultPagination = {
+    simple: true,
+    showSizeChanger: false,
+    showLessItems: false
+  };
+  return _objectSpread(_objectSpread({}, defaultPagination), pagination);
+};
+var TransferListBody = function TransferListBody(props, ref) {
+  var prefixCls = props.prefixCls,
+    filteredRenderItems = props.filteredRenderItems,
+    selectedKeys = props.selectedKeys,
+    globalDisabled = props.disabled,
+    showRemove = props.showRemove,
+    pagination = props.pagination,
+    onScroll = props.onScroll,
+    onItemSelect = props.onItemSelect,
+    onItemRemove = props.onItemRemove;
+  var _React$useState = React.useState(1),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    current = _React$useState2[0],
+    setCurrent = _React$useState2[1];
+  var mergedPagination = React.useMemo(function () {
+    if (!pagination) {
+      return null;
+    }
+    var convertPagination = _typeof(pagination) === 'object' ? pagination : {};
+    return parsePagination(convertPagination);
+  }, [pagination]);
+  var _useMergedState = useMergedState(10, {
+      value: mergedPagination === null || mergedPagination === void 0 ? void 0 : mergedPagination.pageSize
+    }),
+    _useMergedState2 = _slicedToArray(_useMergedState, 2),
+    pageSize = _useMergedState2[0],
+    setPageSize = _useMergedState2[1];
+  React.useEffect(function () {
+    if (mergedPagination) {
+      var maxPageCount = Math.ceil(filteredRenderItems.length / pageSize);
+      setCurrent(Math.min(current, maxPageCount));
+    }
+  }, [filteredRenderItems, mergedPagination, pageSize]);
+  var onInternalClick = function onInternalClick(item, e) {
+    onItemSelect(item.key, !selectedKeys.includes(item.key), e);
+  };
+  var onRemove = function onRemove(item) {
+    onItemRemove === null || onItemRemove === void 0 || onItemRemove([item.key]);
+  };
+  var onPageChange = function onPageChange(cur) {
+    setCurrent(cur);
+  };
+  var onSizeChange = function onSizeChange(cur, size) {
+    setCurrent(cur);
+    setPageSize(size);
+  };
+  var memoizedItems = React.useMemo(function () {
+    var displayItems = mergedPagination ? filteredRenderItems.slice((current - 1) * pageSize, current * pageSize) : filteredRenderItems;
+    return displayItems;
+  }, [current, filteredRenderItems, mergedPagination, pageSize]);
+  React.useImperativeHandle(ref, function () {
+    return {
+      items: memoizedItems
+    };
+  });
+  var paginationNode = mergedPagination ? _jsx(Pagination, {
+    size: "small",
+    disabled: globalDisabled,
+    simple: mergedPagination.simple,
+    pageSize: pageSize,
+    showLessItems: mergedPagination.showLessItems,
+    showSizeChanger: mergedPagination.showSizeChanger,
+    className: "".concat(prefixCls, "-pagination"),
+    total: filteredRenderItems.length,
+    current: current,
+    onChange: onPageChange,
+    onShowSizeChange: onSizeChange
+  }) : null;
+  var cls = classNames("".concat(prefixCls, "-content"), _defineProperty({}, "".concat(prefixCls, "-content-show-remove"), showRemove));
+  return _jsxs(_Fragment, {
+    children: [_jsx("ul", {
+      className: cls,
+      onScroll: onScroll,
+      children: (memoizedItems || []).map(function (_ref) {
+        var renderedEl = _ref.renderedEl,
+          renderedText = _ref.renderedText,
+          item = _ref.item;
+        return _jsx(ListItem, {
+          item: item,
+          renderedText: renderedText,
+          renderedEl: renderedEl,
+          prefixCls: prefixCls,
+          showRemove: showRemove,
+          onClick: onInternalClick,
+          onRemove: onRemove,
+          checked: selectedKeys.includes(item.key),
+          disabled: globalDisabled || item.disabled
+        }, item.key);
+      })
+    }), paginationNode]
+  });
+};
+if (process.env.NODE_ENV !== 'production') {
+  TransferListBody.displayName = 'TransferListBody';
+}
+export default /*#__PURE__*/React.forwardRef(TransferListBody);

package/lib/Antd5/transfer/ListItem.js

@@ -0,0 +1,72 @@
+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 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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import DeleteOutlined from '@ant-design/icons/DeleteOutlined';
+import classNames from 'classnames';
+import TransButton from '../_util/transButton';
+import Checkbox from '../checkbox';
+import { useLocale } from '../locale';
+import defaultLocale from '../locale/en_US';
+var ListItem = function ListItem(props) {
+  var renderedText = props.renderedText,
+    renderedEl = props.renderedEl,
+    item = props.item,
+    checked = props.checked,
+    disabled = props.disabled,
+    prefixCls = props.prefixCls,
+    onClick = props.onClick,
+    onRemove = props.onRemove,
+    showRemove = props.showRemove;
+  var className = classNames("".concat(prefixCls, "-content-item"), _defineProperty(_defineProperty({}, "".concat(prefixCls, "-content-item-disabled"), disabled || item.disabled), "".concat(prefixCls, "-content-item-checked"), checked));
+  var title;
+  if (typeof renderedText === 'string' || typeof renderedText === 'number') {
+    title = String(renderedText);
+  }
+  var _useLocale = useLocale('Transfer', defaultLocale.Transfer),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    contextLocale = _useLocale2[0];
+  var liProps = {
+    className: className,
+    title: title
+  };
+  var labelNode = _jsx("span", {
+    className: "".concat(prefixCls, "-content-item-text"),
+    children: renderedEl
+  });
+  if (showRemove) {
+    return _jsxs("li", _objectSpread(_objectSpread({}, liProps), {}, {
+      children: [labelNode, _jsx(TransButton, {
+        disabled: disabled || item.disabled,
+        className: "".concat(prefixCls, "-content-item-remove"),
+        "aria-label": contextLocale === null || contextLocale === void 0 ? void 0 : contextLocale.remove,
+        onClick: function onClick() {
+          onRemove === null || onRemove === void 0 || onRemove(item);
+        },
+        children: _jsx(DeleteOutlined, {})
+      })]
+    }));
+  }
+  // Default click to select
+  liProps.onClick = disabled || item.disabled ? undefined : function (event) {
+    return onClick(item, event);
+  };
+  return _jsxs("li", _objectSpread(_objectSpread({}, liProps), {}, {
+    children: [_jsx(Checkbox, {
+      className: "".concat(prefixCls, "-checkbox"),
+      checked: checked,
+      disabled: disabled || item.disabled
+    }), labelNode]
+  }));
+};
+export default /*#__PURE__*/React.memo(ListItem);

package/lib/Antd5/transfer/hooks/useData.js

@@ -0,0 +1,46 @@
+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 _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; }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 * as React from 'react';
+import { groupKeysMap } from '../../_util/transKeys';
+var useData = function useData(dataSource, rowKey, targetKeys) {
+  var mergedDataSource = React.useMemo(function () {
+    return (dataSource || []).map(function (record) {
+      if (rowKey) {
+        record = _objectSpread(_objectSpread({}, record), {}, {
+          key: rowKey(record)
+        });
+      }
+      return record;
+    });
+  }, [dataSource, rowKey]);
+  var _React$useMemo = React.useMemo(function () {
+      var leftData = [];
+      var rightData = new Array((targetKeys || []).length);
+      var targetKeysMap = groupKeysMap(targetKeys || []);
+      mergedDataSource.forEach(function (record) {
+        // rightData should be ordered by targetKeys
+        // leftData should be ordered by dataSource
+        if (targetKeysMap.has(record.key)) {
+          rightData[targetKeysMap.get(record.key)] = record;
+        } else {
+          leftData.push(record);
+        }
+      });
+      return [leftData, rightData];
+    }, [mergedDataSource, targetKeys, rowKey]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    leftDataSource = _React$useMemo2[0],
+    rightDataSource = _React$useMemo2[1];
+  return [mergedDataSource, leftDataSource, rightDataSource];
+};
+export default useData;

package/lib/Antd5/transfer/hooks/useSelection.js

@@ -0,0 +1,59 @@
+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 * as React from 'react';
+var EMPTY_KEYS = [];
+function filterKeys(keys, dataKeys) {
+  var filteredKeys = keys.filter(function (key) {
+    return dataKeys.has(key);
+  });
+  return keys.length === filteredKeys.length ? keys : filteredKeys;
+}
+function flattenKeys(keys) {
+  return Array.from(keys).join(';');
+}
+export default function useSelection(leftDataSource, rightDataSource) {
+  var selectedKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : EMPTY_KEYS;
+  // Prepare `dataSource` keys
+  var _React$useMemo = React.useMemo(function () {
+      return [new Set(leftDataSource.map(function (src) {
+        return src.key;
+      })), new Set(rightDataSource.map(function (src) {
+        return src.key;
+      }))];
+    }, [leftDataSource, rightDataSource]),
+    _React$useMemo2 = _slicedToArray(_React$useMemo, 2),
+    leftKeys = _React$useMemo2[0],
+    rightKeys = _React$useMemo2[1];
+  // Selected Keys
+  var _React$useState = React.useState(function () {
+      return filterKeys(selectedKeys, leftKeys);
+    }),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    sourceSelectedKeys = _React$useState2[0],
+    setSourceSelectedKeys = _React$useState2[1];
+  var _React$useState3 = React.useState(function () {
+      return filterKeys(selectedKeys, rightKeys);
+    }),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    targetSelectedKeys = _React$useState4[0],
+    setTargetSelectedKeys = _React$useState4[1];
+  // Fill selected keys
+  React.useEffect(function () {
+    setSourceSelectedKeys(filterKeys(selectedKeys, leftKeys));
+    setTargetSelectedKeys(filterKeys(selectedKeys, rightKeys));
+  }, [selectedKeys]);
+  // Reset when data changed
+  React.useEffect(function () {
+    setSourceSelectedKeys(filterKeys(sourceSelectedKeys, leftKeys));
+    setTargetSelectedKeys(filterKeys(targetSelectedKeys, rightKeys));
+  }, [flattenKeys(leftKeys), flattenKeys(rightKeys)]);
+  return [
+  // Keys
+  sourceSelectedKeys, targetSelectedKeys,
+  // Updater
+  setSourceSelectedKeys, setTargetSelectedKeys];
+}