theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

support on-demand loading

Browse Source
This commit is contained in:
就眠儀式 2022-01-29 09:53:48 +08:00
parent 366854317a
commit 71e56f3fe7
2 changed files with 17 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@layui/layui-vue",
"version": "0.3.6-alpha.3",
"version": "0.3.6-alpha.4",
"author": "SleepRite",
"license": "MIT",
"description": "a component library for Vue 3 base on layui-vue",
@ -65,9 +65,9 @@
"prettier": "^2.5.1",
"prismjs": "^1.25.0",
"rimraf": "^3.0.2",
"rollup": "^2.64.0",
"typescript": "^4.5.2",
"vite": "2.7.12",
"rollup": "^2.66.1",
"typescript": "^4.5.5",
"vite": "2.7.13",
"vite-plugin-md": "^0.11.6"
},
"files": [

23
src/component/table/index.vue
View File

@ -16,6 +16,9 @@ import {
import { Recordable } from "../../types";
import { guid } from "../../utils/guidUtil";
import LayCheckbox from "../checkbox";
import LayDropdown from "../dropdown";
import LayPage from "../page";
import LayIcon from "../icon";
import "./index.less";
const tableId = guid();
@ -119,23 +122,23 @@ const print = function () {
<slot name="toolbar"></slot>
</div>
<div v-if="defaultToolbar" class="layui-table-tool-self">
<lay-dropdown>
<LayDropdown>
<div class="layui-inline" title="筛选列" lay-event="LAYTABLE_COLS">
<i class="layui-icon layui-icon-cols"></i>
</div>
<template #content>
<div style="padding: 10px">
<lay-checkbox
<LayCheckbox
v-for="column in columns"
:key="column"
v-model="tableColumnKeys"
skin="primary"
:label="column.key"
>{{ column.title }}</lay-checkbox
>{{ column.title }}</LayCheckbox
>
</div>
</template>
</lay-dropdown>
</LayDropdown>
<div
class="layui-inline"
title="打印"
@ -155,7 +158,7 @@ const print = function () {
<tr>
<th v-if="checkbox" class="layui-table-col-special">
<div class="layui-table-cell laytable-cell-checkbox">
<lay-checkbox
<LayCheckbox
v-model="allChecked"
skin="primary"
label="all"
@ -188,7 +191,7 @@ const print = function () {
>
<td v-if="checkbox" class="layui-table-col-special">
<div class="layui-table-cell laytable-cell-checkbox">
<lay-checkbox
<LayCheckbox
v-model="tableSelectedKeys"
skin="primary"
:label="data[id]"
@ -229,7 +232,7 @@ const print = function () {
</div>
</div>
<div v-if="page" class="layui-table-page">
<lay-page
<LayPage
:total="page.total"
:limit="page.limit"
show-page
@ -237,9 +240,9 @@ const print = function () {
show-skip
@jump="change"
>
<template #prev><lay-icon type="layui-icon-left" /></template>
<template #next><lay-icon type="layui-icon-right" /></template>
</lay-page>
<template #prev><LayIcon type="layui-icon-left" /></template>
<template #next><LayIcon type="layui-icon-right" /></template>
</LayPage>
</div>
</div>
</div>