🐛(component): 修复 table 组件 ellipsisTooltip 属性不生效
This commit is contained in:
就眠儀式
parent
1239e6dbe6
commit
1a7eb00e05
@ -486,6 +486,7 @@ const radioProps = props.getRadioProps(props.data, props.index);
|
||||
column.fixed ? `layui-table-fixed-${column.fixed}` : '',
|
||||
]"
|
||||
>
|
||||
<div style="display: flex">
|
||||
<span
|
||||
v-if="expandSpace && columnIndex === expandIndex"
|
||||
:style="{ 'margin-right': currentIndentSize + 'px' }"
|
||||
@ -531,6 +532,7 @@ const radioProps = props.getRadioProps(props.data, props.index);
|
||||
:data="data"
|
||||
:column="column"
|
||||
></slot>
|
||||
</div>
|
||||
</td>
|
||||
</template>
|
||||
|
||||
@ -558,6 +560,7 @@ const radioProps = props.getRadioProps(props.data, props.index);
|
||||
column.fixed ? `layui-table-fixed-${column.fixed}` : '',
|
||||
]"
|
||||
>
|
||||
<div style="display: flex">
|
||||
<span
|
||||
v-if="expandSpace && columnIndex === expandIndex"
|
||||
:style="{ 'margin-right': currentIndentSize + 'px' }"
|
||||
@ -590,7 +593,9 @@ const radioProps = props.getRadioProps(props.data, props.index);
|
||||
>
|
||||
{{ data[column.key] }}
|
||||
</lay-tooltip>
|
||||
|
||||
<span v-else> {{ data[column.key] }} </span>
|
||||
</div>
|
||||
</td>
|
||||
</template>
|
||||
</template>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo
|
||||
::: demo 如上是不同的动画类名，点击上述绿色块，可直接预览动画。
|
||||
|
||||
<template>
|
||||
<div class="anim">
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo 使用 `lay-button` 标签, 创建一个按钮
|
||||
::: demo 使用 `lay-button` 标签, 创建一个按钮。
|
||||
|
||||
<template>
|
||||
<lay-button type="primary">原始按钮</lay-button>
|
||||
@ -37,7 +37,7 @@ export default {
|
||||
::: title 简约按钮
|
||||
:::
|
||||
|
||||
::: demo 使用 `border` 属性设置边框颜色
|
||||
::: demo 通过 `border` 属性设置边框颜色
|
||||
|
||||
<template>
|
||||
<lay-button>原始按钮</lay-button>
|
||||
@ -64,7 +64,7 @@ export default {
|
||||
::: title 次要按钮
|
||||
:::
|
||||
|
||||
::: demo 使用 `border-style` 属性设置边框样式
|
||||
::: demo 通过 `border-style` 属性设置边框样式。
|
||||
|
||||
<template>
|
||||
<lay-button border-style="dashed">原始按钮</lay-button>
|
||||
@ -91,7 +91,7 @@ export default {
|
||||
::: title 按钮尺寸
|
||||
:::
|
||||
|
||||
::: demo 使用 `size` 属性, 创建指定尺寸的按钮, 可选值 `lg` `sm` `xs`
|
||||
::: demo 通过 `size` 属性, 创建指定尺寸的按钮, 可选值 `lg` `sm` `xs`。
|
||||
|
||||
<template>
|
||||
<lay-button type="primary" size="lg">原始按钮</lay-button>
|
||||
@ -119,7 +119,7 @@ export default {
|
||||
::: title 流式按钮
|
||||
:::
|
||||
|
||||
::: demo 使用 `fluid` 属性, 使其适合父最大宽度
|
||||
::: demo 通过 `fluid` 属性, 使其适合父级最大宽度。
|
||||
|
||||
<template>
|
||||
<lay-button type="primary" fluid>最大化按钮</lay-button>
|
||||
@ -145,7 +145,7 @@ export default {
|
||||
::: title 圆角按钮
|
||||
:::
|
||||
|
||||
::: demo 使用 `radius` 属性，创建圆角按钮
|
||||
::: demo 通过 `radius` 属性，创建圆角按钮。
|
||||
|
||||
<template>
|
||||
<lay-button type="primary" radius>原始按钮</lay-button>
|
||||
@ -173,7 +173,7 @@ export default {
|
||||
::: title 按钮分组
|
||||
:::
|
||||
|
||||
::: demo 使用 `lay-button-group` 标签, 创建一个按钮组
|
||||
::: demo 使用 `lay-button-group` 标签, 创建一个按钮组。
|
||||
|
||||
<template>
|
||||
<div>
|
||||
@ -212,7 +212,7 @@ export default {
|
||||
::: title 图标按钮
|
||||
:::
|
||||
|
||||
::: demo 结合 `lay-icon` 组件, 创建图标按钮
|
||||
::: demo 结合 `lay-icon` 组件, 创建图标按钮。
|
||||
|
||||
<template>
|
||||
<lay-button-container>
|
||||
@ -239,7 +239,7 @@ export default {
|
||||
::: title 按钮容器
|
||||
:::
|
||||
|
||||
::: demo 尽管按钮在同节点并排时会自动拉开间距，但在按钮太多的情况，效果并不是很美好。因为你需要用到按钮容器
|
||||
::: demo 尽管按钮在同节点并排时会自动拉开间距，但在按钮太多的情况，效果并不是很美好。因为你需要用到按钮容器。
|
||||
|
||||
<template>
|
||||
<lay-button-container>
|
||||
@ -266,7 +266,7 @@ export default {
|
||||
::: title 加载按钮
|
||||
:::
|
||||
|
||||
::: demo 使用 `loading` 属性, 控制按钮的加载状态
|
||||
::: demo 通过 `loading` 属性, 控制按钮的加载状态。
|
||||
|
||||
<template>
|
||||
<lay-button-container>
|
||||
@ -296,7 +296,7 @@ export default {
|
||||
::: title 事件处理
|
||||
:::
|
||||
|
||||
::: demo 使用 `@click` 设置单击回调
|
||||
::: demo 使用 `@click` 设置单击回调。
|
||||
|
||||
<template>
|
||||
<lay-button type="default" @click="clickHandle">单击事件</lay-button>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo 使用 `color` 属性设置颜色
|
||||
::: demo 使用 `lay-icon` 标签创建一个图标。
|
||||
|
||||
<template>
|
||||
<lay-icon type="layui-icon-face-smile"></lay-icon>
|
||||
|
||||
@ -13,7 +13,7 @@
|
||||
::: demo 使用 `lay-select` 标签, 创建下拉选择框
|
||||
|
||||
<template>
|
||||
<lay-select v-model="value">
|
||||
<lay-select v-model="value" placeholder="请选择">
|
||||
<lay-select-option :value="1" label="学习"></lay-select-option>
|
||||
<lay-select-option :value="2" label="编码"></lay-select-option>
|
||||
<lay-select-option :value="3" label="运动"></lay-select-option>
|
||||
@ -42,7 +42,7 @@ export default {
|
||||
|
||||
<template>
|
||||
<lay-space>
|
||||
<lay-select v-model="value2">
|
||||
<lay-select v-model="value2" placeholder="请选择">
|
||||
<lay-select-option :value="1" label="学习"></lay-select-option>
|
||||
<lay-select-option :value="2" label="编码"></lay-select-option>
|
||||
<lay-select-option :value="3" label="运动"></lay-select-option>
|
||||
|
||||
@ -308,7 +308,7 @@ export default {
|
||||
]
|
||||
|
||||
const dataSource7 = [
|
||||
{id: "1", name:"系统管理", score:100, children: [{id: "3", name:"用户管理", score:99},{id: "5", name:"角色管理", score:96,children: [{id: "7", name:"用户管理", score:99},{id: "8", name:"角色管理", score:96}]}]},
|
||||
{id: "1", name:"系统管理11111111111111111111111111111111111111111111111", score:100, children: [{id: "3", name:"用户管理", score:99},{id: "5", name:"角色管理", score:96,children: [{id: "7", name:"用户管理", score:99},{id: "8", name:"角色管理", score:96}]}]},
|
||||
{id: "2", name:"电商管理", score:100, children: [{id: "4", name:"商品管理", score:11},{id: "6", name:"分类管理", score:22}]},
|
||||
]
|
||||
|
||||
|
||||
@ -36,7 +36,7 @@ const changeVisible = () => {
|
||||
::: title 淡入淡出
|
||||
:::
|
||||
|
||||
::: demo 使用 `type` 属性，设置过渡方式。
|
||||
::: demo 通过 `type` 属性，设置你要采用的过渡效果。
|
||||
|
||||
<template>
|
||||
<lay-button @click="changeVisible1">开始</lay-button>
|
||||
|
||||
@ -17,13 +17,13 @@
|
||||
<h3>1.7.8 <span class="layui-badge-rim">2022-11-15</span></h3>
|
||||
<ul>
|
||||
<li>[新增] upload 组件 auto 属性, 是否自动上传配置。</li>
|
||||
<li>[修复] table 组件 ellipsisTooltip 属性不生效。</li>
|
||||
<li>[优化] backtop 组件部分浏览器版本无法正常返回顶部。</li>
|
||||
<li>[优化] date-picker 组件 btn 操作 border-radius 样式细节。</li>
|
||||
<li>[优化] tag-input 组件 maxWidth 属性默认为 100%。</li>
|
||||
<li>[优化] tag-input 组件 tagWidth 超出 input 宽度时自动省略文本。</li>
|
||||
<li>[优化] table 组件 default-toolbar 属性支持 Array 类型, 举例：['print']。</li>
|
||||
<li>[优化] select 组件 dropdown 关闭时统一清空 search 内容。</li>
|
||||
<li></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user