mirror of https://github.com/helloxz/onenav.git
23 changed files with 26494 additions and 3 deletions
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,325 @@ |
|||||||
|
/*! |
||||||
|
* Bootstrap Reboot v4.6.1 (https://getbootstrap.com/) |
||||||
|
* Copyright 2011-2021 The Bootstrap Authors |
||||||
|
* Copyright 2011-2021 Twitter, Inc. |
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
||||||
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) |
||||||
|
*/ |
||||||
|
*, |
||||||
|
*::before, |
||||||
|
*::after { |
||||||
|
box-sizing: border-box; |
||||||
|
} |
||||||
|
|
||||||
|
html { |
||||||
|
font-family: sans-serif; |
||||||
|
line-height: 1.15; |
||||||
|
-webkit-text-size-adjust: 100%; |
||||||
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
||||||
|
} |
||||||
|
|
||||||
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
|
||||||
|
body { |
||||||
|
margin: 0; |
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; |
||||||
|
font-size: 1rem; |
||||||
|
font-weight: 400; |
||||||
|
line-height: 1.5; |
||||||
|
color: #212529; |
||||||
|
text-align: left; |
||||||
|
background-color: #fff; |
||||||
|
} |
||||||
|
|
||||||
|
[tabindex="-1"]:focus:not(:focus-visible) { |
||||||
|
outline: 0 !important; |
||||||
|
} |
||||||
|
|
||||||
|
hr { |
||||||
|
box-sizing: content-box; |
||||||
|
height: 0; |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 { |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 0.5rem; |
||||||
|
} |
||||||
|
|
||||||
|
p { |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
abbr[title], |
||||||
|
abbr[data-original-title] { |
||||||
|
text-decoration: underline; |
||||||
|
-webkit-text-decoration: underline dotted; |
||||||
|
text-decoration: underline dotted; |
||||||
|
cursor: help; |
||||||
|
border-bottom: 0; |
||||||
|
-webkit-text-decoration-skip-ink: none; |
||||||
|
text-decoration-skip-ink: none; |
||||||
|
} |
||||||
|
|
||||||
|
address { |
||||||
|
margin-bottom: 1rem; |
||||||
|
font-style: normal; |
||||||
|
line-height: inherit; |
||||||
|
} |
||||||
|
|
||||||
|
ol, |
||||||
|
ul, |
||||||
|
dl { |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
ol ol, |
||||||
|
ul ul, |
||||||
|
ol ul, |
||||||
|
ul ol { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
|
||||||
|
dt { |
||||||
|
font-weight: 700; |
||||||
|
} |
||||||
|
|
||||||
|
dd { |
||||||
|
margin-bottom: .5rem; |
||||||
|
margin-left: 0; |
||||||
|
} |
||||||
|
|
||||||
|
blockquote { |
||||||
|
margin: 0 0 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
b, |
||||||
|
strong { |
||||||
|
font-weight: bolder; |
||||||
|
} |
||||||
|
|
||||||
|
small { |
||||||
|
font-size: 80%; |
||||||
|
} |
||||||
|
|
||||||
|
sub, |
||||||
|
sup { |
||||||
|
position: relative; |
||||||
|
font-size: 75%; |
||||||
|
line-height: 0; |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
|
||||||
|
sub { |
||||||
|
bottom: -.25em; |
||||||
|
} |
||||||
|
|
||||||
|
sup { |
||||||
|
top: -.5em; |
||||||
|
} |
||||||
|
|
||||||
|
a { |
||||||
|
color: #007bff; |
||||||
|
text-decoration: none; |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
|
||||||
|
a:hover { |
||||||
|
color: #0056b3; |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
|
||||||
|
a:not([href]):not([class]) { |
||||||
|
color: inherit; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
a:not([href]):not([class]):hover { |
||||||
|
color: inherit; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
|
||||||
|
pre, |
||||||
|
code, |
||||||
|
kbd, |
||||||
|
samp { |
||||||
|
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
||||||
|
font-size: 1em; |
||||||
|
} |
||||||
|
|
||||||
|
pre { |
||||||
|
margin-top: 0; |
||||||
|
margin-bottom: 1rem; |
||||||
|
overflow: auto; |
||||||
|
-ms-overflow-style: scrollbar; |
||||||
|
} |
||||||
|
|
||||||
|
figure { |
||||||
|
margin: 0 0 1rem; |
||||||
|
} |
||||||
|
|
||||||
|
img { |
||||||
|
vertical-align: middle; |
||||||
|
border-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
svg { |
||||||
|
overflow: hidden; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
|
||||||
|
table { |
||||||
|
border-collapse: collapse; |
||||||
|
} |
||||||
|
|
||||||
|
caption { |
||||||
|
padding-top: 0.75rem; |
||||||
|
padding-bottom: 0.75rem; |
||||||
|
color: #6c757d; |
||||||
|
text-align: left; |
||||||
|
caption-side: bottom; |
||||||
|
} |
||||||
|
|
||||||
|
th { |
||||||
|
text-align: inherit; |
||||||
|
text-align: -webkit-match-parent; |
||||||
|
} |
||||||
|
|
||||||
|
label { |
||||||
|
display: inline-block; |
||||||
|
margin-bottom: 0.5rem; |
||||||
|
} |
||||||
|
|
||||||
|
button { |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
|
||||||
|
button:focus:not(:focus-visible) { |
||||||
|
outline: 0; |
||||||
|
} |
||||||
|
|
||||||
|
input, |
||||||
|
button, |
||||||
|
select, |
||||||
|
optgroup, |
||||||
|
textarea { |
||||||
|
margin: 0; |
||||||
|
font-family: inherit; |
||||||
|
font-size: inherit; |
||||||
|
line-height: inherit; |
||||||
|
} |
||||||
|
|
||||||
|
button, |
||||||
|
input { |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
|
||||||
|
button, |
||||||
|
select { |
||||||
|
text-transform: none; |
||||||
|
} |
||||||
|
|
||||||
|
[role="button"] { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
select { |
||||||
|
word-wrap: normal; |
||||||
|
} |
||||||
|
|
||||||
|
button, |
||||||
|
[type="button"], |
||||||
|
[type="reset"], |
||||||
|
[type="submit"] { |
||||||
|
-webkit-appearance: button; |
||||||
|
} |
||||||
|
|
||||||
|
button:not(:disabled), |
||||||
|
[type="button"]:not(:disabled), |
||||||
|
[type="reset"]:not(:disabled), |
||||||
|
[type="submit"]:not(:disabled) { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
button::-moz-focus-inner, |
||||||
|
[type="button"]::-moz-focus-inner, |
||||||
|
[type="reset"]::-moz-focus-inner, |
||||||
|
[type="submit"]::-moz-focus-inner { |
||||||
|
padding: 0; |
||||||
|
border-style: none; |
||||||
|
} |
||||||
|
|
||||||
|
input[type="radio"], |
||||||
|
input[type="checkbox"] { |
||||||
|
box-sizing: border-box; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
|
||||||
|
textarea { |
||||||
|
overflow: auto; |
||||||
|
resize: vertical; |
||||||
|
} |
||||||
|
|
||||||
|
fieldset { |
||||||
|
min-width: 0; |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
|
||||||
|
legend { |
||||||
|
display: block; |
||||||
|
width: 100%; |
||||||
|
max-width: 100%; |
||||||
|
padding: 0; |
||||||
|
margin-bottom: .5rem; |
||||||
|
font-size: 1.5rem; |
||||||
|
line-height: inherit; |
||||||
|
color: inherit; |
||||||
|
white-space: normal; |
||||||
|
} |
||||||
|
|
||||||
|
progress { |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
|
||||||
|
[type="number"]::-webkit-inner-spin-button, |
||||||
|
[type="number"]::-webkit-outer-spin-button { |
||||||
|
height: auto; |
||||||
|
} |
||||||
|
|
||||||
|
[type="search"] { |
||||||
|
outline-offset: -2px; |
||||||
|
-webkit-appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
[type="search"]::-webkit-search-decoration { |
||||||
|
-webkit-appearance: none; |
||||||
|
} |
||||||
|
|
||||||
|
::-webkit-file-upload-button { |
||||||
|
font: inherit; |
||||||
|
-webkit-appearance: button; |
||||||
|
} |
||||||
|
|
||||||
|
output { |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
|
||||||
|
summary { |
||||||
|
display: list-item; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
|
||||||
|
template { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
|
||||||
|
[hidden] { |
||||||
|
display: none !important; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=bootstrap-reboot.css.map */ |
||||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,8 @@ |
|||||||
|
/*! |
||||||
|
* Bootstrap Reboot v4.6.1 (https://getbootstrap.com/) |
||||||
|
* Copyright 2011-2021 The Bootstrap Authors |
||||||
|
* Copyright 2011-2021 Twitter, Inc. |
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
||||||
|
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) |
||||||
|
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important} |
||||||
|
/*# sourceMappingURL=bootstrap-reboot.min.css.map */ |
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,487 @@ |
|||||||
|
/** |
||||||
|
* iconHhysFa 1.0 字体图标选择 |
||||||
|
* User: jackhhy |
||||||
|
* Date: 2020/06/23-11:09 |
||||||
|
* Link: https://gitee.com/luckygyl/iconFonts
|
||||||
|
*/ |
||||||
|
layui.define(['laypage', 'form'], function (exports) { |
||||||
|
"use strict"; |
||||||
|
|
||||||
|
var IconHhys =function () { |
||||||
|
this.v = '1.0'; |
||||||
|
}, _MOD = 'iconHhysFa', |
||||||
|
_this = this, |
||||||
|
$ = layui.jquery, |
||||||
|
laypage = layui.laypage, |
||||||
|
form = layui.form, |
||||||
|
BODY = 'body', |
||||||
|
TIPS = '请选择图标'; |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 渲染组件 |
||||||
|
*/ |
||||||
|
IconHhys.prototype.render = function (options) { |
||||||
|
var opts = options, |
||||||
|
// DOM选择器
|
||||||
|
elem = opts.elem, |
||||||
|
// 数据类型：fontClass/awesome
|
||||||
|
type = opts.type == null ? 'fontClass' : opts.type, |
||||||
|
//当数据类型为awesome 的时候 需要配置 url
|
||||||
|
url = opts.url , |
||||||
|
// 是否分页：true/false
|
||||||
|
page = opts.page == null ? true : opts.page, |
||||||
|
// 每页显示数量
|
||||||
|
limit = opts.limit == null ? 12 : opts.limit, |
||||||
|
// 是否开启搜索：true/false
|
||||||
|
search = opts.search == null ? true : opts.search, |
||||||
|
// 每个图标格子的宽度：'43px'或'20%'
|
||||||
|
cellWidth = opts.cellWidth == null ? '20%':opts.cellWidth, |
||||||
|
// 点击回调
|
||||||
|
click = opts.click, |
||||||
|
// 渲染成功后的回调
|
||||||
|
success = opts.success, |
||||||
|
// json数据
|
||||||
|
data = {}, |
||||||
|
value = opts.value == null ? '' : opts.value, |
||||||
|
// 唯一标识
|
||||||
|
tmp = new Date().getTime(), |
||||||
|
// 初始化时input的值
|
||||||
|
ORIGINAL_ELEM_VALUE = value, |
||||||
|
TITLE = 'layui-select-title', |
||||||
|
TITLE_ID = 'layui-select-title-' + tmp, |
||||||
|
ICON_BODY = 'layui-iconpicker-' + tmp, |
||||||
|
PICKER_BODY = 'layui-iconpicker-body-' + tmp, |
||||||
|
PAGE_ID = 'layui-iconpicker-page-' + tmp, |
||||||
|
LIST_BOX = 'layui-iconpicker-list-box', |
||||||
|
selected = 'layui-form-selected', |
||||||
|
unselect = 'layui-unselect'; |
||||||
|
|
||||||
|
var a = { |
||||||
|
init: function () { |
||||||
|
if (type.indexOf("fontClass") > -1){ |
||||||
|
data = common.getfont[type](); |
||||||
|
}else{ |
||||||
|
data = common.getData(url); |
||||||
|
} |
||||||
|
a.hideElem().createSelect().createBody().toggleSelect(); |
||||||
|
a.preventEvent().inputListen(); |
||||||
|
common.loadCss(); |
||||||
|
if (success) { |
||||||
|
success(this.successHandle()); |
||||||
|
} |
||||||
|
return a; |
||||||
|
}, |
||||||
|
successHandle: function () { |
||||||
|
var d = { |
||||||
|
options: opts, |
||||||
|
data: data, |
||||||
|
id: tmp, |
||||||
|
elem: $('#' + ICON_BODY) |
||||||
|
}; |
||||||
|
return d; |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 隐藏elem |
||||||
|
*/ |
||||||
|
hideElem: function () { |
||||||
|
$(elem).hide(); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 绘制select下拉选择框 |
||||||
|
*/ |
||||||
|
createSelect: function () { |
||||||
|
if (type.indexOf("fontClass") > -1){ |
||||||
|
var oriIcon = '<i class="layui-icon">'; |
||||||
|
|
||||||
|
// 默认图标
|
||||||
|
if(ORIGINAL_ELEM_VALUE === '') { |
||||||
|
ORIGINAL_ELEM_VALUE = 'layui-icon-circle-dot'; |
||||||
|
} |
||||||
|
oriIcon = '<i class="layui-icon '+ ORIGINAL_ELEM_VALUE +'">'; |
||||||
|
oriIcon += '</i>'; |
||||||
|
|
||||||
|
var selectHtml = '<div class="layui-iconpicker layui-unselect layui-form-select" id="'+ ICON_BODY +'">' + |
||||||
|
'<div class="'+ TITLE +'" id="'+ TITLE_ID +'">' + |
||||||
|
'<div class="layui-iconpicker-item">'+ |
||||||
|
'<span class="layui-iconpicker-icon layui-unselect">' + |
||||||
|
oriIcon + |
||||||
|
'</span>'+ |
||||||
|
'<i class="layui-edge"></i>' + |
||||||
|
'</div>'+ |
||||||
|
'</div>' + |
||||||
|
'<div class="layui-anim layui-anim-upbit" style="">' + |
||||||
|
'123' + |
||||||
|
'</div>'; |
||||||
|
$(elem).after(selectHtml); |
||||||
|
return a; |
||||||
|
}else{ |
||||||
|
var oriIcon = '<i class="fa">'; |
||||||
|
// 默认图标
|
||||||
|
if (ORIGINAL_ELEM_VALUE === '') { |
||||||
|
ORIGINAL_ELEM_VALUE = 'fa-adjust'; |
||||||
|
} |
||||||
|
oriIcon = '<i class="fa ' + ORIGINAL_ELEM_VALUE + '">'; |
||||||
|
oriIcon += '</i>'; |
||||||
|
|
||||||
|
var selectHtml = '<div class="layui-iconpicker layui-unselect layui-form-select" id="' + ICON_BODY + '">' + |
||||||
|
'<div class="' + TITLE + '" id="' + TITLE_ID + '">' + |
||||||
|
'<div class="layui-iconpicker-item">' + |
||||||
|
'<span class="layui-iconpicker-icon layui-unselect">' + |
||||||
|
oriIcon + |
||||||
|
'</span>' + |
||||||
|
'<i class="layui-edge"></i>' + |
||||||
|
'</div>' + |
||||||
|
'</div>' + |
||||||
|
'<div class="layui-anim layui-anim-upbit" style="">' + |
||||||
|
'123' + |
||||||
|
'</div>'; |
||||||
|
$(elem).after(selectHtml); |
||||||
|
return a; |
||||||
|
} |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 展开/折叠下拉框 |
||||||
|
*/ |
||||||
|
toggleSelect: function () { |
||||||
|
var item = '#' + TITLE_ID + ' .layui-iconpicker-item,#' + TITLE_ID + ' .layui-iconpicker-item .layui-edge'; |
||||||
|
a.event('click', item, function (e) { |
||||||
|
var $icon = $('#' + ICON_BODY); |
||||||
|
if ($icon.hasClass(selected)) { |
||||||
|
$icon.removeClass(selected).addClass(unselect); |
||||||
|
} else { |
||||||
|
// 隐藏其他picker
|
||||||
|
$('.layui-form-select').removeClass(selected); |
||||||
|
// 显示当前picker
|
||||||
|
$icon.addClass(selected).removeClass(unselect); |
||||||
|
} |
||||||
|
e.stopPropagation(); |
||||||
|
}); |
||||||
|
return a; |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
/** |
||||||
|
* 绘制主体部分 |
||||||
|
*/ |
||||||
|
createBody: function () { |
||||||
|
// 获取数据
|
||||||
|
var searchHtml = ''; |
||||||
|
|
||||||
|
if (search) { |
||||||
|
searchHtml = '<div class="layui-iconpicker-search">' + |
||||||
|
'<input class="layui-input">' + |
||||||
|
'<i class="layui-icon"></i>' + |
||||||
|
'</div>'; |
||||||
|
} |
||||||
|
// 组合dom
|
||||||
|
var bodyHtml = '<div class="layui-iconpicker-body" id="'+ PICKER_BODY +'">' + |
||||||
|
searchHtml + |
||||||
|
'<div class="'+ LIST_BOX +'"></div> '+ |
||||||
|
'</div>'; |
||||||
|
$('#' + ICON_BODY).find('.layui-anim').eq(0).html(bodyHtml); |
||||||
|
a.search().createList().check().page(); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 绘制图标列表 |
||||||
|
* @param text 模糊查询关键字 |
||||||
|
* @returns {string} |
||||||
|
*/ |
||||||
|
createList: function (text) { |
||||||
|
var d = data, |
||||||
|
l = d.length, |
||||||
|
pageHtml = '', |
||||||
|
listHtml = $('<div class="layui-iconpicker-list">')//'<div class="layui-iconpicker-list">';
|
||||||
|
|
||||||
|
// 计算分页数据
|
||||||
|
var _limit = limit, // 每页显示数量
|
||||||
|
_pages = l % _limit === 0 ? l / _limit : parseInt(l / _limit + 1), // 总计多少页
|
||||||
|
_id = PAGE_ID; |
||||||
|
|
||||||
|
// 图标列表
|
||||||
|
var icons = []; |
||||||
|
|
||||||
|
for (var i = 0; i < l; i++) { |
||||||
|
var obj = d[i]; |
||||||
|
|
||||||
|
// 判断是否模糊查询
|
||||||
|
if (text && obj.indexOf(text) === -1) { |
||||||
|
continue; |
||||||
|
} |
||||||
|
|
||||||
|
// 是否自定义格子宽度
|
||||||
|
var style = ''; |
||||||
|
if (cellWidth !== null) { |
||||||
|
style += ' style="width:' + cellWidth + '"'; |
||||||
|
} |
||||||
|
// 每个图标dom
|
||||||
|
var icon = '<div class="layui-iconpicker-icon-item" title="'+ obj +'" '+ style +'>'; |
||||||
|
|
||||||
|
if(type.indexOf("fontClass") >-1){ |
||||||
|
icon += '<i class="layui-icon '+ obj +'"></i>'; |
||||||
|
}else { |
||||||
|
icon += '<i class="fa ' + obj + '"></i>'; |
||||||
|
} |
||||||
|
icon += '</div>'; |
||||||
|
|
||||||
|
icons.push(icon); |
||||||
|
} |
||||||
|
|
||||||
|
// 查询出图标后再分页
|
||||||
|
l = icons.length; |
||||||
|
_pages = l % _limit === 0 ? l / _limit : parseInt(l / _limit + 1); |
||||||
|
for (var i = 0; i < _pages; i++) { |
||||||
|
// 按limit分块
|
||||||
|
var lm = $('<div class="layui-iconpicker-icon-limit" id="layui-iconpicker-icon-limit-' + tmp + (i+1) +'">'); |
||||||
|
|
||||||
|
for (var j = i * _limit; j < (i+1) * _limit && j < l; j++) { |
||||||
|
lm.append(icons[j]); |
||||||
|
} |
||||||
|
listHtml.append(lm); |
||||||
|
} |
||||||
|
// 无数据
|
||||||
|
if (l === 0) { |
||||||
|
listHtml.append('<p class="layui-iconpicker-tips">无数据</p>'); |
||||||
|
} |
||||||
|
// 判断是否分页
|
||||||
|
if (page){ |
||||||
|
$('#' + PICKER_BODY).addClass('layui-iconpicker-body-page'); |
||||||
|
pageHtml = '<div class="layui-iconpicker-page" id="'+ PAGE_ID +'">' + |
||||||
|
'<div class="layui-iconpicker-page-count">' + |
||||||
|
'<span id="'+ PAGE_ID +'-current">1</span>/' + |
||||||
|
'<span id="'+ PAGE_ID +'-pages">'+ _pages +'</span>' + |
||||||
|
' (<span id="'+ PAGE_ID +'-length">'+ l +'</span>)' + |
||||||
|
'</div>' + |
||||||
|
'<div class="layui-iconpicker-page-operate">' + |
||||||
|
'<i class="layui-icon" id="'+ PAGE_ID +'-prev" data-index="0" prev></i> ' + |
||||||
|
'<i class="layui-icon" id="'+ PAGE_ID +'-next" data-index="2" next></i> ' + |
||||||
|
'</div>' + |
||||||
|
'</div>'; |
||||||
|
} |
||||||
|
|
||||||
|
$('#' + ICON_BODY).find('.layui-anim').find('.' + LIST_BOX).html('').append(listHtml).append(pageHtml); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
// 阻止Layui的一些默认事件
|
||||||
|
preventEvent: function() { |
||||||
|
var item = '#' + ICON_BODY + ' .layui-anim'; |
||||||
|
a.event('click', item, function (e) { |
||||||
|
e.stopPropagation(); |
||||||
|
}); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
|
||||||
|
// 分页
|
||||||
|
page: function () { |
||||||
|
var icon = '#' + PAGE_ID + ' .layui-iconpicker-page-operate .layui-icon'; |
||||||
|
|
||||||
|
$(icon).unbind('click'); |
||||||
|
a.event('click', icon, function (e) { |
||||||
|
var elem = e.currentTarget, |
||||||
|
total = parseInt($('#' +PAGE_ID + '-pages').html()), |
||||||
|
isPrev = $(elem).attr('prev') !== undefined, |
||||||
|
// 按钮上标的页码
|
||||||
|
index = parseInt($(elem).attr('data-index')), |
||||||
|
$cur = $('#' +PAGE_ID + '-current'), |
||||||
|
// 点击时正在显示的页码
|
||||||
|
current = parseInt($cur.html()); |
||||||
|
|
||||||
|
// 分页数据
|
||||||
|
if (isPrev && current > 1) { |
||||||
|
current=current-1; |
||||||
|
$(icon + '[prev]').attr('data-index', current); |
||||||
|
} else if (!isPrev && current < total){ |
||||||
|
current=current+1; |
||||||
|
$(icon + '[next]').attr('data-index', current); |
||||||
|
} |
||||||
|
$cur.html(current); |
||||||
|
|
||||||
|
// 图标数据
|
||||||
|
$('#'+ ICON_BODY + ' .layui-iconpicker-icon-limit').hide(); |
||||||
|
$('#layui-iconpicker-icon-limit-' + tmp + current).show(); |
||||||
|
e.stopPropagation(); |
||||||
|
}); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 搜索 |
||||||
|
*/ |
||||||
|
search: function () { |
||||||
|
var item = '#' + PICKER_BODY + ' .layui-iconpicker-search .layui-input'; |
||||||
|
a.event('input propertychange', item, function (e) { |
||||||
|
var elem = e.target, |
||||||
|
t = $(elem).val(); |
||||||
|
a.createList(t); |
||||||
|
}); |
||||||
|
return a; |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 点击选中图标 |
||||||
|
*/ |
||||||
|
check: function () { |
||||||
|
if(type.indexOf("fontClass") >-1){ |
||||||
|
var item = '#' + PICKER_BODY + ' .layui-iconpicker-icon-item'; |
||||||
|
a.event('click', item, function (e) { |
||||||
|
var el = $(e.currentTarget).find('.layui-icon'), |
||||||
|
icon = ''; |
||||||
|
|
||||||
|
var clsArr = el.attr('class').split(/[\s\n]/), |
||||||
|
cls = clsArr[1], |
||||||
|
icon = cls; |
||||||
|
$('#' + TITLE_ID).find('.layui-iconpicker-item .layui-icon').html('').attr('class', clsArr.join(' ')); |
||||||
|
|
||||||
|
|
||||||
|
$('#' + ICON_BODY).removeClass(selected).addClass(unselect); |
||||||
|
$(elem).val(icon).attr('value', icon); |
||||||
|
// 回调
|
||||||
|
if (click) { |
||||||
|
click({ |
||||||
|
icon: icon |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
}else{ |
||||||
|
var item = '#' + PICKER_BODY + ' .layui-iconpicker-icon-item'; |
||||||
|
a.event('click', item, function (e) { |
||||||
|
var el = $(e.currentTarget).find('.fa'), |
||||||
|
icon = ''; |
||||||
|
|
||||||
|
var clsArr = el.attr('class').split(/[\s\n]/), |
||||||
|
cls = clsArr[1], |
||||||
|
icon = cls; |
||||||
|
$('#' + TITLE_ID).find('.layui-iconpicker-item .fa').html('').attr('class', clsArr.join(' ')); |
||||||
|
|
||||||
|
$('#' + ICON_BODY).removeClass(selected).addClass(unselect); |
||||||
|
$(elem).val(icon).attr('value', icon); |
||||||
|
// 回调
|
||||||
|
if (click) { |
||||||
|
click({ |
||||||
|
icon: icon |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
return a; |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
// 监听原始input数值改变
|
||||||
|
inputListen: function(){ |
||||||
|
var el = $(elem); |
||||||
|
a.event('change', elem, function(){ |
||||||
|
var value = el.val(); |
||||||
|
}) |
||||||
|
// el.change(function(){
|
||||||
|
|
||||||
|
// });
|
||||||
|
return a; |
||||||
|
}, |
||||||
|
event: function (evt, el, fn) { |
||||||
|
$(BODY).on(evt, el, fn); |
||||||
|
} |
||||||
|
|
||||||
|
}; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
var common = { |
||||||
|
/** |
||||||
|
* 加载样式表 |
||||||
|
*/ |
||||||
|
loadCss: function () { |
||||||
|
var css = '.layui-iconpicker {max-width: 280px;}.layui-iconpicker .layui-anim{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box;}.layui-iconpicker-item{border:1px solid #e6e6e6;width:90px;height:36px;border-radius:4px;cursor:pointer;position:relative;}.layui-iconpicker-icon{border-right:1px solid #e6e6e6;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:60px;height:100%;float:left;text-align:center;background:#fff;transition:all .3s;}.layui-iconpicker-icon i{line-height:38px;font-size:18px;}.layui-iconpicker-item > .layui-edge{left:70px;}.layui-iconpicker-item:hover{border-color:#D2D2D2!important;}.layui-iconpicker-item:hover .layui-iconpicker-icon{border-color:#D2D2D2!important;}.layui-iconpicker.layui-form-selected .layui-anim{display:block;}.layui-iconpicker-body{padding:6px;}.layui-iconpicker .layui-iconpicker-list{background-color:#fff;border:1px solid #ccc;border-radius:4px;}.layui-iconpicker .layui-iconpicker-icon-item{display:inline-block;width:21.1%;line-height:36px;text-align:center;cursor:pointer;vertical-align:top;height:36px;margin:4px;border:1px solid #ddd;border-radius:2px;transition:300ms;}.layui-iconpicker .layui-iconpicker-icon-item i.layui-icon{font-size:17px;}.layui-iconpicker .layui-iconpicker-icon-item:hover{background-color:#eee;border-color:#ccc;-webkit-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;-moz-box-shadow:0 0 2px #aaa,0 0 2px #fff inset;box-shadow:0 0 2px #aaa,0 0 2px #fff inset;text-shadow:0 0 1px #fff;}.layui-iconpicker-search{position:relative;margin:0 0 6px 0;border:1px solid #e6e6e6;border-radius:2px;transition:300ms;}.layui-iconpicker-search:hover{border-color:#D2D2D2!important;}.layui-iconpicker-search .layui-input{cursor:text;display:inline-block;width:86%;border:none;padding-right:0;margin-top:1px;}.layui-iconpicker-search .layui-icon{position:absolute;top:11px;right:4%;}.layui-iconpicker-tips{text-align:center;padding:8px 0;cursor:not-allowed;}.layui-iconpicker-page{margin-top:6px;margin-bottom:-6px;font-size:12px;padding:0 2px;}.layui-iconpicker-page-count{display:inline-block;}.layui-iconpicker-page-operate{display:inline-block;float:right;cursor:default;}.layui-iconpicker-page-operate .layui-icon{font-size:12px;cursor:pointer;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit{display:none;}.layui-iconpicker-body-page .layui-iconpicker-icon-limit:first-child{display:block;}'; |
||||||
|
var $style = $('head').find('style[iconpicker]'); |
||||||
|
if ($style.length === 0) { |
||||||
|
$('head').append('<style rel="stylesheet" iconpicker>'+css+'</style>'); |
||||||
|
} |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 获取数据 |
||||||
|
*/ |
||||||
|
getfont: { |
||||||
|
fontClass: function () { |
||||||
|
var arr = ["layui-icon-rate-half","layui-icon-rate","layui-icon-rate-solid","layui-icon-cellphone","layui-icon-vercode","layui-icon-login-wechat","layui-icon-login-qq","layui-icon-login-weibo","layui-icon-password","layui-icon-username","layui-icon-refresh-3","layui-icon-auz","layui-icon-spread-left","layui-icon-shrink-right","layui-icon-snowflake","layui-icon-tips","layui-icon-note","layui-icon-home","layui-icon-senior","layui-icon-refresh","layui-icon-refresh-1","layui-icon-flag","layui-icon-theme","layui-icon-notice","layui-icon-website","layui-icon-console","layui-icon-face-surprised","layui-icon-set","layui-icon-template-1","layui-icon-app","layui-icon-template","layui-icon-praise","layui-icon-tread","layui-icon-male","layui-icon-female","layui-icon-camera","layui-icon-camera-fill","layui-icon-more","layui-icon-more-vertical","layui-icon-rmb","layui-icon-dollar","layui-icon-diamond","layui-icon-fire","layui-icon-return","layui-icon-location","layui-icon-read","layui-icon-survey","layui-icon-face-smile","layui-icon-face-cry","layui-icon-cart-simple","layui-icon-cart","layui-icon-next","layui-icon-prev","layui-icon-upload-drag","layui-icon-upload","layui-icon-download-circle","layui-icon-component","layui-icon-file-b","layui-icon-user","layui-icon-find-fill","layui-icon-loading","layui-icon-loading-1","layui-icon-add-1","layui-icon-play","layui-icon-pause","layui-icon-headset","layui-icon-video","layui-icon-voice","layui-icon-speaker","layui-icon-fonts-del","layui-icon-fonts-code","layui-icon-fonts-html","layui-icon-fonts-strong","layui-icon-unlink","layui-icon-picture","layui-icon-link","layui-icon-face-smile-b","layui-icon-align-left","layui-icon-align-right","layui-icon-align-center","layui-icon-fonts-u","layui-icon-fonts-i","layui-icon-tabs","layui-icon-radio","layui-icon-circle","layui-icon-edit","layui-icon-share","layui-icon-delete","layui-icon-form","layui-icon-cellphone-fine","layui-icon-dialogue","layui-icon-fonts-clear","layui-icon-layer","layui-icon-date","layui-icon-water","layui-icon-code-circle","layui-icon-carousel","layui-icon-prev-circle","layui-icon-layouts","layui-icon-util","layui-icon-templeate-1","layui-icon-upload-circle","layui-icon-tree","layui-icon-table","layui-icon-chart","layui-icon-chart-screen","layui-icon-engine","layui-icon-triangle-d","layui-icon-triangle-r","layui-icon-file","layui-icon-set-sm","layui-icon-add-circle","layui-icon-404","layui-icon-about","layui-icon-up","layui-icon-down","layui-icon-left","layui-icon-right","layui-icon-circle-dot","layui-icon-search","layui-icon-set-fill","layui-icon-group","layui-icon-friends","layui-icon-reply-fill","layui-icon-menu-fill","layui-icon-log","layui-icon-picture-fine","layui-icon-face-smile-fine","layui-icon-list","layui-icon-release","layui-icon-ok","layui-icon-help","layui-icon-chat","layui-icon-top","layui-icon-star","layui-icon-star-fill","layui-icon-close-fill","layui-icon-close","layui-icon-ok-circle","layui-icon-add-circle-fine"]; |
||||||
|
return arr; |
||||||
|
} |
||||||
|
}, |
||||||
|
/** |
||||||
|
* 获取数据 |
||||||
|
*/ |
||||||
|
getData: function (url) { |
||||||
|
var iconlist = []; |
||||||
|
$.ajax({ |
||||||
|
url: url, |
||||||
|
type: 'get', |
||||||
|
contentType: "application/x-www-form-urlencoded; charset=UTF-8", |
||||||
|
async: false, |
||||||
|
success: function (ret) { |
||||||
|
var exp = /fa-var-(.*):/ig; |
||||||
|
var result; |
||||||
|
while ((result = exp.exec(ret)) != null) { |
||||||
|
iconlist.push('fa-' + result[1]); |
||||||
|
} |
||||||
|
}, |
||||||
|
error: function (xhr, textstatus, thrown) { |
||||||
|
layer.msg('fa图标接口有误'); |
||||||
|
} |
||||||
|
}); |
||||||
|
return iconlist; |
||||||
|
} |
||||||
|
|
||||||
|
}; |
||||||
|
|
||||||
|
a.init(); |
||||||
|
return new IconHhys(); |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* 选中图标 |
||||||
|
* @param filter lay-filter |
||||||
|
* @param iconName 图标名称，自动识别fontClass/unicode |
||||||
|
*/ |
||||||
|
/** IconHhys.prototype.checkIcon = function (filter, iconName){ |
||||||
|
var el = $('*[lay-filter='+ filter +']'), |
||||||
|
p = el.next().find('.layui-iconpicker-item .layui-icon'), |
||||||
|
c = iconName; |
||||||
|
if (c.indexOf('#xe') > -1){ |
||||||
|
p.html(c); |
||||||
|
} else { |
||||||
|
p.html('').attr('class', 'layui-icon ' + c); |
||||||
|
} |
||||||
|
el.attr('value', c).val(c); |
||||||
|
};*/ |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/** |
||||||
|
* 选中图标auwosome |
||||||
|
* @param filter lay-filter |
||||||
|
* @param iconName 图标名称，自动识别fontClass/unicode |
||||||
|
*/ |
||||||
|
/** IconHhys.prototype.checkAwesome = function (filter, iconName) { |
||||||
|
var el = $('*[lay-filter=' + filter + ']'), |
||||||
|
p = el.next().find('.layui-iconpicker-item .fa'), |
||||||
|
c = iconName; |
||||||
|
|
||||||
|
if (c.indexOf('#xe') > 0) { |
||||||
|
p.html(c); |
||||||
|
} else { |
||||||
|
p.html('').attr('class', 'fa ' + c); |
||||||
|
} |
||||||
|
el.attr('value', c).val(c); |
||||||
|
};*/ |
||||||
|
|
||||||
|
|
||||||
|
var iconHhys = new IconHhys(); |
||||||
|
exports(_MOD, iconHhys); |
||||||
|
}); |
||||||
Loading…
Reference in new issue