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…
Reference in New Issue
Block a user