open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update swatch's lines to match current code

Browse Source
This commit is contained in:
tophf 2021-04-08 14:30:50 +03:00
parent a934571dc7
commit 0b9b972338
1 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
js/color/color-view.js
View File

@ -585,7 +585,22 @@
if (palette.size > 1 || nums && nums.length > 1) { if (palette.size > 1 || nums && nums.length > 1) {
const old = new Map((options.popup.palette || []).map(el => [el.__color, el])); const old = new Map((options.popup.palette || []).map(el => [el.__color, el]));
for (const [color, data] of palette) { for (const [color, data] of palette) {
res.push(old.get(color) || makePaletteSwatch(color, data, options.popup.paletteLine)); const str = data.join(', ');
let el = old.get(color);
if (!el) {
el = document.createElement('div');
el.__color = color; // also used in color-picker.js
el.className = COLORVIEW_SWATCH_CLASS;
el.style.setProperty(`--${COLORVIEW_SWATCH_CLASS}`, color);
}
if (el.__str !== str) {
el.__str = str;
// break down long lists: 10 per line
el.title = `${color}\n${options.popup.paletteLine} ${
str.length > 50 ? str.replace(/([^,]+,\s){10}/g, '$&\n') : str
}`;
}
res.push(el);
} }
res.push(Object.assign(document.createElement('span'), { res.push(Object.assign(document.createElement('span'), {
className: 'colorpicker-palette-hint', className: 'colorpicker-palette-hint',
@ -596,17 +611,6 @@
return res; return res;
} }
function makePaletteSwatch(color, nums, label) {
const s = nums.join(', ');
const el = document.createElement('div');
el.className = COLORVIEW_SWATCH_CLASS;
el.style.cssText = COLORVIEW_SWATCH_CSS + color;
// break down long lists: 10 per line
el.title = `${color}\n${label} ${s.length > 50 ? s.replace(/([^,]+,\s){10}/g, '$&\n') : s}`;
el.__color = color;
return el;
}
function paletteCallback(el) { function paletteCallback(el) {
const {cm} = this; const {cm} = this;
const lines = el.title.split('\n')[1].match(/\d+/g).map(Number); const lines = el.title.split('\n')[1].match(/\d+/g).map(Number);