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

package/form/style.css

@@ -1 +1 @@
-.devui-form{position:relative}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover-icon{width:16px;height:16px;margin-right:8px}.devui-popover-icon .devui-icon.devui-icon-success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover-icon .devui-icon.devui-icon-success>g>circle,.devui-popover-icon .devui-icon.devui-icon-success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover-icon .devui-icon.devui-icon-warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover-icon .devui-icon.devui-icon-info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover-icon .devui-icon.devui-icon-error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover-reference{display:inline-block}.devui-popover-content{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover-fade-bottom-enter-from,.devui-popover-fade-bottom-leave-to,.devui-popover-fade-top-enter-from,.devui-popover-fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover-fade-bottom-enter-to,.devui-popover-fade-bottom-leave-from,.devui-popover-fade-top-enter-to,.devui-popover-fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover-fade-bottom-enter-active,.devui-popover-fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover-fade-bottom-leave-active,.devui-popover-fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover-fade-left-enter-from,.devui-popover-fade-left-leave-to,.devui-popover-fade-right-enter-from,.devui-popover-fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover-fade-left-enter-to,.devui-popover-fade-left-leave-from,.devui-popover-fade-right-enter-to,.devui-popover-fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover-fade-left-enter-active,.devui-popover-fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover-fade-left-leave-active,.devui-popover-fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form-label{-moz-box-flex:1;text-align:left;padding-bottom:8px;justify-content:flex-start;align-self:flex-start;margin-right:16px}.devui-form-label .devui-required{display:inline-flex;align-items:center}.devui-form-label .devui-required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form-label_sm{width:80px;min-width:80px}.devui-form-label_sd{width:100px;min-width:100px}.devui-form-label_lg{width:150px;min-width:150px}.devui-form-label_center{text-align:center}.devui-form-label_end{text-align:end}.devui-form-label-help{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.devui-form-item{display:flex;margin-bottom:20px}.devui-form-item-vertical{flex-direction:column}.devui-form-item-columns{flex-direction:column;display:inline-block!important}.devui-column-item{margin-bottom:20px}.devui-validate-tip-horizontal{margin-left:10px}.devui-form-control{position:relative;width:100%}.devui-form-control .devui-star{color:red}.devui-form-control .devui-form-control-container{position:relative}.devui-form-control .devui-form-control-container .devui-feedback-status{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;margin-top:-7px;line-height:16px;text-align:center;visibility:visible;pointer-events:none}.devui-form-control .devui-form-control-container .devui-radio:not(:last-child){margin-bottom:20px}.devui-form-control .devui-form-control-container-horizontal{display:flex;width:100%}.devui-form-control .devui-form-control-container-horizontal .devui-radio:not(:last-child){margin-bottom:0;margin-right:20px}.devui-form-control .devui-form-control-container-horizontal .devui-checkbox-group>div:first-child{display:flex;align-items:center}.devui-form-control .devui-form-control-container-horizontal .devui-checkbox-column-margin:not(:last-child){margin-right:20px}.devui-form-control .devui-form-control-container-horizontal .devui-validate-tip{margin:0}.devui-form-control .devui-control-content-wrapper{width:100%}.devui-form-control .devui-has-feedback{display:flex;align-items:center}.devui-form-control .devui-has-feedback input{padding-right:28px}.devui-form-control .devui-feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form-control .devui-feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form-control .devui-feedback-error input:hover{border-color:transparent!important}.devui-form-control .devui-feedback-error input:focus{border-color:transparent!important}.devui-form-control .devui-feedback-error .devui-select-arrow{right:24px!important}.devui-form-control .devui-form-control-extra-info{font-size:12px;color:#8a8e99;min-height:20px;line-height:1.5;text-align:justify}.devui-form-operation .star{color:red}.devui-validate-rules-error-pristine input{background-color:#ffeeed;border:1px solid #f66f6a}.devui-validate-rules-error-pristine input:focus{border:1px solid #f66f6a!important}.devui-validate-rules-error-pristine input:hover{border:1px solid #f66f6a!important}.devui-validate-tip{display:flex;justify-content:center;align-items:center;font-size:12px;color:#f66f6a}.devui-error input,.devui-error .devui-tags{border-color:var(--devui-danger-line, #f66f6a)!important;background-color:var(--devui-danger-bg, #ffeeed)!important}
+.devui-form{position:relative}@keyframes d-overlay-fade{0%{opacity:0}to{opacity:1}}.devui-overlay-fade-enter{opacity:0}.devui-overlay-fade-enter-active{animation-name:d-overlay-fade;animation-duration:.3s}.devui-overlay-fade-leave{opacity:1}.devui-overlay-fade-leave-active{animation-name:d-overlay-fade;animation-duration:.3s;animation-direction:reverse}.devui-overlay-background{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex}.devui-overlay-background__color{background:rgba(0,0,0,.4)}.devui-overlay-background .devui-overlay{position:relative;z-index:1000;pointer-events:auto}.devui-overlay-background__disabled{pointer-events:none}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-connected-overlay, 0 2px 8px 0) var(--devui-shadow, rgba(0, 0, 0, .2));z-index:1000}.devui-flexible-overlay-arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-popover-icon{width:16px;height:16px;margin-right:8px}.devui-popover-icon .devui-icon.devui-icon-success>g>path{fill:var(--devui-success, #50d4ab)}.devui-popover-icon .devui-icon.devui-icon-success>g>circle,.devui-popover-icon .devui-icon.devui-icon-success>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-warning>g>path{fill:var(--devui-warning, #fac20a)}.devui-popover-icon .devui-icon.devui-icon-warning>g>polygon{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-info>g>g{fill:var(--devui-info, #5e7ce0)}.devui-popover-icon .devui-icon.devui-icon-info>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover-icon .devui-icon.devui-icon-error>g>path{fill:var(--devui-danger, #f66f6a)}.devui-popover-icon .devui-icon.devui-icon-error>g>circle{fill:var(--devui-light-text, #ffffff)}.devui-popover-reference{display:inline-block}.devui-popover-content{display:flex;flex-wrap:wrap;align-items:center;white-space:nowrap;padding:4px 12px;line-height:1.5;border-radius:var(--devui-border-radius-feedback, 4px);color:var(--devui-feedback-overlay-text, #dfe1e6);background-color:var(--devui-feedback-overlay-bg, #464d6e);font-size:var(--devui-font-size-sm, 12px)}.devui-popover-content.is-icon{flex-wrap:nowrap}.devui-popover-fade-bottom-enter-from,.devui-popover-fade-bottom-leave-to,.devui-popover-fade-top-enter-from,.devui-popover-fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-popover-fade-bottom-enter-to,.devui-popover-fade-bottom-leave-from,.devui-popover-fade-top-enter-to,.devui-popover-fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-popover-fade-bottom-enter-active,.devui-popover-fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover-fade-bottom-leave-active,.devui-popover-fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-popover-fade-left-enter-from,.devui-popover-fade-left-leave-to,.devui-popover-fade-right-enter-from,.devui-popover-fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-popover-fade-left-enter-to,.devui-popover-fade-left-leave-from,.devui-popover-fade-right-enter-to,.devui-popover-fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-popover-fade-left-enter-active,.devui-popover-fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-popover-fade-left-leave-active,.devui-popover-fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-form-label{-moz-box-flex:1;text-align:left;padding-bottom:8px;justify-content:flex-start;align-self:flex-start;margin-right:16px}.devui-form-label .devui-required{display:inline-flex;align-items:center}.devui-form-label .devui-required:before{content:"*";color:red;display:inline-block;margin-right:8px;margin-left:-12px}.devui-form-label_sm{width:80px;min-width:80px}.devui-form-label_sd{width:100px;min-width:100px}.devui-form-label_lg{width:150px;min-width:150px}.devui-form-label_center{text-align:center}.devui-form-label_end{text-align:end}.devui-form-label-help{border-radius:50%;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-left:10px}.devui-form-item{display:flex;margin-bottom:20px}.devui-form-item-vertical{flex-direction:column}.devui-form-item-columns{flex-direction:column;display:inline-block!important}.devui-column-item{margin-bottom:20px}.devui-validate-tip-horizontal{margin-left:10px}.devui-form-control{position:relative;width:100%}.devui-form-control .devui-star{color:red}.devui-form-control .devui-form-control-container{position:relative}.devui-form-control .devui-form-control-container .devui-feedback-status{position:absolute;top:50%;right:0;z-index:1;width:32px;height:16px;margin-top:-7px;line-height:16px;text-align:center;visibility:visible;pointer-events:none}.devui-form-control .devui-form-control-container .devui-radio:not(:last-child){margin-bottom:20px}.devui-form-control .devui-form-control-container-horizontal{display:flex;width:100%}.devui-form-control .devui-form-control-container-horizontal .devui-radio:not(:last-child){margin-bottom:0;margin-right:20px}.devui-form-control .devui-form-control-container-horizontal .devui-checkbox-group>div:first-child{display:flex;align-items:center}.devui-form-control .devui-form-control-container-horizontal .devui-checkbox-column-margin:not(:last-child){margin-right:20px}.devui-form-control .devui-form-control-container-horizontal .devui-validate-tip{margin:0}.devui-form-control .devui-control-content-wrapper{width:100%}.devui-form-control .devui-has-feedback{display:flex;align-items:center}.devui-form-control .devui-has-feedback input{padding-right:28px}.devui-form-control .devui-feedback-error{border:1px solid #f66f6a;border-radius:2px}.devui-form-control .devui-feedback-error input{background-color:#ffeeed;border-color:transparent}.devui-form-control .devui-feedback-error input:hover{border-color:transparent!important}.devui-form-control .devui-feedback-error input:focus{border-color:transparent!important}.devui-form-control .devui-feedback-error .devui-select-arrow{right:24px!important}.devui-form-control .devui-form-control-extra-info{font-size:12px;color:#8a8e99;min-height:20px;line-height:1.5;text-align:justify}.devui-form-operation .star{color:red}.devui-validate-rules-error-pristine input{background-color:#ffeeed;border:1px solid #f66f6a}.devui-validate-rules-error-pristine input:focus{border:1px solid #f66f6a!important}.devui-validate-rules-error-pristine input:hover{border:1px solid #f66f6a!important}.devui-validate-tip{display:flex;justify-content:center;align-items:center;font-size:12px;color:#f66f6a}.devui-error input,.devui-error .devui-tags{border-color:var(--devui-danger-line, #f66f6a)!important;background-color:var(--devui-danger-bg, #ffeeed)!important}

package/fullscreen/index.es.js

@@ -36,7 +36,7 @@ const launchNormalFullscreen = (targetElement, props) => {
 };
 const exitNormalFullscreen = (targetElement) => {
   targetElement.classList.remove("devui-fullscreen");
-  targetElement.style.zIndex = null;
+  targetElement.style.zIndex = "";
 };
 const launchImmersiveFullScreen = async (docElement) => {
   let fullscreenLaunch = null;
@@ -49,7 +49,7 @@ const launchImmersiveFullScreen = async (docElement) => {
   } else if (docElement.msRequestFullscreen) {
     fullscreenLaunch = Promise.resolve(docElement.msRequestFullscreen());
   }
-  return await fullscreenLaunch.then(() => !!document.fullscreenElement);
+  return await (fullscreenLaunch == null ? void 0 : fullscreenLaunch.then(() => !!document.fullscreenElement));
 };
 const exitImmersiveFullScreen = async (doc) => {
   let fullscreenExit = null;
@@ -62,7 +62,7 @@ const exitImmersiveFullScreen = async (doc) => {
   } else if (doc.msExitFullscreen) {
     fullscreenExit = Promise.resolve(doc.msExitFullscreen());
   }
-  return await fullscreenExit.then(() => !!document.fullscreenElement);
+  return await (fullscreenExit == null ? void 0 : fullscreenExit.then(() => !!document.fullscreenElement));
 };
 const addFullScreenStyle = () => {
   document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html");
@@ -73,14 +73,6 @@ const removeFullScreenStyle = () => {
 function useFullscreen(props, slotElement, ctx) {
   const { modelValue, mode } = toRefs(props);
   let exitByKeydown = false;
-  watch(modelValue, (newVal) => {
-    if (mode.value === "normal") {
-      handleNormalFullscreen(newVal);
-    }
-    if (mode.value === "immersive") {
-      handleImmersiveFullscreen(newVal);
-    }
-  });
   const handleNormalFullscreen = (isOpen) => {
     if (isOpen) {
       launchNormalFullscreen(slotElement.value, props);
@@ -99,6 +91,14 @@ function useFullscreen(props, slotElement, ctx) {
       }
     }
   };
+  watch(modelValue, (newVal) => {
+    if (mode.value === "normal") {
+      handleNormalFullscreen(newVal);
+    }
+    if (mode.value === "immersive") {
+      handleImmersiveFullscreen(newVal);
+    }
+  });
   const handleFullscreenChange = () => {
     if (!document.fullscreenElement) {
       ctx.emit("update:modelValue");
@@ -131,15 +131,12 @@ var Fullscreen = defineComponent({
     };
   }
 });
-Fullscreen.install = function(app) {
-  app.component(Fullscreen.name, Fullscreen);
-};
 var index = {
   title: "Fullscreen \u5168\u5C4F",
   category: "\u901A\u7528",
   status: "100%",
   install(app) {
-    app.use(Fullscreen);
+    app.component(Fullscreen.name, Fullscreen);
   }
 };
-export { Fullscreen, index as default };
+export { Fullscreen, index as default, fullscreenProps };

package/fullscreen/index.umd.js

@@ -1 +1 @@
-(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";const d={modelValue:{type:Boolean,default:!1},mode:{type:String,default:"normal"},zIndex:{type:Number,default:10}},m=27;function f(e,l){const{modelValue:s}=n.toRefs(e),u=o=>{o.keyCode===m&&s&&l.emit("update:modelValue",!1)};n.onMounted(()=>{document.addEventListener("keydown",u)}),n.onUnmounted(()=>{document.removeEventListener("keydown",u)})}const F=(e,l)=>{e.classList.add("devui-fullscreen"),l.zIndex&&e.setAttribute("style",`z-index: ${l.zIndex}`)},y=e=>{e.classList.remove("devui-fullscreen"),e.style.zIndex=null},v=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await l.then(()=>!!document.fullscreenElement)},S=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await l.then(()=>!!document.fullscreenElement)},h=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html")},x=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen-html")};function p(e,l,s){const{modelValue:u,mode:o}=n.toRefs(e);let c=!1;n.watch(u,r=>{o.value==="normal"&&C(r),o.value==="immersive"&&q(r)});const C=r=>{r?(F(l.value,e),h()):(y(l.value),x())},q=r=>{r?v(l.value):c||S(document)},a=()=>{document.fullscreenElement?c=!1:(s.emit("update:modelValue"),c=!0)};n.onMounted(()=>{document.addEventListener("fullscreenchange",a)}),n.onUnmounted(()=>{document.removeEventListener("fullscreenchange",a)})}var z="",i=n.defineComponent({name:"DFullscreen",props:d,emits:["update:modelValue"],setup(e,l){const s=n.ref(null);return p(e,s,l),f(e,l),()=>{const u=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:s},[u])}}});i.install=function(e){e.component(i.name,i)};var w={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(e){e.use(i)}};t.Fullscreen=i,t.default=w,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+(function(t,n){typeof exports=="object"&&typeof module!="undefined"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis!="undefined"?globalThis:t||self,n(t.index={},t.Vue))})(this,function(t,n){"use strict";const a={modelValue:{type:Boolean,default:!1},mode:{type:String,default:"normal"},zIndex:{type:Number,default:10}},m=27;function f(e,l){const{modelValue:s}=n.toRefs(e),u=o=>{o.keyCode===m&&s&&l.emit("update:modelValue",!1)};n.onMounted(()=>{document.addEventListener("keydown",u)}),n.onUnmounted(()=>{document.removeEventListener("keydown",u)})}const F=(e,l)=>{e.classList.add("devui-fullscreen"),l.zIndex&&e.setAttribute("style",`z-index: ${l.zIndex}`)},y=e=>{e.classList.remove("devui-fullscreen"),e.style.zIndex=""},v=async e=>{let l=null;return e.requestFullscreen?l=e.requestFullscreen():e.mozRequestFullScreen?l=e.mozRequestFullScreen():e.webkitRequestFullScreen?l=Promise.resolve(e.webkitRequestFullScreen()):e.msRequestFullscreen&&(l=Promise.resolve(e.msRequestFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},S=async e=>{let l=null;return e.exitFullscreen?l=e.exitFullscreen():e.mozCancelFullScreen?l=e.mozCancelFullScreen():e.webkitCancelFullScreen?l=Promise.resolve(e.webkitCancelFullScreen()):e.msExitFullscreen&&(l=Promise.resolve(e.msExitFullscreen())),await(l==null?void 0:l.then(()=>!!document.fullscreenElement))},h=()=>{document.getElementsByTagName("html")[0].classList.add("devui-fullscreen-html")},p=()=>{document.getElementsByTagName("html")[0].classList.remove("devui-fullscreen-html")};function w(e,l,s){const{modelValue:u,mode:o}=n.toRefs(e);let c=!1;const C=r=>{r?(F(l.value,e),h()):(y(l.value),p())},q=r=>{r?v(l.value):c||S(document)};n.watch(u,r=>{o.value==="normal"&&C(r),o.value==="immersive"&&q(r)});const d=()=>{document.fullscreenElement?c=!1:(s.emit("update:modelValue"),c=!0)};n.onMounted(()=>{document.addEventListener("fullscreenchange",d)}),n.onUnmounted(()=>{document.removeEventListener("fullscreenchange",d)})}var z="",i=n.defineComponent({name:"DFullscreen",props:a,emits:["update:modelValue"],setup(e,l){const s=n.ref(null);return w(e,s,l),f(e,l),()=>{const u=n.renderSlot(n.useSlots(),"default");return n.createVNode("div",{ref:s},[u])}}}),x={title:"Fullscreen \u5168\u5C4F",category:"\u901A\u7528",status:"100%",install(e){e.component(i.name,i)}};t.Fullscreen=i,t.default=x,t.fullscreenProps=a,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});

package/icon/index.es.js

@@ -1,75 +1,57 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
+import { defineComponent, toRefs, createVNode } from "vue";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
 };
-import { defineComponent, createVNode } from "vue";
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
-Icon.install = function(app) {
-  app.component(Icon.name, Icon);
-};
 var index = {
   title: "Icon \u56FE\u6807",
   category: "\u901A\u7528",
   status: "100%",
   install(app) {
-    app.use(Icon);
+    app.component(Icon.name, Icon);
   }
 };
-export { Icon, index as default };
+export { Icon, index as default, iconProps };

package/icon/index.umd.js

@@ -1 +1 @@
-var a=Object.defineProperty;var s=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var u=(t,e,n)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,l=(t,e)=>{for(var n in e||(e={}))f.call(e,n)&&u(t,n,e[n]);if(s)for(var n of s(e))p.call(e,n)&&u(t,n,e[n]);return t};(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 n=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(i){return l({},i)},render(){const{name:i,size:o,color:c,classPrefix:r}=this;return/^((https?):)?\/\//.test(i)?e.createVNode("img",{src:i,alt:i.split("/")[i.split("/").length-1],style:{width:o,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${r} ${r}-${i}`,style:{fontSize:o,color:c}},null)}});n.install=function(i){i.component(n.name,n)};var d={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"100%",install(i){i.use(n)}};t.Icon=n,t.default=d,Object.defineProperty(t,"__esModule",{value:!0}),t[Symbol.toStringTag]="Module"});
+(function(e,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(e=typeof globalThis!="undefined"?globalThis:e||self,t(e.index={},e.Vue))})(this,function(e,t){"use strict";const o={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var i=t.defineComponent({name:"DIcon",props:o,setup(l){const{name:n,size:u,color:s,classPrefix:r}=t.toRefs(l);return()=>/^((https?):)?\/\//.test(n.value)?t.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${r.value} ${r.value}-${n.value}`,style:{fontSize:u.value,color:s.value}},null)}}),a={title:"Icon \u56FE\u6807",category:"\u901A\u7528",status:"100%",install(l){l.component(i.name,i)}};e.Icon=i,e.default=a,e.iconProps=o,Object.defineProperty(e,"__esModule",{value:!0}),e[Symbol.toStringTag]="Module"});

package/image-preview/index.es.js

@@ -188,8 +188,9 @@ var imagePreview = defineComponent({
       transform.setZoomOriginal();
     }
     function onKeyDown(event) {
-      if (event.defaultPrevented)
+      if (event.defaultPrevented) {
         return;
+      }
       if (event.code == "Escape") {
         onClose();
       } else if (event.code == "ArrowLeft") {

package/input-icon/index.es.js

@@ -29,7 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, reactive } from "vue";
+import { defineComponent, inject, computed, ref, watch, createVNode, withDirectives, mergeProps, resolveDirective, resolveComponent, toRefs, reactive } from "vue";
 const inputProps = {
   placeholder: {
     type: String,
@@ -206,50 +206,51 @@ var Input = defineComponent({
     }, null)])]);
   }
 });
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
 var inputIcon = "";

package/input-icon/index.umd.js

@@ -1 +1 @@
-var K=Object.defineProperty,M=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,N=Object.prototype.propertyIsEnumerable;var V=(n,e,o)=>e in n?K(n,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[e]=o,v=(n,e)=>{for(var o in e||(e={}))S.call(e,o)&&V(n,o,e[o]);if(w)for(var o of w(e))N.call(e,o)&&V(n,o,e[o]);return n},P=(n,e)=>M(n,j(e));var k=(n,e)=>{var o={};for(var r in n)S.call(n,r)&&e.indexOf(r)<0&&(o[r]=n[r]);if(n!=null&&w)for(var r of w(n))e.indexOf(r)<0&&N.call(n,r)&&(o[r]=n[r]);return o};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var r="";const B=Symbol("dFormItem"),C={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var x=e.defineComponent({name:"DInput",directives:{focus:{mounted:function(t,i){i.value&&t.focus()}}},props:o,emits:["update:modelValue","focus","blur","change","keydown"],setup(t,i){const u=e.inject(B,{}),a=Object.keys(u).length>0,p=e.computed(()=>`devui-input-${t.size}`),s=e.ref(!1),l=e.ref("text"),y=e.computed(()=>({error:t.error,[t.cssClass]:!0,"devui-input-restore":s.value,[p.value]:t.size!==""})),d=e.computed(()=>l.value==="password");return e.watch(()=>t.showPassword,c=>{l.value=c?"password":"text",s.value=t.showPassword},{immediate:!0}),{inputCls:y,inputType:l,showPreviewIcon:d,showPwdIcon:s,onInput:c=>{i.emit("update:modelValue",c.target.value),a&&u.formItemMitt.emit(C.input)},onFocus:()=>{i.emit("focus")},onBlur:()=>{i.emit("blur"),a&&u.formItemMitt.emit(C.blur)},onChange:c=>{i.emit("change",c.target.value),a&&u.formItemMitt.emit(C.change)},onKeydown:c=>{i.emit("keydown",c)},onChangeInputType:()=>{l.value=l.value==="password"?"text":"password"}}},render(){const{modelValue:t,showPreviewIcon:i,showPwdIcon:u,inputCls:a,inputType:p,maxLength:s,autoFocus:l,placeholder:y,disabled:d,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:F,onChangeInputType:b}=this;return e.createVNode("div",{class:"devui-input__wrap"},[e.withDirectives(e.createVNode("input",e.mergeProps({dinput:!0},{value:t,disabled:d,type:p,maxlength:s,placeholder:y,class:a,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:F}),null),[[e.resolveDirective("focus"),l]]),u&&e.createVNode("div",{class:"devui-input__preview",onClick:b},[i?e.createVNode(e.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):e.createVNode(e.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}}),z=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return v({},t)},render(){const{name:t,size:i,color:u,classPrefix:a}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:i,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${a} ${a}-${t}`,style:{fontSize:i,color:u}},null)}}),D="";const T=P(v({},o),{name:{type:String,value:"calendar",required:!1},onIconclick:{type:Function,required:!1},iconBgColor:{type:String,value:"transparent"},iconColor:{type:String,value:"#000000"}});var m=e.defineComponent({name:"DInputIcon",props:T,setup(t,i){const g=t,{name:u,onIconclick:a,onChange:p,iconBgColor:s,iconColor:l}=g,y=k(g,["name","onIconclick","onChange","iconBgColor","iconColor"]),d=e.reactive({value:""}),h=f=>{d.value=f,typeof p=="function"&&p(d.value)},I=f=>{typeof a=="function"&&a(d.value,f)};return()=>e.createVNode("div",{class:"d-input-icon-container"},[e.createVNode("label",null,[e.createVNode(x,e.mergeProps(y,{onChange:h}),null)]),e.createVNode("span",{onClick:I,style:{backgroundColor:s}},[e.createVNode(z,{size:"small",name:u,color:l},null)])])}});m.install=function(t){t.component(m.name,m)};var _={title:"InputIcon\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"75%",install(t){t.use(m)}};n.InputIcon=m,n.default=_,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+var M=Object.defineProperty,j=Object.defineProperties;var D=Object.getOwnPropertyDescriptors;var w=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var b=(n,e,o)=>e in n?M(n,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[e]=o,S=(n,e)=>{for(var o in e||(e={}))V.call(e,o)&&b(n,o,e[o]);if(w)for(var o of w(e))P.call(e,o)&&b(n,o,e[o]);return n},N=(n,e)=>j(n,D(e));var k=(n,e)=>{var o={};for(var l in n)V.call(n,l)&&e.indexOf(l)<0&&(o[l]=n[l]);if(n!=null&&w)for(var l of w(n))e.indexOf(l)<0&&P.call(n,l)&&(o[l]=n[l]);return o};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const o={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},modelValue:{type:String,default:""},"update:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var l="";const B=Symbol("dFormItem"),v={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var x=e.defineComponent({name:"DInput",directives:{focus:{mounted:function(t,a){a.value&&t.focus()}}},props:o,emits:["update:modelValue","focus","blur","change","keydown"],setup(t,a){const u=e.inject(B,{}),i=Object.keys(u).length>0,r=e.computed(()=>`devui-input-${t.size}`),c=e.ref(!1),s=e.ref("text"),y=e.computed(()=>({error:t.error,[t.cssClass]:!0,"devui-input-restore":c.value,[r.value]:t.size!==""})),d=e.computed(()=>s.value==="password");return e.watch(()=>t.showPassword,p=>{s.value=p?"password":"text",c.value=t.showPassword},{immediate:!0}),{inputCls:y,inputType:s,showPreviewIcon:d,showPwdIcon:c,onInput:p=>{a.emit("update:modelValue",p.target.value),i&&u.formItemMitt.emit(v.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),i&&u.formItemMitt.emit(v.blur)},onChange:p=>{a.emit("change",p.target.value),i&&u.formItemMitt.emit(v.change)},onKeydown:p=>{a.emit("keydown",p)},onChangeInputType:()=>{s.value=s.value==="password"?"text":"password"}}},render(){const{modelValue:t,showPreviewIcon:a,showPwdIcon:u,inputCls:i,inputType:r,maxLength:c,autoFocus:s,placeholder:y,disabled:d,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:C,onChangeInputType:F}=this;return e.createVNode("div",{class:"devui-input__wrap"},[e.withDirectives(e.createVNode("input",e.mergeProps({dinput:!0},{value:t,disabled:d,type:r,maxlength:c,placeholder:y,class:i,onInput:h,onFocus:I,onBlur:g,onChange:f,onKeydown:C}),null),[[e.resolveDirective("focus"),s]]),u&&e.createVNode("div",{class:"devui-input__preview",onClick:F},[a?e.createVNode(e.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:1},null):e.createVNode(e.resolveComponent("d-icon"),{name:"preview",size:"12px",key:2},null)])])}});const z={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var T=e.defineComponent({name:"DIcon",props:z,setup(t){const{name:a,size:u,color:i,classPrefix:r}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(a.value)?e.createVNode("img",{src:a.value,alt:a.value.split("/")[a.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${r.value} ${r.value}-${a.value}`,style:{fontSize:u.value,color:i.value}},null)}}),E="";const _=N(S({},o),{name:{type:String,value:"calendar",required:!1},onIconclick:{type:Function,required:!1},iconBgColor:{type:String,value:"transparent"},iconColor:{type:String,value:"#000000"}});var m=e.defineComponent({name:"DInputIcon",props:_,setup(t,a){const g=t,{name:u,onIconclick:i,onChange:r,iconBgColor:c,iconColor:s}=g,y=k(g,["name","onIconclick","onChange","iconBgColor","iconColor"]),d=e.reactive({value:""}),h=f=>{d.value=f,typeof r=="function"&&r(d.value)},I=f=>{typeof i=="function"&&i(d.value,f)};return()=>e.createVNode("div",{class:"d-input-icon-container"},[e.createVNode("label",null,[e.createVNode(x,e.mergeProps(y,{onChange:h}),null)]),e.createVNode("span",{onClick:I,style:{backgroundColor:c}},[e.createVNode(T,{size:"small",name:u,color:s},null)])])}});m.install=function(t){t.component(m.name,m)};var K={title:"InputIcon\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"75%",install(t){t.use(m)}};n.InputIcon=m,n.default=K,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});

package/input-number/index.es.js

@@ -1,20 +1,4 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-import { defineComponent, createVNode, ref, computed } from "vue";
+import { defineComponent, toRefs, createVNode, ref, computed } from "vue";
 const inputNumberProps = {
   placeholder: {
     type: String,
@@ -66,50 +50,51 @@ const inputNumberProps = {
   }
 };
 var inputNumber = "";
+const iconProps = {
+  name: {
+    type: String,
+    default: "",
+    required: true
+  },
+  size: {
+    type: String,
+    default: "inherit"
+  },
+  color: {
+    type: String,
+    default: "inherit"
+  },
+  classPrefix: {
+    type: String,
+    default: "icon"
+  }
+};
 var Icon = defineComponent({
   name: "DIcon",
-  props: {
-    name: {
-      type: String,
-      required: true
-    },
-    size: {
-      type: String,
-      default: "inherit"
-    },
-    color: {
-      type: String,
-      default: "inherit"
-    },
-    classPrefix: {
-      type: String,
-      default: "icon"
-    }
-  },
+  props: iconProps,
   setup(props) {
-    return __spreadValues({}, props);
-  },
-  render() {
     const {
       name,
       size,
       color,
       classPrefix
-    } = this;
-    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size,
-        verticalAlign: "text-bottom"
-      }
-    }, null) : createVNode("i", {
-      "class": `${classPrefix} ${classPrefix}-${name}`,
-      "style": {
-        fontSize: size,
-        color
-      }
-    }, null);
+    } = toRefs(props);
+    return () => {
+      return /^((https?):)?\/\//.test(name.value) ? createVNode("img", {
+        "src": name.value,
+        "alt": name.value.split("/")[name.value.split("/").length - 1],
+        "style": {
+          width: size.value,
+          verticalAlign: "text-bottom"
+        }
+      }, null) : createVNode("i", {
+        "class": `${classPrefix.value} ${classPrefix.value}-${name.value}`,
+        "style": {
+          fontSize: size.value,
+          color: color.value
+        }
+      }, null);
+    };
   }
 });
 var InputNumber = defineComponent({
@@ -126,20 +111,24 @@ var InputNumber = defineComponent({
       return props.disabled;
     });
     const add = () => {
-      if (props.disabled)
+      if (props.disabled) {
         return;
-      if (inputVal.value >= props.max)
+      }
+      if (inputVal.value >= props.max) {
         return;
+      }
       inputVal.value += props.step != 0 ? props.step : 1;
       focusVal.value = "active";
       ctx.emit("change", inputVal.value);
       ctx.emit("update:modelValue", inputVal.value);
     };
     const subtract = () => {
-      if (props.disabled)
+      if (props.disabled) {
         return;
-      if (inputVal.value <= props.min)
+      }
+      if (inputVal.value <= props.min) {
         return;
+      }
       inputVal.value -= props.step != 0 ? props.step : 1;
       focusVal.value = "active";
       ctx.emit("change", inputVal.value);

package/input-number/index.umd.js

@@ -1 +1 @@
-var F=Object.defineProperty;var V=Object.getOwnPropertySymbols;var S=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var g=(n,e,a)=>e in n?F(n,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[e]=a,N=(n,e)=>{for(var a in e||(e={}))S.call(e,a)&&g(n,a,e[a]);if(V)for(var a of V(e))w.call(e,a)&&g(n,a,e[a]);return n};(function(n,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis!="undefined"?globalThis:n||self,e(n.index={},n.Vue))})(this,function(n,e){"use strict";const a={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var z="",p=e.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(t){return N({},t)},render(){const{name:t,size:u,color:i,classPrefix:l}=this;return/^((https?):)?\/\//.test(t)?e.createVNode("img",{src:t,alt:t.split("/")[t.split("/").length-1],style:{width:u,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l} ${l}-${t}`,style:{fontSize:u,color:i}},null)}}),d=e.defineComponent({name:"DInputNumber",props:a,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(t,u){const i=e.ref(t.modelValue),l=e.ref(""),r=e.computed(()=>`devui-input-number-${t.size}`),s=e.computed(()=>t.disabled);return{inputVal:i,focusVal:l,isDisabled:s,isSize:r,add:()=>{t.disabled||i.value>=t.max||(i.value+=t.step!=0?t.step:1,l.value="active",u.emit("change",i.value),u.emit("update:modelValue",i.value))},subtract:()=>{t.disabled||i.value<=t.min||(i.value-=t.step!=0?t.step:1,l.value="active",u.emit("change",i.value),u.emit("update:modelValue",i.value))},onInput:o=>{i.value=parseInt(o.data),u.emit("input",o.data),u.emit("update:modelValue",o.data)},onChange:o=>{u.emit("change",o.target.value)},onKeydown:o=>{u.emit("keydown",o)},onBlur:o=>{l.value="",u.emit("blur",o)},onFocus:o=>{l.value="active",u.emit("focus",o)}}},render(){const{focusVal:t,placeholder:u,add:i,inputVal:l,isDisabled:r,isSize:s,subtract:m,onInput:f,onChange:y,onKeydown:b,onBlur:c,onFocus:v}=this,h=["devui-input-number",r?"devui-input-disabled":"",s];return e.createVNode("div",{class:h},[e.createVNode("div",{onBlur:c,tabindex:"1",class:["devui-control-buttons",t.value]},[e.createVNode("span",{onClick:i},[e.createVNode(p,{size:"12px",name:"chevron-up"},null)]),e.createVNode("span",{onClick:m},[e.createVNode(p,{size:"12px",name:"chevron-down"},null)])]),e.createVNode("div",{class:"devui-input-item"},[e.createVNode("input",{type:"number",value:l,placeholder:u,disabled:r,class:["devui-input-style devui-input-box",t.value],onInput:f,onChange:y,onFocus:v,onBlur:c,onKeydown:b},null)])])}});d.install=function(t){t.component(d.name,d)};var I={title:"InputNumber \u6570\u5B57\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(t){t.use(d)}};n.InputNumber=d,n.default=I,Object.defineProperty(n,"__esModule",{value:!0}),n[Symbol.toStringTag]="Module"});
+(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 h={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},step:{type:Number,default:0},max:{type:Number,default:1/0},min:{type:Number,default:-1/0},size:{type:String,default:""},modelValue:{type:Number,default:0},"onUpdate:modelValue":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var N="";const V={name:{type:String,default:"",required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}};var c=e.defineComponent({name:"DIcon",props:V,setup(t){const{name:n,size:u,color:o,classPrefix:l}=e.toRefs(t);return()=>/^((https?):)?\/\//.test(n.value)?e.createVNode("img",{src:n.value,alt:n.value.split("/")[n.value.split("/").length-1],style:{width:u.value,verticalAlign:"text-bottom"}},null):e.createVNode("i",{class:`${l.value} ${l.value}-${n.value}`,style:{fontSize:u.value,color:o.value}},null)}}),d=e.defineComponent({name:"DInputNumber",props:h,emits:["update:modelValue","change","input","focus","blur","keydown"],setup(t,n){const u=e.ref(t.modelValue),o=e.ref(""),l=e.computed(()=>`devui-input-number-${t.size}`),s=e.computed(()=>t.disabled);return{inputVal:u,focusVal:o,isDisabled:s,isSize:l,add:()=>{t.disabled||u.value>=t.max||(u.value+=t.step!=0?t.step:1,o.value="active",n.emit("change",u.value),n.emit("update:modelValue",u.value))},subtract:()=>{t.disabled||u.value<=t.min||(u.value-=t.step!=0?t.step:1,o.value="active",n.emit("change",u.value),n.emit("update:modelValue",u.value))},onInput:a=>{u.value=parseInt(a.data),n.emit("input",a.data),n.emit("update:modelValue",a.data)},onChange:a=>{n.emit("change",a.target.value)},onKeydown:a=>{n.emit("keydown",a)},onBlur:a=>{o.value="",n.emit("blur",a)},onFocus:a=>{o.value="active",n.emit("focus",a)}}},render(){const{focusVal:t,placeholder:n,add:u,inputVal:o,isDisabled:l,isSize:s,subtract:p,onInput:m,onChange:f,onKeydown:v,onBlur:r,onFocus:y}=this,b=["devui-input-number",l?"devui-input-disabled":"",s];return e.createVNode("div",{class:b},[e.createVNode("div",{onBlur:r,tabindex:"1",class:["devui-control-buttons",t.value]},[e.createVNode("span",{onClick:u},[e.createVNode(c,{size:"12px",name:"chevron-up"},null)]),e.createVNode("span",{onClick:p},[e.createVNode(c,{size:"12px",name:"chevron-down"},null)])]),e.createVNode("div",{class:"devui-input-item"},[e.createVNode("input",{type:"number",value:o,placeholder:n,disabled:l,class:["devui-input-style devui-input-box",t.value],onInput:m,onChange:f,onFocus:y,onBlur:r,onKeydown:v},null)])])}});d.install=function(t){t.component(d.name,d)};var g={title:"InputNumber \u6570\u5B57\u8F93\u5165\u6846",category:"\u6570\u636E\u5F55\u5165",status:"50%",install(t){t.use(d)}};i.InputNumber=d,i.default=g,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});

package/input-number/style.css

@@ -1 +1 @@
-.devui-input-number{position:relative;display:inline-block;width:80px;line-height:38px;margin-right:12px}.devui-input-number:hover:not(.devui-input-disabled) .devui-input-box{border-color:var(--devui-form-control-line-hover)}.devui-input-number:hover:not(.devui-input-disabled) .devui-control-buttons:not(.disabled){display:flex;border-color:var(--devui-form-control-line-hover)}.devui-input-number:focus-within .devui-control-buttons{display:flex}.devui-input-number .active{border:1px solid var(--devui-form-control-line-active)!important;display:flex!important}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{border-color:var(--devui-disabled-line)!important;color:var(--devui-disabled-text)!important;background-color:var(--devui-disabled-bg)!important}.devui-input-number.devui-input-number-sm .devui-subtract,.devui-input-number.devui-input-number-sm .devui-add{width:40px;height:34px;line-height:34px}.devui-input-number.devui-input-number-sm .devui-input-style{height:34px;line-height:34px}.devui-input-number.devui-input-number-lg .devui-subtract,.devui-input-number.devui-input-number-lg .devui-add{width:60px}.devui-input-number .devui-input-item{line-height:100%}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{outline:none;background-color:var(--devui-base-bg);border:1px solid var(--devui-form-control-line);border-radius:var(--devui-border-radius);padding:4px 8px;line-height:18px;font-size:var(--devui-font-size);color:var(--devui-text);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-input-number .devui-input-box{box-sizing:border-box;padding:4px 8px;font-size:var(--devui-font-size);vertical-align:middle;border-radius:var(--devui-border-radius);outline:none;width:100%;line-height:20px;height:28px;border-width:1px;border-style:solid}.devui-input-number .devui-input-box:not(.disabled){background-color:var(--devui-base-bg);border-color:var(--devui-line);color:var(--devui-text)}.devui-input-number .disabled{cursor:not-allowed}.devui-input-number .devui-control-buttons{display:none;position:absolute;right:0;width:22px;height:100%;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--devui-line);box-sizing:border-box;line-height:100%;border-radius:0 var(--devui-border-radius) var(--devui-border-radius) 0}.devui-input-number .devui-control-buttons:not(.disabled){cursor:pointer}.devui-input-number .devui-control-buttons>span{display:flex}
+.devui-input-number{position:relative;display:inline-block;width:80px;line-height:38px;margin-right:12px}.devui-input-number:hover:not(.devui-input-disabled) .devui-input-box{border-color:var(--devui-form-control-line-hover)}.devui-input-number:hover:not(.devui-input-disabled) .devui-control-buttons:not(.disabled){display:flex;border-color:var(--devui-form-control-line-hover)}.devui-input-number:focus-within .devui-control-buttons{display:flex}.devui-input-number .active{border:1px solid var(--devui-form-control-line-active)!important;display:flex!important}.devui-input-number.devui-input-disabled .devui-subtract,.devui-input-number.devui-input-disabled .devui-add,.devui-input-number.devui-input-disabled .devui-input-style{cursor:not-allowed;border-color:#e4e7ed;color:#e4e7ed}.devui-input-number.devui-input-disabled .devui-input-style{border-color:var(--devui-disabled-line)!important;color:var(--devui-disabled-text)!important;background-color:var(--devui-disabled-bg)!important}.devui-input-number.devui-input-number-sm .devui-input-box{width:80px;height:26px;line-height:26px}.devui-input-number.devui-input-number-normal .devui-input-box{width:80px;height:28px;line-height:28px}.devui-input-number.devui-input-number-lg .devui-input-box{width:80px;height:46px;line-height:46px}.devui-input-number .devui-input-item{line-height:100%}.devui-input-number .devui-input-style::-webkit-outer-spin-button,.devui-input-number .devui-input-style::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.devui-input-number .devui-add,.devui-input-number .devui-subtract{display:inline-block;width:50px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#333;background:#f5f7fa;cursor:pointer;border:1px solid #dcdfe6}.devui-input-number .devui-add{float:right;margin-left:-1px;border-radius:0 4px 4px 0}.devui-input-number .devui-subtract{float:left;margin-right:-1px;border-radius:4px 0 0 4px}.devui-input-number .devui-input-style{display:block;-moz-appearance:textfield}.devui-input-number .devui-input-style{outline:none;background-color:var(--devui-base-bg);border:1px solid var(--devui-form-control-line);border-radius:var(--devui-border-radius);padding:4px 8px;line-height:18px;font-size:var(--devui-font-size);color:var(--devui-text);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-input-number .devui-input-box{box-sizing:border-box;padding:4px 8px;font-size:var(--devui-font-size);vertical-align:middle;border-radius:var(--devui-border-radius);outline:none;width:100%;line-height:20px;height:28px;border-width:1px;border-style:solid}.devui-input-number .devui-input-box:not(.disabled){background-color:var(--devui-base-bg);border-color:var(--devui-line);color:var(--devui-text)}.devui-input-number .disabled{cursor:not-allowed}.devui-input-number .devui-control-buttons{display:none;position:absolute;right:0;width:22px;height:100%;flex-direction:column;justify-content:center;align-items:center;border-left:1px solid var(--devui-line);box-sizing:border-box;line-height:100%;border-radius:0 var(--devui-border-radius) var(--devui-border-radius) 0}.devui-input-number .devui-control-buttons:not(.disabled){cursor:pointer}.devui-input-number .devui-control-buttons>span{display:flex}