This commit is contained in:
2025-07-31 09:31:31 +08:00
parent b274b62671
commit 0cd1a64749
681 changed files with 214063 additions and 11965 deletions

View File

@ -746,6 +746,7 @@
o.colorHsbaToRgba)(e.hsba) : e.pickerInput.value = (0,
o.colorRgbaToHex)((0,
o.colorHsbaToRgba)(e.hsba))
e.config.pickerInputChange && e.config.pickerInputChange()
}
function f(e) {
if (this.pickerFlag = !1,
@ -795,6 +796,8 @@
n.isFunction)(e.sure) ? e.sure : null,
clear: (0,
n.isFunction)(e.clear) ? e.clear : null,
pickerInputChange: (0,
n.isFunction)(e.pickerInputChange) ? e.pickerInputChange : null,
startMainCallback: (0,
n.isFunction)(e.startMainCallback) ? e.startMainCallback : null,
clickDefineColor: (0,
@ -809,6 +812,7 @@
}
this.close = () => {
this.pickerFlag = !this.pickerFlag,
this.picker.style.opacity = 0
this.render(this.box.parentNode, this.config),
d(this),
g(this, this.panelWidth, this.panelHeight)
@ -890,6 +894,7 @@
var u = i - e.hsba.a * i;
c(e.alphaBarThumb, "top", u + "px")
}
e.config.pickerInputChange && e.config.pickerInputChange()
}
function b(e, t) {
var r = e.hueBar.offsetHeight
@ -965,6 +970,7 @@
}
,
f.prototype.startMain = function(e, t) {
// console.log(e,t)
var r = this;
this.box = l(e, "ew-color-picker-box"),
this.box.setAttribute("color-box-id", this.uid),
@ -1002,8 +1008,21 @@
c += s.offsetParent.offsetTop,
f += s.offsetParent.offsetLeft,
s = s.offsetParent;
this.pancelLeft = f,
this.pancelTop = c + e.offsetHeight,
this.pancelLeft = f;
let defineColorContainer = this.picker.getElementsByClassName('ew-pre-define-color-container')[0]
let customColorHeight = 0
if(defineColorContainer) {
let colorList = localStorage.getItem('custom-color') || '{}'
colorList = JSON.parse(colorList)
customColorHeight = (Math.floor((Object.keys(colorList).length+2) / 11)+1) * 30
}
this.picker.style.display = 'block'
this.pancelTop = e.getBoundingClientRect().y + (e.offsetHeight + customColorHeight) + 2
if((this.picker.offsetHeight + customColorHeight) + this.pancelTop > window.innerHeight) {
this.pancelTop = e.getBoundingClientRect().y - (this.picker.offsetHeight + customColorHeight)
this.picker.style.top = this.pancelTop + 2 + 'px'
}
this.picker.style.display = 'none'
this.preDefineItem = l(e, "ew-pre-define-color", !0),
this.preDefineItem.length && (0,
n.ewObjToArray)(this.preDefineItem).map(function(e) {
@ -1054,7 +1073,7 @@
}, !1),
this.pickerClear.addEventListener("click", function() {
!function(e, t) {
t.config.defaultColor = "rgba(255,255,255,1)",
t.config.defaultColor = "",
t.pickerFlag = !t.pickerFlag,
t.render(e, t.config),
d(t),
@ -1070,6 +1089,9 @@
o.colorHsbaToRgba)(e.hsba) : (0,
o.colorRgbaToHex)((0,
o.colorHsbaToRgba)(e.hsba));
e.config.defaultColor = e.pickerInput.value
e.config.pickerInputChange && e.config.pickerInputChange()
e.render(e.box.parentNode, e.config),
e.config.sure(t, e)
}(r)
}),
@ -1097,6 +1119,7 @@
}(r, e)
}, !1),
this.bindEvent(this.pickerCursor, function(e, t, r, n) {
// console.log(e)
r=r-7
n=n-7
u(e, Math.max(0, Math.min(r - e.pancelLeft, i)), Math.max(0, Math.min(n - e.pancelTop, a)), i, a)
@ -1119,7 +1142,8 @@
a = i,
o.moveX = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientX : a.clientX,
o.moveY = n.eventType[0].indexOf("touch") > -1 ? a.changedTouches[0].clientY : a.clientY,
r ? t(o, o.moveX, o.moveY) : t(o, e, o.moveX, o.moveY)
r ? t(o, o.moveX, o.moveY) : t(o, e, o.moveX, o.moveY);
// console.log('222222', i, t,e, o.moveX, o.moveY)
};
document.addEventListener(n.eventType[1], a, {
capture: !1,

Binary file not shown.

File diff suppressed because one or more lines are too long

View File

@ -68,7 +68,6 @@
z-index: 999999;
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
border: 1.5px solid;
backdrop-filter: blur(2px);
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
text-align: left;
font-family: 'sy-boldface';
@ -1033,9 +1032,21 @@
background: linear-gradient(0deg, var(--color-sdk-bg-gradual)), rgba(0, 0, 0, 0.6);
border-image: linear-gradient(to bottom, var(--color-sdk-gradual)) 1;
padding: 5px;
position: fixed !important;
}
.YJ-custom-base-dialog>.content .ew-color-picker input {
font-size: 14px;
line-height: 28px;
height: 28px;
padding: 0 8px;
font-weight: 400;
}
.YJ-custom-base-dialog>.content .ew-color-picker .input-number-unit input[type=number] {
padding: 0 20px 0 8px;
width: 66px;
}
.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content {
.YJ-custom-base-dialog.ew-color-picker>.ew-color-picker-content {
margin-bottom: 10px;
}
.YJ-custom-base-dialog .ew-color-picker>.ew-color-picker-content>.ew-color-panel {
@ -1058,13 +1069,16 @@
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box {
display: inline-block;
/* cursor: pointer; */
cursor: no-drop;
width: 24px;
height: 24px;
text-align: center;
line-height: 24px;
}
.YJ-custom-base-dialog>.content>div .ew-color-picker .row>.col {
margin: 0 !important;
}
.YJ-custom-base-dialog .ew-color-picker .icon-pen-box .icon-pen {
margin: 0;
}
@ -1080,9 +1094,9 @@
}
.YJ-custom-base-dialog .ew-color-picker .color-alpha>input {
font-weight: 400;
font-family: Arial;
font-size: 14px;
font-weight: 400 !important;
font-family: Arial !important;
font-size: 14px !important;
}
.YJ-custom-base-dialog .ew-color-picker>.ew-pre-define-color-container {
@ -1132,6 +1146,7 @@
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract {
border-color: rgba(var(--color-sdk-base-rgb), 0.2);
background: unset;
line-height: 22px;
}
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.add:hover,
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color.subtract:hover {
@ -1160,6 +1175,7 @@
position: absolute;
top: 0;
left: 0;
line-height: 20px;
}
.YJ-custom-base-dialog .ew-color-picker>.yj-pre-collect-color-container>.yj-pre-collect-color:hover {
@ -1168,10 +1184,13 @@
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup {
display: flex;
position: unset;
}
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button {
padding: 5px 10px 4px 10px;
padding: 0 8px;
height: 28px;
line-height: 28px;
}
.YJ-custom-base-dialog .ew-color-picker .ew-color-dropbtngroup button.ew-color-clear {
margin-right: 8px;
@ -1180,6 +1199,7 @@
.YJ-custom-base-dialog .ew-color-picker-box {
border-width: 4px;
border-color: #ffffff;
display: block;
}
.YJ-custom-base-dialog .ew-color-picker-box>.ew-color-picker-no,