vue-devui 1.0.0-rc.2 → 1.0.0-rc.5

package/rate/index.es.js

@@ -1,7 +1,8 @@
 import { defineComponent, reactive, ref, onMounted, createVNode, resolveComponent } from "vue";
 const rateProps = {
   modelValue: {
-    type: Number
+    type: Number,
+    default: 0
   },
   read: {
     type: Boolean,
@@ -54,18 +55,15 @@ var Rate = defineComponent({
       }
     };
     const initRating = () => {
-      if (!props.modelValue) {
-        return;
-      }
-      chooseValue.value = props.modelValue - 1;
+      chooseValue.value = props.modelValue;
       const halfStar = chooseValue.value % 1;
       const intCurrentLevel = Math.floor(chooseValue.value);
-      setChange(0, intCurrentLevel + 1, "100%");
+      setChange(0, intCurrentLevel, "100%");
       if (halfStar > 0) {
-        totalLevelArray[intCurrentLevel + 1]["width"] = halfStar * 100 + "%";
-        setChange(intCurrentLevel + 2, props.count, "0");
-      } else {
+        totalLevelArray[intCurrentLevel]["width"] = halfStar * 100 + "%";
         setChange(intCurrentLevel + 1, props.count, "0");
+      } else {
+        setChange(intCurrentLevel, props.count, "0");
       }
     };
     onMounted(() => {
@@ -76,33 +74,28 @@ var Rate = defineComponent({
       }
       initRating();
     });
-    const hoverToggle = (e, index2, reset = false) => {
+    const isSemiSelected = (e) => {
+      const target = e.target;
+      return props.allowHalf && e.offsetX * 2 <= target.clientWidth;
+    };
+    const hoverToggle = (e, index2) => {
       if (props.read) {
         return;
       }
-      if (reset) {
-        if (chooseValue.value >= 0) {
-          setChange(0, chooseValue.value + 1, "100%");
-          setChange(chooseValue.value + 1, props.count, "0");
-        } else {
-          setChange(0, props.count, "0");
-        }
-      } else {
-        setChange(0, index2 + 1, "100%");
-        if (props.allowHalf && e.offsetX * 2 <= e.target.clientWidth) {
-          setChange(index2, index2 + 1, "50%");
-        } else {
-          setChange(index2, index2 + 1, "100%");
-        }
-        setChange(index2 + 1, props.count, "0");
-      }
+      setChange(0, index2 + 1, "100%");
+      const width = isSemiSelected(e) ? "50%" : "100%";
+      setChange(index2, index2 + 1, width);
+      setChange(index2 + 1, props.count, "0");
+    };
+    const onMouseleave = () => {
+      initRating();
     };
     const selectValue = (e, index2) => {
       if (props.read) {
         return;
       }
       setChange(0, index2, "100%");
-      if (props.allowHalf && e.offsetX * 2 <= e.target.clientWidth) {
+      if (isSemiSelected(e)) {
         setChange(index2, index2 + 1, "50%");
         chooseValue.value = index2 - 0.5;
       } else {
@@ -110,33 +103,33 @@ var Rate = defineComponent({
         chooseValue.value = index2;
       }
       setChange(index2 + 1, props.count, "0");
-      index2 = chooseValue.value;
-      props.onChange && props.onChange(index2 + 1);
+      props.onChange && props.onChange(chooseValue.value + 1);
       props.onTouched && props.onTouched();
-      ctx.emit("update:modelValue", index2 + 1);
+      ctx.emit("update:modelValue", chooseValue.value + 1);
     };
     return {
       totalLevelArray,
       chooseValue,
       hoverToggle,
-      selectValue
+      selectValue,
+      onMouseleave
     };
   },
   render() {
     const {
       totalLevelArray,
-      chooseValue,
       icon,
       character,
       read,
       type,
       color,
       hoverToggle,
-      selectValue
+      selectValue,
+      onMouseleave
     } = this;
     return createVNode("div", {
       "class": "devui-star-container",
-      "onMouseleave": (e) => hoverToggle(e, chooseValue, true)
+      "onMouseleave": onMouseleave
     }, [totalLevelArray.map((item, index2) => createVNode("div", {
       "class": `devui-star-align devui-pointer ${read ? "devui-only-read" : ""}`,
       "key": index2,
@@ -166,7 +159,7 @@ var Rate = defineComponent({
       "fill": "#E3E5E9",
       "id": "Mask"
     }, [createVNode("polygon", {
-      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835                       1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"
     }, null)])])])]), icon && !character && createVNode("span", {
       "class": `devui-star-color-active devui-active-star devui-star-color-${type}`,
       "style": {
@@ -202,19 +195,16 @@ var Rate = defineComponent({
     }, [createVNode("g", {
       "id": "Mask"
     }, [createVNode("polygon", {
-      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"
+      "points": "8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1                       6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"
     }, null)])])])])]))]);
   }
 });
-Rate.install = function(app) {
-  app.component(Rate.name, Rate);
-};
 var index = {
   title: "Rate \u8BC4\u5206",
   category: "\u6570\u636E\u5C55\u793A",
   status: "100%",
   install(app) {
-    app.use(Rate);
+    app.component(Rate.name, Rate);
   }
 };
-export { Rate, index as default };
+export { Rate, index as default, rateProps };

package/rate/index.umd.js

@@ -1 +1 @@
-(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue))})(this,function(i,t){"use strict";const g={modelValue:{type:Number},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var V="",d=t.defineComponent({name:"DRate",props:g,emits:["change","update:modelValue"],setup(o,h){const r=t.reactive([]),a=t.ref(0),l=(n,e,c)=>{for(let s=n;s<e;s++)r[s].width=c},u=()=>{if(!o.modelValue)return;a.value=o.modelValue-1;const n=a.value%1,e=Math.floor(a.value);l(0,e+1,"100%"),n>0?(r[e+1].width=n*100+"%",l(e+2,o.count,"0")):l(e+1,o.count,"0")};return t.onMounted(()=>{for(let n=0;n<o.count;n++)r.push({width:"0"});u()}),{totalLevelArray:r,chooseValue:a,hoverToggle:(n,e,c=!1)=>{o.read||(c?a.value>=0?(l(0,a.value+1,"100%"),l(a.value+1,o.count,"0")):l(0,o.count,"0"):(l(0,e+1,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?l(e,e+1,"50%"):l(e,e+1,"100%"),l(e+1,o.count,"0")))},selectValue:(n,e)=>{o.read||(l(0,e,"100%"),o.allowHalf&&n.offsetX*2<=n.target.clientWidth?(l(e,e+1,"50%"),a.value=e-.5):(l(e,e+1,"100%"),a.value=e),l(e+1,o.count,"0"),e=a.value,o.onChange&&o.onChange(e+1),o.onTouched&&o.onTouched(),h.emit("update:modelValue",e+1))}}},render(){const{totalLevelArray:o,chooseValue:h,icon:r,character:a,read:l,type:u,color:f,hoverToggle:v,selectValue:n}=this;return t.createVNode("div",{class:"devui-star-container",onMouseleave:e=>v(e,h,!0)},[o.map((e,c)=>t.createVNode("div",{class:`devui-star-align devui-pointer ${l?"devui-only-read":""}`,key:c,onMouseover:s=>v(s,c),onClick:s=>n(s,c)},[r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode(t.resolveComponent("d-icon"),{name:r},null)]),a&&!r&&t.createVNode("span",{class:"devui-star-color"},[a]),!r&&!a&&t.createVNode("span",{class:"devui-star-color"},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{fill:"#E3E5E9",id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),r&&!a&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{width:e.width}},[t.createVNode(t.resolveComponent("d-icon"),{name:r,color:f},null)]),a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{color:f,width:e.width}},[a]),!a&&!r&&t.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${u}`,style:{color:f,width:e.width}},[t.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("g",{id:"Mask"},[t.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977 12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])]))])}});d.install=function(o){o.component(d.name,d)};var w={title:"Rate \u8BC4\u5206",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(o){o.use(d)}};i.Rate=d,i.default=w,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+(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 g={modelValue:{type:Number,default:0},read:{type:Boolean,default:!1},count:{type:Number,default:5},type:{type:String,default:""},color:{type:String,default:""},icon:{type:String,default:""},character:{type:String,default:""},allowHalf:{type:Boolean,default:!1},onChange:{type:Function,default:void 0},onTouched:{type:Function,default:void 0}};var p="",f=e.defineComponent({name:"DRate",props:g,emits:["change","update:modelValue"],setup(a,i){const n=e.reactive([]),c=e.ref(0),l=(o,t,h)=>{for(let v=o;v<t;v++)n[v].width=h},s=()=>{c.value=a.modelValue;const o=c.value%1,t=Math.floor(c.value);l(0,t,"100%"),o>0?(n[t].width=o*100+"%",l(t+1,a.count,"0")):l(t,a.count,"0")};e.onMounted(()=>{for(let o=0;o<a.count;o++)n.push({width:"0"});s()});const d=o=>{const t=o.target;return a.allowHalf&&o.offsetX*2<=t.clientWidth};return{totalLevelArray:n,chooseValue:c,hoverToggle:(o,t)=>{if(a.read)return;l(0,t+1,"100%");const h=d(o)?"50%":"100%";l(t,t+1,h),l(t+1,a.count,"0")},selectValue:(o,t)=>{a.read||(l(0,t,"100%"),d(o)?(l(t,t+1,"50%"),c.value=t-.5):(l(t,t+1,"100%"),c.value=t),l(t+1,a.count,"0"),a.onChange&&a.onChange(c.value+1),a.onTouched&&a.onTouched(),i.emit("update:modelValue",c.value+1))},onMouseleave:()=>{s()}}},render(){const{totalLevelArray:a,icon:i,character:n,read:c,type:l,color:s,hoverToggle:d,selectValue:w,onMouseleave:V}=this;return e.createVNode("div",{class:"devui-star-container",onMouseleave:V},[a.map((u,o)=>e.createVNode("div",{class:`devui-star-align devui-pointer ${c?"devui-only-read":""}`,key:o,onMouseover:t=>d(t,o),onClick:t=>w(t,o)},[i&&!n&&e.createVNode("span",{class:"devui-star-color"},[e.createVNode(e.resolveComponent("d-icon"),{name:i},null)]),n&&!i&&e.createVNode("span",{class:"devui-star-color"},[n]),!i&&!n&&e.createVNode("span",{class:"devui-star-color"},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{fill:"#E3E5E9",id:"Mask"},[e.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835                       1 6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])]),i&&!n&&e.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${l}`,style:{width:u.width}},[e.createVNode(e.resolveComponent("d-icon"),{name:i,color:s},null)]),n&&!i&&e.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${l}`,style:{color:s,width:u.width}},[n]),!n&&!i&&e.createVNode("span",{class:`devui-star-color-active devui-active-star devui-star-color-${l}`,style:{color:s,width:u.width}},[e.createVNode("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns-xlink":"http://www.w3.org/1999/xlink"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("g",{id:"Mask"},[e.createVNode("polygon",{points:"8 12.7603585 3.67376208 14.3147912 3.81523437 9.71994835 1                       6.0857977 5.41367261 4.80046131 8 1 10.5863274 4.80046131 15 6.0857977                       12.1847656 9.71994835 12.3262379 14.3147912"},null)])])])])]))])}}),y={title:"Rate \u8BC4\u5206",category:"\u6570\u636E\u5C55\u793A",status:"100%",install(a){a.component(f.name,f)}};r.Rate=f,r.default=y,r.rateProps=g,Object.defineProperty(r,"__esModule",{value:!0}),r[Symbol.toStringTag]="Module"});

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,34 +231,31 @@ 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))];
         }
       })]))]);
     };
   }
 });
-ReadTip.install = function(app) {
-  app.component(ReadTip.name, ReadTip);
-};
 var index = {
   title: "ReadTip \u9605\u8BFB\u63D0\u793A",
   category: "\u53CD\u9988",
   status: "100%",
   install(app) {
-    app.use(ReadTip);
+    app.component(ReadTip.name, ReadTip);
   }
 };
-export { ReadTip, index as default };
+export { ReadTip, index as default, readTipProps };

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

@@ -90,15 +90,12 @@ var Result = defineComponent({
     };
   }
 });
-Result.install = function(app) {
-  app.component(Result.name, Result);
-};
 var index = {
   title: "Result \u7ED3\u679C",
   category: "\u53CD\u9988",
   status: "100%",
   install(app) {
-    app.use(Result);
+    app.component(Result.name, Result);
   }
 };
-export { Result, index as default };
+export { Result, index as default, resultProps };

package/result/index.umd.js

@@ -1 +1 @@
-(function(l,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis!="undefined"?globalThis:l||self,e(l.index={},l.Vue))})(this,function(l,e){"use strict";const d={icon:{type:String,default:"info"},title:{type:String,default:""},desc:{type:String,default:""}},c={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var f=e.defineComponent({name:"DIcon",props:c,setup(s){const{name:t,size:n,color:i,classPrefix:r}=e.toRefs(s);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${r.value} ${r.value}-${t.value}`,style:{fontSize:n.value,color:i.value}},null)}}),v="",o=e.defineComponent({name:"DResult",props:d,setup(s,t){let n;return function(i){i.success="right-o",i.danger="error-o",i.warning="warning-o",i.info="info-o"}(n||(n={})),()=>{var i,r,u,a;return e.createVNode("div",{class:"devui-result"},[t.slots.icon?e.createVNode("div",null,[(i=t.slots)==null?void 0:i.icon()]):e.createVNode(f,{name:n[s.icon]||"",class:`devui-result__icon-${s.icon}`,size:"64px"},null),e.createVNode("div",{class:"devui-result__title"},[t.slots.title?(r=t.slots)==null?void 0:r.title():s.title]),e.createVNode("div",{class:"devui-result__desc"},[t.slots.desc?(u=t.slots)==null?void 0:u.desc():s.desc]),e.createVNode("div",{class:"devui-result__extra"},[t.slots.extra?(a=t.slots)==null?void 0:a.extra():""])])}}});o.install=function(s){s.component(o.name,o)};var p={title:"Result \u7ED3\u679C",category:"\u53CD\u9988",status:"100%",install(s){s.use(o)}};l.Result=o,l.default=p,Object.defineProperty(l,"__esModule",{value:!0}),l[Symbol.toStringTag]="Module"});
+(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 u={icon:{type:String,default:"info"},title:{type:String,default:""},desc:{type:String,default:""}},c={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var f=e.defineComponent({name:"DIcon",props:c,setup(i){const{name:t,size:n,color:l,classPrefix:o}=e.toRefs(i);return()=>/^((https?):)?\/\//.test(t.value)?e.createVNode("img",{src:t.value,alt:t.value.split("/")[t.value.split("/").length-1],style:{width:n.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${o.value} ${o.value}-${t.value}`,style:{fontSize:n.value,color:l.value}},null)}}),v="",r=e.defineComponent({name:"DResult",props:u,setup(i,t){let n;return function(l){l.success="right-o",l.danger="error-o",l.warning="warning-o",l.info="info-o"}(n||(n={})),()=>{var l,o,a,d;return e.createVNode("div",{class:"devui-result"},[t.slots.icon?e.createVNode("div",null,[(l=t.slots)==null?void 0:l.icon()]):e.createVNode(f,{name:n[i.icon]||"",class:`devui-result__icon-${i.icon}`,size:"64px"},null),e.createVNode("div",{class:"devui-result__title"},[t.slots.title?(o=t.slots)==null?void 0:o.title():i.title]),e.createVNode("div",{class:"devui-result__desc"},[t.slots.desc?(a=t.slots)==null?void 0:a.desc():i.desc]),e.createVNode("div",{class:"devui-result__extra"},[t.slots.extra?(d=t.slots)==null?void 0:d.extra():""])])}}}),p={title:"Result \u7ED3\u679C",category:"\u53CD\u9988",status:"100%",install(i){i.component(r.name,r)}};s.Result=r,s.default=p,s.resultProps=u,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/search/index.es.js

@@ -5723,6 +5723,16 @@ var Search = defineComponent({
       ctx.emit("update:modelValue", event);
     };
     return () => {
+      const inputProps2 = {
+        size: props.size,
+        disabled: props.disabled,
+        autoFocus: props.autoFocus,
+        modelValue: keywords.value,
+        placeholder: props.placeholder,
+        cssClass: props.cssClass,
+        onKeydown: onInputKeydown,
+        "onUpdate:modelValue": onInputUpdate
+      };
       return createVNode("div", {
         "class": rootClasses.value
       }, [props.iconPosition === "left" && createVNode("div", {
@@ -5732,17 +5742,7 @@ var Search = defineComponent({
         "name": "search",
         "size": "inherit",
         "key": "search"
-      }, null)]), createVNode(DInput, {
-        "size": props.size,
-        "disabled": props.disabled,
-        "autoFocus": props.autoFocus,
-        "modelValue": keywords.value,
-        "maxLength": props.maxLength,
-        "placeholder": props.placeholder,
-        "cssClass": props.cssClass,
-        "onKeydown": onInputKeydown,
-        "onUpdate:modelValue": onInputUpdate
-      }, null), clearIconShow.value && createVNode("div", {
+      }, null)]), createVNode(DInput, inputProps2, null), clearIconShow.value && createVNode("div", {
         "class": "devui-search__clear",
         "onClick": onClearHandle
       }, [createVNode(resolveComponent("d-icon"), {