tntd 2.8.27 → 2.8.29

package/es/tntd-cascader/rc-cascader/OptionList/Column.js

@@ -1,56 +1,75 @@
-// @ts-nocheck
-import * as React from 'react';
-import classNames from 'classnames';
-import { isLeaf, toPathKey } from '../utils/commonUtil';
-import CascaderContext from '../context';
-import Checkbox from './Checkbox';
-import { SEARCH_MARK } from '../hooks/useSearchOptions';
-import List from 'rc-virtual-list';
-export const FIX_LABEL = '__cascader_fix_label__';
-export default function Column({
-  prefixCls,
-  multiple,
-  options,
-  activeValue,
-  prevValuePath,
-  onToggleOpen,
-  onSelect,
-  onActive,
-  checkedSet,
-  halfCheckedSet,
-  loadingKeys,
-  isSelectable,
-  renderItem,
-  searchValue,
-  level,
-  dropdownVisible,
-  optionHeight,
-  isEmpty
-}) {
-  const ref = React.useRef(null);
-  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;
-  const menuItemPrefixCls = `${prefixCls}-menu-item`;
-  const {
-    fieldNames,
-    changeOnSelect,
-    expandTrigger,
-    expandIcon,
-    loadingIcon,
-    dropdownMenuColumnStyle
-  } = React.useContext(CascaderContext);
-  const hoverOpen = expandTrigger === 'hover';
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FIX_LABEL = void 0;
+exports["default"] = Column;
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _commonUtil = require("../utils/commonUtil");
+var _context = _interopRequireDefault(require("../context"));
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _useSearchOptions = require("../hooks/useSearchOptions");
+var _rcVirtualList = _interopRequireDefault(require("rc-virtual-list"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 _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; } // @ts-nocheck
+var FIX_LABEL = exports.FIX_LABEL = '__cascader_fix_label__';
+function Column(_ref) {
+  var prefixCls = _ref.prefixCls,
+    multiple = _ref.multiple,
+    options = _ref.options,
+    activeValue = _ref.activeValue,
+    prevValuePath = _ref.prevValuePath,
+    onToggleOpen = _ref.onToggleOpen,
+    onSelect = _ref.onSelect,
+    onActive = _ref.onActive,
+    checkedSet = _ref.checkedSet,
+    halfCheckedSet = _ref.halfCheckedSet,
+    loadingKeys = _ref.loadingKeys,
+    isSelectable = _ref.isSelectable,
+    renderItem = _ref.renderItem,
+    searchValue = _ref.searchValue,
+    level = _ref.level,
+    dropdownVisible = _ref.dropdownVisible,
+    optionHeight = _ref.optionHeight,
+    isEmpty = _ref.isEmpty;
+  var ref = React.useRef(null);
+  var menuPrefixCls = "".concat(prefixCls, "-menu ").concat(prefixCls, "-menu-").concat(level);
+  var menuItemPrefixCls = "".concat(prefixCls, "-menu-item");
+  var _React$useContext = React.useContext(_context["default"]),
+    fieldNames = _React$useContext.fieldNames,
+    changeOnSelect = _React$useContext.changeOnSelect,
+    expandTrigger = _React$useContext.expandTrigger,
+    expandIcon = _React$useContext.expandIcon,
+    loadingIcon = _React$useContext.loadingIcon,
+    dropdownMenuColumnStyle = _React$useContext.dropdownMenuColumnStyle;
+  var hoverOpen = expandTrigger === 'hover';
   /** 单选情况下滚动到相应的位置 */
-  React.useEffect(() => {
-    let timer = null;
+  React.useEffect(function () {
+    var timer = null;
     if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible) {
-      const index = options.findIndex(it => it[fieldNames.value] === activeValue);
+      var index = options.findIndex(function (it) {
+        return it[fieldNames.value] === activeValue;
+      });
       if (index > 0 && !isNaN(index)) {
-        timer = window.setTimeout(() => {
+        timer = window.setTimeout(function () {
           ref.current.scrollTo((optionHeight || 36) * index);
         }, 5);
       }
     }
-    return () => {
+    return function () {
       if (timer) {
         window.clearTimeout(timer);
       }
@@ -58,75 +77,76 @@ export default function Column({
     };
   }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight]);
   // ============================ Option ============================
-  const optionInfoList = React.useMemo(() => options.map(option => {
-    var _a;
-    const {
-      disabled
-    } = option;
-    const searchOptions = option[SEARCH_MARK];
-    const label = (_a = option[FIX_LABEL]) !== null && _a !== void 0 ? _a : option[fieldNames.label];
-    const value = option[fieldNames.value];
-    const isMergedLeaf = isLeaf(option, fieldNames);
-    // Get real value of option. Search option is different way.
-    const fullPath = searchOptions ?
-    // @ts-ignore
-    searchOptions.map(opt => opt[fieldNames.value]) : [...prevValuePath, value];
-    const fullPathKey = toPathKey(fullPath);
-    const isLoading = loadingKeys.includes(fullPathKey);
-    // >>>>> checked
-    const checked = checkedSet.has(fullPathKey);
-    // >>>>> halfChecked
-    const halfChecked = halfCheckedSet.has(fullPathKey);
-    return {
-      disabled,
-      label,
-      value,
-      isLeaf: isMergedLeaf,
-      isLoading,
-      checked,
-      halfChecked,
-      option,
-      fullPath,
-      fullPathKey
-    };
-  }), [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
+  var optionInfoList = React.useMemo(function () {
+    return options.map(function (option) {
+      var _a;
+      var disabled = option.disabled;
+      var searchOptions = option[_useSearchOptions.SEARCH_MARK];
+      var label = (_a = option[FIX_LABEL]) !== null && _a !== void 0 ? _a : option[fieldNames.label];
+      var value = option[fieldNames.value];
+      var isMergedLeaf = (0, _commonUtil.isLeaf)(option, fieldNames);
+      // Get real value of option. Search option is different way.
+      var fullPath = searchOptions ?
+      // @ts-ignore
+      searchOptions.map(function (opt) {
+        return opt[fieldNames.value];
+      }) : [].concat(_toConsumableArray(prevValuePath), [value]);
+      var fullPathKey = (0, _commonUtil.toPathKey)(fullPath);
+      var isLoading = loadingKeys.includes(fullPathKey);
+      // >>>>> checked
+      var checked = checkedSet.has(fullPathKey);
+      // >>>>> halfChecked
+      var halfChecked = halfCheckedSet.has(fullPathKey);
+      return {
+        disabled: disabled,
+        label: label,
+        value: value,
+        isLeaf: isMergedLeaf,
+        isLoading: isLoading,
+        checked: checked,
+        halfChecked: halfChecked,
+        option: option,
+        fullPath: fullPath,
+        fullPathKey: fullPathKey
+      };
+    });
+  }, [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]);
   // ============================ Render ============================
   return React.createElement("ul", {
     className: menuPrefixCls,
     role: "menu"
-  }, React.createElement(List, {
+  }, React.createElement(_rcVirtualList["default"], {
     className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue ? 'rc-virtual-list-full' : '',
     data: optionInfoList,
     height: isEmpty ? 'auto' : 180,
     itemHeight: optionHeight || 36,
     itemKey: "fullPathKey",
     ref: ref
-  }, ({
-    disabled,
-    label,
-    value,
-    isLeaf: isMergedLeaf,
-    isLoading,
-    checked,
-    halfChecked,
-    option,
-    fullPath,
-    fullPathKey
-  }) => {
+  }, function (_ref2) {
+    var disabled = _ref2.disabled,
+      label = _ref2.label,
+      value = _ref2.value,
+      isMergedLeaf = _ref2.isLeaf,
+      isLoading = _ref2.isLoading,
+      checked = _ref2.checked,
+      halfChecked = _ref2.halfChecked,
+      option = _ref2.option,
+      fullPath = _ref2.fullPath,
+      fullPathKey = _ref2.fullPathKey;
     // >>>>> Open
-    const triggerOpenPath = () => {
+    var triggerOpenPath = function triggerOpenPath() {
       if (!disabled && (!hoverOpen || !isMergedLeaf)) {
         onActive(fullPath);
       }
     };
     // >>>>> Selection
-    const triggerSelect = () => {
+    var triggerSelect = function triggerSelect() {
       if (isSelectable(option)) {
         onSelect(fullPath, isMergedLeaf);
       }
     };
     // >>>>> Title
-    let title;
+    var title;
     if (typeof option.title === 'string') {
       title = option.title;
     } else if (typeof label === 'string') {
@@ -134,53 +154,48 @@ export default function Column({
     }
     return React.createElement("li", {
       key: fullPathKey,
-      className: classNames(menuItemPrefixCls, {
-        [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,
-        [`${menuItemPrefixCls}-active`]: activeValue === value,
-        [`${menuItemPrefixCls}-disabled`]: disabled,
-        [`${menuItemPrefixCls}-loading`]: isLoading
-      }),
+      className: (0, _classnames["default"])(menuItemPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(menuItemPrefixCls, "-expand"), !isMergedLeaf), "".concat(menuItemPrefixCls, "-active"), activeValue === value), "".concat(menuItemPrefixCls, "-disabled"), disabled), "".concat(menuItemPrefixCls, "-loading"), isLoading)),
       style: dropdownMenuColumnStyle,
       role: "menuitemcheckbox",
       // @ts-ignore
       title: title,
       "aria-checked": checked,
       "data-path-key": fullPathKey,
-      onClick: () => {
+      onClick: function onClick() {
         triggerOpenPath();
         if (!multiple || isMergedLeaf) {
           triggerSelect();
         }
       },
-      onDoubleClick: () => {
+      onDoubleClick: function onDoubleClick() {
         if (changeOnSelect) {
           onToggleOpen(false);
         }
       },
-      onMouseEnter: () => {
+      onMouseEnter: function onMouseEnter() {
         if (hoverOpen) {
           triggerOpenPath();
         }
       },
-      onMouseDown: e => {
+      onMouseDown: function onMouseDown(e) {
         // Prevent selector from blurring
         e.preventDefault();
       }
-    }, multiple && React.createElement(Checkbox, {
-      prefixCls: `${prefixCls}-checkbox`,
+    }, multiple && React.createElement(_Checkbox["default"], {
+      prefixCls: "".concat(prefixCls, "-checkbox"),
       checked: checked,
       halfChecked: halfChecked,
       disabled: disabled,
-      onClick: e => {
+      onClick: function onClick(e) {
         e.stopPropagation();
         triggerSelect();
       }
     }), React.createElement("div", {
-      className: `${menuItemPrefixCls}-content`
+      className: "".concat(menuItemPrefixCls, "-content")
     }, optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem ? renderItem(option, level) : label), !isLoading && expandIcon && !isMergedLeaf && React.createElement("div", {
-      className: `${menuItemPrefixCls}-expand-icon`
+      className: "".concat(menuItemPrefixCls, "-expand-icon")
     }, expandIcon), isLoading && loadingIcon && React.createElement("div", {
-      className: `${menuItemPrefixCls}-loading-icon`
+      className: "".concat(menuItemPrefixCls, "-loading-icon")
     }, loadingIcon));
   }));
 }