Situation-Awareness-Platform-Frontend/src/components/CodeComparisonMenu

CodeComparisonMenu

说明

• CodeComparisonMenu组件为代码对比功能菜单组件，demo如下

// tempalte
<code-comparison-menu
selected="1"
:options= "[{name:'option_01',value:'1'}]"
:total="12"
:addNum="8"
:reduceNum="4"
searchWord=""
@selected-change="selectedChangeCode"
@handle-expand="handleExpandCode"
@handle-setting="handleSettingCode"
@handle-search="handleSearchCode"
@change-search="changeSearchCode"
>
</code-comparison-menu>
// script 
const selectedChangeCode = (value:string) => {
  
};
const handleExpandCode = (props:object) => {
  
};
const handleSettingCode = (props:object) => {
  
};
const handleSearchCode = (props:object) => {
  
};
const changeSearchCode = (props:object) => {
  
};

Props

参数	说明	类型	可选值	默认值
id?	卡片唯一id	string	--	--
selected?	下拉框选择值	string	--	--
options	下拉框options,例：[{name:'option_01',value:'1'}]	array	--	[]
total?	变更文件总数	number	0	--
addNum?	增加数	number	--	0
reduceNum?	减少数	number	--	0
searchWord?	搜索值	string	--	--
hideSelect?	隐藏下拉框	boolean	--	false
hideSearch?	隐藏搜索	boolean	--	false
hideExpand?	隐藏展开全部	boolean	--	false
hideSetting?	隐藏设置	boolean	--	false

Emits

方法	说明	返回值
selectedChange	下拉框选择后触发	value:下拉框选择值
handleExpand	点击展开全部触发	props(当前组件props对象)
handleSetting	点击设置触发	props(当前组件props对象)
handleSearch	搜索框enter触发	value：搜索框输入值
changeSearch	搜索框实时输入触发	value：搜索框输入值

Slots

名称	说明
left	左侧布局区域插槽
info	查看文件文案区域插槽
search	搜索区域插槽
right	右侧按钮区域插槽