vue-devui 1.0.0-rc.0 → 1.0.0-rc.11

package/collapse/index.es.js

@@ -0,0 +1,379 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { defineComponent, provide, reactive, toRefs, createVNode, computed, resolveDynamicComponent, mergeProps, shallowRef, inject, onMounted, Transition } from "vue";
+const SELECT_TOKEN = Symbol("dCollapse");
+const collapseProps = {
+  modelValue: {
+    type: [String, Number, Array],
+    default: "",
+    required: true
+  },
+  accordion: {
+    type: Boolean,
+    default: false
+  }
+};
+const collapseItemProps = {
+  name: {
+    type: [String, Number],
+    default: "",
+    required: true
+  },
+  title: {
+    type: String,
+    default: ""
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+var collapse = "";
+var Collapse = defineComponent({
+  name: "DCollapse",
+  props: collapseProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, ctx) {
+    const ns = useNamespace("collapse");
+    const scrollbarNs = useNamespace("scrollbar");
+    const getLists = (data) => {
+      if (!data && data !== 0) {
+        return [];
+      }
+      return Array.isArray(data) ? data : [data];
+    };
+    const collapseItemClick = (name) => {
+      const activeLists = [...getLists(props.modelValue)];
+      const itemIndex = activeLists.indexOf(name);
+      if (props.accordion) {
+        let activeName = name;
+        if ((activeLists[0] || activeLists[0] === 0) && activeLists[0] === name) {
+          activeName = "";
+        }
+        ctx.emit("update:modelValue", activeName);
+        ctx.emit("change", activeName);
+      } else {
+        if (itemIndex > -1) {
+          activeLists.splice(itemIndex, 1);
+        } else {
+          activeLists.push(name);
+        }
+        ctx.emit("update:modelValue", activeLists);
+        ctx.emit("change", activeLists);
+      }
+    };
+    provide(SELECT_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+      collapseItemClick
+    })));
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": [ns.b(), scrollbarNs.b()]
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+const DEFAULT_PREFIX = "icon";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  component: {
+    type: Object,
+    default: null
+  },
+  classPrefix: {
+    type: String,
+    default: DEFAULT_PREFIX
+  },
+  operable: {
+    type: Boolean,
+    default: false
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  rotate: {
+    type: [Number, String]
+  }
+};
+const svgIconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  size: {
+    type: [Number, String],
+    default: "inherit"
+  }
+};
+var icon = "";
+var svgIcon = defineComponent({
+  name: "DSvgIcon",
+  props: svgIconProps,
+  setup(props) {
+    const {
+      name,
+      color,
+      size
+    } = toRefs(props);
+    const ns = useNamespace("svg-icon");
+    const iconName = computed(() => `#icon-${name.value}`);
+    const iconSize = computed(() => {
+      return typeof size.value === "number" ? `${size.value}px` : size.value;
+    });
+    const styles = {
+      width: iconSize.value,
+      height: iconSize.value
+    };
+    return () => {
+      return createVNode("svg", {
+        "class": ns.b(),
+        "style": styles
+      }, [createVNode("use", {
+        "xlink:href": iconName.value,
+        "fill": color.value
+      }, null)]);
+    };
+  }
+});
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
+function useIconDom(props, ctx) {
+  const {
+    component,
+    name,
+    size,
+    color,
+    classPrefix,
+    rotate
+  } = toRefs(props);
+  const ns = useNamespace("icon");
+  const iconSize = computed(() => {
+    return typeof size.value === "number" ? `${size.value}px` : size.value;
+  });
+  const IconComponent = component.value ? resolveDynamicComponent(component.value) : resolveDynamicComponent(svgIcon);
+  const imgIconDom = () => {
+    return createVNode("img", mergeProps({
+      "src": name.value,
+      "alt": name.value.split("/")[name.value.split("/").length - 1],
+      "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        width: iconSize.value || "",
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
+      }
+    }, ctx.attrs), null);
+  };
+  const svgIconDom = () => {
+    return createVNode(IconComponent, mergeProps({
+      "name": name.value,
+      "color": color.value,
+      "size": iconSize.value,
+      "class": [(rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
+      }
+    }, ctx.attrs), null);
+  };
+  const fontIconDom = () => {
+    const fontIconClass = /^icon-/.test(name.value) ? name.value : `${classPrefix.value}-${name.value}`;
+    return createVNode("i", mergeProps({
+      "class": [classPrefix.value, fontIconClass, (rotate == null ? void 0 : rotate.value) === "infinite" && ns.m("spin")],
+      "style": {
+        fontSize: iconSize.value,
+        color: color.value,
+        transform: `rotate(${rotate == null ? void 0 : rotate.value}deg)`
+      }
+    }, ctx.attrs), null);
+  };
+  const iconDom = () => {
+    return component.value ? svgIconDom() : isUrl(name.value) ? imgIconDom() : fontIconDom();
+  };
+  return {
+    iconDom
+  };
+}
+var Icon = defineComponent({
+  name: "DIcon",
+  props: iconProps,
+  setup(props, ctx) {
+    const {
+      disabled,
+      operable
+    } = toRefs(props);
+    const {
+      iconDom
+    } = useIconDom(props, ctx);
+    const ns = useNamespace("icon");
+    const wrapClassed = computed(() => ({
+      [ns.e("container")]: true,
+      [ns.m("disabled")]: disabled.value,
+      [ns.m("operable")]: operable.value
+    }));
+    const onClick = (e) => {
+      e.stopImmediatePropagation();
+      if (disabled.value) {
+        e.preventDefault();
+      }
+    };
+    return () => {
+      var _a, _b, _c, _d;
+      return createVNode("div", {
+        "class": wrapClassed.value,
+        "onClick": onClick
+      }, [(_b = (_a = ctx.slots).prefix) == null ? void 0 : _b.call(_a), iconDom(), (_d = (_c = ctx.slots).suffix) == null ? void 0 : _d.call(_c)]);
+    };
+  }
+});
+var iconGroup = "";
+defineComponent({
+  name: "DIconGroup",
+  setup(_, ctx) {
+    const ns = useNamespace("icon-group");
+    return () => {
+      var _a, _b;
+      return createVNode("div", {
+        "class": ns.b()
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+    };
+  }
+});
+var CollapseItem = defineComponent({
+  name: "DCollapseItem",
+  props: collapseItemProps,
+  setup(props, ctx) {
+    const ns = useNamespace("collapse");
+    const transitionNs = useNamespace("collapse-transition");
+    const collapseContent = shallowRef();
+    const collapse2 = inject(SELECT_TOKEN, null);
+    const isOpen = computed(() => {
+      if (props.disabled) {
+        return false;
+      }
+      if (Array.isArray(collapse2 == null ? void 0 : collapse2.modelValue)) {
+        return Boolean(collapse2 == null ? void 0 : collapse2.modelValue.length) && (collapse2 == null ? void 0 : collapse2.modelValue.includes(props.name));
+      } else {
+        return Boolean(collapse2 == null ? void 0 : collapse2.modelValue) && (collapse2 == null ? void 0 : collapse2.modelValue) === props.name;
+      }
+    });
+    const handlerTitleClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (!props.disabled) {
+        collapse2 == null ? void 0 : collapse2.collapseItemClick(props.name);
+      }
+    };
+    onMounted(() => {
+      if (collapseContent.value) {
+        const dom = collapseContent.value;
+        if (isOpen.value) {
+          dom.style.height = `${dom.offsetHeight}px`;
+        }
+      }
+    });
+    const enter = (element) => {
+      const el = element;
+      el.style.height = "";
+      const height = el.offsetHeight;
+      el.style.height = "0px";
+      el.offsetHeight;
+      el.style.height = `${height}px`;
+    };
+    const leave = (element) => {
+      const el = element;
+      el.style.height = "0px";
+    };
+    return () => {
+      return createVNode("div", {
+        "class": ns.e("item")
+      }, [createVNode("div", {
+        "class": [ns.e("item-title"), ns.m("overflow-ellipsis"), isOpen.value && ns.m("open"), props.disabled && ns.em("item", "disabled")],
+        "onClick": handlerTitleClick
+      }, [ctx.slots.title ? ctx.slots.title() : props.title, createVNode("span", {
+        "class": ns.e("open-icon")
+      }, [createVNode(Icon, {
+        "name": "select-arrow",
+        "size": "16px"
+      }, null)])]), createVNode(Transition, {
+        "name": transitionNs.b(),
+        "onEnter": enter,
+        "onLeave": leave
+      }, {
+        default: () => {
+          var _a, _b;
+          return [isOpen.value && createVNode("div", {
+            "ref": collapseContent,
+            "class": ns.e("item-content")
+          }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])];
+        }
+      })]);
+    };
+  }
+});
+var index = {
+  title: "Collapse \u6298\u53E0\u9762\u677F",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.component(Collapse.name, Collapse);
+    app.component(CollapseItem.name, CollapseItem);
+  }
+};
+export { Collapse, CollapseItem, collapseItemProps, collapseProps, index as default };

package/collapse/index.umd.js

@@ -0,0 +1 @@
+var k=Object.defineProperty,w=Object.defineProperties;var L=Object.getOwnPropertyDescriptors;var V=Object.getOwnPropertySymbols;var q=Object.prototype.hasOwnProperty,F=Object.prototype.propertyIsEnumerable;var I=(r,e,f)=>e in r?k(r,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):r[e]=f,S=(r,e)=>{for(var f in e||(e={}))q.call(e,f)&&I(r,f,e[f]);if(V)for(var f of V(e))F.call(e,f)&&I(r,f,e[f]);return r},D=(r,e)=>w(r,L(e));(function(r,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis!="undefined"?globalThis:r||self,e(r.index={},r.Vue))})(this,function(r,e){"use strict";const f=Symbol("dCollapse"),C={modelValue:{type:[String,Number,Array],default:"",required:!0},accordion:{type:Boolean,default:!1}},N={name:{type:[String,Number],default:"",required:!0},title:{type:String,default:""},disabled:{type:Boolean,default:!1}};function v(o,s,l){let a=o;return s&&(a+=`__${s}`),l&&(a+=`--${l}`),a}function g(o,s=!1){const l=s?`.devui-${o}`:`devui-${o}`;return{b:()=>v(l),e:t=>t?v(l,t):"",m:t=>t?v(l,"",t):"",em:(t,u)=>t&&u?v(l,t,u):""}}var O="",y=e.defineComponent({name:"DCollapse",props:C,emits:["change","update:modelValue"],setup(o,s){const l=g("collapse"),a=g("scrollbar"),c=i=>!i&&i!==0?[]:Array.isArray(i)?i:[i],n=i=>{const t=[...c(o.modelValue)],u=t.indexOf(i);if(o.accordion){let p=i;(t[0]||t[0]===0)&&t[0]===i&&(p=""),s.emit("update:modelValue",p),s.emit("change",p)}else u>-1?t.splice(u,1):t.push(i),s.emit("update:modelValue",t),s.emit("change",t)};return e.provide(f,e.reactive(D(S({},e.toRefs(o)),{collapseItemClick:n}))),()=>{var i,t;return e.createVNode("div",{class:[l.b(),a.b()]},[(t=(i=s.slots).default)==null?void 0:t.call(i)])}}});const P={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},$={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};var x="",E=e.defineComponent({name:"DSvgIcon",props:$,setup(o){const{name:s,color:l,size:a}=e.toRefs(o),c=g("svg-icon"),n=e.computed(()=>`#icon-${s.value}`),i=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),t={width:i.value,height:i.value};return()=>e.createVNode("svg",{class:c.b(),style:t},[e.createVNode("use",{"xlink:href":n.value,fill:l.value},null)])}});function z(o){return/^((http|https):)?\/\//.test(o)}function T(o,s){const{component:l,name:a,size:c,color:n,classPrefix:i,rotate:t}=e.toRefs(o),u=g("icon"),p=e.computed(()=>typeof c.value=="number"?`${c.value}px`:c.value),d=l.value?e.resolveDynamicComponent(l.value):e.resolveDynamicComponent(E),m=()=>e.createVNode("img",e.mergeProps({src:a.value,alt:a.value.split("/")[a.value.split("/").length-1],class:[(t==null?void 0:t.value)==="infinite"&&u.m("spin")],style:{width:p.value||"",transform:`rotate(${t==null?void 0:t.value}deg)`}},s.attrs),null),b=()=>e.createVNode(d,e.mergeProps({name:a.value,color:n.value,size:p.value,class:[(t==null?void 0:t.value)==="infinite"&&u.m("spin")],style:{transform:`rotate(${t==null?void 0:t.value}deg)`}},s.attrs),null),B=()=>{const R=/^icon-/.test(a.value)?a.value:`${i.value}-${a.value}`;return e.createVNode("i",e.mergeProps({class:[i.value,R,(t==null?void 0:t.value)==="infinite"&&u.m("spin")],style:{fontSize:p.value,color:n.value,transform:`rotate(${t==null?void 0:t.value}deg)`}},s.attrs),null)};return{iconDom:()=>l.value?b():z(a.value)?m():B()}}var A=e.defineComponent({name:"DIcon",props:P,setup(o,s){const{disabled:l,operable:a}=e.toRefs(o),{iconDom:c}=T(o,s),n=g("icon"),i=e.computed(()=>({[n.e("container")]:!0,[n.m("disabled")]:l.value,[n.m("operable")]:a.value})),t=u=>{u.stopImmediatePropagation(),l.value&&u.preventDefault()};return()=>{var u,p,d,m;return e.createVNode("div",{class:i.value,onClick:t},[(p=(u=s.slots).prefix)==null?void 0:p.call(u),c(),(m=(d=s.slots).suffix)==null?void 0:m.call(d)])}}}),H="";e.defineComponent({name:"DIconGroup",setup(o,s){const l=g("icon-group");return()=>{var a,c;return e.createVNode("div",{class:l.b()},[(c=(a=s.slots).default)==null?void 0:c.call(a)])}}});var h=e.defineComponent({name:"DCollapseItem",props:N,setup(o,s){const l=g("collapse"),a=g("collapse-transition"),c=e.shallowRef(),n=e.inject(f,null),i=e.computed(()=>o.disabled?!1:Array.isArray(n==null?void 0:n.modelValue)?Boolean(n==null?void 0:n.modelValue.length)&&(n==null?void 0:n.modelValue.includes(o.name)):Boolean(n==null?void 0:n.modelValue)&&(n==null?void 0:n.modelValue)===o.name),t=d=>{d.preventDefault(),d.stopPropagation(),o.disabled||n==null||n.collapseItemClick(o.name)};e.onMounted(()=>{if(c.value){const d=c.value;i.value&&(d.style.height=`${d.offsetHeight}px`)}});const u=d=>{const m=d;m.style.height="";const b=m.offsetHeight;m.style.height="0px",m.offsetHeight,m.style.height=`${b}px`},p=d=>{const m=d;m.style.height="0px"};return()=>e.createVNode("div",{class:l.e("item")},[e.createVNode("div",{class:[l.e("item-title"),l.m("overflow-ellipsis"),i.value&&l.m("open"),o.disabled&&l.em("item","disabled")],onClick:t},[s.slots.title?s.slots.title():o.title,e.createVNode("span",{class:l.e("open-icon")},[e.createVNode(A,{name:"select-arrow",size:"16px"},null)])]),e.createVNode(e.Transition,{name:a.b(),onEnter:u,onLeave:p},{default:()=>{var d,m;return[i.value&&e.createVNode("div",{ref:c,class:l.e("item-content")},[(m=(d=s.slots).default)==null?void 0:m.call(d)])]}})])}}),_={title:"Collapse \u6298\u53E0\u9762\u677F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(o){o.component(y.name,y),o.component(h.name,h)}};r.Collapse=y,r.CollapseItem=h,r.collapseItemProps=N,r.collapseProps=C,r.default=_,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

package/{anchor → collapse}/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "anchor",
+  "name": "collapse",
   "version": "0.0.0",
   "main": "index.umd.js",
   "module": "index.es.js",

package/collapse/style.css

@@ -0,0 +1 @@
+@charset "UTF-8";.devui-collapse{font-size:var(--devui-font-size, 14px);background:var(--devui-base-bg, #ffffff);width:100%;overflow-y:auto;box-shadow:var(--devui-shadow-length-base, 0 1px 4px 0) var(--devui-shadow, rgba(37, 43, 58, .2))}:host{display:block}.devui-collapse__item .devui-collapse--overflow-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.devui-collapse__item-title{display:block;height:45px;width:100%;padding:0 28px 0 20px;font-weight:400;line-height:45px;color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);cursor:pointer}.devui-collapse__item-title.devui-collapse__item--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-collapse__item-title:not(.devui-collapse__item--disabled):hover{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-collapse__item>.devui-collapse__item-title{position:relative}.devui-collapse__item>.devui-collapse__item-title>.devui-collapse__open-icon{display:inline-block;text-indent:0;pointer-events:none;position:absolute;right:10px;top:14px;width:16px;height:16px;line-height:16px;transition:transform ease-out .4s}.devui-collapse__item>.devui-collapse__item-title.devui-collapse--open>.devui-collapse__open-icon{transform:rotate(180deg);transform-origin:center}.devui-collapse__item-content{padding:0 12px 0 20px;line-height:1.5;color:var(--devui-text-weak, #575d6c)}.devui-collapse-transition-leave-active{transition:all .4s ease-in-out;animation:panelUpOut .4s ease-in-out;animation-fill-mode:both}.devui-collapse-transition-enter-active{transition:all .4s ease-in-out;animation:panelUpIn .4s ease-in-out;animation-fill-mode:both}@keyframes panelUpOut{0%{transform:scaleY(1);transform-origin:0% 0%;opacity:1}to{transform:scaleY(0);transform-origin:0% 0%;opacity:0}}@keyframes panelUpIn{0%{transform:scaleY(0);transform-origin:0% 0%;opacity:0}to{transform:scaleY(1);transform-origin:0% 0%;opacity:1}}.devui-icon__container{display:inline-flex;align-items:center;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 4px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{display:inline-flex;align-items:center}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){padding:8px;margin-left:0}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>*:not(:first-child){margin-left:0}

package/countdown/index.es.js

@@ -23,7 +23,6 @@ const countdownProps = {
     }
   }
 };
-var countdown = "";
 const getFormatTime = (leftTime) => {
   const timeformat = /* @__PURE__ */ new Map([["Y", 0], ["M", 0], ["D", 0], ["H", 0], ["m", 0], ["s", 0], ["S", 0]]);
   const year = Math.floor(leftTime / (365 * 24 * 60 * 60 * 1e3));
@@ -96,6 +95,7 @@ const numFormat = (n, len) => {
     return str + n;
   }
 };
+var countdown = "";
 var Countdown = defineComponent({
   name: "DCountdown",
   props: countdownProps,
@@ -130,8 +130,9 @@ var Countdown = defineComponent({
     };
     const startTime = () => {
       getTime();
-      if (countdown2.value)
+      if (countdown2.value) {
         return;
+      }
       countdown2.value = setInterval(() => {
         const t = getTime();
         if (t === 0) {
@@ -162,15 +163,12 @@ var Countdown = defineComponent({
     };
   }
 });
-Countdown.install = function(app) {
-  app.component(Countdown.name, Countdown);
-};
 var index = {
   title: "Countdown \u5012\u8BA1\u65F6",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Countdown);
+    app.component(Countdown.name, Countdown);
   }
 };
-export { Countdown, index as default };
+export { Countdown, countdownProps, index as default };

package/countdown/index.umd.js

@@ -1 +1 @@
-(function(r,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(r=typeof globalThis!="undefined"?globalThis:r||self,a(r.index={},r.Vue))})(this,function(r,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}};var T="";const M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),u=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),f=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",u),t.set("m",h),t.set("s",f),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const u of n.keys())e.has(u)?(n.set(u,t.get(u)+o),o=0):o+=t.get(u)*s.get(u);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let u=0;u<s;u++)o+="0";return o+e}};var l=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),u=a.ref(""),h=c=>{const i=new Set(["Y","M","D","H","m","s","S"]),m=o.reduce((d,g)=>i.has(g.k)?d+D(c.get(g.k),g.n):d+g.k,"");u.value=m},f=()=>{const c=new Date(e.value).getTime(),i=c>new Date().getTime()?c-new Date().getTime():0,m=M(i),d=p(s,m);return!t.slots.default&&h(d),t.emit("onChange",{leftTime:i,formatTime:m,legalTime:d}),i},S=()=>{f(),!n.value&&(n.value=setInterval(()=>{f()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[u.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}});l.install=function(e){e.component(l.name,l)};var H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.use(l)}};r.Countdown=l,r.default=H,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});
+(function(u,a){typeof exports=="object"&&typeof module!="undefined"?a(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],a):(u=typeof globalThis!="undefined"?globalThis:u||self,a(u.index={},u.Vue))})(this,function(u,a){"use strict";const w={value:{type:Number,required:!0},format:{type:String,default:"HH:mm:ss"},prefix:{type:String,default:""},suffix:{type:String,default:""},valueStyle:{type:Object,default:()=>({})}},M=e=>{const t=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),n=Math.floor(e/(365*24*60*60*1e3)),s=Math.floor(e/(30*24*60*60*1e3)%12),o=Math.floor(e/(24*60*60*1e3)%30),r=Math.floor(e/(60*60*1e3)%24),h=Math.floor(e/(60*1e3)%60),d=Math.floor(e/1e3%60),S=e%1e3;return t.set("Y",n),t.set("M",s),t.set("D",o),t.set("H",r),t.set("m",h),t.set("s",d),t.set("S",S),t},p=(e,t)=>{const n=new Map([["Y",0],["M",0],["D",0],["H",0],["m",0],["s",0],["S",0]]),s=new Map([["Y",12],["M",30],["D",24],["H",60],["m",60],["s",1e3],["S",1]]);let o=0;for(const r of n.keys())e.has(r)?(n.set(r,t.get(r)+o),o=0):o+=t.get(r)*s.get(r);return!e.has("S")&&t.get("S")>500&&n.set("s",n.get("s")+1),n},y=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=[];for(let s=0;s<e.length;s++){const o=e[s];n.length===0||n[n.length-1].k!==o||!t.has(o)?n.push({k:o,n:1}):n[n.length-1].n++}return n},v=e=>{const t=new Set(["Y","M","D","H","m","s","S"]),n=new Set;for(let s=0;s<e.length;s++){const o=e[s];t.has(o)&&n.add(o)}return n},D=(e,t)=>{const n=10**t-1;if(e>=n)return e;{const s=t-e.toString().length;let o="";for(let r=0;r<s;r++)o+="0";return o+e}};var T="",g=a.defineComponent({name:"DCountdown",props:w,emits:["onChange","onFinish"],setup(e,t){const n=a.ref(),s=v(e.format),o=y(e.format),r=a.ref(""),h=c=>{const l=new Set(["Y","M","D","H","m","s","S"]),f=o.reduce((i,m)=>l.has(m.k)?i+D(c.get(m.k),m.n):i+m.k,"");r.value=f},d=()=>{const c=new Date(e.value).getTime(),l=c>new Date().getTime()?c-new Date().getTime():0,f=M(l),i=p(s,f);return!t.slots.default&&h(i),t.emit("onChange",{leftTime:l,formatTime:f,legalTime:i}),l},S=()=>{d(),!n.value&&(n.value=setInterval(()=>{d()===0&&(t.emit("onFinish"),clearInterval(n.value))},s.has("S")?100:1e3))};return a.onMounted(()=>{S()}),a.onUnmounted(()=>{clearInterval(n.value)}),()=>a.createVNode("div",{class:"devui-countdown"},[t.slots.default?t.slots.default():a.createVNode("div",{class:"countdown-content",style:e.valueStyle},[a.createVNode("span",{class:"countdown-prefix"},[e.prefix]),a.createVNode("span",{class:"countdown-value"},[r.value]),a.createVNode("span",{class:"countdown-suffix"},[e.suffix])])])}}),H={title:"Countdown \u5012\u8BA1\u65F6",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(e){e.component(g.name,g)}};u.Countdown=g,u.countdownProps=w,u.default=H,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});