vue-devui 1.0.0-beta.1 → 1.0.0-beta.10

package/splitter/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/splitter/index.es.js

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { defineComponent, inject, reactive, ref, onMounted, watch, computed, withDirectives, createVNode, provide, nextTick, resolveComponent, onUpdated } from "vue";
+import { defineComponent, inject, reactive, ref, watch, computed, onMounted, withDirectives, createVNode, provide, onUnmounted, resolveComponent, onUpdated } from "vue";
 const splitterProps = {
   orientation: {
     type: String,
@@ -141,28 +141,26 @@ var DSplitterBar = defineComponent({
       wrapperClass: `devui-splitter-bar devui-splitter-bar-${props.orientation}`
     });
     const domRef = ref();
-    onMounted(() => {
-      watch([() => props.splitBarSize, domRef], ([curSplitBarSize, ele]) => {
-        if (!(ele instanceof HTMLElement)) {
-          return;
-        }
+    watch([() => props.splitBarSize, domRef], ([curSplitBarSize, ele]) => {
+      if (!(ele instanceof HTMLElement)) {
+        return;
+      }
+      setStyle(ele, {
+        flexBasis: curSplitBarSize
+      });
+    }, {
+      immediate: true
+    });
+    watch([() => store.state.panes, domRef], ([panes, ele]) => {
+      if (!store.isStaticBar(props.index)) {
+        state.wrapperClass += " resizable";
+      } else {
         setStyle(ele, {
-          flexBasis: curSplitBarSize
+          flexBasis: props.disabledBarSize
         });
-      }, {
-        immediate: true
-      });
-      watch([() => store.state.panes, domRef], ([panes, ele]) => {
-        if (!store.isStaticBar(props.index)) {
-          state.wrapperClass += " resizable";
-        } else {
-          setStyle(ele, {
-            flexBasis: props.disabledBarSize
-          });
-        }
-      }, {
-        deep: true
-      });
+      }
+    }, {
+      deep: true
     });
     const coordinate = {
       pageX: 0,
@@ -427,21 +425,32 @@ var Splitter = defineComponent({
     store.setPanes({
       panes: state.panes
     });
-    const domRef = ref();
     provide("orientation", props.orientation);
     provide("splitterStore", store);
-    onMounted(() => {
-      nextTick(() => {
-        let containerSize = 0;
-        if (props.orientation === "vertical") {
-          containerSize = domRef.value.clientHeight;
-        } else {
-          containerSize = domRef.value.clientWidth;
-        }
-        store.setSplitter({
-          containerSize
-        });
+    const domRef = ref();
+    const refreshSplitterContainerSize = () => {
+      if (!domRef)
+        return;
+      let containerSize = 0;
+      if (props.orientation === "vertical") {
+        containerSize = domRef.value.clientHeight;
+      } else {
+        containerSize = domRef.value.clientWidth;
+      }
+      store.setSplitter({
+        containerSize
       });
+    };
+    const observer = new ResizeObserver(refreshSplitterContainerSize);
+    watch(domRef, (ele) => {
+      if (!ele) {
+        return;
+      }
+      refreshSplitterContainerSize();
+      observer.observe(domRef.value);
+    });
+    onUnmounted(() => {
+      observer.disconnect();
     });
     return () => {
       const {
@@ -512,7 +521,32 @@ var SplitterPane = defineComponent({
   }) {
     const store = inject("splitterStore");
     const domRef = ref();
-    const order = ref();
+    const orderRef = ref();
+    watch([orderRef, domRef], ([order, ele]) => {
+      if (!ele) {
+        return;
+      }
+      setStyle(ele, {
+        order
+      });
+    });
+    const setSizeStyle = (curSize, ele) => {
+      if (!ele) {
+        return;
+      }
+      ele.style.flexBasis = curSize;
+      const paneFixedClass = "devui-splitter-pane-fixed";
+      if (curSize) {
+        addClass(ele, paneFixedClass);
+      } else {
+        removeClass(ele, paneFixedClass);
+      }
+    };
+    watch([() => props.size, domRef], ([size, ele]) => {
+      setSizeStyle(size, ele);
+    }, {
+      immediate: true
+    });
     const orientation = inject("orientation");
     let initialSize = "";
     onMounted(() => {
@@ -527,70 +561,54 @@ var SplitterPane = defineComponent({
       });
     });
     const getPaneSize = () => {
-      const el = domRef == null ? void 0 : domRef.value;
+      const ele = domRef.value;
+      if (!ele) {
+        return;
+      }
       if (orientation === "vertical") {
-        return el.offsetHeight;
+        return ele.offsetHeight;
       } else {
-        return el.offsetWidth;
+        return ele.offsetWidth;
       }
     };
-    onMounted(() => {
-      watch([order, domRef], ([order2, dom]) => {
-        if (!(dom instanceof HTMLElement)) {
-          return;
-        }
-        setStyle(dom, {
-          order: order2
+    watch(() => props.collapsed, (collapsed) => {
+      const ele = domRef.value;
+      if (!ele) {
+        return;
+      }
+      const paneHiddenClass = "devui-splitter-pane-hidden";
+      if (!collapsed) {
+        removeClass(ele, paneHiddenClass);
+      } else {
+        addClass(ele, paneHiddenClass);
+      }
+      if (collapsed && props.shrink) {
+        removeClass(ele, paneHiddenClass);
+        setStyle(ele, {
+          flexBasis: `${props.shrinkWidth}px`
         });
-      });
-      watch(() => props.size, (curSize) => {
-        const ele = domRef.value;
-        ele.style.flexBasis = curSize;
-        const paneFixedClass = "devui-splitter-pane-fixed";
-        if (curSize) {
-          addClass(ele, paneFixedClass);
-        } else {
-          removeClass(ele, paneFixedClass);
-        }
-      }, {
-        immediate: true
-      });
-      watch(() => props.collapsed, (collapsed) => {
-        const paneHiddenClass = "devui-splitter-pane-hidden";
-        nextTick(() => {
-          const el = domRef.value;
-          if (!collapsed) {
-            removeClass(el, paneHiddenClass);
-          } else {
-            addClass(el, paneHiddenClass);
-          }
-          if (collapsed && props.shrink) {
-            removeClass(el, paneHiddenClass);
-            setStyle(el, {
-              flexBasis: `${props.shrinkWidth}px`
-            });
-          } else {
-            setStyle(el, {
-              flexBasis: initialSize
-            });
-          }
+      } else {
+        setStyle(ele, {
+          flexBasis: initialSize
         });
-      }, {
-        immediate: true
-      });
+      }
+    }, {
+      immediate: true
     });
     const toggleNearPaneFlexGrow = (collapsed) => {
-      nextTick(() => {
-        const flexGrowClass = "devui-splitter-pane-grow";
-        if (hasClass(domRef.value, flexGrowClass)) {
-          removeClass(domRef.value, flexGrowClass);
-        } else if (collapsed) {
-          addClass(domRef.value, flexGrowClass);
-        }
-      });
+      const ele = domRef.value;
+      if (!(ele instanceof HTMLElement)) {
+        return;
+      }
+      const flexGrowClass = "devui-splitter-pane-grow";
+      if (hasClass(ele, flexGrowClass)) {
+        removeClass(ele, flexGrowClass);
+      } else if (collapsed) {
+        addClass(ele, flexGrowClass);
+      }
     };
     expose({
-      order,
+      order: orderRef,
       getPaneSize,
       toggleNearPaneFlexGrow
     });
@@ -610,7 +628,7 @@ Splitter.install = function(app) {
 var index = {
   title: "Splitter \u5206\u5272\u5668",
   category: "\u5E03\u5C40",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Splitter);
   }

package/splitter/index.umd.js

@@ -1 +1 @@
-var _=Object.defineProperty;var K=(m,s,P)=>s in m?_(m,s,{enumerable:!0,configurable:!0,writable:!0,value:P}):m[s]=P;var V=(m,s,P)=>(K(m,typeof s!="symbol"?s+"":s,P),P);(function(m,s){typeof exports=="object"&&typeof module!="undefined"?s(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],s):(m=typeof globalThis!="undefined"?globalThis:m||self,s(m.index={},m.Vue))})(this,function(m,s){"use strict";const P={orientation:{type:String,default:"horizontal"},splitBarSize:{type:String,default:"2px"},disabledBarSize:{type:String,default:"1px"},showCollapseButton:{type:Boolean,default:!0}};function y(t,e){const i={},o=Object.keys(e);return o.forEach(n=>{i[n]=t.style[n]}),o.forEach(n=>{t.style[n]=e[n]}),i}function M(t,e){return t.classList?t.classList.contains(e):` ${t.className} `.indexOf(` ${e} `)>-1}function B(t,e){t.classList?t.classList.add(e):M(t,e)||(t.className=`${t.className} ${e}`)}function b(t,e){if(t.classList)t.classList.remove(e);else if(M(t,e)){const i=t.className;t.className=` ${i} `.replace(` ${e} `," ")}}const j={mounted(t,{value:e}){t.$value=e,e.enableResize&&F(t)},unmounted(t,{value:e}){e.enableResize&&$(t,"mousedown",D)}};function F(t){N(t,"mousedown",D)}function N(t,e,i){t.addEventListener&&t.addEventListener(e,i)}function $(t,e,i){t.removeEventListener&&t.removeEventListener(e,i)}function D(t){var n;const e=(n=t==null?void 0:t.target)==null?void 0:n.$value;if(!e)return;N(document,"mousemove",i),N(document,"mouseup",o),e.onPressEvent(E(t));function i(l){e.onDragEvent(E(l))}function o(l){$(document,"mousemove",i),$(document,"mouseup",o),e.onReleaseEvent(E(l))}}function E(t){return{pageX:t.pageX,pageY:t.pageY,clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,type:t.type,originalEvent:t}}var U="";const H={index:{type:Number},orientation:{type:String,required:!0},splitBarSize:{type:String,required:!0},disabledBarSize:{type:String,default:"1px"},showCollapseButton:{type:Boolean}};var q=s.defineComponent({name:"DSplitterBar",props:H,setup(t){const e=s.inject("splitterStore"),i=s.reactive({wrapperClass:`devui-splitter-bar devui-splitter-bar-${t.orientation}`}),o=s.ref();s.onMounted(()=>{s.watch([()=>t.splitBarSize,o],([a,r])=>{r instanceof HTMLElement&&y(r,{flexBasis:a})},{immediate:!0}),s.watch([()=>e.state.panes,o],([a,r])=>{e.isStaticBar(t.index)?y(r,{flexBasis:t.disabledBarSize}):i.wrapperClass+=" resizable"},{deep:!0})});const n={pageX:0,pageY:0,originalX:0,originalY:0};let l;const f={enableResize:!0,onPressEvent:function({originalEvent:a}){a.stopPropagation(),!!e.isResizable(t.index)&&(l=e.dragState(t.index),n.originalX=a.pageX,n.originalY=a.pageY)},onDragEvent:function({originalEvent:a}){if(a.stopPropagation(),!e.isResizable(t.index))return;n.pageX=a.pageX,n.pageY=a.pageY;let r;t.orientation==="vertical"?r=n.pageY-n.originalY:r=n.pageX-n.originalX,e.setSize(l,r)},onReleaseEvent:function({originalEvent:a}){if(a.stopPropagation(),!e.isResizable(t.index))return;n.pageX=a.pageX,n.pageY=a.pageY;let r;t.orientation==="vertical"?r=n.pageY-n.originalY:r=n.pageX-n.originalX,e.setSize(l,r)}},u=(a,r)=>{const z=e.getPane(a),g=e.getPane(r);return{pane:z,nearPane:g}},h=(a,r,z)=>{var w,R,k,T;const g=((R=(w=a==null?void 0:a.component)==null?void 0:w.props)==null?void 0:R.collapsible)&&z,x=(T=(k=a==null?void 0:a.component)==null?void 0:k.props)==null?void 0:T.collapsed,Y=r.collapsed;return{"devui-collapse":g,collapsed:x,hidden:Y}},S=s.computed(()=>{var g,x;const{pane:a,nearPane:r}=u(t.index,t.index+1),z=((x=(g=a==null?void 0:a.component)==null?void 0:g.props)==null?void 0:x.collapseDirection)!=="after"||t.index===0;return h(a,r,z)}),c=s.computed(()=>{var g,x;const{pane:a,nearPane:r}=u(t.index+1,t.index),z=((x=(g=a==null?void 0:a.component)==null?void 0:g.props)==null?void 0:x.collapseDirection)!=="before"||t.index+1===e.state.paneCount-1;return h(a,r,z)}),p=()=>{var g,x,Y,w;const{pane:a,nearPane:r}=u(t.index,t.index+1);((x=(g=a==null?void 0:a.component)==null?void 0:g.props)==null?void 0:x.collapsed)||((w=(Y=r==null?void 0:r.component)==null?void 0:Y.props)==null?void 0:w.collapsed)?B(o.value,"none-resizable"):b(o.value,"none-resizable")},d=a=>{e.tooglePane(t.index,t.index+1,a),p()},C=a=>{e.tooglePane(t.index+1,t.index,a),p()},X=()=>{d(!0),C(!0)};return s.onMounted(()=>{X()}),()=>s.withDirectives(s.createVNode("div",{class:i.wrapperClass,ref:o},[t.showCollapseButton?s.createVNode("div",{class:["prev",S.value],onClick:()=>{d()}},null):null,s.createVNode("div",{class:"devui-resize-handle"},null),t.showCollapseButton?s.createVNode("div",{class:["next",c.value],onClick:()=>C()},null):null]),[[j,f]])}});class G{constructor(){V(this,"state");this.state=s.reactive({panes:[],splitterContainerSize:0,paneCount:0})}setPanes({panes:e}){this.state.panes=e.map((i,o)=>{var n;return i.component&&(i.component.exposed.order.value=o*2),i.getPaneSize=(n=i==null?void 0:i.component)==null?void 0:n.exposed.getPaneSize,i}),this.state.paneCount=e.length}setSplitter({containerSize:e}){this.state.splitterContainerSize=e}getPane(e){if(!this.state.panes||e<0||e>=this.state.panes.length)throw new Error("no pane can return.");return this.state.panes[e]}dragState(e){const i=this.getPane(e),o=this.getPane(e+1),n=i.getPaneSize()+o.getPaneSize();return{prev:{index:e,initialSize:i.getPaneSize(),minSize:this.toPixels(i.component.props.minSize)||n-this.toPixels(o.component.props.maxSize)||0,maxSize:this.toPixels(i.component.props.maxSize)||n-this.toPixels(o.component.props.minSize)||n},next:{index:e+1,initialSize:o.getPaneSize(),minSize:this.toPixels(o.component.props.minSize)||n-this.toPixels(i.component.props.maxSize)||0,maxSize:this.toPixels(o.component.props.maxSize)||n-this.toPixels(i.component.props.minSize)||n}}}clamp(e,i,o){return Math.min(i,Math.max(e,o))}resize(e,i){const o=this.getPane(e.index),n=this.state.splitterContainerSize,l=this.clamp(e.minSize,e.maxSize,e.initialSize+i);let f="";this.isPercent(o.component.props.size)?f=l/n*100+"%":f=l+"px",o.component.props.size=f,o.component.emit("sizeChange",f)}isResizable(e){var l,f,u,h,S,c,p,d;const i=this.getPane(e),o=this.getPane(e+1),n=((f=(l=i==null?void 0:i.component)==null?void 0:l.props)==null?void 0:f.collapsed)||((h=(u=o==null?void 0:o.component)==null?void 0:u.props)==null?void 0:h.collapsed);return((c=(S=i==null?void 0:i.component)==null?void 0:S.props)==null?void 0:c.resizable)&&((d=(p=o==null?void 0:o.component)==null?void 0:p.props)==null?void 0:d.resizable)&&!n}isStaticBar(e){var n,l,f,u;const i=this.getPane(e),o=this.getPane(e+1);return!(((l=(n=i==null?void 0:i.component)==null?void 0:n.props)==null?void 0:l.resizable)&&((u=(f=o==null?void 0:o.component)==null?void 0:f.props)==null?void 0:u.resizable))}isPercent(e){return/%$/.test(e)}toPixels(e){let i=parseFloat(e);return this.isPercent(e)&&(i=this.state.splitterContainerSize*i/100),i}tooglePane(e,i,o){var f,u,h,S,c,p,d,C,X,a,r,z,g;const n=this.getPane(e),l=this.getPane(i);((u=(f=n==null?void 0:n.component)==null?void 0:f.props)==null?void 0:u.collapsible)&&(n.component.props.collapsed=o?(S=(h=n==null?void 0:n.component)==null?void 0:h.props)==null?void 0:S.collapsed:!((p=(c=n==null?void 0:n.component)==null?void 0:c.props)==null?void 0:p.collapsed),(a=(d=l==null?void 0:l.component)==null?void 0:d.exposed)==null||a.toggleNearPaneFlexGrow((X=(C=n==null?void 0:n.component)==null?void 0:C.props)==null?void 0:X.collapsed),(g=n==null?void 0:n.component)==null||g.emit("collapsedChange",(z=(r=n==null?void 0:n.component)==null?void 0:r.props)==null?void 0:z.collapsed))}setSize(e,i){const o=this.getPane(e.prev.index),n=this.getPane(e.next.index);o.component.props.size&&n.component.props.size?(this.resize(e.prev,i),this.resize(e.next,-i)):n.component.props.size?this.resize(e.next,-i):this.resize(e.prev,i)}}var A="",v=s.defineComponent({name:"DSplitter",components:{DSplitterBar:q},props:P,emits:[],setup(t,e){var l,f;const i=new G,o=s.reactive({panes:[]});o.panes=((f=(l=e.slots).DSplitterPane)==null?void 0:f.call(l))||[],i.setPanes({panes:o.panes});const n=s.ref();return s.provide("orientation",t.orientation),s.provide("splitterStore",i),s.onMounted(()=>{s.nextTick(()=>{let u=0;t.orientation==="vertical"?u=n.value.clientHeight:u=n.value.clientWidth,i.setSplitter({containerSize:u})})}),()=>{const{splitBarSize:u,orientation:h,showCollapseButton:S}=t,c=["devui-splitter",`devui-splitter-${h}`];return s.createVNode("div",{class:c,ref:n},[o.panes,o.panes.filter((p,d,C)=>d!==C.length-1).map((p,d)=>s.createVNode(s.resolveComponent("d-splitter-bar"),{key:d,style:`order: ${d*2+1}`,splitBarSize:u,orientation:h,index:d,showCollapseButton:S},null))])}}});const W={size:{type:String},minSize:{type:String},maxSize:{type:String},resizable:{type:Boolean,default:!0},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},collapseDirection:{type:String,default:"both"},shrink:{type:Boolean,default:!1},shrinkWidth:{type:Number,default:36}};var J="",L=s.defineComponent({name:"DSplitterPane",props:W,emits:["sizeChange","collapsedChange"],setup(t,{slots:e,expose:i}){const o=s.inject("splitterStore"),n=s.ref(),l=s.ref(),f=s.inject("orientation");let u="";s.onMounted(()=>{u=t.size,o.setPanes({panes:o.state.panes})}),s.onUpdated(()=>{o.setPanes({panes:o.state.panes})});const h=()=>{const c=n==null?void 0:n.value;return f==="vertical"?c.offsetHeight:c.offsetWidth};return s.onMounted(()=>{s.watch([l,n],([c,p])=>{p instanceof HTMLElement&&y(p,{order:c})}),s.watch(()=>t.size,c=>{const p=n.value;p.style.flexBasis=c;const d="devui-splitter-pane-fixed";c?B(p,d):b(p,d)},{immediate:!0}),s.watch(()=>t.collapsed,c=>{const p="devui-splitter-pane-hidden";s.nextTick(()=>{const d=n.value;c?B(d,p):b(d,p),c&&t.shrink?(b(d,p),y(d,{flexBasis:`${t.shrinkWidth}px`})):y(d,{flexBasis:u})})},{immediate:!0})}),i({order:l,getPaneSize:h,toggleNearPaneFlexGrow:c=>{s.nextTick(()=>{const p="devui-splitter-pane-grow";M(n.value,p)?b(n.value,p):c&&B(n.value,p)})}}),()=>{var c;return s.createVNode("div",{class:"devui-splitter-pane",ref:n},[(c=e.default)==null?void 0:c.call(e)])}}});v.install=function(t){t.component(v.name,v),t.component(L.name,L)};var O={title:"Splitter \u5206\u5272\u5668",category:"\u5E03\u5C40",status:"\u5DF2\u5B8C\u6210",install(t){t.use(v)}};m.Splitter=v,m.default=O,Object.defineProperty(m,"__esModule",{value:!0}),m[Symbol.toStringTag]="Module"});
+var U=Object.defineProperty;var _=(g,o,v)=>o in g?U(g,o,{enumerable:!0,configurable:!0,writable:!0,value:v}):g[o]=v;var k=(g,o,v)=>(_(g,typeof o!="symbol"?o+"":o,v),v);(function(g,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(g=typeof globalThis!="undefined"?globalThis:g||self,o(g.index={},g.Vue))})(this,function(g,o){"use strict";const v={orientation:{type:String,default:"horizontal"},splitBarSize:{type:String,default:"2px"},disabledBarSize:{type:String,default:"1px"},showCollapseButton:{type:Boolean,default:!0}};function b(t,e){const i={},s=Object.keys(e);return s.forEach(n=>{i[n]=t.style[n]}),s.forEach(n=>{t.style[n]=e[n]}),i}function R(t,e){return t.classList?t.classList.contains(e):` ${t.className} `.indexOf(` ${e} `)>-1}function X(t,e){t.classList?t.classList.add(e):R(t,e)||(t.className=`${t.className} ${e}`)}function y(t,e){if(t.classList)t.classList.remove(e);else if(R(t,e)){const i=t.className;t.className=` ${i} `.replace(` ${e} `," ")}}const F={mounted(t,{value:e}){t.$value=e,e.enableResize&&H(t)},unmounted(t,{value:e}){e.enableResize&&$(t,"mousedown",L)}};function H(t){N(t,"mousedown",L)}function N(t,e,i){t.addEventListener&&t.addEventListener(e,i)}function $(t,e,i){t.removeEventListener&&t.removeEventListener(e,i)}function L(t){var n;const e=(n=t==null?void 0:t.target)==null?void 0:n.$value;if(!e)return;N(document,"mousemove",i),N(document,"mouseup",s),e.onPressEvent(E(t));function i(p){e.onDragEvent(E(p))}function s(p){$(document,"mousemove",i),$(document,"mouseup",s),e.onReleaseEvent(E(p))}}function E(t){return{pageX:t.pageX,pageY:t.pageY,clientX:t.clientX,clientY:t.clientY,offsetX:t.offsetX,offsetY:t.offsetY,type:t.type,originalEvent:t}}var K="";const T={index:{type:Number},orientation:{type:String,required:!0},splitBarSize:{type:String,required:!0},disabledBarSize:{type:String,default:"1px"},showCollapseButton:{type:Boolean}};var q=o.defineComponent({name:"DSplitterBar",props:T,setup(t){const e=o.inject("splitterStore"),i=o.reactive({wrapperClass:`devui-splitter-bar devui-splitter-bar-${t.orientation}`}),s=o.ref();o.watch([()=>t.splitBarSize,s],([a,c])=>{c instanceof HTMLElement&&b(c,{flexBasis:a})},{immediate:!0}),o.watch([()=>e.state.panes,s],([a,c])=>{e.isStaticBar(t.index)?b(c,{flexBasis:t.disabledBarSize}):i.wrapperClass+=" resizable"},{deep:!0});const n={pageX:0,pageY:0,originalX:0,originalY:0};let p;const d={enableResize:!0,onPressEvent:function({originalEvent:a}){a.stopPropagation(),!!e.isResizable(t.index)&&(p=e.dragState(t.index),n.originalX=a.pageX,n.originalY=a.pageY)},onDragEvent:function({originalEvent:a}){if(a.stopPropagation(),!e.isResizable(t.index))return;n.pageX=a.pageX,n.pageY=a.pageY;let c;t.orientation==="vertical"?c=n.pageY-n.originalY:c=n.pageX-n.originalX,e.setSize(p,c)},onReleaseEvent:function({originalEvent:a}){if(a.stopPropagation(),!e.isResizable(t.index))return;n.pageX=a.pageX,n.pageY=a.pageY;let c;t.orientation==="vertical"?c=n.pageY-n.originalY:c=n.pageX-n.originalX,e.setSize(p,c)}},f=(a,c)=>{const x=e.getPane(a),h=e.getPane(c);return{pane:x,nearPane:h}},z=(a,c,x)=>{var B,M,V,j;const h=((M=(B=a==null?void 0:a.component)==null?void 0:B.props)==null?void 0:M.collapsible)&&x,C=(j=(V=a==null?void 0:a.component)==null?void 0:V.props)==null?void 0:j.collapsed,Y=c.collapsed;return{"devui-collapse":h,collapsed:C,hidden:Y}},m=o.computed(()=>{var h,C;const{pane:a,nearPane:c}=f(t.index,t.index+1),x=((C=(h=a==null?void 0:a.component)==null?void 0:h.props)==null?void 0:C.collapseDirection)!=="after"||t.index===0;return z(a,c,x)}),S=o.computed(()=>{var h,C;const{pane:a,nearPane:c}=f(t.index+1,t.index),x=((C=(h=a==null?void 0:a.component)==null?void 0:h.props)==null?void 0:C.collapseDirection)!=="before"||t.index+1===e.state.paneCount-1;return z(a,c,x)}),l=()=>{var h,C,Y,B;const{pane:a,nearPane:c}=f(t.index,t.index+1);((C=(h=a==null?void 0:a.component)==null?void 0:h.props)==null?void 0:C.collapsed)||((B=(Y=c==null?void 0:c.component)==null?void 0:Y.props)==null?void 0:B.collapsed)?X(s.value,"none-resizable"):y(s.value,"none-resizable")},r=a=>{e.tooglePane(t.index,t.index+1,a),l()},u=a=>{e.tooglePane(t.index+1,t.index,a),l()},P=()=>{r(!0),u(!0)};return o.onMounted(()=>{P()}),()=>o.withDirectives(o.createVNode("div",{class:i.wrapperClass,ref:s},[t.showCollapseButton?o.createVNode("div",{class:["prev",m.value],onClick:()=>{r()}},null):null,o.createVNode("div",{class:"devui-resize-handle"},null),t.showCollapseButton?o.createVNode("div",{class:["next",S.value],onClick:()=>u()},null):null]),[[F,d]])}});class G{constructor(){k(this,"state");this.state=o.reactive({panes:[],splitterContainerSize:0,paneCount:0})}setPanes({panes:e}){this.state.panes=e.map((i,s)=>{var n;return i.component&&(i.component.exposed.order.value=s*2),i.getPaneSize=(n=i==null?void 0:i.component)==null?void 0:n.exposed.getPaneSize,i}),this.state.paneCount=e.length}setSplitter({containerSize:e}){this.state.splitterContainerSize=e}getPane(e){if(!this.state.panes||e<0||e>=this.state.panes.length)throw new Error("no pane can return.");return this.state.panes[e]}dragState(e){const i=this.getPane(e),s=this.getPane(e+1),n=i.getPaneSize()+s.getPaneSize();return{prev:{index:e,initialSize:i.getPaneSize(),minSize:this.toPixels(i.component.props.minSize)||n-this.toPixels(s.component.props.maxSize)||0,maxSize:this.toPixels(i.component.props.maxSize)||n-this.toPixels(s.component.props.minSize)||n},next:{index:e+1,initialSize:s.getPaneSize(),minSize:this.toPixels(s.component.props.minSize)||n-this.toPixels(i.component.props.maxSize)||0,maxSize:this.toPixels(s.component.props.maxSize)||n-this.toPixels(i.component.props.minSize)||n}}}clamp(e,i,s){return Math.min(i,Math.max(e,s))}resize(e,i){const s=this.getPane(e.index),n=this.state.splitterContainerSize,p=this.clamp(e.minSize,e.maxSize,e.initialSize+i);let d="";this.isPercent(s.component.props.size)?d=p/n*100+"%":d=p+"px",s.component.props.size=d,s.component.emit("sizeChange",d)}isResizable(e){var p,d,f,z,m,S,l,r;const i=this.getPane(e),s=this.getPane(e+1),n=((d=(p=i==null?void 0:i.component)==null?void 0:p.props)==null?void 0:d.collapsed)||((z=(f=s==null?void 0:s.component)==null?void 0:f.props)==null?void 0:z.collapsed);return((S=(m=i==null?void 0:i.component)==null?void 0:m.props)==null?void 0:S.resizable)&&((r=(l=s==null?void 0:s.component)==null?void 0:l.props)==null?void 0:r.resizable)&&!n}isStaticBar(e){var n,p,d,f;const i=this.getPane(e),s=this.getPane(e+1);return!(((p=(n=i==null?void 0:i.component)==null?void 0:n.props)==null?void 0:p.resizable)&&((f=(d=s==null?void 0:s.component)==null?void 0:d.props)==null?void 0:f.resizable))}isPercent(e){return/%$/.test(e)}toPixels(e){let i=parseFloat(e);return this.isPercent(e)&&(i=this.state.splitterContainerSize*i/100),i}tooglePane(e,i,s){var d,f,z,m,S,l,r,u,P,a,c,x,h;const n=this.getPane(e),p=this.getPane(i);((f=(d=n==null?void 0:n.component)==null?void 0:d.props)==null?void 0:f.collapsible)&&(n.component.props.collapsed=s?(m=(z=n==null?void 0:n.component)==null?void 0:z.props)==null?void 0:m.collapsed:!((l=(S=n==null?void 0:n.component)==null?void 0:S.props)==null?void 0:l.collapsed),(a=(r=p==null?void 0:p.component)==null?void 0:r.exposed)==null||a.toggleNearPaneFlexGrow((P=(u=n==null?void 0:n.component)==null?void 0:u.props)==null?void 0:P.collapsed),(h=n==null?void 0:n.component)==null||h.emit("collapsedChange",(x=(c=n==null?void 0:n.component)==null?void 0:c.props)==null?void 0:x.collapsed))}setSize(e,i){const s=this.getPane(e.prev.index),n=this.getPane(e.next.index);s.component.props.size&&n.component.props.size?(this.resize(e.prev,i),this.resize(e.next,-i)):n.component.props.size?this.resize(e.next,-i):this.resize(e.prev,i)}}var A="",w=o.defineComponent({name:"DSplitter",components:{DSplitterBar:q},props:v,emits:[],setup(t,e){var f,z;const i=new G,s=o.reactive({panes:[]});s.panes=((z=(f=e.slots).DSplitterPane)==null?void 0:z.call(f))||[],i.setPanes({panes:s.panes}),o.provide("orientation",t.orientation),o.provide("splitterStore",i);const n=o.ref(),p=()=>{if(!n)return;let m=0;t.orientation==="vertical"?m=n.value.clientHeight:m=n.value.clientWidth,i.setSplitter({containerSize:m})},d=new ResizeObserver(p);return o.watch(n,m=>{!m||(p(),d.observe(n.value))}),o.onUnmounted(()=>{d.disconnect()}),()=>{const{splitBarSize:m,orientation:S,showCollapseButton:l}=t,r=["devui-splitter",`devui-splitter-${S}`];return o.createVNode("div",{class:r,ref:n},[s.panes,s.panes.filter((u,P,a)=>P!==a.length-1).map((u,P)=>o.createVNode(o.resolveComponent("d-splitter-bar"),{key:P,style:`order: ${P*2+1}`,splitBarSize:m,orientation:S,index:P,showCollapseButton:l},null))])}}});const O={size:{type:String},minSize:{type:String},maxSize:{type:String},resizable:{type:Boolean,default:!0},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1},collapseDirection:{type:String,default:"both"},shrink:{type:Boolean,default:!1},shrinkWidth:{type:Number,default:36}};var J="",D=o.defineComponent({name:"DSplitterPane",props:O,emits:["sizeChange","collapsedChange"],setup(t,{slots:e,expose:i}){const s=o.inject("splitterStore"),n=o.ref(),p=o.ref();o.watch([p,n],([l,r])=>{!r||b(r,{order:l})});const d=(l,r)=>{if(!r)return;r.style.flexBasis=l;const u="devui-splitter-pane-fixed";l?X(r,u):y(r,u)};o.watch([()=>t.size,n],([l,r])=>{d(l,r)},{immediate:!0});const f=o.inject("orientation");let z="";o.onMounted(()=>{z=t.size,s.setPanes({panes:s.state.panes})}),o.onUpdated(()=>{s.setPanes({panes:s.state.panes})});const m=()=>{const l=n.value;if(!!l)return f==="vertical"?l.offsetHeight:l.offsetWidth};return o.watch(()=>t.collapsed,l=>{const r=n.value;if(!r)return;const u="devui-splitter-pane-hidden";l?X(r,u):y(r,u),l&&t.shrink?(y(r,u),b(r,{flexBasis:`${t.shrinkWidth}px`})):b(r,{flexBasis:z})},{immediate:!0}),i({order:p,getPaneSize:m,toggleNearPaneFlexGrow:l=>{const r=n.value;if(!(r instanceof HTMLElement))return;const u="devui-splitter-pane-grow";R(r,u)?y(r,u):l&&X(r,u)}}),()=>{var l;return o.createVNode("div",{class:"devui-splitter-pane",ref:n},[(l=e.default)==null?void 0:l.call(e)])}}});w.install=function(t){t.component(w.name,w),t.component(D.name,D)};var W={title:"Splitter \u5206\u5272\u5668",category:"\u5E03\u5C40",status:"100%",install(t){t.use(w)}};g.Splitter=w,g.default=W,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});

package/statistic/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/statistic/index.es.js

@@ -0,0 +1,280 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+import { defineComponent, ref, computed, onMounted, watch, createVNode, mergeProps } from "vue";
+const statisticProps = {
+  title: {
+    type: String,
+    default: ""
+  },
+  value: {
+    type: [Number, String]
+  },
+  prefix: {
+    type: String
+  },
+  suffix: {
+    type: String
+  },
+  precision: {
+    type: Number
+  },
+  groupSeparator: {
+    type: String,
+    default: ","
+  },
+  showGroupSeparator: {
+    type: Boolean,
+    default: false
+  },
+  titleStyle: {
+    type: Object
+  },
+  contentStyle: {
+    type: Object
+  },
+  animationDuration: {
+    type: Number,
+    default: 2e3
+  },
+  valueFrom: {
+    type: Number
+  },
+  animation: {
+    type: Boolean,
+    default: false
+  },
+  start: {
+    type: Boolean,
+    default: false
+  },
+  extra: {
+    type: String,
+    default: ""
+  },
+  easing: {
+    type: String,
+    default: "easeOutCubic"
+  },
+  delay: {
+    type: Number,
+    default: 0
+  }
+};
+const separator = (SeparatorString, groupSeparator, showGroupSeparator) => {
+  const res = SeparatorString.replace(/\d+/, function(n) {
+    return n.replace(/(\d)(?=(\d{3})+$)/g, function($1) {
+      return $1 + `${showGroupSeparator ? groupSeparator : ""}`;
+    });
+  });
+  return res;
+};
+const isHasDot = (value) => {
+  if (!isNaN(value)) {
+    return (value + "").indexOf(".") !== -1;
+  }
+};
+const analysisValueType = (value, propsValue, groupSeparator, splitPrecisionNumber, showGroupSeparator) => {
+  const fixedNumber = propsValue.toString().indexOf(".") !== -1 ? propsValue.toString().length - propsValue.toString().indexOf(".") - 1 : 0;
+  if (typeof value === "number") {
+    if (isHasDot(value)) {
+      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator, showGroupSeparator) : separator(value.toFixed(fixedNumber).toString(), groupSeparator, showGroupSeparator);
+    } else {
+      return splitPrecisionNumber ? separator(value.toFixed(splitPrecisionNumber).toString(), groupSeparator, showGroupSeparator) : separator(value.toString(), groupSeparator, showGroupSeparator);
+    }
+  } else {
+    return value;
+  }
+};
+const pow = Math.pow;
+const sqrt = Math.sqrt;
+const easeOutCubic = function(x) {
+  return 1 - pow(1 - x, 3);
+};
+const linear = (x) => x;
+const easeOutExpo = function(x) {
+  return x === 1 ? 1 : 1 - pow(2, -10 * x);
+};
+const easeInOutExpo = function(x) {
+  return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? pow(2, 20 * x - 10) / 2 : (2 - pow(2, -20 * x + 10)) / 2;
+};
+const easeInExpo = function(x) {
+  return x === 0 ? 0 : pow(2, 10 * x - 10);
+};
+const easeInOutCirc = function(x) {
+  return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
+};
+var easing = /* @__PURE__ */ Object.freeze({
+  __proto__: null,
+  [Symbol.toStringTag]: "Module",
+  easeOutCubic,
+  linear,
+  easeOutExpo,
+  easeInOutExpo,
+  easeInExpo,
+  easeInOutCirc
+});
+class Tween {
+  constructor(options) {
+    __publicField(this, "from");
+    __publicField(this, "to");
+    __publicField(this, "duration");
+    __publicField(this, "delay");
+    __publicField(this, "easing");
+    __publicField(this, "onStart");
+    __publicField(this, "onUpdate");
+    __publicField(this, "onFinish");
+    __publicField(this, "startTime");
+    __publicField(this, "started");
+    __publicField(this, "finished");
+    __publicField(this, "timer");
+    __publicField(this, "time");
+    __publicField(this, "elapsed");
+    __publicField(this, "keys");
+    const { from, to, duration, delay, easing: easing2, onStart, onUpdate, onFinish } = options;
+    for (const key in from) {
+      if (to[key] === void 0) {
+        to[key] = from[key];
+      }
+    }
+    for (const key in to) {
+      if (from[key] === void 0) {
+        from[key] = to[key];
+      }
+    }
+    this.from = from;
+    this.to = to;
+    this.duration = duration;
+    this.delay = delay;
+    this.easing = easing2;
+    this.onStart = onStart;
+    this.onUpdate = onUpdate;
+    this.onFinish = onFinish;
+    this.startTime = Date.now() + this.delay;
+    this.started = false;
+    this.finished = false;
+    this.timer = null;
+    this.keys = {};
+  }
+  update() {
+    this.time = Date.now();
+    if (this.time < this.startTime) {
+      return;
+    }
+    if (this.finished) {
+      return;
+    }
+    if (this.elapsed === this.duration) {
+      if (!this.finished) {
+        this.finished = true;
+        this.onFinish && this.onFinish(this.keys);
+      }
+      return;
+    }
+    this.elapsed = this.time - this.startTime;
+    this.elapsed = this.elapsed > this.duration ? this.duration : this.elapsed;
+    for (const key in this.to) {
+      this.keys[key] = this.from[key] + (this.to[key] - this.from[key]) * easing[this.easing](this.elapsed / this.duration);
+    }
+    if (!this.started) {
+      this.onStart && this.onStart(this.keys);
+      this.started = true;
+    }
+    this.onUpdate(this.keys);
+  }
+  start() {
+    this.startTime = Date.now() + this.delay;
+    const tick = () => {
+      this.update();
+      this.timer = requestAnimationFrame(tick);
+      if (this.finished) {
+        cancelAnimationFrame(this.timer);
+        this.timer = null;
+      }
+    };
+    tick();
+  }
+  stop() {
+    cancelAnimationFrame(this.timer);
+    this.timer = null;
+  }
+}
+var statistic = "";
+var Statistic = defineComponent({
+  name: "DStatistic",
+  props: statisticProps,
+  inheritAttrs: false,
+  setup(props, ctx) {
+    var _a;
+    const innerValue = ref((_a = props.valueFrom) != null ? _a : props.value);
+    const tween = ref(null);
+    const animation = (from = ((_b) => (_b = props.valueFrom) != null ? _b : 0)(), to = typeof props.value === "number" ? props.value : Number(props.value)) => {
+      if (from !== to) {
+        tween.value = new Tween({
+          from: {
+            value: from
+          },
+          to: {
+            value: to
+          },
+          delay: props.delay,
+          duration: props.animationDuration,
+          easing: props.easing,
+          onUpdate: (keys) => {
+            innerValue.value = keys.value;
+          },
+          onFinish: () => {
+            innerValue.value = to;
+          }
+        });
+        tween.value.start();
+      }
+    };
+    const statisticValue = computed(() => {
+      return analysisValueType(innerValue.value, props.value, props.groupSeparator, props.precision, props.showGroupSeparator, props.animation);
+    });
+    onMounted(() => {
+      if (props.animation && props.start) {
+        animation();
+      }
+    });
+    watch(() => props.start, (value) => {
+      if (value && !tween.value) {
+        animation();
+      }
+    });
+    return () => {
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      return createVNode("div", mergeProps({
+        "class": "devui-statistic"
+      }, ctx.attrs), [createVNode("div", {
+        "class": "devui-statistic-title",
+        "style": props.titleStyle
+      }, [((_b = (_a2 = ctx.slots).title) == null ? void 0 : _b.call(_a2)) || props.title]), createVNode("div", {
+        "class": "devui-statistic-content",
+        "style": props.contentStyle
+      }, [props.prefix || ((_d = (_c = ctx.slots).prefix) == null ? void 0 : _d.call(_c)) ? createVNode("span", {
+        "class": "devui-statistic-prefix"
+      }, [((_f = (_e = ctx.slots).prefix) == null ? void 0 : _f.call(_e)) || props.prefix]) : null, createVNode("span", {
+        "class": "devui-statistic--value"
+      }, [statisticValue.value]), props.suffix || ((_h = (_g = ctx.slots).suffix) == null ? void 0 : _h.call(_g)) ? createVNode("span", {
+        "class": "devui-statistic-suffix"
+      }, [((_j = (_i = ctx.slots).suffix) == null ? void 0 : _j.call(_i)) || props.suffix]) : null]), ((_l = (_k = ctx.slots).extra) == null ? void 0 : _l.call(_k)) || props.extra]);
+    };
+  }
+});
+Statistic.install = function(app) {
+  app.component(Statistic.name, Statistic);
+};
+var index = {
+  title: "Statistic \u7EDF\u8BA1\u6570\u503C",
+  category: "\u6570\u636E\u5C55\u793A",
+  status: "100%",
+  install(app) {
+    app.use(Statistic);
+  }
+};
+export { Statistic, index as default };

package/statistic/index.umd.js

@@ -0,0 +1 @@
+var q=Object.defineProperty;var B=(a,e,f)=>e in a?q(a,e,{enumerable:!0,configurable:!0,writable:!0,value:f}):a[e]=f;var s=(a,e,f)=>(B(a,typeof e!="symbol"?e+"":e,f),f);(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={title:{type:String,default:""},value:{type:[Number,String]},prefix:{type:String},suffix:{type:String},precision:{type:Number},groupSeparator:{type:String,default:","},showGroupSeparator:{type:Boolean,default:!1},titleStyle:{type:Object},contentStyle:{type:Object},animationDuration:{type:Number,default:2e3},valueFrom:{type:Number},animation:{type:Boolean,default:!1},start:{type:Boolean,default:!1},extra:{type:String,default:""},easing:{type:String,default:"easeOutCubic"},delay:{type:Number,default:0}},g=(t,i,n)=>t.replace(/\d+/,function(u){return u.replace(/(\d)(?=(\d{3})+$)/g,function(h){return h+`${n?i:""}`})}),w=t=>{if(!isNaN(t))return(t+"").indexOf(".")!==-1},C=(t,i,n,r,u)=>{const h=i.toString().indexOf(".")!==-1?i.toString().length-i.toString().indexOf(".")-1:0;return typeof t=="number"?w(t)?g(r?t.toFixed(r).toString():t.toFixed(h).toString(),n,u):g(r?t.toFixed(r).toString():t.toString(),n,u):t},c=Math.pow,v=Math.sqrt,D=function(t){return 1-c(1-t,3)},E=t=>t,V=function(t){return t===1?1:1-c(2,-10*t)},A=function(t){return t===0?0:t===1?1:t<.5?c(2,20*t-10)/2:(2-c(2,-20*t+10))/2},I=function(t){return t===0?0:c(2,10*t-10)},M=function(t){return t<.5?(1-v(1-c(2*t,2)))/2:(v(1-c(-2*t+2,2))+1)/2};var _=Object.freeze({__proto__:null,[Symbol.toStringTag]:"Module",easeOutCubic:D,linear:E,easeOutExpo:V,easeInOutExpo:A,easeInExpo:I,easeInOutCirc:M});class j{constructor(i){s(this,"from");s(this,"to");s(this,"duration");s(this,"delay");s(this,"easing");s(this,"onStart");s(this,"onUpdate");s(this,"onFinish");s(this,"startTime");s(this,"started");s(this,"finished");s(this,"timer");s(this,"time");s(this,"elapsed");s(this,"keys");const{from:n,to:r,duration:u,delay:h,easing:S,onStart:l,onUpdate:d,onFinish:m}=i;for(const o in n)r[o]===void 0&&(r[o]=n[o]);for(const o in r)n[o]===void 0&&(n[o]=r[o]);this.from=n,this.to=r,this.duration=u,this.delay=h,this.easing=S,this.onStart=l,this.onUpdate=d,this.onFinish=m,this.startTime=Date.now()+this.delay,this.started=!1,this.finished=!1,this.timer=null,this.keys={}}update(){if(this.time=Date.now(),!(this.time<this.startTime)&&!this.finished){if(this.elapsed===this.duration){this.finished||(this.finished=!0,this.onFinish&&this.onFinish(this.keys));return}this.elapsed=this.time-this.startTime,this.elapsed=this.elapsed>this.duration?this.duration:this.elapsed;for(const i in this.to)this.keys[i]=this.from[i]+(this.to[i]-this.from[i])*_[this.easing](this.elapsed/this.duration);this.started||(this.onStart&&this.onStart(this.keys),this.started=!0),this.onUpdate(this.keys)}}start(){this.startTime=Date.now()+this.delay;const i=()=>{this.update(),this.timer=requestAnimationFrame(i),this.finished&&(cancelAnimationFrame(this.timer),this.timer=null)};i()}stop(){cancelAnimationFrame(this.timer),this.timer=null}}var $="",y=e.defineComponent({name:"DStatistic",props:f,inheritAttrs:!1,setup(t,i){var S;const n=e.ref((S=t.valueFrom)!=null?S:t.value),r=e.ref(null),u=(l=(m=>(m=t.valueFrom)!=null?m:0)(),d=typeof t.value=="number"?t.value:Number(t.value))=>{l!==d&&(r.value=new j({from:{value:l},to:{value:d},delay:t.delay,duration:t.animationDuration,easing:t.easing,onUpdate:o=>{n.value=o.value},onFinish:()=>{n.value=d}}),r.value.start())},h=e.computed(()=>C(n.value,t.value,t.groupSeparator,t.precision,t.showGroupSeparator,t.animation));return e.onMounted(()=>{t.animation&&t.start&&u()}),e.watch(()=>t.start,l=>{l&&!r.value&&u()}),()=>{var l,d,m,o,x,F,O,b,N,p,T,k;return e.createVNode("div",e.mergeProps({class:"devui-statistic"},i.attrs),[e.createVNode("div",{class:"devui-statistic-title",style:t.titleStyle},[((d=(l=i.slots).title)==null?void 0:d.call(l))||t.title]),e.createVNode("div",{class:"devui-statistic-content",style:t.contentStyle},[t.prefix||((o=(m=i.slots).prefix)==null?void 0:o.call(m))?e.createVNode("span",{class:"devui-statistic-prefix"},[((F=(x=i.slots).prefix)==null?void 0:F.call(x))||t.prefix]):null,e.createVNode("span",{class:"devui-statistic--value"},[h.value]),t.suffix||((b=(O=i.slots).suffix)==null?void 0:b.call(O))?e.createVNode("span",{class:"devui-statistic-suffix"},[((p=(N=i.slots).suffix)==null?void 0:p.call(N))||t.suffix]):null]),((k=(T=i.slots).extra)==null?void 0:k.call(T))||t.extra])}}});y.install=function(t){t.component(y.name,y)};var U={title:"Statistic \u7EDF\u8BA1\u6570\u503C",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.use(y)}};a.Statistic=y,a.default=U,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});

package/statistic/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "statistic",
+  "version": "0.0.0",
+  "main": "index.umd.js",
+  "module": "index.es.js",
+  "style": "style.css"
+}

package/statistic/style.css

@@ -0,0 +1 @@
+.devui-statistic{box-sizing:border-box;margin:0;padding:0;font-size:14px;font-variant:tabular-nums;line-height:1.5715;list-style:none}.devui-statistic-title{margin-bottom:4px;opacity:.7;font-size:14px}.devui-statistic-content{font-size:24px;display:flex;align-items:center;vertical-align:center}.devui-statistic-prefix{margin-right:6px}.devui-statistic-suffix{margin-left:6px}.devui-statistic--value{display:inline-block}

package/status/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/status/index.es.js

@@ -4,7 +4,7 @@ var Status = defineComponent({
   name: "DStatus",
   props: {
     type: {
-      default: "initial",
+      default: "invalid",
       type: String
     }
   },
@@ -34,7 +34,7 @@ Status.install = function(app) {
 var index = {
   title: "Status \u72B6\u6001",
   category: "\u901A\u7528",
-  status: "\u5DF2\u5B8C\u6210",
+  status: "100%",
   install(app) {
     app.use(Status);
   }

package/status/index.umd.js

@@ -1 +1 @@
-(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 l="",u=e.defineComponent({name:"DStatus",props:{type:{default:"initial",type:String}},setup(n,o){const r=e.computed(()=>{const{type:s}=n,i=["success","error","initial","warning","waiting","running","invalid"];let a="devui-status devui-status-bg-invalid";return i.includes(s)&&(a=`devui-status devui-status-bg-${s}`),a});return()=>{var s,i;return e.createVNode("span",{class:r.value},[(i=(s=o.slots).default)==null?void 0:i.call(s)])}}});u.install=function(n){n.component(u.name,u)};var d={title:"Status \u72B6\u6001",category:"\u901A\u7528",status:"\u5DF2\u5B8C\u6210",install(n){n.use(u)}};t.Status=u,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+(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 l="",n=e.defineComponent({name:"DStatus",props:{type:{default:"invalid",type:String}},setup(u,o){const r=e.computed(()=>{const{type:s}=u,i=["success","error","initial","warning","waiting","running","invalid"];let a="devui-status devui-status-bg-invalid";return i.includes(s)&&(a=`devui-status devui-status-bg-${s}`),a});return()=>{var s,i;return e.createVNode("span",{class:r.value},[(i=(s=o.slots).default)==null?void 0:i.call(s)])}}});n.install=function(u){u.component(n.name,n)};var d={title:"Status \u72B6\u6001",category:"\u901A\u7528",status:"100%",install(u){u.use(n)}};t.Status=n,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/steps-guide/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;