@uiw/react-tree
Advanced tools
Comparing version 5.0.0-bate-1 to 5.0.0-bate-10
127
cjs/index.js
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -15,23 +13,12 @@ value: true | ||
exports.getChildKeys = void 0; | ||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray")); | ||
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray")); | ||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _utils = require("@uiw/utils"); | ||
var _TreeNode = _interopRequireDefault(require("./TreeNode")); | ||
var _index = require("./style/index"); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
var _style = require("./style"); | ||
Object.keys(_style).forEach(function (key) { | ||
@@ -49,3 +36,2 @@ if (key === "default" || key === "__esModule") return; | ||
var _excluded = ["prefixCls", "icon", "data", "openKeys", "selectedKeys", "defaultExpandAll", "showLine", "iconAnimation", "isSelected", "checkStrictly", "multiple", "onExpand", "onSelected", "className", "autoExpandParent", "renderTitle", "onChange", "value"]; | ||
/** | ||
@@ -60,10 +46,7 @@ * a contains b | ||
var aStr = a.toString(); | ||
for (var i = 0, len = b.length; i < len; i += 1) { | ||
if (aStr.indexOf(b[i]) === -1) return false; | ||
} | ||
return true; | ||
}; | ||
var getChildKeys = function getChildKeys() { | ||
@@ -77,5 +60,3 @@ var childs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; | ||
} | ||
if (typeof depth === 'number' && !(depth - 1)) return; | ||
if (item.children && item.children.length > 0) { | ||
@@ -87,20 +68,14 @@ result = result.concat(getChildKeys(item.children, undefined, depth ? depth - 1 : undefined)); | ||
}; | ||
exports.getChildKeys = getChildKeys; | ||
var getParentKeys = function getParentKeys() { | ||
var childs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
var result = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; | ||
if (childs.key) { | ||
result.push(childs.key); | ||
} | ||
if (childs.parent) { | ||
result = getParentKeys(childs.parent, result); | ||
} | ||
return result; | ||
}; | ||
var getParentSelectKeys = function getParentSelectKeys() { | ||
@@ -110,6 +85,4 @@ var childs = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; | ||
var result = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : []; | ||
if (childs.key && childs.children && isContained(selectedKeys, getChildKeys(childs.children, undefined, 1))) { | ||
result.push(childs.key); | ||
if (childs.parent && !childs.parent.parent) { | ||
@@ -119,3 +92,2 @@ if (isContained(selectedKeys, getChildKeys(childs.children))) { | ||
} | ||
if (isContained(selectedKeys, getChildKeys(childs.parent.children))) { | ||
@@ -126,55 +98,49 @@ result.push(childs.parent.key); | ||
} | ||
if (childs.parent) { | ||
result = getParentSelectKeys(childs.parent, selectedKeys, result); | ||
} | ||
return result; | ||
}; | ||
function Tree(props) { | ||
var _props$prefixCls = props.prefixCls, | ||
prefixCls = _props$prefixCls === void 0 ? 'w-tree' : _props$prefixCls, | ||
_props$icon = props.icon, | ||
icon = _props$icon === void 0 ? 'caret-right' : _props$icon, | ||
_props$data = props.data, | ||
data = _props$data === void 0 ? [] : _props$data, | ||
_props$openKeys = props.openKeys, | ||
openKeys = _props$openKeys === void 0 ? [] : _props$openKeys, | ||
_props$selectedKeys = props.selectedKeys, | ||
selectedKeys = _props$selectedKeys === void 0 ? [] : _props$selectedKeys, | ||
_props$defaultExpandA = props.defaultExpandAll, | ||
defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA, | ||
_props$showLine = props.showLine, | ||
showLine = _props$showLine === void 0 ? false : _props$showLine, | ||
_props$iconAnimation = props.iconAnimation, | ||
iconAnimation = _props$iconAnimation === void 0 ? true : _props$iconAnimation, | ||
_props$isSelected = props.isSelected, | ||
isSelected = _props$isSelected === void 0 ? true : _props$isSelected, | ||
_props$checkStrictly = props.checkStrictly, | ||
checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly, | ||
_props$multiple = props.multiple, | ||
multiple = _props$multiple === void 0 ? false : _props$multiple, | ||
_props$onExpand = props.onExpand, | ||
onExpand = _props$onExpand === void 0 ? _utils.noop : _props$onExpand, | ||
_props$onSelected = props.onSelected, | ||
onSelected = _props$onSelected === void 0 ? _utils.noop : _props$onSelected, | ||
className = props.className, | ||
_props$autoExpandPare = props.autoExpandParent, | ||
autoExpandParent = _props$autoExpandPare === void 0 ? true : _props$autoExpandPare, | ||
renderTitle = props.renderTitle, | ||
onChange = props.onChange, | ||
value = props.value, | ||
elementProps = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
prefixCls = _props$prefixCls === void 0 ? 'w-tree' : _props$prefixCls, | ||
_props$icon = props.icon, | ||
icon = _props$icon === void 0 ? 'caret-right' : _props$icon, | ||
_props$data = props.data, | ||
data = _props$data === void 0 ? [] : _props$data, | ||
_props$openKeys = props.openKeys, | ||
openKeys = _props$openKeys === void 0 ? [] : _props$openKeys, | ||
_props$selectedKeys = props.selectedKeys, | ||
selectedKeys = _props$selectedKeys === void 0 ? [] : _props$selectedKeys, | ||
_props$defaultExpandA = props.defaultExpandAll, | ||
defaultExpandAll = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA, | ||
_props$showLine = props.showLine, | ||
showLine = _props$showLine === void 0 ? false : _props$showLine, | ||
_props$iconAnimation = props.iconAnimation, | ||
iconAnimation = _props$iconAnimation === void 0 ? true : _props$iconAnimation, | ||
_props$isSelected = props.isSelected, | ||
isSelected = _props$isSelected === void 0 ? true : _props$isSelected, | ||
_props$checkStrictly = props.checkStrictly, | ||
checkStrictly = _props$checkStrictly === void 0 ? false : _props$checkStrictly, | ||
_props$multiple = props.multiple, | ||
multiple = _props$multiple === void 0 ? false : _props$multiple, | ||
_props$onExpand = props.onExpand, | ||
onExpand = _props$onExpand === void 0 ? _utils.noop : _props$onExpand, | ||
_props$onSelected = props.onSelected, | ||
onSelected = _props$onSelected === void 0 ? _utils.noop : _props$onSelected, | ||
className = props.className, | ||
_props$autoExpandPare = props.autoExpandParent, | ||
autoExpandParent = _props$autoExpandPare === void 0 ? true : _props$autoExpandPare, | ||
renderTitle = props.renderTitle, | ||
onChange = props.onChange, | ||
value = props.value, | ||
elementProps = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
var _useState = (0, _react.useState)(openKeys), | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
curOpenKeys = _useState2[0], | ||
setCurOpenKeys = _useState2[1]; | ||
_useState2 = (0, _slicedToArray2["default"])(_useState, 2), | ||
curOpenKeys = _useState2[0], | ||
setCurOpenKeys = _useState2[1]; | ||
var _useState3 = (0, _react.useState)(value || selectedKeys), | ||
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2), | ||
curSelectedKeys = _useState4[0], | ||
setCurSelectedKeys = _useState4[1]; | ||
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2), | ||
curSelectedKeys = _useState4[0], | ||
setCurSelectedKeys = _useState4[1]; | ||
(0, _react.useEffect)(function () { | ||
@@ -185,3 +151,2 @@ setCurSelectedKeys(props.value || props.selectedKeys || []); | ||
var arrOpenKeys = (0, _toConsumableArray2["default"])(curOpenKeys); | ||
if (defaultExpandAll) { | ||
@@ -191,17 +156,13 @@ arrOpenKeys = getChildKeys(data); | ||
var _arrOpenKeys; | ||
(_arrOpenKeys = arrOpenKeys).push.apply(_arrOpenKeys, (0, _toConsumableArray2["default"])(getChildKeys(data || [], undefined, 1))); | ||
} | ||
setCurOpenKeys(arrOpenKeys); | ||
}, []); | ||
var cls = [className, prefixCls, showLine ? "".concat(prefixCls, "-line") : null].filter(Boolean).join(' ').trim(); | ||
function onItemClick(item, evn) { | ||
if (!item.children) { | ||
return; | ||
} // const { onExpand } = this.props; | ||
} | ||
// const { onExpand } = this.props; | ||
// const { openKeys } = this.state; | ||
var currentKeys = (0, _toConsumableArray2["default"])(curOpenKeys); | ||
@@ -213,3 +174,2 @@ var key = currentKeys.find(function (v) { | ||
var expanded = false; | ||
if (!key && item.key) { | ||
@@ -225,7 +185,5 @@ currentKeys.push(item.key); | ||
} | ||
setCurOpenKeys(currentKeys); | ||
onExpand && onExpand(item.key, expanded, item, evn); | ||
} | ||
function onItemSelected(item, evn) { | ||
@@ -238,3 +196,2 @@ // const { onSelected, multiple, checkStrictly } = this.props; | ||
var selected = false; | ||
if (!findKey && findKey !== 0) { | ||
@@ -248,3 +205,2 @@ selected = true; | ||
} | ||
if (checkStrictly) { | ||
@@ -266,7 +222,5 @@ if (!findKey) { | ||
} | ||
if (!multiple) { | ||
selKeys = !findKey ? [item.key] : []; | ||
} | ||
setCurSelectedKeys(selKeys); | ||
@@ -276,3 +230,2 @@ onSelected && onSelected(selKeys, item.key, selected, item, evn); | ||
} | ||
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.TreeNodeStyleWrap, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({ | ||
@@ -279,0 +232,0 @@ className: cls |
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -11,15 +9,8 @@ value: true | ||
exports.TreeStyleTheme = exports.TreeNodeStyleWrap = exports.TreeNodeStyleUlLidivSpanIcon = exports.TreeNodeStyleUlLidivSpanDiv = exports.TreeNodeStyleUlLidivSpan = exports.TreeNodeStyleUlDiv = exports.TreeNodeStyleUl = exports.TreeNodeStyleCSSTransition = void 0; | ||
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral")); | ||
var _styledComponents = _interopRequireWildcard(require("styled-components")); | ||
var _utils = require("@uiw/utils"); | ||
var _reactIcon = require("@uiw/react-icon"); | ||
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; | ||
var TreeStyleTheme = { | ||
@@ -35,3 +26,2 @@ borderRadiusTreeNodeDefault: '0 0 0 3px', | ||
exports.TreeStyleTheme = TreeStyleTheme; | ||
var TreeNodeStyleCSSTransition = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n font-size: ", ";\n"])), function (props) { | ||
@@ -41,9 +31,8 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, { | ||
}), 'fontSizeTreeNodeStyleCSSTransitionDefault'); | ||
}); // TreeNodeStyleCSSTransition.defaultProps = { | ||
}); | ||
// TreeNodeStyleCSSTransition.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
// }; | ||
exports.TreeNodeStyleCSSTransition = TreeNodeStyleCSSTransition; | ||
var TreeNodeStyleUl = _styledComponents["default"].ul(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n padding: 0 !important;\n transition: 0.3s all;\n overflow: hidden;\n margin: 0;\n ul {\n padding-left: 18px !important;\n margin-bottom: 0;\n }\n li {\n list-style: none !important;\n & + li {\n margin-top: 2px !important;\n }\n &:first-child {\n padding-top: 3px;\n }\n }\n\n ", "\n\n ", "\n"])), function (props) { | ||
@@ -54,9 +43,5 @@ return props.level !== 1 && props.isOpen && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])([""]))); | ||
}); | ||
exports.TreeNodeStyleUl = TreeNodeStyleUl; | ||
var TreeNodeStyleUlDiv = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n line-height: initial;\n & > * {\n vertical-align: middle;\n }\n"]))); | ||
exports.TreeNodeStyleUlDiv = TreeNodeStyleUlDiv; | ||
var TreeNodeStyleUlLidivSpan = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n cursor: pointer;\n position: relative;\n z-index: 1;\n width: 14px;\n height: 14px;\n line-height: 14px;\n display: inline-block;\n text-align: center;\n &:hover {\n color: ", ";\n }\n ", " {\n transition: 0.3s all;\n transform: ", ";\n &.open:not(.no-animation) {\n transform: scale(0.79) rotate(90deg) !important;\n }\n }\n"])), function (props) { | ||
@@ -70,9 +55,8 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, { | ||
}), 'transformTreeNodeUlLidivSpanDefault'); | ||
}); // TreeNodeStyleUlLidivSpan.defaultProps = { | ||
}); | ||
// TreeNodeStyleUlLidivSpan.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
// }; | ||
exports.TreeNodeStyleUlLidivSpan = TreeNodeStyleUlLidivSpan; | ||
var TreeNodeStyleUlLidivSpanIcon = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n ", "\n\n ", "\n"])), function (props) { | ||
@@ -86,9 +70,8 @@ return props.isNoChild && !props.isIcon && (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n display: none;\n "]))); | ||
}); | ||
}); // TreeNodeStyleUlLidivSpanIcon.defaultProps = { | ||
}); | ||
// TreeNodeStyleUlLidivSpanIcon.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
// }; | ||
exports.TreeNodeStyleUlLidivSpanIcon = TreeNodeStyleUlLidivSpanIcon; | ||
var TreeNodeStyleUlLidivSpanDiv = _styledComponents["default"].div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["\n display: inline-block;\n padding: 2px 5px;\n cursor: pointer;\n\n ", "\n\n ", "\n\n > * {\n vertical-align: middle;\n }\n"])), function (props) { | ||
@@ -103,5 +86,3 @@ return props.judgeSelected && props.judgeisSelected && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["\n background-color: ", ";\n "])), function (props) { | ||
}); | ||
exports.TreeNodeStyleUlLidivSpanDiv = TreeNodeStyleUlLidivSpanDiv; | ||
var TreeNodeStyleWrap = _styledComponents["default"].div(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["\n li {\n position: relative;\n li {\n &:before,\n &::after {\n content: ' ';\n border-left: ", ";\n left: -12px;\n position: absolute;\n }\n &::after {\n height: 100%;\n top: 5px;\n }\n &:last-child::after {\n height: 16px;\n top: -18px;\n }\n &:before {\n content: ' ';\n width: 10px;\n height: 16px;\n border-bottom: ", ";\n top: -2px;\n }\n &:last-child::before {\n border-radius: ", ";\n }\n }\n }\n"])), function (props) { | ||
@@ -119,8 +100,8 @@ return (0, _utils.getThemeVariantValue)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, { | ||
}), 'borderRadiusTreeNodeDefault'); | ||
}); // TreeNodeStyleWrap.defaultProps = { | ||
}); | ||
// TreeNodeStyleWrap.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
// }; | ||
exports.TreeNodeStyleWrap = TreeNodeStyleWrap; | ||
//# sourceMappingURL=index.js.map |
"use strict"; | ||
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"]; | ||
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"]; | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -11,30 +9,17 @@ value: true | ||
exports["default"] = TreeNode; | ||
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); | ||
var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof")); | ||
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); | ||
var _react = _interopRequireWildcard(require("react")); | ||
var _reactTransitionGroup = require("react-transition-group"); | ||
var _reactIcon = _interopRequireDefault(require("@uiw/react-icon")); | ||
var _utils = require("@uiw/utils"); | ||
var _ = require("./"); | ||
var _index = require("./style/index"); | ||
var _jsxRuntime = require("react/jsx-runtime"); | ||
var _excluded = ["prefixCls", "renderTitle", "icon", "iconAnimation", "isSelected", "openKeys", "selectedKeys", "data", "level", "parent", "onItemClick", "onItemSelected"]; | ||
var Label = function Label(_ref) { | ||
var label = _ref.label, | ||
className = _ref.className; | ||
className = _ref.className; | ||
return (0, _react.useMemo)(function () { | ||
@@ -47,27 +32,23 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", { | ||
}; | ||
function TreeNode(props) { | ||
var prefixCls = props.prefixCls, | ||
renderTitle = props.renderTitle, | ||
icon = props.icon, | ||
iconAnimation = props.iconAnimation, | ||
isSelected = props.isSelected, | ||
openKeys = props.openKeys, | ||
selectedKeys = props.selectedKeys, | ||
data = props.data, | ||
level = props.level, | ||
parent = props.parent, | ||
_props$onItemClick = props.onItemClick, | ||
onItemClick = _props$onItemClick === void 0 ? _utils.noop : _props$onItemClick, | ||
_props$onItemSelected = props.onItemSelected, | ||
onItemSelected = _props$onItemSelected === void 0 ? _utils.noop : _props$onItemSelected, | ||
other = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
renderTitle = props.renderTitle, | ||
icon = props.icon, | ||
iconAnimation = props.iconAnimation, | ||
isSelected = props.isSelected, | ||
openKeys = props.openKeys, | ||
selectedKeys = props.selectedKeys, | ||
data = props.data, | ||
level = props.level, | ||
parent = props.parent, | ||
_props$onItemClick = props.onItemClick, | ||
onItemClick = _props$onItemClick === void 0 ? _utils.noop : _props$onItemClick, | ||
_props$onItemSelected = props.onItemSelected, | ||
onItemSelected = _props$onItemSelected === void 0 ? _utils.noop : _props$onItemSelected, | ||
other = (0, _objectWithoutProperties2["default"])(props, _excluded); | ||
var isOpen = false; | ||
var node = _react["default"].useRef(null); | ||
if (parent && (parent.key || parent.key === 0)) { | ||
isOpen = !!(openKeys && openKeys.indexOf(parent.key) > -1); | ||
} | ||
var onExit = (0, _react.useCallback)(function () { | ||
@@ -106,3 +87,2 @@ node.current.style.height = "".concat(node.current.scrollHeight, "px"); | ||
var _objectSpread2; | ||
item.parent = parent; | ||
@@ -130,3 +110,2 @@ var selected = !!(selectedKeys && selectedKeys.indexOf(item.key) > -1); | ||
}; | ||
if (item.disabled) { | ||
@@ -141,3 +120,2 @@ disabledObj.onClick = undefined; | ||
} | ||
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", { | ||
@@ -169,3 +147,2 @@ style: { | ||
var _disabledObj$onClick; | ||
return (_disabledObj$onClick = disabledObj.onClick) === null || _disabledObj$onClick === void 0 ? void 0 : _disabledObj$onClick.call(disabledObj, item, evn); | ||
@@ -207,4 +184,3 @@ }, | ||
} | ||
module.exports = exports.default; | ||
//# sourceMappingURL=TreeNode.js.map |
@@ -10,3 +10,2 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
export * from './style'; | ||
/** | ||
@@ -21,10 +20,7 @@ * a contains b | ||
var aStr = a.toString(); | ||
for (var i = 0, len = b.length; i < len; i += 1) { | ||
if (aStr.indexOf(b[i]) === -1) return false; | ||
} | ||
return true; | ||
}; | ||
export var getChildKeys = function getChildKeys(childs, result, depth) { | ||
@@ -34,7 +30,5 @@ if (childs === void 0) { | ||
} | ||
if (result === void 0) { | ||
result = []; | ||
} | ||
childs.forEach(item => { | ||
@@ -44,5 +38,3 @@ if (!item.hideNode) { | ||
} | ||
if (typeof depth === 'number' && !(depth - 1)) return; | ||
if (item.children && item.children.length > 0) { | ||
@@ -54,3 +46,2 @@ result = result.concat(getChildKeys(item.children, undefined, depth ? depth - 1 : undefined)); | ||
}; | ||
var getParentKeys = function getParentKeys(childs, result) { | ||
@@ -60,18 +51,13 @@ if (childs === void 0) { | ||
} | ||
if (result === void 0) { | ||
result = []; | ||
} | ||
if (childs.key) { | ||
result.push(childs.key); | ||
} | ||
if (childs.parent) { | ||
result = getParentKeys(childs.parent, result); | ||
} | ||
return result; | ||
}; | ||
var getParentSelectKeys = function getParentSelectKeys(childs, selectedKeys, result) { | ||
@@ -81,14 +67,10 @@ if (childs === void 0) { | ||
} | ||
if (selectedKeys === void 0) { | ||
selectedKeys = []; | ||
} | ||
if (result === void 0) { | ||
result = []; | ||
} | ||
if (childs.key && childs.children && isContained(selectedKeys, getChildKeys(childs.children, undefined, 1))) { | ||
result.push(childs.key); | ||
if (childs.parent && !childs.parent.parent) { | ||
@@ -98,3 +80,2 @@ if (isContained(selectedKeys, getChildKeys(childs.children))) { | ||
} | ||
if (isContained(selectedKeys, getChildKeys(childs.parent.children))) { | ||
@@ -105,33 +86,29 @@ result.push(childs.parent.key); | ||
} | ||
if (childs.parent) { | ||
result = getParentSelectKeys(childs.parent, selectedKeys, result); | ||
} | ||
return result; | ||
}; | ||
export default function Tree(props) { | ||
var { | ||
prefixCls = 'w-tree', | ||
icon = 'caret-right', | ||
data = [], | ||
openKeys = [], | ||
selectedKeys = [], | ||
defaultExpandAll = false, | ||
showLine = false, | ||
iconAnimation = true, | ||
isSelected = true, | ||
checkStrictly = false, | ||
multiple = false, | ||
onExpand = noop, | ||
onSelected = noop, | ||
className, | ||
autoExpandParent = true, | ||
renderTitle, | ||
onChange, | ||
value | ||
} = props, | ||
elementProps = _objectWithoutPropertiesLoose(props, _excluded); | ||
prefixCls = 'w-tree', | ||
icon = 'caret-right', | ||
data = [], | ||
openKeys = [], | ||
selectedKeys = [], | ||
defaultExpandAll = false, | ||
showLine = false, | ||
iconAnimation = true, | ||
isSelected = true, | ||
checkStrictly = false, | ||
multiple = false, | ||
onExpand = noop, | ||
onSelected = noop, | ||
className, | ||
autoExpandParent = true, | ||
renderTitle, | ||
onChange, | ||
value | ||
} = props, | ||
elementProps = _objectWithoutPropertiesLoose(props, _excluded); | ||
var [curOpenKeys, setCurOpenKeys] = useState(openKeys); | ||
@@ -144,3 +121,2 @@ var [curSelectedKeys, setCurSelectedKeys] = useState(value || selectedKeys); | ||
var arrOpenKeys = [...curOpenKeys]; | ||
if (defaultExpandAll) { | ||
@@ -151,14 +127,11 @@ arrOpenKeys = getChildKeys(data); | ||
} | ||
setCurOpenKeys(arrOpenKeys); | ||
}, []); | ||
var cls = [className, prefixCls, showLine ? prefixCls + "-line" : null].filter(Boolean).join(' ').trim(); | ||
function onItemClick(item, evn) { | ||
if (!item.children) { | ||
return; | ||
} // const { onExpand } = this.props; | ||
} | ||
// const { onExpand } = this.props; | ||
// const { openKeys } = this.state; | ||
var currentKeys = [...curOpenKeys]; | ||
@@ -168,3 +141,2 @@ var key = currentKeys.find(v => v === item.key); | ||
var expanded = false; | ||
if (!key && item.key) { | ||
@@ -178,7 +150,5 @@ currentKeys.push(item.key); | ||
} | ||
setCurOpenKeys(currentKeys); | ||
onExpand && onExpand(item.key, expanded, item, evn); | ||
} | ||
function onItemSelected(item, evn) { | ||
@@ -189,3 +159,2 @@ // const { onSelected, multiple, checkStrictly } = this.props; | ||
var selected = false; | ||
if (!findKey && findKey !== 0) { | ||
@@ -197,3 +166,2 @@ selected = true; | ||
} | ||
if (checkStrictly) { | ||
@@ -209,7 +177,5 @@ if (!findKey) { | ||
} | ||
if (!multiple) { | ||
selKeys = !findKey ? [item.key] : []; | ||
} | ||
setCurSelectedKeys(selKeys); | ||
@@ -219,3 +185,2 @@ onSelected && onSelected(selKeys, item.key, selected, item, evn); | ||
} | ||
return /*#__PURE__*/_jsx(TreeNodeStyleWrap, _extends({ | ||
@@ -222,0 +187,0 @@ className: cls |
import _extends from "@babel/runtime/helpers/extends"; | ||
import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose"; | ||
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13; | ||
import styled, { css } from 'styled-components'; | ||
@@ -20,3 +18,5 @@ import { getThemeVariantValue } from '@uiw/utils'; | ||
defaultTheme: TreeStyleTheme | ||
}), 'fontSizeTreeNodeStyleCSSTransitionDefault')); // TreeNodeStyleCSSTransition.defaultProps = { | ||
}), 'fontSizeTreeNodeStyleCSSTransitionDefault')); | ||
// TreeNodeStyleCSSTransition.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
@@ -31,3 +31,5 @@ // }; | ||
defaultTheme: TreeStyleTheme | ||
}), 'transformTreeNodeUlLidivSpanDefault')); // TreeNodeStyleUlLidivSpan.defaultProps = { | ||
}), 'transformTreeNodeUlLidivSpanDefault')); | ||
// TreeNodeStyleUlLidivSpan.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
@@ -38,3 +40,5 @@ // }; | ||
defaultTheme: TreeStyleTheme | ||
}), 'transformTreeNodeUlLidivSpanIconDefault'))); // TreeNodeStyleUlLidivSpanIcon.defaultProps = { | ||
}), 'transformTreeNodeUlLidivSpanIconDefault'))); | ||
// TreeNodeStyleUlLidivSpanIcon.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
@@ -52,5 +56,7 @@ // }; | ||
defaultTheme: TreeStyleTheme | ||
}), 'borderRadiusTreeNodeDefault')); // TreeNodeStyleWrap.defaultProps = { | ||
}), 'borderRadiusTreeNodeDefault')); | ||
// TreeNodeStyleWrap.defaultProps = { | ||
// defaultTheme: TreeStyleTheme, | ||
// }; | ||
//# sourceMappingURL=index.js.map |
@@ -12,3 +12,2 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
import { jsxs as _jsxs } from "react/jsx-runtime"; | ||
var Label = _ref => { | ||
@@ -24,27 +23,23 @@ var { | ||
}; | ||
export default function TreeNode(props) { | ||
var { | ||
prefixCls, | ||
renderTitle, | ||
icon, | ||
iconAnimation, | ||
isSelected, | ||
openKeys, | ||
selectedKeys, | ||
data, | ||
level, | ||
parent, | ||
onItemClick = noop, | ||
onItemSelected = noop | ||
} = props, | ||
other = _objectWithoutPropertiesLoose(props, _excluded); | ||
prefixCls, | ||
renderTitle, | ||
icon, | ||
iconAnimation, | ||
isSelected, | ||
openKeys, | ||
selectedKeys, | ||
data, | ||
level, | ||
parent, | ||
onItemClick = noop, | ||
onItemSelected = noop | ||
} = props, | ||
other = _objectWithoutPropertiesLoose(props, _excluded); | ||
var isOpen = false; | ||
var node = React.useRef(null); | ||
if (parent && (parent.key || parent.key === 0)) { | ||
isOpen = !!(openKeys && openKeys.indexOf(parent.key) > -1); | ||
} | ||
var onExit = useCallback(() => { | ||
@@ -102,3 +97,2 @@ node.current.style.height = node.current.scrollHeight + "px"; | ||
}; | ||
if (item.disabled) { | ||
@@ -113,3 +107,2 @@ disabledObj.onClick = undefined; | ||
} | ||
return /*#__PURE__*/_jsxs("li", { | ||
@@ -116,0 +109,0 @@ style: { |
{ | ||
"name": "@uiw/react-tree", | ||
"version": "5.0.0-bate-1", | ||
"version": "5.0.0-bate-10", | ||
"description": "Tree component", | ||
@@ -48,6 +48,6 @@ "author": "Kenny Wong <wowohoo@qq.com>", | ||
"dependencies": { | ||
"@uiw/react-icon": "^5.0.0-bate-1", | ||
"@uiw/utils": "^5.0.0-bate-1", | ||
"@uiw/react-icon": "^5.0.0-bate-10", | ||
"@uiw/utils": "^5.0.0-bate-10", | ||
"react-transition-group": "~4.4.5" | ||
} | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
1765
177811
Updated@uiw/utils@^5.0.0-bate-10