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

package/carousel/index.es.js

@@ -1,328 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { defineComponent, createVNode, Fragment, ref, watch, onMounted, onBeforeUnmount, Comment } from "vue";
-const carouselProps = {
-  arrowTrigger: {
-    type: String,
-    default: "hover"
-  },
-  autoplay: {
-    type: Boolean,
-    default: false
-  },
-  autoplaySpeed: {
-    type: Number,
-    default: 3e3
-  },
-  height: {
-    type: String,
-    default: "100%"
-  },
-  showDots: {
-    type: Boolean,
-    default: true
-  },
-  dotTrigger: {
-    type: String,
-    default: "click"
-  },
-  dotPosition: {
-    type: String,
-    default: "bottom"
-  },
-  activeIndex: {
-    type: Number,
-    default: 0
-  },
-  activeIndexChange: {
-    type: Function
-  }
-};
-var Icon = defineComponent({
-  name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
-  setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
-    const {
-      name,
-      size,
-      color,
-      classPrefix
-    } = this;
-    return createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null)]);
-  }
-});
-var carousel = "";
-var Carousel = defineComponent({
-  name: "DCarousel",
-  props: carouselProps,
-  emits: ["update:activeIndex"],
-  setup(props, {
-    emit
-  }) {
-    const {
-      arrowTrigger,
-      autoplay,
-      autoplaySpeed,
-      dotTrigger,
-      activeIndex,
-      activeIndexChange
-    } = props;
-    const transitionSpeed = 500;
-    const itemCount = ref(0);
-    const showArrow = ref(false);
-    const currentIndex = ref(0);
-    const wrapperRef = ref(null);
-    const containerRef = ref(null);
-    const scheduledId = ref(null);
-    watch(() => arrowTrigger, () => {
-      showArrow.value = arrowTrigger === "always";
-    }, {
-      immediate: true
-    });
-    watch(() => activeIndex, () => {
-      currentIndex.value = activeIndex;
-    }, {
-      immediate: true
-    });
-    const translatePosition = (size) => {
-      if (containerRef.value)
-        containerRef.value.style.left = `${-size * 100}%`;
-    };
-    const adjustTransition = (targetEl) => {
-      setTimeout(() => {
-        if (containerRef.value)
-          containerRef.value.style.transition = "";
-        targetEl.style.transform = "";
-        translatePosition(currentIndex.value);
-      }, transitionSpeed);
-    };
-    const adjustPosition = (targetEl, firstToLast) => {
-      if (wrapperRef.value) {
-        const wrapperRect = wrapperRef.value.getBoundingClientRect();
-        targetEl.style.transform = `translateX(${(firstToLast ? -itemCount.value : itemCount.value) * wrapperRect.width}px)`;
-      }
-    };
-    const goto = (index2) => {
-      if (index2 === currentIndex.value || !wrapperRef.value || !containerRef.value) {
-        return;
-      }
-      containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
-      let latestIndex = currentIndex.value;
-      if (index2 < 0 && currentIndex.value === 0) {
-        latestIndex = itemCount.value - 1;
-        const targetEl = containerRef.value.children[latestIndex];
-        adjustPosition(targetEl, true);
-        translatePosition(-1);
-        adjustTransition(targetEl);
-      } else if (index2 >= itemCount.value && currentIndex.value === itemCount.value - 1) {
-        latestIndex = 0;
-        const targetEl = containerRef.value.children[latestIndex];
-        adjustPosition(targetEl, false);
-        translatePosition(itemCount.value);
-        adjustTransition(targetEl);
-      } else {
-        latestIndex = index2 < 0 ? 0 : index2 > itemCount.value - 1 ? itemCount.value - 1 : index2;
-        translatePosition(latestIndex);
-      }
-      currentIndex.value = latestIndex;
-      emit("update:activeIndex", latestIndex);
-      activeIndexChange == null ? void 0 : activeIndexChange(latestIndex);
-      autoScheduleTransition();
-    };
-    const prev = () => {
-      goto(currentIndex.value - 1);
-    };
-    const next = () => {
-      goto(currentIndex.value + 1);
-    };
-    const arrowMouseEvent = (type) => {
-      if (arrowTrigger !== "hover")
-        return;
-      showArrow.value = type === "enter";
-    };
-    const switchStep = (index2, type) => {
-      if (type === dotTrigger)
-        goto(index2);
-    };
-    const clearScheduledTransition = () => {
-      if (scheduledId.value) {
-        clearTimeout(scheduledId.value);
-        scheduledId.value = null;
-      }
-    };
-    const autoScheduleTransition = () => {
-      clearScheduledTransition();
-      if (autoplay && autoplaySpeed) {
-        scheduledId.value = setTimeout(() => {
-          next();
-        }, autoplaySpeed);
-      }
-    };
-    const changeItemCount = (val) => {
-      itemCount.value = val;
-      autoScheduleTransition();
-    };
-    onMounted(() => {
-      if (containerRef.value) {
-        containerRef.value.style.transition = `left ${transitionSpeed}ms ease`;
-        containerRef.value.style.left = "0%";
-      }
-      autoScheduleTransition();
-    });
-    onBeforeUnmount(() => {
-      clearScheduledTransition();
-    });
-    return {
-      wrapperRef,
-      containerRef,
-      showArrow,
-      currentIndex,
-      itemCount,
-      changeItemCount,
-      goto,
-      prev,
-      next,
-      arrowMouseEvent,
-      switchStep
-    };
-  },
-  render() {
-    var _a, _b;
-    const {
-      showArrow,
-      currentIndex,
-      itemCount,
-      arrowTrigger,
-      height,
-      showDots,
-      dotPosition,
-      prev,
-      next,
-      arrowMouseEvent,
-      switchStep,
-      changeItemCount,
-      $slots
-    } = this;
-    const slot = (_b = (_a = $slots.default) == null ? void 0 : _a.call($slots)) != null ? _b : [];
-    let children = slot;
-    if (children.length === 1 && children[0].type === Fragment) {
-      children = (children[0].children || []).filter((item) => (item == null ? void 0 : item.type) !== Comment);
-    }
-    if (children.length !== itemCount) {
-      changeItemCount(children.length);
-    }
-    return createVNode("div", {
-      "class": "devui-carousel-container",
-      "style": {
-        height
-      },
-      "onMouseenter": () => arrowMouseEvent("enter"),
-      "onMouseleave": () => arrowMouseEvent("leave")
-    }, [arrowTrigger !== "never" && showArrow ? createVNode("div", {
-      "class": "devui-carousel-arrow"
-    }, [createVNode("button", {
-      "class": "arrow-left",
-      "onClick": () => prev()
-    }, [createVNode(Icon, {
-      "name": "arrow-left"
-    }, null)]), createVNode("button", {
-      "class": "arrow-right",
-      "onClick": () => next()
-    }, [createVNode(Icon, {
-      "name": "arrow-right"
-    }, null)])]) : null, createVNode("div", {
-      "class": "devui-carousel-item-wrapper",
-      "ref": "wrapperRef"
-    }, [createVNode("div", {
-      "class": "devui-carousel-item-container",
-      "style": {
-        width: `${itemCount * 100}%`
-      },
-      "ref": "containerRef"
-    }, [slot])]), itemCount > 0 && showDots ? createVNode("ul", {
-      "class": ["devui-carousel-dots", dotPosition]
-    }, [children.map((_, index2) => createVNode("li", {
-      "class": {
-        "dot-item": true,
-        active: currentIndex === index2
-      },
-      "onClick": () => switchStep(index2, "click"),
-      "onMouseenter": () => switchStep(index2, "hover")
-    }, null))]) : null]);
-  }
-});
-var CarouseItem = defineComponent({
-  name: "DCarouselItem",
-  render() {
-    var _a;
-    const {
-      $slots
-    } = this;
-    const children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
-    return createVNode("div", {
-      "class": "d-carousel-item "
-    }, [children]);
-  }
-});
-Carousel.install = function(app) {
-  app.component(Carousel.name, Carousel);
-};
-CarouseItem.install = function(app) {
-  app.component(CarouseItem.name, CarouseItem);
-};
-var index = {
-  title: "Carousel \u8D70\u9A6C\u706F",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "80%",
-  install(app) {
-    app.use(Carousel);
-    app.use(CarouseItem);
-  }
-};
-export { Carousel, index as default };

package/carousel/index.umd.js

@@ -1 +0,0 @@
-var z=Object.defineProperty;var R=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var $=(a,e,s)=>e in a?z(a,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[e]=s,k=(a,e)=>{for(var s in e||(e={}))_.call(e,s)&&$(a,s,e[s]);if(R)for(var s of R(e))q.call(e,s)&&$(a,s,e[s]);return a};(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 s={arrowTrigger:{type:String,default:"hover"},autoplay:{type:Boolean,default:!1},autoplaySpeed:{type:Number,default:3e3},height:{type:String,default:"100%"},showDots:{type:Boolean,default:!0},dotTrigger:{type:String,default:"click"},dotPosition:{type:String,default:"bottom"},activeIndex:{type:Number,default:0},activeIndexChange:{type:Function}};var b=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return k({},t)},render(){const{name:t,size:d,color:i,classPrefix:g}=this;return e.createVNode(e.Fragment,null,[/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:d}},null):e.createVNode("i",{class:`${g} ${g}-${t}`,style:{fontSize:d,color:i}},null)])}}),O="",w=e.defineComponent({name:"DCarousel",props:s,emits:["update:activeIndex"],setup(t,{emit:d}){const{arrowTrigger:i,autoplay:g,autoplaySpeed:I,dotTrigger:M,activeIndex:T,activeIndexChange:C}=t,S=500,o=e.ref(0),y=e.ref(!1),u=e.ref(0),f=e.ref(null),r=e.ref(null),c=e.ref(null);e.watch(()=>i,()=>{y.value=i==="always"},{immediate:!0}),e.watch(()=>T,()=>{u.value=T},{immediate:!0});const m=n=>{r.value&&(r.value.style.left=`${-n*100}%`)},N=n=>{setTimeout(()=>{r.value&&(r.value.style.transition=""),n.style.transform="",m(u.value)},S)},h=(n,l)=>{if(f.value){const v=f.value.getBoundingClientRect();n.style.transform=`translateX(${(l?-o.value:o.value)*v.width}px)`}},p=n=>{if(n===u.value||!f.value||!r.value)return;r.value.style.transition=`left ${S}ms ease`;let l=u.value;if(n<0&&u.value===0){l=o.value-1;const v=r.value.children[l];h(v,!0),m(-1),N(v)}else if(n>=o.value&&u.value===o.value-1){l=0;const v=r.value.children[l];h(v,!1),m(o.value),N(v)}else l=n<0?0:n>o.value-1?o.value-1:n,m(l);u.value=l,d("update:activeIndex",l),C==null||C(l),P()},j=()=>{p(u.value-1)},x=()=>{p(u.value+1)},A=n=>{i==="hover"&&(y.value=n==="enter")},B=(n,l)=>{l===M&&p(n)},D=()=>{c.value&&(clearTimeout(c.value),c.value=null)},P=()=>{D(),g&&I&&(c.value=setTimeout(()=>{x()},I))},F=n=>{o.value=n,P()};return e.onMounted(()=>{r.value&&(r.value.style.transition=`left ${S}ms ease`,r.value.style.left="0%"),P()}),e.onBeforeUnmount(()=>{D()}),{wrapperRef:f,containerRef:r,showArrow:y,currentIndex:u,itemCount:o,changeItemCount:F,goto:p,prev:j,next:x,arrowMouseEvent:A,switchStep:B}},render(){var m,N;const{showArrow:t,currentIndex:d,itemCount:i,arrowTrigger:g,height:I,showDots:M,dotPosition:T,prev:C,next:S,arrowMouseEvent:o,switchStep:y,changeItemCount:u,$slots:f}=this,r=(N=(m=f.default)==null?void 0:m.call(f))!=null?N:[];let c=r;return c.length===1&&c[0].type===e.Fragment&&(c=(c[0].children||[]).filter(h=>(h==null?void 0:h.type)!==e.Comment)),c.length!==i&&u(c.length),e.createVNode("div",{class:"devui-carousel-container",style:{height:I},onMouseenter:()=>o("enter"),onMouseleave:()=>o("leave")},[g!=="never"&&t?e.createVNode("div",{class:"devui-carousel-arrow"},[e.createVNode("button",{class:"arrow-left",onClick:()=>C()},[e.createVNode(b,{name:"arrow-left"},null)]),e.createVNode("button",{class:"arrow-right",onClick:()=>S()},[e.createVNode(b,{name:"arrow-right"},null)])]):null,e.createVNode("div",{class:"devui-carousel-item-wrapper",ref:"wrapperRef"},[e.createVNode("div",{class:"devui-carousel-item-container",style:{width:`${i*100}%`},ref:"containerRef"},[r])]),i>0&&M?e.createVNode("ul",{class:["devui-carousel-dots",T]},[c.map((h,p)=>e.createVNode("li",{class:{"dot-item":!0,active:d===p},onClick:()=>y(p,"click"),onMouseenter:()=>y(p,"hover")},null))]):null])}}),V=e.defineComponent({name:"DCarouselItem",render(){var i;const{$slots:t}=this,d=(i=t.default)==null?void 0:i.call(t);return e.createVNode("div",{class:"d-carousel-item "},[d])}});w.install=function(t){t.component(w.name,w)},V.install=function(t){t.component(V.name,V)};var E={title:"Carousel \u8D70\u9A6C\u706F",category:"\u6570\u636E\u5C55\u793A",status:"80%",install(t){t.use(w),t.use(V)}};a.Carousel=w,a.default=E,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/carousel/style.css

@@ -1 +0,0 @@
-.devui-carousel-container{display:block;position:relative}.devui-carousel-container .devui-carousel-arrow{position:absolute;width:100%;top:50%}.devui-carousel-container .devui-carousel-arrow .arrow-left{position:absolute;top:-18px;z-index:2;cursor:pointer;width:36px;height:36px;border-radius:18px;background:var(--devui-highlight-overlay, rgba(255, 255, 255, .8));box-shadow:var(--devui-shadow-length-hover, 0 4px 16px 0) var(--devui-light-shadow, rgba(0, 0, 0, .1));display:inline-flex;align-items:center;justify-content:center;left:10px}.devui-carousel-container .devui-carousel-arrow .arrow-left:hover{background:var(--devui-area, #f8f8f8)}.devui-carousel-container .devui-carousel-arrow .arrow-left svg polygon{fill:var(--devui-text, #252b3a)}.devui-carousel-container .devui-carousel-arrow .arrow-right{position:absolute;top:-18px;z-index:2;cursor:pointer;width:36px;height:36px;border-radius:18px;background:var(--devui-highlight-overlay, rgba(255, 255, 255, .8));box-shadow:var(--devui-shadow-length-hover, 0 4px 16px 0) var(--devui-light-shadow, rgba(0, 0, 0, .1));display:inline-flex;align-items:center;justify-content:center;right:10px}.devui-carousel-container .devui-carousel-arrow .arrow-right:hover{background:var(--devui-area, #f8f8f8)}.devui-carousel-container .devui-carousel-arrow .arrow-right svg polygon{fill:var(--devui-text, #252b3a)}.devui-carousel-container .devui-carousel-item-wrapper{position:relative;overflow:hidden;height:100%}.devui-carousel-container .devui-carousel-item-wrapper .devui-carousel-item-container{display:flex;height:100%;position:relative}.devui-carousel-container .devui-carousel-item-wrapper .devui-carousel-item-container .d-carousel-item{flex:1;position:relative;height:100%}.devui-carousel-container .devui-carousel-dots{position:absolute;display:flex;justify-content:center;width:100%;list-style:none}.devui-carousel-container .devui-carousel-dots.bottom{bottom:8px}.devui-carousel-container .devui-carousel-dots.top{top:8px}.devui-carousel-container .devui-carousel-dots .dot-item{width:6px;height:6px;border-radius:3px;margin-right:8px;background:var(--devui-icon-fill, #d3d5d9)}.devui-carousel-container .devui-carousel-dots .dot-item:hover{cursor:pointer;background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-carousel-container .devui-carousel-dots .dot-item.active{width:24px;background:var(--devui-list-item-active-bg, #5e7ce0);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-carousel-container .devui-carousel-arrow .arrow-left,.devui-carousel-container .devui-carousel-arrow .arrow-right{transition:background-color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-smooth, cubic-bezier(.645, .045, .355, 1))}

package/cascader/index.es.js

@@ -1,187 +0,0 @@
-import { computed, ref, watch, reactive, createVNode, resolveComponent, defineComponent, mergeProps, Fragment } from "vue";
-var cascader = "";
-const cascaderProps = {
-  trigger: {
-    type: String,
-    default: "hover"
-  },
-  options: {
-    type: Array,
-    default: [],
-    required: true
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  placeholder: {
-    type: String,
-    default: ""
-  }
-};
-const getRootClass$2 = (props, menuShow) => {
-  return computed(() => ({
-    "devui-cascader devui-dropdown devui-dropdown-animation": true,
-    "devui-dropdown__open": menuShow.value,
-    "devui-cascader__disbaled": props.disabled
-  }));
-};
-const popupHandles = () => {
-  const menuShow = ref(false);
-  const menuOpenClass = ref("");
-  const openPopup = () => {
-    menuShow.value = !menuShow.value;
-  };
-  watch(menuShow, (status) => {
-    menuOpenClass.value = status ? "devui-drop-menu-wrapper" : "";
-  });
-  return {
-    menuShow,
-    menuOpenClass,
-    openPopup
-  };
-};
-const getRootClass$1 = () => {
-  return computed(() => ({
-    "devui-cascader-ul": true
-  }));
-};
-var index$2 = "";
-const cascaderulProps = {
-  cascaderlis: {
-    type: Array,
-    default: []
-  },
-  ulIndex: {
-    type: Number,
-    default: 0
-  }
-};
-const getRootClass = () => {
-  return computed(() => ({
-    "devui-cascader-li devui-dropdown-item": true
-  }));
-};
-let cascaderOptions;
-const optionsHandles = (options) => {
-  if (options) {
-    cascaderOptions = reactive([options]);
-  }
-  const changeCascaderIndexs = (optionItem, ulIndex) => {
-    var _a;
-    if (!cascaderOptions)
-      return;
-    if (((_a = optionItem == null ? void 0 : optionItem.children) == null ? void 0 : _a.length) > 0) {
-      cascaderOptions[ulIndex + 1] = optionItem.children;
-    } else {
-      cascaderOptions.splice(ulIndex + 1, cascaderOptions.length - 1 - ulIndex);
-    }
-  };
-  return {
-    cascaderOptions,
-    changeCascaderIndexs
-  };
-};
-var index$1 = "";
-const DCascaderItem = (props) => {
-  var _a;
-  const {
-    cascaderli,
-    ulIndex
-  } = props;
-  const {
-    changeCascaderIndexs
-  } = optionsHandles();
-  const rootClasses = getRootClass();
-  const mouseHover = () => {
-    changeCascaderIndexs(cascaderli, ulIndex);
-  };
-  return createVNode("li", {
-    "class": rootClasses.value,
-    "onMouseover": mouseHover
-  }, [createVNode("div", {
-    "class": "dropdown-item-label"
-  }, [createVNode("span", null, [cascaderli.label])]), ((_a = cascaderli == null ? void 0 : cascaderli.children) == null ? void 0 : _a.length) > 0 && createVNode(resolveComponent("d-icon"), {
-    "name": "chevron-right",
-    "size": "16px",
-    "color": "inherit"
-  }, null)]);
-};
-var DCascaderList = defineComponent({
-  name: "DCascaderList",
-  props: cascaderulProps,
-  setup(props) {
-    const rootClasses = getRootClass$1();
-    return () => createVNode("ul", {
-      "class": rootClasses.value
-    }, [props.cascaderlis.map((item, index2) => {
-      return createVNode(DCascaderItem, mergeProps({
-        "cascaderli": item,
-        "liIndex": index2
-      }, props), null);
-    })]);
-  }
-});
-var Cascader = defineComponent({
-  name: "DCascader",
-  props: cascaderProps,
-  setup(props, ctx) {
-    const origin = ref(null);
-    const position = reactive({
-      originX: "left",
-      originY: "bottom",
-      overlayX: "left",
-      overlayY: "top"
-    });
-    const {
-      menuShow,
-      menuOpenClass,
-      openPopup
-    } = popupHandles();
-    const rootClasses = getRootClass$2(props, menuShow);
-    const {
-      cascaderOptions: cascaderOptions2
-    } = optionsHandles(props.options);
-    return () => createVNode(Fragment, null, [createVNode("div", mergeProps({
-      "class": rootClasses.value,
-      "onClick": openPopup,
-      "ref": origin
-    }, ctx.attrs), [createVNode(resolveComponent("d-input"), {
-      "disabled": props.disabled,
-      "placeholder": props.placeholder
-    }, null), createVNode("div", {
-      "class": "devui-cascader__icon devui-drop-icon-animation"
-    }, [createVNode(resolveComponent("d-icon"), {
-      "name": "select-arrow",
-      "size": "12px"
-    }, null)])]), createVNode(resolveComponent("d-flexible-overlay"), {
-      "origin": origin,
-      "visible": menuShow.value,
-      "onUpdate:visible": ($event) => menuShow.value = $event,
-      "position": position
-    }, {
-      default: () => [createVNode("div", {
-        "class": "devui-drop-menu-animation"
-      }, [createVNode("div", {
-        "class": `${menuOpenClass.value} devui-dropdown-menu`
-      }, [cascaderOptions2.map((item, index2) => {
-        return createVNode(DCascaderList, {
-          "cascaderlis": item,
-          "ul-index": index2
-        }, null);
-      })])])]
-    })]);
-  }
-});
-Cascader.install = function(app) {
-  app.component(Cascader.name, Cascader);
-};
-var index = {
-  title: "Cascader \u7EA7\u8054\u83DC\u5355",
-  category: "\u6570\u636E\u5F55\u5165",
-  status: "10%",
-  install(app) {
-    app.use(Cascader);
-  }
-};
-export { Cascader, index as default };

package/cascader/index.umd.js

@@ -1 +0,0 @@
-(function(t,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis!="undefined"?globalThis:t||self,e(t.index={},t.Vue))})(this,function(t,e){"use strict";var _="";const f={trigger:{type:String,default:"hover"},options:{type:Array,default:[],required:!0},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:""}},m=(a,n)=>e.computed(()=>({"devui-cascader devui-dropdown devui-dropdown-animation":!0,"devui-dropdown__open":n.value,"devui-cascader__disbaled":a.disabled})),C=()=>{const a=e.ref(!1),n=e.ref(""),o=()=>{a.value=!a.value};return e.watch(a,r=>{n.value=r?"devui-drop-menu-wrapper":""}),{menuShow:a,menuOpenClass:n,openPopup:o}},g=()=>e.computed(()=>({"devui-cascader-ul":!0}));var P="";const h={cascaderlis:{type:Array,default:[]},ulIndex:{type:Number,default:0}},v=()=>e.computed(()=>({"devui-cascader-li devui-dropdown-item":!0}));let d;const p=a=>(a&&(d=e.reactive([a])),{cascaderOptions:d,changeCascaderIndexs:(o,r)=>{var s;!d||(((s=o==null?void 0:o.children)==null?void 0:s.length)>0?d[r+1]=o.children:d.splice(r+1,d.length-1-r))}});var S="";const y=a=>{var c;const{cascaderli:n,ulIndex:o}=a,{changeCascaderIndexs:r}=p(),s=v(),i=()=>{r(n,o)};return e.createVNode("li",{class:s.value,onMouseover:i},[e.createVNode("div",{class:"dropdown-item-label"},[e.createVNode("span",null,[n.label])]),((c=n==null?void 0:n.children)==null?void 0:c.length)>0&&e.createVNode(e.resolveComponent("d-icon"),{name:"chevron-right",size:"16px",color:"inherit"},null)])};var N=e.defineComponent({name:"DCascaderList",props:h,setup(a){const n=g();return()=>e.createVNode("ul",{class:n.value},[a.cascaderlis.map((o,r)=>e.createVNode(y,e.mergeProps({cascaderli:o,liIndex:r},a),null))])}}),l=e.defineComponent({name:"DCascader",props:f,setup(a,n){const o=e.ref(null),r=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),{menuShow:s,menuOpenClass:i,openPopup:c}=C(),b=m(a,s),{cascaderOptions:x}=p(a.options);return()=>e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:b.value,onClick:c,ref:o},n.attrs),[e.createVNode(e.resolveComponent("d-input"),{disabled:a.disabled,placeholder:a.placeholder},null),e.createVNode("div",{class:"devui-cascader__icon devui-drop-icon-animation"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow",size:"12px"},null)])]),e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:o,visible:s.value,"onUpdate:visible":u=>s.value=u,position:r},{default:()=>[e.createVNode("div",{class:"devui-drop-menu-animation"},[e.createVNode("div",{class:`${i.value} devui-dropdown-menu`},[x.map((u,w)=>e.createVNode(N,{cascaderlis:u,"ul-index":w},null))])])]})])}});l.install=function(a){a.component(l.name,l)};var V={title:"Cascader \u7EA7\u8054\u83DC\u5355",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(a){a.use(l)}};t.Cascader=l,t.default=V,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/cascader/style.css

@@ -1 +0,0 @@
-.devui-cascader{display:flex;justify-content:flex-start;align-items:center;position:relative}.devui-cascader>div:nth-child(1){width:100%}.devui-cascader__icon{position:absolute;right:5px;top:0;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-cascader__icon .icon{margin:0}.devui-cascader input{width:100%;padding-right:16px}.devui-cascader .devui-drop-menu-wrapper{display:block;margin:4px 0;font-size:0;white-space:nowrap;padding:0}.devui-drop-icon-animation{transition:transform .2s linear}.devui-drop-menu-animation{transition:opacity .2s ease-in-out,transform .2s ease-in-out;z-index:1000;margin-top:1px}.devui-drop-menu-animation .devui-dropdown-menu{width:auto;padding-bottom:0;display:flex;justify-content:"flex-start";align-items:center}.devui-dropdown__open .devui-cascader__icon{transform:rotate(180deg)}.devui-dropdown__open .devui-drop-menu-animation{transform-origin:0 0%;transform:scaleY(.9999) translateY(0);opacity:1}.devui-cascader-ul{width:200px;height:180px;background:var(--devui-connected-overlay-bg, #ffffff);display:block;list-style:none;margin:0;padding:0;overflow-y:auto;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-cascader-li.devui-dropdown-item{height:32px;padding:8px 12px;color:var(--devui-text, #252b3a);cursor:pointer;display:flex;justify-content:flex-start;align-items:center}.devui-cascader-li .dropdown-item-label{display:inline-block;flex:1;width:0;overflow:hidden;text-overflow:ellipsis;font-size:var(--devui-font-size, 12px)}