hooks module replace ecology

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

@@ -10,6 +10,9 @@
 ::: demo
 <template>
 <lay-timeline>
+<lay-timeline-item title="0.2.8">
+[完善] rate 评分组件。<br>
+</lay-timeline-item>
 <lay-timeline-item title="0.2.7">
 [完善] rate 评分组件。<br>
 [完善] collapse 手风琴组件。<br>

example/src/layouts/Layout.vue

@@ -18,7 +18,7 @@
           <router-link to="/zh-CN/components"> 组件 </router-link>
         </li>
         <li class="layui-nav-item">
-          <router-link to="/zh-CN/hooks"> hooks </router-link>
+          <router-link to="/zh-CN/ecology"> 生态 </router-link>
         </li>
         <li class="layui-nav-item">
           <lay-form>
@@ -43,7 +43,7 @@
           </a>
         </li>
         <li class="layui-nav-item">
-          <a href="javascript:void(0)"> 0.2.7 </a>
+          <a href="javascript:void(0)"> 0.2.8 </a>
         </li>
       </ul>
     </lay-header>

example/src/router/zh-CN.ts

@@ -3,6 +3,7 @@ import Component from '../view/component.vue'
 import Hooks from '../view/hooks.vue'
 import Guide from '../view/guide.vue'
 import Index from '../view/index.vue'
+import Ecology from '../view/ecology.vue'
 
 const zhCN = [
   {
@@ -16,6 +17,11 @@ const zhCN = [
         component: Index,
         meta: { title: '指南' },
       },
+      {
+        path: '/zh-CN/ecology',
+        component: Ecology,
+        meta: { title: '生态' },
+      },
       {
         path: '/zh-CN/guide',
         redirect: '/zh-CN/guide/introduce',
@@ -262,6 +268,10 @@ const zhCN = [
             component: () =>
               import('../../docs/zh-CN/components/colorPicker.md'),
             meta: { title: '颜色选择器' },
+          },{
+            path: '/zh-CN/components/layer',
+            component: () => import('../../docs/zh-CN/components/layer.md'),
+            meta: { title: '简介' },
           },
           {
             path: '/zh-CN/components/modal',

example/src/view/component.vue

@@ -332,6 +332,12 @@ export default {
         id: 1,
         title: '反馈',
         children: [
+          {
+            id: 90,
+            title: '简介',
+            subTitle: 'layer',
+            path: '/zh-CN/components/layer',
+          },
           {
             id: 90,
             title: '弹层',

example/src/view/ecology.vue

@@ -0,0 +1,58 @@
+<template>
+  <div
+    style="margin-top: 60px; height: 100%; width: 80%"
+    class="layui-container"
+  >
+    <blockquote class="layui-elem-quote layui-text" style="margin: 30px 0">
+      尽管 layui 中包含了这些组件，但因为它们受众群体广泛或应用广泛，特从 layui
+      中抽取出来个副本，可独立引用。我们也会对它们进行同步维护。
+    </blockquote>
+    <fieldset class="layui-elem-field layui-field-title">
+      <legend style="margin-bottom: 20px; text-align: center">独立组件</legend>
+      <div class="layui-field-box">
+        <ul class="layui-row layui-col-space6">
+          <li class="layui-col-sm12">
+            <div class="alone">
+              <a href="https://gitee.com/layui-vue/layer-vue" target="_blank"
+                >layer - vue<cite>layer vue is a web elastic layer component</cite></a
+              >
+            </div>
+          </li>
+          <li class="layui-col-sm12">
+            <div class="alone">
+              <a href="https://gitee.com/layui-vue/icons-vue" target="_blank"
+                >icons - vue<cite>the abstract trees of the layui iconfont icons.</cite></a
+              >
+            </div>
+          </li>
+        </ul>
+      </div>
+    </fieldset>
+  </div>
+</template>
+
+<style>
+.alone {
+  text-align: center;
+  background-color: #009688;
+  color: #fff;
+  font-weight: 300;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.alone:hover a {
+  color: white !important;
+  background-color: #5fb878;
+}
+.alone a {
+  display: block;
+  padding: 50px 20px;
+  color: #fff;
+  font-size: 30px;
+}
+.alone a cite {
+  display: block;
+  padding-top: 10px;
+  font-size: 14px;
+}
+</style>

example/src/view/index.vue

@@ -23,12 +23,12 @@
         <div class="site-download">
           <router-link
             class="layui-inline site-down"
-            to="/zh-CN/guide/getStarted"
+            to="/zh-CN/guide"
             >Get Started</router-link
           >
         </div>
         <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.2.7</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.2.8</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layui/layui-vue",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "a component library for Vue 3 base on layui-vue",
   "homepage": "https://gitee.com/layui-vue/layui-vue/blob/master/README.md",
   "module": "lib/layui-vue.es.js",