perf(table): 新增 列筛选 功能
This commit is contained in:
		
							parent
							
								
									e42cedab18
								
							
						
					
					
						commit
						a543780188
					
				| @ -286,7 +286,7 @@ export default { | ||||
| ::: table | ||||
| 
 | ||||
| | 属性   | 描述   | 可选值                                        | | ||||
| | ------ | -----------  | --------------------------------------------- | | ||||
| | ------ | ------ | --------------------------------------------- | | ||||
| | type   | 主题   | `primary` `normal` `warm` `danger` `disabled` | | ||||
| | size   | 尺寸   | `lg` `sm` `xs`                                | | ||||
| | fluid  | 最大化 | `true` `false`                                | | ||||
| @ -301,8 +301,7 @@ export default { | ||||
| ::: table | ||||
| 
 | ||||
| | 事件  | 描述     | 参数 | | ||||
| | ------ | -----------  | --------------------------------------------- | | ||||
| | ----- | -------- | ---- | | ||||
| | click | 单击事件 | `--` | | ||||
| 
 | ||||
| ::: | ||||
| 
 | ||||
|  | ||||
| @ -240,7 +240,7 @@ export default { | ||||
| ::: table | ||||
| 
 | ||||
| | 备注            | 描述          | 默认值                     | | ||||
| | --------------- | ------------- | ------- | | ||||
| | --------------- | ------------- | -------------------------- | | ||||
| | title           | 标题          | --                         | | ||||
| | move            | 允许拖拽      | `false`                    | | ||||
| | maxmin          | 最小化 最大化 | `false`                    | | ||||
|  | ||||
| @ -83,7 +83,7 @@ export default { | ||||
| ::: table | ||||
| 
 | ||||
| | 属性                | 描述   | 备注 | | ||||
| | ---------------------| ------ | ---- | | ||||
| | ------------------- | ------ | ---- | | ||||
| | v-model:selectedKey | 选中项 | --   | | ||||
| | v-model:openKeys    | 打开项 | --   | | ||||
| 
 | ||||
|  | ||||
| @ -234,7 +234,7 @@ function handleClick(node) { | ||||
| ::: table | ||||
| 
 | ||||
| | Name     | Description    | Accepted Values | | ||||
| | -------- | ---- | ----------------------- | | ||||
| | -------- | -------------- | --------------- | --- | | ||||
| | id       | 唯一值         | -               | | ||||
| | title    | 节点名称       | -               | | ||||
| | children | 子节点         | []              | | ||||
|  | ||||
| @ -1,6 +1,6 @@ | ||||
| <template> | ||||
|   <div class="lay-code"> | ||||
|     <div class="source" id="source"> | ||||
|     <div id="source" class="source"> | ||||
|       <slot /> | ||||
|     </div> | ||||
|     <div ref="meta" class="meta"> | ||||
| @ -11,16 +11,9 @@ | ||||
|         <slot name="code" /> | ||||
|       </div> | ||||
|     </div> | ||||
|     <div | ||||
|       :class="{ 'is-fixed': isFixContorl }" | ||||
|       class="control" | ||||
|     > | ||||
|       <i | ||||
|         class="layui-icon layui-icon-file" @click="copy" | ||||
|       /> | ||||
|       <i | ||||
|         class="layui-icon layui-icon-fonts-code"  @click="toggle" | ||||
|       /> | ||||
|     <div :class="{ 'is-fixed': isFixContorl }" class="control"> | ||||
|       <i class="layui-icon layui-icon-file" @click="copy" /> | ||||
|       <i class="layui-icon layui-icon-fonts-code" @click="toggle" /> | ||||
|     </div> | ||||
|   </div> | ||||
| </template> | ||||
| @ -39,9 +32,9 @@ const toggle = function () { | ||||
| } | ||||
| 
 | ||||
| const copy = function () { | ||||
|   var Url2  =document.getElementById("source") as any; | ||||
|   Url2.select(); | ||||
|   document.execCommand("Copy"); | ||||
|   var Url2 = document.getElementById('source') as any | ||||
|   Url2.select() | ||||
|   document.execCommand('Copy') | ||||
| } | ||||
| 
 | ||||
| onMounted(() => { | ||||
|  | ||||
| @ -16,11 +16,11 @@ | ||||
|             <template #content> | ||||
|               <div style="padding: 10px"> | ||||
|                 <table-item-checkbox | ||||
|                 skin="primary" | ||||
|                   v-for="column in columns" | ||||
|                 v-model="tableColumns" | ||||
|                 :label="column" | ||||
|                   :key="column" | ||||
|                   v-model="tableColumns" | ||||
|                   skin="primary" | ||||
|                   :label="column" | ||||
|                   >{{ column.title }}</table-item-checkbox | ||||
|                 > | ||||
|               </div> | ||||
| @ -98,8 +98,8 @@ | ||||
|                       </template> | ||||
| 
 | ||||
|                       <template | ||||
|                         v-else | ||||
|                         v-for="(value, key) in data" | ||||
|                         v-else | ||||
|                         :key="value" | ||||
|                       > | ||||
|                         <td v-if="column.key == key" class="layui-table-cell"> | ||||
| @ -154,7 +154,7 @@ import { | ||||
|   useSlots, | ||||
|   watch, | ||||
|   withDefaults, | ||||
|   defineEmits | ||||
|   defineEmits, | ||||
| } from 'vue' | ||||
| import { Recordable } from '/@src/module/type' | ||||
| 
 | ||||
|  | ||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user