vue-devui 1.0.0-beta.2 → 1.0.0-beta.220801

package/accordion/index.es.js

@@ -1,190 +0,0 @@
-import { defineComponent, createVNode, mergeProps, resolveComponent, createTextVNode, reactive } from "vue";
-var AccordionList = defineComponent({
-  name: "DAccordionList",
-  inheritAttrs: false,
-  props: {
-    data: {
-      type: Array,
-      default: null
-    },
-    deepth: {
-      type: Number,
-      default: 0
-    },
-    parent: {
-      type: Object,
-      default: null
-    },
-    innerListTemplate: Boolean
-  },
-  setup(props, ctx) {
-    return () => {
-      return (!props.innerListTemplate || props.deepth === 0) && createVNode("ul", mergeProps({
-        "class": "devui-accordion-list"
-      }, ctx.attrs), [props.data.map((item) => {
-        return createVNode("li", {
-          "class": "devui-accordion-item",
-          "key": item.title
-        }, [createVNode("div", {
-          "class": "devui-accordion-menu-item open",
-          "title": item.title
-        }, [createVNode("div", {
-          "title": item.title,
-          "class": `devui-accordion-item-title devui-over-flow-ellipsis open`
-        }, [item.title]), createVNode("div", {
-          "class": "devui-accordion-submenu devui-accordion-show-animate",
-          "style": "opacity: 1; overflow: hidden;"
-        }, [createVNode("ul", {
-          "class": "devui-accordion-list"
-        }, [item.children.map((component) => {
-          return createVNode("li", {
-            "class": "devui-accordion-item",
-            "key": component.title
-          }, [createVNode("div", {
-            "class": "devui-accordion-item-title devui-over-flow-ellipsis",
-            "style": "text-indent: 20px;",
-            "title": component.title
-          }, [createVNode(resolveComponent("router-link"), {
-            "to": component.link
-          }, {
-            default: () => [createVNode("div", {
-              "class": "devui-accordion-splitter",
-              "style": "left: 30px;"
-            }, null), component.title, component.done && createVNode("span", {
-              "class": "tag-done"
-            }, [createTextVNode("\u5DF2\u5B8C\u6210")])]
-          })])]);
-        })])])])]);
-      })]);
-    };
-  }
-});
-var accordion = "";
-var Accordion = defineComponent({
-  name: "DAccordion",
-  props: {
-    data: {
-      type: Array,
-      default: null
-    },
-    titleKey: {
-      type: String,
-      default: "title"
-    },
-    loadingKey: {
-      type: String,
-      default: "loading"
-    },
-    childrenKey: {
-      type: String,
-      default: "children"
-    },
-    disabledKey: {
-      type: String,
-      default: "disabled"
-    },
-    activeKey: {
-      type: String,
-      default: "active"
-    },
-    openKey: {
-      type: String,
-      default: "open"
-    },
-    menuItemTemplate: {
-      type: String,
-      default: ""
-    },
-    itemTemplate: {
-      type: String,
-      default: ""
-    },
-    menuToggle: {
-      type: Function,
-      default: null
-    },
-    itemClick: {
-      type: Function,
-      default: null
-    },
-    activeItemChange: {
-      type: Function,
-      default: null
-    },
-    restrictOneOpen: {
-      type: Boolean,
-      default: false
-    },
-    autoOpenActiveMenu: {
-      type: Boolean,
-      default: false
-    },
-    showNoContent: {
-      type: Boolean,
-      default: true
-    },
-    noContentTemplate: {
-      type: String,
-      default: ""
-    },
-    loadingTemplate: {
-      type: String,
-      default: ""
-    },
-    innerListTemplate: {
-      type: String,
-      default: ""
-    },
-    linkType: {
-      type: String,
-      default: ""
-    },
-    linkTypeKey: {
-      type: String,
-      default: "linkType"
-    },
-    linkKey: {
-      type: String,
-      default: "link"
-    },
-    linkTargetKey: {
-      type: String,
-      default: "target"
-    },
-    linkDefaultTarget: {
-      type: String,
-      default: "_self"
-    },
-    accordionType: {
-      type: String,
-      default: "normal"
-    }
-  },
-  setup(props) {
-    const {
-      data,
-      accordionType
-    } = reactive(props);
-    return () => {
-      return createVNode("div", {
-        "class": `devui-accordion-menu devui-scrollbar ${accordionType === "normal" ? "devui-accordion-menu-normal" : ""}`
-      }, [createVNode(AccordionList, mergeProps({
-        "data": data,
-        "deepth": 0,
-        "parent": null
-      }, props), null)]);
-    };
-  }
-});
-Accordion.install = function(app) {
-  app.component(Accordion.name, Accordion);
-};
-var index = {
-  title: "Accordion \u624B\u98CE\u7434",
-  category: "\u5BFC\u822A",
-  status: "10%",
-  install(app) {
-    app.use(Accordion);
-  }
-};
-export { Accordion, index as default };

package/accordion/index.umd.js

@@ -1 +0,0 @@
-(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";var o=e.defineComponent({name:"DAccordionList",inheritAttrs:!1,props:{data:{type:Array,default:null},deepth:{type:Number,default:0},parent:{type:Object,default:null},innerListTemplate:Boolean},setup(t,d){return()=>(!t.innerListTemplate||t.deepth===0)&&e.createVNode("ul",e.mergeProps({class:"devui-accordion-list"},d.attrs),[t.data.map(n=>e.createVNode("li",{class:"devui-accordion-item",key:n.title},[e.createVNode("div",{class:"devui-accordion-menu-item open",title:n.title},[e.createVNode("div",{title:n.title,class:"devui-accordion-item-title devui-over-flow-ellipsis open"},[n.title]),e.createVNode("div",{class:"devui-accordion-submenu devui-accordion-show-animate",style:"opacity: 1; overflow: hidden;"},[e.createVNode("ul",{class:"devui-accordion-list"},[n.children.map(a=>e.createVNode("li",{class:"devui-accordion-item",key:a.title},[e.createVNode("div",{class:"devui-accordion-item-title devui-over-flow-ellipsis",style:"text-indent: 20px;",title:a.title},[e.createVNode(e.resolveComponent("router-link"),{to:a.link},{default:()=>[e.createVNode("div",{class:"devui-accordion-splitter",style:"left: 30px;"},null),a.title,a.done&&e.createVNode("span",{class:"tag-done"},[e.createTextVNode("\u5DF2\u5B8C\u6210")])]})])]))])])])]))])}}),c="",l=e.defineComponent({name:"DAccordion",props:{data:{type:Array,default:null},titleKey:{type:String,default:"title"},loadingKey:{type:String,default:"loading"},childrenKey:{type:String,default:"children"},disabledKey:{type:String,default:"disabled"},activeKey:{type:String,default:"active"},openKey:{type:String,default:"open"},menuItemTemplate:{type:String,default:""},itemTemplate:{type:String,default:""},menuToggle:{type:Function,default:null},itemClick:{type:Function,default:null},activeItemChange:{type:Function,default:null},restrictOneOpen:{type:Boolean,default:!1},autoOpenActiveMenu:{type:Boolean,default:!1},showNoContent:{type:Boolean,default:!0},noContentTemplate:{type:String,default:""},loadingTemplate:{type:String,default:""},innerListTemplate:{type:String,default:""},linkType:{type:String,default:""},linkTypeKey:{type:String,default:"linkType"},linkKey:{type:String,default:"link"},linkTargetKey:{type:String,default:"target"},linkDefaultTarget:{type:String,default:"_self"},accordionType:{type:String,default:"normal"}},setup(t){const{data:d,accordionType:n}=e.reactive(t);return()=>e.createVNode("div",{class:`devui-accordion-menu devui-scrollbar ${n==="normal"?"devui-accordion-menu-normal":""}`},[e.createVNode(o,e.mergeProps({data:d,deepth:0,parent:null},t),null)])}});l.install=function(t){t.component(l.name,l)};var r={title:"Accordion \u624B\u98CE\u7434",category:"\u5BFC\u822A",status:"10%",install(t){t.use(l)}};i.Accordion=l,i.default=r,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/accordion/style.css

@@ -1 +0,0 @@
-@charset "UTF-8";:host{display:block}.devui-accordion-menu-item,d-accordion-item,d-accordion-item-hreflink,d-accordion-item-routerlink,.devui-accordion-list{display:block}.devui-accordion-menu{display:block;background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;border-radius:var(--devui-border-radius, 2px);height:100%}.devui-accordion-menu.devui-accordion-menu-normal{box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-accordion-menu>.devui-accordion-list{padding:10px 0}.devui-accordion-menu .devui-over-flow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-accordion-submenu{background:var(--devui-base-bg, #ffffff);width:100%}.devui-accordion-item-title{display:block;height:40px;width:100%;padding:0 10px 0 20px;font-weight:400;line-height:40px;color:var(--devui-text-weak, #575d6c);background:transparent;cursor:pointer}.devui-accordion-item-title.disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-accordion-item-title.disabled>a{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-item-title:not(.disabled):hover{background:var(--devui-list-item-hover-bg, #f2f5fc);color:var(--devui-list-item-hover-text, #526ecc)}.devui-accordion-item-title:not(.disabled).devui-router-active,.devui-accordion-item-title:not(.disabled).active:not(.open){color:var(--devui-brand-active, #526ecc);font-weight:bold}.devui-accordion-item-title:not(.disabled).devui-router-active>a,.devui-accordion-item-title:not(.disabled).active:not(.open)>a{color:var(--devui-brand-active, #526ecc)}.devui-accordion-item-title>a{text-decoration:none;display:block;width:100%;color:var(--devui-text-weak, #575d6c)}.devui-accordion-item-title>a:hover{color:inherit;text-decoration:none}d-accordion-item-hreflink.devui-accordion-item-title,d-accordion-item-routerlink.devui-accordion-item-title{padding:0}d-accordion-item-hreflink.devui-accordion-item-title>a,d-accordion-item-routerlink.devui-accordion-item-title>a{padding:0 10px 0 20px}.devui-accordion-menu-item>.devui-accordion-item-title{position:relative}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:12px;width:16px;height:16px;line-height:16px;transition:transform ease-out .3s}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg{width:16px;height:16px}.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-open-icon>svg polygon{fill:var(--devui-text-weak, #575d6c)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open).active svg polygon{fill:var(--devui-icon-fill-active, #5e7ce0)}.devui-accordion-menu-item>.devui-accordion-item-title:not(.open)>.devui-accordion-open-icon{transform:rotate(-180deg);transform-origin:center}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon{color:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title.disabled>.devui-accordion-open-icon svg polygon{fill:var(--devui-disabled-text, #adb0b8)}.devui-accordion-menu-item>.devui-accordion-item-title{padding-right:30px}.devui-accordion-menu-item>.devui-accordion-item-title.active:not(.open){color:var(--devui-brand-active, #526ecc);background:transparent}.devui-accordion-list.devui-accordion-menu-hidden{display:none}.devui-accordion-item-title{position:relative}.devui-accordion-item-title .devui-accordion-splitter{position:absolute;display:inline-block;left:10px;width:2px;height:40px;background:var(--devui-dividing-line, #dfe1e6);vertical-align:middle}.devui-accordion-item-title .devui-accordion-splitter.devui-parent-list{background-color:transparent}.devui-accordion-item-title.devui-router-active:not(.open) .devui-accordion-splitter:before,.devui-accordion-item-title.active:not(.open) .devui-accordion-splitter:before{content:"";display:block;width:2px;height:18px;background:var(--devui-form-control-line-active, #5e7ce0);position:absolute;top:11px;left:0}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:12px}.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:28px;top:0}.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-item-title>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter:before,.devui-accordion-list>.devui-accordion-item:last-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter:before{top:initial;bottom:0}.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-item-title>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>a>.devui-accordion-splitter,.devui-accordion-list>.devui-accordion-item:last-child:first-child>.devui-accordion-menu-item>.devui-accordion-item-title>.devui-accordion-splitter{height:18px;top:11px}.devui-accordion-item>a{padding:0 10px 0 20px;color:var(--devui-text-weak, #575d6c);display:block;text-decoration:none;width:100%}.devui-accordion-item-title .tag-done{display:inline-block;height:18px;min-height:20px;padding:0 10px;margin-left:8px;line-height:18px;color:#fa9841;border:solid 1px #fa9841;background:var(--devui-base-bg, #ffffff);font-size:var(--devui-font-size, 12px);border-radius:var(--devui-border-radius, 2px);text-indent:0;cursor:default}

package/anchor/index.es.js

@@ -1,263 +0,0 @@
-import { defineComponent, createVNode, createTextVNode } from "vue";
-var Anchor = defineComponent({
-  name: "DAnchor",
-  props: {},
-  setup() {
-    return () => {
-      return createVNode("div", null, [createTextVNode(" ")]);
-    };
-  }
-});
-let repeatCount = 0;
-let cTimeout;
-const timeoutIntervalSpeed = 10;
-let hashName;
-let scollFlag = false;
-function elementPosition(obj) {
-  let curleft = 0, curtop = 0;
-  curleft = obj.offsetLeft;
-  curtop = obj.offsetTop;
-  return { x: curleft, y: curtop };
-}
-function scrollToControl(elem, container) {
-  hashName = elem.getAttribute("name");
-  scollFlag = true;
-  const tops = container.scrollTop >= 0 ? container.scrollTop : -document.getElementsByClassName("mycontainer")[0].offsetTop;
-  let scrollPos = elementPosition(elem).y - tops;
-  scrollPos = scrollPos - document.documentElement.scrollTop;
-  const remainder = scrollPos % timeoutIntervalSpeed;
-  const repeatTimes = Math.abs((scrollPos - remainder) / timeoutIntervalSpeed);
-  if (scrollPos < 0 && container || elem.getBoundingClientRect().top < container.offsetTop) {
-    window.scrollBy(0, elem.getBoundingClientRect().top - container.offsetTop - 16);
-  }
-  scrollSmoothly(scrollPos, repeatTimes, container);
-}
-function scrollSmoothly(scrollPos, repeatTimes, container) {
-  if (repeatCount <= repeatTimes) {
-    scrollPos > 0 ? container.scrollBy(0, timeoutIntervalSpeed) : container.scrollBy(0, -timeoutIntervalSpeed);
-  } else {
-    repeatCount = 0;
-    clearTimeout(cTimeout);
-    history.replaceState(null, null, document.location.pathname + "#" + hashName);
-    hightLightFn(hashName);
-    setTimeout(() => {
-      scollFlag = false;
-    }, 310);
-    return;
-  }
-  repeatCount++;
-  cTimeout = setTimeout(() => {
-    scrollSmoothly(scrollPos, repeatTimes, container);
-  }, 10);
-}
-function hightLightFn(hashName2) {
-  const childLength = document.getElementsByClassName("mysidebar")[0].children.length;
-  for (let i = 0; i < childLength; i++) {
-    if (document.getElementsByClassName("mysidebar")[0].children[i].classList.value.indexOf("active") > -1) {
-      document.getElementsByClassName("mysidebar")[0].children[i].classList.remove("active");
-    }
-  }
-  document.getElementById(hashName2).classList.add("active");
-}
-let activeLink = null;
-let rootActiveLink = null;
-let rootClassName = "";
-const setActiveLink = (timeId) => {
-  if (scollFlag) {
-    return;
-  }
-  timeId ? rootClassName = timeId : rootClassName = document.getElementsByClassName("mymain")[0].id;
-  const sidebarLinks = getSidebarLinks(rootClassName);
-  const anchors = getAnchors(sidebarLinks);
-  try {
-    anchors.forEach((index2, i) => {
-      const anchor2 = anchors[i];
-      const nextAnchor = anchors[i + 1];
-      const [isActive, hash] = isAnchorActive(i, anchor2, nextAnchor);
-      if (isActive) {
-        history.replaceState(null, document.title, hash ? hash : " ");
-        activateLink(hash);
-        throw Error(hash + "");
-      }
-    });
-  } catch (e) {
-  }
-};
-function throttleAndDebounce(fn, delay) {
-  let timeout;
-  let called = false;
-  return () => {
-    if (timeout) {
-      clearTimeout(timeout);
-    }
-    if (!called) {
-      fn();
-      called = true;
-      setTimeout(() => {
-        called = false;
-      }, delay);
-    } else {
-      timeout = setTimeout(fn, delay);
-    }
-  };
-}
-const onScroll = throttleAndDebounce(setActiveLink, 300);
-function activateLink(hash) {
-  deactiveLink(activeLink);
-  deactiveLink(rootActiveLink);
-  hash ? activeLink = document.querySelector(`${hash}`) : activeLink = document.querySelector(`.${rootClassName} ul li`);
-  if (!activeLink) {
-    return;
-  }
-  if (!scollFlag) {
-    hash && hightLightFn(hash.split("#")[1]);
-  } else {
-    hightLightFn(hashName);
-  }
-  const rootLi = activeLink.closest(".mycontainer > ul > li");
-  if (rootLi && rootLi !== activeLink.parentElement) {
-    rootActiveLink = rootLi;
-    rootActiveLink && rootActiveLink.classList.add("active");
-  } else {
-    rootActiveLink = null;
-  }
-}
-function deactiveLink(link) {
-  link && link.classList.remove("active");
-}
-function getPageOffset() {
-  return document.querySelector(".mysidebar ").getBoundingClientRect().y;
-}
-function getAnchorTop(anchor2) {
-  const pageOffset = getPageOffset();
-  return anchor2.parentElement.offsetTop - pageOffset - 5;
-}
-function isAnchorActive(index2, anchor2, nextAnchor) {
-  let scrollTop;
-  document.getElementsByClassName("scrollTarget").length ? scrollTop = document.getElementsByClassName("scrollTarget")[0].scrollTop : scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-  if (index2 === 0 && scrollTop === 0) {
-    return [true, null];
-  }
-  if (scrollTop < getAnchorTop(anchor2)) {
-    return [false, null];
-  }
-  if (!nextAnchor || scrollTop < getAnchorTop(nextAnchor)) {
-    return [true, decodeURIComponent(anchor2.hash)];
-  }
-  return [false, null];
-}
-function getSidebarLinks(rootClassName2) {
-  return [].slice.call(document.querySelectorAll(`.${rootClassName2} > .step-nav > li.bar-link-item > a`));
-}
-function getAnchors(sidebarLinks) {
-  return [].slice.call(document.querySelectorAll(".box-anchor")).filter((anchor2) => sidebarLinks.some((sidebarLink) => sidebarLink.hash === anchor2.hash));
-}
-const randomId = function(n = 8) {
-  const str = "abcdefghijklmnopqrstuvwxyz0123456789";
-  let result = "";
-  for (let i = 0; i < n; i++) {
-    result += str[parseInt((Math.random() * str.length).toString())];
-  }
-  return result;
-};
-const inBrowser = typeof window !== "undefined";
-var dAnchorBox = {
-  name: "d-anchor-box",
-  mounted(el) {
-    const timeId = "m" + randomId(8);
-    el.id = timeId;
-    const classList = el.classList;
-    classList.add("mycontainer", "mymain", timeId);
-    let windoScrollTop;
-    const div = document.querySelector(`#${timeId}`);
-    const mysidebar = document.querySelector(`#${timeId} .mysidebar`);
-    const mysidebarHeight = mysidebar.clientHeight;
-    window.addEventListener("resize", () => {
-      cssChange(mysidebar, "absolute", 0, 0);
-    });
-    window.onscroll = function() {
-      windoScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      if (!document.getElementsByClassName("scrollTarget").length) {
-        if (windoScrollTop + mysidebarHeight - 16 >= div.offsetTop + div.clientHeight) {
-          cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
-        } else if (windoScrollTop > div.offsetTop) {
-          cssChange(mysidebar, "fixed", div.offsetTop, div.getBoundingClientRect().left);
-        } else if (div.offsetTop >= windoScrollTop && windoScrollTop >= 0) {
-          cssChange(mysidebar, "absolute", 0, 0);
-        } else {
-          cssChange(mysidebar, "absolute", div.clientHeight - mysidebarHeight - 8, 0);
-        }
-      } else {
-        cssChange(mysidebar, "absolute", div.scrollTop, 0);
-      }
-    };
-    addEvent(div, "scroll", function() {
-      if (document.getElementsByClassName("scrollTarget").length) {
-        cssChange(mysidebar, "fixed", div.getBoundingClientRect().top, div.getBoundingClientRect().left);
-      }
-    });
-    setActiveLink(timeId);
-    document.getElementsByClassName("scrollTarget").length ? addEvent(div, "scroll", onScroll) : window.addEventListener("scroll", onScroll);
-  }
-};
-const cssChange = (mysidebar, postion, top, left) => {
-  mysidebar.style.position = postion;
-  mysidebar.style.top = top + "px";
-  mysidebar.style.left = left + "px";
-};
-const addEvent = function() {
-  if (inBrowser && window.addEventListener) {
-    return function(elm, type, handle) {
-      elm.addEventListener(type, handle, false);
-    };
-  }
-}();
-var dAnchorLink = {
-  name: "d-anchor-link",
-  mounted(el, binding) {
-    const parent = el.parentNode;
-    if (!parent.className) {
-      parent.className = "mysidebar step-nav";
-    }
-    el.className = "bar-link-item";
-    el.innerHTML += '<a class="d-d-anchor" style="display:none" href="#' + binding.value + '">?</a>';
-    el.setAttribute("id", binding.value);
-    el.onclick = () => {
-      let scrollContainer;
-      const scollToDomY = document.getElementsByName(binding.value)[0];
-      document.getElementsByClassName("scrollTarget").length ? scrollContainer = document.getElementsByClassName("scrollTarget")[0] : scrollContainer = window;
-      scrollToControl(scollToDomY, scrollContainer);
-    };
-  }
-};
-var dAnchor = {
-  name: "d-anchor",
-  mounted(el, binding) {
-    const parent = el.parentNode;
-    if (!parent.className) {
-      parent.className = "mycontent";
-    }
-    el.innerHTML = '<a class="box-anchor" style="display:none" href="#' + binding.value + '">?</a>' + el.innerHTML;
-    el.className = "section-block";
-    el.setAttribute("name", binding.value);
-    el.onclick = (e) => {
-      hightLightFn(binding.value);
-    };
-  }
-};
-var anchor = "";
-Anchor.install = function(Vue) {
-  Vue.directive(dAnchor.name, dAnchor);
-  Vue.directive(dAnchorLink.name, dAnchorLink);
-  Vue.directive(dAnchorBox.name, dAnchorBox);
-  Vue.component(Anchor.name, Anchor);
-};
-var index = {
-  title: "Anchor \u951A\u70B9",
-  category: "\u5BFC\u822A",
-  status: "50%",
-  install(app) {
-    app.use(Anchor);
-  }
-};
-export { Anchor, index as default };

package/anchor/index.umd.js

@@ -1 +0,0 @@
-(function(c,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(c=typeof globalThis!="undefined"?globalThis:c||self,r(c.index={},c.Vue))})(this,function(c,r){"use strict";var u=r.defineComponent({name:"DAnchor",props:{},setup(){return()=>r.createVNode("div",null,[r.createTextVNode(" ")])}});let v=0,B;const f=10;let p,h=!1;function k(e){let t=0,n=0;return t=e.offsetLeft,n=e.offsetTop,{x:t,y:n}}function q(e,t){p=e.getAttribute("name"),h=!0;const n=t.scrollTop>=0?t.scrollTop:-document.getElementsByClassName("mycontainer")[0].offsetTop;let o=k(e).y-n;o=o-document.documentElement.scrollTop;const l=o%f,s=Math.abs((o-l)/f);(o<0&&t||e.getBoundingClientRect().top<t.offsetTop)&&window.scrollBy(0,e.getBoundingClientRect().top-t.offsetTop-16),L(o,s,t)}function L(e,t,n){if(v<=t)e>0?n.scrollBy(0,f):n.scrollBy(0,-f);else{v=0,clearTimeout(B),history.replaceState(null,null,document.location.pathname+"#"+p),y(p),setTimeout(()=>{h=!1},310);return}v++,B=setTimeout(()=>{L(e,t,n)},10)}function y(e){const t=document.getElementsByClassName("mysidebar")[0].children.length;for(let n=0;n<t;n++)document.getElementsByClassName("mysidebar")[0].children[n].classList.value.indexOf("active")>-1&&document.getElementsByClassName("mysidebar")[0].children[n].classList.remove("active");document.getElementById(e).classList.add("active")}let a=null,d=null,g="";const C=e=>{if(h)return;e?g=e:g=document.getElementsByClassName("mymain")[0].id;const t=$(g),n=O(t);try{n.forEach((o,l)=>{const s=n[l],m=n[l+1],[j,T]=I(l,s,m);if(j)throw history.replaceState(null,document.title,T||" "),M(T),Error(T+"")})}catch{}};function H(e,t){let n,o=!1;return()=>{n&&clearTimeout(n),o?n=setTimeout(e,t):(e(),o=!0,setTimeout(()=>{o=!1},t))}}const E=H(C,300);function M(e){if(N(a),N(d),e?a=document.querySelector(`${e}`):a=document.querySelector(`.${g} ul li`),!a)return;h?y(p):e&&y(e.split("#")[1]);const t=a.closest(".mycontainer > ul > li");t&&t!==a.parentElement?(d=t,d&&d.classList.add("active")):d=null}function N(e){e&&e.classList.remove("active")}function R(){return document.querySelector(".mysidebar ").getBoundingClientRect().y}function b(e){const t=R();return e.parentElement.offsetTop-t-5}function I(e,t,n){let o;return document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0].scrollTop:o=document.documentElement.scrollTop||document.body.scrollTop,e===0&&o===0?[!0,null]:o<b(t)?[!1,null]:!n||o<b(n)?[!0,decodeURIComponent(t.hash)]:[!1,null]}function $(e){return[].slice.call(document.querySelectorAll(`.${e} > .step-nav > li.bar-link-item > a`))}function O(e){return[].slice.call(document.querySelectorAll(".box-anchor")).filter(t=>e.some(n=>n.hash===t.hash))}const D=function(e=8){const t="abcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let o=0;o<e;o++)n+=t[parseInt((Math.random()*t.length).toString())];return n},F=typeof window!="undefined";var A={name:"d-anchor-box",mounted(e){const t="m"+D(8);e.id=t,e.classList.add("mycontainer","mymain",t);let o;const l=document.querySelector(`#${t}`),s=document.querySelector(`#${t} .mysidebar`),m=s.clientHeight;window.addEventListener("resize",()=>{i(s,"absolute",0,0)}),window.onscroll=function(){o=document.documentElement.scrollTop||document.body.scrollTop,document.getElementsByClassName("scrollTarget").length?i(s,"absolute",l.scrollTop,0):o+m-16>=l.offsetTop+l.clientHeight?i(s,"absolute",l.clientHeight-m-8,0):o>l.offsetTop?i(s,"fixed",l.offsetTop,l.getBoundingClientRect().left):l.offsetTop>=o&&o>=0?i(s,"absolute",0,0):i(s,"absolute",l.clientHeight-m-8,0)},w(l,"scroll",function(){document.getElementsByClassName("scrollTarget").length&&i(s,"fixed",l.getBoundingClientRect().top,l.getBoundingClientRect().left)}),C(t),document.getElementsByClassName("scrollTarget").length?w(l,"scroll",E):window.addEventListener("scroll",E)}};const i=(e,t,n,o)=>{e.style.position=t,e.style.top=n+"px",e.style.left=o+"px"},w=function(){if(F&&window.addEventListener)return function(e,t,n){e.addEventListener(t,n,!1)}}();var S={name:"d-anchor-link",mounted(e,t){const n=e.parentNode;n.className||(n.className="mysidebar step-nav"),e.className="bar-link-item",e.innerHTML+='<a class="d-d-anchor" style="display:none" href="#'+t.value+'">?</a>',e.setAttribute("id",t.value),e.onclick=()=>{let o;const l=document.getElementsByName(t.value)[0];document.getElementsByClassName("scrollTarget").length?o=document.getElementsByClassName("scrollTarget")[0]:o=window,q(l,o)}}},x={name:"d-anchor",mounted(e,t){const n=e.parentNode;n.className||(n.className="mycontent"),e.innerHTML='<a class="box-anchor" style="display:none" href="#'+t.value+'">?</a>'+e.innerHTML,e.className="section-block",e.setAttribute("name",t.value),e.onclick=o=>{y(t.value)}}},z="";u.install=function(e){e.directive(x.name,x),e.directive(S.name,S),e.directive(A.name,A),e.component(u.name,u)};var P={title:"Anchor \u951A\u70B9",category:"\u5BFC\u822A",status:"50%",install(e){e.use(u)}};c.Anchor=u,c.default=P,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/anchor/style.css

@@ -1 +0,0 @@
-.mysidebar{width:240px;position:absolute;top:0;left:0;height:auto}.scrollTarget{height:450px!important;overflow-y:auto}.mycontainer{height:auto}.devui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.devui-scrollbar::-webkit-scrollbar-track{background-color:transparent}.devui-scrollbar::-webkit-scrollbar-thumb{border-radius:8px;background-color:#adb0b8;background-color:var(--devui-line, #adb0b8)}.devui-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#8a8e99;background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar{width:8px;height:8px}body>* ::-webkit-scrollbar-track{background-color:transparent}body>* ::-webkit-scrollbar-thumb{border-radius:8px;background-color:#adb0b8;background-color:var(--devui-line, #adb0b8)}body>* ::-webkit-scrollbar-thumb:hover{background-color:#8a8e99;background-color:var(--devui-placeholder, #8a8e99)}body>* ::-webkit-scrollbar-corner{background-color:transparent}.step-nav{padding-top:8px;width:240px}.step-nav>li{list-style:none;counter-increment:stepli;padding:0;cursor:pointer;height:30px;line-height:1.5;font-size:12px;font-size:var(--devui-font-size, 12px);color:#575d6c;color:var(--devui-text-weak, #575d6c);position:relative;display:flex;align-items:center}.step-nav>li.active,.step-nav>li:hover{color:#526ecc;color:var(--devui-brand-active, #526ecc)}.step-nav>li.active:before{border-color:#526ecc;border-color:var(--devui-brand-active, #526ecc)}.step-nav>li:before{content:"";display:inline-block;width:12px;height:12px;text-align:center;line-height:26px;border-radius:50%;background-color:#fff;background-color:var(--devui-base-bg, #ffffff);margin-right:20px;border:2px solid #dfe1e6;border:2px solid var(--devui-dividing-line, #dfe1e6)}.step-nav>li:not(:first-of-type){margin-top:32px}.step-nav>li:not(:first-of-type):after{content:"";display:block;position:absolute;top:-32px;left:5px;width:1px;height:32px;border-left:2px solid #dfe1e6;border-left:2px solid var(--devui-dividing-line, #dfe1e6)}.mymain{position:relative}.mycontent{padding:8px;margin-left:240px;border-left:1px solid #adb0b8;border-left:1px solid var(--devui-line, #adb0b8)}.section-block{min-height:200px;border-bottom:1px dashed #adb0b8;border-bottom:1px dashed var(--devui-line, #adb0b8)}.section-block.active.anchor-active-by-anchor-link{-webkit-animation:hightlight-and-disapear 3s linear 1;animation:hightlight-and-disapear 3s linear 1}@-webkit-keyframes hightlight-and-disapear{0%{outline:medium none invert}2%{outline:0 none rgba(255,255,255,0)}10%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}50%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}90%{outline:1px solid rgba(255,255,255,0)}99%{outline:0 none rgba(255,255,255,0)}to{outline:medium none invert}}@keyframes hightlight-and-disapear{0%{outline:medium none invert}2%{outline:0 none rgba(255,255,255,0)}10%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}50%{outline:1px solid #5e7ce0;outline:1px solid var(--devui-brand, #5e7ce0)}90%{outline:1px solid rgba(255,255,255,0)}99%{outline:0 none rgba(255,255,255,0)}to{outline:medium none invert}}

package/breadcrumb/index.es.js

@@ -1,127 +0,0 @@
-import { defineComponent, inject, ref, getCurrentInstance, onMounted, onBeforeUnmount, createVNode, provide, resolveComponent } from "vue";
-const breadcrumbProps = {
-  source: {
-    type: Array,
-    default: []
-  },
-  separatorIcon: {
-    type: String
-  }
-};
-const breadcrumbItemProps = {
-  showMenu: {
-    type: Boolean,
-    default: false
-  },
-  menuList: {
-    type: Array
-  },
-  isSearch: {
-    type: Boolean,
-    dafault: false
-  },
-  to: {
-    type: [String, Object],
-    default: ""
-  },
-  replace: {
-    type: Boolean,
-    default: false
-  }
-};
-var breadcrumbItem = "";
-var BreadcrumbItem = defineComponent({
-  name: "DBreadcrumbItem",
-  props: breadcrumbItemProps,
-  setup(props, {
-    slots
-  }) {
-    const separatorIcon = inject("separatorIcon");
-    const linkClass = props.to ? "is-link" : "";
-    const link = ref(null);
-    const instance = getCurrentInstance();
-    const router = instance.appContext.config.globalProperties.$router;
-    const handleClickLink = () => {
-      if (!props.to || !router)
-        return;
-      props.replace ? router.replace(props.to) : router.push(props.to);
-    };
-    onMounted(() => {
-      link.value.addEventListener("click", handleClickLink);
-    });
-    onBeforeUnmount(() => {
-      link.value.removeEventListener("click", handleClickLink);
-    });
-    return () => {
-      const renderBreadcrumbSperator = () => {
-        return createVNode("span", {
-          "class": "devui-breadcrumb-separator"
-        }, [separatorIcon]);
-      };
-      return createVNode("div", {
-        "class": "devui-breadcrumb-item"
-      }, [createVNode("span", {
-        "ref": link,
-        "class": linkClass
-      }, [slots == null ? void 0 : slots.default()]), renderBreadcrumbSperator()]);
-    };
-  }
-});
-function getPropsSlot(slots, props, prop = "default") {
-  var _a, _b;
-  return (_b = props[prop]) != null ? _b : (_a = slots[prop]) == null ? void 0 : _a.call(slots);
-}
-var breadcrumb = "";
-var Breadcrumb = defineComponent({
-  name: "DBreadcrumb",
-  components: {
-    DBreadcrumbItem: BreadcrumbItem
-  },
-  props: breadcrumbProps,
-  setup(props, {
-    slots
-  }) {
-    var _a;
-    const separatorIcon = (_a = getPropsSlot(slots, props, "separatorIcon")) != null ? _a : "/";
-    provide("separatorIcon", separatorIcon);
-    const renderBreadcrumbItemRouted = (item) => {
-      return createVNode(resolveComponent("d-breadcrumb-item"), {
-        "to": `path: ${item.link}`,
-        "replace": item.replace
-      }, {
-        default: () => [item.title]
-      });
-    };
-    const renderBreadItemList = (source) => {
-      return source.map((item) => {
-        if (!item.noNavigation && item.linkType === "routerLink") {
-          return renderBreadcrumbItemRouted(item);
-        }
-        return createVNode(resolveComponent("d-breadcrumb-item"), null, {
-          default: () => [!item.noNavigation && (!item.linkType || item.linkType === "hrefLink") ? createVNode("a", {
-            "href": item.link,
-            "target": item.target ? item.target : "_self"
-          }, [item.title]) : null, item.noNavigation ? createVNode("span", null, [item.title]) : null]
-        });
-      });
-    };
-    return () => {
-      return createVNode("div", {
-        "class": "devui-breadcrumb"
-      }, [props.source && props.source.length ? renderBreadItemList(props.source) : slots == null ? void 0 : slots.default()]);
-    };
-  }
-});
-Breadcrumb.install = function(app) {
-  app.component(Breadcrumb.name, Breadcrumb);
-  app.component(BreadcrumbItem.name, BreadcrumbItem);
-};
-var index = {
-  title: "Breadcrumb \u9762\u5305\u5C51",
-  category: "\u5BFC\u822A",
-  status: "50%",
-  install(app) {
-    app.use(Breadcrumb);
-  }
-};
-export { Breadcrumb, index as default };

package/breadcrumb/index.umd.js

@@ -1 +0,0 @@
-(function(a,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis!="undefined"?globalThis:a||self,e(a.index={},a.Vue))})(this,function(a,e){"use strict";const f={source:{type:Array,default:[]},separatorIcon:{type:String}},p={showMenu:{type:Boolean,default:!1},menuList:{type:Array},isSearch:{type:Boolean,dafault:!1},to:{type:[String,Object],default:""},replace:{type:Boolean,default:!1}};var g="",l=e.defineComponent({name:"DBreadcrumbItem",props:p,setup(r,{slots:t}){const u=e.inject("separatorIcon"),d=r.to?"is-link":"",c=e.ref(null),o=e.getCurrentInstance().appContext.config.globalProperties.$router,n=()=>{!r.to||!o||(r.replace?o.replace(r.to):o.push(r.to))};return e.onMounted(()=>{c.value.addEventListener("click",n)}),e.onBeforeUnmount(()=>{c.value.removeEventListener("click",n)}),()=>{const y=()=>e.createVNode("span",{class:"devui-breadcrumb-separator"},[u]);return e.createVNode("div",{class:"devui-breadcrumb-item"},[e.createVNode("span",{ref:c,class:d},[t==null?void 0:t.default()]),y()])}}});function m(r,t,u="default"){var d,c;return(c=t[u])!=null?c:(d=r[u])==null?void 0:d.call(r)}var B="",i=e.defineComponent({name:"DBreadcrumb",components:{DBreadcrumbItem:l},props:f,setup(r,{slots:t}){var s;const u=(s=m(t,r,"separatorIcon"))!=null?s:"/";e.provide("separatorIcon",u);const d=o=>e.createVNode(e.resolveComponent("d-breadcrumb-item"),{to:`path: ${o.link}`,replace:o.replace},{default:()=>[o.title]}),c=o=>o.map(n=>!n.noNavigation&&n.linkType==="routerLink"?d(n):e.createVNode(e.resolveComponent("d-breadcrumb-item"),null,{default:()=>[!n.noNavigation&&(!n.linkType||n.linkType==="hrefLink")?e.createVNode("a",{href:n.link,target:n.target?n.target:"_self"},[n.title]):null,n.noNavigation?e.createVNode("span",null,[n.title]):null]}));return()=>e.createVNode("div",{class:"devui-breadcrumb"},[r.source&&r.source.length?c(r.source):t==null?void 0:t.default()])}});i.install=function(r){r.component(i.name,i),r.component(l.name,l)};var b={title:"Breadcrumb \u9762\u5305\u5C51",category:"\u5BFC\u822A",status:"50%",install(r){r.use(i)}};a.Breadcrumb=i,a.default=b,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/breadcrumb/style.css

@@ -1 +0,0 @@
-.devui-breadcrumb-font-style,.devui-breadcrumb-separator,.devui-breadcrumb-item a,.devui-breadcrumb-item{font-size:var(--devui-font-size, 12px);color:var(--devui-aide-text, #8a8e99);line-height:18px}.devui-breadcrumb-item{cursor:auto}.devui-breadcrumb-item a{cursor:pointer}.devui-breadcrumb-item a:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb-item a,.devui-breadcrumb-item span{transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-breadcrumb-item .is-link{cursor:pointer}.devui-breadcrumb-item .is-link:hover{color:var(--devui-text, #252b3a);text-decoration:none}.devui-breadcrumb-separator{margin:0 4px}.devui-breadcrumb{display:flex;align-items:center}.devui-breadcrumb .devui-breadcrumb-item:last-child .devui-breadcrumb-separator{display:none}