nicecode/nicecode-v2
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(biz): 修改穿梭框的样式和注释

Browse Source
This commit is contained in:
NICE CODE BY DEV 2024-07-05 13:59:38 +08:00
parent 320e17ea93
commit 765f485556
1 changed files with 52 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
packages/biz/src/treeTransfer/TreeTransfer.tsx
View File

@ -1,11 +1,12 @@
import React, { ReactNode } from 'react';
import React, { ReactNode, useContext } from 'react';
import { Button, Input, ConfigProvider, theme, Flex, InputProps, TabsProps, Tabs, ButtonProps, Tree, TreeProps, DataNode as TreeDataNode } from '@zhst/meta'
import { IconFont } from '@zhst/icon'
import './index.less'
const componentName = 'zhst-biz-treeTransfer'
const { ConfigContext } = ConfigProvider
export interface TreeTransferProps {
customizePrefixCls?: string
/**
* @description 自定义标题
* @array []
@ -100,53 +101,55 @@ export interface TreeTransferProps {
const { useToken } = theme
const TreeTransfer: React.FC<TreeTransferProps> = ({
dataSource,
treeProps,
titles = ['可选择的范围', '已选择的范围'],
bordered,
searchInputProps,
showLeftSearch = true,
leftPanelScrollY = 300,
leftPanelWidth = 500,
rightPanelScrollY = 422,
rightPanelWidth = 300,
targetItems = [],
checkedKeys = [],
showFilter = false,
showLeftPanelFooter,
showRightPanelFooter = true,
customLeftPanelContent,
leftPanelFooterRender,
rightPanelFooterRender,
showLeftTabs,
leftTabsProps,
middleIcon,
activeTabKey,
tabsItems = [
{
key: 'camera',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >摄像头</div>,
},
{
key: 'plan',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >预案</div>,
},
{
key: 'map',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >地图框选</div>,
},
],
filters = [],
onLeftTabsChange,
onTreeCheck,
onTreeSelect,
onItemDelete,
onSearch,
onOk,
onReset
}) => {
const TreeTransfer: React.FC<TreeTransferProps> = (props) => {
const { getPrefixCls } = useContext(ConfigContext);
const componentName = getPrefixCls('biz-treeTransfer', props.customizePrefixCls);
const {
dataSource,
treeProps,
titles = ['可选择的范围', '已选择的范围'],
bordered,
searchInputProps,
showLeftSearch = true,
leftPanelScrollY = 300,
leftPanelWidth = 500,
rightPanelScrollY = 422,
rightPanelWidth = 300,
targetItems = [],
checkedKeys = [],
showFilter = false,
showLeftPanelFooter,
showRightPanelFooter = true,
customLeftPanelContent,
leftPanelFooterRender,
rightPanelFooterRender,
showLeftTabs,
leftTabsProps,
middleIcon,
activeTabKey,
tabsItems = [
{
key: 'camera',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >摄像头</div>,
},
{
key: 'plan',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >预案</div>,
},
{
key: 'map',
label: <div className={`${componentName}-left_card_tabs_tab`} style={{ textAlign:'center' }} >地图框选</div>,
},
],
filters = [],
onLeftTabsChange,
onTreeCheck,
onTreeSelect,
onItemDelete,
onSearch,
onOk,
onReset
} = props
const { token } = useToken()
return (