${__pops.config.iconSVG.edit}
${__pops.config.iconSVG.delete}
`
)
});
Reflect.set($ruleItem, "data-rule", data);
let switchCheckedClassName = "pops-panel-switch-is-checked";
const {
$enable,
$enableSwitch,
$enableSwitchCore,
$enableSwitchInput,
$delete,
$edit
} = this.parseRuleItemElement($ruleItem);
if (this.option.itemControls.enable.enable) {
domUtils.on($enableSwitchCore, "click", async (event) => {
let isChecked = false;
if ($enableSwitch.classList.contains(switchCheckedClassName)) {
$enableSwitch.classList.remove(switchCheckedClassName);
isChecked = false;
} else {
$enableSwitch.classList.add(switchCheckedClassName);
isChecked = true;
}
$enableSwitchInput.checked = isChecked;
await this.option.itemControls.enable.callback(data, isChecked);
});
if (await this.option.itemControls.enable.getEnable(data)) {
$enableSwitch.classList.add(switchCheckedClassName);
}
} else {
$enable.remove();
}
if (this.option.itemControls.edit.enable) {
domUtils.on($edit, "click", (event) => {
utils.preventEvent(event);
this.showEditView(true, data, $shadowRoot, $ruleItem, (newData) => {
data = null;
data = newData;
});
});
} else {
$edit.remove();
}
if (this.option.itemControls.delete.enable) {
domUtils.on($delete, "click", (event) => {
utils.preventEvent(event);
let $askDialog = __pops.confirm({
title: {
text: "提示",
position: "center"
},
content: {
text: "确定删除该条数据？",
html: false
},
btn: {
ok: {
enable: true,
callback: async (popsEvent) => {
log.success("删除数据");
let flag = await this.option.itemControls.delete.deleteCallBack(
data
);
if (flag) {
Qmsg.success("成功删除该数据");
$ruleItem.remove();
await this.updateDeleteAllBtnText($shadowRoot);
$askDialog.close();
} else {
Qmsg.error("删除该数据失败");
}
}
},
cancel: {
text: "取消",
enable: true
}
},
mask: {
enable: true
},
width: "300px",
height: "200px"
});
});
} else {
$delete.remove();
}
return $ruleItem;
}
/**
* 添加一个规则元素
*/
async appendRuleItemElement($shadowRoot, data) {
let { $container } = this.parseViewElement($shadowRoot);
let $ruleItem = [];
let iteratorData = Array.isArray(data) ? data : [data];
for (let index = 0; index < iteratorData.length; index++) {
let item = iteratorData[index];
let $item = await this.createRuleItemElement(item, $shadowRoot);
$container.appendChild($item);
$ruleItem.push($item);
}
await this.updateDeleteAllBtnText($shadowRoot);
return $ruleItem;
}
/**
* 更新弹窗内容的元素
*/
async updateRuleContaienrElement($shadowRoot) {
this.clearContent($shadowRoot);
const { $container } = this.parseViewElement($shadowRoot);
let data = await this.option.data();
await this.appendRuleItemElement($shadowRoot, data);
await this.updateDeleteAllBtnText($shadowRoot);
}
/**
* 更新规则元素
*/
async updateRuleItemElement(data, $oldRuleItem, $shadowRoot) {
let $newRuleItem = await this.createRuleItemElement(data, $shadowRoot);
$oldRuleItem.after($newRuleItem);
$oldRuleItem.remove();
}
/**
* 清空内容
*/
clearContent($shadowRoot) {
const { $container } = this.parseViewElement($shadowRoot);
domUtils.html($container, "");
}
/**
* 设置删除按钮的文字
*/
setDeleteBtnText($shadowRoot, text, isHTML = false) {
const { $deleteBtn } = this.parseViewElement($shadowRoot);
if (isHTML) {
domUtils.html($deleteBtn, text);
} else {
domUtils.text($deleteBtn, text);
}
}
/**
* 更新【清空所有】的按钮的文字
* @param $shadowRoot
*/
async updateDeleteAllBtnText($shadowRoot) {
let data = await this.option.data();
this.setDeleteBtnText($shadowRoot, `清空所有(${data.length})`);
}
}
const CookieRule = {
$key: {
STORAGE_KEY: "cookie-rule"
},
$data: {
/** 规则数据 */
ruleData: []
},
/** 初始化数据 */
init() {
this.$data.ruleData = [];
let allData = this.getData();
allData.forEach((data) => {
if (!data.enable) {
return;
}
let url = window.location.href;
let ruleUrl = data.data.url;
let enableRegExpToMatchUrl = data.data.enableRegExpToMatchUrl;
if (enableRegExpToMatchUrl) {
let regExpUrl = new RegExp(ruleUrl, "i");
if (!regExpUrl.test(url)) {
return;
}
} else {
if (!url.includes(ruleUrl)) {
return;
}
}
this.$data.ruleData.push(data);
});
},
/**
* 显示视图
*/
showView() {
let popsPanelContentUtils = __pops.config.panelHandleContentUtils();
function generateStorageApi(data, handler) {
return {
get(key, defaultValue) {
return Reflect.get(data, key) ?? defaultValue;
},
set(key, value) {
Reflect.set(data, key, value);
}
};
}
let ruleView = new RuleView({
title: "Cookie规则",
data: () => {
return this.getData();
},
getAddData: () => {
return this.getTemplateData();
},
getDataItemName: (data) => {
return data["name"];
},
updateData: (data) => {
return this.updateData(data);
},
deleteData: (data) => {
return this.deleteData(data);
},
getData: (data) => {
let allData = this.getData();
let findValue = allData.find((item) => item.uuid === data.uuid);
return findValue ?? data;
},
itemControls: {
enable: {
enable: true,
getEnable(data) {
return data.enable;
},
callback: (data, enable) => {
data.enable = enable;
this.updateData(data);
}
},
edit: {
enable: true,
getView: (data, isEdit) => {
let $fragment = document.createDocumentFragment();
let templateData = this.getTemplateData();
if (!isEdit) {
data = templateData;
}
let enable_template = UISwitch(
"启用",
"enable",
templateData.enable
);
Reflect.set(
enable_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $enable = popsPanelContentUtils.createSectionContainerItem_switch(
enable_template
);
let name_template = UIInput(
"规则名称",
"name",
"",
templateData.name,
void 0,
"必填"
);
Reflect.set(
name_template.props,
PROPS_STORAGE_API,
generateStorageApi(data)
);
let $name = popsPanelContentUtils.createSectionContainerItem_input(
name_template
);
let url_template = UIInput(
"网址",
"url",
templateData.data.url,
"用于执行该规则的网址",
void 0,
"必填"
);
Reflect.set(
url_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $url = popsPanelContentUtils.createSectionContainerItem_input(
url_template
);
let enableRegExpToMatchUrl_template = UISwitch(
"启用正则匹配网址",
"enableRegExpToMatchUrl",
templateData.data.enableRegExpToMatchUrl
);
Reflect.set(
enableRegExpToMatchUrl_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $enableRegExpToMatchUrl = popsPanelContentUtils.createSectionContainerItem_switch(
enableRegExpToMatchUrl_template
);
let cookieName_template = UIInput(
"Cookie名称",
"cookieName",
templateData.data.cookieName,
"用于匹配执行操作的Cookie名",
void 0,
"必填"
);
Reflect.set(
cookieName_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $cookieName = popsPanelContentUtils.createSectionContainerItem_input(
cookieName_template
);
let enableRegExpToMatchCookieName_template = UISwitch(
"启用正则匹配Cookie名称",
"enableRegExpToMatchCookieName",
templateData.data.enableRegExpToMatchCookieName
);
Reflect.set(
enableRegExpToMatchCookieName_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $enableRegExpToMatchCookieName = popsPanelContentUtils.createSectionContainerItem_switch(
enableRegExpToMatchCookieName_template
);
let operationMode_template = UISelect(
"操作模式",
"operationMode",
templateData.data.operationMode,
[
{
value: "delete",
text: "删除Cookie"
},
{
value: "extended",
text: "自动延长Cookie有效期30天"
},
{
value: "extended-90",
text: "自动延长Cookie有效期90天"
},
{
value: "extended-180",
text: "自动延长Cookie有效期180天"
},
{
value: "extended-360",
text: "自动延长Cookie有效期360天"
}
]
);
Reflect.set(
operationMode_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $operationMode = popsPanelContentUtils.createSectionContainerItem_select(
operationMode_template
);
let remark_template = UITextArea(
"备注",
"remark",
templateData.data.remark
);
Reflect.set(
remark_template.props,
PROPS_STORAGE_API,
generateStorageApi(data.data)
);
let $remark = popsPanelContentUtils.createSectionContainerItem_textarea(
remark_template
);
$fragment.append(
$enable,
$name,
$url,
$enableRegExpToMatchUrl,
$cookieName,
$enableRegExpToMatchCookieName,
$operationMode,
$remark
);
return $fragment;
},
onsubmit: ($form, isEdit, editData) => {
let $ulist_li = $form.querySelectorAll(
".rule-form-ulist > li"
);
let data = this.getTemplateData();
if (isEdit) {
data.uuid = editData.uuid;
}
try {
$ulist_li.forEach(($li) => {
let formConfig = Reflect.get($li, "__formConfig__");
let attrs = Reflect.get(formConfig, "attributes");
let storageApi = Reflect.get($li, PROPS_STORAGE_API);
let key = Reflect.get(attrs, ATTRIBUTE_KEY);
let defaultValue = Reflect.get(attrs, ATTRIBUTE_DEFAULT_VALUE);
let value = storageApi.get(key, defaultValue);
if (Reflect.has(data, key)) {
Reflect.set(data, key, value);
} else if (Reflect.has(data.data, key)) {
Reflect.set(data.data, key, value);
} else {
log.error(`${key}不在数据中`);
}
});
if (data.name.trim() === "") {
Qmsg.error("规则名称不能为空");
return {
success: false,
data
};
}
if (data.data.url.trim() === "") {
Qmsg.error("网址不能为空");
return {
success: false,
data
};
}
if (data.data.cookieName.trim() === "") {
Qmsg.error("Cookie名称不能为空");
return {
success: false,
data
};
}
if (isEdit) {
return {
success: this.updateData(data),
data
};
} else {
return {
success: this.addData(data),
data
};
}
} catch (error) {
log.error(error);
return {
success: false,
data
};
} finally {
this.init();
}
},
style: (
/*css*/
`
.pops-panel-textarea textarea{
height: 150px;
}
.pops-panel-item-left-desc-text{
line-height: normal;
margin-top: 6px;
font-size: 0.8em;
color: rgb(108, 108, 108);
max-width: 100px;
}
`
)
},
delete: {
enable: true,
deleteCallBack: (data) => {
return this.deleteData(data);
}
}
}
});
ruleView.showView();
},
/**
* 获取模板数据
*/
getTemplateData() {
return {
uuid: utils.generateUUID(),
enable: true,
name: "",
data: {
url: "",
enableRegExpToMatchUrl: false,
cookieName: "",
enableRegExpToMatchCookieName: false,
operationMode: "delete",
remark: ""
}
};
},
/**
* 获取数据
*/
getData() {
return _GM_getValue(this.$key.STORAGE_KEY, []);
},
/**
* 设置数据
* @param data
*/
setData(data) {
_GM_setValue(this.$key.STORAGE_KEY, data);
},
/**
* 添加数据
* @param data
*/
addData(data) {
let localData = this.getData();
let findIndex = localData.findIndex((item) => item.uuid == data.uuid);
if (findIndex === -1) {
localData.push(data);
_GM_setValue(this.$key.STORAGE_KEY, localData);
return true;
} else {
return false;
}
},
/**
* 更新数据
* @param data
*/
updateData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let updateFlag = false;
if (index !== -1) {
updateFlag = true;
localData[index] = data;
}
this.setData(localData);
return updateFlag;
},
/**
* 删除数据
* @param data
*/
deleteData(data) {
let localData = this.getData();
let index = localData.findIndex((item) => item.uuid == data.uuid);
let deleteFlag = false;
if (index !== -1) {
deleteFlag = true;
localData.splice(index, 1);
}
this.setData(localData);
return deleteFlag;
},
/**
* 清空数据
*/
clearData() {
_GM_deleteValue(this.$key.STORAGE_KEY);
},
/**
* 导出规则
*/
exportRule(fileName = "rule.json") {
let allRule = this.getData();
let blob = new Blob([JSON.stringify(allRule, null, 4)]);
let blobUrl = window.URL.createObjectURL(blob);
let $a = domUtils.createElement("a");
$a.href = blobUrl;
$a.download = fileName;
$a.click();
setTimeout(() => {
window.URL.revokeObjectURL(blobUrl);
}, 1500);
},
/**
* 导入规则
*/
importRule() {
let $alert = __pops.alert({
title: {
text: "请选择导入方式",
position: "center"
},
content: {
text: (
/*html*/
`