init

.svn/pristine/cc/cc0a715e6a52359ba929c883ba7820fa708b44af.svn-base

@@ -0,0 +1,101 @@
+::: anchor
+:::
+
+::: title 基本介绍
+:::
+
+::: describe 全局展示操作反馈信息。
+:::
+
+::: title 基础使用
+:::
+
+::: demo 通过 layer.msg 方法, 创建一个提示框。
+
+<template>
+    <lay-button type="primary" @click="openMsg">普通消息</lay-button>
+</template>
+
+<script>
+import { layer } from "@layui/layer-vue"
+
+export default {
+  setup() {
+    const openMsg = function() {
+        layer.msg("普通消息", { time: 1000 })
+    }
+    return {
+        openMsg
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 指定图标
+:::
+
+::: demo 使用 `time` 与 `icon` 属性, 设置显示事件与图标。
+
+<template>
+    <lay-button type="primary" @click="openSuccess">成功消息</lay-button>
+    <lay-button type="primary" @click="openFailure">失败消息</lay-button>
+    <lay-button type="primary" @click="openWarning">警告消息</lay-button>
+    <lay-button type="primary" @click="openPrimary">详情消息</lay-button>
+    <lay-button type="primary" @click="openLoading">加载消息</lay-button>
+</template>
+
+<script>
+import { layer } from "@layui/layer-vue"
+
+export default {
+  setup() {
+    const openSuccess = function() {
+        layer.msg("成功消息", { icon : 1, time: 1000})
+    }
+    const openFailure = function() {
+        layer.msg("失败消息", { icon : 2, time: 1000})
+    }
+    const openWarning = function() {
+        layer.msg("警告消息", { icon : 3, time: 1000})
+    }
+    const openPrimary = function() {
+        layer.msg("详情消息", { icon : 4, time: 1000})
+    }
+    const openLoading = function() {
+        layer.msg("加载消息", { icon : 16, time: 1000})
+    }
+    return {
+        openSuccess, openFailure, openWarning, openPrimary, openLoading
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 组件方法
+:::
+
+```
+layer.msg(content, options)
+```
+
+::: title 组件属性
+:::
+
+::: table
+
+| 属性                | 描述   | 备注 |
+| ------------------- | ------ | ----|
+| content | 消息内容 | -- |
+| options | 选配属性 | { time: 加载时长, icon: 图标 }   |
+
+:::
+
+::: contributor msg
+:::  
+
+::: previousNext msg
+:::

.svn/pristine/cc/cc1c5d1a4ca1aac8aff4b762b2fb836ecf8015a5.svn-base

@@ -0,0 +1 @@
+.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}.fade-enter-active,.fade-leave-active{transition:var(--ee595422)}

.svn/pristine/cc/cc53ea37ab6a2ddba258a4fafd03e53c7e420528.svn-base

@@ -0,0 +1,267 @@
+import { w as withInstall } from "../badge/index2.js";
+import { defineComponent, inject, ref, computed, openBlock, createElementBlock, normalizeStyle, unref, renderSlot, useSlots, watch, provide, createElementVNode, Fragment, renderList, normalizeClass, withModifiers, toDisplayString } from "vue";
+var index = /* @__PURE__ */ (() => '.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:"\\e63d";left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:var(--global-neutral-color-8);font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s;overflow:hidden;visibility:hidden}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\\	;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:#0003;color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:#00000059}.layui-carousel:hover .layui-carousel-arrow{display:block\\	;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:#00000080}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:#0003;border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:var(--global-neutral-color-3);background-color:#ffffff80;border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:#ffffffb3}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto;transform:translateY(-50%)}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}\n')();
+const _hoisted_1$1 = ["data-id"];
+const __default__$1 = {
+  name: "LayCarouselItem"
+};
+const _sfc_main$1 = defineComponent({
+  ...__default__$1,
+  props: {
+    id: null
+  },
+  setup(__props) {
+    const props = __props;
+    const active = inject("active");
+    const slotsChange = inject("slotsChange");
+    slotsChange.value = !slotsChange.value;
+    const anim = inject("anim");
+    const item = ref();
+    const getStyle = computed(() => {
+      if (item.value) {
+        let allChild = item.value.parentNode.children;
+        let allChildNum = allChild.length;
+        let activeIndex = 0;
+        let currentIndex = 0;
+        for (let index2 = 0; index2 < allChild.length; index2++) {
+          const element = allChild[index2];
+          if (element.getAttribute("data-id") === active.value) {
+            activeIndex = index2;
+          }
+          if (element.getAttribute("data-id") === props.id) {
+            currentIndex = index2;
+          }
+        }
+        let prevIndex = activeIndex > 0 ? activeIndex - 1 : allChildNum - 1;
+        let nextIndex = activeIndex + 1 < allChildNum ? activeIndex + 1 : 0;
+        let animation = anim.value;
+        if (activeIndex === currentIndex) {
+          if (animation === "updown") {
+            return {
+              transform: "translateY(0)",
+              visibility: "inherit"
+            };
+          } else if (animation.includes("fade")) {
+            return {
+              opacity: 1,
+              visibility: "inherit"
+            };
+          } else {
+            return {
+              transform: "translateX(0)",
+              visibility: "inherit"
+            };
+          }
+        }
+        if (prevIndex === currentIndex) {
+          if (animation === "updown") {
+            return {
+              transform: "translateY(-100%)"
+            };
+          } else if (animation.includes("fade")) {
+            return {
+              opacity: 0
+            };
+          } else {
+            return {
+              transform: "translateX(-100%)"
+            };
+          }
+        }
+        if (nextIndex === currentIndex) {
+          if (animation === "updown") {
+            return {
+              transform: "translateY(100%)"
+            };
+          } else if (animation.includes("fade")) {
+            return {
+              opacity: 0
+            };
+          } else {
+            return {
+              transform: "translateX(100%)"
+            };
+          }
+        }
+        return {
+          display: "none"
+        };
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        ref_key: "item",
+        ref: item,
+        style: normalizeStyle(unref(getStyle)),
+        "data-id": __props.id
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 12, _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = ["lay-anim", "lay-indicator", "lay-arrow"];
+const _hoisted_2 = { "carousel-item": "" };
+const _hoisted_3 = { class: "layui-carousel-ind" };
+const _hoisted_4 = ["onClick"];
+const __default__ = {
+  name: "LayCarousel"
+};
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: {
+    width: { default: "100%" },
+    height: { default: "280px" },
+    modelValue: null,
+    autoplay: { type: Boolean, default: true },
+    arrow: { default: "hover" },
+    anim: { default: "default" },
+    indicator: { default: "inside" },
+    pauseOnHover: { type: Boolean, default: true },
+    interval: { default: 3e3 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const slot = useSlots();
+    const slots = slot.default && slot.default();
+    const active = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(val) {
+        emit("update:modelValue", val);
+      }
+    });
+    const anim = computed(() => props.anim);
+    const change = function(id) {
+      emit("change", id);
+      active.value = id;
+    };
+    const childrens = ref([]);
+    const slotsChange = ref(true);
+    const setItemInstanceBySlot = function(nodes) {
+      const showNodes = nodes == null ? void 0 : nodes.filter((item) => {
+        return item.children != "v-if";
+      });
+      showNodes == null ? void 0 : showNodes.map((item) => {
+        let component2 = item.type;
+        if (component2.name != _sfc_main$1.name) {
+          setItemInstanceBySlot(item.children);
+        } else {
+          childrens.value.push(item);
+        }
+      });
+    };
+    watch(slotsChange, () => {
+      childrens.value = [];
+      setItemInstanceBySlot(slot.default && slot.default());
+    }, { immediate: true, deep: true });
+    const sub = () => {
+      var _a, _b, _c;
+      for (var i = 0; i < childrens.value.length; i++) {
+        if (((_a = childrens.value[i].props) == null ? void 0 : _a.id) === active.value) {
+          if (i === 0) {
+            active.value = (_b = childrens.value[slots.length - 1].props) == null ? void 0 : _b.id;
+          } else {
+            active.value = (_c = childrens.value[i - 1].props) == null ? void 0 : _c.id;
+          }
+          break;
+        }
+      }
+    };
+    const add = () => {
+      var _a, _b, _c;
+      for (var i = 0; i < childrens.value.length; i++) {
+        if (((_a = childrens.value[i].props) == null ? void 0 : _a.id) === active.value) {
+          if (i === childrens.value.length - 1) {
+            active.value = (_b = childrens.value[0].props) == null ? void 0 : _b.id;
+          } else {
+            active.value = (_c = childrens.value[i + 1].props) == null ? void 0 : _c.id;
+          }
+          break;
+        }
+      }
+    };
+    const autoplay = () => {
+      var _a, _b, _c;
+      for (var i = 0; i < childrens.value.length; i++) {
+        if (((_a = childrens.value[i].props) == null ? void 0 : _a.id) === active.value) {
+          if (i === childrens.value.length - 1) {
+            active.value = (_b = childrens.value[0].props) == null ? void 0 : _b.id;
+          } else {
+            active.value = (_c = childrens.value[i + 1].props) == null ? void 0 : _c.id;
+          }
+          break;
+        }
+      }
+    };
+    let intervalTimer = 0;
+    const cleanIntervalTimer = () => {
+      if (intervalTimer) {
+        window.clearInterval(intervalTimer);
+        intervalTimer = 0;
+      }
+    };
+    const handleMouseEnter = () => {
+      if (props.autoplay && props.pauseOnHover) {
+        cleanIntervalTimer();
+      }
+    };
+    const handleMouseLeave = () => {
+      if (props.autoplay && props.pauseOnHover) {
+        intervalTimer = window.setInterval(autoplay, props.interval);
+      }
+    };
+    watch(() => props.autoplay, () => {
+      if (props.autoplay) {
+        intervalTimer = window.setInterval(autoplay, props.interval);
+      }
+    }, { immediate: true });
+    provide("active", active);
+    provide("slotsChange", slotsChange);
+    provide("anim", anim);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "layui-carousel",
+        "lay-anim": unref(anim),
+        "lay-indicator": __props.indicator,
+        "lay-arrow": __props.arrow,
+        style: normalizeStyle({ width: __props.width, height: __props.height }),
+        onMouseenter: handleMouseEnter,
+        onMouseleave: handleMouseLeave
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        createElementVNode("div", _hoisted_3, [
+          createElementVNode("ul", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(childrens.value, (ss, index2) => {
+              var _a;
+              return openBlock(), createElementBlock("li", {
+                key: index2,
+                class: normalizeClass([((_a = ss.props) == null ? void 0 : _a.id) === unref(active) ? "layui-this" : ""]),
+                onClick: withModifiers(($event) => {
+                  var _a2;
+                  return change((_a2 = ss.props) == null ? void 0 : _a2.id);
+                }, ["stop"])
+              }, null, 10, _hoisted_4);
+            }), 128))
+          ])
+        ]),
+        createElementVNode("button", {
+          class: "layui-icon layui-carousel-arrow",
+          "lay-type": "sub",
+          onClick: sub
+        }, toDisplayString(unref(anim) === "updown" ? "\uE619" : "\uE603"), 1),
+        createElementVNode("button", {
+          class: "layui-icon layui-carousel-arrow",
+          "lay-type": "add",
+          onClick: add
+        }, toDisplayString(unref(anim) === "updown" ? "\uE61A" : "\uE602"), 1)
+      ], 44, _hoisted_1);
+    };
+  }
+});
+const component = withInstall(_sfc_main);
+export { _sfc_main$1 as _, _sfc_main as a, component as c };

.svn/pristine/cc/cc79c48e1c6b81d2da30e90ffeca273dc2315ad7.svn-base

@@ -0,0 +1,69 @@
+@radio-lg: 24px;
+@radio-md: 22px;
+@radio-sm: 20px;
+@radio-xs: 18px;
+
+.set-size(@size) {
+  & {
+    .layui-form-radio > i {
+      font-size: @size;
+    }
+  }
+}
+
+.layui-radio{
+  &[size="lg"] {
+    .set-size(@radio-lg);
+  }
+  &[size="md"] {
+    .set-size(@radio-md);
+  }
+  &[size="sm"] {
+    .set-size(@radio-sm);
+  }
+  &[size="xs"] {
+    .set-size(@radio-xs);
+  }
+}
+
+.layui-radio input[type="radio"]{
+  display: none;
+}
+
+.layui-form-radio,
+.layui-form-radio * {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.layui-form-radio {
+  line-height: 28px;
+  margin: 6px 10px 0 0;
+  padding-right: 10px;
+  cursor: pointer;
+  font-size: 0;
+}
+
+.layui-form-radio * {
+  font-size: 14px;
+}
+
+.layui-form-radio > i {
+  margin-right: 8px;
+  font-size: 22px;
+  color: var(--global-neutral-color-8);
+}
+
+.layui-form-radio:hover *,
+.layui-form-radioed,
+.layui-form-radioed > i {
+  color: var(--global-checked-color);
+}
+
+.layui-radio-disabled > i {
+  color: var(--global-neutral-color-3) !important;
+}
+
+.layui-radio-disabled * {
+  color: var(--global-neutral-color-8) !important;
+}

.svn/pristine/cc/ccb8ab2f2a055380b07c2f15a2b47da67ebede2a.svn-base

@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  name: "ReturnIcon",
+};
+</script>
+<script setup lang="ts">
+import LayIcon from "../component/icon/index";
+
+const props = defineProps<{
+  color?: string;
+  size?: string;
+}>();
+</script>
+<template>
+  <lay-icon :color="props.color" :size="props.size" type="layui-icon-return" />
+</template>

.svn/pristine/cc/ccbcbd70753e3582a1a95ec81a985bd41e538b6a.svn-base

@@ -0,0 +1,32 @@
+import Layout from "./App.vue";
+import { App, createApp as _createApp } from "vue";
+import { createRouter } from "./router/index";
+import { Router } from "vue-router";
+import Store from "./store";
+import layui from "../../component/src/index";
+import LayCode from "./components/LayCode.vue";
+import LaySearch from "./components/LaySearch.vue";
+import LayTableBox from "./components/LayTableBox.vue";
+import LayAnchor from "./components/LayAnchor.vue";
+import LayContributor from "./components/LayContributor.vue";
+import "./assets/css/index.css";
+
+export function createApp(): {
+  app: App<Element>;
+  router: Router;
+} {
+  const app = _createApp(Layout);
+  const router = createRouter();
+
+  app
+    .use(layui)
+    .use(Store)
+    .use(router)
+    .component("LayCode", LayCode)
+    .component("LaySearch", LaySearch)
+    .component("LayTableBox", LayTableBox)
+    .component("LayAnchor", LayAnchor)
+    .component("LayContributor", LayContributor);
+
+  return { app, router };
+}