vue-devui 1.0.0-rc.3 → 1.0.0-rc.4

package/read-tip/index.es.js

@@ -51,7 +51,8 @@ var TipsTemplate = defineComponent({
       return deviationConstant;
     };
     onMounted(() => {
-      const domBounding = document.querySelector(query).getBoundingClientRect();
+      var _a, _b;
+      const domBounding = (_a = document.querySelector(query)) == null ? void 0 : _a.getBoundingClientRect();
       const {
         width,
         height
@@ -61,7 +62,7 @@ var TipsTemplate = defineComponent({
       const heightDeviation = deviation(height);
       const widthDeviation = deviation(width);
       let positionLeft = 0;
-      const targetDom = document.querySelector(".read-tip-container").getBoundingClientRect();
+      const targetDom = (_b = document.querySelector(".read-tip-container")) == null ? void 0 : _b.getBoundingClientRect();
       if (rule.appendToBody) {
         positionTop = domBounding.y + document.documentElement.scrollTop;
         positionLeft = domBounding.x;
@@ -90,14 +91,14 @@ var TipsTemplate = defineComponent({
         "to": rule.appendToBody ? "body" : query
       }, {
         default: () => {
-          var _a;
+          var _a, _b;
           return [createVNode("div", {
             "ref": temp,
             "class": ["read-tip-container", rule.position, rule.overlayClassName],
             "style": styles
           }, [createVNode("span", {
             "class": "after"
-          }, null), rule.contentTemplate ? (_a = ctx.slots) == null ? void 0 : _a.default() : createVNode(Fragment, null, [createVNode("div", {
+          }, null), rule.contentTemplate ? (_b = (_a = ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a) : createVNode(Fragment, null, [createVNode("div", {
             "class": "title"
           }, [rule.title]), createVNode("div", {
             "class": "content"
@@ -107,6 +108,19 @@ var TipsTemplate = defineComponent({
     };
   }
 });
+const rules = (ruleList) => {
+  if (ruleList === null) {
+    return [];
+  }
+  if (typeof ruleList === "object" && !Array.isArray(ruleList)) {
+    ruleList = [ruleList];
+  }
+  ruleList = [...ruleList];
+  Array.isArray(ruleList) && ruleList.map((rule) => {
+    rule.status = false;
+  });
+  return ruleList;
+};
 var ReadTip = defineComponent({
   name: "DReadTip",
   props: readTipProps,
@@ -126,6 +140,7 @@ var ReadTip = defineComponent({
     };
     const options = __spreadValues(__spreadValues({}, defaultOptions), props.readTipOptions);
     const defaultSlot = ref(null);
+    const refRules = reactive(rules(options.rules));
     const onMouseenter = (rule) => () => {
       setTimeout(() => {
         if (rule.id) {
@@ -144,8 +159,9 @@ var ReadTip = defineComponent({
         rule.status = false;
       }, rule.mouseleaveTime || options.mouseleaveTime);
     };
-    const init = (rules2, trigger = "hover") => {
-      rules2.map((rule) => {
+    const init = (ruleList, trigger = "hover") => {
+      ruleList.map((rule) => {
+        var _a;
         rule.status = false;
         trigger = rule.trigger || trigger;
         rule.overlayClassName = rule.overlayClassName || options.overlayClassName;
@@ -154,7 +170,7 @@ var ReadTip = defineComponent({
         if (!("appendToBody" in rule)) {
           rule.appendToBody = options.appendToBody;
         }
-        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        const doms = (_a = defaultSlot.value) == null ? void 0 : _a.querySelectorAll(rule.selector);
         [...doms].map((dom, index2) => {
           if (rule.appendToBody === false) {
             dom.style.position = "relative";
@@ -167,7 +183,7 @@ var ReadTip = defineComponent({
             newRule = __spreadValues({}, rule);
             dom.id = id;
             newRule.id = id;
-            rules2.push(newRule);
+            ruleList.push(newRule);
           }
           if (trigger === "hover") {
             dom.addEventListener("mouseenter", onMouseenter(newRule.id ? newRule : rule));
@@ -175,25 +191,11 @@ var ReadTip = defineComponent({
           }
         });
       });
-      return rules2;
+      return ruleList;
     };
-    function show(dom, rule) {
+    function show(_, rule) {
       rule.status = true;
     }
-    const rules = (rules2) => {
-      if (rules2 === null) {
-        return;
-      }
-      if (typeof rules2 === "object" && !Array.isArray(rules2)) {
-        rules2 = [rules2];
-      }
-      rules2 = [...rules2];
-      Array.isArray(rules2) && rules2.map((rule) => {
-        rule.status = false;
-      });
-      return rules2;
-    };
-    const refRules = reactive(rules(options.rules));
     const clickFn = () => {
       refRules.forEach((element) => {
         element.status = false;
@@ -207,8 +209,9 @@ var ReadTip = defineComponent({
       document.removeEventListener("click", clickFn);
     });
     const onClick = (e) => {
+      var _a;
       for (const rule of refRules) {
-        const doms = defaultSlot.value.querySelectorAll(rule.selector);
+        const doms = (_a = defaultSlot.value) == null ? void 0 : _a.querySelectorAll(rule.selector);
         for (const dom of doms) {
           if (doms.length > 1) {
             if (dom === e.target && rule.id) {
@@ -228,20 +231,20 @@ var ReadTip = defineComponent({
       }
     };
     return () => {
-      var _a;
+      var _a, _b;
       return createVNode("div", {
         "class": "devui-read-tip"
       }, [createVNode("div", {
         "ref": defaultSlot,
         "onClick": onClick
-      }, [(_a = ctx.slots) == null ? void 0 : _a.default()]), refRules.map((rule) => createVNode("div", {
+      }, [(_b = (_a = ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a)]), refRules.map((rule) => createVNode("div", {
         "data-test": "todo"
       }, [rule.status && createVNode(TipsTemplate, {
         "defaultTemplateProps": __spreadValues({}, rule)
       }, {
         default: () => {
-          var _a2;
-          return [rule.contentTemplate && ((_a2 = ctx.slots) == null ? void 0 : _a2.contentTemplate())];
+          var _a2, _b2;
+          return [rule.contentTemplate && ((_b2 = (_a2 = ctx.slots) == null ? void 0 : _a2.contentTemplate) == null ? void 0 : _b2.call(_a2))];
         }
       })]))]);
     };

package/read-tip/index.umd.js

@@ -1 +1 @@
-var q=Object.defineProperty;var k=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var w=(i,e,d)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[e]=d,T=(i,e)=>{for(var d in e||(e={}))D.call(e,d)&&w(i,d,e[d]);if(k)for(var d of k(e))O.call(e,d)&&w(i,d,e[d]);return i};(function(i,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(i=typeof globalThis!="undefined"?globalThis:i||self,e(i.index={},i.Vue))})(this,function(i,e){"use strict";const d={readTipOptions:{type:Object},defaultTemplateProps:{type:Object}};var E="",A=e.defineComponent({name:"DReadTipTemplate",props:d,emits:[],setup(h,v){const{defaultTemplateProps:b}=e.toRefs(h);let n=b.value;const l=(n==null?void 0:n.id)?`#${n.id}`:n.selector,c=e.reactive({});if(typeof n.dataFn=="function"){const a=n.dataFn({element:document.querySelector(l),rule:n});n=T(T({},n),a)}const B=e.ref(null),g=a=>{let y=a>24?0:-(a/2)+2;return a<=10&&(y=-10),y};return e.onMounted(()=>{const a=document.querySelector(l).getBoundingClientRect(),{width:y,height:p}=a,f=10;let m=0;const t=g(p),s=g(y);let o=0;const r=document.querySelector(".read-tip-container").getBoundingClientRect();switch(n.appendToBody&&(m=a.y+document.documentElement.scrollTop,o=a.x),n.position){case"top":c.top=m-r.height-f+"px",c.left=o+s+"px";break;case"left":c.top=m+t+"px",c.left=o-r.width-f+"px";break;case"bottom":c.top=m+a.height+f+"px",c.left=o+s+"px";break;case"right":c.top=m+t+"px",c.left=o+a.width+f+"px";break}}),()=>e.createVNode(e.Teleport,{to:n.appendToBody?"body":l},{default:()=>{var a;return[e.createVNode("div",{ref:B,class:["read-tip-container",n.position,n.overlayClassName],style:c},[e.createVNode("span",{class:"after"},null),n.contentTemplate?(a=v.slots)==null?void 0:a.default():e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"title"},[n.title]),e.createVNode("div",{class:"content"},[n.content])])])]}})}}),C=e.defineComponent({name:"DReadTip",props:d,emits:[],setup(h,v){const n=T(T({},{trigger:"hover",showAnimate:!1,mouseenterTime:100,mouseleaveTime:100,position:"top",overlayClassName:"",appendToBody:!0,rules:{selector:null}}),h.readTipOptions),l=e.ref(null),c=t=>()=>{setTimeout(()=>{if(t.id){const s=p.find(o=>o.id===t.id);s.status=!0}t.status=!0},t.mouseenterTime||n.mouseenterTime)},B=t=>()=>{setTimeout(()=>{if(t.id){const s=p.find(o=>o.id===t.id);s.status=!1}t.status=!1},t.mouseleaveTime||n.mouseleaveTime)},g=(t,s="hover")=>(t.map(o=>{o.status=!1,s=o.trigger||s,o.overlayClassName=o.overlayClassName||n.overlayClassName,o.position=o.position||n.position,o.contentTemplate=!!v.slots.contentTemplate,"appendToBody"in o||(o.appendToBody=n.appendToBody),[...l.value.querySelectorAll(o.selector)].map((N,V)=>{o.appendToBody===!1&&(N.style.position="relative");let u=e.reactive({id:null});const R=o.selector.slice(o.selector[0]==="."?1:0)+V;V>0&&(u=T({},o),N.id=R,u.id=R,t.push(u)),s==="hover"&&(N.addEventListener("mouseenter",c(u.id?u:o)),N.addEventListener("mouseleave",B(u.id?u:o)))})}),t);function a(t,s){s.status=!0}const y=t=>{if(t!==null)return typeof t=="object"&&!Array.isArray(t)&&(t=[t]),t=[...t],Array.isArray(t)&&t.map(s=>{s.status=!1}),t},p=e.reactive(y(n.rules)),f=()=>{p.forEach(t=>{t.status=!1})};e.onMounted(()=>{g(p,n.trigger),document.addEventListener("click",f,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",f)});const m=t=>{for(const s of p){const o=l.value.querySelectorAll(s.selector);for(const r of o)if(o.length>1){if(r===t.target&&s.id){a(r,s);return}else if(r===t.target&&!s.id&&!r.id){a(r,s);return}}else if(r===t.target){a(r,s);return}else s.status=!1}};return()=>{var t;return e.createVNode("div",{class:"devui-read-tip"},[e.createVNode("div",{ref:l,onClick:m},[(t=v.slots)==null?void 0:t.default()]),p.map(s=>e.createVNode("div",{"data-test":"todo"},[s.status&&e.createVNode(A,{defaultTemplateProps:T({},s)},{default:()=>{var o;return[s.contentTemplate&&((o=v.slots)==null?void 0:o.contentTemplate())]}})]))])}}}),S={title:"ReadTip \u9605\u8BFB\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(h){h.component(C.name,C)}};i.ReadTip=C,i.default=S,i.readTipProps=d,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var D=Object.defineProperty;var k=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;var w=(s,e,p)=>e in s?D(s,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):s[e]=p,h=(s,e)=>{for(var p in e||(e={}))O.call(e,p)&&w(s,p,e[p]);if(k)for(var p of k(e))E.call(e,p)&&w(s,p,e[p]);return s};(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const p={readTipOptions:{type:Object},defaultTemplateProps:{type:Object}};var F="",A=e.defineComponent({name:"DReadTipTemplate",props:p,emits:[],setup(d,m){const{defaultTemplateProps:V}=e.toRefs(d);let n=V.value;const u=(n==null?void 0:n.id)?`#${n.id}`:n.selector,c=e.reactive({});if(typeof n.dataFn=="function"){const a=n.dataFn({element:document.querySelector(u),rule:n});n=h(h({},n),a)}const b=e.ref(null),N=a=>{let f=a>24?0:-(a/2)+2;return a<=10&&(f=-10),f};return e.onMounted(()=>{var T,g;const a=(T=document.querySelector(u))==null?void 0:T.getBoundingClientRect(),{width:f,height:C}=a,v=10;let o=0;const i=N(C),t=N(f);let l=0;const r=(g=document.querySelector(".read-tip-container"))==null?void 0:g.getBoundingClientRect();switch(n.appendToBody&&(o=a.y+document.documentElement.scrollTop,l=a.x),n.position){case"top":c.top=o-r.height-v+"px",c.left=l+t+"px";break;case"left":c.top=o+i+"px",c.left=l-r.width-v+"px";break;case"bottom":c.top=o+a.height+v+"px",c.left=l+t+"px";break;case"right":c.top=o+i+"px",c.left=l+a.width+v+"px";break}}),()=>e.createVNode(e.Teleport,{to:n.appendToBody?"body":u},{default:()=>{var a,f;return[e.createVNode("div",{ref:b,class:["read-tip-container",n.position,n.overlayClassName],style:c},[e.createVNode("span",{class:"after"},null),n.contentTemplate?(f=(a=m.slots)==null?void 0:a.default)==null?void 0:f.call(a):e.createVNode(e.Fragment,null,[e.createVNode("div",{class:"title"},[n.title]),e.createVNode("div",{class:"content"},[n.content])])])]}})}});const S=d=>d===null?[]:(typeof d=="object"&&!Array.isArray(d)&&(d=[d]),d=[...d],Array.isArray(d)&&d.map(m=>{m.status=!1}),d);var B=e.defineComponent({name:"DReadTip",props:p,emits:[],setup(d,m){const n=h(h({},{trigger:"hover",showAnimate:!1,mouseenterTime:100,mouseleaveTime:100,position:"top",overlayClassName:"",appendToBody:!0,rules:{selector:null}}),d.readTipOptions),u=e.ref(null),c=e.reactive(S(n.rules)),b=o=>()=>{setTimeout(()=>{if(o.id){const i=c.find(t=>t.id===o.id);i.status=!0}o.status=!0},o.mouseenterTime||n.mouseenterTime)},N=o=>()=>{setTimeout(()=>{if(o.id){const i=c.find(t=>t.id===o.id);i.status=!1}o.status=!1},o.mouseleaveTime||n.mouseleaveTime)},a=(o,i="hover")=>(o.map(t=>{var r;t.status=!1,i=t.trigger||i,t.overlayClassName=t.overlayClassName||n.overlayClassName,t.position=t.position||n.position,t.contentTemplate=!!m.slots.contentTemplate,"appendToBody"in t||(t.appendToBody=n.appendToBody),[...(r=u.value)==null?void 0:r.querySelectorAll(t.selector)].map((T,g)=>{t.appendToBody===!1&&(T.style.position="relative");let y=e.reactive({id:null});const R=t.selector.slice(t.selector[0]==="."?1:0)+g;g>0&&(y=h({},t),T.id=R,y.id=R,o.push(y)),i==="hover"&&(T.addEventListener("mouseenter",b(y.id?y:t)),T.addEventListener("mouseleave",N(y.id?y:t)))})}),o);function f(o,i){i.status=!0}const C=()=>{c.forEach(o=>{o.status=!1})};e.onMounted(()=>{a(c,n.trigger),document.addEventListener("click",C,!0)}),e.onUnmounted(()=>{document.removeEventListener("click",C)});const v=o=>{var i;for(const t of c){const l=(i=u.value)==null?void 0:i.querySelectorAll(t.selector);for(const r of l)if(l.length>1){if(r===o.target&&t.id){f(r,t);return}else if(r===o.target&&!t.id&&!r.id){f(r,t);return}}else if(r===o.target){f(r,t);return}else t.status=!1}};return()=>{var o,i;return e.createVNode("div",{class:"devui-read-tip"},[e.createVNode("div",{ref:u,onClick:v},[(i=(o=m.slots)==null?void 0:o.default)==null?void 0:i.call(o)]),c.map(t=>e.createVNode("div",{"data-test":"todo"},[t.status&&e.createVNode(A,{defaultTemplateProps:h({},t)},{default:()=>{var l,r;return[t.contentTemplate&&((r=(l=m.slots)==null?void 0:l.contentTemplate)==null?void 0:r.call(l))]}})]))])}}}),q={title:"ReadTip \u9605\u8BFB\u63D0\u793A",category:"\u53CD\u9988",status:"100%",install(d){d.component(B.name,B)}};s.ReadTip=B,s.default=q,s.readTipProps=p,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/read-tip/style.css

@@ -1 +1 @@
-.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:400;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:700;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:700;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:700;line-height:1.5}.devui-read-tip{position:relative}.devui-read-tip .title{font-size:16px}.source{overflow:initial}.read-tip-container{font-size:var(--devui-font-size, 12px);position:absolute;width:max-content;height:max-content;line-height:1.5;border:none;border-radius:var(--devui-border-radius-feedback, 4px);background-color:var(--devui-feedback-overlay-bg, #464d6e);color:var(--devui-feedback-overlay-text, #dfe1e6);overflow-wrap:break-word;padding:10px;z-index:50}.read-tip-container .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.read-tip-container.top .after{bottom:-4px}.read-tip-container.left .after{right:-4px}.read-tip-container.right .after{left:-4px}.read-tip-container.bottom .after{top:-4px}
+.devui-read-tip{position:relative}.devui-read-tip .title{font-size:16px}.source{overflow:initial}.read-tip-container{font-size:var(--devui-font-size, 12px);position:absolute;width:max-content;height:max-content;line-height:1.5;border:none;border-radius:var(--devui-border-radius-feedback, 4px);background-color:var(--devui-feedback-overlay-bg, #464d6e);color:var(--devui-feedback-overlay-text, #dfe1e6);overflow-wrap:break-word;padding:10px;z-index:50}.read-tip-container .after{content:"";width:12px;height:12px;transform:rotate(45deg);position:absolute;background-color:var(--devui-feedback-overlay-bg, #464d6e)}.read-tip-container.top .after{bottom:-4px}.read-tip-container.left .after{right:-4px}.read-tip-container.right .after{left:-4px}.read-tip-container.bottom .after{top:-4px}

package/skeleton/index.es.js

@@ -1,5 +1,4 @@
 import { defineComponent, createVNode, Fragment, withDirectives, vShow, mergeProps } from "vue";
-var skeleton = "";
 const skeletonProps = {
   row: {
     type: Number,
@@ -46,6 +45,7 @@ const skeletonProps = {
     default: ["100%"]
   }
 };
+var skeleton = "";
 var Skeleton = defineComponent({
   name: "DSkeleton",
   props: skeletonProps,
@@ -102,10 +102,10 @@ var Skeleton = defineComponent({
       })();
       return withDirectives(createVNode("div", {
         "class": "devui-skeleton__paragraph"
-      }, [arr.map((item2) => {
+      }, [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]), [[vShow, isShown]]);
     }
@@ -161,7 +161,6 @@ var Skeleton = defineComponent({
     };
   }
 });
-var item = "";
 const itemProps = {
   row: {
     type: Number,
@@ -195,6 +194,7 @@ const itemProps = {
     type: String
   }
 };
+var skeletonItem = "";
 var SkeletonItem = defineComponent({
   name: "DSkeletonItem",
   props: itemProps,
@@ -248,10 +248,10 @@ var SkeletonItem = defineComponent({
       })();
       return createVNode("div", mergeProps({
         "class": `devui-skeleton__shape__paragraph ${renderAnimate(props.animate)}`
-      }, ctx.attrs), [arr.map((item2) => {
+      }, ctx.attrs), [arr.map((item) => {
         return createVNode("div", {
           "class": "devui-skeleton__shape__paragraph__item",
-          "style": round ? "border-radius: 1em;" : `width: ${item2.width}`
+          "style": round ? "border-radius: 1em;" : `width: ${item.width}`
         }, null);
       })]);
     }

package/skeleton/index.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";var V="";const b={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var p=e.defineComponent({name:"DSkeleton",props:b,setup(t,f){const{slots:s}=f;function h(a){return a?"devui-skeleton__animated":""}function g(a){return a?"border-radius: 1em;":""}function _(a,u,n,r){const c=[];function S(m){for(let o=0;o<u;o++)c.push({width:m})}return function(){if(n instanceof Array)for(let o=0;o<u;o++)if(n[o])switch(typeof n[o]){case"string":c.push({width:n[o]});break;case"number":c.push({width:`${n[o]}px`})}else c.push({width:1});else switch(typeof n){case"string":S(n);break;case"number":S(`${n}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[c.map(m=>e.createVNode("div",{class:"devui-skeleton__item",style:r?"border-radius: 1em;":`width: ${m.width}`},null))]),[[e.vShow,a]])}function l(a,u){function n(){return u==="square"?"":"border-radius:50%;"}function r(){switch(typeof a){case"string":return`width:${a};height:${a};`;case"number":return`width:${a}px;height:${a}px;`}}return r()+n()}function i(a,u,n){function r(){switch(typeof u){case"string":return`width: ${u};`;case"number":return`width: ${u}px;`}}function c(){return a?null:"visibility: hidden;"}return r()+g(n)+c()}function k(){return e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:l(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:i(t.title,t.titleWidth,t.round)},null),_(t.paragraph,t.row,t.rowWidth,t.round)])])}return()=>{var a;return t.loading?e.createVNode("div",{class:`devui-skeleton ${h(t.animate)}`},[k()]):e.createVNode(e.Fragment,null,[(a=s.default)==null?void 0:a.call(s)])}}}),v="";const N={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]},shape:{type:String}};var y=e.defineComponent({name:"DSkeletonItem",props:N,setup(t,f){const{slots:s}=f;function h(l){return l?"devui-skeleton__animated":""}function g(l,i,k){const a=[];function u(n){for(let r=0;r<l;r++)a.push({width:n})}return function(){if(i instanceof Array)for(let r=0;r<l;r++)if(i[r])switch(typeof i[r]){case"string":a.push({width:i[r]});break;case"number":a.push({width:`${i[r]}px`})}else a.push({width:1});else switch(typeof i){case"string":u(i);break;case"number":u(`${i}px`);break}}(),e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__paragraph ${h(t.animate)}`},f.attrs),[a.map(n=>e.createVNode("div",{class:"devui-skeleton__shape__paragraph__item",style:k?"border-radius: 1em;":`width: ${n.width}`},null))])}function _(l){function i(){return l==="square"?"":"border-radius:50%;"}return i()}return()=>{var l;if(t.loading&&t.shape)switch(t.shape){case"avatar":return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__avatar ${h(t.animate)}`,style:_(t.avatarShape)},f.attrs),null)]);case"paragraph":return e.createVNode(e.Fragment,null,[g(t.row,t.rowWidth,t.round)]);default:return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__${t.shape} ${h(t.animate)}`},f.attrs),null)])}return e.createVNode(e.Fragment,null,[(l=s.default)==null?void 0:l.call(s)])}}}),w={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(p.name,p),t.component(y.name,y)}};d.Skeleton=p,d.SkeletonItem=y,d.default=w,d.skeletonProps=b,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});
+(function(d,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis!="undefined"?globalThis:d||self,e(d.index={},d.Vue))})(this,function(d,e){"use strict";const b={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatar:{type:Boolean,default:!1},title:{type:Boolean,default:!0},paragraph:{type:Boolean,default:!0},avatarSize:{type:[String,Number],default:"40px"},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]}};var V="",p=e.defineComponent({name:"DSkeleton",props:b,setup(t,f){const{slots:s}=f;function h(a){return a?"devui-skeleton__animated":""}function g(a){return a?"border-radius: 1em;":""}function _(a,u,n,r){const c=[];function S(m){for(let o=0;o<u;o++)c.push({width:m})}return function(){if(n instanceof Array)for(let o=0;o<u;o++)if(n[o])switch(typeof n[o]){case"string":c.push({width:n[o]});break;case"number":c.push({width:`${n[o]}px`})}else c.push({width:1});else switch(typeof n){case"string":S(n);break;case"number":S(`${n}px`);break}}(),e.withDirectives(e.createVNode("div",{class:"devui-skeleton__paragraph"},[c.map(m=>e.createVNode("div",{class:"devui-skeleton__item",style:r?"border-radius: 1em;":`width: ${m.width}`},null))]),[[e.vShow,a]])}function l(a,u){function n(){return u==="square"?"":"border-radius:50%;"}function r(){switch(typeof a){case"string":return`width:${a};height:${a};`;case"number":return`width:${a}px;height:${a}px;`}}return r()+n()}function i(a,u,n){function r(){switch(typeof u){case"string":return`width: ${u};`;case"number":return`width: ${u}px;`}}function c(){return a?null:"visibility: hidden;"}return r()+g(n)+c()}function k(){return e.createVNode(e.Fragment,null,[e.withDirectives(e.createVNode("div",{class:"devui-skeleton__avatar"},[e.createVNode("div",{class:"avatar",style:l(t.avatarSize,t.avatarShape)},null)]),[[e.vShow,t.avatar]]),e.createVNode("div",{class:"devui-skeleton__group"},[e.createVNode("div",{class:"devui-skeleton__title",style:i(t.title,t.titleWidth,t.round)},null),_(t.paragraph,t.row,t.rowWidth,t.round)])])}return()=>{var a;return t.loading?e.createVNode("div",{class:`devui-skeleton ${h(t.animate)}`},[k()]):e.createVNode(e.Fragment,null,[(a=s.default)==null?void 0:a.call(s)])}}});const N={row:{type:Number,default:0},animate:{type:Boolean,default:!0},round:{type:Boolean,default:!1},loading:{type:Boolean,default:!0},avatarShape:{type:String,default:"round"},titleWidth:{type:[String,Number],default:"40%"},rowWidth:{type:[Number,String,Array],default:["100%"]},shape:{type:String}};var v="",y=e.defineComponent({name:"DSkeletonItem",props:N,setup(t,f){const{slots:s}=f;function h(l){return l?"devui-skeleton__animated":""}function g(l,i,k){const a=[];function u(n){for(let r=0;r<l;r++)a.push({width:n})}return function(){if(i instanceof Array)for(let r=0;r<l;r++)if(i[r])switch(typeof i[r]){case"string":a.push({width:i[r]});break;case"number":a.push({width:`${i[r]}px`})}else a.push({width:1});else switch(typeof i){case"string":u(i);break;case"number":u(`${i}px`);break}}(),e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__paragraph ${h(t.animate)}`},f.attrs),[a.map(n=>e.createVNode("div",{class:"devui-skeleton__shape__paragraph__item",style:k?"border-radius: 1em;":`width: ${n.width}`},null))])}function _(l){function i(){return l==="square"?"":"border-radius:50%;"}return i()}return()=>{var l;if(t.loading&&t.shape)switch(t.shape){case"avatar":return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__avatar ${h(t.animate)}`,style:_(t.avatarShape)},f.attrs),null)]);case"paragraph":return e.createVNode(e.Fragment,null,[g(t.row,t.rowWidth,t.round)]);default:return e.createVNode(e.Fragment,null,[e.createVNode("div",e.mergeProps({class:`devui-skeleton__shape__${t.shape} ${h(t.animate)}`},f.attrs),null)])}return e.createVNode(e.Fragment,null,[(l=s.default)==null?void 0:l.call(s)])}}}),w={title:"Skeleton \u9AA8\u67B6\u5C4F",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(t){t.component(p.name,p),t.component(y.name,y)}};d.Skeleton=p,d.SkeletonItem=y,d.default=w,d.skeletonProps=b,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/slider/index.es.js

@@ -183,9 +183,6 @@ var Slider = defineComponent({
     }, [props.max]), renderShowInput()]);
   }
 });
-Slider.install = function(app) {
-  app.component(Slider.name, Slider);
-};
 var index = {
   title: "Slider \u6ED1\u5757",
   category: "\u6570\u636E\u5F55\u5165",
@@ -194,4 +191,4 @@ var index = {
     app.component(Slider.name, Slider);
   }
 };
-export { Slider, index as default };
+export { Slider, index as default, sliderProps };

package/slider/index.umd.js

@@ -1 +1 @@
-(function(a,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(a=typeof globalThis!="undefined"?globalThis:a||self,t(a.index={},a.Vue))})(this,function(a,t){"use strict";const g={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var R="",o=t.defineComponent({name:"DSlider",props:g,emits:["update:modelValue"],setup(e,m){let v=!0,f=0,s=0;const d=t.ref(!1),V=t.ref(null),l=t.ref(e.modelValue),r=t.ref(0),h=t.ref(0),u=t.ref("");function S(n){if(l.value=parseInt(n.target.value),!l.value)l.value=e.min,u.value="0%";else{if(l.value<e.min||l.value>e.max)return;/^(?:[1-9]?\d|100)$/.test(`${l.value}`)&&(u.value=(l.value-e.min)*100/(e.max-e.min)+"%",m.emit("update:modelValue",l.value))}}function M(n){const i=Math.round(V.value.clientWidth);n<0&&(n=0);const c=i/((e.max-e.min)/e.step),y=Math.round(n/c)*c;if(Math.round(y)>=i){r.value=i,l.value=e.max,u.value="100%",m.emit("update:modelValue",e.max);return}u.value=Math.round(y*100/i)+"%",l.value=Math.round(y*(e.max-e.min)/i)+e.min,r.value=n,m.emit("update:modelValue",l.value)}function E(n){v=!1,s=n.clientX,f=r.value,h.value=f}function N(n){d.value=!0;const c=n.clientX-s;h.value=f+c,M(h.value)}function _(){d.value=!1,setTimeout(()=>{v=!0},100),window.removeEventListener("mousemove",N),window.removeEventListener("mouseup",_)}const X=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:S,value:l.value+""},null)]):"";e.modelValue>e.max?u.value="100%":e.modelValue<e.min?u.value="0%":u.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const n=V.value.clientWidth;r.value=n*(l.value-e.min)/(e.max-e.min)});function b(n){d.value=!0,!e.disabled&&(n.preventDefault(),E(n),window.addEventListener("mousemove",N),window.addEventListener("mouseup",_))}function D(n){if(!e.disabled&&v){s=n.target.getBoundingClientRect().left;const i=n.clientX;M(i-s),b(n)}else return}const w=t.computed(()=>e.disabled?" disabled":""),I=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:u.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[l.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+w.value,onMousedown:D,onMouseout:()=>d.value=!1},[t.createVNode("div",{class:"devui-slider__bar"+w.value,style:{width:u.value}},null),t.createVNode("div",{class:"devui-slider__button"+w.value,style:{left:u.value},onMousedown:b,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":I()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),X()])}});o.install=function(e){e.component(o.name,o)};var x={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(o.name,o)}};a.Slider=o,a.default=x,Object.defineProperty(a,"__esModule",{value:!0}),a[Symbol.toStringTag]="Module"});
+(function(u,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(u=typeof globalThis!="undefined"?globalThis:u||self,t(u.index={},u.Vue))})(this,function(u,t){"use strict";const M={disabled:{type:Boolean,default:!1},max:{type:Number,default:100},min:{type:Number,default:0},modelValue:{type:Number,default:0},showInput:{type:Boolean,default:!1},step:{type:Number,default:1},tipsRenderer:{type:String,default:""}};var R="",c=t.defineComponent({name:"DSlider",props:M,emits:["update:modelValue"],setup(e,v){let m=!0,f=0,o=0;const d=t.ref(!1),V=t.ref(null),l=t.ref(e.modelValue),s=t.ref(0),h=t.ref(0),a=t.ref("");function S(n){if(l.value=parseInt(n.target.value),!l.value)l.value=e.min,a.value="0%";else{if(l.value<e.min||l.value>e.max)return;/^(?:[1-9]?\d|100)$/.test(`${l.value}`)&&(a.value=(l.value-e.min)*100/(e.max-e.min)+"%",v.emit("update:modelValue",l.value))}}function N(n){const i=Math.round(V.value.clientWidth);n<0&&(n=0);const r=i/((e.max-e.min)/e.step),y=Math.round(n/r)*r;if(Math.round(y)>=i){s.value=i,l.value=e.max,a.value="100%",v.emit("update:modelValue",e.max);return}a.value=Math.round(y*100/i)+"%",l.value=Math.round(y*(e.max-e.min)/i)+e.min,s.value=n,v.emit("update:modelValue",l.value)}function E(n){m=!1,o=n.clientX,f=s.value,h.value=f}function _(n){d.value=!0;const r=n.clientX-o;h.value=f+r,N(h.value)}function b(){d.value=!1,setTimeout(()=>{m=!0},100),window.removeEventListener("mousemove",_),window.removeEventListener("mouseup",b)}const X=()=>e.showInput?t.createVNode("div",{class:"devui-input__out-wrap"},[t.createVNode("input",{onInput:S,value:l.value+""},null)]):"";e.modelValue>e.max?a.value="100%":e.modelValue<e.min?a.value="0%":a.value=(e.modelValue-e.min)*100/(e.max-e.min)+"%",t.onMounted(()=>{const n=V.value.clientWidth;s.value=n*(l.value-e.min)/(e.max-e.min)});function g(n){d.value=!0,!e.disabled&&(n.preventDefault(),E(n),window.addEventListener("mousemove",_),window.addEventListener("mouseup",b))}function D(n){if(!e.disabled&&m){o=n.target.getBoundingClientRect().left;const i=n.clientX;N(i-o),g(n)}else return}const w=t.computed(()=>e.disabled?" disabled":""),I=()=>t.createVNode("div",{class:"devui-slider_popover",style:{left:a.value,opacity:d.value?1:0}},[t.createVNode("div",{class:"devui-slider_popover-arrow"},null),t.createVNode("div",{class:"devui-slider_popover-content"},[l.value+" "+e.tipsRenderer])]);return()=>t.createVNode("div",{class:"devui-slider"},[t.createVNode("div",{ref:V,class:"devui-slider__runway"+w.value,onMousedown:D,onMouseout:()=>d.value=!1},[t.createVNode("div",{class:"devui-slider__bar"+w.value,style:{width:a.value}},null),t.createVNode("div",{class:"devui-slider__button"+w.value,style:{left:a.value},onMousedown:g,onMouseenter:()=>d.value=!0,onMouseout:()=>d.value=!1},null),e.tipsRenderer==="null"?"":I()]),t.createVNode("span",{class:"devui-min_count"},[e.min]),t.createVNode("span",{class:"devui-max_count"},[e.max]),X()])}}),x={title:"Slider \u6ED1\u5757",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(c.name,c)}};u.Slider=c,u.default=x,u.sliderProps=M,Object.defineProperty(u,"__esModule",{value:!0}),u[Symbol.toStringTag]="Module"});