init

.svn/pristine/c8/c817fd1411adc5b263d8f19c98c34cc2fcc92423.svn-base

@@ -0,0 +1,119 @@
+import { w as withInstall } from "../badge/index2.js";
+import { defineComponent, ref, computed, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, normalizeStyle, unref, renderSlot } from "vue";
+var index = /* @__PURE__ */ (() => ".layui-affix{display:block;z-index:999;transition:all .3s ease-in-out}\n")();
+const __default__ = {
+  name: "LayAffix"
+};
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: {
+    offset: { default: 0 },
+    target: { default: () => {
+      return document.body;
+    } },
+    position: { default: "top" }
+  },
+  emits: ["scroll"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const outWindow = ref(false);
+    const dom = ref();
+    let changeScrollTop = 0;
+    let orginOffsetLeft = 0;
+    let marginLeft = 0;
+    let marginTop = 0;
+    let marginBottom = 0;
+    let fixedOffset = 0;
+    const getStyle = computed(() => {
+      if (outWindow.value && dom.value) {
+        let style = {
+          position: "fixed !important",
+          top: "unset",
+          bottom: "unset",
+          left: orginOffsetLeft - marginLeft + "px"
+        };
+        if (props.position === "top") {
+          style.top = fixedOffset - marginTop + "px";
+        } else {
+          style.bottom = fixedOffset - marginBottom + "px";
+        }
+        return style;
+      }
+    });
+    const checkInWindow = () => {
+      var _a;
+      if (dom.value) {
+        let offsetTop = dom.value.offsetTop;
+        let scrollTop = (_a = props.target) == null ? void 0 : _a.scrollTop;
+        if (props.position === "top") {
+          let result = offsetTop - scrollTop + props.target.offsetTop;
+          if (result < fixedOffset) {
+            if (outWindow.value) {
+              if (scrollTop <= changeScrollTop) {
+                outWindow.value = false;
+              }
+            } else {
+              changeScrollTop = scrollTop;
+              outWindow.value = true;
+            }
+          }
+        } else {
+          let viewHeight = props.target.offsetHeight > window.innerHeight ? window.innerHeight : props.target.offsetHeight;
+          let result = viewHeight + scrollTop - offsetTop - dom.value.offsetHeight;
+          if (outWindow.value) {
+            if (scrollTop >= changeScrollTop) {
+              outWindow.value = false;
+            }
+          } else {
+            if (result < fixedOffset) {
+              changeScrollTop = scrollTop - result + props.offset;
+              outWindow.value = true;
+            }
+          }
+        }
+        emit("scroll", {
+          targetScroll: scrollTop,
+          affixed: outWindow.value,
+          offset: !outWindow.value ? 0 : Math.abs(scrollTop - changeScrollTop)
+        });
+      }
+    };
+    const getDomStyle = (dom2, attr) => {
+      if (dom2.currentStyle) {
+        return dom2.currentStyle[attr];
+      } else {
+        return document.defaultView.getComputedStyle(dom2, null)[attr];
+      }
+    };
+    onMounted(() => {
+      nextTick(() => {
+        dom.value.offsetTop - props.target.offsetTop;
+        orginOffsetLeft = dom.value.getBoundingClientRect().left;
+        marginLeft = parseFloat(getDomStyle(dom.value, "marginLeft"));
+        marginTop = parseFloat(getDomStyle(dom.value, "marginTop"));
+        marginBottom = parseFloat(getDomStyle(dom.value, "marginBottom"));
+        fixedOffset = props.offset + props.target.offsetTop;
+        if (props.position === "bottom") {
+          fixedOffset = props.offset;
+        }
+        props.target.addEventListener("scroll", checkInWindow, true);
+        checkInWindow();
+      });
+    });
+    onUnmounted(() => {
+      props.target.removeEventListener("scroll", checkInWindow);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "layui-affix",
+        style: normalizeStyle(unref(getStyle)),
+        ref_key: "dom",
+        ref: dom
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
+const component = withInstall(_sfc_main);
+export { component as default };

.svn/pristine/c8/c8235d51c313acc484a0030caa98f21f6b6aab71.svn-base

@@ -0,0 +1 @@
+ref: refs/remotes/origin/v1.7.0

.svn/pristine/c8/c879df015d97615050afa7b9641e3352a1e701ac.svn-base

@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~

.svn/pristine/c8/c8c05c673e00494fa041d72c561848f14e20dd29.svn-base

@@ -0,0 +1,64 @@
+import{f as _,r as e,o as w,j as b,h as s,g as t,i as n,B as u,a7 as v,v as a}from"./.pnpm.8fb36023.js";const q={class:"markdown-body"},V=n("p",{class:"describe-plugin"},"\u5728\u9700\u8981\u7B49\u5F85\u52A0\u8F7D\u5185\u5BB9\u7684\u4F4D\u7F6E\u63D0\u4F9B\u4E00\u4E2A\u5360\u4F4D\u56FE\u5F62\u7EC4\u5408\u3002",-1),S=n("p",null,[a("\u4F7F\u7528 "),n("code",null,"lay-skeleton"),a(" \u6807\u7B7E, \u521B\u5EFA\u9AA8\u67B6\u5C4F")],-1),N=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-switch")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"onswitch-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u542F\u7528"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"unswitch-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5173\u95ED"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-switch")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-skeleton")]),a(),n("span",{class:"token attr-name"},":rows"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"animated"),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 18px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("1 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 18px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("2 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 18px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("3 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 18px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("4 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
+  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-skeleton")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
+
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
+`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
+
+`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
+  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
+    `),n("span",{class:"token keyword"},"const"),a(" loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
+    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
+        loading`),n("span",{class:"token punctuation"},","),a(`
+    `),n("span",{class:"token punctuation"},"}"),a(`
+  `),n("span",{class:"token punctuation"},"}"),a(`
+`),n("span",{class:"token punctuation"},"}"),a(`
+`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
+`)])],-1),j={style:{"margin-bottom":"10px"}},B=n("p",{style:{"margin-bottom":"18px"}},"1 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F",-1),C=n("p",{style:{"margin-bottom":"18px"}},"2 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F",-1),U=n("p",{style:{"margin-bottom":"18px"}},"3 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F",-1),I=n("p",{style:{"margin-bottom":"18px"}},"4 layui-vue , \u57FA \u4E8E vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93 , layui \u7684 \u53E6 \u4E00 \u79CD \u5448 \u73B0 \u65B9 \u5F0F",-1),z=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-bottom"),n("span",{class:"token punctuation"},":"),a(" 10px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-switch")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"onswitch-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u542F\u7528"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"unswitch-text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5173\u95ED"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-switch")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-skeleton")]),a(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("loading"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"animated"),n("span",{class:"token punctuation"},">")]),a(`
+        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#skeleton"),n("span",{class:"token punctuation"},">")]),a(`
+            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-skeleton-item")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("image"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},"/>")]),a(`
+            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-skeleton-item")]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("p"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 240px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},"/>")]),a(`
+        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("div")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("img-content"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
+        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("img")]),a(),n("span",{class:"token attr-name"},"src"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token punctuation"},"/>")]),a(`
+        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("p")]),a(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"margin-top"),n("span",{class:"token punctuation"},":"),a(" 18px")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),a("\u4E00\u5957\u5F00\u6E90\u514D\u8D39\u4E14\u53D7\u4F17\u5E7F\u6CDB\u7684 Web UI \u7EC4\u4EF6\u5E93"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("p")]),n("span",{class:"token punctuation"},">")]),a(`
+    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-skeleton")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("div")]),n("span",{class:"token punctuation"},">")]),a(`
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
+
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
+`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),a(`
+
+`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
+  `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
+    `),n("span",{class:"token keyword"},"const"),a(" loading "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
+    `),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
+        loading`),n("span",{class:"token punctuation"},","),a(`
+    `),n("span",{class:"token punctuation"},"}"),a(`
+  `),n("span",{class:"token punctuation"},"}"),a(`
+`),n("span",{class:"token punctuation"},"}"),a(`
+`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
+
+`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("style")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token style"},[n("span",{class:"token language-css"},[a(`
+    `),n("span",{class:"token selector"},".img-content"),a(),n("span",{class:"token punctuation"},"{"),a(`
+        `),n("span",{class:"token property"},"width"),n("span",{class:"token punctuation"},":"),a(" 240px"),n("span",{class:"token punctuation"},";"),a(`
+        `),n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),a(" 240px"),n("span",{class:"token punctuation"},";"),a(`
+    `),n("span",{class:"token punctuation"},"}"),a(`
+`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("style")]),n("span",{class:"token punctuation"},">")]),a(`
+`)])],-1),J={style:{"margin-bottom":"10px"}},W=n("div",{class:"img-content"},[n("img",{src:"https://portrait.gitee.com/uploads/avatars/user/1611/4835367_Jmysy_1578975358.png"}),n("p",{style:{"margin-top":"18px"}},"\u4E00\u5957\u5F00\u6E90\u514D\u8D39\u4E14\u53D7\u4F17\u5E7F\u6CDB\u7684 Web UI \u7EC4\u4EF6\u5E93")],-1),E=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"loading"),n("td",null,"\u662F\u5426\u663E\u793A"),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"rows"),n("td",null,"\u663E\u793A\u884C\u6570"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"animated"),n("td",null,"\u662F\u5426\u52A8\u753B"),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")])]),n("tr",null,[n("td",null,"type"),n("td",null,"\u5C55\u793A\u7C7B\u578B"),n("td",null,[n("code",null,"p"),a(),n("code",null,"image")])])])],-1),R=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u9009\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"default"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"skeleton"),n("td",null,"\u81EA\u5B9A\u4E49\u63D2\u69FD"),n("td",null,"\u2013")])])],-1),T={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},G={},H={__name:"skeleton",setup(A,{expose:h}){let o=_(!0);return o=_(!0),h({frontmatter:{}}),(D,c)=>{const x=e("lay-anchor"),l=e("lay-field"),k=e("lay-switch"),i=e("lay-skeleton"),r=e("lay-code"),g=e("lay-skeleton-item"),d=e("lay-table-box"),f=e("lay-contributor"),m=e("lay-icon"),y=e("router-link");return w(),b("div",q,[s(x,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u56FE\u7247,Skeleton \u5C5E\u6027,Skeleton \u63D2\u69FD",currIndex:-1,show:!0}),s(l,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),V,s(l,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{description:t(()=>[S]),code:t(()=>[N]),default:t(()=>[n("div",null,[n("div",j,[s(k,{modelValue:u(o),"onUpdate:modelValue":c[0]||(c[0]=p=>v(o)?o.value=p:o=p),"onswitch-text":"\u542F\u7528","unswitch-text":"\u5173\u95ED"},null,8,["modelValue"])]),s(i,{rows:4,loading:u(o),animated:""},{default:t(()=>[B,C,U,I]),_:1},8,["loading"])])]),_:1}),s(l,{id:"\u56FE\u7247",title:"\u56FE\u7247",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(r,null,{code:t(()=>[z]),default:t(()=>[n("div",null,[n("div",J,[s(k,{modelValue:u(o),"onUpdate:modelValue":c[1]||(c[1]=p=>v(o)?o.value=p:o=p),"onswitch-text":"\u542F\u7528","unswitch-text":"\u5173\u95ED"},null,8,["modelValue"])]),s(i,{loading:u(o),animated:""},{skeleton:t(()=>[s(g,{type:"image"}),s(g,{type:"p",style:{width:"240px"}})]),default:t(()=>[W]),_:1},8,["loading"])])]),_:1}),s(l,{id:"Skeleton \u5C5E\u6027",title:"Skeleton \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(d,null,{default:t(()=>[E]),_:1}),s(l,{id:"Skeleton \u63D2\u69FD",title:"Skeleton \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(d,null,{default:t(()=>[R]),_:1}),s(f,{"file-path":"skeleton"}),n("div",T,[n("div",null,[s(y,{to:"/zh-CN/components/card",class:"lay-link",style:{display:""}},{default:t(()=>[s(m,{type:"layui-icon-left"}),a("\u5361\u7247")]),_:1})]),n("div",null,[s(y,{to:"/zh-CN/components/space",class:"lay-link",style:{display:""}},{default:t(()=>[a("\u95F4\u8DDD "),s(m,{type:"layui-icon-right"})]),_:1})])])])}}};export{H as default,G as frontmatter};

.svn/pristine/c8/c8cc3e295b295c458fa410d0017d0181c005730f.svn-base

@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  name: "AddOneIcon",
+};
+</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-add-one" />
+</template>

.svn/pristine/c8/c8f75bd0413b299af0814de88f576fef429d83b4.svn-base

@@ -0,0 +1,53 @@
+const useMove = function (el: HTMLElement, callback: Function) {
+  el.style.position = "fixed";
+  let offsetX: number;
+  let offsetY: number;
+  if (el != null) {
+    el.addEventListener("mousedown", function (event: any) {
+      const path = (event.composedPath && event.composedPath()) || event.path;
+      if (path[0].className === "layui-layer-title") {
+        if (event.button == 0 && el != null) {
+          const lexObj: any = getComputedStyle(el);
+          offsetX =
+            event.pageX - el.offsetLeft + parseInt(lexObj["margin-left"]);
+          offsetY =
+            event.pageY - el.offsetTop + parseInt(lexObj["margin-right"]);
+          const move = function (event: any) {
+            if (el != null) {
+              let x = event.pageX - offsetX;
+              let y = event.pageY - offsetY;
+              if (x < 0) {
+                x = 0;
+              } else if (
+                x >
+                document.documentElement.clientWidth - el.offsetWidth
+              ) {
+                x = document.documentElement.clientWidth - el.offsetWidth;
+              }
+              if (y < 0) {
+                y = 0;
+              } else if (
+                y >
+                document.documentElement.clientHeight - el.offsetHeight
+              ) {
+                y = document.documentElement.clientHeight - el.offsetHeight;
+              }
+              el.style.left = `${x}px`;
+              el.style.top = `${y}px`;
+              callback(el.style.left, el.style.top);
+            }
+            return false;
+          };
+          document.addEventListener("mousemove", move);
+          const stop = function () {
+            document.removeEventListener("mousemove", move);
+            document.removeEventListener("mouseup", stop);
+          };
+          document.addEventListener("mouseup", stop);
+        }
+      }
+      return false;
+    });
+  }
+};
+export default useMove;