vue-amazing-ui 2.2.11 → 2.2.13

package/es/colorpicker/index.d.ts

@@ -15,9 +15,11 @@ declare const _default: {
         footer: string;
         label: (color: string) => string;
         actions: import('./ColorPicker').ColorPickerAction[];
+        width: string | number;
         tooltipStyle: import('vue').CSSProperties;
         value: string;
         disabled: boolean;
+        inputProps: object;
         showAlpha: boolean;
         showPreview: boolean;
         modes: import('./ColorPicker').ColorPickerMode[];
@@ -171,9 +173,11 @@ declare const _default: {
         footer: string;
         label: (color: string) => string;
         actions: import('./ColorPicker').ColorPickerAction[];
+        width: string | number;
         tooltipStyle: import('vue').CSSProperties;
         value: string;
         disabled: boolean;
+        inputProps: object;
         showAlpha: boolean;
         showPreview: boolean;
         modes: import('./ColorPicker').ColorPickerMode[];
@@ -197,9 +201,11 @@ declare const _default: {
     footer: string;
     label: (color: string) => string;
     actions: import('./ColorPicker').ColorPickerAction[];
+    width: string | number;
     tooltipStyle: import('vue').CSSProperties;
     value: string;
     disabled: boolean;
+    inputProps: object;
     showAlpha: boolean;
     showPreview: boolean;
     modes: import('./ColorPicker').ColorPickerMode[];

package/es/floatbutton/FloatButton.css

@@ -1 +1 @@
-.fade-move[data-v-cbecd633],.fade-enter-active[data-v-cbecd633],.fade-leave-active[data-v-cbecd633]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-cbecd633],.fade-leave-to[data-v-cbecd633]{transform:scale(.75);opacity:0}.fade-leave-active[data-v-cbecd633]{position:absolute}.move-enter-active[data-v-cbecd633],.move-leave-active[data-v-cbecd633]{transform-origin:0 0;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.move-leave-active[data-v-cbecd633]{pointer-events:none}.move-enter-from[data-v-cbecd633],.move-leave-to[data-v-cbecd633]{transform:translate3d(0,var(--float-btn-height),0);transform-origin:0 0;opacity:0}.m-float-btn[data-v-cbecd633]{position:fixed;left:var(--float-btn-left);right:var(--float-btn-right);top:var(--float-btn-top);bottom:var(--float-btn-bottom);z-index:var(--float-btn-z-index);font-size:14px;color:#000000e0;line-height:1.57142857;display:inline-block;width:var(--float-btn-width);height:var(--float-btn-height);cursor:pointer;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-float-btn .float-btn-tooltip[data-v-cbecd633],.m-float-btn .float-btn-tooltip[data-v-cbecd633] .tooltip-content{width:100%;height:100%}.m-float-btn .float-btn-tooltip[data-v-cbecd633] .tooltip-content .m-badge{vertical-align:top;width:100%;height:100%}.m-float-btn .float-btn-tooltip[data-v-cbecd633] .tooltip-content .m-badge .m-badge-value:not(.only-dot){transform:translate(0);transform-origin:center;top:-6px;right:-6px}.m-float-btn .float-btn-body[data-v-cbecd633]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .2s}.m-float-btn .float-btn-body .float-btn-content[data-v-cbecd633]{overflow:hidden;text-align:center;min-height:var(--float-btn-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-cbecd633]{font-size:18px;line-height:1}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon .close-svg[data-v-cbecd633]{display:inline-block;vertical-align:bottom}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-cbecd633] svg{fill:currentColor}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-cbecd633] img{vertical-align:bottom}.m-float-btn .float-btn-menu[data-v-cbecd633]{position:absolute;bottom:100%;display:block;z-index:-1}.m-float-btn .float-btn-menu .m-float-btn[data-v-cbecd633]{position:static}.m-float-btn .float-btn-menu[data-v-cbecd633]>*{margin-bottom:16px}.float-btn-default[data-v-cbecd633]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-cbecd633]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-cbecd633]:hover{background-color:#0000000f}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-cbecd633]{color:#000000e0}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-description[data-v-cbecd633]{display:flex;align-items:center;line-height:16px;color:#000000e0;font-size:12px}.float-btn-primary[data-v-cbecd633]{background-color:#1677ff}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-cbecd633]{background-color:#1677ff;transition:background-color .2s}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-cbecd633]:hover{background-color:#4096ff}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-cbecd633]{color:#fff}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-description[data-v-cbecd633]{display:flex;align-items:center;line-height:16px;color:#fff;font-size:12px}.float-btn-circle[data-v-cbecd633]{border-radius:50%}.float-btn-circle[data-v-cbecd633] .m-badge .only-dot{top:5.85786438px;right:5.85786438px}.float-btn-circle>.float-btn-tooltip .float-btn-body[data-v-cbecd633]{border-radius:50%}.float-btn-square[data-v-cbecd633]{height:auto;min-height:var(--float-btn-height);border-radius:8px}.float-btn-square[data-v-cbecd633] .m-badge .only-dot{top:2.34314575px;right:2.34314575px}.float-btn-square>.float-btn-tooltip .float-btn-body[data-v-cbecd633]{height:auto;border-radius:8px}
+.fade-move[data-v-0d09ce57],.fade-enter-active[data-v-0d09ce57],.fade-leave-active[data-v-0d09ce57]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-0d09ce57],.fade-leave-to[data-v-0d09ce57]{transform:scale(.75);opacity:0}.fade-leave-active[data-v-0d09ce57]{position:absolute}.move-enter-active[data-v-0d09ce57],.move-leave-active[data-v-0d09ce57]{transform-origin:0 0;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.move-leave-active[data-v-0d09ce57]{pointer-events:none}.move-enter-from[data-v-0d09ce57],.move-leave-to[data-v-0d09ce57]{transform:translate3d(0,var(--float-btn-height),0);transform-origin:0 0;opacity:0}.m-float-btn[data-v-0d09ce57]{position:fixed;left:var(--float-btn-left);right:var(--float-btn-right);top:var(--float-btn-top);bottom:var(--float-btn-bottom);z-index:var(--float-btn-z-index);font-size:14px;color:#000000e0;line-height:1.57142857;display:inline-block;width:var(--float-btn-width);height:var(--float-btn-height);cursor:pointer;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.m-float-btn .float-btn-tooltip[data-v-0d09ce57],.m-float-btn .float-btn-tooltip[data-v-0d09ce57] .tooltip-content{width:100%;height:100%}.m-float-btn .float-btn-tooltip[data-v-0d09ce57] .tooltip-content .m-badge{vertical-align:top;width:100%;height:100%}.m-float-btn .float-btn-tooltip[data-v-0d09ce57] .tooltip-content .m-badge .m-badge-value:not(.only-dot){transform:translate(0);transform-origin:center;top:-6px;right:-6px}.m-float-btn .float-btn-body[data-v-0d09ce57]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .2s}.m-float-btn .float-btn-body .float-btn-content[data-v-0d09ce57]{overflow:hidden;text-align:center;min-height:var(--float-btn-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-0d09ce57]{font-size:18px;line-height:1}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon .close-svg[data-v-0d09ce57]{display:inline-block;vertical-align:bottom}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-0d09ce57] svg{fill:currentColor}.m-float-btn .float-btn-body .float-btn-content .float-btn-icon[data-v-0d09ce57] img{vertical-align:bottom}.m-float-btn .float-btn-menu[data-v-0d09ce57]{position:absolute;bottom:100%;display:block;z-index:-1}.m-float-btn .float-btn-menu .m-float-btn[data-v-0d09ce57]{position:static}.m-float-btn .float-btn-menu[data-v-0d09ce57]>*{margin-bottom:16px}.float-btn-default[data-v-0d09ce57]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]:hover{background-color:#0000000f}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-0d09ce57]{color:#000000e0}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-description[data-v-0d09ce57]{display:flex;align-items:center;line-height:16px;color:#000000e0;font-size:12px}.float-btn-primary[data-v-0d09ce57]{background-color:var(--float-btn-primary-color)}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]{background-color:var(--float-btn-primary-color);transition:background-color .2s}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]:hover{background-color:var(--float-btn-primary-color-hover)}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-0d09ce57]{color:#fff}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-description[data-v-0d09ce57]{display:flex;align-items:center;line-height:16px;color:#fff;font-size:12px}.float-btn-circle[data-v-0d09ce57]{border-radius:50%}.float-btn-circle[data-v-0d09ce57] .m-badge .only-dot{top:5.85786438px;right:5.85786438px}.float-btn-circle>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]{border-radius:50%}.float-btn-square[data-v-0d09ce57]{height:auto;min-height:var(--float-btn-height);border-radius:8px}.float-btn-square[data-v-0d09ce57] .m-badge .only-dot{top:2.34314575px;right:2.34314575px}.float-btn-square>.float-btn-tooltip .float-btn-body[data-v-0d09ce57]{height:auto;border-radius:8px}

package/es/floatbutton/FloatButton.vue.js

@@ -1,7 +1,7 @@
 import o from "./FloatButton.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-cbecd633"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0d09ce57"]]);
 export {
-  m as default
+  p as default
 };

package/es/floatbutton/FloatButton.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, ref as V, computed as o, watch as I, createBlock as h, openBlock as i, resolveDynamicComponent as v, normalizeStyle as R, normalizeClass as F, withCtx as r, createVNode as s, withDirectives as H, unref as g, mergeProps as W, createSlots as j, normalizeProps as q, guardReactiveProps as A, createElementVNode as u, createElementBlock as d, createCommentVNode as p, Transition as b, renderSlot as f, createTextVNode as $, toDisplayString as y, vShow as G } from "vue";
+import { defineComponent as N, ref as V, computed as o, watch as I, createBlock as h, openBlock as i, resolveDynamicComponent as v, normalizeStyle as R, normalizeClass as F, withCtx as r, createVNode as s, withDirectives as H, unref as g, mergeProps as W, createSlots as j, normalizeProps as q, guardReactiveProps as A, createElementVNode as u, createElementBlock as d, createCommentVNode as p, Transition as b, renderSlot as f, createTextVNode as y, toDisplayString as $, vShow as G } from "vue";
 import J from "../tooltip/index.js";
 import K from "../badge/index.js";
 import { useSlotsExist as O } from "../utils/index.js";
@@ -60,6 +60,8 @@ const Q = { class: "float-btn-body" }, U = { class: "float-btn-content" }, X = {
       --float-btn-top: ${D.value};
       --float-btn-bottom: ${E.value};
       --float-btn-z-index: ${e.zIndex};
+      --float-btn-primary-color: #1677ff;
+      --float-btn-primary-color-hover: #4096ff;
     `),
       href: e.href,
       target: e.target,
@@ -89,7 +91,7 @@ const Q = { class: "float-btn-body" }, U = { class: "float-btn-content" }, X = {
                     ])) : p("", !0),
                     C.value ? (i(), d("div", Z, [
                       f(e.$slots, "description", {}, () => [
-                        $(y(e.description), 1)
+                        y($(e.description), 1)
                       ], !0)
                     ])) : p("", !0)
                   ])
@@ -104,7 +106,7 @@ const Q = { class: "float-btn-body" }, U = { class: "float-btn-content" }, X = {
             name: "tooltip",
             fn: r(() => [
               f(e.$slots, "tooltip", {}, () => [
-                $(y(e.tooltip), 1)
+                y($(e.tooltip), 1)
               ], !0)
             ]),
             key: "0"

package/es/image/Image.css

@@ -1 +1 @@
-.fade-enter-active[data-v-7b1c6b22],.fade-leave-active[data-v-7b1c6b22]{transition:opacity .2s linear}.fade-enter-from[data-v-7b1c6b22],.fade-leave-to[data-v-7b1c6b22]{opacity:0}.zoom-enter[data-v-7b1c6b22]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-7b1c6b22]{animation-name:zoomIn-7b1c6b22;animation-play-state:running}@keyframes zoomIn-7b1c6b22{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-7b1c6b22]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-7b1c6b22]{animation-name:zoomOut-7b1c6b22;animation-play-state:running;pointer-events:none}@keyframes zoomOut-7b1c6b22{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.m-image[data-v-7b1c6b22]{display:inline-block}.m-image .image-hover-mask:hover .image-mask[data-v-7b1c6b22]{opacity:1;pointer-events:auto}.m-image .image-wrap[data-v-7b1c6b22]{position:relative;display:inline-block;vertical-align:top;border-radius:8px;overflow:hidden}.m-image .image-wrap .image-item[data-v-7b1c6b22]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.m-image .image-wrap .image-mask[data-v-7b1c6b22]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.m-image .image-wrap .image-mask .image-mask-info[data-v-7b1c6b22]{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.m-image .image-wrap .image-mask .image-mask-info .eye-svg[data-v-7b1c6b22]{margin-right:4px;font-size:14px;color:#fff;fill:currentColor}.m-image .image-wrap .image-mask .image-mask-info .mask-pre[data-v-7b1c6b22]{display:inline-block;color:#fff}.m-image .image-bordered[data-v-7b1c6b22]{border:1px solid #d9d9d9}.m-image .preview-mask[data-v-7b1c6b22]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:#00000073}.m-image .preview-wrap[data-v-7b1c6b22]{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;outline:none;z-index:1080;height:100%;text-align:center}.m-image .preview-wrap .preview-body[data-v-7b1c6b22]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations[data-v-7b1c6b22]{position:fixed;width:100%;z-index:9;display:flex;flex-direction:row-reverse;align-items:center;background:#0000001a;height:42px;pointer-events:auto}.m-image .preview-wrap .preview-body .preview-operations .previe-name[data-v-7b1c6b22]{position:absolute;left:12px;font-size:14px;color:#fff;line-height:1.57;max-width:calc(50% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.m-image .preview-wrap .preview-body .preview-operations .previe-name[data-v-7b1c6b22]:hover{color:#1677ff}.m-image .preview-wrap .preview-body .preview-operations .preview-progress[data-v-7b1c6b22]{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#fff;line-height:1.57}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-7b1c6b22]{display:flex;justify-content:center;align-items:center;width:42px;height:42px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-7b1c6b22]:not(:last-child){margin-left:12px}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-7b1c6b22]:hover{background:#00000040}.m-image .preview-wrap .preview-body .preview-operations .preview-operation .icon-svg[data-v-7b1c6b22]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled[data-v-7b1c6b22]{color:#ffffff40;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled .icon-svg[data-v-7b1c6b22]{color:#ffffff40}.m-image .preview-wrap .preview-body .preview-image-wrap[data-v-7b1c6b22]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform var(--drag-transition-duration) cubic-bezier(.215,.61,.355,1) 0s;display:flex;justify-content:center;align-items:center}.m-image .preview-wrap .preview-body .preview-image-wrap .preview-image[data-v-7b1c6b22]{display:inline-block;vertical-align:middle;max-width:100%;max-height:100vh;cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;-webkit-user-select:none;user-select:none;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-left[data-v-7b1c6b22]{left:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto;-webkit-user-select:none;user-select:none}.m-image .preview-wrap .preview-body .switch-left[data-v-7b1c6b22]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-left .switch-svg[data-v-7b1c6b22]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-right[data-v-7b1c6b22]{right:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-right[data-v-7b1c6b22]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-right .switch-svg[data-v-7b1c6b22]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-disabled[data-v-7b1c6b22]{color:#ffffff40;background:transparent;cursor:not-allowed}.m-image .preview-wrap .preview-body .switch-disabled[data-v-7b1c6b22]:hover{background:transparent}.m-image .preview-wrap .preview-body .switch-disabled .switch-svg[data-v-7b1c6b22]{color:#ffffff40}
+.fade-enter-active[data-v-448d5720],.fade-leave-active[data-v-448d5720]{transition:opacity .2s linear}.fade-enter-from[data-v-448d5720],.fade-leave-to[data-v-448d5720]{opacity:0}.zoom-enter[data-v-448d5720]{transform:none;opacity:0;animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.08,.82,.17,1);animation-play-state:paused}.zoom-enter-active[data-v-448d5720]{animation-name:zoomIn-448d5720;animation-play-state:running}@keyframes zoomIn-448d5720{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.zoom-leave[data-v-448d5720]{animation-duration:.2s;animation-fill-mode:both;animation-play-state:paused;animation-timing-function:cubic-bezier(.78,.14,.15,.86)}.zoom-leave-active[data-v-448d5720]{animation-name:zoomOut-448d5720;animation-play-state:running;pointer-events:none}@keyframes zoomOut-448d5720{0%{transform:scale(1);opacity:1}to{transform:scale(.2);opacity:0}}.m-image[data-v-448d5720]{display:inline-block}.m-image .image-hover-mask:hover .image-mask[data-v-448d5720]{opacity:1;pointer-events:auto}.m-image .image-wrap[data-v-448d5720]{position:relative;display:inline-block;vertical-align:top;border-radius:8px;overflow:hidden}.m-image .image-wrap .image-item[data-v-448d5720]{display:inline-block;width:100%;height:100%;vertical-align:bottom}.m-image .image-wrap .image-mask[data-v-448d5720]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000080;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.m-image .image-wrap .image-mask .image-mask-info[data-v-448d5720]{display:inline-flex;align-items:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px}.m-image .image-wrap .image-mask .image-mask-info .eye-svg[data-v-448d5720]{margin-right:4px;font-size:14px;color:#fff;fill:currentColor}.m-image .image-wrap .image-mask .image-mask-info .mask-pre[data-v-448d5720]{display:inline-block;color:#fff}.m-image .image-bordered[data-v-448d5720]{border:1px solid #d9d9d9}.m-image .preview-mask[data-v-448d5720]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:#00000073}.m-image .preview-wrap[data-v-448d5720]{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;outline:none;z-index:1080;height:100%;text-align:center}.m-image .preview-wrap .preview-body[data-v-448d5720]{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations[data-v-448d5720]{position:fixed;width:100%;z-index:9;display:flex;flex-direction:row-reverse;align-items:center;background:#0000001a;height:42px;pointer-events:auto}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-448d5720]{position:absolute;left:12px;font-size:14px;color:#fff;line-height:1.57;max-width:calc(50% - 60px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-name[data-v-448d5720]:hover{color:var(--image-primary-color)}.m-image .preview-wrap .preview-body .preview-operations .preview-progress[data-v-448d5720]{position:absolute;left:50%;transform:translate(-50%);font-size:14px;color:#fff;line-height:1.57}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]{display:flex;justify-content:center;align-items:center;width:42px;height:42px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]:not(:last-child){margin-left:12px}.m-image .preview-wrap .preview-body .preview-operations .preview-operation[data-v-448d5720]:hover{background:#00000040}.m-image .preview-wrap .preview-body .preview-operations .preview-operation .icon-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled[data-v-448d5720]{color:#ffffff40;pointer-events:none}.m-image .preview-wrap .preview-body .preview-operations .operation-disabled .icon-svg[data-v-448d5720]{color:#ffffff40}.m-image .preview-wrap .preview-body .preview-image-wrap[data-v-448d5720]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform var(--drag-transition-duration) cubic-bezier(.215,.61,.355,1) 0s;display:flex;justify-content:center;align-items:center}.m-image .preview-wrap .preview-body .preview-image-wrap .preview-image[data-v-448d5720]{display:inline-block;vertical-align:middle;max-width:100%;max-height:100vh;cursor:grab;transition:transform .3s cubic-bezier(.215,.61,.355,1) 0s;-webkit-user-select:none;user-select:none;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-left[data-v-448d5720]{left:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto;-webkit-user-select:none;user-select:none}.m-image .preview-wrap .preview-body .switch-left[data-v-448d5720]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-left .switch-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-right[data-v-448d5720]{right:12px;position:fixed;top:50%;z-index:1081;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;color:#fff;background:#0000001a;border-radius:50%;transform:translateY(-50%);cursor:pointer;transition:all .3s;pointer-events:auto}.m-image .preview-wrap .preview-body .switch-right[data-v-448d5720]:hover{background:#0003}.m-image .preview-wrap .preview-body .switch-right .switch-svg[data-v-448d5720]{font-size:18px;color:#fff;fill:currentColor}.m-image .preview-wrap .preview-body .switch-disabled[data-v-448d5720]{color:#ffffff40;background:transparent;cursor:not-allowed}.m-image .preview-wrap .preview-body .switch-disabled[data-v-448d5720]:hover{background:transparent}.m-image .preview-wrap .preview-body .switch-disabled .switch-svg[data-v-448d5720]{color:#ffffff40}

package/es/image/Image.vue.js

@@ -1,7 +1,7 @@
 import o from "./Image.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-7b1c6b22"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-448d5720"]]);
 export {
   p as default
 };

package/es/image/Image.vue2.js

@@ -2,7 +2,10 @@ import { defineComponent as ye, ref as i, computed as J, watchEffect as be, crea
 import Le from "../space/index.js";
 import Be from "../spin/index.js";
 import { downloadFile as He, add as T } from "../utils/index.js";
-const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"], $e = { class: "image-mask-info" }, Re = { class: "mask-pre" }, De = { class: "preview-mask" }, Ee = { class: "preview-body" }, Ie = { class: "preview-operations" }, Pe = ["href", "title"], Ye = {
+const Ve = {
+  class: "m-image",
+  style: "--image-primary-color: #1677ff;"
+}, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"], $e = { class: "image-mask-info" }, Re = { class: "mask-pre" }, De = { class: "preview-mask" }, Ee = { class: "preview-body" }, Ie = { class: "preview-operations" }, Pe = ["href", "title"], Ye = {
   class: "icon-svg",
   style: { transform: "rotate(90deg)" },
   focusable: "false",
@@ -35,7 +38,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
     album: { type: Boolean, default: !1 }
   },
   setup(oe, { expose: te }) {
-    const o = oe, d = i([]), W = i(), s = i(0), w = i(!1), z = i(0), t = i(1), H = i(1), V = i(1), K = i(0), O = i(0), r = i(0), c = i(0), h = i(0), p = i(0), Z = i(0), A = i(0), $ = i(0), R = i(0), D = i(0), E = i(0), u = J(() => d.value.length), ie = J(() => o.draggable ? "100ms" : "300ms"), I = i(Array(u.value).fill(!1)), se = i(Array(u.value).fill(!1));
+    const o = oe, d = i([]), W = i(), s = i(0), w = i(!1), z = i(0), t = i(1), H = i(1), V = i(1), K = i(0), O = i(0), r = i(0), c = i(0), h = i(0), p = i(0), Z = i(0), A = i(0), $ = i(0), R = i(0), D = i(0), E = i(0), v = J(() => d.value.length), ie = J(() => o.draggable ? "100ms" : "300ms"), I = i(Array(v.value).fill(!1)), se = i(Array(v.value).fill(!1));
     be(() => {
       d.value = ne();
     });
@@ -66,8 +69,8 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
     function F(e, l) {
       return Array.isArray(e) ? typeof e[l] == "number" ? `${e[l]}px` : e[l] : typeof e == "number" ? `${e}px` : e;
     }
-    function ue(e) {
-      w.value && u.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && q(), (e.key === "ArrowRight" || e.key === "ArrowDown") && G());
+    function ve(e) {
+      w.value && v.value > 1 && ((e.key === "ArrowLeft" || e.key === "ArrowUp") && q(), (e.key === "ArrowRight" || e.key === "ArrowDown") && G());
     }
     async function U(e) {
       t.value = 1, z.value = 0, r.value = 0, c.value = 0, w.value = !0, s.value = e, await Se(), W.value.focus();
@@ -78,7 +81,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
     function P() {
       w.value = !1;
     }
-    function ve() {
+    function ue() {
       const e = d.value[s.value];
       He(e.src, e.name);
     }
@@ -109,8 +112,8 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
     }
     function ze(e) {
       if (!e.target) return;
-      const v = e.target.getBoundingClientRect();
-      Z.value = v.top, A.value = v.bottom, $.value = v.right, R.value = v.left, D.value = window.innerWidth, E.value = window.innerHeight, K.value = e.clientX, O.value = e.clientY, h.value = r.value, p.value = c.value, document.addEventListener("mousemove", Y), document.addEventListener("mouseup", j), Y(e);
+      const u = e.target.getBoundingClientRect();
+      Z.value = u.top, A.value = u.bottom, $.value = u.right, R.value = u.left, D.value = window.innerWidth, E.value = window.innerHeight, K.value = e.clientX, O.value = e.clientY, h.value = r.value, p.value = c.value, document.addEventListener("mousemove", Y), document.addEventListener("mouseup", j), Y(e);
     }
     function Y(e) {
       r.value = h.value + e.clientX - K.value, c.value = p.value + e.clientY - O.value;
@@ -119,21 +122,22 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
       o.draggable ? (r.value > h.value + D.value - $.value && (r.value = h.value + D.value - $.value), r.value < h.value - R.value && (r.value = h.value - R.value), c.value > p.value + E.value - A.value && (c.value = p.value + E.value - A.value), c.value < p.value - Z.value && (c.value = p.value - Z.value)) : (r.value = 0, c.value = 0), document.removeEventListener("mousemove", Y), document.removeEventListener("mouseup", j);
     }
     function q() {
-      o.loop ? s.value = (s.value - 1 + u.value) % u.value : s.value > 0 && s.value--, k();
+      o.loop ? s.value = (s.value - 1 + v.value) % v.value : s.value > 0 && s.value--, k();
     }
     function G() {
-      o.loop ? s.value = (s.value + 1) % u.value : s.value < u.value - 1 && s.value++, k();
+      o.loop ? s.value = (s.value + 1) % v.value : s.value < v.value - 1 && s.value++, k();
     }
     return (e, l) => (f(), m("div", Ve, [
       M(Q(Le), _({ gap: "small" }, e.spaceProps), {
         default: S(() => [
-          (f(!0), m(x, null, ee(d.value, (v, n) => y((f(), m("div", {
+          (f(!0), m(x, null, ee(d.value, (u, n) => y((f(), m("div", {
             class: g(["image-wrap", { "image-bordered": e.bordered, "image-hover-mask": !e.disabled && I.value[n] }]),
             style: L(`width: ${F(o.width, n)}; height: ${F(o.height, n)};`),
             key: n
           }, [
             M(Q(Be), _({
               spinning: !I.value[n],
+              color: "var(--image-primary-color)",
               indicator: "dynamic-circle",
               size: "small",
               ref_for: !0
@@ -143,8 +147,8 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
                   class: "image-item",
                   style: L(`object-fit: ${e.fit};`),
                   onLoad: (X) => re(n),
-                  src: v.src,
-                  alt: C(v)
+                  src: u.src,
+                  alt: C(u)
                 }, null, 44, Ze)
               ]),
               _: 2
@@ -206,19 +210,19 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
             onClick: N(P, ["self"]),
             onWheel: N(we, ["prevent"]),
             onKeydown: [
-              ue,
+              ve,
               Me(P, ["esc"])
             ]
           }, [
             a("div", Ee, [
               a("div", Ie, [
                 a("a", {
-                  class: "previe-name",
+                  class: "preview-name",
                   href: d.value[s.value].src,
                   target: "_blank",
                   title: C(d.value[s.value])
                 }, B(C(d.value[s.value])), 9, Pe),
-                y(a("p", { class: "preview-progress" }, B(s.value + 1) + " / " + B(u.value), 513), [
+                y(a("p", { class: "preview-progress" }, B(s.value + 1) + " / " + B(v.value), 513), [
                   [b, Array.isArray(e.src)]
                 ]),
                 a("div", {
@@ -242,7 +246,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
                 a("div", {
                   class: g(["preview-operation", { "operation-disabled": t.value === e.maxZoomScale }]),
                   title: "下载",
-                  onClick: ve
+                  onClick: ue
                 }, l[3] || (l[3] = [
                   a("svg", {
                     class: "icon-svg",
@@ -377,7 +381,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
                   ])))
                 ])
               ]),
-              (f(!0), m(x, null, ee(d.value, (v, n) => y((f(), m("div", {
+              (f(!0), m(x, null, ee(d.value, (u, n) => y((f(), m("div", {
                 class: "preview-image-wrap",
                 style: L(`--drag-transition-duration: ${ie.value}; transform: translate3d(${r.value}px, ${c.value}px, 0px);`),
                 key: n
@@ -388,8 +392,8 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
                     e.previewImageStyle,
                     `transform: scale3d(${H.value * t.value}, ${V.value * t.value}, 1) rotate(${z.value}deg);`
                   ]),
-                  src: v.src,
-                  alt: C(v),
+                  src: u.src,
+                  alt: C(u),
                   onMousedown: N(ze, ["prevent"]),
                   onLoad: (X) => ce(n),
                   onDblclick: l[0] || (l[0] = (X) => e.resetOnDbclick ? k() : () => !1)
@@ -397,7 +401,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
               ], 4)), [
                 [b, s.value === n]
               ])), 128)),
-              u.value > 1 ? (f(), m(x, { key: 0 }, [
+              v.value > 1 ? (f(), m(x, { key: 0 }, [
                 a("div", {
                   class: g(["switch-left", { "switch-disabled": s.value === 0 && !e.loop }]),
                   onClick: q
@@ -416,7 +420,7 @@ const Ve = { class: "m-image" }, Ze = ["onLoad", "src", "alt"], Ae = ["onClick"]
                   ], -1)
                 ]), 2),
                 a("div", {
-                  class: g(["switch-right", { "switch-disabled": s.value === u.value - 1 && !e.loop }]),
+                  class: g(["switch-right", { "switch-disabled": s.value === v.value - 1 && !e.loop }]),
                   onClick: G
                 }, l[12] || (l[12] = [
                   a("svg", {

package/es/input/Input.css

@@ -1 +1 @@
-.m-input[data-v-60ac3657]{width:100%;text-align:start;vertical-align:top;position:relative;display:inline-table;border-collapse:separate;border-spacing:0}.m-input .input-addon[data-v-60ac3657]{position:relative;padding:0 11px;color:#000000e0;font-weight:400;font-size:14px;text-align:center;background-color:#00000005;border:1px solid #d9d9d9;border-radius:6px;line-height:1;display:table-cell;width:1px;white-space:nowrap;vertical-align:middle;transition:all .3s}.m-input .input-addon[data-v-60ac3657] svg{fill:currentColor}.m-input .addon-before[data-v-60ac3657]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.m-input .addon-after[data-v-60ac3657]{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.m-input .input-wrap[data-v-60ac3657]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-flex;vertical-align:top;width:100%;min-width:0;background-color:#fff}.m-input .input-wrap .input-border[data-v-60ac3657]{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;border:1px solid #d9d9d9}.m-input .input-wrap .input-border-state[data-v-60ac3657]{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;border:1px solid #d9d9d9;border-color:#0000;transition:all .2s}.m-input .input-wrap .input-hover[data-v-60ac3657]{border:1px solid #4096ff}.m-input .input-wrap .input-focus[data-v-60ac3657]{border:1px solid #4096ff;box-shadow:0 0 0 2px #0591ff1a}.m-input .input-wrap .input-prefix[data-v-60ac3657]{margin-right:4px;display:inline-flex;flex:none;align-items:center}.m-input .input-wrap .input-prefix[data-v-60ac3657] svg{fill:currentColor}.m-input .input-wrap .input-item[data-v-60ac3657]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-block;width:100%;min-width:0;background-color:#fff;border:none;outline:none;text-overflow:ellipsis;transition:all .2s}.m-input .input-wrap input[data-v-60ac3657]::-webkit-input-placeholder{color:#00000040}.m-input .input-wrap input[data-v-60ac3657]:-moz-placeholder{color:#00000040}.m-input .input-wrap input[data-v-60ac3657]::-moz-placeholder{color:#00000040}.m-input .input-wrap input[data-v-60ac3657]:-ms-input-placeholder{color:#00000040}.m-input .input-wrap .input-suffix[data-v-60ac3657]{margin-left:4px;display:inline-flex;flex:none;gap:8px;align-items:center}.m-input .input-wrap .input-suffix .input-actions[data-v-60ac3657]{display:inline-flex;align-items:center;cursor:pointer}.m-input .input-wrap .input-suffix .input-actions .clear-svg[data-v-60ac3657]{display:inline-block;font-size:12px;color:#00000040;fill:currentColor;transition:color .3s}.m-input .input-wrap .input-suffix .input-actions .clear-svg[data-v-60ac3657]:hover{color:#00000073}.m-input .input-wrap .input-suffix .input-actions .eye-svg[data-v-60ac3657]{display:inline-block;font-size:14px;color:#00000073;fill:currentColor;transition:color .3s}.m-input .input-wrap .input-suffix .input-actions .eye-svg[data-v-60ac3657]:hover{color:#000000d9}.m-input .input-wrap .input-suffix .clear-hidden[data-v-60ac3657]{visibility:hidden}.m-input .input-wrap .input-suffix .input-count[data-v-60ac3657]{color:#00000073}.m-input .input-wrap .input-suffix .suffix-item[data-v-60ac3657]{display:flex;flex:none;align-items:center}.m-input .input-wrap .input-suffix .suffix-item[data-v-60ac3657] svg{fill:currentColor}.m-input .input-small[data-v-60ac3657]{padding:1px 7px;border-radius:4px}.m-input .input-middle[data-v-60ac3657]{padding:5px 11px;border-radius:6px}.m-input .input-large[data-v-60ac3657]{padding:8px 11px;font-size:16px;line-height:1.5;border-radius:8px}.m-input .input-large .input-item[data-v-60ac3657]{font-size:16px;line-height:1.5}.m-input .input-before[data-v-60ac3657]{border-top-left-radius:0;border-bottom-left-radius:0}.m-input .input-after[data-v-60ac3657]{border-top-right-radius:0;border-bottom-right-radius:0}.m-input .input-disabled[data-v-60ac3657]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.m-input .input-disabled[data-v-60ac3657]:hover{border-color:#d9d9d9}.m-input .input-disabled[data-v-60ac3657]:focus-within{border-color:#d9d9d9;box-shadow:none}.m-input .input-disabled .input-item[data-v-60ac3657]{color:#00000040;background-color:transparent;cursor:not-allowed}
+.m-input[data-v-424d4b34]{width:var(--input-width);text-align:start;vertical-align:top;position:relative;display:inline-table;border-collapse:separate;border-spacing:0}.m-input .input-addon[data-v-424d4b34]{position:relative;padding:0 11px;color:#000000e0;font-weight:400;font-size:14px;text-align:center;background-color:#00000005;border:1px solid #d9d9d9;border-radius:6px;line-height:1;display:table-cell;width:1px;white-space:nowrap;vertical-align:middle;transition:all .3s}.m-input .input-addon[data-v-424d4b34] svg{fill:currentColor}.m-input .addon-before[data-v-424d4b34]{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.m-input .addon-after[data-v-424d4b34]{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.m-input .input-wrap[data-v-424d4b34]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-flex;vertical-align:top;width:100%;min-width:0;background-color:#fff}.m-input .input-wrap .input-border[data-v-424d4b34]{position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;border:1px solid #d9d9d9}.m-input .input-wrap .input-border-state[data-v-424d4b34]{position:absolute;z-index:1;left:0;right:0;top:0;bottom:0;pointer-events:none;border-radius:inherit;border:1px solid #d9d9d9;border-color:#0000;transition:all .2s}.m-input .input-wrap .input-hover[data-v-424d4b34]{border:1px solid var(--input-primary-color-hover)}.m-input .input-wrap .input-focus[data-v-424d4b34]{border:1px solid var(--input-primary-color-focus);box-shadow:0 0 0 2px var(--input-primary-shadow-color)}.m-input .input-wrap .input-prefix[data-v-424d4b34]{margin-right:4px;display:inline-flex;flex:none;align-items:center}.m-input .input-wrap .input-prefix[data-v-424d4b34] svg{fill:currentColor}.m-input .input-wrap .input-item[data-v-424d4b34]{font-size:14px;color:#000000e0;line-height:1.57142857;position:relative;display:inline-block;width:100%;min-width:0;background-color:#fff;border:none;outline:none;text-overflow:ellipsis;transition:all .2s}.m-input .input-wrap input[data-v-424d4b34]::-webkit-input-placeholder{color:#00000040}.m-input .input-wrap input[data-v-424d4b34]:-moz-placeholder{color:#00000040}.m-input .input-wrap input[data-v-424d4b34]::-moz-placeholder{color:#00000040}.m-input .input-wrap input[data-v-424d4b34]:-ms-input-placeholder{color:#00000040}.m-input .input-wrap .input-suffix[data-v-424d4b34]{margin-left:4px;display:inline-flex;flex:none;gap:8px;align-items:center}.m-input .input-wrap .input-suffix .input-actions[data-v-424d4b34]{display:inline-flex;align-items:center;cursor:pointer}.m-input .input-wrap .input-suffix .input-actions .clear-svg[data-v-424d4b34]{display:inline-block;font-size:12px;color:#00000040;fill:currentColor;transition:color .3s}.m-input .input-wrap .input-suffix .input-actions .clear-svg[data-v-424d4b34]:hover{color:#00000073}.m-input .input-wrap .input-suffix .input-actions .eye-svg[data-v-424d4b34]{display:inline-block;font-size:14px;color:#00000073;fill:currentColor;transition:color .3s}.m-input .input-wrap .input-suffix .input-actions .eye-svg[data-v-424d4b34]:hover{color:#000000d9}.m-input .input-wrap .input-suffix .clear-hidden[data-v-424d4b34]{visibility:hidden}.m-input .input-wrap .input-suffix .input-count[data-v-424d4b34]{color:#00000073}.m-input .input-wrap .input-suffix .suffix-item[data-v-424d4b34]{display:flex;flex:none;align-items:center}.m-input .input-wrap .input-suffix .suffix-item[data-v-424d4b34] svg{fill:currentColor}.m-input .input-small[data-v-424d4b34]{padding:1px 7px;border-radius:4px}.m-input .input-middle[data-v-424d4b34]{padding:5px 11px;border-radius:6px}.m-input .input-large[data-v-424d4b34]{padding:8px 11px;font-size:16px;line-height:1.5;border-radius:8px}.m-input .input-large .input-item[data-v-424d4b34]{font-size:16px;line-height:1.5}.m-input .input-before[data-v-424d4b34]{border-top-left-radius:0;border-bottom-left-radius:0}.m-input .input-after[data-v-424d4b34]{border-top-right-radius:0;border-bottom-right-radius:0}.m-input .input-disabled[data-v-424d4b34]{color:#00000040;background-color:#0000000a;cursor:not-allowed}.m-input .input-disabled .input-hover[data-v-424d4b34]{border-color:#d9d9d9}.m-input .input-disabled .input-focus[data-v-424d4b34]{border-color:#d9d9d9;box-shadow:none}.m-input .input-disabled .input-item[data-v-424d4b34]{color:#00000040;background-color:transparent;cursor:not-allowed}

package/es/input/Input.vue.js

@@ -1,7 +1,7 @@
 import o from "./Input.vue2.js";
 /* empty css           */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-60ac3657"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-424d4b34"]]);
 export {
-  m as default
+  _ as default
 };

package/es/input/Input.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as d, computed as o, watch as T, createElementBlock as n, openBlock as l, normalizeStyle as j, createCommentVNode as u, createElementVNode as s, normalizeClass as f, renderSlot as h, createTextVNode as m, toDisplayString as p, withKeys as G, withModifiers as J, withDirectives as k, vShow as M } from "vue";
+import { defineComponent as H, ref as d, computed as o, watch as T, createElementBlock as n, openBlock as l, normalizeStyle as j, createCommentVNode as s, createElementVNode as u, normalizeClass as f, renderSlot as h, createTextVNode as m, toDisplayString as p, withKeys as G, withModifiers as J, withDirectives as k, vShow as M } from "vue";
 import { useSlotsExist as O } from "../utils/index.js";
 const U = {
   key: 0,
@@ -50,7 +50,7 @@ const U = {
   },
   emits: ["update:value", "change", "enter"],
   setup(L, { emit: E }) {
-    const t = L, x = d(), w = d(!1), g = d(!1), v = d(), r = d(!1), i = E, c = O(["prefix", "suffix", "addonBefore", "addonAfter"]), $ = o(() => typeof t.width == "number" ? `${t.width}px` : t.width), b = o(() => !t.disabled && t.allowClear), A = o(() => t.maxlength ? `${t.value ? t.value.length : 0} / ${t.maxlength}` : t.value ? t.value.length : 0), S = o(() => c.prefix || t.prefix), z = o(() => c.suffix || t.suffix), q = o(() => b.value || t.password || t.showCount || z.value), y = o(() => c.addonBefore || t.addonBefore), C = o(() => c.addonAfter || t.addonAfter), B = o(() => "lazy" in t.valueModifiers);
+    const t = L, b = d(null), w = d(!1), y = d(!1), v = d(), r = d(!1), i = E, c = O(["prefix", "suffix", "addonBefore", "addonAfter"]), $ = o(() => typeof t.width == "number" ? `${t.width}px` : t.width), x = o(() => !t.disabled && t.allowClear), A = o(() => t.maxlength ? `${t.value ? t.value.length : 0} / ${t.maxlength}` : t.value ? t.value.length : 0), S = o(() => c.prefix || t.prefix), z = o(() => c.suffix || t.suffix), q = o(() => x.value || t.password || t.showCount || z.value), g = o(() => c.addonBefore || t.addonBefore), C = o(() => c.addonAfter || t.addonAfter), B = o(() => "lazy" in t.valueModifiers);
     T(
       () => t.value,
       (e) => {
@@ -67,10 +67,10 @@ const U = {
       w.value = !1;
     }
     function V() {
-      g.value = !0;
+      y.value = !0;
     }
     function K() {
-      g.value = !1;
+      y.value = !1;
     }
     function P(e) {
       const a = e.target;
@@ -88,29 +88,35 @@ const U = {
       }
     }
     function F() {
-      i("update:value", ""), x.value.focus();
+      var e;
+      i("update:value", ""), (e = b.value) == null || e.focus();
     }
     function R() {
       r.value = !r.value;
     }
     return (e, a) => (l(), n("div", {
       class: "m-input",
-      style: j(`width: ${$.value};`)
+      style: j(`
+      --input-width: ${$.value};
+      --input-primary-color-hover: #4096ff;
+      --input-primary-color-focus: #4096ff;
+      --input-primary-shadow-color: rgba(5, 145, 255, 0.1);
+    `)
     }, [
-      y.value ? (l(), n("span", {
+      g.value ? (l(), n("span", {
         key: 0,
-        class: f(["input-addon", { "addon-before": y.value }])
+        class: f(["input-addon", { "addon-before": g.value }])
       }, [
         h(e.$slots, "addonBefore", {}, () => [
           m(p(e.addonBefore), 1)
         ], !0)
-      ], 2)) : u("", !0),
-      s("div", {
+      ], 2)) : s("", !0),
+      u("div", {
         tabindex: "1",
         class: f(["input-wrap", [
           `input-${e.size}`,
           {
-            "input-before": y.value,
+            "input-before": g.value,
             "input-after": C.value,
             "input-disabled": e.disabled
           }
@@ -118,18 +124,18 @@ const U = {
         onMouseenter: I,
         onMouseleave: N
       }, [
-        a[3] || (a[3] = s("div", { class: "input-border" }, null, -1)),
-        s("div", {
-          class: f(["input-border-state", { "input-hover": w.value, "input-focus": g.value }])
+        a[3] || (a[3] = u("div", { class: "input-border" }, null, -1)),
+        u("div", {
+          class: f(["input-border-state", { "input-hover": w.value, "input-focus": y.value }])
         }, null, 2),
         S.value ? (l(), n("span", U, [
           h(e.$slots, "prefix", {}, () => [
             m(p(e.prefix), 1)
           ], !0)
-        ])) : u("", !0),
-        s("input", {
+        ])) : s("", !0),
+        u("input", {
           ref_key: "inputRef",
-          ref: x,
+          ref: b,
           class: "input-item",
           type: e.password && !r.value ? "password" : "text",
           value: v.value,
@@ -143,12 +149,12 @@ const U = {
           onKeydown: G(J(D, ["prevent"]), ["enter"])
         }, null, 40, X),
         q.value ? (l(), n("span", Y, [
-          b.value ? (l(), n("span", {
+          x.value ? (l(), n("span", {
             key: 0,
             class: f(["input-actions", { "clear-hidden": !e.value }]),
             onClick: F
           }, a[0] || (a[0] = [
-            s("svg", {
+            u("svg", {
               class: "clear-svg",
               focusable: "false",
               "data-icon": "close-circle",
@@ -158,33 +164,33 @@ const U = {
               "aria-hidden": "true",
               viewBox: "64 64 896 896"
             }, [
-              s("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
+              u("path", { d: "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z" })
             ], -1)
-          ]), 2)) : u("", !0),
+          ]), 2)) : s("", !0),
           e.password ? (l(), n("span", {
             key: 1,
             class: "input-actions",
             onClick: R
           }, [
             k((l(), n("svg", Z, a[1] || (a[1] = [
-              s("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }, null, -1)
+              u("path", { d: "M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" }, null, -1)
             ]), 512)), [
               [M, r.value]
             ]),
             k((l(), n("svg", _, a[2] || (a[2] = [
-              s("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }, null, -1),
-              s("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" }, null, -1)
+              u("path", { d: "M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" }, null, -1),
+              u("path", { d: "M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" }, null, -1)
             ]), 512)), [
               [M, !r.value]
             ])
-          ])) : u("", !0),
-          e.showCount ? (l(), n("span", ee, p(A.value), 1)) : u("", !0),
+          ])) : s("", !0),
+          e.showCount ? (l(), n("span", ee, p(A.value), 1)) : s("", !0),
           z.value ? (l(), n("span", te, [
             h(e.$slots, "suffix", {}, () => [
               m(p(e.suffix), 1)
             ], !0)
-          ])) : u("", !0)
-        ])) : u("", !0)
+          ])) : s("", !0)
+        ])) : s("", !0)
       ], 34),
       C.value ? (l(), n("span", {
         key: 1,
@@ -193,7 +199,7 @@ const U = {
         h(e.$slots, "addonAfter", {}, () => [
           m(p(e.addonAfter), 1)
         ], !0)
-      ], 2)) : u("", !0)
+      ], 2)) : s("", !0)
     ], 4));
   }
 });

package/es/inputnumber/InputNumber.css

@@ -1 +1 @@
-.m-input-number[data-v-c8c15b72]{position:relative;display:inline-block;height:32px;font-size:14px;color:#000000e0;line-height:1.57142857;padding:0 11px;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9;transition:all .2s}.m-input-number[data-v-c8c15b72]:hover{border-color:#4096ff}.m-input-number:hover .input-number-handler-wrap[data-v-c8c15b72]{background:#fff;opacity:1}.m-input-number[data-v-c8c15b72]:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #0591ff1a}.m-input-number .input-number-wrap[data-v-c8c15b72]{height:100%;display:flex}.m-input-number .input-number-wrap .input-prefix[data-v-c8c15b72]{pointer-events:none;margin-right:4px;display:inline-flex;align-items:center}.m-input-number .input-number-wrap .input-number[data-v-c8c15b72]{font-size:14px;color:#000000e0;width:100%;height:100%;background:transparent;border-radius:6px;transition:all .2s linear;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:none;outline:none}.m-input-number .input-number-wrap input[data-v-c8c15b72]::-webkit-input-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-c8c15b72]:-moz-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-c8c15b72]::-moz-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-c8c15b72]:-ms-input-placeholder{color:#00000040}.m-input-number .input-number-handler-wrap[data-v-c8c15b72]{position:absolute;top:0;right:0;width:22px;height:100%;background:transparent;border-radius:0 6px 6px 0;opacity:0;display:flex;flex-direction:column;align-items:stretch;transition:all .2s linear}.m-input-number .input-number-handler-wrap .input-number-arrow[data-v-c8c15b72]{display:flex;align-items:center;justify-content:center;flex:auto;height:40%;border-left:1px solid #d9d9d9;cursor:pointer;transition:all .2s linear}.m-input-number .input-number-handler-wrap .input-number-arrow[data-v-c8c15b72]:hover{height:60%}.m-input-number .input-number-handler-wrap .input-number-arrow:hover .icon-svg[data-v-c8c15b72]{color:#1677ff}.m-input-number .input-number-handler-wrap .input-number-arrow .icon-svg[data-v-c8c15b72]{font-size:7px;color:#00000073;fill:currentColor;-webkit-user-select:none;user-select:none;transition:color .2s}.m-input-number .input-number-handler-wrap .up-arrow[data-v-c8c15b72]{border-top-right-radius:6px}.m-input-number .input-number-handler-wrap .down-arrow[data-v-c8c15b72]{border-top:1px solid #d9d9d9;border-bottom-right-radius:6px}.m-input-number .input-number-handler-wrap .arrow-disabled[data-v-c8c15b72]{cursor:not-allowed}.input-number-disabled[data-v-c8c15b72]{color:#00000040;background-color:#0000000a;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.input-number-disabled[data-v-c8c15b72]:hover{border-color:#d9d9d9}.input-number-disabled[data-v-c8c15b72]:focus-within{border-color:#d9d9d9;box-shadow:none}.input-number-disabled .input-number-wrap .input-number[data-v-c8c15b72]{color:#00000040;cursor:not-allowed}.input-number-disabled .input-number-handler-wrap[data-v-c8c15b72]{display:none}
+.m-input-number[data-v-2bcf838f]{position:relative;display:inline-block;width:var(--input-number-width);height:32px;font-size:14px;color:#000000e0;line-height:1.57142857;padding:0 11px;background-color:#fff;border-radius:6px;border:1px solid #d9d9d9;transition:all .2s}.m-input-number[data-v-2bcf838f]:hover{border-color:var(--input-number-primary-color-hover)}.m-input-number:hover .input-number-handler-wrap[data-v-2bcf838f]{background:#fff;opacity:1}.m-input-number[data-v-2bcf838f]:focus-within{border-color:var(--input-number-primary-color-focus);box-shadow:0 0 0 2px var(--input-number-primary-shadow-color)}.m-input-number .input-number-wrap[data-v-2bcf838f]{height:100%;display:flex}.m-input-number .input-number-wrap .input-prefix[data-v-2bcf838f]{pointer-events:none;margin-right:4px;display:inline-flex;align-items:center}.m-input-number .input-number-wrap .input-number[data-v-2bcf838f]{font-size:14px;color:#000000e0;width:100%;height:100%;background:transparent;border-radius:6px;transition:all .2s linear;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border:none;outline:none}.m-input-number .input-number-wrap input[data-v-2bcf838f]::-webkit-input-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-2bcf838f]:-moz-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-2bcf838f]::-moz-placeholder{color:#00000040}.m-input-number .input-number-wrap input[data-v-2bcf838f]:-ms-input-placeholder{color:#00000040}.m-input-number .input-number-handler-wrap[data-v-2bcf838f]{position:absolute;top:0;right:0;width:22px;height:100%;background:transparent;border-radius:0 6px 6px 0;opacity:0;display:flex;flex-direction:column;align-items:stretch;transition:all .2s linear}.m-input-number .input-number-handler-wrap .input-number-arrow[data-v-2bcf838f]{display:flex;align-items:center;justify-content:center;flex:auto;height:40%;border-left:1px solid #d9d9d9;cursor:pointer;transition:all .2s linear}.m-input-number .input-number-handler-wrap .input-number-arrow[data-v-2bcf838f]:hover{height:60%}.m-input-number .input-number-handler-wrap .input-number-arrow:hover .icon-svg[data-v-2bcf838f]{color:var(--input-number-primary-color)}.m-input-number .input-number-handler-wrap .input-number-arrow .icon-svg[data-v-2bcf838f]{font-size:7px;color:#00000073;fill:currentColor;-webkit-user-select:none;user-select:none;transition:color .2s}.m-input-number .input-number-handler-wrap .up-arrow[data-v-2bcf838f]{border-top-right-radius:6px}.m-input-number .input-number-handler-wrap .down-arrow[data-v-2bcf838f]{border-top:1px solid #d9d9d9;border-bottom-right-radius:6px}.m-input-number .input-number-handler-wrap .arrow-disabled[data-v-2bcf838f]{cursor:not-allowed}.input-number-disabled[data-v-2bcf838f]{color:#00000040;background-color:#0000000a;border-color:#d9d9d9;box-shadow:none;cursor:not-allowed;opacity:1}.input-number-disabled[data-v-2bcf838f]:hover{border-color:#d9d9d9}.input-number-disabled[data-v-2bcf838f]:focus-within{border-color:#d9d9d9;box-shadow:none}.input-number-disabled .input-number-wrap .input-number[data-v-2bcf838f]{color:#00000040;cursor:not-allowed}.input-number-disabled .input-number-handler-wrap[data-v-2bcf838f]{display:none}

package/es/inputnumber/InputNumber.vue.js

@@ -1,7 +1,7 @@
 import o from "./InputNumber.vue2.js";
 /* empty css                 */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c8c15b72"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2bcf838f"]]);
 export {
-  c as default
+  p as default
 };