docs: update

src/component/carouselItem/index.vue

@@ -17,7 +17,7 @@ slotsChange.value = !slotsChange.value;
 </script>
 
 <template>
-  <li :class="[active === id ? 'layui-this' : '']">
-    <slot></slot>
-  </li>
+    <li :class="[active === id ? 'layui-this' : '']">
+      <slot></slot>
+    </li>
 </template>

src/component/iconPicker/index.vue

@@ -1,83 +1,3 @@
-<template>
-  <lay-dropdown ref="dropdownRef">
-    <div
-      class="layui-inline layui-border-box layui-iconpicker layui-iconpicker-split"
-    >
-      <div class="layui-inline layui-iconpicker-main">
-        <i class="layui-inline layui-icon" :class="[selectedIcon]"></i>
-      </div>
-      <span class="layui-inline layui-iconpicker-suffix"
-        ><i class="layui-icon layui-icon-down layui-anim"></i
-      ></span>
-    </div>
-    <template #content>
-      <div class="layui-iconpicker-view layui-iconpicker-scroll">
-        <div v-if="showSearch" class="layui-iconpicker-search">
-          <div class="layui-form layui-input-wrap layui-input-wrap-prefix">
-            <div class="layui-input-prefix">
-              <i class="layui-icon layui-icon-search"></i>
-            </div>
-            <input
-              type="text"
-              value=""
-              placeholder="search"
-              autocomplete="off"
-              class="layui-input"
-              lay-affix="clear"
-              @input="search"
-            />
-            <div class="layui-input-suffix layui-input-affix-event layui-hide">
-              <i class="layui-icon layui-icon-clear"></i>
-            </div>
-          </div>
-        </div>
-        <div class="layui-iconpicker-list">
-          <ul>
-            <li
-              v-for="icon in icones"
-              :key="icon"
-              :class="[selectedIcon === icon.class ? 'layui-this' : '']"
-              @click="selectIcon(icon.class)"
-            >
-              <i class="layui-icon" :class="[icon.class]"></i>
-              <p class="layui-elip">
-                {{ icon.name }}
-              </p>
-            </li>
-          </ul>
-        </div>
-        <div v-if="page" class="layui-iconpicker-page">
-          <div
-            id="layui-laypage-1"
-            class="layui-box layui-laypage layui-laypage-default"
-          >
-            <span class="layui-laypage-count">共 {{ total }} 个</span
-            ><a
-              href="javascript:;"
-              class="layui-laypage-prev"
-              :class="[currentPage === 1 ? 'layui-disabled' : '']"
-              @click="prev()"
-              ><i class="layui-icon layui-icon-left"></i></a
-            ><span class="layui-laypage-curr"
-              ><em class="layui-laypage-em"></em
-              ><em>{{ currentPage }} / {{ totalPage }}</em></span
-            ><span class="layui-laypage-spr">…</span
-            ><a href="javascript:;" class="layui-laypage-last" title="尾页"
-              >14</a
-            ><a
-              href="javascript:;"
-              :class="[currentPage === totalPage ? 'layui-disabled' : '']"
-              class="layui-laypage-next"
-              @click="next()"
-              ><i class="layui-icon layui-icon-right"></i
-            ></a>
-          </div>
-        </div>
-      </div>
-    </template>
-  </lay-dropdown>
-</template>
-
 <script lang="ts">
 export default {
   name: "LayIconPicker",
@@ -100,10 +20,8 @@ const props = withDefaults(defineProps<LayIconPickerProps>(), {
   page: false,
 });
 
-const dropdownRef = ref<null | HTMLElement>(null);
-
 const emit = defineEmits(["update:modelValue"]);
-
+const dropdownRef = ref<null | HTMLElement>(null);
 const selectedIcon: Ref<string> = ref(props.modelValue as string);
 
 const selectIcon = function (icon: string) {
@@ -114,7 +32,6 @@ const selectIcon = function (icon: string) {
 };
 
 const icones: Ref = ref([]);
-
 const total = ref(icons.length);
 const totalPage = ref(total.value / 12);
 const currentPage: Ref = ref(1);
@@ -201,3 +118,83 @@ const searchList = function (str: string, container: any) {
   return newList;
 };
 </script>
+
+<template>
+  <lay-dropdown ref="dropdownRef">
+    <div
+      class="layui-inline layui-border-box layui-iconpicker layui-iconpicker-split"
+    >
+      <div class="layui-inline layui-iconpicker-main">
+        <i class="layui-inline layui-icon" :class="[selectedIcon]"></i>
+      </div>
+      <span class="layui-inline layui-iconpicker-suffix"
+        ><i class="layui-icon layui-icon-down layui-anim"></i
+      ></span>
+    </div>
+    <template #content>
+      <div class="layui-iconpicker-view layui-iconpicker-scroll">
+        <div v-if="showSearch" class="layui-iconpicker-search">
+          <div class="layui-form layui-input-wrap layui-input-wrap-prefix">
+            <div class="layui-input-prefix">
+              <i class="layui-icon layui-icon-search"></i>
+            </div>
+            <input
+              type="text"
+              value=""
+              placeholder="search"
+              autocomplete="off"
+              class="layui-input"
+              lay-affix="clear"
+              @input="search"
+            />
+            <div class="layui-input-suffix layui-input-affix-event layui-hide">
+              <i class="layui-icon layui-icon-clear"></i>
+            </div>
+          </div>
+        </div>
+        <div class="layui-iconpicker-list">
+          <ul>
+            <li
+              v-for="icon in icones"
+              :key="icon"
+              :class="[selectedIcon === icon.class ? 'layui-this' : '']"
+              @click="selectIcon(icon.class)"
+            >
+              <i class="layui-icon" :class="[icon.class]"></i>
+              <p class="layui-elip">
+                {{ icon.name }}
+              </p>
+            </li>
+          </ul>
+        </div>
+        <div v-if="page" class="layui-iconpicker-page">
+          <div
+            id="layui-laypage-1"
+            class="layui-box layui-laypage layui-laypage-default"
+          >
+            <span class="layui-laypage-count">共 {{ total }} 个</span
+            ><a
+              href="javascript:;"
+              class="layui-laypage-prev"
+              :class="[currentPage === 1 ? 'layui-disabled' : '']"
+              @click="prev()"
+              ><i class="layui-icon layui-icon-left"></i></a
+            ><span class="layui-laypage-curr"
+              ><em class="layui-laypage-em"></em
+              ><em>{{ currentPage }} / {{ totalPage }}</em></span
+            ><span class="layui-laypage-spr">…</span
+            ><a href="javascript:;" class="layui-laypage-last" title="尾页"
+              >14</a
+            ><a
+              href="javascript:;"
+              :class="[currentPage === totalPage ? 'layui-disabled' : '']"
+              class="layui-laypage-next"
+              @click="next()"
+              ><i class="layui-icon layui-icon-right"></i
+            ></a>
+          </div>
+        </div>
+      </div>
+    </template>
+  </lay-dropdown>
+</template>