vxe-pc-ui 4.10.37 → 4.10.39

package/lib/icon-picker/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/icon-picker/style/style.css

@@ -0,0 +1,217 @@
+.vxe-ico-picker {
+  position: relative;
+  display: inline-block;
+  color: var(--vxe-ui-font-color);
+  width: 100px;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon {
+  display: block;
+}
+.vxe-ico-picker.is--active {
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--inner {
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  padding: 0 0.5em;
+}
+
+.vxe-ico-picker--input {
+  position: absolute;
+  z-index: -1;
+  width: 1px;
+  height: 1px;
+  outline: 0;
+  border: 0;
+}
+
+.vxe-ico-picker--icon {
+  flex-grow: 1;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: left;
+  padding: 0 0.5em;
+}
+.vxe-ico-picker--icon > svg {
+  max-width: 1em;
+  max-height: 1em;
+  vertical-align: middle;
+}
+
+.vxe-ico-picker--placeholder {
+  flex-grow: 1;
+  color: var(--vxe-ui-input-placeholder-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.vxe-ico-picker--suffix {
+  display: flex;
+  flex-direction: row;
+  flex-shrink: 0;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+}
+.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon > i {
+  display: inline-block;
+  transition: transform 0.2s ease-in-out;
+}
+
+.vxe-ico-picker--readonly {
+  color: var(--vxe-ui-font-color);
+  display: inline-flex;
+}
+
+.vxe-ico-picker--clear-icon {
+  display: none;
+  padding-right: 0.5em;
+  height: 100%;
+  color: var(--vxe-ui-input-placeholder-color);
+  cursor: pointer;
+}
+.vxe-ico-picker--clear-icon:hover {
+  color: var(--vxe-ui-font-color);
+}
+.vxe-ico-picker--clear-icon:active {
+  color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--list-wrapper {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 22.3em;
+  padding: var(--vxe-ui-layout-padding-qtr);
+}
+
+.vxe-ico-picker--list {
+  display: flex;
+  flex-direction: row;
+}
+
+.vxe-ico-picker--item {
+  display: flex;
+  flex-direction: column;
+  width: 4.8em;
+  padding: 0.2em;
+  border: 1px solid var(--vxe-ui-input-border-color);
+  border-radius: var(--vxe-ui-base-border-radius);
+  margin: var(--vxe-ui-layout-padding-half);
+  cursor: pointer;
+}
+.vxe-ico-picker--item:hover {
+  background-color: var(--vxe-ui-base-hover-background-color);
+}
+.vxe-ico-picker--item.is--selected {
+  color: var(--vxe-ui-font-primary-color);
+  border-color: var(--vxe-ui-font-primary-color);
+}
+
+.vxe-ico-picker--item-icon {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  height: 1.5em;
+  font-size: 1.4em;
+}
+.vxe-ico-picker--item-icon > svg {
+  max-width: 1em;
+  max-height: 1em;
+  vertical-align: middle;
+}
+
+.vxe-ico-picker--item-title {
+  padding: 0 0.2em;
+  line-height: 1.3em;
+  flex-shrink: 0;
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 0.9em;
+}
+
+.vxe-ico-picker--item-title,
+.vxe-ico-picker--item-icon {
+  width: 100%;
+}
+
+.vxe-ico-picker--panel-wrapper {
+  position: relative;
+  border-radius: var(--vxe-ui-base-border-radius);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+
+.vxe-ico-picker--panel {
+  display: none;
+  position: absolute;
+  left: 0;
+  padding: 4px 0;
+  color: var(--vxe-ui-font-color);
+  text-align: left;
+}
+.vxe-ico-picker--panel:not(.is--transfer) {
+  min-width: 100%;
+}
+.vxe-ico-picker--panel.is--transfer {
+  position: fixed;
+}
+.vxe-ico-picker--panel.ani--leave {
+  display: block;
+  opacity: 0;
+  transform: scaleY(0.5);
+  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+  backface-visibility: hidden;
+}
+.vxe-ico-picker--panel.ani--leave[placement=top] {
+  transform-origin: center bottom;
+}
+.vxe-ico-picker--panel.ani--enter {
+  opacity: 1;
+  transform: scaleY(1);
+}
+
+.vxe-ico-picker {
+  height: var(--vxe-ui-input-height-default);
+  line-height: var(--vxe-ui-input-height-default);
+}
+.vxe-ico-picker.size--medium {
+  height: var(--vxe-ui-input-height-medium);
+  line-height: var(--vxe-ui-input-height-medium);
+}
+.vxe-ico-picker.size--small {
+  height: var(--vxe-ui-input-height-small);
+  line-height: var(--vxe-ui-input-height-small);
+}
+.vxe-ico-picker.size--mini {
+  height: var(--vxe-ui-input-height-mini);
+  line-height: var(--vxe-ui-input-height-mini);
+}
+
+.vxe-ico-picker,
+.vxe-ico-picker--panel {
+  font-size: var(--vxe-ui-font-size-default);
+}
+.vxe-ico-picker.size--medium,
+.vxe-ico-picker--panel.size--medium {
+  font-size: var(--vxe-ui-font-size-medium);
+}
+.vxe-ico-picker.size--small,
+.vxe-ico-picker--panel.size--small {
+  font-size: var(--vxe-ui-font-size-small);
+}
+.vxe-ico-picker.size--mini,
+.vxe-ico-picker--panel.size--mini {
+  font-size: var(--vxe-ui-font-size-mini);
+}

package/lib/icon-picker/style/style.min.css

@@ -0,0 +1 @@
+.vxe-ico-picker{position:relative;display:inline-block;color:var(--vxe-ui-font-color);width:100px;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker.show--clear:hover .vxe-ico-picker--clear-icon{display:block}.vxe-ico-picker.is--active{border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--inner{display:flex;flex-direction:row;width:100%;padding:0 .5em}.vxe-ico-picker--input{position:absolute;z-index:-1;width:1px;height:1px;outline:0;border:0}.vxe-ico-picker--icon{flex-grow:1;display:inline-flex;flex-direction:row;align-items:center;justify-content:left;padding:0 .5em}.vxe-ico-picker--icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--placeholder{flex-grow:1;color:var(--vxe-ui-input-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-ico-picker--suffix{display:flex;flex-direction:row;flex-shrink:0;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--suffix .vxe-ico-picker--suffix-icon>i{display:inline-block;transition:transform .2s ease-in-out}.vxe-ico-picker--readonly{color:var(--vxe-ui-font-color);display:inline-flex}.vxe-ico-picker--clear-icon{display:none;padding-right:.5em;height:100%;color:var(--vxe-ui-input-placeholder-color);cursor:pointer}.vxe-ico-picker--clear-icon:hover{color:var(--vxe-ui-font-color)}.vxe-ico-picker--clear-icon:active{color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--list-wrapper{overflow-x:hidden;overflow-y:auto;max-height:22.3em;padding:var(--vxe-ui-layout-padding-qtr)}.vxe-ico-picker--list{display:flex;flex-direction:row}.vxe-ico-picker--item{display:flex;flex-direction:column;width:4.8em;padding:.2em;border:1px solid var(--vxe-ui-input-border-color);border-radius:var(--vxe-ui-base-border-radius);margin:var(--vxe-ui-layout-padding-half);cursor:pointer}.vxe-ico-picker--item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-ico-picker--item.is--selected{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-ico-picker--item-icon{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;height:1.5em;font-size:1.4em}.vxe-ico-picker--item-icon>svg{max-width:1em;max-height:1em;vertical-align:middle}.vxe-ico-picker--item-title{padding:0 .2em;line-height:1.3em;flex-shrink:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em}.vxe-ico-picker--item-icon,.vxe-ico-picker--item-title{width:100%}.vxe-ico-picker--panel-wrapper{position:relative;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-base-popup-border-color);box-shadow:var(--vxe-ui-base-popup-box-shadow);background-color:var(--vxe-ui-layout-background-color)}.vxe-ico-picker--panel{display:none;position:absolute;left:0;padding:4px 0;color:var(--vxe-ui-font-color);text-align:left}.vxe-ico-picker--panel:not(.is--transfer){min-width:100%}.vxe-ico-picker--panel.is--transfer{position:fixed}.vxe-ico-picker--panel.ani--leave{display:block;opacity:0;transform:scaleY(.5);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top;backface-visibility:hidden}.vxe-ico-picker--panel.ani--leave[placement=top]{transform-origin:center bottom}.vxe-ico-picker--panel.ani--enter{opacity:1;transform:scaleY(1)}.vxe-ico-picker{height:var(--vxe-ui-input-height-default);line-height:var(--vxe-ui-input-height-default)}.vxe-ico-picker.size--medium{height:var(--vxe-ui-input-height-medium);line-height:var(--vxe-ui-input-height-medium)}.vxe-ico-picker.size--small{height:var(--vxe-ui-input-height-small);line-height:var(--vxe-ui-input-height-small)}.vxe-ico-picker.size--mini{height:var(--vxe-ui-input-height-mini);line-height:var(--vxe-ui-input-height-mini)}.vxe-ico-picker,.vxe-ico-picker--panel{font-size:var(--vxe-ui-font-size-default)}.vxe-ico-picker--panel.size--medium,.vxe-ico-picker.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-ico-picker--panel.size--small,.vxe-ico-picker.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-ico-picker--panel.size--mini,.vxe-ico-picker.size--mini{font-size:var(--vxe-ui-font-size-mini)}

package/lib/image/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/image/style/style.css

@@ -0,0 +1,7 @@
+.vxe-image {
+  vertical-align: middle;
+  border-style: none;
+}
+.vxe-image.is--circle {
+  border-radius: 50%;
+}

package/lib/image/style/style.min.css

@@ -0,0 +1 @@
+.vxe-image{vertical-align:middle;border-style:none}.vxe-image.is--circle{border-radius:50%}

package/lib/image-group/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/image-group/style/style.css

@@ -0,0 +1,3 @@
+.vxe-image-group {
+  display: inline-block;
+}

package/lib/image-group/style/style.min.css

@@ -0,0 +1 @@
+.vxe-image-group{display:inline-block}

package/lib/image-preview/style/index.js

@@ -0,0 +1 @@
+require('./style.css')

package/lib/image-preview/style/style.css

@@ -0,0 +1,217 @@
+.vxe-image-preview {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+.vxe-image-preview:not(.is--pct11) .vxe-image-preview--img-item {
+  max-width: 100%;
+  max-height: 100%;
+}
+.vxe-image-preview:not(.is--move) .vxe-image-preview--img-item {
+  transition: transform 0.3s ease-in-out;
+}
+.vxe-image-preview:hover .vxe-image-preview--close-wrapper,
+.vxe-image-preview:hover .vxe-image-preview--previous-btn,
+.vxe-image-preview:hover .vxe-image-preview--next-btn,
+.vxe-image-preview:hover .vxe-image-preview--operation-info,
+.vxe-image-preview:hover .vxe-image-preview--operation-wrapper {
+  opacity: 1;
+}
+.vxe-image-preview:hover .vxe-image-preview--operation-info {
+  transform: translate(0, 0);
+}
+.vxe-image-preview:hover .vxe-image-preview--previous-btn,
+.vxe-image-preview:hover .vxe-image-preview--next-btn {
+  transform: translate(0, -50%);
+}
+.vxe-image-preview:hover .vxe-image-preview--previous-btn:hover,
+.vxe-image-preview:hover .vxe-image-preview--next-btn:hover {
+  color: var(--vxe-ui-font-primary-color);
+  transform: translate(0, -50%) scale(1.2);
+}
+.vxe-image-preview:hover .vxe-image-preview--previous-btn:active,
+.vxe-image-preview:hover .vxe-image-preview--next-btn:active {
+  transform: translate(0, -50%) scale(0.9);
+}
+.vxe-image-preview:hover .vxe-image-preview--operation-wrapper {
+  transform: translate(-50%, 0);
+}
+.vxe-image-preview:hover .vxe-image-preview--operation-wrapper:hover {
+  transform: translateX(-50%) scale(1.1);
+}
+
+.vxe-image-preview--img-list {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+
+.vxe-image-preview--img-item {
+  display: none;
+  cursor: grab;
+}
+.vxe-image-preview--img-item:active {
+  cursor: grabbing;
+}
+.vxe-image-preview--img-item.is--active {
+  display: block;
+}
+
+.vxe-image-preview--close-btn {
+  top: 0;
+  right: 0;
+  z-index: 99;
+  padding: 1em;
+  font-size: 1.5em;
+  transform: scale(1);
+  border-radius: 50%;
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+}
+
+.vxe-image-preview--close-bg {
+  position: absolute;
+  top: -7em;
+  right: -12em;
+  z-index: 99;
+  width: 30em;
+  height: 10em;
+  background-color: rgba(0, 0, 0, 0.7);
+  color: var(--vxe-ui-status-error-color);
+  transform: rotate(45deg);
+  cursor: pointer;
+  z-index: 88;
+  transition: all 0.2s ease-in-out;
+}
+
+.vxe-image-preview--close-wrapper {
+  opacity: 0;
+  transition: all 0.2s ease-in-out;
+}
+.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-btn {
+  top: 0.2em;
+  right: 0.2em;
+  transform: scale(1.2);
+  color: var(--vxe-ui-status-error-color);
+}
+.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-bg {
+  top: -5em;
+}
+
+.vxe-image-preview--operation-info,
+.vxe-image-preview--close-btn,
+.vxe-image-preview--previous-btn,
+.vxe-image-preview--next-btn,
+.vxe-image-preview--operation-wrapper {
+  position: absolute;
+  z-index: 99;
+}
+
+.vxe-image-preview--previous-btn,
+.vxe-image-preview--next-btn {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  top: 50%;
+  border-radius: 50%;
+  font-size: 1.6em;
+  width: 2.2em;
+  height: 2.2em;
+  line-height: 2.2em;
+  background-color: rgba(0, 0, 0, 0.7);
+  cursor: pointer;
+  transition: all 0.1s ease-in-out;
+}
+
+.vxe-image-preview--previous-btn {
+  left: 1vw;
+  transform: translate(-2em, -50%);
+}
+
+.vxe-image-preview--next-btn {
+  right: 1vw;
+  transform: translate(2em, -50%);
+}
+
+.vxe-image-preview--operation-info {
+  right: 0.2em;
+  bottom: 0.2em;
+  font-size: 1em;
+  padding: 0.3em 0;
+  width: 4.6em;
+  opacity: 0;
+  border-radius: var(--vxe-ui-base-border-radius);
+  text-align: center;
+  transform: translate(2em, 2em);
+  background-color: rgba(0, 0, 0, 0.7);
+  transition: all 0.2s ease-in-out;
+}
+
+.vxe-image-preview--operation-wrapper {
+  opacity: 0;
+  display: flex;
+  flex-direction: row;
+  bottom: 3vh;
+  left: 50%;
+  transform: translate(-50%, 3em);
+  padding: 0 1.5em;
+  border-radius: 3em;
+  background-color: rgba(0, 0, 0, 0.7);
+  transition: all 0.2s ease-in-out;
+}
+
+.vxe-image-preview--operation-active-count {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  font-size: 1.2em;
+  min-width: 2.5em;
+}
+.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-current,
+.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-total {
+  display: inline-block;
+  height: 1.4em;
+}
+.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-current {
+  font-size: 2em;
+  line-height: 1.2em;
+  font-weight: 700;
+  padding-right: 0.1em;
+  min-width: 1.4em;
+  text-align: right;
+}
+
+.vxe-image-preview--operation-btn {
+  font-size: 1.6em;
+  padding: 0.5em;
+  cursor: pointer;
+  transition: all 0.1s ease-in-out;
+}
+.vxe-image-preview--operation-btn:hover {
+  color: var(--vxe-ui-font-primary-color);
+  transform: scale(1.2);
+}
+.vxe-image-preview--operation-btn:active {
+  transform: scale(0.9);
+}
+
+.vxe-image-preview-popup-wrapper {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--box {
+  border: 0;
+  background-color: rgba(0, 0, 0, 0.1);
+  box-shadow: none;
+}
+.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--content {
+  padding: 0;
+}

package/lib/image-preview/style/style.min.css

@@ -0,0 +1 @@
+.vxe-image-preview{position:relative;width:100%;height:100%;overflow:hidden}.vxe-image-preview:not(.is--pct11) .vxe-image-preview--img-item{max-width:100%;max-height:100%}.vxe-image-preview:not(.is--move) .vxe-image-preview--img-item{transition:transform .3s ease-in-out}.vxe-image-preview:hover .vxe-image-preview--close-wrapper,.vxe-image-preview:hover .vxe-image-preview--next-btn,.vxe-image-preview:hover .vxe-image-preview--operation-info,.vxe-image-preview:hover .vxe-image-preview--operation-wrapper,.vxe-image-preview:hover .vxe-image-preview--previous-btn{opacity:1}.vxe-image-preview:hover .vxe-image-preview--operation-info{transform:translate(0,0)}.vxe-image-preview:hover .vxe-image-preview--next-btn,.vxe-image-preview:hover .vxe-image-preview--previous-btn{transform:translate(0,-50%)}.vxe-image-preview:hover .vxe-image-preview--next-btn:hover,.vxe-image-preview:hover .vxe-image-preview--previous-btn:hover{color:var(--vxe-ui-font-primary-color);transform:translate(0,-50%) scale(1.2)}.vxe-image-preview:hover .vxe-image-preview--next-btn:active,.vxe-image-preview:hover .vxe-image-preview--previous-btn:active{transform:translate(0,-50%) scale(.9)}.vxe-image-preview:hover .vxe-image-preview--operation-wrapper{transform:translate(-50%,0)}.vxe-image-preview:hover .vxe-image-preview--operation-wrapper:hover{transform:translateX(-50%) scale(1.1)}.vxe-image-preview--img-list{display:flex;width:100%;height:100%;flex-direction:row;align-items:center;justify-content:center}.vxe-image-preview--img-item{display:none;cursor:grab}.vxe-image-preview--img-item:active{cursor:grabbing}.vxe-image-preview--img-item.is--active{display:block}.vxe-image-preview--close-btn{top:0;right:0;z-index:99;padding:1em;font-size:1.5em;transform:scale(1);border-radius:50%;cursor:pointer;transition:all .2s ease-in-out}.vxe-image-preview--close-bg{position:absolute;top:-7em;right:-12em;z-index:99;width:30em;height:10em;background-color:rgba(0,0,0,.7);color:var(--vxe-ui-status-error-color);transform:rotate(45deg);cursor:pointer;z-index:88;transition:all .2s ease-in-out}.vxe-image-preview--close-wrapper{opacity:0;transition:all .2s ease-in-out}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-btn{top:.2em;right:.2em;transform:scale(1.2);color:var(--vxe-ui-status-error-color)}.vxe-image-preview--close-wrapper:hover .vxe-image-preview--close-bg{top:-5em}.vxe-image-preview--close-btn,.vxe-image-preview--next-btn,.vxe-image-preview--operation-info,.vxe-image-preview--operation-wrapper,.vxe-image-preview--previous-btn{position:absolute;z-index:99}.vxe-image-preview--next-btn,.vxe-image-preview--previous-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;opacity:0;top:50%;border-radius:50%;font-size:1.6em;width:2.2em;height:2.2em;line-height:2.2em;background-color:rgba(0,0,0,.7);cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--previous-btn{left:1vw;transform:translate(-2em,-50%)}.vxe-image-preview--next-btn{right:1vw;transform:translate(2em,-50%)}.vxe-image-preview--operation-info{right:.2em;bottom:.2em;font-size:1em;padding:.3em 0;width:4.6em;opacity:0;border-radius:var(--vxe-ui-base-border-radius);text-align:center;transform:translate(2em,2em);background-color:rgba(0,0,0,.7);transition:all .2s ease-in-out}.vxe-image-preview--operation-wrapper{opacity:0;display:flex;flex-direction:row;bottom:3vh;left:50%;transform:translate(-50%,3em);padding:0 1.5em;border-radius:3em;background-color:rgba(0,0,0,.7);transition:all .2s ease-in-out}.vxe-image-preview--operation-active-count{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1.2em;min-width:2.5em}.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-current,.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-total{display:inline-block;height:1.4em}.vxe-image-preview--operation-active-count .vxe-image-preview--operation-active-current{font-size:2em;line-height:1.2em;font-weight:700;padding-right:.1em;min-width:1.4em;text-align:right}.vxe-image-preview--operation-btn{font-size:1.6em;padding:.5em;cursor:pointer;transition:all .1s ease-in-out}.vxe-image-preview--operation-btn:hover{color:var(--vxe-ui-font-primary-color);transform:scale(1.2)}.vxe-image-preview--operation-btn:active{transform:scale(.9)}.vxe-image-preview-popup-wrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--box{border:0;background-color:rgba(0,0,0,.1);box-shadow:none}.vxe-image-preview-popup-wrapper.vxe-modal--wrapper.type--modal .vxe-modal--content{padding:0}

package/lib/index.umd.js

@@ -3596,14 +3596,14 @@ function checkDynamic() {
 }
 ;// CONCATENATED MODULE: ./packages/ui/src/log.ts
 
-const log_version = `ui v${"4.10.37"}`;
+const log_version = `ui v${"4.10.39"}`;
 const warnLog = log.create('warn', log_version);
 const errLog = log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
 
-const ui_version = "4.10.37";
+const ui_version = "4.10.39";
 index_esm_VxeUI.uiVersion = ui_version;
 index_esm_VxeUI.dynamicApp = dynamicApp;
 function config(options) {
@@ -14100,7 +14100,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
     const reactData = (0,external_commonjs_vue_commonjs2_vue_root_Vue_.reactive)({
       isFocus: false,
       isActivated: false,
-      inputValue: props.modelValue
+      inputValue: ''
     });
     const internalData = {
       // dnTimeout: undefined,
@@ -15032,6 +15032,7 @@ function toFloatValueFixed(inputValue, digitsValue) {
       initValue();
     });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.onMounted)(() => {
+      updateModel(props.modelValue);
       const targetElem = refInputTarget.value;
       if (targetElem) {
         targetElem.addEventListener('wheel', wheelEvent, {
@@ -42870,9 +42871,15 @@ const saveLocalFile = options => {
       const {
         fileList
       } = reactData;
+      const previewFn = props.previewMethod || getConfig().upload.previewMethod;
       const beforeDownloadFn = props.beforeDownloadMethod || getConfig().upload.beforeDownloadMethod;
       if (props.showPreview) {
-        if (index_esm_VxeUI.previewImage) {
+        if (previewFn) {
+          previewFn({
+            $upload: $xeUpload,
+            option: item
+          });
+        } else if (index_esm_VxeUI.previewImage) {
           index_esm_VxeUI.previewImage({
             urlList: fileList.map(item => getFileUrl(item)),
             activeIndex: index,