Merge branch 'develop' of https://gitee.com/layui-vue/layui-vue into develop

example/docs/zh-CN/components/slider.md

@@ -1,7 +1,10 @@
+::: title 横向
+:::
+
 ::: demo
 
 <template>
-  <lay-slider v-model="value1" :disabled="true"></lay-slider>
+  <lay-slider v-model="value1" :disabled="false"></lay-slider>
 </template>
 
 <script>
@@ -19,10 +22,12 @@ export default {
 
 :::
 
+::: title 纵向
+:::
 ::: demo
 
 <template>
-  <lay-slider v-model="value2" :vertical="vertical" :disabled="true"></lay-slider>
+  <lay-slider v-model="value2" :vertical="true" :disabled="true"></lay-slider>
 </template>
 
 <script>
@@ -31,11 +36,9 @@ import { ref } from 'vue'
 export default {
   setup() {
 
-    const vertical = ref(true)
     const value2 = ref(10)
 
     return {
-        vertical,
         value2
     }
   }
@@ -44,5 +47,27 @@ export default {
 
 :::
 
+::: title 区间
+:::
+
+::: demo
+
+<template>
+  <lay-slider v-model="value3" :range="true"></lay-slider>
+</template>
+
+<script>
+import { ref } from 'vue'
+export default {
+  setup() {
+    const value3 = ref([20,50])
+    return {
+      value3
+    }
+  }
+}
+</script>
+:::
+
 ::: comment
-:::
+:::

example/docs/zh-CN/components/table.md

@@ -275,15 +275,15 @@ export default {
 
 ::: table
 
-| 属性                 | 描述       | 类型 | 默认值 | 可选值         |
-| -------------------- | ---------- | ---- | ------ | -------------- |
-| columns              | 列配置     | --   | --     | --             |
-| dataSource           | 数据源     | --   | --     | --             |
-| checkbox             | 开启复选框 | --   | --     | --             |
-| id                   | 主键       | --   | --     | --             |
-| v-model:selectedKeys | 选中项     | --   | --     | --             |
-| default-toolbar      | 工具栏     | --   | --     | --             |
-| size                 | 尺寸       | --   | --     | `lg` `md` `sm` |
+| 属性                 | 描述                          | 类型 | 默认值 | 可选值         |
+| -------------------- | ----------------------------- | ---- | ------ | -------------- |
+| columns              | 列配置 - [更多](#tableColumn) | --   | --     | --             |
+| dataSource           | 数据源                        | --   | --     | --             |
+| checkbox             | 开启复选框                    | --   | --     | --             |
+| id                   | 主键                          | --   | --     | --             |
+| v-model:selectedKeys | 选中项                        | --   | --     | --             |
+| default-toolbar      | 工具栏                        | --   | --     | --             |
+| size                 | 尺寸                          | --   | --     | `lg` `md` `sm` |
 
 :::
 
@@ -310,17 +310,19 @@ export default {
 
 :::
 
+### <div id="tableColumn"></div>
+
 ::: title Table Column 属性
 :::
 
 ::: table
 
-| 插槽       | 描述     | 默认 |
-| ---------- | -------- | ---- |
-| title      | 列标题   | --   |
-| key        | 数据字段 | --   |
+| 插槽       | 描述       | 默认 |
+| ---------- | ---------- | ---- |
+| title      | 列标题     | --   |
+| key        | 数据字段   | --   |
 | customSlot | 自定义插槽 | --   |
-| width      | 宽度     | --   |
+| width      | 宽度       | --   |
 
 :::
 

example/docs/zh-CN/guide/changelog.md

@@ -16,7 +16,9 @@
       <li> 
         <h3>0.3.0 <span class="layui-badge-rim">2021-12-25</span></h3> 
         <ul> 
+          <li>[新增] slider 滑块 range 属性, 支持区间过程。</li>
           <li>[新增] button 按钮 disabled 属性, 删除 type 属性 disabled 值。</li>  
+          <li>[修复] 演示站点剪贴板功能，http下不能使用的问题。</li>  
           <li>[修复] checkbox 复选框 modelValue 属性必填警告。</li>  
           <li>[修复] formItem 内下拉框组件校验不通过边框未标红问题。</li>  
           <li>[修复] rate 评分 mouseleave 事件绑定警告。</li>  

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}, ()=>{})
@@ -155,4 +186,4 @@ function handleScroll() {
   padding-left: 10px;
   padding-right: 10px;
 }
-</style>
+</style>