tntd 3.0.41-beta.1 → 3.0.42-beta.1

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

@@ -1,142 +1,219 @@
-// @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 = 32, isEmpty, optionsNum = 7, }) {
-    const ref = React.useRef(null);
-    const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`;
-    const menuItemPrefixCls = `${prefixCls}-menu-item`;
-    const listHeight = React.useMemo(() => {
-        if (optionsNum) {
-            return Math.ceil((optionHeight || 36) * optionsNum) || 180;
+"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(e) { return e && e.__esModule ? e : { "default": e }; }
+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(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 _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; } // @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,
+    _ref$optionHeight = _ref.optionHeight,
+    optionHeight = _ref$optionHeight === void 0 ? 32 : _ref$optionHeight,
+    isEmpty = _ref.isEmpty,
+    _ref$optionsNum = _ref.optionsNum,
+    optionsNum = _ref$optionsNum === void 0 ? 7 : _ref$optionsNum;
+  var ref = React.useRef(null);
+  var menuPrefixCls = "".concat(prefixCls, "-menu ").concat(prefixCls, "-menu-").concat(level);
+  var menuItemPrefixCls = "".concat(prefixCls, "-menu-item");
+  var listHeight = React.useMemo(function () {
+    if (optionsNum) {
+      return Math.ceil((optionHeight || 36) * optionsNum) || 180;
+    }
+    return 180;
+  }, [optionsNum, optionHeight]);
+  var initDropRenderRef = React.useRef(dropdownVisible);
+  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';
+  // 将drop展示赋值给ref
+  React.useEffect(function () {
+    initDropRenderRef.current = dropdownVisible;
+  }, [dropdownVisible]);
+  /** 单选情况下滚动到相应的位置 */
+  React.useEffect(function () {
+    var timer = null;
+    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible && initDropRenderRef.current) {
+      var index = options.findIndex(function (it) {
+        return it[fieldNames.value] === activeValue;
+      });
+      if (index > 0 && !isNaN(index)) {
+        timer = window.setTimeout(function () {
+          ref.current.scrollTo((optionHeight || 36) * index);
+        }, 5);
+      }
+    }
+    return function () {
+      if (timer) {
+        window.clearTimeout(timer);
+      }
+      timer = null;
+    };
+  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight]);
+  // ============================ Option ============================
+  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",
+    style: !isEmpty ? {
+      height: listHeight + 'px'
+    } : {}
+  }, React.createElement(_rcVirtualList["default"], {
+    className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue ? 'rc-virtual-list-full' : '',
+    data: optionInfoList,
+    height: isEmpty ? 'auto' : listHeight,
+    itemHeight: optionHeight || 36,
+    itemKey: "fullPathKey",
+    ref: ref
+  }, 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
+    var triggerOpenPath = function triggerOpenPath() {
+      if (!disabled && (!hoverOpen || !isMergedLeaf)) {
+        onActive(fullPath);
+      }
+    };
+    // >>>>> Selection
+    var triggerSelect = function triggerSelect() {
+      initDropRenderRef.current = false;
+      if (isSelectable(option)) {
+        onSelect(fullPath, isMergedLeaf);
+      }
+    };
+    // >>>>> Title
+    var title;
+    if (typeof option.title === 'string') {
+      title = option.title;
+    } else if (typeof label === 'string') {
+      title = label;
+    }
+    return React.createElement("li", {
+      key: fullPathKey,
+      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: function onClick() {
+        triggerOpenPath();
+        if (!multiple || isMergedLeaf) {
+          triggerSelect();
         }
-        return 180;
-    }, [optionsNum, optionHeight]);
-    const dropDownVisibleRef = React.useRef(dropdownVisible);
-    const { fieldNames, changeOnSelect, expandTrigger, expandIcon, loadingIcon, dropdownMenuColumnStyle, } = React.useContext(CascaderContext);
-    const hoverOpen = expandTrigger === 'hover';
-    // 将drop展示赋值给ref
-    React.useEffect(() => {
-        dropDownVisibleRef.current = dropdownVisible;
-    }, [dropdownVisible]);
-    /** 单选情况下滚动到相应的位置 */
-    React.useEffect(() => {
-        let timer = null;
-        if (ref.current &&
-            ref.current.scrollTo &&
-            !multiple &&
-            dropdownVisible &&
-            dropDownVisibleRef.current) {
-            const index = options.findIndex((it) => it[fieldNames.value] === activeValue);
-            if (index > 0 && !isNaN(index)) {
-                timer = window.setTimeout(() => {
-                    ref.current.scrollTo((optionHeight || 36) * index);
-                }, 5);
-            }
-            dropDownVisibleRef.current = false;
+      },
+      onDoubleClick: function onDoubleClick() {
+        if (changeOnSelect) {
+          onToggleOpen(false);
         }
-        return () => {
-            if (timer) {
-                window.clearTimeout(timer);
-            }
-            timer = null;
-        };
-    }, [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]);
-    // ============================ Render ============================
-    return (React.createElement("ul", { className: menuPrefixCls, role: "menu", style: !isEmpty ? { height: listHeight + 'px' } : {} },
-        React.createElement(List, { className: optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue
-                ? 'rc-virtual-list-full'
-                : '', data: optionInfoList, height: isEmpty ? 'auto' : listHeight, itemHeight: optionHeight || 36, itemKey: "fullPathKey", ref: ref }, ({ disabled, label, value, isLeaf: isMergedLeaf, isLoading, checked, halfChecked, option, fullPath, fullPathKey, }) => {
-            // >>>>> Open
-            const triggerOpenPath = () => {
-                if (!disabled && (!hoverOpen || !isMergedLeaf)) {
-                    onActive(fullPath);
-                }
-            };
-            // >>>>> Selection
-            const triggerSelect = () => {
-                if (isSelectable(option)) {
-                    onSelect(fullPath, isMergedLeaf);
-                }
-            };
-            // >>>>> Title
-            let title;
-            if (typeof option.title === 'string') {
-                title = option.title;
-            }
-            else if (typeof label === 'string') {
-                title = label;
-            }
-            return (React.createElement("li", { key: fullPathKey, className: classNames(menuItemPrefixCls, {
-                    [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,
-                    [`${menuItemPrefixCls}-active`]: activeValue === value,
-                    [`${menuItemPrefixCls}-disabled`]: disabled,
-                    [`${menuItemPrefixCls}-loading`]: isLoading,
-                }), style: dropdownMenuColumnStyle, role: "menuitemcheckbox", 
-                // @ts-ignore
-                title: title, "aria-checked": checked, "data-path-key": fullPathKey, onClick: () => {
-                    triggerOpenPath();
-                    if (!multiple || isMergedLeaf) {
-                        triggerSelect();
-                    }
-                }, onDoubleClick: () => {
-                    if (changeOnSelect) {
-                        onToggleOpen(false);
-                    }
-                }, onMouseEnter: () => {
-                    if (hoverOpen) {
-                        triggerOpenPath();
-                    }
-                }, onMouseDown: (e) => {
-                    // Prevent selector from blurring
-                    e.preventDefault();
-                } },
-                multiple && (React.createElement(Checkbox, { prefixCls: `${prefixCls}-checkbox`, checked: checked, halfChecked: halfChecked, disabled: disabled, onClick: (e) => {
-                        e.stopPropagation();
-                        triggerSelect();
-                    } })),
-                React.createElement("div", { className: `${menuItemPrefixCls}-content` }, optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem
-                    ? renderItem(option, level)
-                    : label),
-                !isLoading && expandIcon && !isMergedLeaf && (React.createElement("div", { className: `${menuItemPrefixCls}-expand-icon` }, expandIcon)),
-                isLoading && loadingIcon && (React.createElement("div", { className: `${menuItemPrefixCls}-loading-icon` }, loadingIcon))));
-        })));
-}
-//# sourceMappingURL=Column.js.map
+      },
+      onMouseEnter: function onMouseEnter() {
+        if (hoverOpen) {
+          triggerOpenPath();
+        }
+      },
+      onMouseDown: function onMouseDown(e) {
+        // Prevent selector from blurring
+        e.preventDefault();
+      }
+    }, multiple && React.createElement(_Checkbox["default"], {
+      prefixCls: "".concat(prefixCls, "-checkbox"),
+      checked: checked,
+      halfChecked: halfChecked,
+      disabled: disabled,
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        triggerSelect();
+      }
+    }), React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-content")
+    }, optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem ? renderItem(option, level) : label), !isLoading && expandIcon && !isMergedLeaf && React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-expand-icon")
+    }, expandIcon), isLoading && loadingIcon && React.createElement("div", {
+      className: "".concat(menuItemPrefixCls, "-loading-icon")
+    }, loadingIcon));
+  }));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,eAAe,MAAM,YAAY,CAAA;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,IAAiB,MAAM,iBAAiB,CAAA;AAG/C,MAAM,CAAC,MAAM,SAAS,GAAG,wBAAwB,CAAA;AAwBjD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,eAAe,EACf,YAAY,GAAG,EAAE,EACjB,OAAO,EACP,UAAU,GAAG,CAAC,GACF;IACZ,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAU,IAAI,CAAC,CAAA;IACvC,MAAM,aAAa,GAAG,GAAG,SAAS,SAAS,SAAS,SAAS,KAAK,EAAE,CAAA;IACpE,MAAM,iBAAiB,GAAG,GAAG,SAAS,YAAY,CAAA;IAElD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,UAAU,EAAE;YACd,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC,GAAG,UAAU,CAAC,IAAI,GAAG,CAAA;SAC3D;QACD,OAAO,GAAG,CAAA;IACZ,CAAC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAA;IAE9B,MAAM,kBAAkB,GAAG,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,CAAA;IAExD,MAAM,EACJ,UAAU,EACV,cAAc,EACd,aAAa,EACb,UAAU,EACV,WAAW,EACX,uBAAuB,GACxB,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;IAErC,MAAM,SAAS,GAAG,aAAa,KAAK,OAAO,CAAA;IAE3C,gBAAgB;IAChB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,kBAAkB,CAAC,OAAO,GAAG,eAAe,CAAA;IAC9C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,oBAAoB;IACpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,GAAG,IAAI,CAAA;QAEhB,IACE,GAAG,CAAC,OAAO;YACX,GAAG,CAAC,OAAO,CAAC,QAAQ;YACpB,CAAC,QAAQ;YACT,eAAe;YACf,kBAAkB,CAAC,OAAO,EAC1B;YACA,MAAM,KAAK,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,WAAW,CAAC,CAAA;YAE7E,IAAI,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBAC9B,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;oBAC7B,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC,GAAG,KAAK,CAAC,CAAA;gBACpD,CAAC,EAAE,CAAC,CAAC,CAAA;aACN;YAED,kBAAkB,CAAC,OAAO,GAAG,KAAK,CAAA;SACnC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,EAAE;gBACT,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;aAC3B;YACD,KAAK,GAAG,IAAI,CAAA;QACd,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAA;IAE/E,mEAAmE;IACnE,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;QAC3B,MAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;QACzC,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,SAAS,CAAC,mCAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAC3D,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;QAEtC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;QAE/C,4DAA4D;QAC5D,MAAM,QAAQ,GAAG,aAAa;YAC5B,CAAC,CAAC,aAAa;gBACb,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YACnD,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,CAAA;QAC7B,MAAM,WAAW,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAA;QAEvC,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAEnD,gBAAgB;QAChB,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAE3C,oBAAoB;QACpB,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,WAAW,CAAC,CAAA;QAEnD,OAAO;YACL,QAAQ;YACR,KAAK;YACL,KAAK;YACL,MAAM,EAAE,YAAY;YACpB,SAAS;YACT,OAAO;YACP,WAAW;YACX,MAAM;YACN,QAAQ;YACR,WAAW;SACZ,CAAA;IACH,CAAC,CAAC,EACJ,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,aAAa,CAAC,CAC9E,CAAA;IACD,mEAAmE;IACnE,OAAO,CACL,4BAAI,SAAS,EAAE,aAAa,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE;QAC5F,oBAAC,IAAI,IACH,SAAS,EACP,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,WAAW,IAAI,CAAC,CAAC,WAAW;gBAC5D,CAAC,CAAC,sBAAsB;gBACxB,CAAC,CAAC,EAAE,EAER,IAAI,EAAE,cAAc,EACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACrC,UAAU,EAAE,YAAY,IAAI,EAAE,EAC9B,OAAO,EAAC,aAAa,EACrB,GAAG,EAAE,GAAG,IAEP,CAAC,EACA,QAAQ,EACR,KAAK,EACL,KAAK,EACL,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,OAAO,EACP,WAAW,EACX,MAAM,EACN,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;YACH,aAAa;YACb,MAAM,eAAe,GAAG,GAAG,EAAE;gBAC3B,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,YAAY,CAAC,EAAE;oBAC9C,QAAQ,CAAC,QAAQ,CAAC,CAAA;iBACnB;YACH,CAAC,CAAA;YAED,kBAAkB;YAClB,MAAM,aAAa,GAAG,GAAG,EAAE;gBACzB,IAAI,YAAY,CAAC,MAAM,CAAC,EAAE;oBACxB,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAA;iBACjC;YACH,CAAC,CAAA;YAED,cAAc;YACd,IAAI,KAAa,CAAA;YACjB,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ,EAAE;gBACpC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;aACrB;iBAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBACpC,KAAK,GAAG,KAAK,CAAA;aACd;YACD,OAAO,CACL,4BACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oBACvC,CAAC,GAAG,iBAAiB,SAAS,CAAC,EAAE,CAAC,YAAY;oBAC9C,CAAC,GAAG,iBAAiB,SAAS,CAAC,EAAE,WAAW,KAAK,KAAK;oBACtD,CAAC,GAAG,iBAAiB,WAAW,CAAC,EAAE,QAAQ;oBAC3C,CAAC,GAAG,iBAAiB,UAAU,CAAC,EAAE,SAAS;iBAC5C,CAAC,EACF,KAAK,EAAE,uBAAuB,EAC9B,IAAI,EAAC,kBAAkB;gBACvB,aAAa;gBACb,KAAK,EAAE,KAAK,kBACE,OAAO,mBACN,WAAW,EAC1B,OAAO,EAAE,GAAG,EAAE;oBACZ,eAAe,EAAE,CAAA;oBACjB,IAAI,CAAC,QAAQ,IAAI,YAAY,EAAE;wBAC7B,aAAa,EAAE,CAAA;qBAChB;gBACH,CAAC,EACD,aAAa,EAAE,GAAG,EAAE;oBAClB,IAAI,cAAc,EAAE;wBAClB,YAAY,CAAC,KAAK,CAAC,CAAA;qBACpB;gBACH,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;oBACjB,IAAI,SAAS,EAAE;wBACb,eAAe,EAAE,CAAA;qBAClB;gBACH,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE;oBACjB,iCAAiC;oBACjC,CAAC,CAAC,cAAc,EAAE,CAAA;gBACpB,CAAC;gBAEA,QAAQ,IAAI,CACX,oBAAC,QAAQ,IACP,SAAS,EAAE,GAAG,SAAS,WAAW,EAClC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAoC,EAAE,EAAE;wBAChD,CAAC,CAAC,eAAe,EAAE,CAAA;wBACnB,aAAa,EAAE,CAAA;oBACjB,CAAC,GACD,CACH;gBACD,6BAAK,SAAS,EAAE,GAAG,iBAAiB,UAAU,IAC3C,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,KAAK,WAAW,IAAI,UAAU;oBAC1D,CAAC,CAAC,UAAU,CAAC,MAAM,EAAE,KAAK,CAAC;oBAC3B,CAAC,CAAC,KAAK,CACL;gBACL,CAAC,SAAS,IAAI,UAAU,IAAI,CAAC,YAAY,IAAI,CAC5C,6BAAK,SAAS,EAAE,GAAG,iBAAiB,cAAc,IAAG,UAAU,CAAO,CACvE;gBACA,SAAS,IAAI,WAAW,IAAI,CAC3B,6BAAK,SAAS,EAAE,GAAG,iBAAiB,eAAe,IAAG,WAAW,CAAO,CACzE,CACE,CACN,CAAA;QACH,CAAC,CACI,CACJ,CACN,CAAA;AACH,CAAC","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight = 32,\n  isEmpty,\n  optionsNum = 7,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const listHeight = React.useMemo(() => {\n    if (optionsNum) {\n      return Math.ceil((optionHeight || 36) * optionsNum) || 180\n    }\n    return 180\n  }, [optionsNum, optionHeight])\n\n  const dropDownVisibleRef = React.useRef(dropdownVisible)\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  // 将drop展示赋值给ref\n  React.useEffect(() => {\n    dropDownVisibleRef.current = dropdownVisible\n  }, [dropdownVisible])\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n\n    if (\n      ref.current &&\n      ref.current.scrollTo &&\n      !multiple &&\n      dropdownVisible &&\n      dropDownVisibleRef.current\n    ) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n\n      dropDownVisibleRef.current = false\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\" style={!isEmpty ? { height: listHeight + 'px' } : {}}>\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={isEmpty ? 'auto' : listHeight}\n        itemHeight={optionHeight || 36}\n        itemKey=\"fullPathKey\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight = 32,\n  isEmpty,\n  optionsNum = 7,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const listHeight = React.useMemo(() => {\n    if (optionsNum) {\n      return Math.ceil((optionHeight || 36) * optionsNum) || 180\n    }\n    return 180\n  }, [optionsNum, optionHeight])\n\n  const initDropRenderRef = React.useRef(dropdownVisible)\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  // 将drop展示赋值给ref\n  React.useEffect(() => {\n    initDropRenderRef.current = dropdownVisible\n  }, [dropdownVisible])\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n\n    if (\n      ref.current &&\n      ref.current.scrollTo &&\n      !multiple &&\n      dropdownVisible &&\n      initDropRenderRef.current\n    ) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\" style={!isEmpty ? { height: listHeight + 'px' } : {}}>\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={isEmpty ? 'auto' : listHeight}\n        itemHeight={optionHeight || 36}\n        itemKey=\"fullPathKey\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            initDropRenderRef.current = false\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}