villianjs-pro 1.0.44 → 1.0.45
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.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -1
- package/dist/tree-select/components/container.d.ts +2 -0
- package/dist/tree-select/components/container.js +1 -0
- package/dist/tree-select/components/content.d.ts +2 -0
- package/dist/tree-select/components/content.js +1 -0
- package/dist/tree-select/components/tree-node-item.d.ts +17 -0
- package/dist/tree-select/components/tree-node-item.js +1 -0
- package/dist/tree-select/context.d.ts +2 -0
- package/dist/tree-select/context.js +1 -0
- package/dist/tree-select/hooks/commonStyles.d.ts +6 -0
- package/dist/tree-select/hooks/commonStyles.js +1 -0
- package/dist/tree-select/index.d.ts +2 -0
- package/dist/tree-select/index.js +1 -0
- package/dist/tree-select/styles.d.ts +7 -0
- package/dist/tree-select/styles.js +1 -0
- package/dist/tree-select/tree-select.d.ts +3 -0
- package/dist/tree-select/tree-select.js +1 -0
- package/dist/tree-select/types.d.ts +128 -0
- package/dist/tree-select/types.js +1 -0
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Card}from"./Card";export*from"./Card";export{Modal}from"./Modal";export*from"./Modal";export{VaSwitch}from"./Switch";export{CheckCard}from"./CheckCard";export{Typography}from"./Text";export{Image}from"./images";export*from"./ProTable";export{ButtonGroup}from"./ButtonGroup";export{ConfirmButton}from"./ConfirmButton";export*from"./TabSelector";export*from"./Beyond";export*from"./List";export*from"./Exports";export*from"./Form";export*from"./Button";export*from"./locale";export*from"./library";export*from"./imports";
|
|
1
|
+
export{Card}from"./Card";export*from"./Card";export{Modal}from"./Modal";export*from"./Modal";export{VaSwitch}from"./Switch";export{CheckCard}from"./CheckCard";export{Typography}from"./Text";export{Image}from"./images";export*from"./ProTable";export{ButtonGroup}from"./ButtonGroup";export{ConfirmButton}from"./ConfirmButton";export*from"./TabSelector";export*from"./Beyond";export*from"./List";export*from"./Exports";export*from"./Form";export*from"./Button";export*from"./locale";export*from"./library";export*from"./imports";export*from"./tree-select";
|
|
@@ -0,0 +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 _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_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 _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 _object_without_properties(source,excluded){if(source==null)return{};var target=_object_without_properties_loose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key]}}return target}function _object_without_properties_loose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=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 _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)}import{useState,useContext}from"react";import{useCommonStyles}from"../hooks/commonStyles";import useStyle from"../styles";import classNames from"classnames";import{Modal}from"../../Modal";import{Typography}from"../../Text";import{TreeSelectContent}from"./content";import{TreeSelectContext}from"../context";import{Tag}from"antd";import{DownOutlined}from"@ant-design/icons";var CustomModal=Modal.CustomModal;var Text=Typography.Text;export var TreeSelectContainer=function(props){var _props_mode=props.mode,mode=_props_mode===void 0?"modal":_props_mode,_props_value=props.value,value=_props_value===void 0?[]:_props_value,onChange=props.onChange,className=props.className,style=props.style,_props_placeholder=props.placeholder,placeholder=_props_placeholder===void 0?"请选择":_props_placeholder,_props_maxDisplayCount=props.maxDisplayCount,maxDisplayCount=_props_maxDisplayCount===void 0?3:_props_maxDisplayCount,modalProps=props.modalProps,restProps=_object_without_properties(props,["mode","value","onChange","className","style","placeholder","maxDisplayCount","modalProps"]);var context=useContext(TreeSelectContext);var _useCommonStyles=useCommonStyles("vlian-tree-select",props,useStyle),prefixCls=_useCommonStyles.prefixCls,wrapCSS=_useCommonStyles.wrapCSS,hashId=_useCommonStyles.hashId;var _useState=_sliced_to_array(useState(false),2),modalOpen=_useState[0],setModalOpen=_useState[1];var handleOpenModal=function(){if(mode==="modal"){var _context_setTempSelectedRows,_context_setTempSelectedKeys;var currentSelected=(context===null||context===void 0?void 0:context.selectedRows)||value;context===null||context===void 0?void 0:(_context_setTempSelectedRows=context.setTempSelectedRows)===null||_context_setTempSelectedRows===void 0?void 0:_context_setTempSelectedRows.call(context,currentSelected);context===null||context===void 0?void 0:(_context_setTempSelectedKeys=context.setTempSelectedKeys)===null||_context_setTempSelectedKeys===void 0?void 0:_context_setTempSelectedKeys.call(context,(context===null||context===void 0?void 0:context.selectedKeys)||currentSelected.map(function(row){return row.key}))}setModalOpen(true)};var handleModalOk=function(){if(mode==="modal"){var _context_setSelectedRows;var tempRows=(context===null||context===void 0?void 0:context.tempSelectedRows)||(context===null||context===void 0?void 0:context.selectedRows)||value;context===null||context===void 0?void 0:(_context_setSelectedRows=context.setSelectedRows)===null||_context_setSelectedRows===void 0?void 0:_context_setSelectedRows.call(context,tempRows);onChange===null||onChange===void 0?void 0:onChange(tempRows)}setModalOpen(false)};var handleModalCancel=function(){if(mode==="modal"){var _context_setTempSelectedRows,_context_setTempSelectedKeys;var confirmedRows=(context===null||context===void 0?void 0:context.selectedRows)||value;context===null||context===void 0?void 0:(_context_setTempSelectedRows=context.setTempSelectedRows)===null||_context_setTempSelectedRows===void 0?void 0:_context_setTempSelectedRows.call(context,confirmedRows);context===null||context===void 0?void 0:(_context_setTempSelectedKeys=context.setTempSelectedKeys)===null||_context_setTempSelectedKeys===void 0?void 0:_context_setTempSelectedKeys.call(context,(context===null||context===void 0?void 0:context.selectedKeys)||confirmedRows.map(function(row){return row.key}))}setModalOpen(false)};var renderTrigger=function(){var selectedRows=(context===null||context===void 0?void 0:context.selectedRows)||value;var hasSelected=selectedRows.length>0;var displayTags=selectedRows.slice(0,maxDisplayCount);var remainingCount=selectedRows.length-maxDisplayCount;return React.createElement("div",{className:classNames("".concat(prefixCls,"-trigger"),hashId),onClick:handleOpenModal},React.createElement("div",{className:classNames("".concat(prefixCls,"-trigger-content"),hashId)},!hasSelected?React.createElement("span",{className:classNames("".concat(prefixCls,"-trigger-placeholder"),hashId)},placeholder):React.createElement("div",{className:classNames("".concat(prefixCls,"-trigger-tags"),hashId)},displayTags.map(function(row){return React.createElement(Tag,{key:row.key,className:classNames("".concat(prefixCls,"-trigger-tag"),hashId),closable:false},React.createElement(Text,{className:classNames("".concat(prefixCls,"-trigger-tag-text"),hashId),ellipsis:true},row.label))}),remainingCount>0&&React.createElement(Tag,{className:classNames("".concat(prefixCls,"-trigger-tag"),"".concat(prefixCls,"-trigger-tag-more"),hashId),closable:false},"+",remainingCount))),React.createElement(DownOutlined,{className:classNames("".concat(prefixCls,"-trigger-arrow"),hashId)}))};if(mode==="inline"){return wrapCSS(React.createElement("div",{className:classNames(prefixCls,className,hashId),style:style},React.createElement(TreeSelectContent,props)))}return wrapCSS(React.createElement("div",{className:classNames(prefixCls,className,hashId),style:style},renderTrigger(),React.createElement(CustomModal,_object_spread({open:modalOpen,onCancel:handleModalCancel,onOk:handleModalOk,maskClosable:false},modalProps),React.createElement(TreeSelectContent,_object_spread({},props,restProps)))))};
|
|
@@ -0,0 +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 updatedParent=_object_spread_props(_object_spread({},parentNode),{children:formattedChildren,hasChildren:formattedChildren.length>0,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){return _object_spread_props(_object_spread({},n),{children:formattedChildren,hasChildren:formattedChildren.length>0})}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.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.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})))))};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { TreeSelectNode, TreeSelectProps } from "../types";
|
|
2
|
+
export interface TreeNodeItemProps<T extends TreeSelectNode> {
|
|
3
|
+
node: T;
|
|
4
|
+
props: TreeSelectProps<T>;
|
|
5
|
+
prefixCls: string;
|
|
6
|
+
hashId: string;
|
|
7
|
+
onClick?: (node: T) => void;
|
|
8
|
+
onSelect?: (node: T) => void;
|
|
9
|
+
isSelected?: boolean;
|
|
10
|
+
showExpandIcon?: boolean;
|
|
11
|
+
isExpanded?: boolean;
|
|
12
|
+
isRootLevel?: boolean;
|
|
13
|
+
showCheckbox?: boolean;
|
|
14
|
+
showSelectedState?: boolean;
|
|
15
|
+
showDeleteIcon?: boolean;
|
|
16
|
+
}
|
|
17
|
+
export declare const TreeNodeItem: <T extends TreeSelectNode>({ node, props: treeSelectProps, prefixCls, hashId, onClick, onSelect, isSelected, showExpandIcon, isExpanded, isRootLevel, showCheckbox, showSelectedState, showDeleteIcon, }: TreeNodeItemProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +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 React from"react";import classNames from"classnames";import{RightOutlined,DeleteOutlined,CheckOutlined}from"@ant-design/icons";import{Checkbox,Avatar,Spin}from"antd";import{Button}from"../../Button";import{Typography}from"../../Text";var Text=Typography.Text;export var TreeNodeItem=function(param){var node=param.node,treeSelectProps=param.props,prefixCls=param.prefixCls,hashId=param.hashId,onClick=param.onClick,onSelect=param.onSelect,_param_isSelected=param.isSelected,isSelected=_param_isSelected===void 0?false:_param_isSelected,_param_showExpandIcon=param.showExpandIcon,showExpandIcon=_param_showExpandIcon===void 0?false:_param_showExpandIcon,_param_isExpanded=param.isExpanded,isExpanded=_param_isExpanded===void 0?false:_param_isExpanded,_param_isRootLevel=param.isRootLevel,isRootLevel=_param_isRootLevel===void 0?true:_param_isRootLevel,_param_showCheckbox=param.showCheckbox,showCheckbox=_param_showCheckbox===void 0?true:_param_showCheckbox,_param_showSelectedState=param.showSelectedState,showSelectedState=_param_showSelectedState===void 0?true:_param_showSelectedState,_param_showDeleteIcon=param.showDeleteIcon,showDeleteIcon=_param_showDeleteIcon===void 0?false:_param_showDeleteIcon;var renderTreeNode=treeSelectProps.renderTreeNode,renderSelectTreeNode=treeSelectProps.renderSelectTreeNode,renderExpandIcon=treeSelectProps.renderExpandIcon,_treeSelectProps_showAvatar=treeSelectProps.showAvatar,showAvatar=_treeSelectProps_showAvatar===void 0?true:_treeSelectProps_showAvatar,renderAvatar=treeSelectProps.renderAvatar,renderNodeContent=treeSelectProps.renderNodeContent;var hasChildren=node.children&&node.children.length>0||node.hasChildren;var handleClick=function(e){e.stopPropagation();onClick===null||onClick===void 0?void 0:onClick(node)};var handleSelect=function(e){e.stopPropagation();onSelect===null||onSelect===void 0?void 0:onSelect(node)};var handleCheckboxChange=function(e){e.stopPropagation();onSelect===null||onSelect===void 0?void 0:onSelect(node)};var renderExpand=function(){if(!hasChildren&&!showExpandIcon){return null}if(renderExpandIcon){return renderExpandIcon(isExpanded,node)}return React.createElement("span",{className:classNames("".concat(prefixCls,"-node-expand-icon"),hashId,_define_property({},"".concat(prefixCls,"-node-expand-icon-expanded"),isExpanded))},React.createElement(RightOutlined,null))};var renderAvatarContent=function(){if(!showAvatar)return null;if(renderAvatar){return renderAvatar(node)}var avatarSrc=node.avatar;var labelText=node.label||"";var firstChar=labelText.charAt(0);var displayText=firstChar?firstChar.match(/[a-zA-Z]/)?firstChar.toUpperCase():firstChar:"?";return React.createElement(Avatar,{src:avatarSrc,className:classNames("".concat(prefixCls,"-node-avatar"),hashId)},!avatarSrc&&displayText)};var renderContent=function(){if(renderNodeContent){return renderNodeContent(node,classNames("".concat(prefixCls,"-node-content"),hashId))}var shouldShowPath=!hasChildren||!isRootLevel;var pathValue=node.path;return React.createElement("div",{className:classNames("".concat(prefixCls,"-node-content"),hashId)},React.createElement("div",{className:classNames("".concat(prefixCls,"-node-label-wrapper"),hashId)},React.createElement(Text,{className:classNames("".concat(prefixCls,"-node-label"),hashId),ellipsis:true},node.label)),shouldShowPath&&pathValue&&React.createElement("div",{className:classNames("".concat(prefixCls,"-node-description-wrapper"),hashId)},React.createElement(Text,{className:classNames("".concat(prefixCls,"-node-description"),hashId),ellipsis:true,type:"secondary"},pathValue)))};if(renderTreeNode){return React.createElement(React.Fragment,null,renderTreeNode(node))}if(renderSelectTreeNode){return React.createElement(React.Fragment,null,renderSelectTreeNode(node))}var _obj;return React.createElement("div",{className:classNames("".concat(prefixCls,"-node"),hashId,(_obj={},_define_property(_obj,"".concat(prefixCls,"-node-selected"),showSelectedState&&isSelected),_define_property(_obj,"".concat(prefixCls,"-node-has-children"),hasChildren),_obj)),onClick:handleClick},React.createElement("div",{className:classNames("".concat(prefixCls,"-node-inner"),hashId)},hasChildren&&onSelect&&showCheckbox&&React.createElement("span",{className:classNames("".concat(prefixCls,"-node-checkbox-wrapper"),hashId),onClick:function(e){return e.stopPropagation()}},React.createElement(Checkbox,{checked:isSelected,onChange:handleCheckboxChange,className:classNames("".concat(prefixCls,"-node-checkbox"),hashId)})),renderAvatarContent(),renderContent(),hasChildren&&showExpandIcon&&renderExpand(),node.isLoading&&React.createElement("span",{className:classNames("".concat(prefixCls,"-node-loading"),hashId)},React.createElement(Spin,{size:"small"})),showDeleteIcon&&onSelect&&React.createElement(Button,{variant:"link",type:"text",className:classNames("".concat(prefixCls,"-node-delete"),hashId),icon:React.createElement(DeleteOutlined,null),onClick:handleSelect}),!hasChildren&&onSelect&&isSelected&&!showDeleteIcon&&React.createElement("div",{className:classNames("".concat(prefixCls,"-node-select"),hashId),onClick:handleSelect},React.createElement(CheckOutlined,null))))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext}from"react";export var TreeSelectContext=createContext(null);
|
|
@@ -0,0 +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 _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 _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 _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)}import{useComponentConfig}from"antd/es/config-provider/context";export var useCommonStyles=function(key,props,useStyle){var customizePrefixCls=props.prefixCls;var getPrefixCls=useComponentConfig(key).getPrefixCls;var prefixCls=getPrefixCls(key,customizePrefixCls);var _useStyle=_sliced_to_array(useStyle(prefixCls),3),wrapCSS=_useStyle[0],hashId=_useStyle[1],cssVarCls=_useStyle[2];return{wrapCSS:wrapCSS,hashId:hashId,prefixCls:prefixCls,cssVarCls:cssVarCls}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{default as TreeSelect}from"./tree-select";export*from"./types";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { FullToken, GenerateStyle, GetDefaultToken } from 'antd/es/theme/internal';
|
|
2
|
+
type VlianTreeSelectToken = FullToken<'VlianTreeSelect'> & {};
|
|
3
|
+
export declare const genBaseStyle: GenerateStyle<VlianTreeSelectToken>;
|
|
4
|
+
export declare const genContentStyle: GenerateStyle<VlianTreeSelectToken>;
|
|
5
|
+
export declare const prepareComponentToken: GetDefaultToken<'VlianTreeSelect'>;
|
|
6
|
+
declare const _default: (prefixCls: string, rootCls?: string) => readonly [(node: React.ReactElement) => React.ReactElement, string, string];
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +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,"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 prepareComponentToken=function(){return{}};export default genStyleHooks("VlianTreeSelect",function(token){return[genBaseStyle(token),genContentStyle(token)]},prepareComponentToken);
|
|
@@ -0,0 +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 _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_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 _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 _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)}import React,{useState}from"react";import{TreeSelectContext}from"./context";import{TreeSelectContainer}from"./components/container";var TreeSelect=function(props){var _props_mode=props.mode,mode=_props_mode===void 0?"inline":_props_mode,_props_value=props.value,value=_props_value===void 0?[]:_props_value,onChange=props.onChange,_props_nodeKey=props.nodeKey,nodeKey=_props_nodeKey===void 0?"id":_props_nodeKey;var getNodeKey=React.useCallback(function(item){var val=item[nodeKey];if(val!==undefined&&val!==null){var nodeType=item.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){return"".concat(String(nodeType),"-").concat(String(val))}return val}return item.key},[nodeKey]);var getNodeIdString=React.useCallback(function(row){if(nodeKey){var value=row[nodeKey];if(value!==undefined&&value!==null){var nodeType=row.type;if(nodeType!==undefined&&nodeType!==null&&nodeKey==="id"){return"".concat(String(nodeType),"-").concat(String(value))}return String(value)}}return String(row.key||"")},[nodeKey]);var deduplicateRows=React.useCallback(function(rows){var seen=new Set;var result=[];var _iteratorNormalCompletion=true,_didIteratorError=false,_iteratorError=undefined;try{for(var _iterator=rows[Symbol.iterator](),_step;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=true){var row=_step.value;var id=getNodeIdString(row);if(!seen.has(id)){seen.add(id);result.push(row)}}}catch(err){_didIteratorError=true;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&_iterator.return!=null){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}return result},[getNodeIdString]);var _useState=_sliced_to_array(useState(function(){return deduplicateRows(value||[])}),2),selectedRows=_useState[0],setSelectedRows=_useState[1];var _useState1=_sliced_to_array(useState(function(){var rows=deduplicateRows(value||[]);return rows.map(getNodeKey)}),2),selectedKeys=_useState1[0],setSelectedKeys=_useState1[1];var _useState2=_sliced_to_array(useState(function(){return deduplicateRows(value||[])}),2),tempSelectedRows=_useState2[0],setTempSelectedRows=_useState2[1];var _useState3=_sliced_to_array(useState(function(){var rows=deduplicateRows(value||[]);return rows.map(getNodeKey)}),2),tempSelectedKeys=_useState3[0],setTempSelectedKeys=_useState3[1];React.useEffect(function(){var deduplicatedRows=deduplicateRows(value||[]);setSelectedRows(deduplicatedRows);setSelectedKeys(deduplicatedRows.map(getNodeKey));setTempSelectedRows(deduplicatedRows);setTempSelectedKeys(deduplicatedRows.map(getNodeKey))},[value,deduplicateRows,getNodeKey]);var contextValue={selectedRows:selectedRows,selectedKeys:selectedKeys,setSelectedRows:function(rows){var deduplicatedRows=deduplicateRows(rows);setSelectedRows(deduplicatedRows);setSelectedKeys(deduplicatedRows.map(getNodeKey));if(mode==="inline"){onChange===null||onChange===void 0?void 0:onChange(deduplicatedRows)}},setSelectedKeys:setSelectedKeys,mode:mode,tempSelectedRows:tempSelectedRows,tempSelectedKeys:tempSelectedKeys,setTempSelectedRows:function(rows){var deduplicatedRows=deduplicateRows(rows);setTempSelectedRows(deduplicatedRows);setTempSelectedKeys(deduplicatedRows.map(getNodeKey))},setTempSelectedKeys:setTempSelectedKeys};return React.createElement(TreeSelectContext.Provider,{value:contextValue},React.createElement(TreeSelectContainer,_object_spread_props(_object_spread({},props),{mode:mode})))};export default TreeSelect;
|
|
@@ -0,0 +1,128 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { ModalProps } from "../Modal";
|
|
3
|
+
import type { Key } from "react";
|
|
4
|
+
/**
|
|
5
|
+
* ProTable 上下文类型
|
|
6
|
+
*/
|
|
7
|
+
export type TreeSelectContextType<T extends TreeSelectNode> = {
|
|
8
|
+
mode: "modal" | "inline";
|
|
9
|
+
selectedRows: T[];
|
|
10
|
+
selectedKeys: Key[];
|
|
11
|
+
setSelectedRows: (rows: T[]) => void;
|
|
12
|
+
setSelectedKeys: (keys: Key[]) => void;
|
|
13
|
+
tempSelectedRows?: T[];
|
|
14
|
+
tempSelectedKeys?: Key[];
|
|
15
|
+
setTempSelectedRows?: (rows: T[]) => void;
|
|
16
|
+
setTempSelectedKeys?: (keys: Key[]) => void;
|
|
17
|
+
};
|
|
18
|
+
export type TreeSelectNode = {
|
|
19
|
+
key: string;
|
|
20
|
+
label: string;
|
|
21
|
+
children?: TreeSelectNode[];
|
|
22
|
+
hasChildren?: boolean;
|
|
23
|
+
isLoading?: boolean;
|
|
24
|
+
path?: string;
|
|
25
|
+
[key: string]: unknown;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* 选择树组件
|
|
29
|
+
*/
|
|
30
|
+
export type TreeSelectProps<T extends TreeSelectNode> = {
|
|
31
|
+
/**
|
|
32
|
+
* 模式
|
|
33
|
+
*/
|
|
34
|
+
mode?: "modal" | "inline";
|
|
35
|
+
/**
|
|
36
|
+
* 数据
|
|
37
|
+
*/
|
|
38
|
+
data?: T[];
|
|
39
|
+
/**
|
|
40
|
+
* 选中的值
|
|
41
|
+
*/
|
|
42
|
+
value?: T[];
|
|
43
|
+
/**
|
|
44
|
+
* onChange
|
|
45
|
+
*/
|
|
46
|
+
onChange?: (value: T[]) => void;
|
|
47
|
+
/**
|
|
48
|
+
* 类名
|
|
49
|
+
*/
|
|
50
|
+
className?: string;
|
|
51
|
+
/**
|
|
52
|
+
* 样式
|
|
53
|
+
*/
|
|
54
|
+
style?: React.CSSProperties;
|
|
55
|
+
/**
|
|
56
|
+
* 搜索框占位符
|
|
57
|
+
*/
|
|
58
|
+
searchPlaceholder?: string;
|
|
59
|
+
/**
|
|
60
|
+
* 触发器占位符
|
|
61
|
+
*/
|
|
62
|
+
placeholder?: string;
|
|
63
|
+
/**
|
|
64
|
+
* 渲染树节点
|
|
65
|
+
*/
|
|
66
|
+
renderTreeNode?: (node: T) => React.ReactNode;
|
|
67
|
+
/**
|
|
68
|
+
* 渲染选择树节点
|
|
69
|
+
*/
|
|
70
|
+
renderSelectTreeNode?: (node: T) => React.ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* 渲染展开/收起图标
|
|
73
|
+
*/
|
|
74
|
+
renderExpandIcon?: (isExpanded: boolean, node: T) => React.ReactNode;
|
|
75
|
+
/**
|
|
76
|
+
* 是否展示头像
|
|
77
|
+
*/
|
|
78
|
+
showAvatar?: boolean;
|
|
79
|
+
/**
|
|
80
|
+
* 渲染头像
|
|
81
|
+
*/
|
|
82
|
+
renderAvatar?: (node: T, className?: string) => React.ReactNode;
|
|
83
|
+
/**
|
|
84
|
+
* 渲染节点内容(label 和 description)
|
|
85
|
+
*/
|
|
86
|
+
renderNodeContent?: (node: T, className?: string) => React.ReactNode;
|
|
87
|
+
/**
|
|
88
|
+
* 展示最多的数据
|
|
89
|
+
*/
|
|
90
|
+
maxDisplayCount?: number;
|
|
91
|
+
/**
|
|
92
|
+
* 弹窗树型
|
|
93
|
+
*/
|
|
94
|
+
modalProps?: Omit<ModalProps, 'children' | 'footer'>;
|
|
95
|
+
/**
|
|
96
|
+
* 节点 key
|
|
97
|
+
*/
|
|
98
|
+
nodeKey?: string;
|
|
99
|
+
/**
|
|
100
|
+
* 自定义生成节点唯一标识的函数
|
|
101
|
+
* 如果提供了此函数,将优先使用此函数生成唯一标识,而不是使用 nodeKey
|
|
102
|
+
* @param node 节点数据
|
|
103
|
+
* @returns 节点的唯一标识字符串
|
|
104
|
+
*/
|
|
105
|
+
keyGenerator?: (node: T) => string;
|
|
106
|
+
/**
|
|
107
|
+
* 内容区域类名
|
|
108
|
+
*/
|
|
109
|
+
bodyClassName?: string;
|
|
110
|
+
/**
|
|
111
|
+
* 内容区域样式
|
|
112
|
+
*/
|
|
113
|
+
bodyStyle?: React.CSSProperties;
|
|
114
|
+
/**
|
|
115
|
+
* 搜索结果
|
|
116
|
+
*/
|
|
117
|
+
onSearch?: (value: string) => Promise<T[]>;
|
|
118
|
+
/**
|
|
119
|
+
* 根节点名称
|
|
120
|
+
*/
|
|
121
|
+
rootNodeName?: string;
|
|
122
|
+
/**
|
|
123
|
+
* 远程加载数据函数
|
|
124
|
+
* @param node 当前节点,如果为 null 或 undefined,表示加载第一级数据
|
|
125
|
+
* @returns 返回子节点数据数组
|
|
126
|
+
*/
|
|
127
|
+
onLoadData?: (node: T | null) => Promise<T[]>;
|
|
128
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{};
|