Merge branch 'develop' into slider

2021-12-26 11:13:42 +08:00
parent 8b0f2c3d99 822e61f0ec
commit e4bfc18c9d
174 changed files with 2871 additions and 2464 deletions
--- a/example/docs/zh-CN/components/backtop.md
+++ b/example/docs/zh-CN/components/backtop.md
@@ -59,10 +59,8 @@ export default {
 <template>
 <!-- 需要用一个 div 包裹触发滚动事件的目标元素和 lay-backtop 组件 -->
 <div class="scrollContainer" style="width:700px; height:300px;">
-  <div id="scrollContent" style="overflow-y:auto; overflow-x:auto; width:700px; height:300px;">
-    <p v-for="(n,index) in 50" :key="n" style="height:32px;border-bottom:0.5px solid #5FB878;margin-bottom:10px;line-height:35px">
-      {{index + ". &nbsp;layui-vue , 基 于 vue 3.0 的 桌 面 端 组 件 库 , layui 的 另 一 种 呈 现 方 式"}}
-    </p>
+  <div id="scrollContent" style="overflow-y:auto; overflow-x:auto; width:700px; height:300px;background-color:whitesmoke;padding:10px;">
+    <lay-panel v-for="(n,index) in 50" :key="n" style="margin-top:5px;margin-bottom:5px;padding:10px;">内容</lay-panel>
  </div>
  <lay-backtop target="#scrollContent" :showHeight="100" :bottom="30" position="absolute"></lay-backtop>
 </div>
--- a/example/docs/zh-CN/components/button.md
+++ b/example/docs/zh-CN/components/button.md
@@ -1,7 +1,7 @@
 ::: title 基础使用
 :::

-::: demo 使用 lay-button 标签, 创建一个按钮
+::: demo 使用 `lay-button` 标签, 创建一个按钮

 <template>
  <lay-button type="primary">原始按钮</lay-button>
@@ -29,7 +29,7 @@ export default {
 ::: title 简约按钮
 :::

-::: demo 使用 border 属性设置 主要按钮 边框主题
+::: demo 使用 `border` 属性设置边框主题

 <template>
  <lay-button type="primary">原始按钮</lay-button>
@@ -57,7 +57,7 @@ export default {
 ::: title 按钮尺寸
 :::

-::: demo 传入 size 属性, 创建指定尺寸的按钮, 可选值 `lg` `sm` `xs`
+::: demo 传入 `size` 属性, 创建指定尺寸的按钮, 可选值 `lg` `sm` `xs`

 <template>
  <lay-button type="primary" size="lg">原始按钮</lay-button>
@@ -85,7 +85,7 @@ export default {
 ::: title 流式按钮
 :::

-::: demo 传入 fluid 属性, 创建最大化按钮
+::: demo 传入 `size` 属性, 创建最大化按钮

 <template>
  <lay-button type="primary" fluid>最大化按钮</lay-button>
@@ -111,7 +111,7 @@ export default {
 ::: title 圆角按钮
 :::

-::: demo 传入 radius 属性，创建圆角按钮
+::: demo 传入 `radius` 属性，创建圆角按钮

 <template>
  <lay-button type="primary" radius>原始按钮</lay-button>
@@ -139,7 +139,7 @@ export default {
 ::: title 按钮分组
 :::

-::: demo 使用 lay-button-group 标签, 创建一个按钮组
+::: demo 使用 `lay-button-group` 标签, 创建一个按钮组

 <template>
  <div>
@@ -173,7 +173,7 @@ export default {
 ::: title 图标按钮
 :::

-::: demo 结合 lay-icon 组件, 创建图标按钮
+::: demo 结合 `lay-icon` 组件, 创建图标按钮

 <template>
  <lay-button-container>
@@ -199,7 +199,7 @@ export default {
 ::: title 按钮容器
 :::

-::: demo 使用 lay-button-container 标签, 创建一个按钮容器
+::: demo 使用 `lay-button-container` 标签, 创建一个按钮容器

 <template>
  <lay-button-container>
@@ -226,7 +226,7 @@ export default {
 ::: title 加载按钮
 :::

-::: demo 传入 loading 属性, 控制按钮的加载状态
+::: demo 传入 `loading` 属性, 控制按钮的加载状态

 <template>
  <lay-button-container>
@@ -255,7 +255,7 @@ export default {
 ::: title 事件处理
 :::

-::: demo 使用 @click 设置单击回调
+::: demo 使用 `@click` 设置单击回调

 <template>
  <lay-button type="default" @click="clickHandle">单击事件</lay-button>
@@ -280,31 +280,57 @@ export default {

 :::

-::: title 按钮属性
+::: title Button 属性
 :::

 ::: table

-| 属性   | 描述   | 可选值                                        |
-| ------ | ------ | --------------------------------------------- |
-| type   | 主题   | `primary` `normal` `warm` `danger` `disabled` |
-| size   | 尺寸   | `lg` `sm` `xs`                                |
-| fluid  | 最大化 | `true` `false`                                |
-| radius | 圆角   | `true` `false`                                |
-| border | 边框   | `green` `blue` `orange` `red` `black`         |
+| 属性        | 描述     | 类型    | 默认值    | 可选值                             |
+| ----------- | -------- | ------- | --------- | ----------------------------------|
+| type        | 主题     | string  | `primary` | `primary` `normal` `warm` `danger` |
+| size        | 尺寸     | string  | --        | `lg` `sm` `xs`                     |
+| fluid       | 最大化   | boolean | `false`   | `true` `false`                     |
+| radius      | 圆角     | boolean | `false`   | `true` `false`                     |
+| border      | 边框     | string  | `green`   | `green` `blue` `orange` `red`      |
+| disabled    | 禁用     | boolean | `false`   | `true` `false`                     |
+| loading     | 加载     | boolean | `false`   | `true` `false`                     |
+| native-type | 原生类型 | string  | `button`  | `button` `submit` `reset`          |

 :::

-::: title 按钮事件
+::: title Button 插槽
+:::
+
+::: table
+
+| 名称    | 描述     | 参数 |
+| -----   | -------- | ---- |
+| default | 默认内容 | -- |
+
+:::
+
+::: title Button Group 属性
+:::
+
+::: table
+
+
+| 属性        | 描述     | 类型    | 默认值    | 可选值                             |
+| ----------- | -------- | ------- | --------- | ----------------------------------|
+| - | - | - | - |
+
+:::
+
+::: title Button Group 插槽
 :::

 ::: table

 | 事件  | 描述     | 参数 |
 | ----- | -------- | ---- |
-| click | 单击事件 | `--` |
+| default | 默认内容 | -- |

 :::

 ::: comment
-:::
+:::
--- a/example/docs/zh-CN/components/table.md
+++ b/example/docs/zh-CN/components/table.md
@@ -270,24 +270,24 @@ export default {

 :::

-::: title 表格属性
+::: title Table 属性
 :::

 ::: table

-| 属性                     | 描述       | 可选值         |
-| ------------------------ | ---------- | -------------- |
-| columns                  | 列配置     | --             |
-| dataSource               | 数据源     | --             |
-| checkbox                 | 开启复现框 | --             |
-| id                       | 主键       | --             |
-| selectedKeys ( v-model ) | 选中项     | --             |
-| default-toolbar          | 开启工具栏 | `lg` `md` `sm` |
-| size                     | 尺寸       | --             |
+| 属性                 | 描述                          | 类型 | 默认值 | 可选值         |
+| -------------------- | ----------------------------- | ---- | ------ | -------------- |
+| columns              | 列配置 - [更多](#tableColumn) | --   | --     | --             |
+| dataSource           | 数据源                        | --   | --     | --             |
+| checkbox             | 开启复选框                    | --   | --     | --             |
+| id                   | 主键                          | --   | --     | --             |
+| v-model:selectedKeys | 选中项                        | --   | --     | --             |
+| default-toolbar      | 工具栏                        | --   | --     | --             |
+| size                 | 尺寸                          | --   | --     | `lg` `md` `sm` |

 :::

-::: title 表格事件
+::: title Table 事件
 :::

 ::: table
@@ -299,29 +299,32 @@ export default {

 :::

-::: title 表格插槽
+::: title Table 插槽
 :::

 ::: table

-| 插槽    | 描述         | 默认 |
+| 插槽    | 描述         | 参数 |
 | ------- | ------------ | ---- |
 | toolbar | 自定义工具栏 | --   |

 :::

-::: title 列配置
+### <div id="tableColumn"></div>
+
+::: title Table Column 属性
 :::

 ::: table

-| 插槽    | 描述         | 默认 |
-| ------- | ------------ | ---- |
-| title | 列标题 | --   |
-| key | 数据字段 | --   |
-| customSlot | 插槽名称 | --   |
-| width | 宽度 | --   |
+| 插槽       | 描述       | 默认 |
+| ---------- | ---------- | ---- |
+| title      | 列标题     | --   |
+| key        | 数据字段   | --   |
+| customSlot | 自定义插槽 | --   |
+| width      | 宽度       | --   |
+
 :::

 ::: comment
-:::
+:::
--- a/example/docs/zh-CN/guide/changelog.md
+++ b/example/docs/zh-CN/guide/changelog.md
@@ -10,6 +10,22 @@
 ::: demo
 <template>
 <lay-timeline>
+  <lay-timeline-item title="0.3.x">
+  <ul> 
+      <a name="0-3-0"> </a> 
+      <li> 
+        <h3>0.3.0 <span class="layui-badge-rim">2021-12-25</span></h3> 
+        <ul> 
+          <li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>  
+          <li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>  
+          <li>[修复] formItem 内下拉框组件校验不通过边框未标红问题。</li>  
+          <li>[修复] rate 评分 mouseleave 事件绑定警告。</li>  
+          <li>[集成] eslint, prettier 规范插件 。</li>  
+          <li>[升级] icons-vue 1.0.2。</li>  
+        </ul> 
+      </li>
+    </ul>
+  </lay-timeline-item>
  <lay-timeline-item title="0.2.x">
  <ul> 
      <a name="0-2-9"> </a> 
--- a/example/docs/zh-CN/guide/member.md
+++ b/example/docs/zh-CN/guide/member.md
@@ -1,9 +1,7 @@
-::: title 贡献代码
+::: title 社区伙伴
 :::

-
-::: describe
-
+::: describe 

 [![Giteye chart](https://chart.giteye.net/gitee/layui-vue/layui-vue/DBC9Z6HQ.png)](https://giteye.net/chart/DBC9Z6HQ)

--- a/example/src/components/LayCode.vue
+++ b/example/src/components/LayCode.vue
@@ -34,9 +34,40 @@ const toggle = function () {

 const copy = function () {
  const foundCodes = meta.value.getElementsByClassName('language-html')
-  if (document.hasFocus()) {
-    const text = foundCodes[0].textContent || "";
+  const foundCode = foundCodes[0];
+  let successful = false;
+  // 使用原生系统剪贴板，只适用被授权安全的站点，http下不能使用
+  if (navigator.clipboard && document.hasFocus()) {
+    const text = foundCode.textContent || "";
    navigator.clipboard.writeText(text);
+    successful = true;
+  } else if (window.getSelection()){
+    // 使用document.execCommand
+    // 代码div显示状态直接使用，隐藏状态则创建一个div
+    var range = document.createRange();
+    let copyDiv;
+    if (show.value) {
+      range.selectNode(foundCode); 
+    } else {
+      copyDiv = document.createElement('div');
+      copyDiv.innerHTML = foundCode.innerHTML;
+      copyDiv.style.position="fixed";
+      copyDiv.style.left="-9999px";
+      document.body.appendChild(copyDiv);
+      range.selectNode(copyDiv); 
+    }
+    window.getSelection()?.addRange(range);  
+    try {  
+      successful = document.execCommand('copy');  
+    } catch(err) {  
+      successful = false;
+      console.error(err);
+    }
+    window.getSelection()?.removeAllRanges(); 
+    copyDiv?.remove();
+  }
+
+  if (successful) {
    layer.msg("复制成功", { icon : 1, time: 1000}, ()=>{})
  } else {
    layer.msg("复制失败", { icon : 2, time: 1000}, ()=>{})
--- a/example/src/components/LayTableBox.vue
+++ b/example/src/components/LayTableBox.vue
@@ -28,9 +28,9 @@
 .lay-table-box table th {
  color: #666;
  font-weight: 500;
-  white-space: nowrap; /*表头内容强制在一行显示*/
  background-color: #fafafa;
 }
+.lay-table-box table th,
 .lay-table-box table td {
  white-space: nowrap;
 }
--- a/example/src/layouts/Layout.vue
+++ b/example/src/layouts/Layout.vue
@@ -43,7 +43,7 @@
          </a>
        </li>
        <li class="layui-nav-item">
-          <a href="javascript:void(0)"> 0.2.9 </a>
+          <a href="javascript:void(0)"> 0.3.0 </a>
        </li>
      </ul>
    </lay-header>
--- a/example/src/view/index.vue
+++ b/example/src/view/index.vue
@@ -26,7 +26,7 @@
          >
        </div>
        <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.2.9</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.3.0</cite></span>
          <span
            ><router-link
              class="layui-inline site-down"