vue-devui 1.5.11-hotfix.1 → 1.5.12

package/editor-md/style.css

@@ -1 +1 @@
-.devui-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen__html{overflow:hidden}:not(:root):fullscreen::backdrop{background:var(--devui-base-bg, #ffffff)}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.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-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-tooltip{max-width:200px;min-height:26px;padding:4px 16px;font-size:var(--devui-font-size, 12px);color:var(--devui-feedback-overlay-text, #dfe1e6);letter-spacing:0;line-height:1.5;background:var(--devui-feedback-overlay-bg, #464d6e);box-shadow:none;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;text-align:start;border-radius:var(--devui-border-radius-feedback, 4px);font-style:normal;font-weight:400;line-break:auto;text-decoration:none;text-shadow:none;text-transform:none;word-spacing:normal;white-space:normal;opacity:1;z-index:var(--devui-z-index-pop-up, 1060)}.devui-tooltip--fade-bottom-enter-from,.devui-tooltip--fade-bottom-leave-to,.devui-tooltip--fade-top-enter-from,.devui-tooltip--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-tooltip--fade-bottom-enter-to,.devui-tooltip--fade-bottom-leave-from,.devui-tooltip--fade-top-enter-to,.devui-tooltip--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-tooltip--fade-bottom-enter-active,.devui-tooltip--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-bottom-leave-active,.devui-tooltip--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-tooltip--fade-left-enter-from,.devui-tooltip--fade-left-leave-to,.devui-tooltip--fade-right-enter-from,.devui-tooltip--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-tooltip--fade-left-enter-to,.devui-tooltip--fade-left-leave-from,.devui-tooltip--fade-right-enter-to,.devui-tooltip--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-tooltip--fade-left-enter-active,.devui-tooltip--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-left-leave-active,.devui-tooltip--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.md-toolbar-container{display:flex;flex-wrap:wrap;align-items:center;margin-left:20px}.md-toolbar-container .md-toolbar-span{width:1px;height:22px;margin-right:12px;background:var(--devui-dividing-line, #f2f2f3)}.md-toolbar-item{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;cursor:pointer}.md-toolbar-item svg,.md-toolbar-item polygon,.md-toolbar-item path{fill:var(--devui-icon-text, #71757f)}.md-toolbar-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.md-toolbar-item:hover svg,.md-toolbar-item:hover polygon,.md-toolbar-item:hover path{fill:var(--devui-brand, #5e7ce0)}.dropdown-font-size{padding:0;margin:0}.dropdown-font-size li{width:80px;padding:4px 8px;list-style:none;cursor:pointer}.dropdown-font-size li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.dropdown-font-color{display:inline-flex;width:352px}.dropdown-font-color .color-wrap{width:50%;padding-left:4px}.dropdown-font-color .color-wrap p{line-height:38px;padding:0;margin:0}.dropdown-font-color .color-picker{display:flex;flex-wrap:wrap;width:172px;padding:0;margin:0}.dropdown-font-color .color-picker li{display:block;width:20px;height:20px;margin:0 2px 2px;padding:0;list-style:none;cursor:pointer}.dropdown-font-color .color-picker li:hover{border:2px solid var(--devui-link-light-active, #beccfa)}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.dp-md-view{font-size:14px}.dp-md-view p{word-wrap:break-word;margin:0 0 10px;padding:0}.dp-md-view ul{list-style-type:disc;padding-left:16px}.dp-md-view ol{list-style-type:decimal;padding-left:24px}.dp-md-view h1{position:relative;color:var(--devui-text, #252b3a);font-weight:700;font-size:28px}.dp-md-view table{margin-bottom:10px;border-collapse:collapse;display:table}.dp-md-view td,.dp-md-view th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.dp-md-view caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.dp-md-view th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.dp-md-view .ue-table-interlace-color-single{background-color:var(--devui-base-bg, #ffffff)}.dp-md-view .ue-table-interlace-color-double{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.dp-md-view td p{margin:0;padding:0}.dp-md-view code{color:#c7254e}.dp-md-view pre,.dp-md-view pre code{color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);padding:.5em;font-size:12px}.dp-md-view pre.hljs,.dp-md-view pre code.hljs{background-color:var(--devui-area, #f5f5f5)}.dp-md-view .h1,.dp-md-view .h2,.dp-md-view .h3,.dp-md-view .h4,.dp-md-view .h5,.dp-md-view .h6,.dp-md-view h1,.dp-md-view h2,.dp-md-view h3,.dp-md-view h4,.dp-md-view h5,.dp-md-view h6{line-height:1.1}.dp-md-view blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.dp-md-view a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.dp-md-view a:hover{color:var(--devui-link-active, #526ecc)}.dp-md-view img{max-width:100%}.dp-md-view input[type=checkbox]{vertical-align:middle}.dp-md-view .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--devui-text, #252b3a)}.dp-md-view .hljs-comment,.dp-md-view .hljs-quote{color:#998;font-style:italic}.dp-md-view .hljs-keyword,.dp-md-view .hljs-selector-tag,.dp-md-view .hljs-subst{color:var(--devui-text, #252b3a);font-weight:700}.dp-md-view .hljs-number,.dp-md-view .hljs-literal,.dp-md-view .hljs-variable,.dp-md-view .hljs-template-variable,.dp-md-view .hljs-tag .hljs-attr{color:var(--devui-warning-line, #fa9841)}.dp-md-view .hljs-string,.dp-md-view .hljs-doctag{color:var(--devui-danger-line, #f66f6a)}.dp-md-view .hljs-title,.dp-md-view .hljs-section,.dp-md-view .hljs-selector-id{color:var(--devui-danger-line, #f66f6a);font-weight:700}.dp-md-view .hljs-subst{font-weight:400}.dp-md-view .hljs-type,.dp-md-view .hljs-class .hljs-title{font-weight:700;color:#458}.dp-md-view .hljs-tag,.dp-md-view .hljs-name,.dp-md-view .hljs-attribute{color:navy;font-weight:400}.dp-md-view .hljs-symbol,.dp-md-view .hljs-bullet{color:#990073}.dp-md-view .hljs-built_in,.dp-md-view .hljs-builtin-name{color:#0086b3}.dp-md-view .hljs-meta{color:#999;font-weight:700}.dp-md-view .hljs-deletion{background:#ffdddd}.dp-md-view .hljs-addition{background:#ddffdd}.dp-md-view .hljs-emphasis{font-style:italic}.dp-md-view .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf}.dp-md-view.devui-md-view-dark .hljs-comment,.dp-md-view.devui-md-view-dark .hljs-quote{color:#5c6370;font-style:italic}.dp-md-view.devui-md-view-dark .hljs-doctag,.dp-md-view.devui-md-view-dark .hljs-keyword,.dp-md-view.devui-md-view-dark .hljs-formula{color:#c678dd}.dp-md-view.devui-md-view-dark .hljs-section,.dp-md-view.devui-md-view-dark .hljs-name,.dp-md-view.devui-md-view-dark .hljs-selector-tag,.dp-md-view.devui-md-view-dark .hljs-deletion,.dp-md-view.devui-md-view-dark .hljs-subst{color:#e06c75}.dp-md-view.devui-md-view-dark .hljs-literal{color:#56b6c2}.dp-md-view.devui-md-view-dark .hljs-string,.dp-md-view.devui-md-view-dark .hljs-regexp,.dp-md-view.devui-md-view-dark .hljs-addition,.dp-md-view.devui-md-view-dark .hljs-attribute,.dp-md-view.devui-md-view-dark .hljs-meta-string{color:#98c379}.dp-md-view.devui-md-view-dark .hljs-built_in,.dp-md-view.devui-md-view-dark .hljs-class .hljs-title{color:#e6c07b}.dp-md-view.devui-md-view-dark .hljs-attr,.dp-md-view.devui-md-view-dark .hljs-variable,.dp-md-view.devui-md-view-dark .hljs-template-variable,.dp-md-view.devui-md-view-dark .hljs-type,.dp-md-view.devui-md-view-dark .hljs-selector-class,.dp-md-view.devui-md-view-dark .hljs-selector-attr,.dp-md-view.devui-md-view-dark .hljs-selector-pseudo,.dp-md-view.devui-md-view-dark .hljs-number{color:#d19a66}.dp-md-view.devui-md-view-dark .hljs-symbol,.dp-md-view.devui-md-view-dark .hljs-bullet,.dp-md-view.devui-md-view-dark .hljs-link,.dp-md-view.devui-md-view-dark .hljs-meta,.dp-md-view.devui-md-view-dark .hljs-selector-id,.dp-md-view.devui-md-view-dark .hljs-title{color:#61aeee}.dp-md-view.devui-md-view-dark .hljs-emphasis{font-style:italic}.dp-md-view.devui-md-view-dark .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs-link{text-decoration:underline}.dp-md-container{display:block;height:100%;font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif;font-size:14px;border:1px solid var(--devui-dividing-line, #f2f2f3);border-radius:var(--devui-border-radius, 2px)}.dp-md-container .CodeMirror-lines{padding:20px 0}.dp-md-container .CodeMirror pre{padding:0 20px}.dp-md-container .CodeMirror pre.CodeMirror-line,.dp-md-container .CodeMirror pre.CodeMirror-line-like{color:var(--devui-text, #252b3a);font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif}.dp-md-container .dp-md-toolbar-container{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0}.dp-md-container.dp-md-readonly .dp-md-content-container,.dp-md-container.dp-md-editonly .dp-md-content-container{position:relative;z-index:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{position:absolute;width:100%;height:100%;top:0;left:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor{z-index:-1}.dp-md-container.dp-md-readonly .dp-md-toolbar-container{opacity:.3;pointer-events:none}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container{border-left:none}.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{z-index:-1}.dp-md-container .dp-md-content-container{display:flex;height:calc(100% - 52px);min-height:250px}.dp-md-container .dp-md-content-container .CodeMirror-scroll{padding-top:5px}.dp-md-container .dp-md-content-container .dp-md-editor{position:relative;width:50%;flex-shrink:0}.dp-md-container .dp-md-content-container .dp-md-editor .dp-md-count{display:inline-block;position:absolute;right:8px;bottom:4px;font-size:12px;color:var(--devui-aide-text, #71757f)}.dp-md-container .dp-md-content-container .dp-editor-md-preview-container{width:50%;flex-shrink:0;padding:20px;border-left:1px solid var(--devui-dividing-line, #f2f2f3);border-bottom-right-radius:var(--devui-border-radius, 2px);overflow-y:auto;background-color:var(--devui-base-bg, #ffffff)}.dp-md-view pre code{display:block;overflow-x:auto;line-height:1.5}
+.devui-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:auto;background-color:var(--devui-base-bg, #ffffff)}.devui-fullscreen__html{overflow:hidden}:not(:root):fullscreen::backdrop{background:var(--devui-base-bg, #ffffff)}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.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-length-connected-overlay, 0 2px 12px 0) var(--devui-shadow, rgba(37, 43, 58, .24));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}.devui-dropdown span.icon-chevron-down,.devui-dropdown span.icon-select-arrow{display:inline-block;vertical-align:text-top}.devui-dropdown__menu-wrap .devui-dropdown-menu{width:100%}.devui-dropdown-animation span.icon-chevron-down,.devui-dropdown-animation span.icon-select-arrow{transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-dropdown.open span.icon-chevron-down,.devui-dropdown.open span.icon-select-arrow{transform:rotate(180deg)}.fade-in-top{animation:fadeInTop .2s cubic-bezier(.16,.75,.5,1)}.fade-in-bottom{animation:fadeInBottom .2s cubic-bezier(.16,.75,.5,1)}@keyframes fadeInTop{0%{opacity:.8;transform:scaleY(.8) translateY(4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}@keyframes fadeInBottom{0%{opacity:.8;transform:scaleY(.8) translateY(-4px)}to{opacity:1;transform:scaleY(.9999) translateY(0)}}.devui-dropdown--fade-bottom-enter-from,.devui-dropdown--fade-bottom-leave-to{opacity:.8;transform:scaleY(.8) translateY(-4px)}.devui-dropdown--fade-bottom-enter-to,.devui-dropdown--fade-bottom-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-bottom-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-bottom-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-dropdown--fade-top-enter-from,.devui-dropdown--fade-top-leave-to{opacity:.8;transform:scaleY(.8) translateY(4px)}.devui-dropdown--fade-top-enter-to,.devui-dropdown--fade-top-leave-from{opacity:1;transform:scaleY(.9999) translateY(0)}.devui-dropdown--fade-top-enter-active{transition:transform .2s cubic-bezier(.16,.75,.5,1),opacity .2s cubic-bezier(.16,.75,.5,1)}.devui-dropdown--fade-top-leave-active{transition:transform .2s cubic-bezier(.5,0,.84,.25),opacity .2s cubic-bezier(.5,0,.84,.25)}.devui-tooltip{max-width:200px;min-height:26px;padding:4px 16px;font-size:var(--devui-font-size, 12px);color:var(--devui-feedback-overlay-text, #dfe1e6);letter-spacing:0;line-height:1.5;background:var(--devui-feedback-overlay-bg, #464d6e);box-shadow:none;overflow-wrap:break-word;word-break:break-word;word-wrap:break-word;text-align:start;border-radius:var(--devui-border-radius-feedback, 4px);font-style:normal;font-weight:400;line-break:auto;text-decoration:none;text-shadow:none;text-transform:none;word-spacing:normal;white-space:normal;opacity:1;z-index:var(--devui-z-index-pop-up, 1060)}.devui-tooltip--fade-bottom-enter-from,.devui-tooltip--fade-bottom-leave-to,.devui-tooltip--fade-top-enter-from,.devui-tooltip--fade-top-leave-to{opacity:.8;transform:scaleY(.8)}.devui-tooltip--fade-bottom-enter-to,.devui-tooltip--fade-bottom-leave-from,.devui-tooltip--fade-top-enter-to,.devui-tooltip--fade-top-leave-from{opacity:1;transform:scaleY(1)}.devui-tooltip--fade-bottom-enter-active,.devui-tooltip--fade-top-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-bottom-leave-active,.devui-tooltip--fade-top-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.devui-tooltip--fade-left-enter-from,.devui-tooltip--fade-left-leave-to,.devui-tooltip--fade-right-enter-from,.devui-tooltip--fade-right-leave-to{opacity:.8;transform:scaleX(.8)}.devui-tooltip--fade-left-enter-to,.devui-tooltip--fade-left-leave-from,.devui-tooltip--fade-right-enter-to,.devui-tooltip--fade-right-leave-from{opacity:1;transform:scaleX(1)}.devui-tooltip--fade-left-enter-active,.devui-tooltip--fade-right-enter-active{transition:transform .1s cubic-bezier(.16,.75,.5,1),opacity .1s cubic-bezier(.16,.75,.5,1)}.devui-tooltip--fade-left-leave-active,.devui-tooltip--fade-right-leave-active{transition:transform .1s cubic-bezier(.5,0,.84,.25),opacity .1s cubic-bezier(.5,0,.84,.25)}.md-toolbar-container{display:flex;flex-wrap:wrap;align-items:center;margin-left:20px}.md-toolbar-container .md-toolbar-span{width:1px;height:22px;margin-right:12px;background:var(--devui-dividing-line, #f2f2f3)}.md-toolbar-item{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;margin-right:12px;cursor:pointer}.md-toolbar-item svg,.md-toolbar-item polygon,.md-toolbar-item path{fill:var(--devui-icon-text, #71757f)}.md-toolbar-item:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.md-toolbar-item:hover svg,.md-toolbar-item:hover polygon,.md-toolbar-item:hover path{fill:var(--devui-brand, #5e7ce0)}.dropdown-font-size{padding:0;margin:0}.dropdown-font-size li{width:80px;padding:4px 8px;list-style:none;cursor:pointer}.dropdown-font-size li:hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3)}.dropdown-font-color{display:inline-flex;width:352px}.dropdown-font-color .color-wrap{width:50%;padding-left:4px}.dropdown-font-color .color-wrap p{line-height:38px;padding:0;margin:0}.dropdown-font-color .color-picker{display:flex;flex-wrap:wrap;width:172px;padding:0;margin:0}.dropdown-font-color .color-picker li{display:block;width:20px;height:20px;margin:0 2px 2px;padding:0;list-style:none;cursor:pointer}.dropdown-font-color .color-picker li:hover{border:2px solid var(--devui-link-light-active, #beccfa)}.CodeMirror{font-family:monospace;height:300px;color:#000;direction:ltr}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}.CodeMirror-gutters{border-right:1px solid #ddd;background-color:#f7f7f7;white-space:nowrap}.CodeMirror-linenumber{padding:0 3px 0 5px;min-width:20px;text-align:right;color:#999;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid black;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{width:auto;border:0!important;background:#7e7}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor-mark{background-color:#14ff1480;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite}.cm-animate-fat-cursor{width:auto;-webkit-animation:blink 1.06s steps(1) infinite;-moz-animation:blink 1.06s steps(1) infinite;animation:blink 1.06s steps(1) infinite;background-color:#7e7}@-moz-keyframes blink{50%{background-color:transparent}}@-webkit-keyframes blink{50%{background-color:transparent}}@keyframes blink{50%{background-color:transparent}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{position:absolute;left:0;right:0;top:-50px;bottom:0;overflow:hidden}.CodeMirror-ruler{border-left:1px solid #ccc;top:0;bottom:0;position:absolute}.cm-s-default .cm-header{color:#00f}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-variable-3,.cm-s-default .cm-type{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-s-default .cm-error,.cm-invalidchar{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{position:relative;overflow:hidden;background:white}.CodeMirror-scroll{overflow:scroll!important;margin-bottom:-50px;margin-right:-50px;padding-bottom:50px;height:100%;outline:none;position:relative}.CodeMirror-sizer{position:relative;border-right:50px solid transparent}.CodeMirror-vscrollbar,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{position:absolute;z-index:6;display:none;outline:none}.CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}.CodeMirror-scrollbar-filler{right:0;bottom:0}.CodeMirror-gutter-filler{left:0;bottom:0}.CodeMirror-gutters{position:absolute;left:0;top:0;min-height:100%;z-index:3}.CodeMirror-gutter{white-space:normal;height:100%;display:inline-block;vertical-align:top;margin-bottom:-50px}.CodeMirror-gutter-wrapper{position:absolute;z-index:4;background:none!important;border:none!important}.CodeMirror-gutter-background{position:absolute;top:0;bottom:0;z-index:4}.CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:transparent}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:transparent}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:transparent;font-family:inherit;font-size:inherit;margin:0;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible;-webkit-tap-highlight-color:transparent;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}.CodeMirror-linewidget{position:relative;z-index:2;padding:.1px}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-scroll,.CodeMirror-sizer,.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber{-moz-box-sizing:content-box;box-sizing:content-box}.CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}.CodeMirror-cursor{position:absolute;pointer-events:none}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:3}div.CodeMirror-dragcursors,.CodeMirror-focused div.CodeMirror-cursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:#ff06}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.dp-md-view{font-size:14px}.dp-md-view p{word-wrap:break-word;margin:0 0 10px;padding:0}.dp-md-view ul{list-style-type:disc;padding-left:16px}.dp-md-view ol{list-style-type:decimal;padding-left:24px}.dp-md-view h1{position:relative;color:var(--devui-text, #252b3a);font-weight:700;font-size:28px}.dp-md-view table{margin-bottom:10px;border-collapse:collapse;display:table}.dp-md-view td,.dp-md-view th{padding:5px 10px;border:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff)}.dp-md-view caption{border:1px dashed var(--devui-line, #d7d8da);border-bottom:0;padding:3px;text-align:center}.dp-md-view th{border-top:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-global-bg, #f6f6f8)}.dp-md-view .ue-table-interlace-color-single{background-color:var(--devui-base-bg, #ffffff)}.dp-md-view .ue-table-interlace-color-double{background-color:var(--devui-list-item-strip-bg, #f2f5fc)}.dp-md-view td p{margin:0;padding:0}.dp-md-view code{color:#c7254e}.dp-md-view pre,.dp-md-view pre code{color:var(--devui-text, #252b3a);background-color:var(--devui-area, #f5f5f5);padding:.5em;font-size:12px}.dp-md-view pre.hljs,.dp-md-view pre code.hljs{background-color:var(--devui-area, #f5f5f5)}.dp-md-view .h1,.dp-md-view .h2,.dp-md-view .h3,.dp-md-view .h4,.dp-md-view .h5,.dp-md-view .h6,.dp-md-view h1,.dp-md-view h2,.dp-md-view h3,.dp-md-view h4,.dp-md-view h5,.dp-md-view h6{line-height:1.1}.dp-md-view blockquote{padding:0 8px;margin:0;color:var(--devui-text-weak, #575d6c);border-left:5px solid var(--devui-dividing-line, #f2f2f3)}.dp-md-view a{color:var(--devui-link, #526ecc);text-decoration:underline;cursor:pointer}.dp-md-view a:hover{color:var(--devui-link-active, #526ecc)}.dp-md-view img{max-width:100%}.dp-md-view input[type=checkbox]{vertical-align:middle}.dp-md-view .hljs{display:block;overflow-x:auto;padding:.5em;color:var(--devui-text, #252b3a)}.dp-md-view .hljs-comment,.dp-md-view .hljs-quote{color:#998;font-style:italic}.dp-md-view .hljs-keyword,.dp-md-view .hljs-selector-tag,.dp-md-view .hljs-subst{color:var(--devui-text, #252b3a);font-weight:700}.dp-md-view .hljs-number,.dp-md-view .hljs-literal,.dp-md-view .hljs-variable,.dp-md-view .hljs-template-variable,.dp-md-view .hljs-tag .hljs-attr{color:var(--devui-warning-line, #fa9841)}.dp-md-view .hljs-string,.dp-md-view .hljs-doctag{color:var(--devui-danger-line, #f66f6a)}.dp-md-view .hljs-title,.dp-md-view .hljs-section,.dp-md-view .hljs-selector-id{color:var(--devui-danger-line, #f66f6a);font-weight:700}.dp-md-view .hljs-subst{font-weight:400}.dp-md-view .hljs-type,.dp-md-view .hljs-class .hljs-title{font-weight:700;color:#458}.dp-md-view .hljs-tag,.dp-md-view .hljs-name,.dp-md-view .hljs-attribute{color:navy;font-weight:400}.dp-md-view .hljs-symbol,.dp-md-view .hljs-bullet{color:#990073}.dp-md-view .hljs-built_in,.dp-md-view .hljs-builtin-name{color:#0086b3}.dp-md-view .hljs-meta{color:#999;font-weight:700}.dp-md-view .hljs-deletion{background:#ffdddd}.dp-md-view .hljs-addition{background:#ddffdd}.dp-md-view .hljs-emphasis{font-style:italic}.dp-md-view .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs{display:block;overflow-x:auto;padding:.5em;color:#abb2bf}.dp-md-view.devui-md-view-dark .hljs-comment,.dp-md-view.devui-md-view-dark .hljs-quote{color:#5c6370;font-style:italic}.dp-md-view.devui-md-view-dark .hljs-doctag,.dp-md-view.devui-md-view-dark .hljs-keyword,.dp-md-view.devui-md-view-dark .hljs-formula{color:#c678dd}.dp-md-view.devui-md-view-dark .hljs-section,.dp-md-view.devui-md-view-dark .hljs-name,.dp-md-view.devui-md-view-dark .hljs-selector-tag,.dp-md-view.devui-md-view-dark .hljs-deletion,.dp-md-view.devui-md-view-dark .hljs-subst{color:#e06c75}.dp-md-view.devui-md-view-dark .hljs-literal{color:#56b6c2}.dp-md-view.devui-md-view-dark .hljs-string,.dp-md-view.devui-md-view-dark .hljs-regexp,.dp-md-view.devui-md-view-dark .hljs-addition,.dp-md-view.devui-md-view-dark .hljs-attribute,.dp-md-view.devui-md-view-dark .hljs-meta-string{color:#98c379}.dp-md-view.devui-md-view-dark .hljs-built_in,.dp-md-view.devui-md-view-dark .hljs-class .hljs-title{color:#e6c07b}.dp-md-view.devui-md-view-dark .hljs-attr,.dp-md-view.devui-md-view-dark .hljs-variable,.dp-md-view.devui-md-view-dark .hljs-template-variable,.dp-md-view.devui-md-view-dark .hljs-type,.dp-md-view.devui-md-view-dark .hljs-selector-class,.dp-md-view.devui-md-view-dark .hljs-selector-attr,.dp-md-view.devui-md-view-dark .hljs-selector-pseudo,.dp-md-view.devui-md-view-dark .hljs-number{color:#d19a66}.dp-md-view.devui-md-view-dark .hljs-symbol,.dp-md-view.devui-md-view-dark .hljs-bullet,.dp-md-view.devui-md-view-dark .hljs-link,.dp-md-view.devui-md-view-dark .hljs-meta,.dp-md-view.devui-md-view-dark .hljs-selector-id,.dp-md-view.devui-md-view-dark .hljs-title{color:#61aeee}.dp-md-view.devui-md-view-dark .hljs-emphasis{font-style:italic}.dp-md-view.devui-md-view-dark .hljs-strong{font-weight:700}.dp-md-view.devui-md-view-dark .hljs-link{text-decoration:underline}.dp-md-container{display:block;height:100%;font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif;font-size:14px;border:1px solid var(--devui-dividing-line, #f2f2f3);border-radius:var(--devui-border-radius, 2px)}.dp-md-container .CodeMirror-lines{padding:20px 0}.dp-md-container .CodeMirror pre{padding:0 20px}.dp-md-container .CodeMirror pre.CodeMirror-line,.dp-md-container .CodeMirror pre.CodeMirror-line-like{color:var(--devui-text, #252b3a);font-family:helvetica,arial,PingFang,Microsoft YaHei,Hiragino Sans GB,Microsoft JhengHei,sans-serif}.dp-md-container .dp-md-toolbar-container{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:8px 0;border-bottom:1px solid var(--devui-dividing-line, #f2f2f3);background-color:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0 0}.dp-md-container.dp-md-readonly .dp-md-content-container,.dp-md-container.dp-md-editonly .dp-md-content-container{position:relative;z-index:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-md-editor,.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{position:absolute;width:100%;height:100%;top:0;left:0}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-md-editor{z-index:-1}.dp-md-container.dp-md-readonly .dp-md-toolbar-container{opacity:.3;pointer-events:none}.dp-md-container.dp-md-readonly .dp-md-content-container .dp-editor-md-preview-container{border-left:none}.dp-md-container.dp-md-editonly .dp-md-content-container .dp-editor-md-preview-container{z-index:-1}.dp-md-container .dp-md-content-container{display:flex;height:calc(100% - 52px);min-height:250px}.dp-md-container .dp-md-content-container .CodeMirror-scroll{padding-top:5px}.dp-md-container .dp-md-content-container .dp-md-editor{position:relative;width:50%;flex-shrink:0}.dp-md-container .dp-md-content-container .dp-md-editor .dp-md-count{display:inline-block;position:absolute;right:8px;bottom:4px;font-size:12px;color:var(--devui-aide-text, #71757f)}.dp-md-container .dp-md-content-container .dp-editor-md-preview-container{width:50%;flex-shrink:0;padding:20px;border-left:1px solid var(--devui-dividing-line, #f2f2f3);border-bottom-right-radius:var(--devui-border-radius, 2px);overflow-y:auto;background-color:var(--devui-base-bg, #ffffff)}.dp-md-container .CodeMirror-empty pre.CodeMirror-placeholder.CodeMirror-line-like{color:var(--devui-line, #d7d8da)}.dp-editor-md-preview-container.dp-md-view{overflow-y:auto}.dp-md-view pre code{display:block;overflow-x:auto;line-height:1.5}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.5.11-hotfix.1",
+  "version": "1.5.12",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/pagination/index.es.js

@@ -32,6 +32,7 @@ var __objRest = (source, exclude) => {
 import { defineComponent, watch, provide, reactive, toRefs, createVNode, onUnmounted, Transition, mergeProps, ref, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, computed, onMounted, Teleport, createTextVNode, onBeforeUnmount, toRef, onBeforeMount, vShow, resolveComponent, getCurrentInstance, resolveDirective, resolveDynamicComponent } from "vue";
 import { onClickOutside } from "@vueuse/core";
 import { offset, autoPlacement, arrow, shift, computePosition } from "@floating-ui/dom";
+import "clipboard";
 function className(classStr, classOpt) {
   let classname = classStr;
   if (typeof classOpt === "object") {
@@ -41,7 +42,7 @@ function className(classStr, classOpt) {
   }
   return classname;
 }
-function createBem(namespace, element, modifier) {
+function createBem$1(namespace, element, modifier) {
   let cls = namespace;
   if (element) {
     cls += `__${element}`;
@@ -51,12 +52,12 @@ function createBem(namespace, element, modifier) {
   }
   return cls;
 }
-function useNamespace(block, needDot = false) {
+function useNamespace$1(block, needDot = false) {
   const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
-  const b = () => createBem(namespace);
-  const e = (element) => element ? createBem(namespace, element) : "";
-  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
-  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  const b = () => createBem$1(namespace);
+  const e = (element) => element ? createBem$1(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem$1(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem$1(namespace, element, modifier) : "";
   return {
     b,
     e,
@@ -5592,7 +5593,7 @@ defineComponent({
   props: formProps,
   emits: ["validate"],
   setup(props, ctx2) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       itemContexts,
       addItemContext,
@@ -5744,7 +5745,7 @@ defineComponent({
     const {
       modelValue
     } = toRefs(props);
-    const ns2 = useNamespace("fixed-overlay");
+    const ns2 = useNamespace$1("fixed-overlay");
     const {
       onClick
     } = useFixedOverlay(props, ctx2);
@@ -5910,7 +5911,7 @@ const FlexibleOverlay = defineComponent({
     emit,
     expose
   }) {
-    const ns2 = useNamespace("flexible-overlay");
+    const ns2 = useNamespace$1("flexible-overlay");
     const {
       clickEventBubble
     } = toRefs(props);
@@ -5940,7 +5941,7 @@ const FlexibleOverlay = defineComponent({
 const inBrowser = typeof window !== "undefined";
 const POPPER_TRIGGER_TOKEN = Symbol("popper-trigger");
 const isObject = (val) => val !== null && typeof val === "object";
-const ns$1 = useNamespace("popper-trigger");
+const ns$1 = useNamespace$1("popper-trigger");
 function wrapContent(content) {
   return h("span", { class: ns$1.b() }, content);
 }
@@ -6127,7 +6128,7 @@ function usePopoverEvent(props, visible, origin) {
   });
   return { placement, handlePositionChange, onMouseenter, onMouseleave };
 }
-const ns = useNamespace("popover");
+const ns = useNamespace$1("popover");
 function SuccessIcon$1() {
   return createVNode("svg", {
     "class": [ns.e("icon"), ns.em("icon", "success")],
@@ -6229,7 +6230,7 @@ var PopoverIcon = defineComponent({
     }
   },
   setup(props) {
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     return () => props.type && props.type !== "default" && createVNode("span", {
       "class": ns2.e("icon-wrap")
     }, [props.type === "success" && createVNode(SuccessIcon$1, null, null), props.type === "warning" && createVNode(WarningIcon, null, null), props.type === "info" && createVNode(InfoIcon, null, null), props.type === "error" && createVNode(ErrorIcon$1, null, null)]);
@@ -6266,7 +6267,7 @@ var Popover = defineComponent({
     const {
       overlayStyles
     } = usePopover(props, visible, placement, origin, popoverRef);
-    const ns2 = useNamespace("popover");
+    const ns2 = useNamespace$1("popover");
     provide(POPPER_TRIGGER_TOKEN, origin);
     watch(visible, (newVal) => {
       if (newVal) {
@@ -6399,7 +6400,7 @@ function useFormLabel() {
   const formContext = inject(FORM_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN);
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const labelClasses = computed(() => ({
     [`${ns2.e("label")}`]: true,
     [`${ns2.em("label", "vertical")}`]: labelData.value.layout === "vertical",
@@ -6418,7 +6419,7 @@ var FormLabel = defineComponent({
   name: "DFormLabel",
   props: formLabelProps,
   setup(props, ctx2) {
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       labelClasses,
       labelInnerClasses
@@ -6453,7 +6454,7 @@ const formControlProps = {
 };
 function useFormControl(props) {
   const labelData = inject(LABEL_DATA);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const { feedbackStatus } = toRefs(props);
   const controlClasses = computed(() => ({
     [ns2.e("control")]: true,
@@ -6483,7 +6484,7 @@ var FormControl = defineComponent({
   props: formControlProps,
   setup(props, ctx2) {
     const formControl2 = ref();
-    const ns2 = useNamespace("form");
+    const ns2 = useNamespace$1("form");
     const {
       controlClasses,
       controlContainerClasses
@@ -7537,7 +7538,7 @@ function getFieldValue(obj, path) {
 }
 function useFormItem(messageType, _rules, validateState) {
   const formContext = inject(FORM_TOKEN);
-  const ns2 = useNamespace("form");
+  const ns2 = useNamespace$1("form");
   const itemClasses = computed(() => ({
     [`${ns2.em("item", "horizontal")}`]: formContext.layout === "horizontal",
     [`${ns2.em("item", "vertical")}`]: formContext.layout === "vertical",
@@ -7770,7 +7771,7 @@ defineComponent({
 function useSelect(props, selectRef, ctx2, focus, blur, isSelectFocus, t) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
-  const ns2 = useNamespace("select");
+  const ns2 = useNamespace$1("select");
   const dropdownRef = ref();
   const selectDisabled = computed(() => (formContext == null ? void 0 : formContext.disabled) || props.disabled);
   const selectSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
@@ -7787,7 +7788,7 @@ function useSelect(props, selectRef, ctx2, focus, blur, isSelectFocus, t) {
   onClickOutside(dropdownRef, () => {
     toggleChange(false);
   }, { ignore: [selectRef] });
-  const dropdownMenuMultipleNs = useNamespace("dropdown-menu-multiple");
+  const dropdownMenuMultipleNs = useNamespace$1("dropdown-menu-multiple");
   const selectCls = computed(() => {
     return className(ns2.b(), {
       [ns2.m("open")]: isOpen.value,
@@ -8227,7 +8228,8 @@ const commonProps = {
     default: void 0
   },
   size: {
-    type: String
+    type: String,
+    default: "md"
   }
 };
 const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
@@ -8300,6 +8302,41 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
   }
 });
 const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
+function getElement(element) {
+  if (element instanceof Element) {
+    return element;
+  }
+  if (element && typeof element === "object" && element.$el instanceof Element) {
+    return element.$el;
+  }
+  return null;
+}
+function createBem(namespace, element, modifier) {
+  let cls = namespace;
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+function useNamespace(block, needDot = false) {
+  const namespace = needDot ? `.devui-${block}` : `devui-${block}`;
+  const b = () => createBem(namespace);
+  const e = (element) => element ? createBem(namespace, element) : "";
+  const m = (modifier) => modifier ? createBem(namespace, "", modifier) : "";
+  const em = (element, modifier) => element && modifier ? createBem(namespace, element, modifier) : "";
+  return {
+    b,
+    e,
+    m,
+    em
+  };
+}
+function isUrl(value) {
+  return /^((http|https):)?\/\//.test(value);
+}
 function useCheckbox(props, ctx2) {
   const formContext = inject(FORM_TOKEN, void 0);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
@@ -8328,8 +8365,8 @@ function useCheckbox(props, ctx2) {
     var _a;
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
   });
-  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
-  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+  const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth;
+  const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction;
   const canChange = (checked, val) => {
     var _a;
     if (mergedDisabled.value) {
@@ -8346,15 +8383,14 @@ function useCheckbox(props, ctx2) {
     return Promise.resolve(true);
   };
   const toggle = () => {
-    const current = !isChecked.value;
+    const current = !mergedChecked.value;
     checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
     ctx2.emit("update:checked", current);
     ctx2.emit("update:modelValue", current);
     ctx2.emit("change", current);
   };
-  const handleClick = ($event) => {
-    $event.stopPropagation();
-    canChange(!isChecked.value, props.label).then((res) => res && toggle());
+  const handleClick = () => {
+    canChange(!mergedChecked.value, props.label).then((res) => res && toggle());
   };
   const size = computed(() => props.size || (checkboxGroupConf == null ? void 0 : checkboxGroupConf.size.value) || (formContext == null ? void 0 : formContext.size) || "md");
   const border = computed(() => {
@@ -8362,7 +8398,8 @@ function useCheckbox(props, ctx2) {
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.border.value) != null ? _a : props.border;
   });
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   });
   return {
     mergedChecked,
@@ -8420,7 +8457,8 @@ function useCheckboxGroup(props, ctx2) {
     }
   };
   watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch((err) => console.warn(err));
+    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+    });
   }, { deep: true });
   const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "");
   provide(checkboxGroupInjectionKey, {
@@ -8472,11 +8510,11 @@ var Checkbox = defineComponent({
     } = useCheckbox(props, ctx2);
     return () => {
       var _a, _b;
-      const wrapperCls = {
-        [ns2.e("column-margin")]: direction === "column",
-        [ns2.e("wrap")]: typeof itemWidth !== "undefined"
-      };
-      const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+      const wrapperCls = computed(() => ({
+        [ns2.e("column-margin")]: (direction == null ? void 0 : direction.value) === "column",
+        [ns2.e("wrap")]: typeof (itemWidth == null ? void 0 : itemWidth.value) !== "undefined"
+      }));
+      const wrapperStyle = computed(() => (itemWidth == null ? void 0 : itemWidth.value) ? [`width: ${itemWidth.value}px`] : []);
       const checkboxCls = {
         [ns2.b()]: true,
         active: mergedChecked.value,
@@ -8507,8 +8545,8 @@ var Checkbox = defineComponent({
         indeterminate: props.halfChecked
       };
       return createVNode("div", {
-        "class": wrapperCls,
-        "style": wrapperStyle
+        "class": wrapperCls.value,
+        "style": wrapperStyle.value
       }, [createVNode("div", {
         "class": checkboxCls
       }, [createVNode("label", {
@@ -8516,7 +8554,7 @@ var Checkbox = defineComponent({
         "onClick": handleClick,
         "class": labelCls,
         "style": {
-          width: itemWidth ? "100%" : "auto"
+          width: (itemWidth == null ? void 0 : itemWidth.value) ? "100%" : "auto"
         }
       }, [createVNode("input", mergeProps({
         "name": props.name || props.value,
@@ -8651,7 +8689,7 @@ defineComponent({
   }
 });
 function useOption(props) {
-  const ns2 = useNamespace("select");
+  const ns2 = useNamespace$1("select");
   const select2 = inject(SELECT_TOKEN, null);
   const optionGroup = inject(OPTION_GROUP_TOKEN, null);
   const currentName = computed(() => {
@@ -8796,7 +8834,7 @@ const tagProps = {
   }
 };
 function useClass(props) {
-  const ns2 = useNamespace("tag");
+  const ns2 = useNamespace$1("tag");
   return computed(() => {
     const { type: type4, color, deletable } = props;
     return `${ns2.e("item")} ${ns2.m(type4 || (color ? "colorful" : "") || "default")} ${deletable ? ns2.m("deletable") : ""} ${ns2.m(props.size)}`;
@@ -8838,7 +8876,7 @@ var Tag = defineComponent({
     slots,
     emit
   }) {
-    const ns2 = useNamespace("tag");
+    const ns2 = useNamespace$1("tag");
     const {
       type: type4,
       color,
@@ -9062,7 +9100,7 @@ function createI18nTranslate(name, app, newPrefix) {
   };
 }
 function useSelectContent() {
-  const ns2 = useNamespace("select");
+  const ns2 = useNamespace$1("select");
   const select2 = inject(SELECT_TOKEN);
   const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
   const app = getCurrentInstance();
@@ -9159,7 +9197,7 @@ var SelectContent = defineComponent({
   name: "SelectContent",
   setup() {
     const formItemContext = inject(FORM_ITEM_TOKEN, void 0);
-    const ns2 = useNamespace("select");
+    const ns2 = useNamespace$1("select");
     const clearCls = computed(() => ({
       [ns2.e("clear")]: true,
       [ns2.em("clear", "feedback")]: Boolean(formItemContext == null ? void 0 : formItemContext.validateState) && (formItemContext == null ? void 0 : formItemContext.showFeedback)
@@ -9318,8 +9356,8 @@ var Select = defineComponent({
       toggleChange,
       isShowCreateOption
     } = useSelect(props, selectRef, ctx2, focus, blur, isSelectFocus, t);
-    const scrollbarNs = useNamespace("scrollbar");
-    const ns2 = useNamespace("select");
+    const scrollbarNs = useNamespace$1("scrollbar");
+    const ns2 = useNamespace$1("select");
     const dropdownCls = ns2.e("dropdown");
     const listCls = {
       [ns2.e("dropdown-list")]: true,
@@ -9437,7 +9475,7 @@ defineComponent({
   name: "DOptionGroup",
   props: optionGroupProps,
   setup(props, ctx2) {
-    const ns2 = useNamespace("select");
+    const ns2 = useNamespace$1("select");
     provide(OPTION_GROUP_TOKEN, reactive(__spreadValues({}, toRefs(props))));
     return () => {
       var _a;
@@ -9677,7 +9715,7 @@ var ConfigMenu = defineComponent({
       isShowConfig,
       $slots
     } = this;
-    const ns2 = useNamespace("pagination");
+    const ns2 = useNamespace$1("pagination");
     return withDirectives(createVNode("div", {
       "class": ns2.e("config"),
       "ref": "paginationConfig"
@@ -9767,7 +9805,7 @@ var JumpPage = defineComponent({
       jump,
       showJumpButton
     } = this;
-    const ns2 = useNamespace("pagination");
+    const ns2 = useNamespace$1("pagination");
     const inputProps = {
       class: [ns2.e("input"), size ? ns2.em("input", size) : ""],
       size,
@@ -9889,7 +9927,7 @@ var PageNumBtn = defineComponent({
       nextChange,
       showTruePageIndex
     } = this;
-    const ns2 = useNamespace("pagination");
+    const ns2 = useNamespace$1("pagination");
     return createVNode("ul", {
       "class": [ns2.e("list"), size ? ns2.m(size) : ""]
     }, [createVNode("li", {
@@ -10033,7 +10071,7 @@ var svgIcon = defineComponent({
       color,
       size
     } = toRefs(props);
-    const ns2 = useNamespace("svg-icon");
+    const ns2 = useNamespace$1("svg-icon");
     const iconName = computed(() => `#icon-${name.value}`);
     const iconSize = computed(() => {
       return typeof size.value === "number" ? `${size.value}px` : size.value;
@@ -10053,9 +10091,6 @@ var svgIcon = defineComponent({
     };
   }
 });
-function isUrl(value) {
-  return /^((http|https):)?\/\//.test(value);
-}
 function useIconDom(props, ctx2) {
   const {
     component,
@@ -10065,7 +10100,7 @@ function useIconDom(props, ctx2) {
     classPrefix,
     rotate
   } = toRefs(props);
-  const ns2 = useNamespace("icon");
+  const ns2 = useNamespace$1("icon");
   const iconSize = computed(() => {
     return typeof size.value === "number" ? `${size.value}px` : size.value;
   });
@@ -10123,7 +10158,7 @@ var Icon = defineComponent({
     const {
       iconDom
     } = useIconDom(props, ctx2);
-    const ns2 = useNamespace("icon");
+    const ns2 = useNamespace$1("icon");
     const wrapClassed = computed(() => ({
       [ns2.e("container")]: true,
       [ns2.m("disabled")]: disabled.value,
@@ -10149,7 +10184,7 @@ var iconGroup = "";
 defineComponent({
   name: "DIconGroup",
   setup(_, ctx2) {
-    const ns2 = useNamespace("icon-group");
+    const ns2 = useNamespace$1("icon-group");
     return () => {
       var _a, _b;
       return createVNode("div", {
@@ -10203,15 +10238,6 @@ const dropdownProps = {
     default: true
   }
 };
-function getElement(element) {
-  if (element instanceof Element) {
-    return element;
-  }
-  if (element && typeof element === "object" && element.$el instanceof Element) {
-    return element.$el;
-  }
-  return null;
-}
 const dropdownMap = /* @__PURE__ */ new Map();
 function subscribeEvent(dom, type4, callback) {
   dom == null ? void 0 : dom.addEventListener(type4, callback);
@@ -10393,7 +10419,7 @@ var Dropdown = defineComponent({
     const id = `dropdown_${dropdownId++}`;
     const isOpen = ref(false);
     const currentPosition = ref("bottom");
-    const ns2 = useNamespace("dropdown");
+    const ns2 = useNamespace$1("dropdown");
     provide(POPPER_TRIGGER_TOKEN, origin);
     useDropdownEvent({
       id,
@@ -10513,7 +10539,7 @@ defineComponent({
       overlayClass
     } = toRefs(props);
     const dropdownMenuRef = ref(null);
-    const ns2 = useNamespace("dropdown");
+    const ns2 = useNamespace$1("dropdown");
     onClickOutside(dropdownMenuRef, (value) => {
       var _a, _b;
       if (((_a = clickOutside.value) == null ? void 0 : _a.call(clickOutside)) && !((_b = origin == null ? void 0 : origin.value) == null ? void 0 : _b.contains(value.target))) {
@@ -10558,7 +10584,7 @@ defineComponent({
 });
 var PageSize = defineComponent({
   setup() {
-    const ns2 = useNamespace("pagination");
+    const ns2 = useNamespace$1("pagination");
     const paginationContext = inject(paginationInjectionKey);
     const iconRotate = ref(0);
     const {
@@ -10636,7 +10662,7 @@ var Pagination = defineComponent({
       showJumpButton,
       haveConfigMenu
     } = toRefs(props);
-    const ns2 = useNamespace("pagination");
+    const ns2 = useNamespace$1("pagination");
     const totalPages = computed(() => Math.ceil(props.total / props.pageSize));
     const litePageOptions = computed(() => liteSelectOptions(totalPages.value));
     const cursor = computed({