mirror of
https://github.com/fofolee/uTools-quickcommand.git
synced 2025-06-08 06:16:27 +08:00
增加选择框
This commit is contained in:
fofolee
parent
9974ba8429
commit
8bc8630bab
@ -299,6 +299,10 @@
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#options span.Btn img:hover {
|
||||
filter: drop-shadow(0 0 5px black)
|
||||
}
|
||||
|
||||
#options span.editBtn {
|
||||
color: #00af2c;
|
||||
}
|
||||
@ -426,84 +430,6 @@ input::-webkit-input-placeholder {
|
||||
font-size: 15px
|
||||
}
|
||||
|
||||
/* #options #customize select {
|
||||
width: 40%;
|
||||
height: 25px;
|
||||
margin-left: 3px;
|
||||
border-bottom: 1px solid #dbdbdb !important;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
background-color: #ffffff;
|
||||
border-radius: 0px;
|
||||
outline: none;
|
||||
|
||||
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAJAgMAAAB71iXHAAAADFBMVEUAAAAqPz8rN0csOEgGlpD7AAAAA3RSTlMABvwYJ91vAAAAGklEQVQI12OAgQNAaMDMwMAjw8DAVAAWgAEAPFADDsXseo4AAAAASUVORK5CYII=") no-repeat scroll right center transparent;
|
||||
-webkit-appearance: none;
|
||||
user-select: none;
|
||||
} */
|
||||
|
||||
/* select2 fix */
|
||||
#options #customize .select2-container .select2-selection--single,
|
||||
#options #customize .select2-container .select2-selection--multiple {
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-radius: 0px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#options #customize .select2-container .select2-selection--multiple {
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
#options #customize .select2-container--default .select2-selection--multiple {
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
|
||||
#options #customize .select2-container--default .select2-selection--multiple .select2-selection__choice {
|
||||
background-color: #3085d6;
|
||||
border: 1px solid #f1f1f1;
|
||||
color: white;
|
||||
margin-top: 0;
|
||||
text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
#options #customize .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#options #customize .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
|
||||
#options #customize .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
|
||||
background-color: #5da6eb;
|
||||
}
|
||||
/* select2 fix */
|
||||
|
||||
/* #options #customize select:hover {
|
||||
border-bottom-color: #9e9e9ec7;
|
||||
transition: 0.25s;
|
||||
}
|
||||
|
||||
#options #customize select:focus {
|
||||
border-bottom-color: #0277BD;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#options #customize select#vars,#action {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#options #customize select option {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#options #customize select option.var {
|
||||
display: none;
|
||||
color: rgb(129, 76, 226);
|
||||
} */
|
||||
|
||||
#options #customize input#iconame {
|
||||
width: 35%;
|
||||
cursor: pointer;
|
||||
@ -637,4 +563,70 @@ li.CodeMirror-hint {
|
||||
.fadeOutUpWindow {
|
||||
animation-name: fadeOutUp;
|
||||
animation-duration: 0.3s;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*---------------select2---------------*/
|
||||
#options #customize .select2-selection--single,
|
||||
#options #customize .select2-selection--multiple {
|
||||
border-bottom: 1px solid #dbdbdb;
|
||||
border-top: 0px;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
border-radius: 0px;
|
||||
min-height: 28px;
|
||||
padding-bottom: 3px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
#options #customize .select2-selection--single:hover,
|
||||
#options #customize .select2-selection--multiple:hover {
|
||||
border-bottom-color: #9e9e9ec7;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#select2-tags-results .select2-results__option--selected {
|
||||
display: none ;
|
||||
}
|
||||
|
||||
#options #customize .select2-selection__choice {
|
||||
background-color: #3085d6;
|
||||
border: 1px solid #f1f1f1;
|
||||
color: white;
|
||||
margin-top: 0;
|
||||
text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
|
||||
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
#options #customize .select2-selection__choice__remove {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#options #customize .select2-selection__choice__remove:hover,
|
||||
#options #customize .select2-selection__choice__remove:focus {
|
||||
background-color: #5da6eb;
|
||||
}
|
||||
|
||||
#quickselect .select2-dropdown {
|
||||
position: fixed;
|
||||
font-size: 14px;
|
||||
top: 0
|
||||
}
|
||||
|
||||
#quickselect .select2-results__options {
|
||||
max-height: 550px
|
||||
}
|
||||
|
||||
#quickselect .select2-results__option {
|
||||
padding: 10px;
|
||||
height: 30px;
|
||||
line-height: 30px
|
||||
}
|
||||
|
||||
#quickselect .select2-search__field {
|
||||
height: 40px;
|
||||
margin: 5px 0px;
|
||||
outline: none
|
||||
}
|
||||
|
||||
/*---------------select2---------------*/
|
||||
@ -79,8 +79,10 @@ const quickcommand = {
|
||||
return (end - start)
|
||||
},
|
||||
|
||||
showInputBox: function (callback = () => { }, placeHolders = [""]) {
|
||||
if(typeof callback != 'function') return
|
||||
showInputBox: function (callback, placeHolders) {
|
||||
if (typeof callback != 'function') return
|
||||
placeHolders || (placeHolders = [""])
|
||||
utools.setExpendHeight(600)
|
||||
var html = ""
|
||||
var inputBoxNumbers = placeHolders.length
|
||||
for (let i = 0; i < inputBoxNumbers; i++) {
|
||||
@ -100,26 +102,41 @@ const quickcommand = {
|
||||
swalOneByOne(options)
|
||||
},
|
||||
|
||||
showSelectBox: function (callback = () => { }, selects = [""]) {
|
||||
if(typeof callback != 'function') return
|
||||
var html = `<select id="selectBox" class="swal2-select">`
|
||||
showSelectBox: function (callback, selects) {
|
||||
if (typeof callback != 'function') return
|
||||
selects || (selects = [""])
|
||||
// 调整插件高度
|
||||
let modWindowHeight = num => {
|
||||
utools.setExpendHeight(num > 11 ? 600 : 50 * (num + 1));
|
||||
}
|
||||
var html = `<div id="quickselect"><select id="selectBox">`
|
||||
var selectBoxNumbers = selects.length
|
||||
modWindowHeight(selectBoxNumbers)
|
||||
for (let i = 0; i < selectBoxNumbers; i++) {
|
||||
html += `<option value="${selects[i]}">${selects[i]}</option>`
|
||||
}
|
||||
html += `</select>`
|
||||
var options = {
|
||||
html: html,
|
||||
focusConfirm: false,
|
||||
preConfirm: () => {
|
||||
callback(document.getElementById('selectBox').value)
|
||||
}
|
||||
}
|
||||
swalOneByOne(options)
|
||||
html += `</select></div>`
|
||||
$("body").append(html)
|
||||
$('#selectBox').select2({
|
||||
width: "100%",
|
||||
dropdownParent: $("#quickselect")
|
||||
})
|
||||
$('#selectBox').select2('open')
|
||||
$('#quickselect .select2').hide()
|
||||
$('#selectBox').on('select2:select', function (e) {
|
||||
callback($(this).val())
|
||||
$('#selectBox').select2('destroy')
|
||||
$("#quickselect").remove()
|
||||
})
|
||||
$('#quickselect .select2-search__field').bind("input propertychange change",function(event){
|
||||
modWindowHeight($('.select2-results__option').length)
|
||||
});
|
||||
},
|
||||
|
||||
showButtonBox: function (callback = () => { }, buttons = [""]) {
|
||||
if(typeof callback != 'function') return
|
||||
showButtonBox: function (callback, buttons) {
|
||||
if (typeof callback != 'function') return
|
||||
buttons || (buttons = [""])
|
||||
utools.setExpendHeight(600)
|
||||
var html = ``
|
||||
var buttonBoxNumbers = buttons.length
|
||||
for (let i = 0; i < buttonBoxNumbers; i++) {
|
||||
@ -137,7 +154,6 @@ const quickcommand = {
|
||||
}
|
||||
swalOneByOne(options)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
swalOneByOne = options => {
|
||||
@ -403,7 +419,7 @@ special = cmd => {
|
||||
// let repl = getSelectText();
|
||||
// cmd = cmd.replace(/\{\{SelectText\}\}/mg, repl)
|
||||
// }
|
||||
// return cmd;
|
||||
return cmd;
|
||||
}
|
||||
|
||||
runCodeFile = (cmd, option, terminal, callback) => {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user