发布 0.3.0 版本
This commit is contained in:
		
							parent
							
								
									1b63ac5378
								
							
						
					
					
						commit
						4d9ce3f910
					
				@ -119,17 +119,15 @@ export default {
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
::: title 设置每页数量选择范围
 | 
					::: title 完整分页
 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
::: demo
 | 
					::: demo
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <lay-page :limit="limit" :total="total" :limits="[10,50,100,200]"></lay-page>
 | 
					  <lay-page :limit="limit" :total="total" :show-count="showCount" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<script>
 | 
					<script>
 | 
				
			||||||
@ -140,66 +138,6 @@ export default {
 | 
				
			|||||||
 | 
					
 | 
				
			||||||
    const limit = ref(20)
 | 
					    const limit = ref(20)
 | 
				
			||||||
    const total = ref(100)
 | 
					    const total = ref(100)
 | 
				
			||||||
 | 
					 | 
				
			||||||
    return {
 | 
					 | 
				
			||||||
      limit,
 | 
					 | 
				
			||||||
      total
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
</script>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
:::
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
::: title 每页数量切换事件(limit)
 | 
					 | 
				
			||||||
:::
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
::: demo
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<template>
 | 
					 | 
				
			||||||
  <lay-page :limit="limit" :total="total" @limit="limit=$event" :show-limit="showLimit" ></lay-page>
 | 
					 | 
				
			||||||
  <div>每页数量:{{limit}}</div>
 | 
					 | 
				
			||||||
</template>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<script>
 | 
					 | 
				
			||||||
import { ref } from 'vue'
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export default {
 | 
					 | 
				
			||||||
  setup() {
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    const limit = ref(5)
 | 
					 | 
				
			||||||
    const total = ref(9999)
 | 
					 | 
				
			||||||
    const showLimit = ref(true)
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    return {
 | 
					 | 
				
			||||||
      limit,
 | 
					 | 
				
			||||||
      total,
 | 
					 | 
				
			||||||
      showLimit,
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
</script>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
:::
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
::: title 完整分页
 | 
					 | 
				
			||||||
:::
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
::: demo
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<template>
 | 
					 | 
				
			||||||
  <lay-page :limit="limit" :total="9999" :show-count="showCount" @limit="limit=$event" :show-page="showPage" :show-limit="showLimit" :show-refresh="showRefresh" showSkip="showSkip"></lay-page>
 | 
					 | 
				
			||||||
  每页数量:{{limit}}
 | 
					 | 
				
			||||||
</template>
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
<script>
 | 
					 | 
				
			||||||
import { ref } from 'vue'
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
export default {
 | 
					 | 
				
			||||||
  setup() {
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
    const limit = ref(5)
 | 
					 | 
				
			||||||
    const total = ref(9999)
 | 
					 | 
				
			||||||
    const showCount = ref(true)
 | 
					    const showCount = ref(true)
 | 
				
			||||||
    const showPage = ref(true)
 | 
					    const showPage = ref(true)
 | 
				
			||||||
    const showLimit = ref(true)
 | 
					    const showLimit = ref(true)
 | 
				
			||||||
@ -269,8 +207,6 @@ export default {
 | 
				
			|||||||
| showLimit   | 显示每页数量 | `false` |
 | 
					| showLimit   | 显示每页数量 | `false` |
 | 
				
			||||||
| showRefresh | 显示刷新按钮 | `false` |
 | 
					| showRefresh | 显示刷新按钮 | `false` |
 | 
				
			||||||
| showSkip    | 显示跳转     | `false` |
 | 
					| showSkip    | 显示跳转     | `false` |
 | 
				
			||||||
| pages       | 显示切页按钮数量     | `10` |
 | 
					 | 
				
			||||||
| limits       | 切换每页数量的选择项     | `[10,20,30,40,50]` |
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@ -282,7 +218,6 @@ export default {
 | 
				
			|||||||
| 事件 | 描述     | 参数                  |
 | 
					| 事件 | 描述     | 参数                  |
 | 
				
			||||||
| ---- | -------- | --------------------- |
 | 
					| ---- | -------- | --------------------- |
 | 
				
			||||||
| jump | 切换回调 | { current: 当前页面 } |
 | 
					| jump | 切换回调 | { current: 当前页面 } |
 | 
				
			||||||
| limit | 每页数量变化 | 变化后的值 |
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
:::
 | 
					:::
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
				
			|||||||
@ -14,10 +14,10 @@
 | 
				
			|||||||
  <ul> 
 | 
					  <ul> 
 | 
				
			||||||
      <a name="0-3-0"> </a> 
 | 
					      <a name="0-3-0"> </a> 
 | 
				
			||||||
      <li> 
 | 
					      <li> 
 | 
				
			||||||
        <h3>0.3.0 <span class="layui-badge-rim">2021-12-25</span></h3> 
 | 
					        <h3>0.3.0 <span class="layui-badge-rim">2021-12-28</span></h3> 
 | 
				
			||||||
        <ul> 
 | 
					        <ul> 
 | 
				
			||||||
          <li>[新增] count-up 数字滚动组件。</li>
 | 
					          <li>[新增] count-up 数字滚动组件。</li>
 | 
				
			||||||
          <li>[新增] slider 滑块 range 属性, 支持区间过程。</li>
 | 
					          <li>[新增] slider 滑块 range 属性, 支持区间取值。</li>
 | 
				
			||||||
          <li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>  
 | 
					          <li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>  
 | 
				
			||||||
          <li>[修复] 演示站点剪贴板功能,http下不能使用的问题。</li>  
 | 
					          <li>[修复] 演示站点剪贴板功能,http下不能使用的问题。</li>  
 | 
				
			||||||
          <li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>  
 | 
					          <li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>  
 | 
				
			||||||
 | 
				
			|||||||
							
								
								
									
										17
									
								
								package.json
									
									
									
									
									
								
							
							
						
						
									
										17
									
								
								package.json
									
									
									
									
									
								
							@ -40,6 +40,16 @@
 | 
				
			|||||||
    "vue": "^3.2.26",
 | 
					    "vue": "^3.2.26",
 | 
				
			||||||
    "vue-router": "^4.0.12"
 | 
					    "vue-router": "^4.0.12"
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
 | 
					  "peerDependencies": {
 | 
				
			||||||
 | 
					    "@layui/hooks-vue": "^0.1.6",
 | 
				
			||||||
 | 
					    "@layui/icons-vue": "^1.0.2",
 | 
				
			||||||
 | 
					    "@layui/layer-vue": "^1.2.2",
 | 
				
			||||||
 | 
					    "async-validator": "^4.0.7",
 | 
				
			||||||
 | 
					    "countup.js": "^2.0.8",
 | 
				
			||||||
 | 
					    "evtd": "^0.2.3",
 | 
				
			||||||
 | 
					    "vue": "^3.2.26",
 | 
				
			||||||
 | 
					    "vue-router": "^4.0.12"
 | 
				
			||||||
 | 
					  },
 | 
				
			||||||
  "devDependencies": {
 | 
					  "devDependencies": {
 | 
				
			||||||
    "@babel/core": "^7.15.8",
 | 
					    "@babel/core": "^7.15.8",
 | 
				
			||||||
    "@babel/preset-env": "^7.15.8",
 | 
					    "@babel/preset-env": "^7.15.8",
 | 
				
			||||||
@ -78,10 +88,5 @@
 | 
				
			|||||||
    "current node",
 | 
					    "current node",
 | 
				
			||||||
    "last 2 versions and > 2%",
 | 
					    "last 2 versions and > 2%",
 | 
				
			||||||
    "ie > 10"
 | 
					    "ie > 10"
 | 
				
			||||||
  ],
 | 
					  ]
 | 
				
			||||||
  "config": {
 | 
					 | 
				
			||||||
    "commitizen": {
 | 
					 | 
				
			||||||
      "path": "./node_modules/cz-conventional-changelog"
 | 
					 | 
				
			||||||
    }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user