villianjs-pro 1.0.57 → 1.0.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
function _array_like_to_array(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}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){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 _non_iterable_spread(){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 _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function _ts_generator(thisArg,body){var f,y,t,_={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},g=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return g.next=verb(0),g["throw"]=verb(1),g["return"]=verb(2),typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break}if(t[2])_.ops.pop();_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e];y=0}finally{f=t=0}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true}}}import React,{useMemo,useCallback,useEffect,useState}from"react";import{TreeSelectContext}from"../context";import{useCommonStyles}from"../hooks/commonStyles";import useStyle from"../styles";import classNames from"classnames";import{Flex,Input,Empty,Spin,Breadcrumb}from"antd";import{SearchOutlined,CloseOutlined,DeleteOutlined}from"@ant-design/icons";import{debounce}from"lodash";import{Button}from"../../Button";import{TreeNodeItem}from"./tree-node-item";export var TreeSelectContent=function(props){var context=React.useContext(TreeSelectContext);var _useCommonStyles=useCommonStyles("vlian-tree-select",props,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var bodyClassName=props.bodyClassName,bodyStyle=props.bodyStyle,_props_mode=props.mode,mode=_props_mode===void 0?"modal":_props_mode,_props_searchPlaceholder=props.searchPlaceholder,searchPlaceholder=_props_searchPlaceholder===void 0?"请输入关键字":_props_searchPlaceholder,onSearch=props.onSearch,_props_nodeKey=props.nodeKey,nodeKey=_props_nodeKey===void 0?"id":_props_nodeKey,keyGenerator=props.keyGenerator,_props_data=props.data,data=_props_data===void 0?[]:_props_data,_props_rootNodeName=props.rootNodeName,rootNodeName=_props_rootNodeName===void 0?"根节点":_props_rootNodeName,onLoadData=props.onLoadData;var formatNodeData=useCallback(function(node){var parentPath=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";var nodeKeyValue;if(keyGenerator){nodeKeyValue=keyGenerator(node)}else if(nodeKey&&node[nodeKey]!==undefined&&node[nodeKey]!==null){var value=node[nodeKey];var nodeType=node.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){nodeKeyValue="".concat(String(nodeType),"-").concat(String(value))}else{nodeKeyValue=String(value)}}else{nodeKeyValue=node.key||""}var nodePath=parentPath;var formattedNode=_object_spread_props(_object_spread({},node),{key:nodeKeyValue,path:nodePath});var currentLabel=node.label||"";var childParentPath=parentPath?"".concat(parentPath,"/").concat(currentLabel):currentLabel;if(node.children&&node.children.length>0){formattedNode.children=node.children.map(function(child){return formatNodeData(child,childParentPath)})}return formattedNode},[nodeKey,keyGenerator]);var formatData=useCallback(function(data){return data.map(function(node){return formatNodeData(node)})},[formatNodeData]);var _useState=_sliced_to_array(useState(""),2),searchValue=_useState[0],setSearchValue=_useState[1];var _useState1=_sliced_to_array(useState([]),2),searchResults=_useState1[0],setSearchResults=_useState1[1];var _useState2=_sliced_to_array(useState(false),2),isSearching=_useState2[0],setIsSearching=_useState2[1];var _useState3=_sliced_to_array(useState(false),2),selectedSearchVisible=_useState3[0],setSelectedSearchVisible=_useState3[1];var _useState4=_sliced_to_array(useState(""),2),selectedSearchValue=_useState4[0],setSelectedSearchValue=_useState4[1];var _useState5=_sliced_to_array(useState([]),2),breadcrumbPath=_useState5[0],setBreadcrumbPath=_useState5[1];var _useState6=_sliced_to_array(useState([]),2),formattedData=_useState6[0],setFormattedData=_useState6[1];var _useState7=_sliced_to_array(useState([]),2),currentDisplayData=_useState7[0],setCurrentDisplayData=_useState7[1];var _useState8=_sliced_to_array(useState(false),2),isLoadingData=_useState8[0],setIsLoadingData=_useState8[1];var _useState9=_sliced_to_array(useState(new Map),2),loadedNodesCache=_useState9[0],setLoadedNodesCache=_useState9[1];var isRemoteMode=!!onLoadData&&(!data||data.length===0);useEffect(function(){if(!isRemoteMode&&data&&data.length>0){var formatted=formatData(data);setFormattedData(formatted);setCurrentDisplayData(formatted);setBreadcrumbPath([])}},[data,formatData,isRemoteMode]);useEffect(function(){if(isRemoteMode&&onLoadData){var loadRootData=function(){return _async_to_generator(function(){var rootData,formatted,cache,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:setIsLoadingData(true);_state.label=1;case 1:_state.trys.push([1,3,4,5]);return[4,onLoadData(null)];case 2:rootData=_state.sent();formatted=formatData(rootData);setFormattedData(formatted);setCurrentDisplayData(formatted);setBreadcrumbPath([]);cache=new Map;formatted.forEach(function(node){cache.set(node.key,node)});setLoadedNodesCache(cache);return[3,5];case 3:error=_state.sent();console.error("加载根节点数据失败:",error);setFormattedData([]);setCurrentDisplayData([]);return[3,5];case 4:setIsLoadingData(false);return[7];case 5:return[2]}})})()};loadRootData()}},[isRemoteMode,onLoadData,formatData]);var getCurrentDisplayData=useCallback(function(path,sourceData){if(path.length===0){if(isRemoteMode){return sourceData.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node})}return sourceData}var current;var currentLevel=sourceData;var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{var _loop=function(){var pathItem=_step.value;if(isRemoteMode){var cached=loadedNodesCache.get(pathItem.key);if(cached){current=cached;if(current.children&¤t.children.length>0){var children=current.children;currentLevel=children.map(function(child){var childCached=loadedNodesCache.get(child.key);return childCached||child})}else{return{v:[]}}}else{current=currentLevel.find(function(node){return node.key===pathItem.key});if(!current||!current.children){return{v:[]}}currentLevel=current.children}}else{current=currentLevel.find(function(node){return node.key===pathItem.key});if(!current||!current.children){return{v:[]}}currentLevel=current.children}};for(var _iterator=path[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var _ret=_loop();if(_type_of(_ret)==="object")return _ret.v}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}if(isRemoteMode){return currentLevel.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node})}return currentLevel},[isRemoteMode,loadedNodesCache]);var isModalMode=(context===null||context===void 0?void 0:context.mode)==="modal";var selectedRows=useMemo(function(){if(!context)return[];if(isModalMode){return context.tempSelectedRows||context.selectedRows}return context.selectedRows},[context,isModalMode]);var updateSelectedRows=useCallback(function(rows){if(!context)return;if(isModalMode){var _context_setTempSelectedRows;(_context_setTempSelectedRows=context.setTempSelectedRows)===null||_context_setTempSelectedRows===void 0?void 0:_context_setTempSelectedRows.call(context,rows)}else{context.setSelectedRows(rows)}},[context,isModalMode]);var handleNodeSelect=useCallback(function(node){if(context){var currentSelected=selectedRows;var isAlreadySelected=currentSelected.some(function(item){return item.key===node.key});if(isAlreadySelected){var newSelected=currentSelected.filter(function(item){return item.key!==node.key});updateSelectedRows(newSelected)}else{var newSelected1=_to_consumable_array(currentSelected).concat([node]);updateSelectedRows(newSelected1)}}},[context,selectedRows,updateSelectedRows]);var findNodePath=useCallback(function(targetKey,nodes){var currentPath=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{for(var _iterator=nodes[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var node=_step.value;if(node.key===targetKey){return currentPath}if(node.children&&node.children.length>0){var found=findNodePath(targetKey,node.children,_to_consumable_array(currentPath).concat([{key:node.key,label:node.label,node:node}]));if(found!==null){return found}}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return null},[]);var updateNodeChildren=useCallback(function(parentNode,children){var parentPath=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"";var currentLabel=parentNode.label||"";var childParentPath=parentPath?"".concat(parentPath,"/").concat(currentLabel):currentLabel;var formatChildrenWithPath=function(nodes,parentPath){return nodes.map(function(node){var nodeKeyValue;if(keyGenerator){nodeKeyValue=keyGenerator(node)}else if(nodeKey&&node[nodeKey]!==undefined&&node[nodeKey]!==null){var value=node[nodeKey];var nodeType=node.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){nodeKeyValue="".concat(String(nodeType),"-").concat(String(value))}else{nodeKeyValue=String(value)}}else{nodeKeyValue=node.key||""}var formattedNode=_object_spread_props(_object_spread({},node),{key:nodeKeyValue,path:parentPath});if(node.children&&node.children.length>0){var childPath=parentPath?"".concat(parentPath,"/").concat(node.label||""):node.label||"";formattedNode.children=formatChildrenWithPath(node.children,childPath)}return formattedNode})};var formattedChildren=formatChildrenWithPath(children,childParentPath);setLoadedNodesCache(function(prev){var newCache=new Map(prev);formattedChildren.forEach(function(child){newCache.set(child.key,child)});var hasChildren=parentNode.hasChildren!==undefined?parentNode.hasChildren:formattedChildren.length>0;var updatedParent=_object_spread_props(_object_spread({},parentNode),{children:formattedChildren,hasChildren:hasChildren,isLoading:false});newCache.set(parentNode.key,updatedParent);return newCache});setFormattedData(function(prev){var updateNodeInTree=function(nodes){return nodes.map(function(n){if(n.key===parentNode.key){var hasChildren=parentNode.hasChildren!==undefined?parentNode.hasChildren:formattedChildren.length>0;return _object_spread_props(_object_spread({},n),{children:formattedChildren,hasChildren:hasChildren})}if(n.children&&n.children.length>0){return _object_spread_props(_object_spread({},n),{children:updateNodeInTree(n.children)})}return n})};return updateNodeInTree(prev)});return formattedChildren},[nodeKey,keyGenerator]);var handleNodeClick=useCallback(function(node){return _async_to_generator(function(){var hasChildren,cachedNode,hasLoadedChildren,childrenData,formattedChildren,newPath,error,newPath1,children,nodePath,newPath2,newDisplayData,newPath3,formattedChildren1;return _ts_generator(this,function(_state){switch(_state.label){case 0:hasChildren=node.children&&node.children.length>0||node.hasChildren;if(!hasChildren)return[3,9];if(searchValue){setSearchValue("");setSearchResults([]);setIsSearching(false)}if(!(isRemoteMode&&onLoadData))return[3,7];cachedNode=loadedNodesCache.get(node.key);hasLoadedChildren=(cachedNode===null||cachedNode===void 0?void 0:cachedNode.children)&&cachedNode.children.length>0;if(!!hasLoadedChildren)return[3,5];setLoadedNodesCache(function(prev){var newCache=new Map(prev);var updatedNode=_object_spread_props(_object_spread({},node),{isLoading:true});newCache.set(node.key,updatedNode);return newCache});_state.label=1;case 1:_state.trys.push([1,3,,4]);return[4,onLoadData(node)];case 2:childrenData=_state.sent();formattedChildren=updateNodeChildren(node,childrenData,node.path||"");newPath=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath);setCurrentDisplayData(formattedChildren);return[3,4];case 3:error=_state.sent();console.error("加载子节点数据失败:",error);setLoadedNodesCache(function(prev){var newCache=new Map(prev);var updatedNode=_object_spread_props(_object_spread({},node),{isLoading:false});newCache.set(node.key,updatedNode);return newCache});return[3,4];case 4:return[3,6];case 5:newPath1=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath1);children=(cachedNode===null||cachedNode===void 0?void 0:cachedNode.children)||node.children||[];setCurrentDisplayData(children);_state.label=6;case 6:return[3,8];case 7:nodePath=findNodePath(node.key,formattedData);if(nodePath!==null){newPath2=_to_consumable_array(nodePath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath2);newDisplayData=getCurrentDisplayData(newPath2,formattedData);setCurrentDisplayData(newDisplayData)}else{newPath3=[{key:node.key,label:node.label,node:node}];setBreadcrumbPath(newPath3);formattedChildren1=formatData(node.children||[]);setCurrentDisplayData(formattedChildren1)}_state.label=8;case 8:return[3,10];case 9:if(searchValue){setSearchValue("");setSearchResults([]);setIsSearching(false)}handleNodeSelect(node);_state.label=10;case 10:return[2]}})})()},[breadcrumbPath,formattedData,getCurrentDisplayData,handleNodeSelect,searchValue,findNodePath,isRemoteMode,onLoadData,loadedNodesCache,updateNodeChildren]);var handleBreadcrumbClick=useCallback(function(index){var newPath=breadcrumbPath.slice(0,index+1);setBreadcrumbPath(newPath);var newDisplayData=getCurrentDisplayData(newPath,formattedData);setCurrentDisplayData(newDisplayData)},[breadcrumbPath,formattedData,getCurrentDisplayData]);var isNodeSelected=useCallback(function(node){return selectedRows.some(function(item){return item.key===node.key})},[selectedRows]);var debouncedSearch=useMemo(function(){return debounce(function(value){return _async_to_generator(function(){var results,formattedResults,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!value.trim()){setSearchResults([]);setIsSearching(false);return[2]}if(!onSearch)return[3,6];setIsSearching(true);_state.label=1;case 1:_state.trys.push([1,3,4,5]);return[4,onSearch(value)];case 2:results=_state.sent();formattedResults=formatData(results);setSearchResults(formattedResults);return[3,5];case 3:error=_state.sent();console.error("搜索失败:",error);setSearchResults([]);return[3,5];case 4:setIsSearching(false);return[7];case 5:return[3,7];case 6:setIsSearching(false);_state.label=7;case 7:return[2]}})})()},300)},[onSearch,formatData]);var handleSearchChange=useCallback(function(e){var value=e.target.value;setSearchValue(value);if(value.trim()){setIsSearching(true);setSearchResults([])}else{setIsSearching(false);setSearchResults([])}debouncedSearch(value)},[debouncedSearch]);var handleClearSearch=useCallback(function(){setSearchValue("");setSearchResults([]);debouncedSearch.cancel()},[debouncedSearch]);useEffect(function(){return function(){debouncedSearch.cancel()}},[debouncedSearch]);var handleSelectedSearchToggle=useCallback(function(){setSelectedSearchVisible(function(prev){return!prev});if(selectedSearchVisible){setSelectedSearchValue("")}},[selectedSearchVisible]);var handleClearSelected=useCallback(function(){updateSelectedRows([])},[updateSelectedRows]);var mergeBodyStyle=useMemo(function(){return _object_spread({height:mode==="modal"?"600px":"100%",minHeight:mode==="modal"?undefined:"500px"},bodyStyle)},[bodyStyle,mode]);if(!context){return null}return wrapCSS(React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content"),bodyClassName,hashId),style:mergeBodyStyle},React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content-left"),hashId),vertical:true,flex:1},React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-search"),hashId)},React.createElement(Input,{placeholder:searchPlaceholder,prefix:React.createElement(SearchOutlined,null),suffix:searchValue?React.createElement(CloseOutlined,{onClick:handleClearSearch,className:classNames("".concat(prefixCls,"-content-left-search-clear"),hashId)}):null,value:searchValue,onChange:handleSearchChange,allowClear:true})),breadcrumbPath.length>0&&React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb"),hashId)},React.createElement(Breadcrumb,{items:[{title:React.createElement("span",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb-item"),hashId),onClick:function(){setBreadcrumbPath([]);if(isRemoteMode){var rootData=formattedData.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node});setCurrentDisplayData(rootData)}else{setCurrentDisplayData(formattedData)}},title:rootNodeName},rootNodeName)}].concat(_to_consumable_array(breadcrumbPath.map(function(item,index){return{title:React.createElement("span",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb-item"),hashId),onClick:function(){return handleBreadcrumbClick(index)},title:item.label},item.label)}})))})),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data"),hashId)},searchValue?isSearching?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading"),hashId)},React.createElement(Spin,{size:"small"}),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading-text"),hashId)},"搜索中...")):searchResults.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-results"),hashId)},searchResults.map(function(node){return React.createElement(TreeNodeItem,{key:node.key,node:node,props:props,prefixCls:prefixCls,hashId:hashId,onClick:handleNodeClick,onSelect:handleNodeSelect,isSelected:isNodeSelected(node),showExpandIcon:node.hasChildren===false?false:!!(node.children&&node.children.length>0)||!!node.hasChildren,isRootLevel:false})})):React.createElement(Empty,{description:"暂无搜索结果",image:Empty.PRESENTED_IMAGE_SIMPLE}):isLoadingData?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading"),hashId)},React.createElement(Spin,{size:"small"}),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading-text"),hashId)},"加载中...")):currentDisplayData.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-list"),hashId)},currentDisplayData.map(function(node){var displayNode=isRemoteMode?loadedNodesCache.get(node.key)||node:node;return React.createElement(TreeNodeItem,{key:displayNode.key,node:displayNode,props:props,prefixCls:prefixCls,hashId:hashId,onClick:handleNodeClick,onSelect:handleNodeSelect,isSelected:isNodeSelected(displayNode),showExpandIcon:displayNode.hasChildren===false?false:!!(displayNode.children&&displayNode.children.length>0)||!!displayNode.hasChildren,isExpanded:false,isRootLevel:breadcrumbPath.length===0})})):React.createElement(Empty,{description:"暂无数据",image:Empty.PRESENTED_IMAGE_SIMPLE}))),React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content-right"),hashId),vertical:true,flex:1},React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-header"),hashId)},React.createElement(Flex,{align:"center",justify:"space-between",className:classNames("".concat(prefixCls,"-content-right-header-inner"),hashId)},React.createElement(Flex,{align:"center",className:classNames("".concat(prefixCls,"-content-right-header-left"),hashId)},React.createElement("span",{className:classNames("".concat(prefixCls,"-content-right-header-count"),hashId)},"已选 ",React.createElement("span",{className:classNames("".concat(prefixCls,"-content-right-header-count-number"),hashId)},selectedRows.length)," 项"),!selectedSearchVisible&&React.createElement(SearchOutlined,{className:classNames("".concat(prefixCls,"-content-right-header-search-icon"),hashId),onClick:handleSelectedSearchToggle}),selectedSearchVisible&&React.createElement(Input,{size:"small",placeholder:"搜索已选项",prefix:React.createElement(SearchOutlined,null),value:selectedSearchValue,onChange:function(e){return setSelectedSearchValue(e.target.value)},className:classNames("".concat(prefixCls,"-content-right-header-search-input"),hashId),autoFocus:true,onBlur:function(){if(!selectedSearchValue){setSelectedSearchVisible(false)}}})),React.createElement(Button,{variant:"link",size:"small",color:"primary",icon:React.createElement(DeleteOutlined,null),onClick:handleClearSelected,disabled:selectedRows.length===0,className:classNames("".concat(prefixCls,"-content-right-header-clear"),hashId)},"清空"))),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-list"),hashId)},selectedRows.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-list-items"),hashId)},selectedRows.filter(function(node){if(selectedSearchValue){var _node_label,_node_path;var searchLower=selectedSearchValue.toLowerCase();return((_node_label=node.label)===null||_node_label===void 0?void 0:_node_label.toLowerCase().includes(searchLower))||((_node_path=node.path)===null||_node_path===void 0?void 0:_node_path.toLowerCase().includes(searchLower))}return true}).map(function(node){return React.createElement(TreeNodeItem,{key:node.key,node:node,props:props,prefixCls:prefixCls,hashId:hashId,onSelect:handleNodeSelect,isSelected:true,showExpandIcon:false,isRootLevel:false,showCheckbox:false,showSelectedState:false,showDeleteIcon:true})})):React.createElement(Empty,{description:"暂无已选项",image:Empty.PRESENTED_IMAGE_SIMPLE})))))};
|
|
1
|
+
function _array_like_to_array(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}function _array_with_holes(arr){if(Array.isArray(arr))return arr}function _array_without_holes(arr){if(Array.isArray(arr))return _array_like_to_array(arr)}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value}catch(error){reject(error);return}if(info.done){resolve(value)}else{Promise.resolve(value).then(_next,_throw)}}function _async_to_generator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(undefined)})}}function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}function _iterable_to_array(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter)}function _iterable_to_array_limit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break}}catch(err){_d=true;_e=err}finally{try{if(!_n&&_i["return"]!=null)_i["return"]()}finally{if(_d)throw _e}}return _arr}function _non_iterable_rest(){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 _non_iterable_spread(){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 _object_spread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};var ownKeys=Object.keys(source);if(typeof Object.getOwnPropertySymbols==="function"){ownKeys=ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym){return Object.getOwnPropertyDescriptor(source,sym).enumerable}))}ownKeys.forEach(function(key){_define_property(target,key,source[key])})}return target}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);if(enumerableOnly){symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})}keys.push.apply(keys,symbols)}return keys}function _object_spread_props(target,source){source=source!=null?source:{};if(Object.getOwnPropertyDescriptors){Object.defineProperties(target,Object.getOwnPropertyDescriptors(source))}else{ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}function _sliced_to_array(arr,i){return _array_with_holes(arr)||_iterable_to_array_limit(arr,i)||_unsupported_iterable_to_array(arr,i)||_non_iterable_rest()}function _to_consumable_array(arr){return _array_without_holes(arr)||_iterable_to_array(arr)||_unsupported_iterable_to_array(arr)||_non_iterable_spread()}function _type_of(obj){"@swc/helpers - typeof";return obj&&typeof Symbol!=="undefined"&&obj.constructor===Symbol?"symbol":typeof obj}function _unsupported_iterable_to_array(o,minLen){if(!o)return;if(typeof o==="string")return _array_like_to_array(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(n);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _array_like_to_array(o,minLen)}function _ts_generator(thisArg,body){var f,y,t,_={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1]},trys:[],ops:[]},g=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return g.next=verb(0),g["throw"]=verb(1),g["return"]=verb(2),typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this}),g;function verb(n){return function(v){return step([n,v])}}function step(op){if(f)throw new TypeError("Generator is already executing.");while(g&&(g=0,op[0]&&(_=0)),_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return{value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break}if(t[2])_.ops.pop();_.trys.pop();continue}op=body.call(thisArg,_)}catch(e){op=[6,e];y=0}finally{f=t=0}if(op[0]&5)throw op[1];return{value:op[0]?op[1]:void 0,done:true}}}import React,{useMemo,useCallback,useEffect,useState}from"react";import{TreeSelectContext}from"../context";import{useCommonStyles}from"../hooks/commonStyles";import useStyle from"../styles";import classNames from"classnames";import{Flex,Input,Empty,Spin,Breadcrumb,Tag}from"antd";import{SearchOutlined,CloseOutlined,DeleteOutlined}from"@ant-design/icons";import{debounce}from"lodash";import{Button}from"../../Button";import{TreeNodeItem}from"./tree-node-item";export var TreeSelectContent=function(props){var context=React.useContext(TreeSelectContext);var _useCommonStyles=useCommonStyles("vlian-tree-select",props,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var bodyClassName=props.bodyClassName,bodyStyle=props.bodyStyle,_props_mode=props.mode,mode=_props_mode===void 0?"modal":_props_mode,_props_searchPlaceholder=props.searchPlaceholder,searchPlaceholder=_props_searchPlaceholder===void 0?"请输入关键字":_props_searchPlaceholder,onSearch=props.onSearch,_props_nodeKey=props.nodeKey,nodeKey=_props_nodeKey===void 0?"id":_props_nodeKey,keyGenerator=props.keyGenerator,_props_data=props.data,data=_props_data===void 0?[]:_props_data,_props_rootNodeName=props.rootNodeName,rootNodeName=_props_rootNodeName===void 0?"根节点":_props_rootNodeName,onLoadData=props.onLoadData,_props_filterTagsVisible=props.filterTagsVisible,filterTagsVisible=_props_filterTagsVisible===void 0?false:_props_filterTagsVisible,_props_filterTags=props.filterTags,filterTags=_props_filterTags===void 0?[]:_props_filterTags,hasNodeTag=props.hasNodeTag,asyncChildrenLoader=props.asyncChildrenLoader;var formatNodeData=useCallback(function(node){var parentPath=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"";var nodeKeyValue;if(keyGenerator){nodeKeyValue=keyGenerator(node)}else if(nodeKey&&node[nodeKey]!==undefined&&node[nodeKey]!==null){var value=node[nodeKey];var nodeType=node.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){nodeKeyValue="".concat(String(nodeType),"-").concat(String(value))}else{nodeKeyValue=String(value)}}else{nodeKeyValue=node.key||""}var nodePath=parentPath;var formattedNode=_object_spread_props(_object_spread({},node),{key:nodeKeyValue,path:nodePath});if(node.asyncChildren&&formattedNode.hasChildren===undefined){formattedNode.hasChildren=true}var currentLabel=node.label||"";var childParentPath=parentPath?"".concat(parentPath,"/").concat(currentLabel):currentLabel;if(node.children&&node.children.length>0){formattedNode.children=node.children.map(function(child){return formatNodeData(child,childParentPath)})}return formattedNode},[nodeKey,keyGenerator]);var formatData=useCallback(function(data){return data.map(function(node){return formatNodeData(node)})},[formatNodeData]);var _useState=_sliced_to_array(useState(""),2),searchValue=_useState[0],setSearchValue=_useState[1];var _useState1=_sliced_to_array(useState([]),2),searchResults=_useState1[0],setSearchResults=_useState1[1];var _useState2=_sliced_to_array(useState(false),2),isSearching=_useState2[0],setIsSearching=_useState2[1];var _useState3=_sliced_to_array(useState(false),2),selectedSearchVisible=_useState3[0],setSelectedSearchVisible=_useState3[1];var _useState4=_sliced_to_array(useState(""),2),selectedSearchValue=_useState4[0],setSelectedSearchValue=_useState4[1];var _useState5=_sliced_to_array(useState(null),2),selectedFilterTag=_useState5[0],setSelectedFilterTag=_useState5[1];var checkNodeHasTag=useCallback(function(node,tagKey){if(hasNodeTag){return hasNodeTag(node,tagKey)}var nodeTags=node.tags;if(Array.isArray(nodeTags)){return nodeTags.includes(tagKey)||nodeTags.some(function(tag){return(typeof tag==="string"?tag:tag===null||tag===void 0?void 0:tag.key)===tagKey})}if(typeof nodeTags==="string"){return nodeTags===tagKey}return false},[hasNodeTag]);var filterNodesByTag=useCallback(function(nodes,tagKey){if(!tagKey){return nodes}var filterRecursive=function(nodeList){var result=[];var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{for(var _iterator=nodeList[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var node=_step.value;var hasTag=checkNodeHasTag(node,tagKey);var filteredChildren=node.children?filterRecursive(node.children):[];if(hasTag){result.push(_object_spread_props(_object_spread({},node),{children:node.children}))}else if(filteredChildren.length>0){result.push(_object_spread_props(_object_spread({},node),{children:filteredChildren}))}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return result};return filterRecursive(nodes)},[checkNodeHasTag]);var _useState6=_sliced_to_array(useState([]),2),breadcrumbPath=_useState6[0],setBreadcrumbPath=_useState6[1];var _useState7=_sliced_to_array(useState([]),2),formattedData=_useState7[0],setFormattedData=_useState7[1];var _useState8=_sliced_to_array(useState([]),2),currentDisplayData=_useState8[0],setCurrentDisplayData=_useState8[1];var _useState9=_sliced_to_array(useState(false),2),isLoadingData=_useState9[0],setIsLoadingData=_useState9[1];var _useState10=_sliced_to_array(useState(new Map),2),loadedNodesCache=_useState10[0],setLoadedNodesCache=_useState10[1];var isRemoteMode=!!onLoadData&&(!data||data.length===0);useEffect(function(){if(!isRemoteMode&&data&&data.length>0){var formatted=formatData(data);setFormattedData(formatted);setCurrentDisplayData(formatted);setBreadcrumbPath([]);setLoadedNodesCache(function(prev){var newCache=new Map(prev);formatted.forEach(function(node){if(node.asyncChildren){newCache.set(node.key,node)}});return newCache})}},[data,formatData,isRemoteMode]);useEffect(function(){if(isRemoteMode&&onLoadData){var loadRootData=function(){return _async_to_generator(function(){var rootData,formatted,cache,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:setIsLoadingData(true);_state.label=1;case 1:_state.trys.push([1,3,4,5]);return[4,onLoadData(null)];case 2:rootData=_state.sent();formatted=formatData(rootData);setFormattedData(formatted);setCurrentDisplayData(formatted);setBreadcrumbPath([]);cache=new Map;formatted.forEach(function(node){cache.set(node.key,node)});setLoadedNodesCache(cache);return[3,5];case 3:error=_state.sent();console.error("加载根节点数据失败:",error);setFormattedData([]);setCurrentDisplayData([]);return[3,5];case 4:setIsLoadingData(false);return[7];case 5:return[2]}})})()};loadRootData()}},[isRemoteMode,onLoadData,formatData]);var getCurrentDisplayData=useCallback(function(path,sourceData){if(path.length===0){if(isRemoteMode){return sourceData.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node})}return sourceData}var current;var currentLevel=sourceData;var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{var _loop=function(){var pathItem=_step.value;if(isRemoteMode){var cached=loadedNodesCache.get(pathItem.key);if(cached){current=cached;if(current.children&¤t.children.length>0){var children=current.children;currentLevel=children.map(function(child){var childCached=loadedNodesCache.get(child.key);return childCached||child})}else{return{v:[]}}}else{current=currentLevel.find(function(node){return node.key===pathItem.key});if(!current||!current.children){return{v:[]}}currentLevel=current.children}}else{current=currentLevel.find(function(node){return node.key===pathItem.key});if(!current||!current.children){return{v:[]}}currentLevel=current.children}};for(var _iterator=path[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var _ret=_loop();if(_type_of(_ret)==="object")return _ret.v}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}if(isRemoteMode){return currentLevel.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node})}return currentLevel},[isRemoteMode,loadedNodesCache]);var isModalMode=(context===null||context===void 0?void 0:context.mode)==="modal";var selectedRows=useMemo(function(){if(!context)return[];if(isModalMode){return context.tempSelectedRows||context.selectedRows}return context.selectedRows},[context,isModalMode]);var filteredDisplayData=useMemo(function(){if(!filterTagsVisible||!selectedFilterTag){return currentDisplayData}return filterNodesByTag(currentDisplayData,selectedFilterTag)},[currentDisplayData,selectedFilterTag,filterTagsVisible,filterNodesByTag]);var filteredSearchResults=useMemo(function(){if(!filterTagsVisible||!selectedFilterTag){return searchResults}return filterNodesByTag(searchResults,selectedFilterTag)},[searchResults,selectedFilterTag,filterTagsVisible,filterNodesByTag]);var updateSelectedRows=useCallback(function(rows){if(!context)return;if(isModalMode){var _context_setTempSelectedRows;(_context_setTempSelectedRows=context.setTempSelectedRows)===null||_context_setTempSelectedRows===void 0?void 0:_context_setTempSelectedRows.call(context,rows)}else{context.setSelectedRows(rows)}},[context,isModalMode]);var handleNodeSelect=useCallback(function(node){if(context){var currentSelected=selectedRows;var isAlreadySelected=currentSelected.some(function(item){return item.key===node.key});if(isAlreadySelected){var newSelected=currentSelected.filter(function(item){return item.key!==node.key});updateSelectedRows(newSelected)}else{var newSelected1=_to_consumable_array(currentSelected).concat([node]);updateSelectedRows(newSelected1)}}},[context,selectedRows,updateSelectedRows]);var findNodePath=useCallback(function(targetKey,nodes){var currentPath=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[];var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{for(var _iterator=nodes[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var node=_step.value;if(node.key===targetKey){return currentPath}if(node.children&&node.children.length>0){var found=findNodePath(targetKey,node.children,_to_consumable_array(currentPath).concat([{key:node.key,label:node.label,node:node}]));if(found!==null){return found}}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return null},[]);var updateNodeChildren=useCallback(function(parentNode,children){var parentPath=arguments.length>2&&arguments[2]!==void 0?arguments[2]:"";var currentLabel=parentNode.label||"";var childParentPath=parentPath?"".concat(parentPath,"/").concat(currentLabel):currentLabel;var formatChildrenWithPath=function(nodes,parentPath){return nodes.map(function(node){var nodeKeyValue;if(keyGenerator){nodeKeyValue=keyGenerator(node)}else if(nodeKey&&node[nodeKey]!==undefined&&node[nodeKey]!==null){var value=node[nodeKey];var nodeType=node.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){nodeKeyValue="".concat(String(nodeType),"-").concat(String(value))}else{nodeKeyValue=String(value)}}else{nodeKeyValue=node.key||""}var formattedNode=_object_spread_props(_object_spread({},node),{key:nodeKeyValue,path:parentPath});if(node.children&&node.children.length>0){var childPath=parentPath?"".concat(parentPath,"/").concat(node.label||""):node.label||"";formattedNode.children=formatChildrenWithPath(node.children,childPath)}return formattedNode})};var formattedChildren=formatChildrenWithPath(children,childParentPath);setLoadedNodesCache(function(prev){var newCache=new Map(prev);formattedChildren.forEach(function(child){newCache.set(child.key,child)});var hasChildren=parentNode.hasChildren!==undefined?parentNode.hasChildren:formattedChildren.length>0;var updatedParent=_object_spread_props(_object_spread({},parentNode),{children:formattedChildren,hasChildren:hasChildren,isLoading:false});newCache.set(parentNode.key,updatedParent);return newCache});setFormattedData(function(prev){var updateNodeInTree=function(nodes){return nodes.map(function(n){if(n.key===parentNode.key){var hasChildren=parentNode.hasChildren!==undefined?parentNode.hasChildren:formattedChildren.length>0;return _object_spread_props(_object_spread({},n),{children:formattedChildren,hasChildren:hasChildren})}if(n.children&&n.children.length>0){return _object_spread_props(_object_spread({},n),{children:updateNodeInTree(n.children)})}return n})};return updateNodeInTree(prev)});return formattedChildren},[nodeKey,keyGenerator]);var handleNodeClick=useCallback(function(node){return _async_to_generator(function(){var hasChildren,hasAsyncChildren,asyncChildrenKey,cachedNode,hasLoadedChildren,updatedNode,childrenData,formattedChildren,newPath,error,errorNode,newPath1,children,cachedNode1,hasLoadedChildren1,childrenData1,formattedChildren1,newPath2,error1,newPath3,children1,nodePath,newPath4,newDisplayData,newPath5,formattedChildren2;return _ts_generator(this,function(_state){switch(_state.label){case 0:hasChildren=node.children&&node.children.length>0||node.hasChildren;hasAsyncChildren=!!node.asyncChildren&&asyncChildrenLoader;if(!(hasChildren||hasAsyncChildren))return[3,16];if(searchValue){setSearchValue("");setSearchResults([]);setIsSearching(false)}if(!hasAsyncChildren)return[3,7];asyncChildrenKey=node.asyncChildren;cachedNode=loadedNodesCache.get(node.key);hasLoadedChildren=(cachedNode===null||cachedNode===void 0?void 0:cachedNode.children)&&cachedNode.children.length>0;if(!!hasLoadedChildren)return[3,5];updatedNode=_object_spread_props(_object_spread({},node),{isLoading:true});setLoadedNodesCache(function(prev){var newCache=new Map(prev);newCache.set(node.key,updatedNode);return newCache});setCurrentDisplayData(function(prev){return prev.map(function(n){return n.key===node.key?updatedNode:n})});_state.label=1;case 1:_state.trys.push([1,3,,4]);return[4,asyncChildrenLoader(node,asyncChildrenKey)];case 2:childrenData=_state.sent();formattedChildren=updateNodeChildren(node,childrenData,node.path||"");newPath=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath);setCurrentDisplayData(formattedChildren);return[3,4];case 3:error=_state.sent();console.error("异步加载子节点数据失败:",error);errorNode=_object_spread_props(_object_spread({},node),{isLoading:false});setLoadedNodesCache(function(prev){var newCache=new Map(prev);newCache.set(node.key,errorNode);return newCache});setCurrentDisplayData(function(prev){return prev.map(function(n){return n.key===node.key?errorNode:n})});return[3,4];case 4:return[3,6];case 5:newPath1=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath1);children=(cachedNode===null||cachedNode===void 0?void 0:cachedNode.children)||node.children||[];setCurrentDisplayData(children);_state.label=6;case 6:return[2];case 7:if(!(isRemoteMode&&onLoadData))return[3,14];cachedNode1=loadedNodesCache.get(node.key);hasLoadedChildren1=(cachedNode1===null||cachedNode1===void 0?void 0:cachedNode1.children)&&cachedNode1.children.length>0;if(!!hasLoadedChildren1)return[3,12];setLoadedNodesCache(function(prev){var newCache=new Map(prev);var updatedNode=_object_spread_props(_object_spread({},node),{isLoading:true});newCache.set(node.key,updatedNode);return newCache});_state.label=8;case 8:_state.trys.push([8,10,,11]);return[4,onLoadData(node)];case 9:childrenData1=_state.sent();formattedChildren1=updateNodeChildren(node,childrenData1,node.path||"");newPath2=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath2);setCurrentDisplayData(formattedChildren1);return[3,11];case 10:error1=_state.sent();console.error("加载子节点数据失败:",error1);setLoadedNodesCache(function(prev){var newCache=new Map(prev);var updatedNode=_object_spread_props(_object_spread({},node),{isLoading:false});newCache.set(node.key,updatedNode);return newCache});return[3,11];case 11:return[3,13];case 12:newPath3=_to_consumable_array(breadcrumbPath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath3);children1=(cachedNode1===null||cachedNode1===void 0?void 0:cachedNode1.children)||node.children||[];setCurrentDisplayData(children1);_state.label=13;case 13:return[3,15];case 14:nodePath=findNodePath(node.key,formattedData);if(nodePath!==null){newPath4=_to_consumable_array(nodePath).concat([{key:node.key,label:node.label,node:node}]);setBreadcrumbPath(newPath4);newDisplayData=getCurrentDisplayData(newPath4,formattedData);setCurrentDisplayData(newDisplayData)}else{newPath5=[{key:node.key,label:node.label,node:node}];setBreadcrumbPath(newPath5);formattedChildren2=formatData(node.children||[]);setCurrentDisplayData(formattedChildren2)}_state.label=15;case 15:return[3,17];case 16:if(searchValue){setSearchValue("");setSearchResults([]);setIsSearching(false)}handleNodeSelect(node);_state.label=17;case 17:return[2]}})})()},[breadcrumbPath,formattedData,getCurrentDisplayData,handleNodeSelect,searchValue,findNodePath,isRemoteMode,onLoadData,loadedNodesCache,updateNodeChildren,asyncChildrenLoader]);var handleBreadcrumbClick=useCallback(function(index){var newPath=breadcrumbPath.slice(0,index+1);setBreadcrumbPath(newPath);var newDisplayData=getCurrentDisplayData(newPath,formattedData);setCurrentDisplayData(newDisplayData)},[breadcrumbPath,formattedData,getCurrentDisplayData]);var isNodeSelected=useCallback(function(node){return selectedRows.some(function(item){return item.key===node.key})},[selectedRows]);var debouncedSearch=useMemo(function(){return debounce(function(value){return _async_to_generator(function(){var results,formattedResults,error;return _ts_generator(this,function(_state){switch(_state.label){case 0:if(!value.trim()){setSearchResults([]);setIsSearching(false);return[2]}if(!onSearch)return[3,6];setIsSearching(true);_state.label=1;case 1:_state.trys.push([1,3,4,5]);return[4,onSearch(value)];case 2:results=_state.sent();formattedResults=formatData(results);setSearchResults(formattedResults);return[3,5];case 3:error=_state.sent();console.error("搜索失败:",error);setSearchResults([]);return[3,5];case 4:setIsSearching(false);return[7];case 5:return[3,7];case 6:setIsSearching(false);_state.label=7;case 7:return[2]}})})()},300)},[onSearch,formatData]);var handleSearchChange=useCallback(function(e){var value=e.target.value;setSearchValue(value);if(value.trim()){setIsSearching(true);setSearchResults([])}else{setIsSearching(false);setSearchResults([])}debouncedSearch(value)},[debouncedSearch]);var handleClearSearch=useCallback(function(){setSearchValue("");setSearchResults([]);debouncedSearch.cancel()},[debouncedSearch]);useEffect(function(){return function(){debouncedSearch.cancel()}},[debouncedSearch]);var handleSelectedSearchToggle=useCallback(function(){setSelectedSearchVisible(function(prev){return!prev});if(selectedSearchVisible){setSelectedSearchValue("")}},[selectedSearchVisible]);var handleClearSelected=useCallback(function(){updateSelectedRows([])},[updateSelectedRows]);var mergeBodyStyle=useMemo(function(){return _object_spread({height:mode==="modal"?"600px":"100%",minHeight:mode==="modal"?undefined:"500px"},bodyStyle)},[bodyStyle,mode]);if(!context){return null}return wrapCSS(React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content"),bodyClassName,hashId),style:mergeBodyStyle},React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content-left"),hashId),vertical:true,flex:1},React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-search"),hashId)},React.createElement(Input,{placeholder:searchPlaceholder,prefix:React.createElement(SearchOutlined,null),suffix:searchValue?React.createElement(CloseOutlined,{onClick:handleClearSearch,className:classNames("".concat(prefixCls,"-content-left-search-clear"),hashId)}):null,value:searchValue,onChange:handleSearchChange,allowClear:true})),filterTagsVisible&&filterTags.length>0&&React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-filter"),hashId)},React.createElement(Flex,{gap:8,wrap:"wrap"},React.createElement(Tag,{className:classNames("".concat(prefixCls,"-content-left-filter-tag"),hashId),color:selectedFilterTag===null?"processing":"default",style:{cursor:"pointer",margin:0},onClick:function(){return setSelectedFilterTag(null)}},"全部"),filterTags.map(function(tag){return React.createElement(Tag,{key:tag.key,className:classNames("".concat(prefixCls,"-content-left-filter-tag"),hashId),color:selectedFilterTag===tag.key?"processing":"default",style:{cursor:"pointer",margin:0},onClick:function(){return setSelectedFilterTag(tag.key)}},tag.label)}))),breadcrumbPath.length>0&&React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb"),hashId)},React.createElement(Breadcrumb,{items:[{title:React.createElement("span",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb-item"),hashId),onClick:function(){setBreadcrumbPath([]);if(isRemoteMode){var rootData=formattedData.map(function(node){var cached=loadedNodesCache.get(node.key);return cached||node});setCurrentDisplayData(rootData)}else{setCurrentDisplayData(formattedData)}},title:rootNodeName},rootNodeName)}].concat(_to_consumable_array(breadcrumbPath.map(function(item,index){return{title:React.createElement("span",{className:classNames("".concat(prefixCls,"-content-left-breadcrumb-item"),hashId),onClick:function(){return handleBreadcrumbClick(index)},title:item.label},item.label)}})))})),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data"),hashId)},searchValue?isSearching?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading"),hashId)},React.createElement(Spin,{size:"small"}),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading-text"),hashId)},"搜索中...")):filteredSearchResults.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-results"),hashId)},filteredSearchResults.map(function(node){var displayNode=!!node.asyncChildren?loadedNodesCache.get(node.key)||node:node;return React.createElement(TreeNodeItem,{key:displayNode.key,node:displayNode,props:props,prefixCls:prefixCls,hashId:hashId,onClick:handleNodeClick,onSelect:handleNodeSelect,isSelected:isNodeSelected(displayNode),showExpandIcon:displayNode.hasChildren===false?false:!!(displayNode.children&&displayNode.children.length>0)||!!displayNode.hasChildren||!!displayNode.asyncChildren,isRootLevel:false})})):React.createElement(Empty,{description:"暂无搜索结果",image:Empty.PRESENTED_IMAGE_SIMPLE}):isLoadingData?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading"),hashId)},React.createElement(Spin,{size:"small"}),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-loading-text"),hashId)},"加载中...")):filteredDisplayData.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-left-data-list"),hashId)},filteredDisplayData.map(function(node){var displayNode=isRemoteMode||!!node.asyncChildren?loadedNodesCache.get(node.key)||node:node;return React.createElement(TreeNodeItem,{key:displayNode.key,node:displayNode,props:props,prefixCls:prefixCls,hashId:hashId,onClick:handleNodeClick,onSelect:handleNodeSelect,isSelected:isNodeSelected(displayNode),showExpandIcon:displayNode.hasChildren===false?false:!!(displayNode.children&&displayNode.children.length>0)||!!displayNode.hasChildren||!!displayNode.asyncChildren,isExpanded:false,isRootLevel:breadcrumbPath.length===0})})):React.createElement(Empty,{description:"暂无数据",image:Empty.PRESENTED_IMAGE_SIMPLE}))),React.createElement(Flex,{className:classNames("".concat(prefixCls,"-content-right"),hashId),vertical:true,flex:1},React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-header"),hashId)},React.createElement(Flex,{align:"center",justify:"space-between",className:classNames("".concat(prefixCls,"-content-right-header-inner"),hashId)},React.createElement(Flex,{align:"center",className:classNames("".concat(prefixCls,"-content-right-header-left"),hashId)},React.createElement("span",{className:classNames("".concat(prefixCls,"-content-right-header-count"),hashId)},"已选 ",React.createElement("span",{className:classNames("".concat(prefixCls,"-content-right-header-count-number"),hashId)},selectedRows.length)," 项"),!selectedSearchVisible&&React.createElement(SearchOutlined,{className:classNames("".concat(prefixCls,"-content-right-header-search-icon"),hashId),onClick:handleSelectedSearchToggle}),selectedSearchVisible&&React.createElement(Input,{size:"small",placeholder:"搜索已选项",prefix:React.createElement(SearchOutlined,null),value:selectedSearchValue,onChange:function(e){return setSelectedSearchValue(e.target.value)},className:classNames("".concat(prefixCls,"-content-right-header-search-input"),hashId),autoFocus:true,onBlur:function(){if(!selectedSearchValue){setSelectedSearchVisible(false)}}})),React.createElement(Button,{variant:"link",size:"small",color:"primary",icon:React.createElement(DeleteOutlined,null),onClick:handleClearSelected,disabled:selectedRows.length===0,className:classNames("".concat(prefixCls,"-content-right-header-clear"),hashId)},"清空"))),React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-list"),hashId)},selectedRows.length>0?React.createElement("div",{className:classNames("".concat(prefixCls,"-content-right-list-items"),hashId)},selectedRows.filter(function(node){if(selectedSearchValue){var _node_label,_node_path;var searchLower=selectedSearchValue.toLowerCase();return((_node_label=node.label)===null||_node_label===void 0?void 0:_node_label.toLowerCase().includes(searchLower))||((_node_path=node.path)===null||_node_path===void 0?void 0:_node_path.toLowerCase().includes(searchLower))}return true}).map(function(node){return React.createElement(TreeNodeItem,{key:node.key,node:node,props:props,prefixCls:prefixCls,hashId:hashId,onSelect:handleNodeSelect,isSelected:true,showExpandIcon:false,isRootLevel:false,showCheckbox:false,showSelectedState:false,showDeleteIcon:true})})):React.createElement(Empty,{description:"暂无已选项",image:Empty.PRESENTED_IMAGE_SIMPLE})))))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import{genStyleHooks}from"antd/es/theme/internal";export var genBaseStyle=function(token){var componentCls=token.componentCls,colorBorder=token.colorBorder,colorBorderSecondary=token.colorBorderSecondary,colorTextPlaceholder=token.colorTextPlaceholder,borderRadius=token.borderRadius,controlHeight=token.controlHeight,paddingXS=token.paddingXS,paddingSM=token.paddingSM,fontSize=token.fontSize,colorBgContainer=token.colorBgContainer,colorFillSecondary=token.colorFillSecondary,colorPrimary=token.colorPrimary,controlHeightSM=token.controlHeightSM;var _obj;return _obj={},_define_property(_obj,componentCls,{width:"100%"}),_define_property(_obj,"".concat(componentCls,"-trigger"),{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minHeight:controlHeight,padding:"".concat(paddingXS-2,"px ").concat(paddingSM,"px"),boxSizing:"border-box",border:"1px solid ".concat(colorBorder),borderRadius:borderRadius,backgroundColor:colorBgContainer,cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:colorPrimary}}),_define_property(_obj,"".concat(componentCls,"-trigger-content"),{flex:1,display:"flex",alignItems:"center",gap:paddingXS,minWidth:0,overflow:"hidden"}),_define_property(_obj,"".concat(componentCls,"-trigger-placeholder"),{color:colorTextPlaceholder,fontSize:fontSize}),_define_property(_obj,"".concat(componentCls,"-trigger-tags"),{display:"flex",alignItems:"center",flexWrap:"wrap",gap:paddingXS,rowGap:paddingXS/2,flex:1,minWidth:0}),_define_property(_obj,"".concat(componentCls,"-trigger-tag"),{margin:0,maxWidth:"150px",overflow:"hidden",display:"inline-flex",alignItems:"center",height:controlHeightSM,lineHeight:"".concat(controlHeightSM,"px"),paddingInline:paddingXS}),_define_property(_obj,"".concat(componentCls,"-trigger-tag-text"),{display:"inline-flex",alignItems:"center",minWidth:0,flex:1,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"normal"}),_define_property(_obj,"".concat(componentCls,"-trigger-tag-more"),{backgroundColor:colorFillSecondary,borderColor:colorBorderSecondary}),_define_property(_obj,"".concat(componentCls,"-trigger-arrow"),{color:colorTextPlaceholder,fontSize:fontSize,flexShrink:0,marginLeft:paddingXS,transition:"transform 0.2s","&&":{color:colorTextPlaceholder,fontSize:fontSize,flexShrink:0,marginLeft:paddingXS,transition:"transform 0.2s"}}),_obj};export var genContentStyle=function(token){var componentCls=token.componentCls,colorBgContainer=token.colorBgContainer,colorBorderSecondary=token.colorBorderSecondary,paddingXS=token.paddingXS,paddingSM=token.paddingSM,colorPrimary=token.colorPrimary,colorTextSecondary=token.colorTextSecondary,fontSize=token.fontSize,fontSizeSM=token.fontSizeSM,controlHeight=token.controlHeight,controlHeightSM=token.controlHeightSM;var _obj;return _obj={},_define_property(_obj,"".concat(componentCls,"-content"),{position:"relative",backgroundColor:colorBgContainer}),_define_property(_obj,"".concat(componentCls,"-content-left"),{height:"100%",borderRightColor:colorBorderSecondary,borderRightWidth:1,borderRightStyle:"solid"}),_define_property(_obj,"".concat(componentCls,"-content-left-search"),{padding:paddingSM,borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb"),{padding:"".concat(paddingXS,"px ").concat(paddingSM,"px"),borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,minHeight:controlHeightSM}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb-placeholder"),{color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb-item"),{cursor:"pointer",color:colorTextSecondary,maxWidth:"150px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"inline-block",verticalAlign:"middle","&:hover":{color:colorPrimary,textDecoration:"underline"}}),_define_property(_obj,"".concat(componentCls,"-content-left-data"),{flex:1,overflow:"auto",padding:paddingSM}),_define_property(_obj,"".concat(componentCls,"-content-left-data-loading"),{textAlign:"center",padding:"".concat(paddingSM*2,"px 0")}),_define_property(_obj,"".concat(componentCls,"-content-left-data-loading-text"),{marginTop:paddingXS,color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-left-data-results"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-content-left-data-list"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-content-left-search-clear"),{cursor:"pointer",color:colorTextSecondary}),_define_property(_obj,"".concat(componentCls,"-content-right"),{width:"320px",flexShrink:0,display:"flex",flexDirection:"column",borderLeftColor:colorBorderSecondary,borderLeftWidth:1,borderLeftStyle:"solid"}),_define_property(_obj,"".concat(componentCls,"-content-right-header"),{padding:"".concat(paddingSM,"px ").concat(paddingSM,"px"),borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-content-right-header-inner"),{width:"100%",height:controlHeight}),_define_property(_obj,"".concat(componentCls,"-content-right-header-left"),{gap:paddingSM,flex:1}),_define_property(_obj,"".concat(componentCls,"-content-right-header-search-icon"),{cursor:"pointer",color:colorTextSecondary,fontSize:fontSize,"&:hover":{color:colorPrimary}}),_define_property(_obj,"".concat(componentCls,"-content-right-header-count"),{fontSize:fontSize,color:colorTextSecondary}),_define_property(_obj,"".concat(componentCls,"-content-right-header-count-number"),{fontWeight:600,color:colorPrimary}),_define_property(_obj,"".concat(componentCls,"-content-right-header-search-input"),{flex:1,maxWidth:"200px"}),_define_property(_obj,"".concat(componentCls,"-content-right-list"),{flex:1,overflow:"auto",padding:paddingSM}),_define_property(_obj,"".concat(componentCls,"-content-right-list-placeholder"),{color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-right-list-items"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-node"),{padding:"".concat(paddingXS,"px ").concat(paddingSM,"px"),borderRadius:token.borderRadius,cursor:"pointer",transition:"all 0.2s","&:hover":{backgroundColor:token.colorFillTertiary}}),_define_property(_obj,"".concat(componentCls,"-node-selected"),{backgroundColor:token.colorPrimaryBg,"&:hover":{backgroundColor:token.colorPrimaryBgHover}}),_define_property(_obj,"".concat(componentCls,"-node-inner"),{display:"flex",alignItems:"center",gap:paddingSM}),_define_property(_obj,"".concat(componentCls,"-node-checkbox-wrapper"),{flexShrink:0,marginRight:paddingXS/2,display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-node-checkbox"),{flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-expand-placeholder"),{width:"16px",height:"16px",flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-expand-icon"),{width:"16px",height:"16px",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:colorTextSecondary,transition:"transform 0.2s"}),_define_property(_obj,"".concat(componentCls,"-node-expand-icon-expanded"),{transform:"rotate(90deg)"}),_define_property(_obj,"".concat(componentCls,"-node-avatar"),{flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-content"),{flex:1,minWidth:0,display:"flex",flexDirection:"column"}),_define_property(_obj,"".concat(componentCls,"-node-label-wrapper"),{width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-label"),{display:"block",fontSize:fontSize,fontWeight:500,width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-description-wrapper"),{width:"100%",marginTop:paddingXS/2}),_define_property(_obj,"".concat(componentCls,"-node-description"),{display:"block",fontSize:fontSizeSM,width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-select"),{width:"20px",height:"20px",borderRadius:"50%",border:"1px solid ".concat(colorBorderSecondary),display:"flex",alignItems:"center",justifyContent:"center",fontSize:fontSizeSM,color:colorPrimary,flexShrink:0,cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:colorPrimary,backgroundColor:colorPrimary,color:"#fff"}}),_define_property(_obj,"".concat(componentCls,"-node-loading"),{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginLeft:paddingXS}),_define_property(_obj,"".concat(componentCls,"-node-delete"),{color:"".concat(colorTextSecondary),"&:hover":{color:"".concat(token.colorError||"#ff4d4f"),backgroundColor:"transparent "},"&:not(:disabled):not(.ant-btn-disabled):hover":{color:"".concat(token.colorError||"#ff4d4f"),backgroundColor:"transparent"}}),_obj};export var genSizeStyle=function(token){var componentCls=token.componentCls,controlHeightSM=token.controlHeightSM,controlHeightLG=token.controlHeightLG,paddingSM=token.paddingSM,paddingXXS=token.paddingXXS,paddingXS=token.paddingXS;var _obj;return _obj={},_define_property(_obj,"".concat(componentCls,"-small"),_define_property({},"".concat(componentCls,"-trigger"),{minHeight:controlHeightSM,padding:"".concat(paddingXXS,"px ").concat(paddingXXS,"px")})),_define_property(_obj,"".concat(componentCls,"-large"),_define_property({},"".concat(componentCls,"-trigger"),{minHeight:controlHeightLG,padding:"".concat(paddingXS,"px ").concat(paddingSM,"px")})),_obj};export var prepareComponentToken=function(){return{}};export default genStyleHooks("VlianTreeSelect",function(token){return[genBaseStyle(token),genContentStyle(token),genSizeStyle(token)]},prepareComponentToken);
|
|
1
|
+
function _define_property(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true})}else{obj[key]=value}return obj}import{genStyleHooks}from"antd/es/theme/internal";var getTokenNumberValue=function(value){if(typeof value==="number"){return value}var match=String(value).match(/^(\d+(?:\.\d+)?)/);return match?parseFloat(match[1]):0};export var genBaseStyle=function(token){var componentCls=token.componentCls,colorBorder=token.colorBorder,colorBorderSecondary=token.colorBorderSecondary,colorTextPlaceholder=token.colorTextPlaceholder,borderRadius=token.borderRadius,controlHeight=token.controlHeight,paddingXS=token.paddingXS,paddingSM=token.paddingSM,fontSize=token.fontSize,colorBgContainer=token.colorBgContainer,colorFillSecondary=token.colorFillSecondary,colorPrimary=token.colorPrimary,controlHeightSM=token.controlHeightSM;var paddingXSNum=getTokenNumberValue(paddingXS);var paddingSMNum=getTokenNumberValue(paddingSM);var controlHeightSMNum=getTokenNumberValue(controlHeightSM);var _obj;return _obj={},_define_property(_obj,componentCls,{width:"100%"}),_define_property(_obj,"".concat(componentCls,"-trigger"),{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",minHeight:controlHeight,padding:"".concat(paddingXSNum-2,"px ").concat(paddingSMNum,"px"),boxSizing:"border-box",border:"1px solid ".concat(colorBorder),borderRadius:borderRadius,backgroundColor:colorBgContainer,cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:colorPrimary}}),_define_property(_obj,"".concat(componentCls,"-trigger-content"),{flex:1,display:"flex",alignItems:"center",gap:paddingXS,minWidth:0,overflow:"hidden"}),_define_property(_obj,"".concat(componentCls,"-trigger-placeholder"),{color:colorTextPlaceholder,fontSize:fontSize}),_define_property(_obj,"".concat(componentCls,"-trigger-tags"),{display:"flex",alignItems:"center",flexWrap:"wrap",gap:paddingXS,rowGap:"".concat(paddingXSNum/2,"px"),flex:1,minWidth:0}),_define_property(_obj,"".concat(componentCls,"-trigger-tag"),{margin:0,maxWidth:"150px",overflow:"hidden",display:"inline-flex",alignItems:"center",height:controlHeightSM,lineHeight:"".concat(controlHeightSMNum,"px"),paddingInline:paddingXS}),_define_property(_obj,"".concat(componentCls,"-trigger-tag-text"),{display:"inline-flex",alignItems:"center",minWidth:0,flex:1,maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",lineHeight:"normal"}),_define_property(_obj,"".concat(componentCls,"-trigger-tag-more"),{backgroundColor:colorFillSecondary,borderColor:colorBorderSecondary}),_define_property(_obj,"".concat(componentCls,"-trigger-arrow"),{color:colorTextPlaceholder,fontSize:fontSize,flexShrink:0,marginLeft:paddingXS,transition:"transform 0.2s","&&":{color:colorTextPlaceholder,fontSize:fontSize,flexShrink:0,marginLeft:paddingXS,transition:"transform 0.2s"}}),_obj};export var genContentStyle=function(token){var componentCls=token.componentCls,colorBgContainer=token.colorBgContainer,colorBorderSecondary=token.colorBorderSecondary,paddingXS=token.paddingXS,paddingSM=token.paddingSM,colorPrimary=token.colorPrimary,colorTextSecondary=token.colorTextSecondary,fontSize=token.fontSize,fontSizeSM=token.fontSizeSM,controlHeight=token.controlHeight,controlHeightSM=token.controlHeightSM;var paddingXSNum=getTokenNumberValue(paddingXS);var paddingSMNum=getTokenNumberValue(paddingSM);var _obj;return _obj={},_define_property(_obj,"".concat(componentCls,"-content"),{position:"relative",backgroundColor:colorBgContainer}),_define_property(_obj,"".concat(componentCls,"-content-left"),{height:"100%",borderRightColor:colorBorderSecondary,borderRightWidth:1,borderRightStyle:"solid"}),_define_property(_obj,"".concat(componentCls,"-content-left-search"),{padding:paddingSM,borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-content-left-filter"),{padding:"".concat(paddingXSNum,"px ").concat(paddingSMNum,"px"),borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-content-left-filter-tag"),{margin:0,transition:"all 0.2s",cursor:"pointer","&:hover":{opacity:.8}}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb"),{padding:"".concat(paddingXSNum,"px ").concat(paddingSMNum,"px"),borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,minHeight:controlHeightSM}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb-placeholder"),{color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-left-breadcrumb-item"),{cursor:"pointer",color:colorTextSecondary,maxWidth:"150px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",display:"inline-block",verticalAlign:"middle","&:hover":{color:colorPrimary,textDecoration:"underline"}}),_define_property(_obj,"".concat(componentCls,"-content-left-data"),{flex:1,overflow:"auto",padding:paddingSM}),_define_property(_obj,"".concat(componentCls,"-content-left-data-loading"),{textAlign:"center",padding:"".concat(paddingSMNum*2,"px 0")}),_define_property(_obj,"".concat(componentCls,"-content-left-data-loading-text"),{marginTop:paddingXS,color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-left-data-results"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-content-left-data-list"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-content-left-search-clear"),{cursor:"pointer",color:colorTextSecondary}),_define_property(_obj,"".concat(componentCls,"-content-right"),{width:"320px",flexShrink:0,display:"flex",flexDirection:"column",borderLeftColor:colorBorderSecondary,borderLeftWidth:1,borderLeftStyle:"solid"}),_define_property(_obj,"".concat(componentCls,"-content-right-header"),{padding:"".concat(paddingSMNum,"px ").concat(paddingSMNum,"px"),borderBottom:"1px solid ".concat(colorBorderSecondary),flexShrink:0,display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-content-right-header-inner"),{width:"100%",height:controlHeight}),_define_property(_obj,"".concat(componentCls,"-content-right-header-left"),{gap:paddingSM,flex:1}),_define_property(_obj,"".concat(componentCls,"-content-right-header-search-icon"),{cursor:"pointer",color:colorTextSecondary,fontSize:fontSize,"&:hover":{color:colorPrimary}}),_define_property(_obj,"".concat(componentCls,"-content-right-header-count"),{fontSize:fontSize,color:colorTextSecondary}),_define_property(_obj,"".concat(componentCls,"-content-right-header-count-number"),{fontWeight:600,color:colorPrimary}),_define_property(_obj,"".concat(componentCls,"-content-right-header-search-input"),{flex:1,maxWidth:"200px"}),_define_property(_obj,"".concat(componentCls,"-content-right-list"),{flex:1,overflow:"auto",padding:paddingSM}),_define_property(_obj,"".concat(componentCls,"-content-right-list-placeholder"),{color:colorTextSecondary,fontSize:fontSizeSM}),_define_property(_obj,"".concat(componentCls,"-content-right-list-items"),{display:"flex",flexDirection:"column",gap:paddingXS}),_define_property(_obj,"".concat(componentCls,"-node"),{padding:"".concat(paddingXSNum,"px ").concat(paddingSMNum,"px"),borderRadius:token.borderRadius,cursor:"pointer",transition:"all 0.2s","&:hover":{backgroundColor:token.colorFillTertiary}}),_define_property(_obj,"".concat(componentCls,"-node-selected"),{backgroundColor:token.colorPrimaryBg,"&:hover":{backgroundColor:token.colorPrimaryBgHover}}),_define_property(_obj,"".concat(componentCls,"-node-inner"),{display:"flex",alignItems:"center",gap:paddingSM}),_define_property(_obj,"".concat(componentCls,"-node-checkbox-wrapper"),{flexShrink:0,marginRight:"".concat(paddingXSNum/2,"px"),display:"flex",alignItems:"center"}),_define_property(_obj,"".concat(componentCls,"-node-checkbox"),{flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-expand-placeholder"),{width:"16px",height:"16px",flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-expand-icon"),{width:"16px",height:"16px",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,color:colorTextSecondary,transition:"transform 0.2s"}),_define_property(_obj,"".concat(componentCls,"-node-expand-icon-expanded"),{transform:"rotate(90deg)"}),_define_property(_obj,"".concat(componentCls,"-node-avatar"),{flexShrink:0}),_define_property(_obj,"".concat(componentCls,"-node-content"),{flex:1,minWidth:0,display:"flex",flexDirection:"column"}),_define_property(_obj,"".concat(componentCls,"-node-label-wrapper"),{width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-label"),{display:"block",fontSize:fontSize,fontWeight:500,width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-description-wrapper"),{width:"100%",marginTop:"".concat(paddingXSNum/2,"px")}),_define_property(_obj,"".concat(componentCls,"-node-description"),{display:"block",fontSize:fontSizeSM,width:"100%"}),_define_property(_obj,"".concat(componentCls,"-node-select"),{width:"20px",height:"20px",borderRadius:"50%",border:"1px solid ".concat(colorBorderSecondary),display:"flex",alignItems:"center",justifyContent:"center",fontSize:fontSizeSM,color:colorPrimary,flexShrink:0,cursor:"pointer",transition:"all 0.2s","&:hover":{borderColor:colorPrimary,backgroundColor:colorPrimary,color:"#fff"}}),_define_property(_obj,"".concat(componentCls,"-node-loading"),{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginLeft:paddingXS}),_define_property(_obj,"".concat(componentCls,"-node-delete"),{color:"".concat(colorTextSecondary),"&:hover":{color:"".concat(token.colorError||"#ff4d4f"),backgroundColor:"transparent "},"&:not(:disabled):not(.ant-btn-disabled):hover":{color:"".concat(token.colorError||"#ff4d4f"),backgroundColor:"transparent"}}),_obj};export var genSizeStyle=function(token){var componentCls=token.componentCls,controlHeightSM=token.controlHeightSM,controlHeightLG=token.controlHeightLG,paddingSM=token.paddingSM,paddingXXS=token.paddingXXS,paddingXS=token.paddingXS;var paddingXSNum=getTokenNumberValue(paddingXS);var paddingSMNum=getTokenNumberValue(paddingSM);var paddingXXSNum=getTokenNumberValue(paddingXXS);var _obj;return _obj={},_define_property(_obj,"".concat(componentCls,"-small"),_define_property({},"".concat(componentCls,"-trigger"),{minHeight:controlHeightSM,padding:"".concat(paddingXXSNum,"px ").concat(paddingXXSNum,"px")})),_define_property(_obj,"".concat(componentCls,"-large"),_define_property({},"".concat(componentCls,"-trigger"),{minHeight:controlHeightLG,padding:"".concat(paddingXSNum,"px ").concat(paddingSMNum,"px")})),_obj};export var prepareComponentToken=function(){return{}};export default genStyleHooks("VlianTreeSelect",function(token){return[genBaseStyle(token),genContentStyle(token),genSizeStyle(token)]},prepareComponentToken);
|
|
@@ -22,6 +22,7 @@ export type TreeSelectNode = {
|
|
|
22
22
|
hasChildren?: boolean;
|
|
23
23
|
isLoading?: boolean;
|
|
24
24
|
path?: string;
|
|
25
|
+
asyncChildren?: string;
|
|
25
26
|
[key: string]: unknown;
|
|
26
27
|
};
|
|
27
28
|
/**
|
|
@@ -139,4 +140,31 @@ export type TreeSelectProps<T extends TreeSelectNode> = {
|
|
|
139
140
|
* 组件大小
|
|
140
141
|
*/
|
|
141
142
|
size?: 'small' | 'middle' | 'large';
|
|
143
|
+
/**
|
|
144
|
+
* 过滤区是否显示
|
|
145
|
+
*/
|
|
146
|
+
filterTagsVisible?: boolean;
|
|
147
|
+
/**
|
|
148
|
+
* 过滤标签列表
|
|
149
|
+
*/
|
|
150
|
+
filterTags?: Array<{
|
|
151
|
+
key: string;
|
|
152
|
+
label: string;
|
|
153
|
+
}>;
|
|
154
|
+
/**
|
|
155
|
+
* 判断节点是否包含某个标签
|
|
156
|
+
* 如果不提供,默认检查节点的 tags 字段(可以是字符串数组或字符串)
|
|
157
|
+
* @param node 节点数据
|
|
158
|
+
* @param tagKey 标签的 key
|
|
159
|
+
* @returns 是否包含该标签
|
|
160
|
+
*/
|
|
161
|
+
hasNodeTag?: (node: T, tagKey: string) => boolean;
|
|
162
|
+
/**
|
|
163
|
+
* 异步加载子节点的函数
|
|
164
|
+
* 当节点有 asyncChildren 字段时,会调用此函数获取子集数据
|
|
165
|
+
* @param node 当前节点
|
|
166
|
+
* @param asyncChildrenKey 节点的 asyncChildren 字段值
|
|
167
|
+
* @returns 返回子节点数据数组
|
|
168
|
+
*/
|
|
169
|
+
asyncChildrenLoader?: (node: T, asyncChildrenKey: string) => Promise<T[]>;
|
|
142
170
|
};
|