Skip to content

Commit ec2848d

Browse files
parlay96parlay96
committed
修改代码
1 parent 1f6f20b commit ec2848d

30 files changed

+13774
-37
lines changed

‎examples/cdn.html

Lines changed: 150 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,150 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<!--引入表格样式-->
6+
<link rel="stylesheet" href="../lib/theme-chalk/index.css">
7+
<title>cdn方式测试，这个无作用的页面，拿来测试打包后的pl-table能不能用</title>
8+
<style>
9+
body, html {
10+
margin: 0;padding: 0;width: 100%;height: 100%;overflow: auto;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<div id="app">
16+
<p style="color: red">我是Y轴虚拟</p>
17+
<u-table :data="data.tableData"
18+
ref="plTable"
19+
height="300"
20+
big-data-checkbox
21+
fixed-columns-roll
22+
show-summary
23+
:total-option="[{ label: '地址' }]"
24+
use-virtual
25+
:row-height="50">
26+
<template slot="empty">
27+
没有查询到符合条件的记录
28+
</template>
29+
<!--show-overflow-tooltip属性代表超出则内容部分给出提示框-->
30+
<u-table-column
31+
v-for="item in columns"
32+
:key="item.id"
33+
:type="item.type"
34+
:resizable="item.resizable"
35+
:show-overflow-tooltip="item.showOverflowTooltip"
36+
:prop="item.prop"
37+
:label="item.label"
38+
:fixed="item.fixed"
39+
:width="item.width"/>
40+
</u-table>
41+
<p style="margin-top: 20px;color: red">我是X + Y轴同时虚拟</p>
42+
<ux-grid :data="data.tableData" height="300">
43+
<ux-table-column
44+
v-for="item in columns2"
45+
:key="item.id"
46+
:resizable="item.resizable"
47+
:field="item.prop"
48+
:title="item.label"
49+
:fixed="item.fixed"
50+
:width="item.width"/>
51+
</ux-grid>
52+
</div>
53+
</body>
54+
<!-- import Vue before Element -->
55+
<script src="https://unpkg.com/vue/dist/vue.js"></script>
56+
<!-- import JavaScript -->
57+
<script src="../lib/index.js"></script>
58+
<script>
59+
var app = new Vue({
60+
el: '#app',
61+
data: function () {
62+
return {
63+
columns: [
64+
{type: 'selection', width : 55},
65+
{prop: 'date', label: '日期', width: 120},
66+
{prop: 'address', label: '地址', width: 100, showOverflowTooltip: true},
67+
{prop: 'address', label: '噜噜噜', width: 230, showOverflowTooltip: true},
68+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
69+
{prop: 'address', label: '地址', width: 100, showOverflowTooltip: true},
70+
{prop: 'address', label: '挖挖掘机挖掘机挖掘机掘机', width: 100},
71+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
72+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
73+
{prop: 'address', label: '噜噜噜', width: 230, showOverflowTooltip: true},
74+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
75+
{prop: 'address', label: '地址', width: 100, showOverflowTooltip: true},
76+
{prop: 'address', label: '挖挖掘机挖掘机挖掘机掘机', width: 100},
77+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
78+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true},
79+
{prop: 'address', label: '噜噜噜', width: 230, showOverflowTooltip: true},
80+
{prop: 'address', label: '娃哈哈', width: 100, showOverflowTooltip: true}
81+
],
82+
columns2: [
83+
{prop: 'address', label: '地址', width: 20, showOverflow: true, sortable: true, fixed: ''},
84+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
85+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
86+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
87+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
88+
{prop: 'address', label: '地址', width: 200, showOverflow: true, sortable: true, fixed: ''},
89+
{prop: 'address', label: '地址', width: 100, showOverflow: true, sortable: true, fixed: ''},
90+
{prop: 'address', label: '地址', width: 150, showOverflow: true, sortable: true, fixed: ''},
91+
{prop: 'address', label: '地址', width: 300, showOverflow: true, sortable: true, fixed: ''},
92+
{prop: 'address', label: '地址', width: 20, showOverflow: true, sortable: true, fixed: ''},
93+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
94+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
95+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
96+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
97+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
98+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
99+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
100+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
101+
{prop: 'address', label: '地址', width: 20, showOverflow: true, sortable: true, fixed: ''},
102+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
103+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
104+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
105+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
106+
{prop: 'address', label: '地址', width: 200, showOverflow: true, sortable: true, fixed: ''},
107+
{prop: 'address', label: '地址', width: 100, showOverflow: true, sortable: true, fixed: ''},
108+
{prop: 'address', label: '地址', width: 150, showOverflow: true, sortable: true, fixed: ''},
109+
{prop: 'address', label: '地址', width: 300, showOverflow: true, sortable: true, fixed: ''},
110+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
111+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
112+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
113+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
114+
{prop: 'address', label: '地址', width: 20, showOverflow: true, sortable: true, fixed: ''},
115+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
116+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
117+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
118+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
119+
{prop: 'address', label: '地址', width: 200, showOverflow: true, sortable: true, fixed: ''},
120+
{prop: 'address', label: '地址', width: 100, showOverflow: true, sortable: true, fixed: ''},
121+
{prop: 'address', label: '地址', width: 150, showOverflow: true, sortable: true, fixed: ''},
122+
{prop: 'address', label: '地址', width: 300, showOverflow: true, sortable: true, fixed: ''},
123+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
124+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
125+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
126+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
127+
{prop: 'address', label: '地址', width: 20, showOverflow: true, sortable: true, fixed: ''},
128+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
129+
{prop: 'address', label: '地址', width: 80, showOverflow: true, sortable: true, fixed: ''},
130+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
131+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''},
132+
{prop: 'address', label: '地址', width: 40, showOverflow: true, sortable: true, fixed: ''},
133+
{prop: 'address', label: '地址', width: 100, showOverflow: true, sortable: true, fixed: ''},
134+
{prop: 'address', label: '地址', width: 150, showOverflow: true, sortable: true, fixed: ''},
135+
{prop: 'address', label: '地址', width: 50, showOverflow: true, sortable: true, fixed: ''}
136+
],
137+
data: {
138+
tableData:Array.from({ length: 5000 }, (_, idx) => ({
139+
id: idx + 1,
140+
date: '2016-05-03',
141+
name: 1,
142+
ab: '欢迎使用pl-table',
143+
address: 1 + idx
144+
}))
145+
}
146+
}
147+
}
148+
})
149+
</script>
150+
</html>

‎examples/components/aplayer-mc.vue

Lines changed: 70 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,69 @@
11
<template>
22
<div id="aplayer" :style="styleObj1" class="aplayer">
3+
<pre class="aplayer-lrc-content">
4+
[ti:飞鸟和蝉]
5+
[ar:任然]
6+
[al:飞鸟和蝉]
7+
[by:]
8+
[offset:0]
9+
[00:00.00]飞鸟和蝉 - 任然
10+
[00:01.07]词：耕耕
11+
[00:02.14]曲：Kent王健
12+
[00:03.21]编曲：侯江浩
13+
[00:04.28]吉他：陈麒元
14+
[00:05.36]混音：张栩赫（Ethan）
15+
[00:06.43]录音：Kent王健
16+
[00:07.50]和声编写/和声：Kent王健
17+
[00:08.57]制作人：Kent王健
18+
[00:09.64]配唱制作人：kent王健
19+
[00:10.72]录音工作室：1803 Studio
20+
[00:11.79]混音工作室：Hot Music Studio
21+
[00:12.86]监制：三千
22+
[00:13.93]OP：千和世纪
23+
[00:15.01]（版权所有未经许可请勿使用）
24+
[00:29.59]你说青涩最搭初恋
25+
[00:36.17]如小雪落下海岸线
26+
[00:42.34]第五个季节某一天上演
27+
[00:49.10]我们有相遇的时间
28+
[00:55.56]你说空瓶适合许愿
29+
[01:01.90]在风暖月光的地点
30+
[01:08.38]第十三月你就如期出现
31+
[01:14.92]海之角也不再遥远
32+
[01:22.79]你骄傲地飞远 我栖息的夏天
33+
[01:29.19]听不见的宣言 重复过很多年
34+
[01:35.67]北纬线的思念被季风吹远
35+
[01:40.55]吹远默念的侧脸
36+
[01:44.19]吹远鸣唱的诗篇
37+
[01:48.74]你骄傲地飞远 我栖息的叶片
38+
[01:55.20]去不同的世界 却从不曾告别
39+
[02:01.73]沧海月的想念羽化我昨天
40+
[02:06.63]在我成熟的笑脸
41+
[02:10.16]你却未看过一眼
42+
[02:29.48]你说空瓶适合许愿
43+
[02:35.95]在风暖月光的地点
44+
[02:42.27]第十三月你就如期出现
45+
[02:48.82]海之角也不再遥远
46+
[02:53.66]你骄傲地飞远 我栖息的夏天
47+
[02:59.85]听不见的宣言 重复过很多年
48+
[03:06.48]北纬线的思念被季风吹远
49+
[03:11.34]吹远默念的侧脸
50+
[03:14.95]吹远鸣唱的诗篇
51+
[03:19.43]你骄傲地飞远 我栖息的叶片
52+
[03:25.98]去不同的世界 却从不曾告别
53+
[03:32.47]沧海月的想念羽化我昨天
54+
[03:37.33]在我成熟的笑脸
55+
[03:40.98]你却未看过一眼
56+
[03:45.36]你骄傲地飞远 我栖息的夏天
57+
[03:51.89]听不见的宣言 重复过很多年
58+
[03:58.47]北纬线的思念被季风吹远
59+
[04:03.30]吹远默念的侧脸
60+
[04:06.92]吹远鸣唱的诗篇
61+
[04:11.30]你骄傲地飞远 我栖息的叶片
62+
[04:17.74]去不同的世界 却从不曾告别
63+
[04:24.39]沧海月的想念羽化我昨天
64+
[04:29.24]在我成熟的笑脸
65+
[04:32.88]你却未看过一眼
66+
</pre>
367
<pre class="aplayer-lrc-content">
468
[ti:芒种]
569
[ar:音阙诗听/赵方婧]
@@ -805,6 +869,12 @@
805869
listMaxHeight: '150px',
806870
// 开发模式下不显示歌词，是正常的
807871
audio: [
872+
{
873+
name: '飞鸟和蝉',
874+
artist: '任然',
875+
url: 'https://www.umyui.com/music/feiniaohechan.mp3',
876+
cover: 'https://www.umyui.com/music/renran.jpg'
877+
},
808878
{
809879
name: '芒种',
810880
artist: '赵方婧',

‎examples/components/startComponentPage/intro.md

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,13 @@
1313

1414
### 关于umy-ui表格部分的简介
1515

16-
> 首先作者不缺钱，只想帮助前端小伙伴，大家都属于同行，都不容易；umy-ui本身也不为了赚钱; 所以有了以下的介绍!
17-
1816
> umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。只为了免费解决前端小伙伴的问题。其中作者特别讨厌那种开源收费的插件，甚至还有一个表格插件问问题收费的。一切为了盈利的！
1917
2018
> 所以就想扩展个免费的虚拟表格，帮助同行小伙伴解决公司问题（解决问题才是关键），毕竟前端小伙伴工作也不容易，不想（他）她们去使用个服务不好，且问一些问题收费，需要捐赠的表格插件！
2119
2220
> umy-ui表格讨论群，也比其他表格库的交流群活跃。这也是特别想看见的东西。有任何问题都可以私聊或者群里问。一定是免费，不需要任何回报，不需要你的捐赠，就会帮助你！最最重要的是，我们有很多时间来回答你的问题！
2321
24-
> 其中umy-ui不需要任何捐赠，这个东西依然会维护下去。我们就热爱帮助别人，没得办法, 哈哈！
22+
> 其中umy-ui不需要任何捐赠，这个东西依然会维护下去,哈哈！
2523
2624
### 版权信息
2725

‎examples/components/startComponentPage/noticeBefore.md

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
2.5 基础表格没有使用use-virtual属性，代表表格数据不多，只想要一个普通的表格。如果你表格卡。请你关注下虚拟表格部分。
88

99
3. 使用u-table 开启use-virtual虚拟可以支持微小的合并行|列 如2列 2行，支持多级头, 超过2行2列可能布局错乱，因为虚拟滚动的原理导致某些节点并未渲染。
10-
10+
1111
4. ux-grid解决列多 行多导致卡的情况， u-table解决行多的情况，不解决列多的情况（如你的列超过70+，你可能就需要使用ux-grid了，因为此时你需要把列也虚拟）
1212

13-
5. 重点：虚拟表格集成了基础表格的东西（如属性/方法/事件），但是虚拟表格呢，有如上面的3条不可实现！所以呢先看看基础表格有什么东西！
13+
5. 重点：虚拟表格集成了基础表格的东西（如属性/方法/事件）！
1414

1515
6. 虚拟表格在本文档中呢， 意思就是解决了数据量多导致卡顿的情况！ 基础表格在文档中呢，意思就是升级版的el-table（但是没解决数据多卡的情况）！
1616

@@ -21,12 +21,10 @@
2121

2222
### 关于umy-ui表格部分的简介
2323

24-
> 首先作者不缺钱，只想帮助前端小伙伴，大家都属于同行，都不容易；umy-ui本身也不为了赚钱; 所以有了以下的介绍!
25-
2624
> umy-ui库中的table表格组件,它不造轮子。它改造了element-ui等等库的表格组件。只为了免费解决前端小伙伴的问题。其中作者特别讨厌那种开源收费的插件，甚至还有一个表格插件问问题收费的。一切为了盈利的！
2725
2826
> 所以就想扩展个免费的虚拟表格，帮助同行小伙伴解决公司问题（解决问题才是关键），毕竟前端小伙伴工作也不容易，不想（他）她们去使用个服务不好，且问一些问题收费，需要捐赠的表格插件！
2927
3028
> umy-ui表格讨论群，也比其他表格库的交流群活跃。这也是特别想看见的东西。有任何问题都可以私聊或者群里问。一定是免费，不需要任何回报，不需要你的捐赠，就会帮助你！最最重要的是，我们有很多时间来回答你的问题！
3129
32-
> 其中umy-ui不需要任何捐赠，这个东西依然会维护下去。我们就热爱帮助别人，没得办法, 哈哈！
30+
> 其中umy-ui不需要任何捐赠，这个东西依然会维护下去。 哈哈！

‎examples/components/startComponentPage/updateLog.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,9 @@
11
# 更新日志
2+
**1.0.9**
3+
1. 修改表格的bug
4+
2. 新增虚拟表格合并单元格
5+
3. 新增表格编辑校验
6+
27
**1.0.8**
38
1. 修改表格的bug
49

0 commit comments

Comments
 (0)