" + summary + "
";
- if(checkedLength > 0)
- {
- $('#programSummary').addClass('hidden');
- $('#projectsSummary').remove();
- $('.editCheckbox').after(statistic);
- }
- else
- {
- $('#programSummary').removeClass('hidden');
- $('#projectsSummary').addClass('hidden');
- }
+ const rowInfo = this.getRowInfo(id);
+ return rowInfo.data?.type === 'project';
+ },
+ footToolbar: {
+ items: [
+ {size: 'sm', text: editLang, btnType: 'primary', className: 'edit-btn'},
+ ],
+ },
+ footPager: {
+ items: [
+ {type: 'info', text: pagerLang.totalCountAB},
+ {type: 'size-menu', text: pagerLang.pageSizeAB},
+ {type: 'link', page: 'first', icon: 'icon-first-page', hint: pagerLang.firstPage},
+ {type: 'link', page: 'prev', icon: 'icon-angle-left', hint: pagerLang.previousPage},
+ {type: 'info', text: '{page}/{pageTotal}'},
+ {type: 'link', page: 'next', icon: 'icon-angle-right', hint: pagerLang.nextPage},
+ {type: 'link', page: 'last', icon: 'icon-last-page', hint: pagerLang.lastPage},
+ ],
+ page: pageID,
+ recTotal: recTotal,
+ recPerPage: recPerPage,
+ linkCreator: pagerLink,
+ },
+ footer() {
+ const statistic = () => {
+ const checkedCount = this.getChecks().length;
+ const text = isEditMode && checkedCount ? checkedProjects.replace('%s', checkedCount) : programSummary;
+ projectIdList = this.getChecks();
+ return [{children: text, className: 'text-dark'}];
+ };
+ if (isEditMode) {
+ return [
+ 'checkbox',
+ 'toolbar',
+ statistic,
+ 'flex',
+ 'pager',
+ ];
+ }
+ return [
+ statistic,
+ 'flex',
+ 'pager',
+ ];
+ },
});
- $(document).on('click', ".table-footer #checkAll", function()
+ $(document).on('click', ".dtable-footer .edit-btn.toolbar-item", function()
{
- if($(this).prop('checked'))
- {
- $(":checkbox[name^='projectIdList']").prop('checked', true);
- $('#programForm').addClass('has-row-checked');
- var checkedLength = $(":checkbox[name^='projectIdList']:checked").length;
- var summary = checkedProjects.replace('%s', checkedLength);
- if(cilentLang == "en" && checkedLength < 2) summary = summary.replace('items', 'item');
- var statistic = "" + summary + "
";
- $('#programSummary').addClass('hidden');
- $('#projectsSummary').remove();
- $('.editCheckbox').after(statistic);
- $(this).next('label').addClass('hover');
- }
- else
- {
- $(":checkbox[name^='projectIdList']").prop('checked', false);
- $('#programForm').removeClass('has-row-checked');
- $('#programSummary').removeClass('hidden');
- $('#projectsSummary').addClass('hidden');
- $(this).next('label').removeClass('hover');
- }
+ var batchEditLink = createLink('project', 'batchEdit');
+ var tempform = document.createElement("form");
+ tempform.action = batchEditLink;
+ tempform.method = "post";
+ tempform.style.display = "none";
+
+ var opt = document.createElement("input");
+ opt.name = 'projectIdList';
+ opt.value = projectIdList;
+
+ tempform.appendChild(opt);
+ document.body.appendChild(tempform);
+ tempform.submit();
});
+ if(status == 'bySearch') $('.dtable-footer').hide();
+
/* Solve the problem that clicking the browser back button causes the checkbox to be selected by default. */
setTimeout(function()
{
diff --git a/module/program/js/create.ui.js b/module/program/js/create.ui.js
new file mode 100644
index 0000000000..27d119ee0c
--- /dev/null
+++ b/module/program/js/create.ui.js
@@ -0,0 +1,141 @@
+window.onParentChange = (event) =>
+{
+ const parentID = $(event.target).val();
+ const url = $.createLink('program', 'create', parentID ? ('parentProgramID=' + parentID) : '');
+ loadPage(url, '#budgetRow>*, #acl');
+};
+
+window.onBudgetChange = (event) =>
+{
+ const $budget = $(event.target);
+ const currentBudget = $budget.val();
+ const budgetLeft = $budget.data('budget-left');
+ if(currentBudget > budgetLeft)
+ {
+ $('').text(lang.budgetOverrun + $budget.data('currency-symbol') + budgetLeft).append($('').text(lang.ignore).on('click', () => $('#budgetTip').remove())).appendTo($budget.closest('.form-group'));
+ }
+};
+
+window.onFutureChange = (event) =>
+{
+ $('#budget,#budgetUnit').attr('disabled', $(event.target).prop('checked') ? 'disabled' : null);
+ $('#budgetTip').remove();
+};
+
+window.outOfDateTip = function()
+{
+ console.warn('The method outOfDateTip is not implemented.');
+};
+
+/**
+ * Compute delta of two days.
+ *
+ * @param string date1
+ * @param string date2
+ * @access public
+ * @return int
+ */
+function computeDaysDelta(date1, date2)
+{
+ date1 = zui.createDate(date1);
+ date2 = zui.createDate(date2);
+ const delta = (date2 - date1) / (1000 * 60 * 60 * 24) + 1;
+
+ let weekEnds = 0;
+ for(i = 0; i < delta; i++)
+ {
+ if((weekend == 2 && date1.getDay() == 6) || date1.getDay() == 0) weekEnds ++;
+ date1 = date1.valueOf();
+ date1 += 1000 * 60 * 60 * 24;
+ date1 = new Date(date1);
+ }
+ return delta - weekEnds;
+}
+
+/**
+ * Compute work days.
+ *
+ * @param string currentID
+ * @access public
+ * @return void
+ */
+window.computeWorkDays = function(currentID)
+{
+ if(typeof currentID === 'object') currentID = $(currentID.target).val();
+ let isBactchEdit = false;
+ let index;
+ if(currentID)
+ {
+ index = currentID.replace('begins[', '');
+ index = index.replace('ends[', '');
+ index = index.replace(']', '');
+ if(!isNaN(index)) isBactchEdit = true;
+ }
+
+ let beginDate;
+ let endDate;
+ if(isBactchEdit)
+ {
+ beginDate = $('#begins\\[' + index + '\\]').val();
+ endDate = $('#ends\\[' + index + '\\]').val();
+ }
+ else
+ {
+ beginDate = $('#begin').val();
+ endDate = $('#end').val();
+
+ var begin = new Date(beginDate.replace(/-/g,"/"));
+ var end = new Date(endDate.replace(/-/g,"/"));
+ var time = end.getTime() - begin.getTime();
+ var days = parseInt(time / (1000 * 60 * 60 * 24)) + 1;
+ if(days != $('input[name="delta"]:checked').val()) $('input[name="delta"]:checked').attr('checked', false);
+ if(endDate == LONG_TIME) $('#delta999').prop('checked', true);
+ }
+
+ if(beginDate && endDate)
+ {
+ if(isBactchEdit) $('#dayses\\[' + index + '\\]').val(computeDaysDelta(beginDate, endDate));
+ else $('#days').val(computeDaysDelta(beginDate, endDate));
+ }
+ else if($('input[checked="true"]').val())
+ {
+ computeEndDate();
+ }
+ outOfDateTip();
+};
+
+/**
+ * Compute the end date for project.
+ *
+ * @param int $delta
+ * @access public
+ * @return void
+ */
+window.computeEndDate = function(delta)
+{
+ delta = +$('input[name="delta"]:checked').val();
+ let beginDate = $('#begin').val();
+ if(!beginDate) return;
+
+ if(delta === 999)
+ {
+ $('#end').val(LONG_TIME);
+ outOfDateTip();
+ return false;
+ }
+
+ beginDate = zui.createDate(beginDate);
+ if((delta === 7 || delta === 14) && (beginDate.getDay() === 1))
+ {
+ delta = (weekend === 2) ? (delta - 2) : (delta - 1);
+ }
+
+ const endDate = zui.formatDate(beginDate.getTime() + ((delta - 1) * zui.TIME_DAY), 'yyyy-MM-dd');
+ $('#end').val(endDate);
+ computeWorkDays();
+};
+
+window.onAclChange = () =>
+{
+ $('#whitelistRow').toggleClass('hidden', $('#acl_open').prop('checked'));
+};
diff --git a/module/program/js/projectview.ui.js b/module/program/js/projectview.ui.js
new file mode 100644
index 0000000000..0d1a392a31
--- /dev/null
+++ b/module/program/js/projectview.ui.js
@@ -0,0 +1,29 @@
+window.footerGenerator = function()
+{
+ const count = this.layout.allRows.filter((x) => x.data.type === "product").length;
+ const statistic = summeryTpl.replace('%s', ' ' + count + ' ');
+ return [{children: statistic, className: "text-dark"}, "flex", "pager"];
+}
+
+window.renderCell = function(result, {col, row})
+{
+ if(col.name === 'name')
+ {
+ if(row.data.postponed) result[result.length] = {html:'' + langPostponed + '', className:'flex items-end w-full', style:{flexDirection:"column"}};
+ return result;
+ }
+
+ if(col.name === 'budget')
+ {
+ result[0] = {html: '' + row.data.budget + '
', className:'flex items-end w-full items-end', style:{flexDirection:"column"}};
+ return result;
+ }
+
+ if(col.name === 'invested')
+ {
+ result[0] = {html: '' + row.data.invested + ' ' + langManDay + '
', className:'flex items-end w-full items-end', style:{flexDirection:"column"}};
+ return result;
+ }
+
+ return result;
+}
diff --git a/module/program/lang/de.php b/module/program/lang/de.php
index eb7aa7496e..aa57f64c16 100644
--- a/module/program/lang/de.php
+++ b/module/program/lang/de.php
@@ -9,6 +9,7 @@ $lang->program->status = 'Status';
$lang->program->PM = 'Manager';
$lang->program->budget = 'Budget';
$lang->program->budgetUnit = 'Budget Unit';
+$lang->program->invested = 'Invested';
$lang->program->begin = 'Begin';
$lang->program->end = 'End';
$lang->program->realBegin = 'Actual Begin';
@@ -85,6 +86,7 @@ $lang->program->changePRJUnit = 'Update the budget unit of the ' . $la
$lang->program->showNotCurrentProjects = "Display {$lang->projectCommon} information of non current program";
$lang->program->progress = 'Progress';
+$lang->program->progressAB = 'Progress';
$lang->program->children = 'Child';
$lang->program->allInvest = 'Input';
$lang->program->teamCount = 'Team';
@@ -119,6 +121,25 @@ $lang->program->beyondParentBudget = 'The remaining budget of the owned program
$lang->program->checkedProjects = 'Seleted %s items';
$lang->program->budgetOverrun = "The program's budget exceeds the remaining budget of the parent program:";
+/* ToolBar. */
+$lang->program->createProduct = 'Create Product';
+$lang->program->createProject = 'Create Project';
+
+/* DTable columns of product view page. */
+$lang->program->unclosedReqCount = 'Unclosed';
+$lang->program->closedReqRate = 'Closed Rate';
+$lang->program->testCaseCoverage = 'Coverage';
+$lang->program->bugActivatedCount = 'Activated';
+$lang->program->fixedRate = 'Fixed';
+$lang->program->feedback = 'Feedback';
+
+$lang->program->tip = new stdclass();
+$lang->program->tip->closed = 'The program has been closed. Re-close is not available.';
+$lang->program->tip->notSuspend = 'The program has been closed. Suspend is not available.';
+$lang->program->tip->suspended = 'The program has been suspended. Re-suspended is not available.';
+$lang->program->tip->actived = 'The program has been activated. Re-activated is not available.';
+$lang->program->tip->notCreate = 'The program has been closed. Adding sub-programs is not available.';
+
$lang->program->endList[31] = 'One month';
$lang->program->endList[93] = 'Trimester';
$lang->program->endList[186] = 'Half year';
@@ -151,6 +172,15 @@ $lang->program->featureBar['browse']['doing'] = 'Doing';
$lang->program->featureBar['browse']['suspended'] = 'Suspended';
$lang->program->featureBar['browse']['closed'] = 'Closed';
+$lang->program->featureBar['productview']['all'] = 'All';
+$lang->program->featureBar['productview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['productview']['end'] = 'End';
+
+$lang->program->featureBar['projectview']['all'] = 'All';
+$lang->program->featureBar['projectview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['projectview']['wait'] = 'Waiting';
+$lang->program->featureBar['projectview']['doing'] = 'Doing';
+$lang->program->featureBar['projectview']['more'] = 'More';
$lang->program->featureBar['product']['all'] = 'Alle ' . $lang->productCommon;
$lang->program->featureBar['product']['noclosed'] = 'Offen';
$lang->program->featureBar['product']['closed'] = 'Geschlossen';
@@ -176,4 +206,7 @@ $lang->program->kanban->normalReleases = 'Normal Releases';
$lang->program->kanban->laneColorList = array('#32C5FF', '#006AF1', '#9D28B2', '#FF8F26', '#FFC20E', '#00A78E', '#7FBB00', '#424BAC', '#C0E9FF', '#EC2761');
-$lang->program->defaultProgram = 'Default program';
+$lang->program->defaultProgram = 'Default Program';
+$lang->program->projectView = 'Project View';
+$lang->program->productView = 'Product View';
+$lang->program->manDay = 'Man Day';
diff --git a/module/program/lang/en.php b/module/program/lang/en.php
index 2b3cf44f0a..14a30f3313 100644
--- a/module/program/lang/en.php
+++ b/module/program/lang/en.php
@@ -9,6 +9,7 @@ $lang->program->status = 'Status';
$lang->program->PM = 'Manager';
$lang->program->budget = 'Budget';
$lang->program->budgetUnit = 'Budget Unit';
+$lang->program->invested = 'Invested';
$lang->program->begin = 'Begin';
$lang->program->end = 'End';
$lang->program->realBegin = 'Actual Begin';
@@ -85,6 +86,7 @@ $lang->program->changePRJUnit = 'Update the budget unit of the ' . $la
$lang->program->showNotCurrentProjects = "Display {$lang->projectCommon} information of non current program";
$lang->program->progress = 'Progress';
+$lang->program->progressAB = 'Progress';
$lang->program->children = 'Add Child';
$lang->program->allInvest = 'Input';
$lang->program->teamCount = 'Team';
@@ -119,6 +121,25 @@ $lang->program->beyondParentBudget = 'The remaining budget of the owned program
$lang->program->checkedProjects = 'Seleted %s items';
$lang->program->budgetOverrun = "The program's budget exceeds the remaining budget of the parent program:";
+/* ToolBar. */
+$lang->program->createProduct = 'Create Product';
+$lang->program->createProject = 'Create Project';
+
+/* DTable columns of product view page. */
+$lang->program->unclosedReqCount = 'Unclosed';
+$lang->program->closedReqRate = 'Closed Rate';
+$lang->program->testCaseCoverage = 'Coverage';
+$lang->program->bugActivatedCount = 'Activated';
+$lang->program->fixedRate = 'Fixed';
+$lang->program->feedback = 'Feedback';
+
+$lang->program->tip = new stdclass();
+$lang->program->tip->closed = 'The program has been closed. Re-close is not available.';
+$lang->program->tip->notSuspend = 'The program has been closed. Suspend is not available.';
+$lang->program->tip->suspended = 'The program has been suspended. Re-suspended is not available.';
+$lang->program->tip->actived = 'The program has been activated. Re-activated is not available.';
+$lang->program->tip->notCreate = 'The program has been closed. Adding sub-programs is not available.';
+
$lang->program->endList[31] = 'One month';
$lang->program->endList[93] = 'Trimester';
$lang->program->endList[186] = 'Half year';
@@ -151,6 +172,15 @@ $lang->program->featureBar['browse']['doing'] = 'Doing';
$lang->program->featureBar['browse']['suspended'] = 'Suspended';
$lang->program->featureBar['browse']['closed'] = 'Closed';
+$lang->program->featureBar['productview']['all'] = 'All';
+$lang->program->featureBar['productview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['productview']['end'] = 'End';
+
+$lang->program->featureBar['projectview']['all'] = 'All';
+$lang->program->featureBar['projectview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['projectview']['wait'] = 'Waiting';
+$lang->program->featureBar['projectview']['doing'] = 'Doing';
+$lang->program->featureBar['projectview']['more'] = 'More';
$lang->program->featureBar['product']['all'] = 'All';
$lang->program->featureBar['product']['noclosed'] = 'Open';
$lang->program->featureBar['product']['closed'] = 'Closed';
@@ -176,4 +206,7 @@ $lang->program->kanban->normalReleases = 'Normal Releases';
$lang->program->kanban->laneColorList = array('#32C5FF', '#006AF1', '#9D28B2', '#FF8F26', '#FFC20E', '#00A78E', '#7FBB00', '#424BAC', '#C0E9FF', '#EC2761');
-$lang->program->defaultProgram = 'Default program';
+$lang->program->defaultProgram = 'Default Program';
+$lang->program->projectView = 'Project View';
+$lang->program->productView = 'Product View';
+$lang->program->manDay = 'Man Day';
diff --git a/module/program/lang/fr.php b/module/program/lang/fr.php
index 54978a97cd..19cb8c19c6 100644
--- a/module/program/lang/fr.php
+++ b/module/program/lang/fr.php
@@ -9,6 +9,7 @@ $lang->program->status = 'Status';
$lang->program->PM = 'Manager';
$lang->program->budget = 'Budget';
$lang->program->budgetUnit = 'Budget Unit';
+$lang->program->invested = 'Invested';
$lang->program->begin = 'Begin';
$lang->program->end = 'End';
$lang->program->realBegin = 'Actual Begin';
@@ -85,6 +86,7 @@ $lang->program->changePRJUnit = 'Update the budget unit of the ' . $la
$lang->program->showNotCurrentProjects = "Display {$lang->projectCommon} information of non current program";
$lang->program->progress = 'Progress';
+$lang->program->progressAB = 'Progress';
$lang->program->children = 'Child';
$lang->program->allInvest = 'Input';
$lang->program->teamCount = 'Team';
@@ -119,6 +121,25 @@ $lang->program->beyondParentBudget = 'The remaining budget of the owned program
$lang->program->checkedProjects = "Pour s électionner l'élément% s";
$lang->program->budgetOverrun = "Le budget du programme a dépassé le budget restant du programme parent:";
+/* ToolBar. */
+$lang->program->createProduct = 'Create Product';
+$lang->program->createProject = 'Create Project';
+
+/* DTable columns of product view page. */
+$lang->program->unclosedReqCount = 'Unclosed';
+$lang->program->closedReqRate = 'Closed Rate';
+$lang->program->testCaseCoverage = 'Coverage';
+$lang->program->bugActivatedCount = 'Activated';
+$lang->program->fixedRate = 'Fixed';
+$lang->program->feedback = 'Feedback';
+
+$lang->program->tip = new stdclass();
+$lang->program->tip->closed = 'The program has been closed. Re-close is not available.';
+$lang->program->tip->notSuspend = 'The program has been closed. Suspend is not available.';
+$lang->program->tip->suspended = 'The program has been suspended. Re-suspended is not available.';
+$lang->program->tip->actived = 'The program has been activated. Re-activated is not available.';
+$lang->program->tip->notCreate = 'The program has been closed. Adding sub-programs is not available.';
+
$lang->program->endList[31] = 'One month';
$lang->program->endList[93] = 'Trimester';
$lang->program->endList[186] = 'Half year';
@@ -151,6 +172,15 @@ $lang->program->featureBar['browse']['doing'] = 'En Cours';
$lang->program->featureBar['browse']['suspended'] = 'Suspendues';
$lang->program->featureBar['browse']['closed'] = 'Fermées';
+$lang->program->featureBar['productview']['all'] = 'All';
+$lang->program->featureBar['productview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['productview']['end'] = 'End';
+
+$lang->program->featureBar['projectview']['all'] = 'All';
+$lang->program->featureBar['projectview']['unclosed'] = 'Unclosed';
+$lang->program->featureBar['projectview']['wait'] = 'Waiting';
+$lang->program->featureBar['projectview']['doing'] = 'Doing';
+$lang->program->featureBar['projectview']['more'] = 'More';
$lang->program->featureBar['product']['all'] = 'Tous';
$lang->program->featureBar['product']['noclosed'] = 'Ouvertes';
$lang->program->featureBar['product']['closed'] = 'Fermé';
@@ -176,4 +206,7 @@ $lang->program->kanban->normalReleases = 'Normal Releases';
$lang->program->kanban->laneColorList = array('#32C5FF', '#006AF1', '#9D28B2', '#FF8F26', '#FFC20E', '#00A78E', '#7FBB00', '#424BAC', '#C0E9FF', '#EC2761');
-$lang->program->defaultProgram = 'Default program';
+$lang->program->defaultProgram = 'Default Program';
+$lang->program->projectView = 'Project View';
+$lang->program->productView = 'Product View';
+$lang->program->manDay = 'Man Day';
diff --git a/module/program/lang/zh-cn.php b/module/program/lang/zh-cn.php
index c08ab6811c..aa7d0c9ff2 100644
--- a/module/program/lang/zh-cn.php
+++ b/module/program/lang/zh-cn.php
@@ -9,6 +9,7 @@ $lang->program->status = '状态';
$lang->program->PM = '负责人';
$lang->program->budget = '预算';
$lang->program->budgetUnit = '预算单位';
+$lang->program->invested = '已投入';
$lang->program->begin = '计划开始';
$lang->program->end = '计划完成';
$lang->program->realBegin = '实际开始';
@@ -85,6 +86,10 @@ $lang->program->changePRJUnit = "更新{$lang->projectCommon}预算单
$lang->program->showNotCurrentProjects = "显示非当前项目集的{$lang->projectCommon}信息";
$lang->program->progress = "{$lang->projectCommon}进度";
+$lang->program->other = '其他';
+
+$lang->program->progress = '项目进度';
+$lang->program->progressAB = '进度';
$lang->program->children = '添加子项目集';
$lang->program->allInvest = '项目集总投入';
$lang->program->teamCount = '总人数';
@@ -119,6 +124,25 @@ $lang->program->beyondParentBudget = '已超出所属项目集的剩余预算';
$lang->program->checkedProjects = '已选择%s项';
$lang->program->budgetOverrun = '项目集的预算超出了父项目集的剩余预算：';
+/* ToolBar. */
+$lang->program->createProduct = '添加产品';
+$lang->program->createProject = '添加项目';
+
+/* DTable columns of product view page. */
+$lang->program->unclosedReqCount = '需求未关闭';
+$lang->program->closedReqRate = '需求完成率';
+$lang->program->testCaseCoverage = '用例覆盖率';
+$lang->program->bugActivatedCount = 'Bug激活';
+$lang->program->fixedRate = '修复率';
+$lang->program->feedback = '反馈';
+
+$lang->program->tip = new stdclass();
+$lang->program->tip->closed = '该项目集已是关闭状态，无须关闭。';
+$lang->program->tip->notSuspend = '该项目集已关闭，不可进行挂起操作。';
+$lang->program->tip->suspended = '该项目集已是挂起状态，无须挂起。';
+$lang->program->tip->actived = '该项目集已是激活状态，无须激活。';
+$lang->program->tip->notCreate = '该项目集已关闭，不可进行添加子项目集的操作。';
+
$lang->program->endList[31] = '一个月';
$lang->program->endList[93] = '三个月';
$lang->program->endList[186] = '半年';
@@ -162,6 +186,16 @@ $lang->program->featureBar['project']['doing'] = '进行中';
$lang->program->featureBar['project']['suspended'] = '已挂起';
$lang->program->featureBar['project']['closed'] = '已关闭';
+$lang->program->featureBar['productview']['all'] = '全部';
+$lang->program->featureBar['productview']['unclosed'] = '未关闭';
+$lang->program->featureBar['productview']['end'] = '结束';
+
+$lang->program->featureBar['projectview']['all'] = '全部';
+$lang->program->featureBar['projectview']['unclosed'] = '未关闭';
+$lang->program->featureBar['projectview']['wait'] = '未开始';
+$lang->program->featureBar['projectview']['doing'] = '进行中';
+$lang->program->featureBar['projectview']['more'] = '更多';
+
$lang->program->kanban = new stdclass();
$lang->program->kanban->common = '项目集看板';
$lang->program->kanban->typeList['my'] = '我参与的项目集';
@@ -177,3 +211,6 @@ $lang->program->kanban->normalReleases = '正常的发布';
$lang->program->kanban->laneColorList = array('#32C5FF', '#006AF1', '#9D28B2', '#FF8F26', '#FFC20E', '#00A78E', '#7FBB00', '#424BAC', '#C0E9FF', '#EC2761');
$lang->program->defaultProgram = '默认项目集';
+$lang->program->projectView = '项目视角';
+$lang->program->productView = '产品视角';
+$lang->program->manDay = '人天';
diff --git a/module/program/model.php b/module/program/model.php
index ebe092f12a..9bbedc982f 100644
--- a/module/program/model.php
+++ b/module/program/model.php
@@ -1700,4 +1700,206 @@ class programModel extends model
return $programID;
}
+
+ /*
+ * Build row data.
+ *
+ * @param string $program
+ * @param array $PMList
+ * @param array $progressList
+ * @access public
+ * @return object
+ */
+ public function buildRowData($program, $PMList, $progressList)
+ {
+ $row = new stdclass();
+
+ $manager = isset($PMList[$program->PM]) ? $PMList[$program->PM] : '';
+ $programBudget = $this->project->getBudgetWithUnit($program->budget);
+ $link = $program->type == 'program' ? helper::createLink('program', 'product', "programID=$program->id") : helper::createLink('project', 'index', "projectID=$program->id");
+ $name = html::a($link, $program->name, '', "title=$program->name");
+ if($program->status != 'done' and $program->status != 'closed' and $program->status != 'suspended')
+ {
+ $delay = helper::diffDate(helper::today(), $program->end);
+ if($delay > 0) $name .= "{$this->lang->project->statusList['delay']}";
+ }
+
+ $row->id = $program->id;
+ $row->parent = $program->parent ? $program->parent : '';
+ $row->asParent = $program->type == 'program';
+ $row->type = $program->type;
+ $row->model = $program->model;
+ $row->name = $name;
+ $row->status = $program->status;
+ $row->PM = empty($manager) ? '' : $manager->realname;
+ $row->PMAvatar = empty($manager) ? '' : $manager->avatar;
+ $row->budget = $program->budget != 0 ? zget($this->lang->project->currencySymbol, $program->budgetUnit) . ' ' . $programBudget : $this->lang->project->future;
+ $row->begin = $program->begin;
+ $row->end = $program->end == LONG_TIME ? $this->lang->program->longTime : $program->end;
+ $row->progress = isset($progressList[$program->id]) ? round($progressList[$program->id]) : 0;
+ $row->actions = $this->buildActions($program);
+
+ return $row;
+ }
+
+ /**
+ * Build actions data.
+ *
+ * @param object $program
+ * @access public
+ * @return array
+ */
+ public function buildActions($program)
+ {
+ $this->loadModel('project');
+
+ $actionsMap = array();
+ $canStartProgram = common::hasPriv('program', 'start');
+ $canSuspendProgram = common::hasPriv('program', 'suspend');
+ $canCloseProgram = common::hasPriv('program', 'close');
+ $canActivateProgram = common::hasPriv('program', 'activate');
+ $canStartProject = common::hasPriv('project', 'start');
+ $canSuspendProject = common::hasPriv('project', 'suspend');
+ $canCloseProject = common::hasPriv('project', 'close');
+ $canActivateProject = common::hasPriv('project', 'activate');
+
+ if($program->type == 'program' && strpos(",{$this->app->user->view->programs},", ",$program->id,") !== false)
+ {
+ $normalActions = array('start', 'close', 'activate');
+ foreach($normalActions as $action)
+ {
+ if($action == 'start' and (!$canStartProgram or ($program->status != 'wait' and $program->status != 'suspended'))) continue;
+ if($action == 'close' and (!$canCloseProgram or $program->status != 'doing')) continue;
+ if($action == 'activate' and (!$canActivateProgram or $program->status != 'closed')) continue;
+ $item = new stdclass();
+ $item->name = $action;
+ $item->hint = $this->lang->program->$action;
+
+ $actionsMap[] = $item;
+ }
+
+ if($canSuspendProgram or ($canClose && $program->status != 'doing') or ($canActivateProgram and $program->status != 'closed'))
+ {
+ $other = new stdclass();
+ $other->name = 'other';
+ $other->items = array();
+
+ $otherActions = array('suspend', 'close', 'activate');
+ foreach($otherActions as $action)
+ {
+ if($action == 'close' and $program->status == 'doing') continue;
+ if(!common::hasPriv('program', $action)) continue;
+
+ $item = new stdclass();
+ $item->name = $action;
+ $item->text = $this->lang->program->$action;
+ if(!$this->isClickable($program, $action)) $item->disabled = true;
+ if($action == 'close' and $program->status == 'closed') $item->hint = $this->lang->program->tip->closed;
+ if($action == 'suspend' and $program->status == 'closed') $item->hint = $this->lang->program->tip->notSuspend;
+ if($action == 'suspend' and $program->status == 'suspended') $item->hint = $this->lang->program->tip->suspended;
+ if($action == 'activate' and $program->status == 'doing') $item->hint = $this->lang->program->tip->actived;
+
+ $other->items[] = $item;
+ }
+
+ $actionsMap[] = $other;
+ }
+
+ $normalActions = array('edit', 'create', 'delete');
+ foreach($normalActions as $action)
+ {
+ if(!common::hasPriv('program', $action)) continue;
+ $item = new stdclass();
+ $item->name = $action;
+ $item->hint = $this->lang->program->$action;
+ if($action == 'create' and $program->status == 'closed')
+ {
+ $item->disabled = true;
+ $item->hint = $this->lang->program->tip->notCreate;
+ }
+
+ $actionsMap[] = $item;
+ }
+ }
+ elseif($program->type == 'project')
+ {
+ $normalActions = array('start', 'close', 'activate');
+ foreach($normalActions as $action)
+ {
+ if($action == 'start' and (!$canStartProject or ($program->status != 'wait' and $program->status != 'suspended'))) continue;
+ if($action == 'close' and (!$canCloseProject or $program->status != 'doing')) continue;
+ if($action == 'activate' and (!$canActivateProgram or $program->status != 'closed')) continue;
+ $item = new stdclass();
+ $item->name = $action;
+ $item->hint = $this->lang->project->$action;
+
+ $actionsMap[] = $item;
+ }
+ if($canSuspendProject or ($canCloseProject and $program->status != 'doing') or ($canActivateProject and $program->status != 'closed'))
+ {
+ $other = new stdclass();
+ $other->name = 'other';
+ $other->items = array();
+
+ $otherActions = array('suspend', 'close', 'activate');
+ foreach($otherActions as $action)
+ {
+ if($action == 'close' and $program->status == 'doing') continue;
+ if(!common::hasPriv('project', $action)) continue;
+
+ $item = new stdclass();
+ $item->name = $action;
+ $item->text = $this->lang->project->$action;
+ if(!$this->project->isClickable($program, $action)) $item->disabled = true;
+ if($action == 'close' and $program->status == 'closed') $item->hint = $this->lang->project->tip->closed;
+ if($action == 'suspend' and $program->status == 'closed') $item->hint = $this->lang->project->tip->notSuspend;
+ if($action == 'suspend' and $program->status == 'suspended') $item->hint = $this->lang->project->tip->suspended;
+ if($action == 'activate' and $program->status == 'doing') $item->hint = $this->lang->project->tip->actived;
+
+ $other->items[] = $item;
+ }
+
+ $actionsMap[] = $other;
+ }
+ if(common::hasPriv('project', 'edit')) $actionsMap[] = 'edit';
+ if(common::hasPriv('project', 'team')) $actionsMap[] = 'team';
+ if(common::hasPriv('project', 'group'))
+ {
+ $item = new stdclass();
+ $item->name = 'group';
+ if($program->model == 'kanban')
+ {
+ $item->disabled = true;
+ $item->hint = $this->lang->project->tip->group;
+ }
+ $actionsMap[] = $item;
+ }
+
+ if(common::hasPriv('project', 'manageProducts') || common::hasPriv('project', 'whitelist') || common::hasPriv('project', 'delete'))
+ {
+ $more = new stdclass();
+ $more->name = 'more';
+ $more->items = array();
+ $moreActions = array('manageProducts', 'whitelist', 'delete');
+ foreach($moreActions as $action)
+ {
+ if(!common::hasPriv('project', $action)) continue;
+
+ $item = new stdclass();
+ $item->name = $action == 'manageProducts' ? 'link' : $action;
+ $item->text = $this->lang->project->$action;
+ if($action == 'whitelist' and $program->acl == 'open')
+ {
+ $item->disabled = true;
+ $item->hint = $this->lang->project->tip->whitelist;
+ }
+
+ $more->items[] = $item;
+ }
+
+ $actionsMap[] = $more;
+ }
+ }
+ return $actionsMap;
+ }
}
diff --git a/module/program/ui/browse.html.php b/module/program/ui/browse.html.php
new file mode 100644
index 0000000000..186e57fd3c
--- /dev/null
+++ b/module/program/ui/browse.html.php
@@ -0,0 +1,65 @@
+program->dtable->fieldList);
+$data = array_values($programs);
+
+foreach($data as $row)
+{
+ if (!property_exists($row, 'progress'))
+ {
+ if (isset($progressList[$row->id])) $row->progress = $progressList[$row->id];
+ else $row->progress = '';
+ }
+
+ if (!property_exists($row, 'actions')) $row->actions = array();
+}
+
+featureBar
+(
+ to::before(programMenu(set
+ ([
+ 'title' => $lang->program->all,
+ 'programs' => $data,
+ 'activeKey' => '7',
+ 'closeLink' => '#'
+ ]))),
+ set::current($status),
+ set::linkParams("status={key}&orderBy=$orderBy"),
+ (hasPriv('project', 'batchEdit') && $programType != 'bygrid' && $hasProject === true) ? item
+ (
+ set::type('checkbox'),
+ set::text($lang->project->edit),
+ set::checked($this->cookie->editProject)
+ ) : NULL,
+ li(searchToggle())
+);
+
+toolbar
+(
+ hasPriv('project', 'create') ? item(set(array
+ (
+ 'text' => $lang->project->create,
+ 'icon' => 'plus',
+ 'class' => 'btn secondary',
+ 'url' => createLink('project', 'createGuide', "programID=0&from=PGM"),
+ ))) : NULL,
+ hasPriv('program', 'create') ? item(set(array
+ (
+ 'text' => $lang->program->create,
+ 'icon' => 'plus',
+ 'class' => 'btn primary',
+ 'url' => createLink('program', 'create')
+ ))) : NULL
+);
+
+dtable
+(
+ set::cols($cols),
+ set::data($data),
+ set::rowHeight(40),
+ set::footer(false)
+);
+
+render();
diff --git a/module/program/ui/create.html.php b/module/program/ui/create.html.php
new file mode 100644
index 0000000000..0c0932606b
--- /dev/null
+++ b/module/program/ui/create.html.php
@@ -0,0 +1,149 @@
+id ?? 0;
+$currency = $parentID ? $parentProgram->budgetUnit : $config->project->defaultCurrency;
+$aclList = $parentProgram ? $lang->program->subAclList : $lang->program->aclList;
+$budgetPlaceholder = $parentProgram ? $lang->program->parentBudget . zget($lang->project->currencySymbol, $parentProgram->budgetUnit) . $budgetLeft : '';
+$budgetAvaliable = !$parentID || $budgetLeft;
+
+jsVar('LONG_TIME', LONG_TIME);
+jsVar('lang', ['budgetOverrun' => $lang->project->budgetOverrun, 'currencySymbol' => $lang->project->currencySymbol, 'ignore' => $lang->program->ignore]);
+jsVar('weekend', $config->execution->weekend);
+
+set::title($parentID ? $lang->program->children : $lang->program->create);
+
+formPanel
+(
+ on::change('#parent', 'onParentChange'),
+ on::change('#budget', 'onBudgetChange'),
+ on::change('#future', 'onFutureChange'),
+ on::change('#acl', 'onAclChange'),
+ formGroup
+ (
+ set::width('1/2'),
+ set::name('parent'),
+ set::label($lang->program->parent),
+ set::disabled($parentID),
+ set::value($parentID),
+ set::items($parents),
+ ),
+ formGroup
+ (
+ set::width('1/2'),
+ set::name('name'),
+ set::strong(true),
+ set::label($lang->program->name)
+ ),
+ formGroup
+ (
+ set::width('1/4'),
+ set::name('PM'),
+ set::label($lang->program->PM),
+ set::items($pmUsers)
+ ),
+ formRow
+ (
+ set::id('budgetRow'),
+ formGroup
+ (
+ set::width('1/2'),
+ set::label($lang->program->budget),
+ inputGroup
+ (
+ set::seg(true),
+ input
+ (
+ set::name('budget'),
+ set::placeholder($budgetPlaceholder),
+ set::disabled(!$budgetAvaliable),
+ set('data-budget-left', $budgetLeft),
+ set('data-currency-symbol', $parentProgram ? zget($lang->project->currencySymbol, $parentProgram->budgetUnit) : NULL),
+ ),
+ select
+ (
+ zui::width('1/3'),
+ set::name('budgetUnit'),
+ set::disabled($parentID || !$budgetAvaliable),
+ set::items($budgetUnitList),
+ set::value($currency)
+ )
+ )
+ ),
+ formHidden('budgetUnit', $currency),
+ formGroup
+ (
+ set::name('future'),
+ set::value('1'),
+ set::disabled(!$budgetAvaliable),
+ set::control(['type' => 'checkbox', 'rootClass' => 'ml-4', 'text' => $lang->project->future, 'checked' => !$budgetAvaliable])
+ ),
+ ),
+ formRow
+ (
+ formGroup
+ (
+ set::width('1/2'),
+ set::label($lang->project->dateRange),
+ set::required(true),
+ inputGroup
+ (
+ set::seg(true),
+ input
+ (
+ set::type('date'),
+ set::name('begin'),
+ set::value(date('Y-m-d')),
+ set::placeholder($lang->project->begin),
+ set::required(true),
+ on::change('computeWorkDays')
+ ),
+ $lang->project->to,
+ input
+ (
+ set::type('date'),
+ set::name('end'),
+ set::placeholder($lang->project->end),
+ set::required(true),
+ on::change('outOfDateTip')
+ ),
+ )
+ ),
+ formGroup
+ (
+ set::name('delta'),
+ set::class('pl-4'),
+ set::control(['type' => 'radioList', 'inline' => true, 'rootClass' => 'ml-4', 'items' => $lang->program->endList]),
+ on::change('computeEndDate')
+ ),
+ ),
+ /* TODO: printExtendFields() */
+ formGroup
+ (
+ set::name('desc'),
+ set::label($lang->program->desc),
+ set::control('editor')
+ ),
+ formHidden('status', 'wait'),
+ formGroup
+ (
+ set::name('acl'),
+ set::label($lang->program->acl),
+ set::value('private'),
+ set::items($aclList),
+ set::control('radioList'),
+ ),
+ formRow
+ (
+ set::id('whitelistRow'),
+ formGroup
+ (
+ set::width('3/4'),
+ set::name('whitelist'),
+ set::label($lang->whitelist),
+ set::control('select')
+ )
+ )
+);
+
+render();
diff --git a/module/program/ui/productview.html.php b/module/program/ui/productview.html.php
new file mode 100644
index 0000000000..1a376fb7c5
--- /dev/null
+++ b/module/program/ui/productview.html.php
@@ -0,0 +1,230 @@
+program->productView->dtable->fieldList);
+
+$totalStories = 0;
+$hasProduct = false;
+$linesCount = 0;
+$data = array();
+foreach($productStructure as $programID => $program)
+{
+ /* TODO attach program lines */
+ if(isset($programLines[$programID]))
+ {
+ foreach($programLines[$programID] as $lineID => $lineName)
+ {
+ if(!isset($program[$lineID]))
+ {
+ $program[$lineID] = array();
+ $program[$lineID]['product'] = '';
+ $program[$lineID]['lineName'] = $lineName;
+ }
+ }
+ }
+
+ /* ALM mode with more data. */
+ if(isset($program['programName']) and $config->systemMode == 'ALM')
+ {
+ $item = new stdClass();
+
+ $item->programPM = '';
+ if(!empty($program['programPM']))
+ {
+ $programPM = $program['programPM'];
+ $userName = zget($users, $programPM);
+
+ $userID = isset($userIdPairs[$programPM]) ? $userIdPairs[$programPM] : '';
+
+ $item->programPM = $userName;
+ $item->PM = $userName;
+ $item->PMAccount = $userName;
+ $item->PMAvatar = $usersAvatar[$programPM];
+ }
+
+ $totalStories = $program['finishClosedStories'] + $program['unclosedStories'];
+
+ $item->name = $program['programName'];
+ $item->id = 'program-' . $programID;
+ $item->type = 'program';
+ $item->level = 1;
+ $item->asParent = true;
+ $item->feedback = rand(0, 100);
+ $item->programName = $program['programName'];
+ $item->draftStories = $program['draftStories'];
+ $item->activeStories = $program['activeStories'];
+ $item->changingStories = $program['changingStories'];
+ $item->reviewingStories = $program['reviewingStories'];
+ $item->closedReqRate = ($totalStories == 0 ? 0 : round($program['finishClosedStories'] / $totalStories, 3) * 100);
+ $item->unResolvedBugs = $program['unResolvedBugs'];
+ $item->fixedRate = (($program['unResolvedBugs'] + $program['fixedBugs']) == 0 ? 0 : round($program['fixedBugs'] / ($program['unResolvedBugs'] + $program['fixedBugs']), 3) * 100);
+ $item->plans = $program['plans'];
+ $item->releaseCount = $program['releases'];
+ $item->releaseCountOld = rand(0, 10);
+ $item->testCaseCoverage = rand(0, 100);
+ $item->unclosedReqCount = rand(0, 100);
+ $item->executionCount = rand(0, 100);
+ /* TODO attach extend fields. */
+
+ $data[] = $item;
+ }
+
+ foreach($program as $lineID => $line)
+ {
+ /* ALM mode with Product Line. */
+ if(isset($line['lineName']) and isset($line['products']) and is_array($line['products']) and $config->systemMode == 'ALM')
+ {
+ $totalStories = (isset($line['finishClosedStories']) ? $line['finishClosedStories'] : 0) + (isset($line['unclosedStories']) ? $line['unclosedStories'] : 0);
+ $linesCount++;
+
+ $item = new stdClass();
+ $item->name = $line['lineName'];
+ $item->id = 'productLine-' . $lineID;
+ $item->type = 'productLine';
+ $item->asParent = true;
+ $item->feedback = rand(0, 100);
+ $item->parent = 'program-' . $programID;
+ $item->programName = $line['lineName'];
+ $item->draftStories = $line['draftStories'];
+ $item->activeStories = $line['activeStories'];
+ $item->changingStories = $line['changingStories'];
+ $item->reviewingStories = $line['reviewingStories'];
+ $item->closedReqRate = ($totalStories == 0 ? 0 : round((isset($line['finishClosedStories']) ? $line['finishClosedStories'] : 0) / $totalStories, 3) * 100);
+ $item->unResolvedBugs = $line['unResolvedBugs'];
+ $item->fixedRate = ((isset($line['fixedBugs']) and ($line['unResolvedBugs'] + $line['fixedBugs'] != 0)) ? round($line['fixedBugs'] / ($line['unResolvedBugs'] + $line['fixedBugs']), 3) * 100 : 0);
+ $item->plans = $line['plans'];
+ $item->releaseCount = isset($line['releases']) ? $line['releases'] : 0;
+ $item->releaseCountOld = rand(0, 10);
+ $item->testCaseCoverage = rand(0, 100);
+ $item->unclosedReqCount = rand(0, 100);
+ $item->executionCount = rand(0, 100);
+ /* TODO attach extend fields. */
+
+ $data[] = $item;
+ }
+
+ /* Products of Product Line. */
+ if(isset($line['products']) and is_array($line['products']))
+ {
+ foreach($line['products'] as $productID => $product)
+ {
+ $hasProduct = true;
+
+ $item = new stdClass();
+
+ if(!empty($product->PO))
+ {
+ $item->PM = zget($users, $product->PO);
+ $item->PMAvatar = $usersAvatar[$product->PO];
+ $item->PMAccount = $product->PO;
+ }
+ $totalStories = $product->stories['finishClosed'] + $product->stories['unclosed'];
+
+ $item->name = $product->name; /* TODO replace with */
+ $item->id = $product->id;
+ $item->type = 'product';
+ $item->programName = $product->name; /* TODO replace with */
+ $item->feedback = rand(0, 100);
+ $item->draftStories = $product->stories['draft'];
+ $item->activeStories = $product->stories['active'];
+ $item->changingStories = $product->stories['changing'];
+ $item->reviewingStories = $product->stories['reviewing'];
+ $item->closedReqRate = ($totalStories == 0 ? 0 : round($product->stories['finishClosed'] / $totalStories, 3) * 100);
+ $item->unResolvedBugs = $product->unResolved;
+ $item->fixedRate = (($product->unResolved + $product->fixedBugs) == 0 ? 0 : round($product->fixedBugs / ($product->unResolved + $product->fixedBugs), 3) * 100);
+ $item->plans = $product->plans;
+ $item->parent = $product->line ? "productLine-$lineID" : ($product->program ? "program-$product->program" : '');
+ $item->releaseCount = $product->releases;
+ $item->releaseCountOld = rand(0, 10);
+ $item->testCaseCoverage = rand(0, 100);
+ $item->unclosedReqCount = rand(0, 100);
+ $item->executionCount = rand(0, 100);
+ /* TODO attach extend fields. */
+
+ $data[] = $item;
+ }
+ }
+ }
+}
+
+$summary = sprintf($lang->product->lineSummary, $linesCount, count($productStats));
+
+set::title($lang->program->productView);
+
+featureBar
+(
+ set::current($browseType),
+ set::linkParams("status={key}&orderBy=$orderBy"),
+ (hasPriv('product', 'batchEdit') && $hasProduct === true) ? item
+ (
+ set::type('checkbox'),
+ set::text($lang->project->edit),
+ set::checked($this->cookie->editProject)
+ ) : NULL,
+ li(searchToggle())
+);
+
+toolbar
+(
+ item(set(array(
+ 'text' => $lang->program->export,
+ 'icon' => 'export',
+ 'class'=> 'ghost',
+ 'url' => createLink('program', 'exportTable')
+ ))),
+ div(setClass('nav-divider')),
+ item(set(array(
+ 'text' => $lang->program->edit,
+ 'icon' => 'edit',
+ 'class'=> 'ghost',
+ 'url' => createLink('program', 'exportTable')
+ ))),
+ item(set(array(
+ 'text' => $lang->program->createProduct,
+ 'icon' => 'plus',
+ 'class'=> 'btn secondary',
+ 'url' => createLink('program', 'exportTable')
+ ))),
+ item(set(array(
+ 'text' => $lang->program->create,
+ 'icon' => 'plus',
+ 'class'=> 'btn primary',
+ 'url' => createLink('program', 'create')
+ ))),
+);
+
+js
+(
+<<module/${pageInfo.moduleName}/ui/${pageInfo.methodName}.html.php
").html(l.replace(Nh, "")).find(i) : l), r == null || r.call(this, l, ...a);
+ }, W.ajax(o), this;
+};
+const Dr = encodeURIComponent;
+function Ac(e, n, t, s) {
+ const i = W.isArray(n), o = W.isPlainObject(n);
+ W.each(n, function(r, l) {
+ const a = Array.isArray(l) ? "array" : typeof l;
+ s && (r = t ? s : s + "[" + (o || a == "object" || a == "array" ? r : "") + "]"), !s && i ? e.add(l.name, l.value) : a == "array" || !t && a == "object" ? Ac(e, l, t, r) : e.add(r, l);
+ });
+}
+W.param = function(e, n) {
+ const t = [];
+ return t.add = function(s, i) {
+ W.isFunction(i) && (i = i()), i == null && (i = ""), this.push(Dr(s) + "=" + Dr(i));
+ }, Ac(t, e, n), t.join("&").replace(/%20/g, "+");
+};
+const Cd = Object.assign(W.ajax, {
+ get: W.get,
+ post: W.post,
+ getJSON: W.getJSON,
+ param: W.param,
+ ajaxSettings: W.ajaxSettings
+}), $d = new Hi();
+function zh(e) {
+ if (e.indexOf("#") === 0 && (e = e.slice(1)), e.length === 3 && (e = e[0] + e[0] + e[1] + e[1] + e[2] + e[2]), e.length !== 6)
+ throw new Error(`Invalid HEX color "${e}".`);
+ return [
+ parseInt(e.slice(0, 2), 16),
+ // r
+ parseInt(e.slice(2, 4), 16),
+ // g
+ parseInt(e.slice(4, 6), 16)
+ // b
+ ];
+}
+function Uh(e) {
+ const [n, t, s] = typeof e == "string" ? zh(e) : e;
+ return n * 0.299 + t * 0.587 + s * 0.114 > 186;
+}
+function Hr(e, n) {
+ return Uh(e) ? (n == null ? void 0 : n.dark) ?? "#333333" : (n == null ? void 0 : n.light) ?? "#ffffff";
+}
+function Ir(e, n = 255) {
+ return Math.min(Math.max(e, 0), n);
+}
+function Vh(e, n, t) {
+ e = e % 360 / 360, n = Ir(n), t = Ir(t);
+ const s = t <= 0.5 ? t * (n + 1) : t + n - t * n, i = t * 2 - s, o = (r) => (r = r < 0 ? r + 1 : r > 1 ? r - 1 : r, r * 6 < 1 ? i + (s - i) * r * 6 : r * 2 < 1 ? s : r * 3 < 2 ? i + (s - i) * (2 / 3 - r) * 6 : i);
+ return [
+ o(e + 1 / 3) * 255,
+ o(e) * 255,
+ o(e - 1 / 3) * 255
+ ];
+}
+function qh(e) {
+ let n = 0;
+ if (typeof e != "string" && (e = String(e)), e && e.length)
+ for (let t = 0; t < e.length; ++t)
+ n += (t + 1) * e.charCodeAt(t);
+ return n;
+}
+function Gh(e, n) {
+ return /^[\u4e00-\u9fa5\s]+$/.test(e) ? e = e.length <= n ? e : e.substring(e.length - n) : /^[A-Za-z\d\s]+$/.test(e) ? e = e[0].toUpperCase() : e = e.length <= n ? e : e.substring(0, n), e;
+}
+let Nc = class extends U {
+ render() {
+ const {
+ className: n,
+ style: t,
+ size: s = "",
+ circle: i,
+ rounded: o,
+ background: r,
+ foreColor: l,
+ text: a,
+ code: h,
+ maxTextLength: c = 2,
+ src: u,
+ hueDistance: d = 43,
+ saturation: f = 0.4,
+ lightness: p = 0.6,
+ children: g,
+ ...y
+ } = this.props, _ = ["avatar", n], v = { ...t, background: r, color: l };
+ let S = 32;
+ s && (typeof s == "number" ? (v.width = `${s}px`, v.height = `${s}px`, v.fontSize = `${Math.max(12, Math.round(s / 2))}px`, S = s) : (_.push(`size-${s}`), S = { xs: 20, sm: 24, lg: 48, xl: 80 }[s])), i ? _.push("circle") : o && (typeof o == "number" ? v.borderRadius = `${o}px` : _.push(`rounded-${o}`));
+ let $;
+ if (u)
+ _.push("has-img"), $ = /* @__PURE__ */ b("img", { className: "avatar-img", src: u, alt: a });
+ else if (a != null && a.length) {
+ const T = Gh(a, c);
+ if (_.push("has-text", `has-text-${T.length}`), r)
+ !l && r && (v.color = Hr(r));
+ else {
+ const L = h ?? a, O = (typeof L == "number" ? L : qh(L)) * d % 360;
+ if (v.background = `hsl(${O},${f * 100}%,${p * 100}%)`, !l) {
+ const k = Vh(O, f, p);
+ v.color = Hr(k);
+ }
+ }
+ let D;
+ S && S < 14 * T.length && (D = { transform: `scale(${S / (14 * T.length)})`, whiteSpace: "nowrap" }), $ = /* @__PURE__ */ b("div", { "data-actualSize": S, className: "avatar-text", style: D, children: T });
+ }
+ return /* @__PURE__ */ b(
+ "div",
+ {
+ className: M(_),
+ style: v,
+ ...y,
+ children: [
+ $,
+ g
+ ]
+ }
+ );
+ }
+};
+class jr extends J {
+}
+w(jr, "NAME", "avatar"), w(jr, "Component", Nc);
+class Wr extends J {
+}
+w(Wr, "NAME", "btngroup"), w(Wr, "Component", vc);
+function Lc(e, n, t) {
+ if (t) {
+ e.setAttribute("class", M(n));
+ return;
+ }
+ Ii(e.getAttribute("class"), n).forEach(([s, i]) => {
+ e.classList.toggle(s, i);
+ });
+}
+function gn(e, n, t) {
+ if (typeof n == "object")
+ return Object.entries(n).forEach(([s, i]) => {
+ gn(e, s, i);
+ });
+ t !== void 0 && (e.style[n] = typeof t == "number" ? `${t}px` : t);
+}
+function Ws(e, n, t) {
+ if (typeof n == "object")
+ return Object.entries(n).forEach(([s, i]) => {
+ Ws(e, s, i);
+ });
+ t !== void 0 && (t === null ? e.removeAttribute(n) : e.setAttribute(n, t));
+}
+var ve, Fn, te, Js, Ge, Cs;
+const rt = class extends kt {
+ constructor() {
+ super(...arguments);
+ x(this, Ge);
+ x(this, ve, 0);
+ x(this, Fn, void 0);
+ x(this, te, void 0);
+ x(this, Js, (t) => {
+ const s = t.target;
+ (s.closest(rt.DISMISS_SELECTOR) || this.options.backdrop === !0 && !s.closest(".modal-dialog") && s.closest(".modal")) && this.hide();
+ });
+ }
+ get modalElement() {
+ return this.element;
+ }
+ get isShown() {
+ return this.modalElement.classList.contains(rt.CLASS_SHOW);
+ }
+ get dialog() {
+ return this.modalElement.querySelector(".modal-dialog");
+ }
+ afterInit() {
+ if (this.on("click", m(this, Js)), this.options.responsive && typeof ResizeObserver < "u") {
+ const { dialog: t } = this;
+ if (t) {
+ const s = new ResizeObserver(() => {
+ if (!this.isShown)
+ return;
+ const i = t.clientWidth, o = t.clientHeight;
+ (!m(this, te) || m(this, te)[0] !== i || m(this, te)[1] !== o) && (R(this, te, [i, o]), this.layout());
+ });
+ s.observe(t), R(this, Fn, s);
+ }
+ }
+ this.options.show && this.show();
+ }
+ destroy() {
+ var t;
+ super.destroy(), (t = m(this, Fn)) == null || t.disconnect();
+ }
+ show(t) {
+ if (this.isShown)
+ return !1;
+ this.setOptions(t);
+ const { modalElement: s } = this, { animation: i, backdrop: o, className: r, style: l } = this.options;
+ return Lc(s, [{
+ "modal-trans": i,
+ "modal-no-backdrop": !o
+ }, rt.CLASS_SHOW, r]), gn(s, {
+ zIndex: `${rt.zIndex++}`,
+ ...l
+ }), this.layout(), this.emit("show", this), N(this, Ge, Cs).call(this, () => {
+ s.classList.add(rt.CLASS_SHOWN), N(this, Ge, Cs).call(this, () => {
+ this.emit("shown", this);
+ });
+ }, 50), !0;
+ }
+ hide() {
+ return this.isShown ? (this.modalElement.classList.remove(rt.CLASS_SHOWN), this.emit("hide", this), N(this, Ge, Cs).call(this, () => {
+ this.modalElement.classList.remove(rt.CLASS_SHOW), this.emit("hidden", this);
+ }), !0) : !1;
+ }
+ layout(t, s) {
+ if (!this.isShown)
+ return;
+ const { dialog: i } = this;
+ if (!i)
+ return;
+ s = s ?? this.options.size, Ws(i, "data-size", null);
+ const o = { width: null, height: null };
+ typeof s == "object" ? (o.width = s.width, o.height = s.height) : typeof s == "string" && ["md", "sm", "lg", "full"].includes(s) ? Ws(i, "data-size", s) : s && (o.width = s), gn(i, o), t = t ?? this.options.position ?? "fit";
+ const r = i.clientWidth, l = i.clientHeight;
+ R(this, te, [r, l]), typeof t == "function" && (t = t({ width: r, height: l }));
+ const a = {
+ top: null,
+ left: null,
+ bottom: null,
+ right: null,
+ alignSelf: "center"
+ };
+ typeof t == "number" ? (a.alignSelf = "flex-start", a.top = t) : typeof t == "object" && t ? (a.alignSelf = "flex-start", Object.assign(a, t)) : t === "fit" ? (a.alignSelf = "flex-start", a.top = `${Math.max(0, Math.floor((window.innerHeight - l) / 3))}px`) : t === "bottom" ? a.alignSelf = "flex-end" : t === "top" ? a.alignSelf = "flex-start" : t !== "center" && typeof t == "string" && (a.alignSelf = "flex-start", a.top = t), gn(i, a), gn(this.modalElement, "justifyContent", a.left ? "flex-start" : "center");
+ }
+ static query(t) {
+ if (t === void 0 ? t = document.querySelector(`.modal.${rt.CLASS_SHOW}`) : typeof t == "string" && (t = document.querySelector(t)), !!t)
+ return rt.get(t);
+ }
+ static hide(t) {
+ var s;
+ (s = rt.query(t)) == null || s.hide();
+ }
+ static show(t) {
+ var s;
+ (s = rt.query(t)) == null || s.show();
+ }
+};
+let nt = rt;
+ve = new WeakMap(), Fn = new WeakMap(), te = new WeakMap(), Js = new WeakMap(), Ge = new WeakSet(), Cs = function(t, s) {
+ m(this, ve) && (clearTimeout(m(this, ve)), R(this, ve, 0)), t && (this.options.animation ? R(this, ve, window.setTimeout(t, s ?? this.options.transTime)) : t());
+}, w(nt, "NAME", "Modal"), w(nt, "EVENTS", !0), w(nt, "DEFAULT", {
+ position: "fit",
+ show: !0,
+ keyboard: !0,
+ animation: !0,
+ backdrop: !0,
+ responsive: !0,
+ transTime: 300
+}), w(nt, "CLASS_SHOW", "show"), w(nt, "CLASS_SHOWN", "in"), w(nt, "DISMISS_SELECTOR", '[data-dismiss="modal"]'), w(nt, "zIndex", 2e3);
+A(window).on("resize", () => {
+ nt.all.forEach((e) => {
+ const n = e;
+ n.isShown && n.options.responsive && n.layout();
+ });
+});
+A(document).on("zui.modal.hide", (e, n) => {
+ nt.hide(n == null ? void 0 : n.target);
+});
+class Mc extends U {
+ componentDidMount() {
+ var n;
+ (n = this.props.afterRender) == null || n.call(this, { firstRender: !0 });
+ }
+ componentDidUpdate() {
+ var n;
+ (n = this.props.afterRender) == null || n.call(this, { firstRender: !1 });
+ }
+ componentWillUnmount() {
+ var n;
+ (n = this.props.beforeDestroy) == null || n.call(this);
+ }
+ renderHeader() {
+ const {
+ header: n,
+ title: t
+ } = this.props;
+ return it(n) ? n : n === !1 || !t ? null : /* @__PURE__ */ b("div", { className: "modal-header", children: /* @__PURE__ */ b("div", { className: "modal-title", children: t }) });
+ }
+ renderActions() {
+ const {
+ actions: n,
+ closeBtn: t
+ } = this.props;
+ return !t && !n ? null : it(n) ? n : /* @__PURE__ */ b("div", { className: "modal-actions", children: [
+ n ? /* @__PURE__ */ b(ae, { ...n }) : null,
+ t ? /* @__PURE__ */ b("button", { type: "button", class: "btn square ghost", "data-dismiss": "modal", children: /* @__PURE__ */ b("span", { class: "close" }) }) : null
+ ] });
+ }
+ renderBody() {
+ const {
+ body: n
+ } = this.props;
+ return n ? it(n) ? n : /* @__PURE__ */ b("div", { className: "modal-body", children: n }) : null;
+ }
+ renderFooter() {
+ const {
+ footer: n,
+ footerActions: t
+ } = this.props;
+ return it(n) ? n : n === !1 || !t ? null : /* @__PURE__ */ b("div", { className: "modal-footer", children: t ? /* @__PURE__ */ b(ae, { ...t }) : null });
+ }
+ render() {
+ const {
+ className: n,
+ style: t,
+ children: s
+ } = this.props;
+ return /* @__PURE__ */ b("div", { className: M("modal-dialog", n), style: t, children: /* @__PURE__ */ b("div", { className: "modal-content", children: [
+ this.renderHeader(),
+ this.renderActions(),
+ this.renderBody(),
+ s,
+ this.renderFooter()
+ ] }) });
+ }
+}
+w(Mc, "defaultProps", { closeBtn: !0 });
+var Bn, Ke, zn;
+class Kh extends U {
+ constructor() {
+ super(...arguments);
+ x(this, Bn, cn());
+ x(this, Ke, void 0);
+ w(this, "state", {});
+ x(this, zn, () => {
+ var i, o;
+ const t = (o = (i = m(this, Bn).current) == null ? void 0 : i.contentWindow) == null ? void 0 : o.document;
+ if (!t)
+ return;
+ let s = m(this, Ke);
+ s == null || s.disconnect(), s = new ResizeObserver(() => {
+ const r = t.body, l = t.documentElement, a = Math.ceil(Math.max(r.scrollHeight, r.offsetHeight, l.offsetHeight));
+ this.setState({ height: a });
+ }), s.observe(t.body), s.observe(t.documentElement), R(this, Ke, s);
+ });
+ }
+ componentDidMount() {
+ m(this, zn).call(this);
+ }
+ componentWillUnmount() {
+ var t;
+ (t = m(this, Ke)) == null || t.disconnect();
+ }
+ render() {
+ const { url: t } = this.props;
+ return /* @__PURE__ */ b(
+ "iframe",
+ {
+ className: "modal-iframe",
+ style: this.state,
+ src: t,
+ ref: m(this, Bn),
+ onLoad: m(this, zn)
+ }
+ );
+ }
+}
+Bn = new WeakMap(), Ke = new WeakMap(), zn = new WeakMap();
+function Yh(e, n) {
+ const { custom: t, title: s, content: i } = n;
+ return {
+ body: i,
+ title: s,
+ ...typeof t == "function" ? t() : t
+ };
+}
+async function Xh(e, n) {
+ const { dataType: t = "html", url: s, request: i, custom: o, title: r, replace: l = !0 } = n, h = await (await fetch(s, i)).text();
+ if (t !== "html")
+ try {
+ const c = JSON.parse(h);
+ return {
+ title: r,
+ ...o,
+ ...c
+ };
+ } catch {
+ }
+ return n.replace !== !1 && t === "html" ? [h] : {
+ title: r,
+ ...o,
+ body: t === "html" ? /* @__PURE__ */ b("div", { className: "modal-body", dangerouslySetInnerHTML: { __html: h } }) : h
+ };
+}
+async function Jh(e, n) {
+ const { url: t, custom: s, title: i } = n;
+ return {
+ title: i,
+ ...s,
+ body: /* @__PURE__ */ b(Kh, { url: t })
+ };
+}
+const Qh = {
+ custom: Yh,
+ ajax: Xh,
+ iframe: Jh
+};
+var Un, Vn, xt, Ye, $s, Qs, Oc, qn, xo;
+const kn = class extends nt {
+ constructor() {
+ super(...arguments);
+ x(this, Ye);
+ x(this, Qs);
+ x(this, qn);
+ x(this, Un, void 0);
+ x(this, Vn, void 0);
+ x(this, xt, void 0);
+ }
+ get id() {
+ return m(this, Vn);
+ }
+ get loading() {
+ return this.modalElement.classList.contains(kn.LOADING_CLASS);
+ }
+ get modalElement() {
+ let t = m(this, Un);
+ if (!t) {
+ const { id: s } = this;
+ t = this.element.querySelector(`#${s}`), t || (t = document.createElement("div"), Ws(t, {
+ id: s,
+ style: this.options.style
+ }), Lc(t, ["modal modal-async", this.options.className]), this.element.appendChild(t)), R(this, Un, t);
+ }
+ return t;
+ }
+ afterInit() {
+ super.afterInit(), R(this, Vn, this.options.id || `modal-${us()}`);
+ }
+ show(t) {
+ return super.show(t) ? (this.buildDialog(), !0) : !1;
+ }
+ render(t) {
+ super.render(t), this.buildDialog();
+ }
+ async buildDialog() {
+ if (this.loading)
+ return !1;
+ m(this, xt) && clearTimeout(m(this, xt));
+ const { modalElement: t, options: s } = this, { type: i, loadTimeout: o } = s, r = Qh[i];
+ if (!r)
+ return console.warn(`Modal: Cannot build modal with type "${i}"`), !1;
+ t.classList.add(kn.LOADING_CLASS), await N(this, Qs, Oc).call(this), o && R(this, xt, window.setTimeout(() => {
+ R(this, xt, 0), N(this, qn, xo).call(this, this.options.timeoutTip);
+ }, o));
+ const l = await r(t, s);
+ return l === !1 ? await N(this, qn, xo).call(this, this.options.failedTip) : l && typeof l == "object" && await N(this, Ye, $s).call(this, l), m(this, xt) && (clearTimeout(m(this, xt)), R(this, xt, 0)), t.classList.remove(kn.LOADING_CLASS), !0;
+ }
+};
+let yn = kn;
+Un = new WeakMap(), Vn = new WeakMap(), xt = new WeakMap(), Ye = new WeakSet(), $s = function(t) {
+ return new Promise((s) => {
+ if (Array.isArray(t))
+ return this.modalElement.innerHTML = t[0], s();
+ const { afterRender: i, ...o } = t;
+ t = {
+ afterRender: (r) => {
+ this.layout(), i == null || i(r), s();
+ },
+ ...o
+ }, cs(
+ /* @__PURE__ */ b(Mc, { ...t }),
+ this.modalElement
+ );
+ });
+}, Qs = new WeakSet(), Oc = function() {
+ const { loadingText: t } = this.options;
+ return N(this, Ye, $s).call(this, {
+ body: /* @__PURE__ */ b("div", { className: "modal-loading-indicator", children: [
+ /* @__PURE__ */ b("span", { className: "spinner" }),
+ t ? /* @__PURE__ */ b("span", { className: "modal-loading-text", children: t }) : null
+ ] })
+ });
+}, qn = new WeakSet(), xo = function(t) {
+ if (t)
+ return N(this, Ye, $s).call(this, {
+ body: /* @__PURE__ */ b("div", { className: "modal-load-failed", children: t })
+ });
+}, w(yn, "LOADING_CLASS", "loading"), w(yn, "DEFAULT", {
+ ...nt.DEFAULT,
+ loadTimeout: 1e4
+});
+var ee, Zs, Pc, ti, Dc, ei, Hc;
+class Cn extends kt {
+ constructor() {
+ super(...arguments);
+ x(this, Zs);
+ x(this, ti);
+ x(this, ei);
+ x(this, ee, void 0);
+ }
+ get modal() {
+ return m(this, ee);
+ }
+ get container() {
+ const { container: t } = this.options;
+ return typeof t == "string" ? document.querySelector(t) : t instanceof HTMLElement ? t : document.body;
+ }
+ show() {
+ return N(this, ti, Dc).call(this).show();
+ }
+ hide() {
+ var t;
+ (t = m(this, ee)) == null || t.hide();
+ }
+}
+ee = new WeakMap(), Zs = new WeakSet(), Pc = function() {
+ const {
+ container: t,
+ ...s
+ } = this.options, i = s, o = this.element.getAttribute("href") || "";
+ return i.type || (i.target || o[0] === "#" ? i.type = "static" : i.type = i.type || (i.url || o ? "ajax" : "custom")), !i.url && (i.type === "iframe" || i.type === "ajax") && o[0] !== "#" && (i.url = o), i;
+}, ti = new WeakSet(), Dc = function() {
+ const t = N(this, Zs, Pc).call(this);
+ let s = m(this, ee);
+ return s ? s.setOptions(t) : t.type === "static" ? (s = new nt(N(this, ei, Hc).call(this), t), R(this, ee, s)) : (s = new yn(this.container, t), R(this, ee, s)), s;
+}, ei = new WeakSet(), Hc = function() {
+ let t = this.options.target;
+ if (!t) {
+ const { element: s } = this;
+ if (s.tagName === "A") {
+ const i = s.getAttribute("href");
+ i != null && i.startsWith("#") && (t = i);
+ }
+ }
+ return this.container.querySelector(t || ".modal");
+}, w(Cn, "NAME", "ModalTrigger"), w(Cn, "EVENTS", !0), w(Cn, "TOGGLE_SELECTOR", '[data-toggle="modal"]');
+window.addEventListener("click", (e) => {
+ var s;
+ const n = e.target, t = (s = n.closest) == null ? void 0 : s.call(n, Cn.TOGGLE_SELECTOR);
+ if (t) {
+ const i = Cn.ensure(t);
+ i && i.show();
+ }
+});
+var ao;
+let Zh = (ao = class extends ji {
+ beforeRender() {
+ const n = super.beforeRender();
+ return n.className = M(n.className, n.type ? `nav-${n.type}` : "", {
+ "nav-stacked": n.stacked
+ }), n;
+ }
+}, w(ao, "NAME", "nav"), ao);
+class Fr extends J {
+}
+w(Fr, "NAME", "nav"), w(Fr, "Component", Zh);
+function Mn(e, n) {
+ const t = e.pageTotal || Math.ceil(e.recTotal / e.recPerPage);
+ return typeof n == "string" && (n === "first" ? n = 1 : n === "last" ? n = t : n === "prev" ? n = e.page - 1 : n === "next" ? n = e.page + 1 : n === "current" ? n = e.page : n = Number.parseInt(n, 10)), n = n !== void 0 ? Math.max(1, Math.min(n < 0 ? t + n : n, t)) : e.page, {
+ ...e,
+ pageTotal: t,
+ page: n
+ };
+}
+function tf({
+ key: e,
+ type: n,
+ btnType: t,
+ page: s,
+ format: i,
+ pagerInfo: o,
+ linkCreator: r,
+ ...l
+}) {
+ const a = Mn(o, s);
+ return l.text === void 0 && !l.icon && i && (l.text = typeof i == "function" ? i(a) : tt(i, a)), l.url === void 0 && r && (l.url = typeof r == "function" ? r(a) : tt(r, a)), l.disabled === void 0 && (l.disabled = s !== void 0 && a.page === o.page), /* @__PURE__ */ b(Tt, { type: t, ...l });
+}
+const Pt = 24 * 60 * 60 * 1e3, at = (e) => e ? (e instanceof Date || (typeof e == "string" && (e = e.trim(), /^\d+$/.test(e) && (e = Number.parseInt(e, 10))), typeof e == "number" && e < 1e10 && (e *= 1e3), e = new Date(e)), e) : /* @__PURE__ */ new Date(), hs = (e, n = /* @__PURE__ */ new Date()) => (e = at(e), n = at(n), e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth() && e.getDate() === n.getDate()), Br = (e, n = /* @__PURE__ */ new Date()) => at(e).getFullYear() === at(n).getFullYear(), ef = (e, n = /* @__PURE__ */ new Date()) => (e = at(e), n = at(n), e.getFullYear() === n.getFullYear() && e.getMonth() === n.getMonth()), Td = (e, n = /* @__PURE__ */ new Date()) => {
+ e = at(e), n = at(n);
+ const t = 1e3 * 60 * 60 * 24, s = Math.floor(e.getTime() / t), i = Math.floor(n.getTime() / t);
+ return Math.floor((s + 4) / 7) === Math.floor((i + 4) / 7);
+}, Ad = (e, n) => hs(at(n), e), Nd = (e, n) => hs(at(n).getTime() - Pt, e), Ld = (e, n) => hs(at(n).getTime() + Pt, e), Md = (e, n) => hs(at(n).getTime() - 2 * Pt, e), So = (e, n = "yyyy-MM-dd hh:mm") => {
+ e = at(e);
+ const t = {
+ "M+": e.getMonth() + 1,
+ "d+": e.getDate(),
+ "h+": e.getHours(),
+ "H+": e.getHours() % 12,
+ "m+": e.getMinutes(),
+ "s+": e.getSeconds(),
+ "S+": e.getMilliseconds()
+ };
+ return /(y+)/i.test(n) && (n = n.replace(RegExp.$1, `${e.getFullYear()}`.substring(4 - RegExp.$1.length))), Object.keys(t).forEach((s) => {
+ if (new RegExp(`(${s})`).test(n)) {
+ const i = `${t[s]}`;
+ n = n.replace(RegExp.$1, RegExp.$1.length === 1 ? i : `00${i}`.substring(i.length));
+ }
+ }), n;
+}, Od = (e, n, t) => {
+ const s = {
+ full: "yyyy-M-d",
+ month: "M-d",
+ day: "d",
+ str: "{0} ~ {1}",
+ ...t
+ }, i = So(e, Br(e) ? s.month : s.full);
+ if (hs(e, n))
+ return i;
+ const o = So(n, Br(e, n) ? ef(e, n) ? s.day : s.month : s.full);
+ return s.str.replace("{0}", i).replace("{1}", o);
+}, Pd = (e) => {
+ const n = (/* @__PURE__ */ new Date()).getTime();
+ switch (e) {
+ case "oneWeek":
+ return n - Pt * 7;
+ case "oneMonth":
+ return n - Pt * 31;
+ case "threeMonth":
+ return n - Pt * 31 * 3;
+ case "halfYear":
+ return n - Pt * 183;
+ case "oneYear":
+ return n - Pt * 365;
+ case "twoYear":
+ return n - 2 * (Pt * 365);
+ default:
+ return 0;
+ }
+}, zr = (e, n, t = !0, s = Date.now()) => {
+ switch (n) {
+ case "year":
+ return e *= 365, zr(e, "day", t, s);
+ case "quarter":
+ e *= 3;
+ break;
+ case "month":
+ return e *= 30, zr(e, "day", t, s);
+ case "week":
+ e *= 7;
+ break;
+ case "day":
+ e *= 24;
+ break;
+ case "hour":
+ e *= 60;
+ break;
+ case "minute":
+ e *= 6e4;
+ break;
+ default:
+ e = 0;
+ }
+ return t ? s + e : s - e;
+};
+function nf({
+ key: e,
+ type: n,
+ page: t,
+ text: s = "",
+ pagerInfo: i,
+ children: o,
+ ...r
+}) {
+ const l = Mn(i, t);
+ return s = typeof s == "function" ? s(l) : tt(s, l), /* @__PURE__ */ b(Dl, { ...r, children: [
+ o,
+ s
+ ] });
+}
+function sf({
+ key: e,
+ type: n,
+ btnType: t,
+ count: s = 12,
+ pagerInfo: i,
+ onClick: o,
+ linkCreator: r,
+ ...l
+}) {
+ if (!i.pageTotal)
+ return;
+ const a = { ...l, square: !0 }, h = () => (a.text = "", a.icon = "icon-ellipsis-h", a.disabled = !0, /* @__PURE__ */ b(Tt, { type: t, ...a })), c = (d, f) => {
+ const p = [];
+ for (let g = d; g <= f; g++) {
+ a.text = g, delete a.icon, a.disabled = !1;
+ const y = Mn(i, g);
+ r && (a.url = typeof r == "function" ? r(y) : tt(r, y)), p.push(/* @__PURE__ */ b(Tt, { type: t, ...a, onClick: o }));
+ }
+ return p;
+ };
+ let u = [];
+ return u = [...c(1, 1)], i.pageTotal <= 1 || (i.pageTotal <= s ? u = [...u, ...c(2, i.pageTotal)] : i.page < s - 2 ? u = [...u, ...c(2, s - 2), h(), ...c(i.pageTotal, i.pageTotal)] : i.page > i.pageTotal - s + 3 ? u = [...u, h(), ...c(i.pageTotal - s + 3, i.pageTotal)] : u = [...u, h(), ...c(i.page - Math.ceil((s - 4) / 2), i.page + Math.floor((s - 4) / 2)), h(), ...c(i.pageTotal, i.pageTotal)]), u;
+}
+function of({
+ type: e,
+ pagerInfo: n,
+ linkCreator: t,
+ items: s = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 100, 200, 500, 1e3, 2e3],
+ dropdown: i = {},
+ ...o
+}) {
+ var l;
+ i.items = i.items ?? s.map((a) => {
+ const h = { ...n, recPerPage: a };
+ return {
+ text: `${a}`,
+ url: typeof t == "function" ? t(h) : tt(t, h)
+ };
+ });
+ const { text: r = "" } = o;
+ return o.text = typeof r == "function" ? r(n) : tt(r, n), i.menu = { ...i.menu, className: M((l = i.menu) == null ? void 0 : l.className, "pager-size-menu") }, /* @__PURE__ */ b(wc, { type: "dropdown", dropdown: i, ...o });
+}
+function rf({
+ key: e,
+ page: n,
+ type: t,
+ btnType: s,
+ pagerInfo: i,
+ size: o,
+ onClick: r,
+ onChange: l,
+ linkCreator: a,
+ ...h
+}) {
+ const c = { ...h };
+ let u;
+ const d = (g) => {
+ var y;
+ u = Number((y = g.target) == null ? void 0 : y.value) || 1, u = u > i.pageTotal ? i.pageTotal : u;
+ }, f = (g) => {
+ if (!(g != null && g.target))
+ return;
+ u = u <= i.pageTotal ? u : i.pageTotal;
+ const y = Mn(i, u);
+ l && !l({ info: y, event: g }) || (g.target.href = c.url = typeof a == "function" ? a(y) : tt(a, y));
+ }, p = Mn(i, n || 0);
+ return c.url = typeof a == "function" ? a(p) : tt(a, p), /* @__PURE__ */ b("div", { className: M("input-group", "pager-goto-group", o ? `size-${o}` : ""), children: [
+ /* @__PURE__ */ b("input", { type: "number", class: "form-control", max: i.pageTotal, min: "1", onInput: d }),
+ /* @__PURE__ */ b(Tt, { type: s, ...c, onClick: f })
+ ] });
+}
+var dn;
+let Ic = (dn = class extends ae {
+ get pagerInfo() {
+ const { page: n = 1, recTotal: t = 0, recPerPage: s = 10 } = this.props;
+ return { page: n, recTotal: t, recPerPage: s, pageTotal: s ? Math.ceil(t / s) : 0 };
+ }
+ isBtnItem(n) {
+ return n === "link" || n === "nav" || n === "size-menu" || n === "goto" || super.isBtnItem(n);
+ }
+ getItemRenderProps(n, t, s) {
+ const i = super.getItemRenderProps(n, t, s), o = t.type || "item";
+ return o === "info" ? Object.assign(i, { pagerInfo: this.pagerInfo }) : (o === "link" || o === "size-menu" || o === "nav" || o === "goto") && Object.assign(i, { pagerInfo: this.pagerInfo, linkCreator: n.linkCreator }), i;
+ }
+}, w(dn, "NAME", "pager"), w(dn, "defaultProps", {
+ gap: 1,
+ btnProps: {
+ btnType: "ghost",
+ size: "sm"
+ }
+}), w(dn, "ItemComponents", {
+ ...ae.ItemComponents,
+ link: tf,
+ info: nf,
+ nav: sf,
+ "size-menu": of,
+ goto: rf
+}), dn);
+class Ur extends J {
+}
+w(Ur, "NAME", "pager"), w(Ur, "Component", Ic);
+var ni;
+class lf extends U {
+ constructor() {
+ super(...arguments);
+ x(this, ni, (t) => {
+ var r;
+ const { onDeselect: s, selections: i } = this.props, o = (r = t.target.closest(".picker-deselect-btn")) == null ? void 0 : r.dataset.idx;
+ o && s && (i != null && i.length) && (t.stopPropagation(), s([i[+o]], t));
+ });
+ }
+ render() {
+ const {
+ className: t,
+ style: s,
+ disabled: i,
+ placeholder: o,
+ focused: r,
+ selections: l = [],
+ onClick: a,
+ children: h
+ } = this.props;
+ let c;
+ return l.length ? c = /* @__PURE__ */ b("div", { className: "picker-multi-selections", children: l.map((u, d) => /* @__PURE__ */ b("div", { className: "picker-multi-selection", children: [
+ u.text ?? u.value,
+ /* @__PURE__ */ b("div", { className: "picker-deselect-btn btn", onClick: m(this, ni), "data-idx": d, children: /* @__PURE__ */ b("span", { className: "close" }) })
+ ] })) }) : c = /* @__PURE__ */ b("span", { className: "picker-select-placeholder", children: o }), /* @__PURE__ */ b(
+ "div",
+ {
+ className: M("picker-select picker-select-multi form-control", t, { disabled: i, focused: r }),
+ style: s,
+ onClick: a,
+ children: [
+ c,
+ h,
+ /* @__PURE__ */ b("span", { class: "caret" })
+ ]
+ }
+ );
+ }
+}
+ni = new WeakMap();
+var si;
+class cf extends U {
+ constructor() {
+ super(...arguments);
+ x(this, si, (t) => {
+ const { onDeselect: s, selections: i } = this.props;
+ s && (i != null && i.length) && (t.stopPropagation(), s(i, t));
+ });
+ }
+ render() {
+ const {
+ className: t,
+ style: s,
+ disabled: i,
+ placeholder: o,
+ focused: r,
+ selections: l = [],
+ onDeselect: a,
+ onClick: h,
+ children: c
+ } = this.props, [u] = l, d = u ? /* @__PURE__ */ b("span", { className: "picker-single-selection", children: u.text ?? u.value }) : /* @__PURE__ */ b("span", { className: "picker-select-placeholder", children: o }), f = u && a ? /* @__PURE__ */ b("button", { type: "button", className: "btn picker-deselect-btn", onClick: m(this, si), children: /* @__PURE__ */ b("span", { className: "close" }) }) : null;
+ return /* @__PURE__ */ b(
+ "div",
+ {
+ className: M("picker-select picker-select-single form-control", t, { disabled: i, focused: r }),
+ style: s,
+ onClick: h,
+ children: [
+ d,
+ c,
+ f,
+ /* @__PURE__ */ b("span", { class: "caret" })
+ ]
+ }
+ );
+ }
+}
+si = new WeakMap();
+var ii, jc, Gn, oi, Kn, ri;
+class af extends U {
+ constructor() {
+ super(...arguments);
+ x(this, ii);
+ w(this, "state", { keys: "", shown: !1 });
+ x(this, Gn, (t) => {
+ var s;
+ (s = t.target) != null && s.closest(`#picker-menu-${this.props.id}`) || this.hide();
+ });
+ x(this, oi, ({ item: t }) => {
+ const s = this.props.items.find((i) => i.value === t.key);
+ s && this.props.onSelectItem(s);
+ });
+ x(this, Kn, (t) => {
+ this.setState({ keys: t.target.value });
+ });
+ x(this, ri, () => {
+ this.setState({ keys: "" });
+ });
+ }
+ componentDidMount() {
+ document.addEventListener("click", m(this, Gn)), this.show();
+ }
+ componentWillUnmount() {
+ document.removeEventListener("click", m(this, Gn));
+ }
+ show() {
+ this.state.shown || this.setState({ shown: !0 });
+ }
+ hide() {
+ this.state.shown && this.setState({ shown: !1 }, () => {
+ window.setTimeout(() => {
+ var t, s;
+ (s = (t = this.props).onRequestHide) == null || s.call(t);
+ }, 200);
+ });
+ }
+ render() {
+ const {
+ id: t,
+ search: s,
+ className: i,
+ style: o = {},
+ maxHeight: r,
+ maxWidth: l,
+ width: a,
+ menu: h,
+ searchHint: c
+ } = this.props, { shown: u, keys: d } = this.state, f = d.trim().length;
+ return /* @__PURE__ */ b("div", { className: M("picker-menu", i, { shown: u, "has-search": f }), id: `picker-menu-${t}`, style: { maxHeight: r, maxWidth: l, width: a, ...o }, children: [
+ s ? /* @__PURE__ */ b("div", { className: "picker-menu-search", children: [
+ /* @__PURE__ */ b("input", { className: "form-control picker-menu-search-input", type: "text", placeholder: c, value: d, onChange: m(this, Kn), onInput: m(this, Kn) }),
+ f ? /* @__PURE__ */ b("button", { type: "button", className: "btn picker-menu-search-clear", onClick: m(this, ri), children: /* @__PURE__ */ b("span", { className: "close" }) }) : /* @__PURE__ */ b("span", { className: "magnifier" })
+ ] }) : null,
+ /* @__PURE__ */ b(oe, { className: "picker-menu-list", items: N(this, ii, jc).call(this), onClickItem: m(this, oi), ...h })
+ ] });
+ }
+}
+ii = new WeakSet(), jc = function() {
+ const { selections: t, items: s } = this.props, i = new Set(t), o = this.state.keys.toLowerCase().split(" ").filter((r) => r.length);
+ return s.reduce((r, l) => {
+ const {
+ value: a,
+ keys: h,
+ text: c,
+ ...u
+ } = l;
+ if (!o.length || o.every((d) => a.toLowerCase().includes(d) || (h == null ? void 0 : h.toLowerCase().includes(d)) || typeof c == "string" && c.toLowerCase().includes(d))) {
+ let d = c ?? a;
+ typeof d == "string" && o.length && (d = /* @__PURE__ */ b("span", { dangerouslySetInnerHTML: { __html: o.reduce((f, p) => f.replace(p, ``), d) } })), r.push({
+ key: a,
+ active: i.has(a),
+ text: d,
+ ...u
+ });
+ }
+ return r;
+ }, []);
+}, Gn = new WeakMap(), oi = new WeakMap(), Kn = new WeakMap(), ri = new WeakMap();
+function Vr(e) {
+ const n = /* @__PURE__ */ new Set();
+ return e.reduce((t, s) => (n.has(s) || (n.add(s), t.push(s)), t), []);
+}
+var uo, Yn, Xn, Jn, Xe, Rs, Qn, Eo, li, Wc, ci, Fc, ai, ui, hi, fi, di, Bc;
+let uf = (uo = class extends U {
+ constructor(t) {
+ super(t);
+ x(this, Xe);
+ x(this, Qn);
+ x(this, li);
+ x(this, ci);
+ x(this, di);
+ x(this, Yn, 0);
+ x(this, Xn, us());
+ x(this, Jn, cn());
+ x(this, ai, (t, s) => {
+ const { valueList: i } = this, o = new Set(t.map((l) => l.value)), r = i.filter((l) => !o.has(l));
+ this.setState({ value: r.length ? r.join(this.props.valueSplitter ?? ",") : void 0 });
+ });
+ x(this, ui, (t) => {
+ console.log("#handleSelectClick", t), this.setState({ open: !0 });
+ });
+ x(this, hi, () => {
+ this.close();
+ });
+ x(this, fi, (t) => {
+ this.props.multi ? this.toggleValue(t.value) : this.setState({ value: t.value }, () => {
+ var s;
+ (s = m(this, Jn).current) == null || s.hide();
+ });
+ });
+ this.state = {
+ value: N(this, li, Wc).call(this, t.defaultValue) ?? "",
+ open: !1,
+ loading: !1,
+ search: "",
+ items: Array.isArray(t.items) ? t.items : []
+ };
+ }
+ get value() {
+ return this.state.value;
+ }
+ get valueList() {
+ return N(this, Qn, Eo).call(this, this.state.value);
+ }
+ componentDidMount() {
+ var t;
+ (t = this.props.afterRender) == null || t.call(this, { firstRender: !0 });
+ }
+ componentDidUpdate() {
+ var t;
+ (t = this.props.afterRender) == null || t.call(this, { firstRender: !1 });
+ }
+ componentWillUnmount() {
+ var t;
+ (t = this.props.beforeDestroy) == null || t.call(this);
+ }
+ async loadItemList() {
+ let { items: t } = this.props;
+ if (typeof t == "function") {
+ const i = ++ir(this, Yn)._;
+ if (await N(this, Xe, Rs).call(this, { loading: !0, items: [] }), t = await t(), m(this, Yn) !== i)
+ return [];
+ }
+ const s = {};
+ return Array.isArray(t) && this.state.items !== t && (s.items = t), this.state.loading && (s.loading = !1), Object.keys(s).length && await N(this, Xe, Rs).call(this, s), t;
+ }
+ getItemList() {
+ return this.state.items;
+ }
+ getItemMap() {
+ return this.getItemList().reduce((t, s) => (t[s.value] = s, t), {});
+ }
+ getItemByValue(t) {
+ return this.getItemList().find((s) => s.value === t);
+ }
+ getSelections() {
+ const t = this.getItemMap();
+ return this.valueList.map((s) => t[s] || { value: s });
+ }
+ async toggle(t) {
+ if (t === void 0)
+ t = !this.state.open;
+ else if (t === this.state.open)
+ return;
+ await N(this, Xe, Rs).call(this, { open: t }), t && this.loadItemList();
+ }
+ open() {
+ return this.toggle(!0);
+ }
+ close() {
+ return this.toggle(!1);
+ }
+ toggleValue(t, s) {
+ const { valueList: i } = this, o = i.indexOf(t);
+ s !== !!o && (o > -1 ? i.splice(o, 1) : i.push(t), this.setState({ value: i.join(this.props.valueSplitter ?? ",") }));
+ }
+ render() {
+ const {
+ className: t,
+ style: s,
+ children: i,
+ multi: o
+ } = this.props, r = o ? lf : cf;
+ return /* @__PURE__ */ b("div", { className: M("picker", t), style: s, id: `picker-${m(this, Xn)}`, children: [
+ /* @__PURE__ */ b(r, { ...N(this, ci, Fc).call(this) }),
+ i,
+ this.state.open ? /* @__PURE__ */ b(af, { ...N(this, di, Bc).call(this), ref: m(this, Jn) }) : null
+ ] });
+ }
+}, Yn = new WeakMap(), Xn = new WeakMap(), Jn = new WeakMap(), Xe = new WeakSet(), Rs = function(t) {
+ return new Promise((s) => {
+ this.setState(t, s);
+ });
+}, Qn = new WeakSet(), Eo = function(t) {
+ return typeof t == "string" ? Vr(t.split(this.props.valueSplitter ?? ",")) : Array.isArray(t) ? Vr(t) : [];
+}, li = new WeakSet(), Wc = function(t) {
+ const s = N(this, Qn, Eo).call(this, t);
+ return s.length ? s.join(this.props.valueSplitter ?? ",") : void 0;
+}, ci = new WeakSet(), Fc = function() {
+ const { placeholder: t, disabled: s } = this.props, { open: i } = this.state;
+ return {
+ focused: i,
+ placeholder: t,
+ disabled: s,
+ selections: this.getSelections(),
+ onClick: m(this, ui),
+ onDeselect: m(this, ai)
+ };
+}, ai = new WeakMap(), ui = new WeakMap(), hi = new WeakMap(), fi = new WeakMap(), di = new WeakSet(), Bc = function() {
+ const { search: t, menuClass: s, menuWidth: i, menuStyle: o, menuMaxHeight: r, menuMaxWidth: l } = this.props, { items: a } = this.state;
+ return {
+ id: m(this, Xn),
+ items: a,
+ selections: this.valueList,
+ search: t === !0 || typeof t == "number" && t <= a.length,
+ style: o,
+ className: s,
+ width: i,
+ maxHeight: r,
+ maxWidth: l,
+ onRequestHide: m(this, hi),
+ onSelectItem: m(this, fi)
+ };
+}, w(uo, "defaultProps", {
+ container: "body",
+ valueSplitter: ",",
+ search: !0,
+ menuWidth: "auto",
+ menuMaxHeight: 400
+}), uo);
+class qr extends J {
+}
+w(qr, "NAME", "picker"), w(qr, "Component", uf);
+class Gr extends J {
+}
+w(Gr, "NAME", "toolbar"), w(Gr, "Component", ae);
+function fs(e) {
+ return e.split("-")[1];
+}
+function Go(e) {
+ return e === "y" ? "height" : "width";
+}
+function Oe(e) {
+ return e.split("-")[0];
+}
+function Gi(e) {
+ return ["top", "bottom"].includes(Oe(e)) ? "x" : "y";
+}
+function Kr(e, n, t) {
+ let { reference: s, floating: i } = e;
+ const o = s.x + s.width / 2 - i.width / 2, r = s.y + s.height / 2 - i.height / 2, l = Gi(n), a = Go(l), h = s[a] / 2 - i[a] / 2, c = l === "x";
+ let u;
+ switch (Oe(n)) {
+ case "top":
+ u = { x: o, y: s.y - i.height };
+ break;
+ case "bottom":
+ u = { x: o, y: s.y + s.height };
+ break;
+ case "right":
+ u = { x: s.x + s.width, y: r };
+ break;
+ case "left":
+ u = { x: s.x - i.width, y: r };
+ break;
+ default:
+ u = { x: s.x, y: s.y };
+ }
+ switch (fs(n)) {
+ case "start":
+ u[l] -= h * (t && c ? -1 : 1);
+ break;
+ case "end":
+ u[l] += h * (t && c ? -1 : 1);
+ }
+ return u;
+}
+const hf = async (e, n, t) => {
+ const { placement: s = "bottom", strategy: i = "absolute", middleware: o = [], platform: r } = t, l = o.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(n));
+ let h = await r.getElementRects({ reference: e, floating: n, strategy: i }), { x: c, y: u } = Kr(h, s, a), d = s, f = {}, p = 0;
+ for (let g = 0; g < l.length; g++) {
+ const { name: y, fn: _ } = l[g], { x: v, y: S, data: $, reset: T } = await _({ x: c, y: u, initialPlacement: s, placement: d, strategy: i, middlewareData: f, rects: h, platform: r, elements: { reference: e, floating: n } });
+ c = v ?? c, u = S ?? u, f = { ...f, [y]: { ...f[y], ...$ } }, T && p <= 50 && (p++, typeof T == "object" && (T.placement && (d = T.placement), T.rects && (h = T.rects === !0 ? await r.getElementRects({ reference: e, floating: n, strategy: i }) : T.rects), { x: c, y: u } = Kr(h, d, a)), g = -1);
+ }
+ return { x: c, y: u, placement: d, strategy: i, middlewareData: f };
+};
+function zc(e) {
+ return typeof e != "number" ? function(n) {
+ return { top: 0, right: 0, bottom: 0, left: 0, ...n };
+ }(e) : { top: e, right: e, bottom: e, left: e };
+}
+function Fs(e) {
+ return { ...e, top: e.y, left: e.x, right: e.x + e.width, bottom: e.y + e.height };
+}
+async function ff(e, n) {
+ var t;
+ n === void 0 && (n = {});
+ const { x: s, y: i, platform: o, rects: r, elements: l, strategy: a } = e, { boundary: h = "clippingAncestors", rootBoundary: c = "viewport", elementContext: u = "floating", altBoundary: d = !1, padding: f = 0 } = n, p = zc(f), g = l[d ? u === "floating" ? "reference" : "floating" : u], y = Fs(await o.getClippingRect({ element: (t = await (o.isElement == null ? void 0 : o.isElement(g))) == null || t ? g : g.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)), boundary: h, rootBoundary: c, strategy: a })), _ = u === "floating" ? { ...r.floating, x: s, y: i } : r.reference, v = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), S = await (o.isElement == null ? void 0 : o.isElement(v)) && await (o.getScale == null ? void 0 : o.getScale(v)) || { x: 1, y: 1 }, $ = Fs(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({ rect: _, offsetParent: v, strategy: a }) : _);
+ return { top: (y.top - $.top + p.top) / S.y, bottom: ($.bottom - y.bottom + p.bottom) / S.y, left: (y.left - $.left + p.left) / S.x, right: ($.right - y.right + p.right) / S.x };
+}
+const df = Math.min, pf = Math.max;
+function mf(e, n, t) {
+ return pf(e, df(n, t));
+}
+const gf = (e) => ({ name: "arrow", options: e, async fn(n) {
+ const { element: t, padding: s = 0 } = e || {}, { x: i, y: o, placement: r, rects: l, platform: a } = n;
+ if (t == null)
+ return {};
+ const h = zc(s), c = { x: i, y: o }, u = Gi(r), d = Go(u), f = await a.getDimensions(t), p = u === "y" ? "top" : "left", g = u === "y" ? "bottom" : "right", y = l.reference[d] + l.reference[u] - c[u] - l.floating[d], _ = c[u] - l.reference[u], v = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(t));
+ let S = v ? u === "y" ? v.clientHeight || 0 : v.clientWidth || 0 : 0;
+ S === 0 && (S = l.floating[d]);
+ const $ = y / 2 - _ / 2, T = h[p], D = S - f[d] - h[g], L = S / 2 - f[d] / 2 + $, O = mf(T, L, D), k = fs(r) != null && L != O && l.reference[d] / 2 - (L < T ? h[p] : h[g]) - f[d] / 2 < 0;
+ return { [u]: c[u] - (k ? L < T ? T - L : D - L : 0), data: { [u]: O, centerOffset: L - O } };
+} }), yf = ["top", "right", "bottom", "left"];
+yf.reduce((e, n) => e.concat(n, n + "-start", n + "-end"), []);
+const _f = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function Bs(e) {
+ return e.replace(/left|right|bottom|top/g, (n) => _f[n]);
+}
+function bf(e, n, t) {
+ t === void 0 && (t = !1);
+ const s = fs(e), i = Gi(e), o = Go(i);
+ let r = i === "x" ? s === (t ? "end" : "start") ? "right" : "left" : s === "start" ? "bottom" : "top";
+ return n.reference[o] > n.floating[o] && (r = Bs(r)), { main: r, cross: Bs(r) };
+}
+const wf = { start: "end", end: "start" };
+function io(e) {
+ return e.replace(/start|end/g, (n) => wf[n]);
+}
+const vf = function(e) {
+ return e === void 0 && (e = {}), { name: "flip", options: e, async fn(n) {
+ var t;
+ const { placement: s, middlewareData: i, rects: o, initialPlacement: r, platform: l, elements: a } = n, { mainAxis: h = !0, crossAxis: c = !0, fallbackPlacements: u, fallbackStrategy: d = "bestFit", fallbackAxisSideDirection: f = "none", flipAlignment: p = !0, ...g } = e, y = Oe(s), _ = Oe(r) === r, v = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), S = u || (_ || !p ? [Bs(r)] : function(j) {
+ const P = Bs(j);
+ return [io(j), P, io(P)];
+ }(r));
+ u || f === "none" || S.push(...function(j, P, V, F) {
+ const G = fs(j);
+ let I = function(K, bt, de) {
+ const pe = ["left", "right"], me = ["right", "left"], Lt = ["top", "bottom"], Ne = ["bottom", "top"];
+ switch (K) {
+ case "top":
+ case "bottom":
+ return de ? bt ? me : pe : bt ? pe : me;
+ case "left":
+ case "right":
+ return bt ? Lt : Ne;
+ default:
+ return [];
+ }
+ }(Oe(j), V === "start", F);
+ return G && (I = I.map((K) => K + "-" + G), P && (I = I.concat(I.map(io)))), I;
+ }(r, p, f, v));
+ const $ = [r, ...S], T = await ff(n, g), D = [];
+ let L = ((t = i.flip) == null ? void 0 : t.overflows) || [];
+ if (h && D.push(T[y]), c) {
+ const { main: j, cross: P } = bf(s, o, v);
+ D.push(T[j], T[P]);
+ }
+ if (L = [...L, { placement: s, overflows: D }], !D.every((j) => j <= 0)) {
+ var O;
+ const j = (((O = i.flip) == null ? void 0 : O.index) || 0) + 1, P = $[j];
+ if (P)
+ return { data: { index: j, overflows: L }, reset: { placement: P } };
+ let V = "bottom";
+ switch (d) {
+ case "bestFit": {
+ var k;
+ const F = (k = L.map((G) => [G, G.overflows.filter((I) => I > 0).reduce((I, K) => I + K, 0)]).sort((G, I) => G[1] - I[1])[0]) == null ? void 0 : k[0].placement;
+ F && (V = F);
+ break;
+ }
+ case "initialPlacement":
+ V = r;
+ }
+ if (s !== V)
+ return { reset: { placement: V } };
+ }
+ return {};
+ } };
+}, xf = function(e) {
+ return e === void 0 && (e = 0), { name: "offset", options: e, async fn(n) {
+ const { x: t, y: s } = n, i = await async function(o, r) {
+ const { placement: l, platform: a, elements: h } = o, c = await (a.isRTL == null ? void 0 : a.isRTL(h.floating)), u = Oe(l), d = fs(l), f = Gi(l) === "x", p = ["left", "top"].includes(u) ? -1 : 1, g = c && f ? -1 : 1, y = typeof r == "function" ? r(o) : r;
+ let { mainAxis: _, crossAxis: v, alignmentAxis: S } = typeof y == "number" ? { mainAxis: y, crossAxis: 0, alignmentAxis: null } : { mainAxis: 0, crossAxis: 0, alignmentAxis: null, ...y };
+ return d && typeof S == "number" && (v = d === "end" ? -1 * S : S), f ? { x: v * g, y: _ * p } : { x: _ * p, y: v * g };
+ }(n, e);
+ return { x: t + i.x, y: s + i.y, data: i };
+ } };
+};
+function pt(e) {
+ var n;
+ return ((n = e.ownerDocument) == null ? void 0 : n.defaultView) || window;
+}
+function Rt(e) {
+ return pt(e).getComputedStyle(e);
+}
+function ue(e) {
+ return Vc(e) ? (e.nodeName || "").toLowerCase() : "";
+}
+let _s;
+function Uc() {
+ if (_s)
+ return _s;
+ const e = navigator.userAgentData;
+ return e && Array.isArray(e.brands) ? (_s = e.brands.map((n) => n.brand + "/" + n.version).join(" "), _s) : navigator.userAgent;
+}
+function Gt(e) {
+ return e instanceof pt(e).HTMLElement;
+}
+function _t(e) {
+ return e instanceof pt(e).Element;
+}
+function Vc(e) {
+ return e instanceof pt(e).Node;
+}
+function Yr(e) {
+ return typeof ShadowRoot > "u" ? !1 : e instanceof pt(e).ShadowRoot || e instanceof ShadowRoot;
+}
+function Ki(e) {
+ const { overflow: n, overflowX: t, overflowY: s, display: i } = Rt(e);
+ return /auto|scroll|overlay|hidden|clip/.test(n + s + t) && !["inline", "contents"].includes(i);
+}
+function Sf(e) {
+ return ["table", "td", "th"].includes(ue(e));
+}
+function Co(e) {
+ const n = /firefox/i.test(Uc()), t = Rt(e), s = t.backdropFilter || t.WebkitBackdropFilter;
+ return t.transform !== "none" || t.perspective !== "none" || !!s && s !== "none" || n && t.willChange === "filter" || n && !!t.filter && t.filter !== "none" || ["transform", "perspective"].some((i) => t.willChange.includes(i)) || ["paint", "layout", "strict", "content"].some((i) => {
+ const o = t.contain;
+ return o != null && o.includes(i);
+ });
+}
+function qc() {
+ return !/^((?!chrome|android).)*safari/i.test(Uc());
+}
+function Ko(e) {
+ return ["html", "body", "#document"].includes(ue(e));
+}
+const Xr = Math.min, $n = Math.max, zs = Math.round;
+function Gc(e) {
+ const n = Rt(e);
+ let t = parseFloat(n.width), s = parseFloat(n.height);
+ const i = e.offsetWidth, o = e.offsetHeight, r = zs(t) !== i || zs(s) !== o;
+ return r && (t = i, s = o), { width: t, height: s, fallback: r };
+}
+function Kc(e) {
+ return _t(e) ? e : e.contextElement;
+}
+const Yc = { x: 1, y: 1 };
+function Pe(e) {
+ const n = Kc(e);
+ if (!Gt(n))
+ return Yc;
+ const t = n.getBoundingClientRect(), { width: s, height: i, fallback: o } = Gc(n);
+ let r = (o ? zs(t.width) : t.width) / s, l = (o ? zs(t.height) : t.height) / i;
+ return r && Number.isFinite(r) || (r = 1), l && Number.isFinite(l) || (l = 1), { x: r, y: l };
+}
+function ke(e, n, t, s) {
+ var i, o;
+ n === void 0 && (n = !1), t === void 0 && (t = !1);
+ const r = e.getBoundingClientRect(), l = Kc(e);
+ let a = Yc;
+ n && (s ? _t(s) && (a = Pe(s)) : a = Pe(e));
+ const h = l ? pt(l) : window, c = !qc() && t;
+ let u = (r.left + (c && ((i = h.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / a.x, d = (r.top + (c && ((o = h.visualViewport) == null ? void 0 : o.offsetTop) || 0)) / a.y, f = r.width / a.x, p = r.height / a.y;
+ if (l) {
+ const g = pt(l), y = s && _t(s) ? pt(s) : s;
+ let _ = g.frameElement;
+ for (; _ && s && y !== g; ) {
+ const v = Pe(_), S = _.getBoundingClientRect(), $ = getComputedStyle(_);
+ S.x += (_.clientLeft + parseFloat($.paddingLeft)) * v.x, S.y += (_.clientTop + parseFloat($.paddingTop)) * v.y, u *= v.x, d *= v.y, f *= v.x, p *= v.y, u += S.x, d += S.y, _ = pt(_).frameElement;
+ }
+ }
+ return { width: f, height: p, top: d, right: u + f, bottom: d + p, left: u, x: u, y: d };
+}
+function le(e) {
+ return ((Vc(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+}
+function Yi(e) {
+ return _t(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
+}
+function Xc(e) {
+ return ke(le(e)).left + Yi(e).scrollLeft;
+}
+function Ef(e, n, t) {
+ const s = Gt(n), i = le(n), o = ke(e, !0, t === "fixed", n);
+ let r = { scrollLeft: 0, scrollTop: 0 };
+ const l = { x: 0, y: 0 };
+ if (s || !s && t !== "fixed")
+ if ((ue(n) !== "body" || Ki(i)) && (r = Yi(n)), Gt(n)) {
+ const a = ke(n, !0);
+ l.x = a.x + n.clientLeft, l.y = a.y + n.clientTop;
+ } else
+ i && (l.x = Xc(i));
+ return { x: o.left + r.scrollLeft - l.x, y: o.top + r.scrollTop - l.y, width: o.width, height: o.height };
+}
+function On(e) {
+ if (ue(e) === "html")
+ return e;
+ const n = e.assignedSlot || e.parentNode || (Yr(e) ? e.host : null) || le(e);
+ return Yr(n) ? n.host : n;
+}
+function Jr(e) {
+ return Gt(e) && Rt(e).position !== "fixed" ? e.offsetParent : null;
+}
+function Qr(e) {
+ const n = pt(e);
+ let t = Jr(e);
+ for (; t && Sf(t) && Rt(t).position === "static"; )
+ t = Jr(t);
+ return t && (ue(t) === "html" || ue(t) === "body" && Rt(t).position === "static" && !Co(t)) ? n : t || function(s) {
+ let i = On(s);
+ for (; Gt(i) && !Ko(i); ) {
+ if (Co(i))
+ return i;
+ i = On(i);
+ }
+ return null;
+ }(e) || n;
+}
+function Jc(e) {
+ const n = On(e);
+ return Ko(n) ? e.ownerDocument.body : Gt(n) && Ki(n) ? n : Jc(n);
+}
+function Rn(e, n) {
+ var t;
+ n === void 0 && (n = []);
+ const s = Jc(e), i = s === ((t = e.ownerDocument) == null ? void 0 : t.body), o = pt(s);
+ return i ? n.concat(o, o.visualViewport || [], Ki(s) ? s : []) : n.concat(s, Rn(s));
+}
+function Zr(e, n, t) {
+ return n === "viewport" ? Fs(function(s, i) {
+ const o = pt(s), r = le(s), l = o.visualViewport;
+ let a = r.clientWidth, h = r.clientHeight, c = 0, u = 0;
+ if (l) {
+ a = l.width, h = l.height;
+ const d = qc();
+ (d || !d && i === "fixed") && (c = l.offsetLeft, u = l.offsetTop);
+ }
+ return { width: a, height: h, x: c, y: u };
+ }(e, t)) : _t(n) ? function(s, i) {
+ const o = ke(s, !0, i === "fixed"), r = o.top + s.clientTop, l = o.left + s.clientLeft, a = Gt(s) ? Pe(s) : { x: 1, y: 1 }, h = s.clientWidth * a.x, c = s.clientHeight * a.y, u = l * a.x, d = r * a.y;
+ return { top: d, left: u, right: u + h, bottom: d + c, x: u, y: d, width: h, height: c };
+ }(n, t) : Fs(function(s) {
+ var i;
+ const o = le(s), r = Yi(s), l = (i = s.ownerDocument) == null ? void 0 : i.body, a = $n(o.scrollWidth, o.clientWidth, l ? l.scrollWidth : 0, l ? l.clientWidth : 0), h = $n(o.scrollHeight, o.clientHeight, l ? l.scrollHeight : 0, l ? l.clientHeight : 0);
+ let c = -r.scrollLeft + Xc(s);
+ const u = -r.scrollTop;
+ return Rt(l || o).direction === "rtl" && (c += $n(o.clientWidth, l ? l.clientWidth : 0) - a), { width: a, height: h, x: c, y: u };
+ }(le(e)));
+}
+const Cf = { getClippingRect: function(e) {
+ let { element: n, boundary: t, rootBoundary: s, strategy: i } = e;
+ const o = t === "clippingAncestors" ? function(h, c) {
+ const u = c.get(h);
+ if (u)
+ return u;
+ let d = Rn(h).filter((y) => _t(y) && ue(y) !== "body"), f = null;
+ const p = Rt(h).position === "fixed";
+ let g = p ? On(h) : h;
+ for (; _t(g) && !Ko(g); ) {
+ const y = Rt(g), _ = Co(g);
+ (p ? _ || f : _ || y.position !== "static" || !f || !["absolute", "fixed"].includes(f.position)) ? f = y : d = d.filter((v) => v !== g), g = On(g);
+ }
+ return c.set(h, d), d;
+ }(n, this._c) : [].concat(t), r = [...o, s], l = r[0], a = r.reduce((h, c) => {
+ const u = Zr(n, c, i);
+ return h.top = $n(u.top, h.top), h.right = Xr(u.right, h.right), h.bottom = Xr(u.bottom, h.bottom), h.left = $n(u.left, h.left), h;
+ }, Zr(n, l, i));
+ return { width: a.right - a.left, height: a.bottom - a.top, x: a.left, y: a.top };
+}, convertOffsetParentRelativeRectToViewportRelativeRect: function(e) {
+ let { rect: n, offsetParent: t, strategy: s } = e;
+ const i = Gt(t), o = le(t);
+ if (t === o)
+ return n;
+ let r = { scrollLeft: 0, scrollTop: 0 }, l = { x: 1, y: 1 };
+ const a = { x: 0, y: 0 };
+ if ((i || !i && s !== "fixed") && ((ue(t) !== "body" || Ki(o)) && (r = Yi(t)), Gt(t))) {
+ const h = ke(t);
+ l = Pe(t), a.x = h.x + t.clientLeft, a.y = h.y + t.clientTop;
+ }
+ return { width: n.width * l.x, height: n.height * l.y, x: n.x * l.x - r.scrollLeft * l.x + a.x, y: n.y * l.y - r.scrollTop * l.y + a.y };
+}, isElement: _t, getDimensions: function(e) {
+ return Gc(e);
+}, getOffsetParent: Qr, getDocumentElement: le, getScale: Pe, async getElementRects(e) {
+ let { reference: n, floating: t, strategy: s } = e;
+ const i = this.getOffsetParent || Qr, o = this.getDimensions;
+ return { reference: Ef(n, await i(t), s), floating: { x: 0, y: 0, ...await o(t) } };
+}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => Rt(e).direction === "rtl" };
+function $f(e, n, t, s) {
+ s === void 0 && (s = {});
+ const { ancestorScroll: i = !0, ancestorResize: o = !0, elementResize: r = !0, animationFrame: l = !1 } = s, a = i && !l, h = a || o ? [..._t(e) ? Rn(e) : e.contextElement ? Rn(e.contextElement) : [], ...Rn(n)] : [];
+ h.forEach((f) => {
+ a && f.addEventListener("scroll", t, { passive: !0 }), o && f.addEventListener("resize", t);
+ });
+ let c, u = null;
+ if (r) {
+ let f = !0;
+ u = new ResizeObserver(() => {
+ f || t(), f = !1;
+ }), _t(e) && !l && u.observe(e), _t(e) || !e.contextElement || l || u.observe(e.contextElement), u.observe(n);
+ }
+ let d = l ? ke(e) : null;
+ return l && function f() {
+ const p = ke(e);
+ !d || p.x === d.x && p.y === d.y && p.width === d.width && p.height === d.height || t(), d = p, c = requestAnimationFrame(f);
+ }(), t(), () => {
+ var f;
+ h.forEach((p) => {
+ a && p.removeEventListener("scroll", t), o && p.removeEventListener("resize", t);
+ }), (f = u) == null || f.disconnect(), u = null, l && cancelAnimationFrame(c);
+ };
+}
+const Rf = (e, n, t) => {
+ const s = /* @__PURE__ */ new Map(), i = { platform: Cf, ...t }, o = { ...i.platform, _c: s };
+ return hf(e, n, { ...i, platform: o });
+};
+var Je, Qe, Ze, xe, et, pi, Zn, ts, $o, mi, Qc, gi, Zc, yi, ta, _i, ea, bi, na, wi, sa, vi, ia, tn, xi, oa;
+const _e = class extends kt {
+ constructor() {
+ super(...arguments);
+ x(this, ts);
+ x(this, mi);
+ x(this, gi);
+ x(this, yi);
+ x(this, _i);
+ x(this, bi);
+ x(this, wi);
+ x(this, vi);
+ x(this, xi);
+ x(this, Je, !1);
+ x(this, Qe, void 0);
+ x(this, Ze, 0);
+ x(this, xe, void 0);
+ x(this, et, void 0);
+ x(this, pi, void 0);
+ x(this, Zn, void 0);
+ w(this, "hideLater", () => {
+ m(this, tn).call(this), R(this, Ze, window.setTimeout(this.hide.bind(this), 100));
+ });
+ x(this, tn, () => {
+ clearTimeout(m(this, Ze)), R(this, Ze, 0);
+ });
+ }
+ get isShown() {
+ var t;
+ return (t = m(this, xe)) == null ? void 0 : t.classList.contains(_e.CLASS_SHOW);
+ }
+ get tooltip() {
+ return m(this, xe) || N(this, gi, Zc).call(this);
+ }
+ get trigger() {
+ return m(this, pi) || this.element;
+ }
+ get isHover() {
+ return this.options.trigger === "hover";
+ }
+ get elementShowClass() {
+ return `with-${_e.NAME}-show`;
+ }
+ get isDynamic() {
+ return this.options.title;
+ }
+ init() {
+ const { element: t } = this;
+ t !== document.body && !t.hasAttribute("data-toggle") && t.setAttribute("data-toggle", "tooltip");
+ }
+ show(t) {
+ return this.setOptions(t), !m(this, Je) && this.isHover && N(this, xi, oa).call(this), this.options.animation && this.tooltip.classList.add("fade"), this.element.classList.add(this.elementShowClass), this.tooltip.classList.add(_e.CLASS_SHOW), N(this, wi, sa).call(this), !0;
+ }
+ hide() {
+ var t, s;
+ return (t = m(this, Zn)) == null || t.call(this), this.element.classList.remove(this.elementShowClass), (s = m(this, xe)) == null || s.classList.remove(_e.CLASS_SHOW), !0;
+ }
+ toggle(t) {
+ return this.isShown ? this.hide() : this.show(t);
+ }
+ destroy() {
+ m(this, Je) && (this.element.removeEventListener("mouseleave", this.hideLater), this.tooltip.removeEventListener("mouseenter", m(this, tn)), this.tooltip.removeEventListener("mouseleave", this.hideLater)), super.destroy();
+ }
+ static clear(t) {
+ t instanceof Event && (t = { event: t });
+ const { exclude: s } = t || {}, i = this.getAll().entries(), o = new Set(s || []);
+ for (const [r, l] of i)
+ o.has(r) || l.hide();
+ }
+};
+let ht = _e;
+Je = new WeakMap(), Qe = new WeakMap(), Ze = new WeakMap(), xe = new WeakMap(), et = new WeakMap(), pi = new WeakMap(), Zn = new WeakMap(), ts = new WeakSet(), $o = function() {
+ const { arrow: t } = this.options;
+ return typeof t == "number" ? t : 8;
+}, mi = new WeakSet(), Qc = function() {
+ const t = N(this, ts, $o).call(this);
+ return R(this, et, document.createElement("div")), m(this, et).style.position = this.options.strategy, m(this, et).style.width = `${t}px`, m(this, et).style.height = `${t}px`, m(this, et).style.transform = "rotate(45deg)", m(this, et);
+}, gi = new WeakSet(), Zc = function() {
+ var i;
+ const t = _e.TOOLTIP_CLASS;
+ let s;
+ if (this.isDynamic) {
+ s = document.createElement("div");
+ const o = this.options.className ? this.options.className.split(" ") : [];
+ let r = [t, this.options.type || ""];
+ r = r.concat(o), s.classList.add(...r), s[this.options.html ? "innerHTML" : "innerText"] = this.options.title || "";
+ } else if (this.element) {
+ const o = this.element.getAttribute("href") ?? this.element.dataset.target;
+ if (o != null && o.startsWith("#") && (s = document.querySelector(o)), !s) {
+ const r = this.element.nextElementSibling;
+ r != null && r.classList.contains(t) ? s = r : s = (i = this.element.parentNode) == null ? void 0 : i.querySelector(`.${t}`);
+ }
+ }
+ if (this.options.arrow && (s == null || s.append(N(this, mi, Qc).call(this))), !s)
+ throw new Error("Tooltip: Cannot find tooltip element");
+ return s.style.width = "max-content", s.style.position = "absolute", s.style.top = "0", s.style.left = "0", document.body.appendChild(s), R(this, xe, s), s;
+}, yi = new WeakSet(), ta = function() {
+ var r;
+ const t = N(this, ts, $o).call(this), { strategy: s, placement: i } = this.options, o = {
+ middleware: [xf(t), vf()],
+ strategy: s,
+ placement: i
+ };
+ return this.options.arrow && m(this, et) && ((r = o.middleware) == null || r.push(gf({ element: m(this, et) }))), o;
+}, _i = new WeakSet(), ea = function(t) {
+ return {
+ top: "bottom",
+ right: "left",
+ bottom: "top",
+ left: "right"
+ }[t];
+}, bi = new WeakSet(), na = function(t) {
+ return t === "bottom" ? {
+ borderBottomStyle: "none",
+ borderRightStyle: "none"
+ } : t === "top" ? {
+ borderTopStyle: "none",
+ borderLeftStyle: "none"
+ } : t === "left" ? {
+ borderBottomStyle: "none",
+ borderLeftStyle: "none"
+ } : {
+ borderTopStyle: "none",
+ borderRightStyle: "none"
+ };
+}, wi = new WeakSet(), sa = function() {
+ const t = N(this, yi, ta).call(this), s = N(this, vi, ia).call(this);
+ R(this, Zn, $f(s, this.tooltip, () => {
+ Rf(s, this.tooltip, t).then(({ x: i, y: o, middlewareData: r, placement: l }) => {
+ Object.assign(this.tooltip.style, {
+ left: `${i}px`,
+ top: `${o}px`
+ });
+ const a = l.split("-")[0], h = N(this, _i, ea).call(this, a);
+ if (r.arrow && m(this, et)) {
+ const { x: c, y: u } = r.arrow;
+ Object.assign(m(this, et).style, {
+ left: c != null ? `${c}px` : "",
+ top: u != null ? `${u}px` : "",
+ [h]: `${-m(this, et).offsetWidth / 2}px`,
+ background: "inherit",
+ border: "inherit",
+ ...N(this, bi, na).call(this, a)
+ });
+ }
+ });
+ }));
+}, vi = new WeakSet(), ia = function() {
+ return m(this, Qe) || R(this, Qe, {
+ getBoundingClientRect: () => {
+ const { element: t } = this;
+ if (t instanceof MouseEvent) {
+ const { clientX: s, clientY: i } = t;
+ return {
+ width: 0,
+ height: 0,
+ top: i,
+ right: s,
+ bottom: i,
+ left: s
+ };
+ }
+ return t instanceof HTMLElement ? t.getBoundingClientRect() : t;
+ },
+ contextElement: this.element
+ }), m(this, Qe);
+}, tn = new WeakMap(), xi = new WeakSet(), oa = function() {
+ const { tooltip: t } = this;
+ t.addEventListener("mouseenter", m(this, tn)), t.addEventListener("mouseleave", this.hideLater), this.element.addEventListener("mouseleave", this.hideLater), R(this, Je, !0);
+}, w(ht, "NAME", "tooltip"), w(ht, "TOOLTIP_CLASS", "tooltip"), w(ht, "CLASS_SHOW", "show"), w(ht, "MENU_SELECTOR", '[data-toggle="tooltip"]:not(.disabled):not(:disabled)'), w(ht, "DEFAULT", {
+ animation: !0,
+ placement: "top",
+ strategy: "absolute",
+ trigger: "hover",
+ type: "darker",
+ arrow: !0
+});
+document.addEventListener("click", function(e) {
+ var s;
+ const n = e.target, t = (s = n.closest) == null ? void 0 : s.call(n, ht.MENU_SELECTOR);
+ if (t) {
+ const i = ht.ensure(t);
+ i.options.trigger === "click" && i.toggle();
+ } else
+ ht.clear({ event: e });
+});
+document.addEventListener("mouseover", function(e) {
+ var i;
+ const n = e.target, t = (i = n.closest) == null ? void 0 : i.call(n, ht.MENU_SELECTOR);
+ if (!t)
+ return;
+ const s = ht.ensure(t);
+ s.isHover && s.show();
+});
+let kf = class extends U {
+ constructor() {
+ super(...arguments);
+ w(this, "handleItemClick", (t) => {
+ const { onClickItem: s, changeActiveKey: i } = this.props;
+ s && s(t);
+ const { item: o } = t;
+ o.items || i && i(o.key);
+ });
+ }
+ render() {
+ const { items: t, activeClass: s, activeIcon: i, activeKey: o, defaultNestedShow: r = !0, isDropdownMenu: l = !1, ...a } = this.props;
+ return /* @__PURE__ */ E(
+ oe,
+ {
+ className: l ? "dropdown-menu" : "",
+ items: t,
+ activeClass: s,
+ activeKey: o,
+ activeIcon: i,
+ onClickItem: this.handleItemClick,
+ defaultNestedShow: r,
+ ...a
+ }
+ );
+ }
+};
+class tl extends J {
+}
+w(tl, "NAME", "MenuTree"), w(tl, "Component", kf);
+var ut;
+class _n extends kt {
+ constructor() {
+ super(...arguments);
+ x(this, ut, void 0);
+ }
+ init() {
+ const { element: t } = this;
+ t !== document.body && !t.hasAttribute("data-toggle") && t.setAttribute("data-toggle", "tab");
+ }
+ showTarget() {
+ const t = this.element.getAttribute("href") || this.element.dataset.target || this.element.dataset.tab;
+ t != null && t.startsWith("#") && R(this, ut, document.querySelector(t)), this.addActive(this.element.closest(`.${this.constructor.NAV_CLASS}`), this.element.parentElement), m(this, ut) && (this.addActive(m(this, ut).parentElement, m(this, ut)), m(this, ut).dispatchEvent(new CustomEvent("show.zui3.tab")));
+ }
+ show() {
+ const t = this.element.getAttribute("href") || this.element.dataset.target || this.element.dataset.tab;
+ t != null && t.startsWith("#") && R(this, ut, document.querySelector(t)), m(this, ut) && (this.addActive(m(this, ut).parentElement, m(this, ut)), this.addActive(this.element.closest(`.${this.constructor.NAV_CLASS}`), this.element.parentElement));
+ }
+ addActive(t, s) {
+ const i = t.children;
+ Array.from(i).forEach((r) => {
+ r.classList.remove("active"), r.classList.contains("fade") && r.classList.remove("in");
+ }), s.classList.add("active"), s.classList.contains("fade") && this.transition(s).then(function() {
+ s.dispatchEvent(new CustomEvent("shown.zui3.tab"));
+ });
+ }
+ transition(t) {
+ return new Promise(function(s) {
+ setTimeout(() => {
+ t.classList.add("in"), s();
+ }, 100);
+ });
+ }
+}
+ut = new WeakMap(), w(_n, "NAME", "NavTabs"), w(_n, "NAV_CLASS", "nav-tabs"), w(_n, "EVENTS", !0), w(_n, "TOGGLE_SELECTOR", '[data-toggle="tab"]');
+document.addEventListener("click", (e) => {
+ e.target instanceof HTMLElement && (e.target.dataset.toggle === "tab" || e.target.getAttribute("data-tab")) && (e.preventDefault(), new _n(e.target).showTarget());
+});
+class Tf extends U {
+ constructor(t) {
+ super(t);
+ w(this, "handleChange", (t) => {
+ this.setState({ activeKey: t });
+ });
+ this.state = {
+ activeKey: t.activeKey ?? t.items[0].key
+ };
+ }
+ render() {
+ const { items: t, className: s, contentClass: i } = this.props, { activeKey: o } = this.state;
+ return /* @__PURE__ */ b("div", { className: M("zui-tabs", s), children: [
+ /* @__PURE__ */ b("ul", { className: "-flex -items-center", children: t.map(({ key: r, label: l, labelCount: a }) => /* @__PURE__ */ b("li", { className: M("-flex -items-center -gap-3", { active: o === r }), children: /* @__PURE__ */ b("a", { className: "-flex -h-8 -items-center -justify-center -gap-1 -px-4 -text-inherit", onClick: () => this.handleChange(r), children: [
+ /* @__PURE__ */ b("span", { className: M({ "text-primary": o === r }), children: l }),
+ o === r ? /* @__PURE__ */ b("span", { className: "label circle gray", children: a }) : null
+ ] }) }, r)) }),
+ t.map((r) => {
+ const { key: l, content: a, isElm: h } = r;
+ return h ? /* @__PURE__ */ b(
+ "div",
+ {
+ dangerouslySetInnerHTML: { __html: a },
+ className: M("-px-3", "-py-2", { "-hidden": o !== l })
+ },
+ l
+ ) : /* @__PURE__ */ b("div", { className: M(i, { "-hidden": o !== l }), children: a }, l);
+ })
+ ] });
+ }
+}
+class Af extends U {
+ constructor(t) {
+ super(t);
+ w(this, "handleChange", (t) => {
+ const s = t.target.value;
+ this.setState({ value: s });
+ const { onChange: i } = this.props;
+ i && i(s);
+ });
+ w(this, "handleClear", () => {
+ this.setState({ value: "" });
+ const { onChange: t } = this.props;
+ t && t("");
+ });
+ this.state = {
+ value: t.defaultValue ?? ""
+ };
+ }
+ render() {
+ const { type: t = "text", icon: s } = this.props, { value: i } = this.state, o = s ? /* @__PURE__ */ b("label", { className: "input-control-prefix", children: /* @__PURE__ */ b("i", { className: `icon icon-${s}` }) }) : null;
+ return /* @__PURE__ */ b("div", { className: "zui-input input-control has-prefix-icon", children: [
+ o,
+ /* @__PURE__ */ b("input", { className: "form-control", type: t, value: i, onChange: this.handleChange }),
+ /* @__PURE__ */ b("span", { className: M("-absolute -w-8 -h-8 -right-0 -top-0 -flex -justify-center -items-center -cursor-pointer", { "-hidden": !i }), onClick: this.handleClear, children: /* @__PURE__ */ b("i", { className: "icon icon-close" }) })
+ ] });
+ }
+}
+var ho;
+let Nf = (ho = class extends U {
+ constructor(t) {
+ super(t);
+ w(this, "handleChange", (t) => {
+ const { collapse: s } = this.state;
+ this.setState({
+ searchValue: t,
+ collapse: !!t || s
+ });
+ });
+ w(this, "acount", (t) => {
+ let s = 0;
+ return t.forEach((i) => {
+ var o;
+ s += ((o = i.items) == null ? void 0 : o.length) || 0;
+ }), s;
+ });
+ w(this, "filter", (t) => {
+ const s = [], { searchValue: i } = this.state;
+ return t.forEach((o) => {
+ const r = o.items.filter((l) => l.text.includes(i));
+ r.length > 0 && s.push({ ...o, items: r });
+ }), s;
+ });
+ this.state = {
+ collapse: !0,
+ searchValue: ""
+ };
+ }
+ render() {
+ const { involved: t, others: s, finished: i, involvedText: o, othersText: r, finishedBtnText: l, finishedText: a } = this.props, { collapse: h, searchValue: c } = this.state;
+ return /* @__PURE__ */ E("div", { className: "quick-menu", style: { width: h ? 250 : 500 } }, /* @__PURE__ */ E("div", { className: "-p-2" }, /* @__PURE__ */ E(Af, { onChange: this.handleChange, icon: "search" })), /* @__PURE__ */ E("main", { className: "-flex" }, /* @__PURE__ */ E("div", { className: "-flex -max-h-[350px] -flex-col -pl-2 -py-2", style: { flexBasis: h ? "100%" : "50%" } }, /* @__PURE__ */ E(
+ Tf,
+ {
+ className: "-flex -flex-col -max-h-full -overflow-hidden -grow",
+ contentClass: "-grow -overflow-y-scroll",
+ activeKey: 1,
+ items: [
+ {
+ key: 1,
+ label: o,
+ labelCount: this.acount(t),
+ content: /* @__PURE__ */ E(oe, { defaultNestedShow: !0, items: c ? this.filter(t) : t })
+ },
+ {
+ key: 2,
+ label: r,
+ labelCount: this.acount(s),
+ content: /* @__PURE__ */ E(oe, { defaultNestedShow: !0, items: c ? this.filter(s) : s })
+ }
+ ]
+ }
+ ), /* @__PURE__ */ E(
+ "div",
+ {
+ onClick: () => this.setState({ collapse: !h }),
+ className: `-py-2 -pr-2 -flex -justify-end -items-center -cursor-pointer ${c ? "-hidden" : ""}`
+ },
+ /* @__PURE__ */ E("span", null, l),
+ /* @__PURE__ */ E("i", { className: `icon ${h ? "icon-angle-right" : "icon-angle-left"}` })
+ )), h || c ? null : /* @__PURE__ */ E("div", { className: "-basis-1/2 -max-h-[350px] -overflow-y-auto -border-l-[1px] -border-solid -border-slate-200" }, /* @__PURE__ */ E(oe, { defaultNestedShow: !0, items: i }))), c ? /* @__PURE__ */ E("div", { className: "-max-h-[350px] -overflow-y-auto" }, /* @__PURE__ */ E("span", { className: "label gray size-lg -ml-2" }, a), /* @__PURE__ */ E(oe, { defaultNestedShow: !0, items: this.filter(i) })) : null);
+ }
+}, w(ho, "NAME", "zui.searchForm"), ho);
+class el extends J {
+}
+w(el, "NAME", "QuickMenu"), w(el, "Component", Nf);
+const Lf = ({
+ formConfig: e,
+ className: n,
+ fields: t,
+ operators: s,
+ savedQuery: i,
+ andOr: o,
+ formSession: r,
+ searchBtnText: l,
+ resetBtnText: a,
+ saveSearch: h,
+ savedQueryTitle: c,
+ onApplyQuery: u,
+ onDeleteQuery: d,
+ groupName: f,
+ handleSelect: p,
+ toggleMore: g,
+ toggleHistory: y,
+ resetForm: _,
+ submitForm: v,
+ actionURL: S,
+ module: $,
+ groupItems: T
+}) => {
+ const L = [n, ...["search-form"]], O = [1, 2, 3], k = r ? r.groupAndOr : "", j = (P) => {
+ const V = r ? r[`andOr${P}`] : "";
+ return /* @__PURE__ */ E("div", { class: [1, 4].includes(P) ? "search-group" : "search-group hidden", "data-id": P }, /* @__PURE__ */ E("div", { class: "group-name" }, [1, 4].includes(P) ? P === 1 ? f[0] : f[1] : /* @__PURE__ */ E("select", { class: "form-control", id: `andOr${P}`, name: `andOr${P}` }, o.map((F) => /* @__PURE__ */ E("option", { value: F.value, selected: V === F.value, title: F.value }, F.title)))), /* @__PURE__ */ E("div", { class: "group-select" }, /* @__PURE__ */ E("select", { class: "form-control field-select", id: `field${P}`, name: `field${P}`, onChange: p.bind(void 0) }, " ", t == null ? void 0 : t.map((F) => /* @__PURE__ */ E("option", { value: F.name, selected: !1, title: F.name, control: F.control }, F.label)))), /* @__PURE__ */ E("div", { class: "group-select" }, /* @__PURE__ */ E("select", { class: "form-control search-method", id: `operator${P}`, name: `operator${P}` }, s.map((F) => /* @__PURE__ */ E("option", { key: F.value, value: F.value, title: F.value }, F.title)))), /* @__PURE__ */ E("div", { class: "group-value" }, /* @__PURE__ */ E("input", { type: "text", class: "form-control value-input", value: t[P - 1].defaultValue, placeholder: t[P - 1].placeholder }), /* @__PURE__ */ E("select", { class: "form-control value-select hidden" }), /* @__PURE__ */ E("input", { type: "datetime-local", class: "form-control value-date hidden" })));
+ };
+ return /* @__PURE__ */ E(
+ "form",
+ {
+ id: "searchForm",
+ className: M(L),
+ ...e
+ },
+ /* @__PURE__ */ E("div", { class: "search-form-content" }, /* @__PURE__ */ E("div", { class: "search-form-items" }, /* @__PURE__ */ E("div", { class: "search-col" }, O.map((P) => j(P))), /* @__PURE__ */ E("div", { class: "search-col" }, /* @__PURE__ */ E("select", { class: "form-control", id: "groupAndOr", name: "groupAndOr" }, o.map((P) => /* @__PURE__ */ E("option", { value: P.value, selected: k === P.value, title: P.value }, P.title)))), /* @__PURE__ */ E("div", { class: "search-col" }, O.map((P) => j(P + 3)))), /* @__PURE__ */ E("div", { class: "search-form-footer" }, /* @__PURE__ */ E("div", { class: "inline-block flex items-center justify-center" }, /* @__PURE__ */ E("button", { class: "btn primary btn-submit-form", type: "button", onClick: v }, l || "搜索"), /* @__PURE__ */ E("button", { class: "btn btn-reset-form", type: "button", onClick: _ }, a || "重置")), /* @__PURE__ */ E("div", { class: "save-bar" }, (h == null ? void 0 : h.hasPriv) && /* @__PURE__ */ E("a", { class: "btn save-query", ...h.config }, /* @__PURE__ */ E("i", { class: "icon icon-save" }), h.text || "保存搜索条件"), /* @__PURE__ */ E("a", { class: "btn toggle-more", onClick: g }, /* @__PURE__ */ E("i", { class: "icon icon-chevron-double-down" }))))),
+ /* @__PURE__ */ E("div", null, /* @__PURE__ */ E("button", { class: "btn search-toggle-btn", type: "button", onClick: y }, /* @__PURE__ */ E("i", { class: "icon icon-angle-left" }))),
+ /* @__PURE__ */ E("div", { class: "history-record hidden" }, /* @__PURE__ */ E("p", null, c), /* @__PURE__ */ E("div", { class: "labels" }, (i == null ? void 0 : i.length) && i.map((P) => {
+ if (P)
+ return /* @__PURE__ */ E("div", { class: "label-btn", "data-id": P.id }, /* @__PURE__ */ E("span", { class: "label lighter-pale bd-lighter", onClick: (V) => u(V, Number(P.id)) }, P.title, " ", P.hasPriv ? /* @__PURE__ */ E("i", { onClick: (V) => d(V, Number(P.id)), class: "icon icon-close" }) : ""));
+ }))),
+ S ? /* @__PURE__ */ E("input", { type: "hidden", name: "actionURL", value: S }) : "",
+ $ ? /* @__PURE__ */ E("input", { type: "hidden", name: "module", value: $ }) : "",
+ T ? /* @__PURE__ */ E("input", { type: "hidden", name: "groupItems", value: T }) : ""
+ );
+};
+var zt;
+let Mf = (zt = class extends U {
+ componentDidMount() {
+ this.initForm();
+ }
+ initForm() {
+ const { formSession: n } = this.props;
+ this.base.querySelectorAll(".search-form-content .search-group").forEach((s, i) => {
+ let o = {};
+ const r = s.querySelector(".field-select");
+ r && (r.value = (n ? n[r.id] : null) || this.props.fields[i].name, this.props.fields.forEach((a) => {
+ a.name == r.value && (o = JSON.parse(JSON.stringify(a)));
+ })), o.defaultValue = n ? n["value" + (i + 1)] : "";
+ const l = s.querySelector(".search-method");
+ l && (l.value = (n ? n[l.id] : null) || this.props.fields[i].operator || ""), this.toggleElement(s, o);
+ });
+ }
+ toggleAttr(n, t) {
+ if (!n.classList.contains("hidden")) {
+ n.setAttribute("name", t), n.setAttribute("id", t);
+ return;
+ }
+ n.removeAttribute("name"), n.removeAttribute("id");
+ }
+ toggleElement(n, t) {
+ const s = n.querySelector(".value-select"), i = n.querySelector(".value-input"), o = n.querySelector(".value-date"), r = n.querySelector(".search-method");
+ if (t.operator, t.control === "select" && (s.innerHTML = "", t.values)) {
+ for (const c in t.values) {
+ const u = document.createElement("option");
+ u.value = c, u.setAttribute("value", c), u.innerHTML = t.values[c], s.appendChild(u);
+ }
+ s.value = t.defaultValue || "";
+ }
+ s.classList.toggle("hidden", t.control !== "select"), i.classList.toggle("hidden", t.control !== "input"), o == null || o.classList.toggle("hidden", t.control !== "date"), i.classList.contains("hidden") || (i.value = t.defaultValue || "", i.placeholder = t.placeholder || ""), o && !o.classList.contains("hidden") && (o.value = t.defaultValue || "");
+ const l = n.dataset.id, a = n.querySelector(".group-value");
+ if (!a)
+ return;
+ a.childNodes.forEach((c) => {
+ this.toggleAttr(c, `value${l}`);
+ });
+ }
+ handleSelect(n) {
+ if (!n || !n.target)
+ return;
+ const t = n.target, i = this.props.fields.filter((r) => r.name === t.value)[0], o = t.closest(".search-group");
+ this.toggleElement(o, i);
+ }
+ toggleElementDisplay(n, t, s, i) {
+ const o = t.classList.contains("hidden"), r = n.querySelector(".icon");
+ r == null || r.classList.toggle(s, o), r == null || r.classList.toggle(i, !o);
+ }
+ toggleMore(n) {
+ if (!(n != null && n.target))
+ return;
+ const t = n.target, i = t.closest(".search-form-content").querySelectorAll(".search-col .search-group + .search-group");
+ i.forEach((o) => {
+ o.classList.toggle("hidden", !o.classList.contains("hidden"));
+ }), this.toggleElementDisplay(t, i[0], "icon-chevron-double-down", "icon-chevron-double-up");
+ }
+ toggleHistory(n) {
+ var i;
+ if (!(n != null && n.target))
+ return;
+ const t = n.target, s = (i = t.closest(zt.FORM_ID)) == null ? void 0 : i.querySelector(".history-record");
+ s && (this.toggleElementDisplay(t, s, "icon-angle-right", "icon-angle-left"), s.classList.toggle("hidden", !s.classList.contains("hidden")));
+ }
+ resetForm(n) {
+ if (!(n != null && n.target))
+ return;
+ const s = n.target.closest(zt.FORM_ID);
+ if (!s)
+ return;
+ s.querySelectorAll('.group-value [id^="value"]:not(.hidden), #searchForm .group-value [id*=" value"]:not(.hidden)').forEach((o) => {
+ o.value = "";
+ });
+ }
+ submitForm(n) {
+ if (!(n != null && n.target))
+ return;
+ const s = n.target.closest(zt.FORM_ID);
+ s && s.submit();
+ }
+ onDeleteQuery(n, t) {
+ !n || !n.target || t && n.stopPropagation();
+ }
+ onApplyQuery(n, t) {
+ if (!n || !n.target || !t)
+ return;
+ const { applyQueryURL: s } = this.props;
+ s && (location.href = s.replace("myQueryID", t.toString()));
+ }
+ render() {
+ const { submitForm: n, onApplyQuery: t, onDeleteQuery: s } = this.props;
+ return /* @__PURE__ */ E(
+ Lf,
+ {
+ ...this.props,
+ handleSelect: this.handleSelect.bind(this),
+ toggleMore: this.toggleMore.bind(this),
+ toggleHistory: this.toggleHistory.bind(this),
+ resetForm: this.resetForm.bind(this),
+ submitForm: n ? n.bind(this) : this.submitForm.bind(this),
+ onDeleteQuery: s ? s.bind(this) : this.onDeleteQuery.bind(this),
+ onApplyQuery: t ? t.bind(this) : this.onApplyQuery.bind(this)
+ }
+ );
+ }
+}, w(zt, "NAME", "zui.searchForm"), w(zt, "FORM_ID", "#searchForm"), zt);
+class nl extends J {
+}
+w(nl, "NAME", "searchForm"), w(nl, "Component", Mf);
+var Si, ra, Ei, la, Ci, ca;
+class Of extends kt {
+ constructor() {
+ super(...arguments);
+ x(this, Si);
+ x(this, Ei);
+ x(this, Ci);
+ }
+ init() {
+ A(this.element).on("submit", this.onSubmit.bind(this)).on("input mousedown change", this.onInput.bind(this));
+ }
+ enable(t = !0) {
+ A(this.element).toggleClass("loading", !t);
+ }
+ disable() {
+ this.enable(!1);
+ }
+ onInput(t) {
+ const s = A(t.target).closest(".has-error");
+ s.length && (s.removeClass("has-error"), s.closest(".form-group").find(`#${s.attr("id")}Tip`).remove());
+ }
+ onSubmit(t) {
+ var o;
+ t.preventDefault();
+ const { element: s } = this, i = A.extend({}, this.options);
+ this.emit("before", { event: t, element: s, options: i }, !1), ((o = i.beforeSubmit) == null ? void 0 : o.call(i, t, s, i)) !== !1 && (this.disable(), N(this, Si, ra).call(this, new FormData(s)).finally(() => {
+ this.enable();
+ }));
+ }
+ submit() {
+ this.element.submit();
+ }
+ reset() {
+ this.element.reset();
+ }
+}
+Si = new WeakSet(), ra = async function(t) {
+ var h, c;
+ const { element: s, options: i } = this, { beforeSend: o } = i;
+ if (o) {
+ const u = o(t);
+ u instanceof FormData && (t = u);
+ }
+ this.emit("send", { formData: t }, !1);
+ let r, l, a;
+ try {
+ const u = await fetch(i.url || s.action, {
+ method: s.method || "POST",
+ body: t,
+ credentials: "same-origin",
+ headers: {
+ "X-Requested-With": "XMLHttpRequest"
+ }
+ });
+ l = await u.text(), u.ok ? (a = JSON.parse(l), (!a || typeof a != "object") && (r = new Error("Invalid json format"))) : r = new Error(u.statusText);
+ } catch (u) {
+ r = u;
+ }
+ r ? (this.emit("error", { error: r, responseText: l }, !1), (h = i.onError) == null || h.call(i, r, l)) : N(this, Ci, ca).call(this, a), this.emit("complete", { result: a, error: r }, !1), (c = i.onComplete) == null || c.call(i, a, r);
+}, Ei = new WeakSet(), la = function(t) {
+ var i;
+ let s;
+ Object.entries(t).forEach(([o, r]) => {
+ Array.isArray(r) && (r = r.join(""));
+ const l = A(this.element).find(`#${o}`);
+ if (!l.length)
+ return;
+ l.addClass("has-error");
+ const a = l.closest(".form-group");
+ if (a.length) {
+ let h = A(`#${o}Tip`);
+ h.length || (h = A(``).appendTo(a)), h.empty().text(r);
+ }
+ s || (s = l);
+ }), s && ((i = s[0]) == null || i.focus());
+}, Ci = new WeakSet(), ca = function(t) {
+ var o, r;
+ const { options: s } = this, { message: i } = t;
+ if (t.result === "success") {
+ if (this.emit("success", { result: t }, !1), ((o = s.onSuccess) == null ? void 0 : o.call(s, t)) === !1)
+ return;
+ typeof i == "string" && i.length && A(document).trigger("zui.messager.show", { content: i, type: "success" });
+ const { closeModal: l } = s;
+ l && A(document).trigger("zui.modal.hide", { target: l });
+ const a = t.callback || s.callback;
+ if (typeof a == "string") {
+ const c = a.indexOf("("), u = (c > 0 ? a.substr(0, c) : a).split(".");
+ let d = window, f = u[0];
+ u.length > 1 && (f = u[1], u[0] === "top" ? d = window.top : u[0] === "parent" && (d = window.parent));
+ const p = d == null ? void 0 : d[f];
+ if (typeof p == "function") {
+ let g = [];
+ return c > 0 && a[a.length - 1] == ")" && (g = JSON.parse("[" + a.substring(c + 1, a.length - 1) + "]")), g.push(t), p.apply(this, g);
+ }
+ } else
+ a && typeof a == "object" && (a.target ? window[a.target] : window)[a.name].apply(this, Array.isArray(a.params) ? a.params : [a.params]);
+ const h = t.locate || s.locate;
+ h && A(document).trigger("zui.locate", h);
+ } else {
+ if (this.emit("fail", { result: t }, !1), ((r = s.onFail) == null ? void 0 : r.call(s, t)) === !1)
+ return;
+ typeof i == "string" && i.length ? A(document).trigger("zui.messager.show", { content: i }) : typeof i == "object" && i && N(this, Ei, la).call(this, i);
+ }
+}, w(Of, "NAME", "ajaxform");
+var Se, Ee;
+class sl extends U {
+ constructor(t) {
+ super(t);
+ x(this, Se, 0);
+ x(this, Ee, null);
+ w(this, "_handleWheel", (t) => {
+ const { wheelContainer: s } = this.props, i = t.target;
+ if (!(!i || !s) && (typeof s == "string" && i.closest(s) || typeof s == "object")) {
+ const o = (this.props.type === "horz" ? t.deltaX : t.deltaY) * (this.props.wheelSpeed ?? 1);
+ this.scrollOffset(o) && t.preventDefault();
+ }
+ });
+ w(this, "_handleMouseMove", (t) => {
+ const { dragStart: s } = this.state;
+ s && (m(this, Se) && cancelAnimationFrame(m(this, Se)), R(this, Se, requestAnimationFrame(() => {
+ const i = this.props.type === "horz" ? t.clientX - s.x : t.clientY - s.y;
+ this.scroll(s.offset + i * this.props.scrollSize / this.props.clientSize), R(this, Se, 0);
+ })), t.preventDefault());
+ });
+ w(this, "_handleMouseUp", () => {
+ this.state.dragStart && this.setState({
+ dragStart: !1
+ });
+ });
+ w(this, "_handleMouseDown", (t) => {
+ this.state.dragStart || this.setState({ dragStart: { x: t.clientX, y: t.clientY, offset: this.scrollPos } }), t.stopPropagation();
+ });
+ w(this, "_handleClick", (t) => {
+ const s = t.currentTarget;
+ if (!s)
+ return;
+ const i = s.getBoundingClientRect(), { type: o, clientSize: r, scrollSize: l } = this.props, a = (o === "horz" ? t.clientX - i.left : t.clientY - i.top) - this.barSize / 2;
+ this.scroll(a * l / r), t.preventDefault();
+ });
+ this.state = {
+ scrollPos: this.props.defaultScrollPos ?? 0,
+ dragStart: !1
+ };
+ }
+ get scrollPos() {
+ return this.props.scrollPos ?? this.state.scrollPos;
+ }
+ get controlled() {
+ return this.props.scrollPos !== void 0;
+ }
+ get maxScrollPos() {
+ const { scrollSize: t, clientSize: s } = this.props;
+ return Math.max(0, t - s);
+ }
+ get barSize() {
+ const { clientSize: t, scrollSize: s, size: i = 12, minBarSize: o = 3 * i } = this.props;
+ return Math.max(Math.round(t * t / s), o);
+ }
+ componentDidMount() {
+ document.addEventListener("mousemove", this._handleMouseMove), document.addEventListener("mouseup", this._handleMouseUp);
+ const { wheelContainer: t } = this.props;
+ t && (R(this, Ee, typeof t == "string" ? document : t.current), m(this, Ee).addEventListener("wheel", this._handleWheel, { passive: !1 }));
+ }
+ componentWillUnmount() {
+ document.removeEventListener("mousemove", this._handleMouseMove), document.removeEventListener("mouseup", this._handleMouseUp), m(this, Ee) && m(this, Ee).removeEventListener("wheel", this._handleWheel);
+ }
+ scroll(t) {
+ return t = Math.max(0, Math.min(Math.round(t), this.maxScrollPos)), t === this.scrollPos ? !1 : (this.controlled ? this._afterScroll(t) : this.setState({
+ scrollPos: t
+ }, this._afterScroll.bind(this, t)), !0);
+ }
+ scrollOffset(t) {
+ return this.scroll(this.scrollPos + t);
+ }
+ _afterScroll(t) {
+ const { onScroll: s } = this.props;
+ s && s(t, this.props.type ?? "vert");
+ }
+ render() {
+ const {
+ clientSize: t,
+ type: s,
+ size: i = 12,
+ className: o,
+ style: r,
+ left: l,
+ top: a,
+ bottom: h,
+ right: c
+ } = this.props, { maxScrollPos: u, scrollPos: d } = this, { dragStart: f } = this.state, p = {
+ left: l,
+ top: a,
+ bottom: h,
+ right: c,
+ ...r
+ }, g = {};
+ return s === "horz" ? (p.height = i, p.width = t, g.width = this.barSize, g.left = Math.round(Math.min(u, d) * (t - g.width) / u)) : (p.width = i, p.height = t, g.height = this.barSize, g.top = Math.round(Math.min(u, d) * (t - g.height) / u)), /* @__PURE__ */ b(
+ "div",
+ {
+ className: M("scrollbar", o, {
+ "is-vert": s === "vert",
+ "is-horz": s === "horz",
+ "is-dragging": f
+ }),
+ style: p,
+ onMouseDown: this._handleClick,
+ children: /* @__PURE__ */ b(
+ "div",
+ {
+ className: "scrollbar-bar",
+ style: g,
+ onMouseDown: this._handleMouseDown
+ }
+ )
+ }
+ );
+ }
+}
+Se = new WeakMap(), Ee = new WeakMap();
+function il(e, n, t) {
+ return e && (n && (e = Math.max(n, e)), t && (e = Math.min(t, e))), e;
+}
+function aa({ col: e, className: n, height: t, row: s, onRenderCell: i, style: o, outerStyle: r, children: l, outerClass: a, ...h }) {
+ var O;
+ const c = {
+ left: e.left,
+ width: e.realWidth,
+ height: t,
+ ...r
+ }, { align: u, border: d } = e.setting, f = {
+ justifyContent: u ? u === "left" ? "start" : u === "right" ? "end" : u : void 0,
+ ...e.setting.cellStyle,
+ ...o
+ }, p = ["dtable-cell", a, e.setting.className, {
+ "has-border-left": d === !0 || d === "left",
+ "has-border-right": d === !0 || d === "right"
+ }], g = ["dtable-cell-content", n], y = [l ?? ((O = s.data) == null ? void 0 : O[e.name]) ?? ""], _ = i ? i(y, { row: s, col: e }, E) : y, v = [], S = [], $ = {}, T = {};
+ let D = "div";
+ _ == null || _.forEach((k) => {
+ if (typeof k == "object" && k && !it(k) && ("html" in k || "className" in k || "style" in k || "attrs" in k || "children" in k || "tagName" in k)) {
+ const j = k.outer ? v : S;
+ k.html ? j.push(/* @__PURE__ */ b("div", { className: M("dtable-cell-html", k.className), style: k.style, dangerouslySetInnerHTML: { __html: k.html }, ...k.attrs ?? {} })) : (k.style && Object.assign(k.outer ? c : f, k.style), k.className && (k.outer ? p : g).push(k.className), k.children && j.push(k.children), k.attrs && Object.assign(k.outer ? $ : T, k.attrs)), k.tagName && !k.outer && (D = k.tagName);
+ } else
+ S.push(k);
+ });
+ const L = D;
+ return /* @__PURE__ */ b(
+ "div",
+ {
+ className: M(p),
+ style: c,
+ "data-col": e.name,
+ ...h,
+ ...$,
+ children: [
+ S.length > 0 && /* @__PURE__ */ b(L, { className: M(g), style: f, ...T, children: S }),
+ v
+ ]
+ }
+ );
+}
+function oo({ row: e, className: n, top: t = 0, left: s = 0, width: i, height: o, cols: r, CellComponent: l = aa, onRenderCell: a }) {
+ return /* @__PURE__ */ b("div", { className: M("dtable-cells", n), style: { top: t, left: s, width: i, height: o }, children: r.map((h) => h.visible ? /* @__PURE__ */ b(
+ l,
+ {
+ col: h,
+ row: e,
+ onRenderCell: a
+ },
+ h.name
+ ) : null) });
+}
+function ua({
+ row: e,
+ className: n,
+ top: t,
+ height: s,
+ fixedLeftCols: i,
+ fixedRightCols: o,
+ scrollCols: r,
+ fixedLeftWidth: l,
+ scrollWidth: a,
+ scrollColsWidth: h,
+ fixedRightWidth: c,
+ scrollLeft: u,
+ CellComponent: d = aa,
+ onRenderCell: f,
+ style: p,
+ ...g
+}) {
+ let y = null;
+ i != null && i.length && (y = /* @__PURE__ */ b(
+ oo,
+ {
+ className: "dtable-fixed-left",
+ cols: i,
+ width: l,
+ row: e,
+ CellComponent: d,
+ onRenderCell: f
+ }
+ ));
+ let _ = null;
+ r != null && r.length && (_ = /* @__PURE__ */ b(
+ oo,
+ {
+ className: "dtable-flexable",
+ cols: r,
+ left: l - u,
+ width: Math.max(a, h),
+ row: e,
+ CellComponent: d,
+ onRenderCell: f
+ }
+ ));
+ let v = null;
+ o != null && o.length && (v = /* @__PURE__ */ b(
+ oo,
+ {
+ className: "dtable-fixed-right",
+ cols: o,
+ left: l + a,
+ width: c,
+ row: e,
+ CellComponent: d,
+ onRenderCell: f
+ }
+ ));
+ const S = { top: t, height: s, lineHeight: `${s - 2}px`, ...p };
+ return /* @__PURE__ */ b(
+ "div",
+ {
+ className: M("dtable-row", n),
+ style: S,
+ "data-id": e.id,
+ ...g,
+ children: [
+ y,
+ _,
+ v
+ ]
+ }
+ );
+}
+function Pf({ height: e, onRenderRow: n, ...t }) {
+ const s = {
+ height: e,
+ ...t,
+ row: { id: "HEADER", index: -1, top: 0 },
+ className: "dtable-in-header",
+ top: 0
+ };
+ if (n) {
+ const i = n({ props: s }, E);
+ i && Object.assign(s, i);
+ }
+ return /* @__PURE__ */ b("div", { className: "dtable-header", style: { height: e }, children: /* @__PURE__ */ b(ua, { ...s }) });
+}
+function Df({
+ className: e,
+ style: n,
+ top: t,
+ rows: s,
+ height: i,
+ rowHeight: o,
+ scrollTop: r,
+ onRenderRow: l,
+ ...a
+}) {
+ return n = { ...n, top: t, height: i }, /* @__PURE__ */ b("div", { className: M("dtable-rows", e), style: n, children: s.map((h) => {
+ const c = {
+ className: `dtable-row-${h.index % 2 ? "odd" : "even"}`,
+ row: h,
+ top: h.top - r,
+ height: o,
+ ...a
+ }, u = l == null ? void 0 : l({ props: c, row: h }, E);
+ return u && Object.assign(c, u), /* @__PURE__ */ b(ua, { ...c });
+ }) });
+}
+const Us = /* @__PURE__ */ new Map(), Vs = [];
+function ha(e, n) {
+ const { name: t } = e;
+ if (!(n != null && n.override) && Us.has(t))
+ throw new Error(`DTable: Plugin with name ${t} already exists`);
+ Us.set(t, e), n != null && n.buildIn && !Vs.includes(t) && Vs.push(t);
+}
+function Nt(e, n) {
+ ha(e, n);
+ const t = (s) => {
+ if (!s)
+ return e;
+ const { defaultOptions: i, ...o } = e;
+ return {
+ ...o,
+ defaultOptions: { ...i, ...s }
+ };
+ };
+ return t.plugin = e, t;
+}
+function fa(e) {
+ return Us.delete(e);
+}
+function Hf(e) {
+ if (typeof e == "string") {
+ const n = Us.get(e);
+ return n || console.warn(`DTable: Cannot found plugin "${e}"`), n;
+ }
+ if (typeof e == "function" && "plugin" in e)
+ return e.plugin;
+ if (typeof e == "object")
+ return e;
+ console.warn("DTable: Invalid plugin", e);
+}
+function da(e, n, t) {
+ return n.forEach((s) => {
+ var o;
+ if (!s)
+ return;
+ const i = Hf(s);
+ i && (t.has(i.name) || ((o = i.plugins) != null && o.length && da(e, i.plugins, t), e.push(i), t.add(i.name)));
+ }), e;
+}
+function If(e = [], n = !0) {
+ return n && Vs.length && e.unshift(...Vs), e != null && e.length ? da([], e, /* @__PURE__ */ new Set()) : [];
+}
+function ol() {
+ return {
+ cols: [],
+ data: [],
+ rowKey: "id",
+ width: "100%",
+ height: "auto",
+ rowHeight: 35,
+ defaultColWidth: 80,
+ minColWidth: 20,
+ maxColWidth: 9999,
+ header: !0,
+ footer: !1,
+ headerHeight: 0,
+ footerHeight: 0,
+ rowHover: !0,
+ colHover: !1,
+ cellHover: !1,
+ bordered: !1,
+ striped: !0,
+ responsive: !1,
+ scrollbarHover: !0,
+ horzScrollbarPos: "outside"
+ };
+}
+var ws, Ce, en, ne, St, se, Q, gt, Et, nn, es, ns, Wt, sn, on, $i, pa, Ri, ma, ki, ga, Ti, ya, ss, Ro, Ai, Ni, is, os, Li, Mi, Oi, _a, Pi, ba, Di, wa;
+let jf = (ws = class extends U {
+ constructor(t) {
+ super(t);
+ x(this, $i);
+ x(this, Ri);
+ x(this, ki);
+ x(this, Ti);
+ x(this, ss);
+ x(this, Oi);
+ x(this, Pi);
+ x(this, Di);
+ w(this, "ref", cn());
+ x(this, Ce, 0);
+ x(this, en, void 0);
+ x(this, ne, !1);
+ x(this, St, void 0);
+ x(this, se, void 0);
+ x(this, Q, []);
+ x(this, gt, void 0);
+ x(this, Et, /* @__PURE__ */ new Map());
+ x(this, nn, {});
+ x(this, es, void 0);
+ x(this, ns, []);
+ w(this, "updateLayout", () => {
+ m(this, Ce) && cancelAnimationFrame(m(this, Ce)), R(this, Ce, requestAnimationFrame(() => {
+ R(this, gt, void 0), this.forceUpdate(), R(this, Ce, 0);
+ }));
+ });
+ x(this, Wt, (t, s) => {
+ s = s || t.type;
+ const i = m(this, Et).get(s);
+ if (i != null && i.length) {
+ for (const o of i)
+ if (o.call(this, t) === !1) {
+ t.stopPropagation(), t.preventDefault();
+ break;
+ }
+ }
+ });
+ x(this, sn, (t) => {
+ m(this, Wt).call(this, t, `window_${t.type}`);
+ });
+ x(this, on, (t) => {
+ m(this, Wt).call(this, t, `document_${t.type}`);
+ });
+ x(this, Ai, (t, s) => {
+ if (this.options.onRenderRow) {
+ const i = this.options.onRenderRow.call(this, t, s);
+ i && Object.assign(t.props, i);
+ }
+ return m(this, Q).forEach((i) => {
+ if (i.onRenderRow) {
+ const o = i.onRenderRow.call(this, t, s);
+ o && Object.assign(t.props, o);
+ }
+ }), t.props;
+ });
+ x(this, Ni, (t, s) => (this.options.onRenderHeaderRow && (t.props = this.options.onRenderHeaderRow.call(this, t, s)), m(this, Q).forEach((i) => {
+ i.onRenderHeaderRow && (t.props = i.onRenderHeaderRow.call(this, t, s));
+ }), t.props));
+ x(this, is, (t, s, i) => {
+ const { row: o, col: r } = s;
+ t[0] = this.getCellValue(o, r);
+ const l = o.id === "HEADER" ? "onRenderHeaderCell" : "onRenderCell";
+ return r.setting[l] && (t = r.setting[l].call(this, t, s, i)), this.options[l] && (t = this.options[l].call(this, t, s, i)), m(this, Q).forEach((a) => {
+ a[l] && (t = a[l].call(this, t, s, i));
+ }), t;
+ });
+ x(this, os, (t, s) => {
+ s === "horz" ? this.scroll({ scrollLeft: t }) : this.scroll({ scrollTop: t });
+ });
+ x(this, Li, (t) => {
+ var l, a, h, c, u;
+ const s = this.getPointerInfo(t);
+ if (!s)
+ return;
+ const { rowID: i, colName: o, cellElement: r } = s;
+ if (i === "HEADER")
+ r && ((l = this.options.onHeaderCellClick) == null || l.call(this, t, { colName: o, element: r }), m(this, Q).forEach((d) => {
+ var f;
+ (f = d.onHeaderCellClick) == null || f.call(this, t, { colName: o, element: r });
+ }));
+ else {
+ const { rowElement: d } = s, f = this.layout.visibleRows.find((p) => p.id === i);
+ if (r) {
+ if (((a = this.options.onCellClick) == null ? void 0 : a.call(this, t, { colName: o, rowID: i, rowInfo: f, element: r, rowElement: d })) === !0)
+ return;
+ for (const p of m(this, Q))
+ if (((h = p.onCellClick) == null ? void 0 : h.call(this, t, { colName: o, rowID: i, rowInfo: f, element: r, rowElement: d })) === !0)
+ return;
+ }
+ if (((c = this.options.onRowClick) == null ? void 0 : c.call(this, t, { rowID: i, rowInfo: f, element: d })) === !0)
+ return;
+ for (const p of m(this, Q))
+ if (((u = p.onRowClick) == null ? void 0 : u.call(this, t, { rowID: i, rowInfo: f, element: d })) === !0)
+ return;
+ }
+ });
+ x(this, Mi, (t) => {
+ const s = t.key.toLowerCase();
+ if (["pageup", "pagedown", "home", "end"].includes(s))
+ return !this.scroll({ to: s.replace("page", "") });
+ });
+ R(this, en, t.id ?? `dtable-${us(10)}`), this.state = { scrollTop: 0, scrollLeft: 0, renderCount: 0 }, R(this, se, Object.freeze(If(t.plugins))), m(this, se).forEach((s) => {
+ var l;
+ const { methods: i, data: o, state: r } = s;
+ i && Object.entries(i).forEach(([a, h]) => {
+ typeof h == "function" && Object.assign(this, { [a]: h.bind(this) });
+ }), o && Object.assign(m(this, nn), o.call(this)), r && Object.assign(this.state, r.call(this)), (l = s.onCreate) == null || l.call(this, s);
+ });
+ }
+ get options() {
+ var t;
+ return ((t = m(this, gt)) == null ? void 0 : t.options) || m(this, St) || ol();
+ }
+ get plugins() {
+ return m(this, Q);
+ }
+ get layout() {
+ return m(this, gt);
+ }
+ get id() {
+ return m(this, en);
+ }
+ get data() {
+ return m(this, nn);
+ }
+ get parent() {
+ var t;
+ return this.props.parent ?? ((t = this.ref.current) == null ? void 0 : t.parentElement);
+ }
+ componentWillReceiveProps() {
+ R(this, St, void 0);
+ }
+ componentDidMount() {
+ if (m(this, ne) ? this.forceUpdate() : N(this, ss, Ro).call(this), m(this, Q).forEach((t) => {
+ let { events: s } = t;
+ s && (typeof s == "function" && (s = s.call(this)), Object.entries(s).forEach(([i, o]) => {
+ o && this.on(i, o);
+ }));
+ }), this.on("click", m(this, Li)), this.on("keydown", m(this, Mi)), this.options.responsive) {
+ if (typeof ResizeObserver < "u") {
+ const { parent: t } = this;
+ if (t) {
+ const s = new ResizeObserver(this.updateLayout);
+ s.observe(t), R(this, es, s);
+ }
+ }
+ this.on("window_resize", this.updateLayout);
+ }
+ m(this, Q).forEach((t) => {
+ var s;
+ (s = t.onMounted) == null || s.call(this);
+ });
+ }
+ componentDidUpdate() {
+ m(this, ne) ? N(this, ss, Ro).call(this) : m(this, Q).forEach((t) => {
+ var s;
+ (s = t.onUpdated) == null || s.call(this);
+ });
+ }
+ componentWillUnmount() {
+ var s;
+ (s = m(this, es)) == null || s.disconnect();
+ const { current: t } = this.ref;
+ if (t)
+ for (const i of m(this, Et).keys())
+ i.startsWith("window_") ? window.removeEventListener(i.replace("window_", ""), m(this, sn)) : i.startsWith("document_") ? document.removeEventListener(i.replace("document_", ""), m(this, on)) : t.removeEventListener(i, m(this, Wt));
+ m(this, Q).forEach((i) => {
+ var o;
+ (o = i.onUnmounted) == null || o.call(this);
+ }), m(this, se).forEach((i) => {
+ var o;
+ (o = i.onDestory) == null || o.call(this);
+ }), R(this, nn, {}), m(this, Et).clear();
+ }
+ on(t, s, i) {
+ var r;
+ i && (t = `${i}_${t}`);
+ const o = m(this, Et).get(t);
+ o ? o.push(s) : (m(this, Et).set(t, [s]), t.startsWith("window_") ? window.addEventListener(t.replace("window_", ""), m(this, sn)) : t.startsWith("document_") ? document.addEventListener(t.replace("document_", ""), m(this, on)) : (r = this.ref.current) == null || r.addEventListener(t, m(this, Wt)));
+ }
+ off(t, s, i) {
+ var l;
+ i && (t = `${i}_${t}`);
+ const o = m(this, Et).get(t);
+ if (!o)
+ return;
+ const r = o.indexOf(s);
+ r >= 0 && o.splice(r, 1), o.length || (m(this, Et).delete(t), t.startsWith("window_") ? window.removeEventListener(t.replace("window_", ""), m(this, sn)) : t.startsWith("document_") ? document.removeEventListener(t.replace("document_", ""), m(this, on)) : (l = this.ref.current) == null || l.removeEventListener(t, m(this, Wt)));
+ }
+ emitCustomEvent(t, s) {
+ m(this, Wt).call(this, s instanceof Event ? s : new CustomEvent(t, { detail: s }), t);
+ }
+ scroll(t, s) {
+ const { scrollLeft: i, scrollTop: o, rowsHeightTotal: r, rowsHeight: l, rowHeight: a, colsInfo: { scrollWidth: h, scrollColsWidth: c } } = this.layout, { to: u } = t;
+ let { scrollLeft: d, scrollTop: f } = t;
+ if (u === "up" || u === "down")
+ f = o + (u === "down" ? 1 : -1) * Math.floor(l / a) * a;
+ else if (u === "left" || u === "right")
+ d = i + (u === "right" ? 1 : -1) * h;
+ else if (u === "home")
+ f = 0;
+ else if (u === "end")
+ f = r - l;
+ else if (u === "left-begin")
+ d = 0;
+ else if (u === "right-end")
+ d = c - h;
+ else {
+ const { offsetLeft: g, offsetTop: y } = t;
+ typeof g == "number" && (d = i + g), typeof y == "number" && (d = o + y);
+ }
+ const p = {};
+ return typeof d == "number" && (d = Math.max(0, Math.min(d, c - h)), d !== i && (p.scrollLeft = d)), typeof f == "number" && (f = Math.max(0, Math.min(f, r - l)), f !== o && (p.scrollTop = f)), Object.keys(p).length ? (this.setState(p, () => {
+ var g;
+ (g = this.options.onScroll) == null || g.call(this, p), s == null || s.call(this, !0);
+ }), !0) : (s == null || s.call(this, !1), !1);
+ }
+ getColInfo(t) {
+ if (t === void 0)
+ return;
+ if (typeof t == "object")
+ return t;
+ const { colsMap: s, colsList: i } = this.layout;
+ return typeof t == "number" ? i[t] : s[t];
+ }
+ getRowInfo(t) {
+ if (t === void 0)
+ return;
+ if (typeof t == "object")
+ return t;
+ if (t === -1 || t === "HEADER")
+ return { id: "HEADER", index: -1, top: 0 };
+ const { rows: s, rowsMap: i } = this.layout;
+ return typeof t == "number" ? s[t] : i[t];
+ }
+ getCellValue(t, s) {
+ var a;
+ const i = typeof t == "object" ? t : this.getRowInfo(t);
+ if (!i)
+ return;
+ const o = typeof s == "object" ? s : this.getColInfo(s);
+ if (!o)
+ return;
+ let r = i.id === "HEADER" ? o.setting.title : (a = i.data) == null ? void 0 : a[o.name];
+ const { cellValueGetter: l } = this.options;
+ return l && (r = l.call(this, i, o, r)), r;
+ }
+ getRowInfoByIndex(t) {
+ return this.layout.rows[t];
+ }
+ update(t = {}, s) {
+ if (!m(this, St))
+ return;
+ typeof t == "function" && (s = t, t = {});
+ const { dirtyType: i, state: o } = t;
+ if (i === "layout")
+ R(this, gt, void 0);
+ else if (i === "options") {
+ if (R(this, St, void 0), !m(this, gt))
+ return;
+ R(this, gt, void 0);
+ }
+ this.setState(o ?? ((r) => ({ renderCount: r.renderCount + 1 })), s);
+ }
+ getPointerInfo(t) {
+ const s = t.target;
+ if (!s || s.closest(".no-cell-event"))
+ return;
+ const i = s.closest(".dtable-cell");
+ if (!i)
+ return;
+ const o = i.closest(".dtable-row");
+ if (!o)
+ return;
+ const r = i == null ? void 0 : i.getAttribute("data-col"), l = o == null ? void 0 : o.getAttribute("data-id");
+ if (!(typeof r != "string" || typeof l != "string"))
+ return {
+ cellElement: i,
+ rowElement: o,
+ colName: r,
+ rowID: l,
+ target: s
+ };
+ }
+ i18n(t, s, i) {
+ return as(m(this, ns), t, s, i, this.options.lang) ?? `{i18n:${t}}`;
+ }
+ render() {
+ const t = N(this, Di, wa).call(this), { className: s, rowHover: i, colHover: o, cellHover: r, bordered: l, striped: a, scrollbarHover: h } = this.options, c = { width: t == null ? void 0 : t.width, height: t == null ? void 0 : t.height }, u = ["dtable", s, {
+ "dtable-hover-row": i,
+ "dtable-hover-col": o,
+ "dtable-hover-cell": r,
+ "dtable-bordered": l,
+ "dtable-striped": a,
+ "dtable-scrolled-down": ((t == null ? void 0 : t.scrollTop) ?? 0) > 0,
+ "scrollbar-hover": h
+ }], d = [];
+ return t && m(this, Q).forEach((f) => {
+ var g;
+ const p = (g = f.onRender) == null ? void 0 : g.call(this, t);
+ p && (p.style && Object.assign(c, p.style), p.className && u.push(p.className), p.children && d.push(p.children));
+ }), /* @__PURE__ */ b(
+ "div",
+ {
+ id: m(this, en),
+ className: M(u),
+ style: c,
+ ref: this.ref,
+ tabIndex: -1,
+ children: [
+ t && N(this, $i, pa).call(this, t),
+ t && N(this, Ri, ma).call(this, t),
+ t && N(this, ki, ga).call(this, t),
+ t && N(this, Ti, ya).call(this, t)
+ ]
+ }
+ );
+ }
+}, Ce = new WeakMap(), en = new WeakMap(), ne = new WeakMap(), St = new WeakMap(), se = new WeakMap(), Q = new WeakMap(), gt = new WeakMap(), Et = new WeakMap(), nn = new WeakMap(), es = new WeakMap(), ns = new WeakMap(), Wt = new WeakMap(), sn = new WeakMap(), on = new WeakMap(), $i = new WeakSet(), pa = function(t) {
+ const { header: s, colsInfo: i, headerHeight: o, scrollLeft: r } = t;
+ if (!s)
+ return null;
+ if (s === !0)
+ return /* @__PURE__ */ b(
+ Pf,
+ {
+ scrollLeft: r,
+ height: o,
+ onRenderCell: m(this, is),
+ onRenderRow: m(this, Ni),
+ ...i
+ }
+ );
+ const l = Array.isArray(s) ? s : [s];
+ return /* @__PURE__ */ b(
+ yo,
+ {
+ className: "dtable-header",
+ style: { height: o },
+ renders: l,
+ generateArgs: [t],
+ generatorThis: this
+ }
+ );
+}, Ri = new WeakSet(), ma = function(t) {
+ const { headerHeight: s, rowsHeight: i, visibleRows: o, rowHeight: r, colsInfo: l, scrollLeft: a, scrollTop: h } = t;
+ return /* @__PURE__ */ b(
+ Df,
+ {
+ top: s,
+ height: i,
+ rows: o,
+ rowHeight: r,
+ scrollLeft: a,
+ scrollTop: h,
+ onRenderCell: m(this, is),
+ onRenderRow: m(this, Ai),
+ ...l
+ }
+ );
+}, ki = new WeakSet(), ga = function(t) {
+ const { footer: s } = t;
+ if (!s)
+ return null;
+ const i = typeof s == "function" ? s.call(this, t) : Array.isArray(s) ? s : [s];
+ return /* @__PURE__ */ b(
+ yo,
+ {
+ className: "dtable-footer",
+ style: { height: t.footerHeight, top: t.rowsHeight + t.headerHeight },
+ renders: i,
+ generateArgs: [t],
+ generatorThis: this,
+ generators: t.footerGenerators
+ }
+ );
+}, Ti = new WeakSet(), ya = function(t) {
+ const s = [], { scrollLeft: i, colsInfo: o, scrollTop: r, rowsHeight: l, rowsHeightTotal: a, footerHeight: h } = t, { scrollColsWidth: c, scrollWidth: u } = o, { scrollbarSize: d = 12, horzScrollbarPos: f } = this.options;
+ return c > u && s.push(
+ /* @__PURE__ */ b(
+ sl,
+ {
+ type: "horz",
+ scrollPos: i,
+ scrollSize: c,
+ clientSize: u,
+ onScroll: m(this, os),
+ left: o.fixedLeftWidth,
+ bottom: (f === "inside" ? 0 : -d) + h,
+ size: d,
+ wheelContainer: this.ref
+ },
+ "horz"
+ )
+ ), a > l && s.push(
+ /* @__PURE__ */ b(
+ sl,
+ {
+ type: "vert",
+ scrollPos: r,
+ scrollSize: a,
+ clientSize: l,
+ onScroll: m(this, os),
+ right: 0,
+ size: d,
+ top: t.headerHeight,
+ wheelContainer: this.ref
+ },
+ "vert"
+ )
+ ), s.length ? s : null;
+}, ss = new WeakSet(), Ro = function() {
+ var t;
+ R(this, ne, !1), (t = this.options.afterRender) == null || t.call(this), m(this, Q).forEach((s) => {
+ var i;
+ return (i = s.afterRender) == null ? void 0 : i.call(this);
+ });
+}, Ai = new WeakMap(), Ni = new WeakMap(), is = new WeakMap(), os = new WeakMap(), Li = new WeakMap(), Mi = new WeakMap(), Oi = new WeakSet(), _a = function() {
+ if (m(this, St))
+ return !1;
+ const s = { ...ol(), ...m(this, se).reduce((i, o) => {
+ const { defaultOptions: r } = o;
+ return r && Object.assign(i, r), i;
+ }, {}), ...this.props };
+ return R(this, St, s), R(this, Q, m(this, se).reduce((i, o) => {
+ const { when: r, options: l } = o;
+ return (!r || r(s)) && (i.push(o), l && Object.assign(s, typeof l == "function" ? l.call(this, s) : l)), i;
+ }, [])), R(this, ns, [this.options.i18n, ...this.plugins.map((i) => i.i18n)].filter(Boolean)), !0;
+}, Pi = new WeakSet(), ba = function() {
+ var Qo, Zo;
+ const { plugins: t } = this;
+ let s = m(this, St);
+ const i = {
+ flex: /* @__PURE__ */ b("div", { style: "flex:auto" }),
+ divider: /* @__PURE__ */ b("div", { style: "width:1px;margin:var(--space);background:var(--color-border);height:50%" })
+ };
+ t.forEach((H) => {
+ var Mt;
+ const Y = (Mt = H.beforeLayout) == null ? void 0 : Mt.call(this, s);
+ Y && (s = { ...s, ...Y }), Object.assign(i, H.footer);
+ });
+ const { defaultColWidth: o, minColWidth: r, maxColWidth: l } = s, a = [], h = [], c = [], u = {}, d = [], f = [];
+ let p = 0, g = 0, y = 0;
+ s.cols.forEach((H) => {
+ if (H.hidden)
+ return;
+ const {
+ name: Y,
+ type: Mt = "",
+ fixed: Ot = !1,
+ flex: ge = !1,
+ width: un = o,
+ minWidth: hn = r,
+ maxWidth: Xi = l,
+ ...Ta
+ } = H, B = {
+ name: Y,
+ type: Mt,
+ setting: {
+ name: Y,
+ type: Mt,
+ fixed: Ot,
+ flex: ge,
+ width: un,
+ minWidth: hn,
+ maxWidth: Xi,
+ ...Ta
+ },
+ flex: Ot ? 0 : ge === !0 ? 1 : typeof ge == "number" ? ge : 0,
+ left: 0,
+ width: il(un, hn, Xi),
+ realWidth: 0,
+ visible: !0,
+ index: d.length
+ };
+ t.forEach((tr) => {
+ var er, nr;
+ const ds = (er = tr.colTypes) == null ? void 0 : er[Mt];
+ if (ds) {
+ const sr = typeof ds == "function" ? ds(B) : ds;
+ sr && Object.assign(B.setting, sr);
+ }
+ (nr = tr.onAddCol) == null || nr.call(this, B);
+ }), B.width = il(B.setting.width ?? B.width, B.setting.minWidth ?? hn, B.setting.maxWidth ?? Xi), B.realWidth = B.realWidth || B.width, Ot === "left" ? (B.left = p, p += B.width, a.push(B)) : Ot === "right" ? (B.left = g, g += B.width, h.push(B)) : (B.left = y, y += B.width, c.push(B)), B.flex && f.push(B), d.push(B), u[B.name] = B;
+ });
+ let _ = s.width, v = 0;
+ const S = p + y + g;
+ if (typeof _ == "function" && (_ = _.call(this, S)), _ === "auto")
+ v = S;
+ else if (_ === "100%") {
+ const { parent: H } = this;
+ if (H)
+ v = H.clientWidth;
+ else {
+ v = 0, R(this, ne, !0);
+ return;
+ }
+ } else
+ v = _ ?? 0;
+ const { data: $, rowKey: T = "id", rowHeight: D } = s, L = [], O = (H, Y, Mt) => {
+ var ge, un;
+ const Ot = { data: Mt ?? { [T]: H }, id: H, index: L.length, top: 0 };
+ if (Mt || (Ot.lazy = !0), L.push(Ot), ((ge = s.onAddRow) == null ? void 0 : ge.call(this, Ot, Y)) !== !1) {
+ for (const hn of t)
+ if (((un = hn.onAddRow) == null ? void 0 : un.call(this, Ot, Y)) === !1)
+ return;
+ }
+ };
+ if (typeof $ == "number")
+ for (let H = 0; H < $; H++)
+ O(`${H}`, H);
+ else
+ Array.isArray($) && $.forEach((H, Y) => {
+ typeof H == "object" ? O(`${H[T] ?? ""}`, Y, H) : O(`${H ?? ""}`, Y);
+ });
+ let k = L;
+ const j = {};
+ if (s.onAddRows) {
+ const H = s.onAddRows.call(this, k);
+ H && (k = H);
+ }
+ for (const H of t) {
+ const Y = (Qo = H.onAddRows) == null ? void 0 : Qo.call(this, k);
+ Y && (k = Y);
+ }
+ k.forEach((H, Y) => {
+ j[H.id] = H, H.index = Y, H.top = H.index * D;
+ });
+ const { header: P, footer: V } = s, F = P ? s.headerHeight || D : 0, G = V ? s.footerHeight || D : 0;
+ let I = s.height, K = 0;
+ const bt = k.length * D, de = F + G + bt;
+ if (typeof I == "function" && (I = I.call(this, de)), I === "auto")
+ K = de;
+ else if (typeof I == "object")
+ K = Math.min(I.max, Math.max(I.min, de));
+ else if (I === "100%") {
+ const { parent: H } = this;
+ if (H)
+ K = H.clientHeight;
+ else {
+ K = 0, R(this, ne, !0);
+ return;
+ }
+ } else
+ K = I;
+ const pe = K - F - G, me = v - p - g, Lt = {
+ options: s,
+ allRows: L,
+ width: v,
+ height: K,
+ rows: k,
+ rowsMap: j,
+ rowHeight: D,
+ rowsHeight: pe,
+ rowsHeightTotal: bt,
+ header: P,
+ footer: V,
+ footerGenerators: i,
+ headerHeight: F,
+ footerHeight: G,
+ colsMap: u,
+ colsList: d,
+ flexCols: f,
+ colsInfo: {
+ fixedLeftCols: a,
+ fixedRightCols: h,
+ scrollCols: c,
+ fixedLeftWidth: p,
+ scrollWidth: me,
+ scrollColsWidth: y,
+ fixedRightWidth: g
+ }
+ }, Ne = (Zo = s.onLayout) == null ? void 0 : Zo.call(this, Lt);
+ Ne && Object.assign(Lt, Ne), t.forEach((H) => {
+ if (H.onLayout) {
+ const Y = H.onLayout.call(this, Lt);
+ Y && Object.assign(Lt, Y);
+ }
+ }), R(this, gt, Lt);
+}, Di = new WeakSet(), wa = function() {
+ (N(this, Oi, _a).call(this) || !m(this, gt)) && N(this, Pi, ba).call(this);
+ const { layout: t } = this;
+ if (!t)
+ return;
+ let { scrollLeft: s } = this.state;
+ const { flexCols: i, colsInfo: { scrollCols: o, scrollWidth: r, scrollColsWidth: l } } = t;
+ if (i.length) {
+ const S = r - l;
+ if (S > 0) {
+ const $ = i.reduce((D, L) => D + L.flex, 0);
+ let T = 0;
+ i.forEach((D) => {
+ const L = Math.min(S - T, Math.ceil(S * (D.flex / $)));
+ D.realWidth = L + D.width, T += D.realWidth;
+ });
+ } else
+ i.forEach(($) => {
+ $.realWidth = $.width;
+ });
+ }
+ s = Math.min(Math.max(0, l - r), s);
+ let a = 0;
+ o.forEach((S) => {
+ S.left = a, a += S.realWidth, S.visible = S.left + S.realWidth >= s && S.left <= s + r;
+ });
+ const { rowsHeightTotal: h, rowsHeight: c, rows: u, rowHeight: d } = t, f = Math.min(Math.max(0, h - c), this.state.scrollTop), p = Math.floor(f / d), g = f + c, y = Math.min(u.length, Math.ceil(g / d)), _ = [], { rowDataGetter: v } = this.options;
+ for (let S = p; S < y; S++) {
+ const $ = u[S];
+ $.lazy && v && ($.data = v([$.id])[0], $.lazy = !1), _.push($);
+ }
+ return t.visibleRows = _, t.scrollTop = f, t.scrollLeft = s, t;
+}, w(ws, "addPlugin", ha), w(ws, "removePlugin", fa), ws);
+function rl(e, n) {
+ n !== void 0 ? e.data.hoverCol = n : n = e.data.hoverCol;
+ const { current: t } = e.ref;
+ if (!t)
+ return;
+ const s = "dtable-col-hover";
+ t.querySelectorAll(`.${s}`).forEach((i) => i.classList.remove(s)), typeof n == "string" && n.length && t.querySelectorAll(`.dtable-cell[data-col="${n}"]`).forEach((i) => i.classList.add(s));
+}
+const Wf = {
+ name: "col-hover",
+ defaultOptions: {
+ colHover: !1
+ },
+ when: (e) => !!e.colHover,
+ events: {
+ mouseover(e) {
+ var i;
+ const { colHover: n } = this.options;
+ if (!n)
+ return;
+ const t = (i = e.target) == null ? void 0 : i.closest(".dtable-cell");
+ if (!t || n === "header" && !t.closest(".dtable-header"))
+ return;
+ const s = (t == null ? void 0 : t.getAttribute("data-col")) ?? !1;
+ rl(this, s);
+ },
+ mouseleave() {
+ rl(this, !1);
+ }
+ }
+}, Ff = Nt(Wf, { buildIn: !0 });
+function Bf(e, n) {
+ var r, l;
+ typeof e == "boolean" && (n = e, e = void 0);
+ const t = this.state.checkedRows, s = {}, { canRowCheckable: i } = this.options, o = (a, h) => {
+ i && !i.call(this, a) || !!t[a] === h || (h ? t[a] = !0 : delete t[a], s[a] = h);
+ };
+ if (e === void 0 ? (n === void 0 && (n = !va.call(this)), (r = this.layout) == null || r.allRows.forEach(({ id: a }) => {
+ o(a, !!n);
+ })) : (Array.isArray(e) || (e = [e]), e.forEach((a) => {
+ o(a, n ?? !t[a]);
+ })), Object.keys(s).length) {
+ const a = (l = this.options.beforeCheckRows) == null ? void 0 : l.call(this, e, s, t);
+ a && Object.keys(a).forEach((h) => {
+ a[h] ? t[h] = !0 : delete t[h];
+ }), this.setState({ checkedRows: { ...t } }, () => {
+ var h;
+ (h = this.options.onCheckChange) == null || h.call(this, s);
+ });
+ }
+ return s;
+}
+function zf(e) {
+ return this.state.checkedRows[e] ?? !1;
+}
+function va() {
+ var t, s;
+ const e = this.getChecks().length, { canRowCheckable: n } = this.options;
+ return n ? e === ((t = this.layout) == null ? void 0 : t.allRows.reduce((i, o) => i + (n.call(this, o.id) ? 1 : 0), 0)) : e === ((s = this.layout) == null ? void 0 : s.allRows.length);
+}
+function Uf() {
+ return Object.keys(this.state.checkedRows);
+}
+const Vf = {
+ name: "checkable",
+ defaultOptions: { checkable: !0 },
+ when: (e) => !!e.checkable,
+ state() {
+ return { checkedRows: {} };
+ },
+ methods: {
+ toggleCheckRows: Bf,
+ isRowChecked: zf,
+ isAllRowChecked: va,
+ getChecks: Uf
+ },
+ i18n: {
+ zh_cn: {
+ checkedCountInfo: "已选择 {selected} 项",
+ totalCountInfo: "共 {total} 项"
+ },
+ en: {
+ checkedCountInfo: "Selected {selected} items",
+ totalCountInfo: "Total {total} items"
+ }
+ },
+ footer: {
+ checkbox() {
+ const e = this.isAllRowChecked();
+ return [
+ /* @__PURE__ */ b("div", { style: { padding: "0 calc(3 * var(--space))", display: "flex", alignItems: "center" }, onClick: () => this.toggleCheckRows(), children: /* @__PURE__ */ b("input", { type: "checkbox", checked: e }) })
+ ];
+ },
+ checkedInfo(e, n) {
+ const t = this.getChecks().length, s = [];
+ return t && s.push(this.i18n("checkedCountInfo", { selected: t })), s.push(this.i18n("totalCountInfo", { total: n.allRows.length })), [
+ /* @__PURE__ */ b("div", { children: s.join(", ") })
+ ];
+ }
+ },
+ onRenderCell(e, { row: n, col: t }) {
+ var l;
+ const { id: s } = n, { canRowCheckable: i } = this.options;
+ if (i && !i.call(this, s))
+ return e;
+ const { checkbox: o } = t.setting;
+ if (typeof o == "function" ? o.call(this, s) : o) {
+ const a = this.isRowChecked(s), h = ((l = this.options.checkboxRender) == null ? void 0 : l.call(this, a, s)) ?? /* @__PURE__ */ b("input", { type: "checkbox", checked: a });
+ e.unshift(h), e.push({ className: "has-checkbox" });
+ }
+ return e;
+ },
+ onRenderHeaderCell(e, { row: n, col: t }) {
+ var r;
+ const { id: s } = n, { checkbox: i } = t.setting;
+ if (typeof i == "function" ? i.call(this, s) : i) {
+ const l = this.isAllRowChecked(), a = ((r = this.options.checkboxRender) == null ? void 0 : r.call(this, l, s)) ?? /* @__PURE__ */ b("input", { type: "checkbox", checked: l });
+ e.unshift(a), e.push({ className: "has-checkbox" });
+ }
+ return e;
+ },
+ onRenderRow({ props: e, row: n }) {
+ if (this.isRowChecked(n.id))
+ return { className: M(e.className, "is-checked") };
+ },
+ onHeaderCellClick(e) {
+ const n = e.target;
+ if (!n)
+ return;
+ const t = n.closest('input[type="checkbox"],.dtable-checkbox');
+ t && (this.toggleCheckRows(t.checked), e.stopPropagation());
+ },
+ onRowClick(e, { rowID: n }) {
+ const t = e.target;
+ if (!t)
+ return;
+ (t.closest('input[type="checkbox"],.dtable-checkbox') || this.options.checkOnClickRow) && this.toggleCheckRows(n);
+ }
+}, qf = Nt(Vf);
+var xa = /* @__PURE__ */ ((e) => (e.unknown = "", e.collapsed = "collapsed", e.expanded = "expanded", e.hidden = "hidden", e.normal = "normal", e))(xa || {});
+function ko(e) {
+ const n = this.data.nestedMap.get(e);
+ if (!n || n.state !== "")
+ return n ?? { state: "normal", level: -1 };
+ if (!n.parent && !n.children)
+ return n.state = "normal", n;
+ const t = this.state.collapsedRows, s = n.children && t && t[e];
+ let i = !1, { parent: o } = n;
+ for (; o; ) {
+ const r = ko.call(this, o);
+ if (r.state !== "expanded") {
+ i = !0;
+ break;
+ }
+ o = r.parent;
+ }
+ return n.state = i ? "hidden" : s ? "collapsed" : n.children ? "expanded" : "normal", n.level = n.parent ? ko.call(this, n.parent).level + 1 : 0, n;
+}
+function Gf(e, n) {
+ let t = this.state.collapsedRows ?? {};
+ const { nestedMap: s } = this.data;
+ if (e === "HEADER")
+ if (n === void 0 && (n = !Sa.call(this)), n) {
+ const i = s.entries();
+ for (const [o, r] of i)
+ r.state === "expanded" && (t[o] = !0);
+ } else
+ t = {};
+ else {
+ const i = Array.isArray(e) ? e : [e];
+ n === void 0 && (n = !t[i[0]]), i.forEach((o) => {
+ const r = s.get(o);
+ n && (r != null && r.children) ? t[o] = !0 : delete t[o];
+ });
+ }
+ this.update({
+ dirtyType: "layout",
+ state: { collapsedRows: { ...t } }
+ }, () => {
+ var i;
+ (i = this.options.onNestedChange) == null || i.call(this);
+ });
+}
+function Sa() {
+ const e = this.data.nestedMap.values();
+ for (const n of e)
+ if (n.state === "expanded")
+ return !1;
+ return !0;
+}
+function Ea(e, n = 0, t, s = 0) {
+ var i;
+ t || (t = [...e.keys()]);
+ for (const o of t) {
+ const r = e.get(o);
+ r && (r.level === s && (r.order = n++), (i = r.children) != null && i.length && (n = Ea(e, n, r.children, s + 1)));
+ }
+ return n;
+}
+function Ca(e, n, t, s) {
+ const i = e.getNestedRowInfo(n);
+ return !i || i.state === "" || !i.children || i.children.forEach((o) => {
+ s[o] = t, Ca(e, o, t, s);
+ }), i;
+}
+function $a(e, n, t, s, i) {
+ var l;
+ const o = e.getNestedRowInfo(n);
+ if (!o || o.state === "")
+ return;
+ ((l = o.children) == null ? void 0 : l.every((a) => {
+ const h = !!(s[a] !== void 0 ? s[a] : i[a]);
+ return t === h;
+ })) && (s[n] = t), o.parent && $a(e, o.parent, t, s, i);
+}
+const Kf = {
+ name: "nested",
+ defaultOptions: {
+ nested: !0,
+ nestedParentKey: "parent",
+ asParentKey: "asParent",
+ nestedIndent: 20,
+ canSortTo(e, n) {
+ const { nestedMap: t } = this.data, s = t.get(e.id), i = t.get(n.id);
+ return (s == null ? void 0 : s.parent) === (i == null ? void 0 : i.parent);
+ },
+ beforeCheckRows(e, n, t) {
+ if (!this.options.checkable || !(e != null && e.length))
+ return;
+ const s = {};
+ return Object.entries(n).forEach(([i, o]) => {
+ const r = Ca(this, i, o, s);
+ r != null && r.parent && $a(this, r.parent, o, s, t);
+ }), s;
+ }
+ },
+ when: (e) => !!e.nested,
+ data() {
+ return { nestedMap: /* @__PURE__ */ new Map() };
+ },
+ methods: {
+ toggleRow: Gf,
+ isAllCollapsed: Sa,
+ getNestedRowInfo: ko
+ },
+ beforeLayout() {
+ this.data.nestedMap.clear();
+ },
+ onAddRow(e) {
+ var i, o;
+ const { nestedMap: n } = this.data, t = (i = e.data) == null ? void 0 : i[this.options.nestedParentKey ?? "parent"], s = n.get(e.id) ?? {
+ state: "",
+ level: 0
+ };
+ if (s.parent = t, (o = e.data) != null && o[this.options.asParentKey ?? "asParent"] && (s.children = []), n.set(e.id, s), t) {
+ let r = n.get(t);
+ r || (r = {
+ state: "",
+ level: 0
+ }, n.set(t, r)), r.children || (r.children = []), r.children.push(e.id);
+ }
+ },
+ onAddRows(e) {
+ return e = e.filter(
+ (n) => this.getNestedRowInfo(n.id).state !== "hidden"
+ /* hidden */
+ ), Ea(this.data.nestedMap), e.sort((n, t) => {
+ const s = this.getNestedRowInfo(n.id), i = this.getNestedRowInfo(t.id), o = (s.order ?? 0) - (i.order ?? 0);
+ return o === 0 ? n.index - t.index : o;
+ }), e;
+ },
+ onRenderCell(e, { col: n, row: t }) {
+ var l;
+ const { id: s, data: i } = t, { nestedToggle: o } = n.setting, r = this.getNestedRowInfo(s);
+ if (o && (r.children || r.parent) && e.unshift(((l = this.options.onRenderNestedToggle) == null ? void 0 : l.call(this, r, s, n, i)) ?? /* @__PURE__ */ b("a", { role: "button", className: `dtable-nested-toggle state${r.children ? "" : " is-no-child"}`, children: /* @__PURE__ */ b("span", { className: "toggle-icon" }) })), r.level) {
+ let { nestedIndent: a = o } = n.setting;
+ a && (a === !0 && (a = this.options.nestedIndent ?? 12), e.unshift(/* @__PURE__ */ b("div", { className: "dtable-nested-indent", style: { width: a * r.level + "px" } })));
+ }
+ return e;
+ },
+ onRenderHeaderCell(e, { row: n, col: t }) {
+ var i;
+ const { id: s } = n;
+ return t.setting.nestedToggle && e.unshift(((i = this.options.onRenderNestedToggle) == null ? void 0 : i.call(this, void 0, s, t, void 0)) ?? /* @__PURE__ */ b("a", { type: "button", className: "dtable-nested-toggle state", children: /* @__PURE__ */ b("span", { className: "toggle-icon" }) })), e;
+ },
+ onRenderRow({ props: e, row: n }) {
+ const t = this.getNestedRowInfo(n.id);
+ return {
+ className: M(e.className, `is-${t.state}`),
+ "data-parent": t.parent
+ };
+ },
+ onRenderHeaderRow({ props: e }) {
+ return e.className = M(e.className, `is-${this.isAllCollapsed() ? "collapsed" : "expanded"}`), e;
+ },
+ onHeaderCellClick(e) {
+ const n = e.target;
+ if (!(!n || !n.closest(".dtable-nested-toggle")))
+ return this.toggleRow("HEADER"), !0;
+ },
+ onCellClick(e, { rowID: n }) {
+ const t = e.target;
+ if (!(!t || !this.getNestedRowInfo(n).children || !t.closest(".dtable-nested-toggle")))
+ return this.toggleRow(n), !0;
+ }
+}, Yf = Nt(Kf);
+const Xf = {
+ name: "rich",
+ colTypes: {
+ html: {
+ onRenderCell(e) {
+ return e[0] = {
+ html: e[0]
+ }, e;
+ }
+ },
+ link: {
+ onRenderCell(e, { col: n, row: t }) {
+ const { linkTemplate: s = "", linkProps: i } = n.setting, o = tt(s, t.data);
+ return e[0] = /* @__PURE__ */ b("a", { href: o, ...i, children: e[0] }), e;
+ }
+ },
+ avatar: {
+ onRenderCell(e, { col: n, row: t }) {
+ const { data: s } = t, { avatarWithName: i, avatarClass: o = "size-xs circle", avatarKey: r = `${n.name}Avatar` } = n.setting, l = /* @__PURE__ */ b("div", { className: `avatar ${o} flex-none`, children: /* @__PURE__ */ b("img", { src: s ? s[r] : "" }) });
+ return i ? e.unshift(l) : e[0] = l, e;
+ }
+ },
+ circleProgress: {
+ align: "center",
+ onRenderCell(e, { col: n }) {
+ const { circleSize: t = 24, circleBorderSize: s = 1, circleBgColor: i = "var(--color-border)", circleColor: o = "var(--color-success-500)" } = n.setting, r = (t - s) / 2, l = t / 2, a = e[0];
+ return e[0] = /* @__PURE__ */ b("svg", { width: t, height: t, children: [
+ /* @__PURE__ */ b("circle", { cx: l, cy: l, r, "stroke-width": s, stroke: i, fill: "transparent" }),
+ /* @__PURE__ */ b("circle", { cx: l, cy: l, r, "stroke-width": s, stroke: o, fill: "transparent", "stroke-linecap": "round", "stroke-dasharray": Math.PI * r * 2, "stroke-dashoffset": Math.PI * r * 2 * (100 - a) / 100, style: { transformOrigin: "center", transform: "rotate(-90deg)" } }),
+ /* @__PURE__ */ b("text", { x: l, y: l + s, "dominant-baseline": "middle", "text-anchor": "middle", style: { fontSize: `${r}px` }, children: Math.round(a) })
+ ] }), e;
+ }
+ },
+ actionButtons: {
+ onRenderCell(e, { col: n, row: t }) {
+ var l;
+ const s = (l = t.data) == null ? void 0 : l[n.name];
+ if (!s)
+ return e;
+ const { actionBtnTemplate: i = '', actionBtnData: o = {}, actionBtnClass: r = "btn text-primary square size-sm ghost" } = n.setting;
+ return [{
+ html: s.map((a) => {
+ typeof a == "string" && (a = { action: a });
+ const h = o[a.action];
+ return h && (a = { className: r, ...h, ...a }), tt(i, a);
+ }).join(" ")
+ }];
+ }
+ },
+ format: {
+ onRenderCell(e, { col: n }) {
+ let { format: t } = n.setting;
+ if (!t)
+ return e;
+ typeof t == "string" && (t = { type: "text", format: t });
+ const { format: s, type: i } = t, o = e[0];
+ return typeof s == "function" ? e[0] = i === "html" ? { html: s(o) } : s(o) : i === "datetime" ? e[0] = So(o, s) : i === "html" ? e[0] = { html: tt(s, o) } : e[0] = tt(s, o), e;
+ }
+ }
+ }
+}, Jf = Nt(Xf, { buildIn: !0 }), Qf = {
+ name: "sort-type",
+ onRenderHeaderCell(e, { col: n }) {
+ const { sortType: t } = n.setting;
+ if (t) {
+ const { sortLink: s = this.options.sortLink, sortAttrs: i } = n.setting, o = t === !0 ? "none" : t;
+ if (e.push(
+ /* @__PURE__ */ b("div", { className: `dtable-sort dtable-sort-${o}` }),
+ { outer: !0, attrs: { "data-sort": o } }
+ ), s) {
+ const r = typeof s == "function" ? s.call(this, n, o) : s;
+ e.push(
+ { tagName: "a", attrs: { href: r, ...i } }
+ );
+ }
+ }
+ return e;
+ }
+}, Zf = Nt(Qf, { buildIn: !0 }), td = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+ __proto__: null,
+ NestedRowState: xa,
+ checkable: qf,
+ colHover: Ff,
+ nested: Yf,
+ rich: Jf,
+ sortType: Zf
+}, Symbol.toStringTag, { value: "Module" }));
+class fn extends J {
+}
+w(fn, "NAME", "dtable"), w(fn, "Component", jf), w(fn, "definePlugin", Nt), w(fn, "removePlugin", fa), w(fn, "plugins", td);
+function ed(e) {
+ const [n, t] = e.split(":"), s = n[0] === "-" ? { name: n.substring(1), disabled: !0 } : { name: n };
+ return t != null && t.length && (s.type = "dropdown", s.items = t.split(",").reduce((i, o) => (o = o.trim(), o.length && i.push(o[0] === "-" ? { name: o.substring(1), disabled: !0 } : { name: o }), i), [])), s;
+}
+const nd = (e, n) => {
+ var t;
+ return e.url && (e.url = tt(e.url, n.row.data)), (t = e.dropdown) != null && t.items && (e.dropdown.items = e.dropdown.items.map((s) => (s.url && (s.url = tt(s.url, n.row.data)), s))), e;
+}, sd = {
+ name: "actions",
+ colTypes: {
+ actions: {
+ onRenderCell(e, n) {
+ var c;
+ const { row: t, col: s } = n;
+ let i = (c = t.data) == null ? void 0 : c[s.name];
+ if (typeof i == "string" && (i = i.split("|")), !(i != null && i.length))
+ return e;
+ const { actionsSetting: o, actionsMap: r, actionsCreator: l = this.options.actionsCreator, actionItemCreator: a = this.options.actionItemCreator || nd } = s.setting, h = {
+ items: (l == null ? void 0 : l(n)) ?? i.map((u) => {
+ if (u = typeof u == "string" ? ed(u) : u, !u)
+ return;
+ const { name: d, items: f, ...p } = u;
+ if (r && d && (Object.assign(p, r[d], { ...p }), typeof p.buildProps == "function")) {
+ const { buildProps: g } = p;
+ delete p.buildProps, Object.assign(p, g(e, n));
+ }
+ if (f && p.type === "dropdown") {
+ const { dropdown: g = {} } = p;
+ g.menu = {
+ className: "menu-dtable-actions",
+ items: f.reduce((y, _) => {
+ const v = typeof _ == "string" ? { name: _ } : { ..._ };
+ return v != null && v.name && (r && "name" in v && Object.assign(v, r[v.name], { ...v }), y.push(v)), y;
+ }, [])
+ }, p.dropdown = g;
+ }
+ return a ? a(p, n) : p;
+ }).filter(Boolean),
+ btnProps: { size: "sm", className: "text-primary" },
+ ...o
+ };
+ return e[0] = /* @__PURE__ */ b(ae, { ...h }), e;
+ }
+ }
+ }
+}, id = Nt(sd), od = {
+ name: "toolbar",
+ footer: {
+ toolbar() {
+ const { footToolbar: e } = this.options;
+ return [e ? /* @__PURE__ */ b(ae, { ...e }) : null];
+ }
+ }
+}, rd = Nt(od), ld = {
+ name: "pager",
+ footer: {
+ pager() {
+ const { footPager: e } = this.options;
+ return [e ? /* @__PURE__ */ b(Ic, { ...e }) : null];
+ }
+ }
+}, cd = Nt(ld);
+const ad = {
+ name: "zentao",
+ plugins: ["checkable", "nested", id, rd, cd],
+ defaultOptions: {
+ footer: ["checkbox", "checkedInfo"],
+ colHover: !1,
+ rowHeight: 36,
+ filterable: !0,
+ striped: !1,
+ responsive: !0,
+ checkable: !1,
+ nested: !1,
+ height: (e) => {
+ var n, t;
+ return Math.min(e, window.innerHeight - 1 - (((n = document.getElementById("header")) == null ? void 0 : n.clientHeight) ?? 0) - (((t = document.getElementById("mainMenu")) == null ? void 0 : t.clientHeight) ?? 0));
+ }
+ },
+ colTypes: {
+ status: {
+ width: 80,
+ align: "center",
+ sortType: !0,
+ onRenderCell(e, { col: n, row: t }) {
+ var r, l;
+ const s = (r = t.data) == null ? void 0 : r[n.name];
+ let i, o;
+ return typeof s == "string" ? (i = s, o = (l = n.setting.statusMap) == null ? void 0 : l[s]) : typeof s == "object" && s && ({ name: i, label: o } = s), e[0] = /* @__PURE__ */ E("span", { class: `${n.setting.statusClassPrefix ?? "status-"}${i}` }, o ?? i), e;
+ }
+ },
+ avatarBtn: {
+ width: 100,
+ sortType: !0,
+ onRenderCell(e, { col: n, row: t }) {
+ const { data: s } = t, i = s ? s[n.name] : void 0;
+ if (!(i != null && i.length))
+ return e;
+ const { avatarClass: o = "circle", avatarKey: r = `${n.name}Avatar`, avatarSetting: l, avatarCodeKey: a, avatarNameKey: h = `${n.name}Name`, avatarBtnProps: c } = n.setting, u = (s ? s[h] : i) || e[0], d = {
+ size: "xs",
+ className: M(o, l == null ? void 0 : l.className, "flex-none"),
+ src: s ? s[r] : void 0,
+ text: u,
+ code: a ? s ? s[a] : void 0 : i,
+ ...l
+ }, f = typeof c == "function" ? c(e, n, t) : c || {};
+ return e[0] = /* @__PURE__ */ E("button", { type: "button", className: "btn btn-avatar", ...f }, /* @__PURE__ */ E(Nc, { ...d }), /* @__PURE__ */ E("div", null, u)), e;
+ }
+ }
+ },
+ onRenderCell(e, { row: n, col: t }) {
+ const { iconRender: s } = t.setting;
+ if (typeof s != "function")
+ return e;
+ const i = s(n);
+ return i && e.unshift(typeof i == "object" ? /* @__PURE__ */ E("i", { ...i }) : /* @__PURE__ */ E("i", { className: i })), e;
+ }
+}, Fd = Nt(ad, { buildIn: !0 });
+function Ra(e) {
+ e = e || location.search, e[0] === "?" && (e = e.substring(1));
+ try {
+ return JSON.parse('{"' + decodeURI(e).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g, '":"') + '"}');
+ } catch {
+ return {};
+ }
+}
+function ud(e) {
+ if (!e)
+ return { url: e };
+ const { config: n } = window;
+ if (/^https?:\/\//.test(e)) {
+ const a = window.location.origin;
+ if (!e.includes(a))
+ return { external: !0, url: e };
+ e = e.substring((a + n.webRoot).length);
+ }
+ const t = e.split("#"), s = t[0].split("?"), i = s[1], o = i ? Ra(i) : {};
+ let r = s[0];
+ const l = {
+ url: e,
+ isOnlyBody: o.onlybody === "yes",
+ vars: [],
+ hash: t[1] || "",
+ params: o,
+ tid: o.tid || ""
+ };
+ if (n.requestType === "GET") {
+ l.moduleName = o[n.moduleVar] || "index", l.methodName = o[n.methodVar] || "index", l.viewType = o[n.viewVar] || n.defaultView;
+ for (const a in o)
+ a !== n.moduleVar && a !== n.methodVar && a !== n.viewVar && a !== "onlybody" && a !== "tid" && l.vars.push([a, o[a]]);
+ } else {
+ let a = r.lastIndexOf("/");
+ a === r.length - 1 && (r = r.substring(0, a), a = r.lastIndexOf("/")), a >= 0 && (r = r.substring(a + 1));
+ const h = r.lastIndexOf(".");
+ h >= 0 ? (l.viewType = r.substring(h + 1), r = r.substring(0, h)) : l.viewType = n.defaultView;
+ const c = r.split(n.requestFix);
+ if (l.moduleName = c[0] || "index", l.methodName = c[1] || "index", c.length > 2)
+ for (let u = 2; u < c.length; u++)
+ l.vars.push(["", c[u]]), o["$" + (u - 1)] = c[u];
+ }
+ return l;
+}
+function ka(e, n, t, s, i, o, r, l) {
+ if (typeof e == "object")
+ return ka(e.moduleName, e.methodName, e.vars, e.viewType, e.isOnlyBody, e.hash, e.tid, e.params);
+ l && l.isOnlyBody !== void 0 && i === void 0 && (i = !!l.isOnlyBody);
+ const a = window.config;
+ if (s || (s = a.defaultView), i || (i = !1), t) {
+ typeof t == "string" && (t = t.split("&"));
+ for (let u = 0; u < t.length; u++) {
+ const d = t[u];
+ if (typeof d == "string") {
+ const f = d.split("=");
+ t[u] = [f.shift(), f.join("=")];
+ }
+ }
+ }
+ const h = [], c = a.requestType === "GET";
+ if (c) {
+ if (h.push(a.router, "?", a.moduleVar, "=", e, "&", a.methodVar, "=", n), t)
+ for (let u = 0; u < t.length; u++)
+ h.push("&", t[u][0], "=", t[u][1]);
+ h.push("&", a.viewVar, "=", s);
+ } else {
+ if (a.requestType == "PATH_INFO" && h.push(a.webRoot, e, a.requestFix, n), a.requestType == "PATH_INFO2" && h.push(a.webRoot, "index.php/", e, a.requestFix, n), t)
+ for (let u = 0; u < t.length; u++)
+ h.push(a.requestFix + t[u][1]);
+ h.push(".", s);
+ }
+ return (a.onlybody === "yes" || i) && h.push(c ? "&" : "?", "onlybody=yes"), l && Object.keys(l).forEach((u) => {
+ const d = l[u];
+ u === "tid" || u === "isOnlyBody" || u[0] === "$" || h.push(!c && !h.includes("?") ? "?" : "&", u, "=", d);
+ }), r && a.tabSession && h.push(!c && !h.includes("?") ? "?" : "&", "tid=", r), typeof o == "string" && h.push(o.startsWith("#") ? "" : "#", o), h.join("");
+}
+const hd = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+ __proto__: null,
+ createLink: ka,
+ parseLink: ud,
+ parseUrlParams: Ra
+}, Symbol.toStringTag, { value: "Module" })), ro = /* @__PURE__ */ new Map();
+function Bd(e, n, t) {
+ const { zui: s } = window;
+ ro.size || Object.keys(s).forEach((o) => {
+ o[0] === o[0].toUpperCase() && ro.set(o.toLowerCase(), s[o]);
+ });
+ const i = ro.get(e.toLowerCase());
+ return i ? new i(n, t) : null;
+}
+window.$ && Object.assign(window.$, hd);
+export {
+ A as $,
+ mr as ActionMenu,
+ yr as ActionMenuNested,
+ Of as AjaxForm,
+ jr as Avatar,
+ Wr as BtnGroup,
+ _r as Button,
+ lt as ContextMenu,
+ fn as DTable,
+ st as Dropdown,
+ Hi as EventBus,
+ br as Menu,
+ tl as MenuTree,
+ mn as Messager,
+ nt as Modal,
+ Cn as ModalTrigger,
+ Fr as Nav,
+ _n as NavTabs,
+ Ur as Pager,
+ qr as Picker,
+ Mr as ProgressCircle,
+ el as QuickMenu,
+ nl as SearchForm,
+ Or as Switch,
+ Pt as TIME_DAY,
+ Gr as Toolbar,
+ ht as Tooltip,
+ Va as addI18nMap,
+ Cd as ajax,
+ Ed as browser,
+ $d as bus,
+ zr as calculateTimestamp,
+ qu as cash,
+ ro as componentsMap,
+ pd as convertBytes,
+ Bd as create,
+ at as createDate,
+ dd as formatBytes,
+ So as formatDate,
+ Od as formatDateSpan,
+ tt as formatString,
+ za as getLangCode,
+ Pd as getTimeBeforeDesc,
+ as as i18n,
+ Md as isDBY,
+ Qi as isObject,
+ hs as isSameDay,
+ ef as isSameMonth,
+ Td as isSameWeek,
+ Br as isSameYear,
+ Ad as isToday,
+ Ld as isTomorrow,
+ Nd as isYesterday,
+ go as mergeDeep,
+ mo as nativeEvents,
+ Ua as setLangCode,
+ Th as store,
+ Fd as zentao,
+ ad as zentaoPlugin
+};
diff --git a/www/js/zui3/zui.zentao.umd.cjs b/www/js/zui3/zui.zentao.umd.cjs
new file mode 100644
index 0000000000..66ec4543b8
--- /dev/null
+++ b/www/js/zui3/zui.zentao.umd.cjs
@@ -0,0 +1,3 @@
+(function(E,F){typeof exports=="object"&&typeof module<"u"?F(exports):typeof define=="function"&&define.amd?define(["exports"],F):(E=typeof globalThis<"u"?globalThis:E||self,F(E.zui={}))})(this,function(E){var Ft,zt,Fn,xe,ys,sa,Ut,Ge,wt,Vt,or,zn,At,Ke,rr,ue,Ye,Un,Vn,ri,ha,li,fa,Xe,Je,Qe,ci,da,qn,Ze,tn,en,to,Se,nn,qt,ai,pa,ui,ma,hi,Gn,he,Nt,sn,on,eo,Ee,Kn,fe,fi,rn,no,Yn,ln,Xn,Jn,Qn,Lt,cn,so,di,ga,Zn,mr,de,pi,ya,mi,_a,gi,ba,ur,es,yi,_i,bi,wa,ns,wi,ss,vi,hr,is,os,rs,an,io,ls,gr,xi,va,Si,xa,Ei,Ci,$i,ki,Ti,Sa,un,hn,fn,Ce,ut,Ri,cs,as,yr,Ai,Ea,Ni,Ca,Li,$a,Mi,ka,Oi,Ta,Pi,Ra,Di,Aa,dn,Hi,Na,yt,fr,Gt,Ii,La,ji,Ma,Wi,Oa,ke,Te,Bi,Re,pn,pe,Mt,me,nt,vt,Ot,mn,us,hs,Kt,gn,yn,Fi,Pa,zi,Da,Ui,Ha,Vi,Ia,fs,_r,qi,Gi,ds,ps,Ki,Yi,Xi,ja,Ji,Wa,Qi,Ba;"use strict";var _d=Object.defineProperty;var bd=(E,F,Y)=>F in E?_d(E,F,{enumerable:!0,configurable:!0,writable:!0,value:Y}):E[F]=Y;var w=(E,F,Y)=>(bd(E,typeof F!="symbol"?F+"":F,Y),Y),pr=(E,F,Y)=>{if(!F.has(E))throw TypeError("Cannot "+Y)};var m=(E,F,Y)=>(pr(E,F,"read from private field"),Y?Y.call(E):F.get(E)),x=(E,F,Y)=>{if(F.has(E))throw TypeError("Cannot add the same private member more than once");F instanceof WeakSet?F.add(E):F.set(E,Y)},T=(E,F,Y,bn)=>(pr(E,F,"write to private field"),bn?bn.call(E,Y):F.set(E,Y),Y),ua=(E,F,Y,bn)=>({set _(br){T(E,F,br,Y)},get _(){return m(E,F,bn)}}),L=(E,F,Y)=>(pr(E,F,"access private method"),Y);const F="",Y="",bn="",br="",wd="";var wn,U,wr,rt,ge,vr,xr,oo,Sr,_s={},Er=[],Fa=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function Dt(e,n){for(var t in n)e[t]=n[t];return e}function Cr(e){var n=e.parentNode;n&&n.removeChild(e)}function C(e,n,t){var s,i,o,r={};for(o in n)o=="key"?s=n[o]:o=="ref"?i=n[o]:r[o]=n[o];if(arguments.length>2&&(r.children=arguments.length>3?wn.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(o in e.defaultProps)r[o]===void 0&&(r[o]=e.defaultProps[o]);return vn(e,r,s,i,null)}function vn(e,n,t,s,i){var o={type:e,props:n,key:t,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:i??++wr};return i==null&&U.vnode!=null&&U.vnode(o),o}function Oe(){return{current:null}}function xn(e){return e.children}function V(e,n){this.props=e,this.context=n}function Sn(e,n){if(n==null)return e.__?Sn(e.__,e.__.__k.indexOf(e)+1):null;for(var t;nn&&ge.sort(oo));bs.__r=0}function kr(e,n,t,s,i,o,r,l,a,h){var c,u,d,f,p,g,y,_=s&&s.__k||Er,v=_.length;for(t.__k=[],c=0;c0?vn(f.type,f.props,f.key,f.ref?f.ref:null,f.__v):f)!=null){if(f.__=t,f.__b=t.__b+1,(d=_[c])===null||d&&f.key==d.key&&f.type===d.type)_[c]=void 0;else for(u=0;u=0;n--)if((t=e.__k[n])&&(s=Nr(t)))return s}return null}function za(e,n,t,s,i){var o;for(o in t)o==="children"||o==="key"||o in n||ws(e,o,null,t[o],s);for(o in n)i&&typeof n[o]!="function"||o==="children"||o==="key"||o==="value"||o==="checked"||t[o]===n[o]||ws(e,o,n[o],t[o],s)}function Lr(e,n,t){n[0]==="-"?e.setProperty(n,t??""):e[n]=t==null?"":typeof t!="number"||Fa.test(n)?t:t+"px"}function ws(e,n,t,s,i){var o;t:if(n==="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof s=="string"&&(e.style.cssText=s=""),s)for(n in s)t&&n in t||Lr(e.style,n,"");if(t)for(n in t)s&&t[n]===s[n]||Lr(e.style,n,t[n])}else if(n[0]==="o"&&n[1]==="n")o=n!==(n=n.replace(/Capture$/,"")),n=n.toLowerCase()in e?n.toLowerCase().slice(2):n.slice(2),e.l||(e.l={}),e.l[n+o]=t,t?s||e.addEventListener(n,o?Or:Mr,o):e.removeEventListener(n,o?Or:Mr,o);else if(n!=="dangerouslySetInnerHTML"){if(i)n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(n!=="width"&&n!=="height"&&n!=="href"&&n!=="list"&&n!=="form"&&n!=="tabIndex"&&n!=="download"&&n in e)try{e[n]=t??"";break t}catch{}typeof t=="function"||(t==null||t===!1&&n[4]!=="-"?e.removeAttribute(n):e.setAttribute(n,t))}}function Mr(e){return this.l[e.type+!1](U.event?U.event(e):e)}function Or(e){return this.l[e.type+!0](U.event?U.event(e):e)}function lo(e,n,t,s,i,o,r,l,a){var h,c,u,d,f,p,g,y,_,v,S,k,N,H,M,P=n.type;if(n.constructor!==void 0)return null;t.__h!=null&&(a=t.__h,l=n.__e=t.__e,n.__h=null,o=[l]),(h=U.__b)&&h(n);try{t:if(typeof P=="function"){if(y=n.props,_=(h=P.contextType)&&s[h.__c],v=h?_?_.props.value:h.__:s,t.__c?g=(c=n.__c=t.__c).__=c.__E:("prototype"in P&&P.prototype.render?n.__c=c=new P(y,v):(n.__c=c=new V(y,v),c.constructor=P,c.render=Va),_&&_.sub(c),c.props=y,c.state||(c.state={}),c.context=v,c.__n=s,u=c.__d=!0,c.__h=[],c._sb=[]),c.__s==null&&(c.__s=c.state),P.getDerivedStateFromProps!=null&&(c.__s==c.state&&(c.__s=Dt({},c.__s)),Dt(c.__s,P.getDerivedStateFromProps(y,c.__s))),d=c.props,f=c.state,c.__v=n,u)P.getDerivedStateFromProps==null&&c.componentWillMount!=null&&c.componentWillMount(),c.componentDidMount!=null&&c.__h.push(c.componentDidMount);else{if(P.getDerivedStateFromProps==null&&y!==d&&c.componentWillReceiveProps!=null&&c.componentWillReceiveProps(y,v),!c.__e&&c.shouldComponentUpdate!=null&&c.shouldComponentUpdate(y,c.__s,v)===!1||n.__v===t.__v){for(n.__v!==t.__v&&(c.props=y,c.state=c.__s,c.__d=!1),c.__e=!1,n.__e=t.__e,n.__k=t.__k,n.__k.forEach(function(R){R&&(R.__=n)}),S=0;S2&&(r.children=arguments.length>3?wn.call(arguments,2):t),vn(e.type,r,s||e.key,i||e.ref,null)}function Ga(e,n){var t={__c:n="__cC"+Sr++,__:e,Consumer:function(s,i){return s.children(i)},Provider:function(s){var i,o;return this.getChildContext||(i=[],(o={})[n]=this,this.getChildContext=function(){return o},this.shouldComponentUpdate=function(r){this.props.value!==r.value&&i.some(function(l){l.__e=!0,ro(l)})},this.sub=function(r){i.push(r);var l=r.componentWillUnmount;r.componentWillUnmount=function(){i.splice(i.indexOf(r),1),l&&l.call(r)}}),s.children}};return t.Provider.__=t.Consumer.contextType=t}wn=Er.slice,U={__e:function(e,n,t,s){for(var i,o,r;n=n.__;)if((i=n.__c)&&!i.__)try{if((o=i.constructor)&&o.getDerivedStateFromError!=null&&(i.setState(o.getDerivedStateFromError(e)),r=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,s||{}),r=i.__d),r)return i.__E=i}catch(l){e=l}throw e}},wr=0,rt=function(e){return e!=null&&e.constructor===void 0},V.prototype.setState=function(e,n){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=Dt({},this.state),typeof e=="function"&&(e=e(Dt({},t),this.props)),e&&Dt(t,e),e!=null&&this.__v&&(n&&this._sb.push(n),ro(this))},V.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),ro(this))},V.prototype.render=xn,ge=[],xr=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,oo=function(e,n){return e.__v.__b-n.__v.__b},bs.__r=0,Sr=0;const Ka=Object.freeze(Object.defineProperty({__proto__:null,Component:V,Fragment:xn,cloneElement:qa,createContext:Ga,createElement:C,createRef:Oe,h:C,hydrate:Ir,get isValidElement(){return rt},get options(){return U},render:En,toChildArray:Rr},Symbol.toStringTag,{value:"Module"}));var Ya=0;function b(e,n,t,s,i,o){var r,l,a={};for(l in n)l=="ref"?r=n[l]:a[l]=n[l];var h={type:e,props:a,key:t,ref:r,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--Ya,__source:i,__self:o};if(typeof e=="function"&&(r=e.defaultProps))for(l in r)a[l]===void 0&&(a[l]=r[l]);return U.vnode&&U.vnode(h),h}class Xa{constructor(n=""){x(this,Ft,void 0);typeof n=="object"?T(this,Ft,n):T(this,Ft,document.appendChild(document.createComment(n)))}on(n,t,s){m(this,Ft).addEventListener(n,t,s)}once(n,t,s){m(this,Ft).addEventListener(n,t,{once:!0,...s})}off(n,t,s){m(this,Ft).removeEventListener(n,t,s)}emit(n){return m(this,Ft).dispatchEvent(n),n}}Ft=new WeakMap;const vs=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);class Cn extends Xa{on(n,t,s){super.on(n,t,s)}off(n,t,s){super.off(n,t,s)}once(n,t,s){super.once(n,t,s)}emit(n,t){return typeof n=="string"&&(vs.has(n)?(n=new Event(n),Object.assign(n,{detail:t})):n=new CustomEvent(n,{detail:t})),super.emit(Cn.createEvent(n,t))}static createEvent(n,t){return typeof n=="string"&&(vs.has(n)?(n=new Event(n),Object.assign(n,{detail:t})):n=new CustomEvent(n,{detail:t})),n}}class jr extends Cn{constructor(t="",s){super(t);x(this,xe);x(this,zt,new Map);x(this,Fn,void 0);T(this,Fn,s==null?void 0:s.customEventSuffix)}on(t,s,i){t=L(this,xe,ys).call(this,t),super.on(t,s,i),m(this,zt).set(s,[t,i])}off(t,s,i){t=L(this,xe,ys).call(this,t),super.off(t,s,i),m(this,zt).delete(s)}once(t,s,i){t=L(this,xe,ys).call(this,t);const o=r=>{s(r),m(this,zt).delete(o)};super.once(t,o,i),m(this,zt).set(o,[t,i])}emit(t,s){return typeof t=="string"&&(t=L(this,xe,ys).call(this,t)),super.emit(t,s)}offAll(){Array.from(m(this,zt).entries()).forEach(([t,[s,i]])=>{super.off(s,t,i)}),m(this,zt).clear()}}zt=new WeakMap,Fn=new WeakMap,xe=new WeakSet,ys=function(t){const s=m(this,Fn);return vs.has(t)||typeof s!="string"||t.endsWith(s)?t:`${t}${s}`};function Ja(e,n){if(e==null)return[e,void 0];typeof n=="string"&&(n=n.split("."));const t=n.join(".");let s=e;const i=[s];for(;typeof s=="object"&&s!==null&&n.length;){let o=n.shift(),r;const l=o.indexOf("[");if(l>0&&l{const i=t[s]??0;e=e.replace(new RegExp(`\\{${s}\\}`,"g"),`${i}`)}),e}for(let t=0;t(e[e.B=1]="B",e[e.KB=1024]="KB",e[e.MB=1048576]="MB",e[e.GB=1073741824]="GB",e[e.TB=1099511627776]="TB",e))(co||{});function Za(e,n=2,t=""){return Number.isNaN(e)?"?KB":(t||(e<1024?t="B":e<1048576?t="KB":e<1073741824?t="MB":e<1099511627776?t="GB":t="TB"),(e/co[t]).toFixed(n)+t)}const tu=e=>{const n=/^[0-9]*(B|KB|MB|GB|TB)$/;e=e.toUpperCase();const t=e.match(n);if(!t)return 0;const s=t[1];return e=e.replace(s,""),Number.parseInt(e,10)*co[s]};let ao=((sa=document.documentElement.getAttribute("lang"))==null?void 0:sa.toLowerCase())??"zh_cn",Qt;function Wr(){return ao}function Br(e){ao=e.toLowerCase()}function Fr(e,n){Qt||(Qt={}),typeof e=="string"&&(e={[e]:n??{}}),Ss(Qt,e)}function Pe(e,n,t,s,i,o){Array.isArray(e)?Qt&&e.unshift(Qt):e=Qt?[Qt,e]:[e],typeof t=="string"&&(o=i,i=s,s=t,t=void 0);const r=i||ao;let l;for(const a of e){if(!a)continue;const h=a[r];if(!h)continue;const c=o&&a===Qt?`${o}.${n}`:n;if(l=Qa(h,c),l!==void 0)break}return l===void 0?s:t?st(l,...Array.isArray(t)?t:[t]):l}Pe.addLang=Fr,Pe.getCode=Wr,Pe.setCode=Br;function eu(e){return Object.fromEntries(Object.entries(e).map(([n,t])=>{if(typeof t=="string")try{t=JSON.parse(t)}catch{}return[n,t]}))}const uo=new Map;class xt{constructor(n,t){x(this,Ut,void 0);x(this,Ge,void 0);x(this,wt,void 0);n=typeof n=="string"?document.querySelector(n):n,this.constructor.EVENTS&&T(this,wt,new jr(n,{customEventSuffix:`.${this.constructor.KEY}`})),T(this,Ut,{...this.constructor.DEFAULT}),this.setOptions({...n instanceof HTMLElement?eu(n.dataset):null,...t}),this.constructor.all.set(n,this),T(this,Ge,n),this.init(),requestAnimationFrame(()=>{this.afterInit(),this.emit("inited",this)})}get options(){return m(this,Ut)}get element(){return m(this,Ge)}get events(){return m(this,wt)}init(){}afterInit(){}setOptions(n){return n&&Object.assign(m(this,Ut),n),m(this,Ut)}render(n){this.setOptions(n)}destroy(){this.constructor.all.delete(m(this,Ge)),m(this,wt)&&(this.emit("destroyed",this),m(this,wt).offAll())}on(n,t,s){var i;(i=m(this,wt))==null||i.on(n,t,s)}once(n,t,s){var i;(i=m(this,wt))==null||i.once(n,t,s)}off(n,t,s){var i;(i=m(this,wt))==null||i.off(n,t,s)}emit(n,t,s){var o;let i=jr.createEvent(n,t);if(s!==!1){const r=s||`on${n[0].toUpperCase()}${n.substring(1)}`,l=m(this,Ut)[r];l&&l(i)===!1&&(i.preventDefault(),i.stopPropagation())}return i=(o=m(this,wt))==null?void 0:o.emit(n,t),i}i18n(n,t,s){return Pe(m(this,Ut).i18n,n,t,s,this.options.lang,this.constructor.NAME)??`{i18n:${n}}`}static get NAME(){throw new Error(`static NAME should be override in class ${this.name}`)}static get KEY(){return`zui.${this.NAME}`}static get all(){const n=this.NAME;if(uo.has(n))return uo.get(n);const t=new Map;return uo.set(n,t),t}static getAll(){return this.all}static get(n){return this.all.get(n)}static ensure(n,t){return this.get(n)||new this(n,t)}}Ut=new WeakMap,Ge=new WeakMap,wt=new WeakMap,w(xt,"EVENTS",!1),w(xt,"DEFAULT",{});class Z extends xt{constructor(){super(...arguments);w(this,"ref",Oe())}get $(){return this.ref.current}init(){requestAnimationFrame(()=>this.render())}destroy(){super.destroy(),this.element.innerHTML=""}render(t){const s=this.constructor.Component;En(b(s,{ref:this.ref,...this.setOptions(t)}),this.element)}}w(Z,"Component");var ho,G,zr,Ur,$n,Vr,qr={},Gr=[],nu=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function Zt(e,n){for(var t in n)e[t]=n[t];return e}function Kr(e){var n=e.parentNode;n&&n.removeChild(e)}function De(e,n,t){var s,i,o,r={};for(o in n)o=="key"?s=n[o]:o=="ref"?i=n[o]:r[o]=n[o];if(arguments.length>2&&(r.children=arguments.length>3?ho.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(o in e.defaultProps)r[o]===void 0&&(r[o]=e.defaultProps[o]);return Es(e,r,s,i,null)}function Es(e,n,t,s,i){var o={type:e,props:n,key:t,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:i??++zr};return i==null&&G.vnode!=null&&G.vnode(o),o}function su(){return{current:null}}function fo(e){return e.children}function kn(e,n){this.props=e,this.context=n}function Tn(e,n){if(n==null)return e.__?Tn(e.__,e.__.__k.indexOf(e)+1):null;for(var t;n0?Es(f.type,f.props,f.key,f.ref?f.ref:null,f.__v):f)!=null){if(f.__=t,f.__b=t.__b+1,(d=_[c])===null||d&&f.key==d.key&&f.type===d.type)_[c]=void 0;else for(u=0;u{if(Array.isArray(i)&&(o=i[1],i=i[0]),!i.length)return;const r=t.get(i);typeof r=="number"?n[r][1]=!!o:(t.set(i,n.length),n.push([i,!!o]))};return e.forEach(i=>{typeof i=="function"&&(i=i()),Array.isArray(i)?ks(...i).forEach(s):i&&typeof i=="object"?Object.entries(i).forEach(s):typeof i=="string"&&i.split(" ").forEach(o=>s(o,!0))}),n.sort((i,o)=>(t.get(i[0])||0)-(t.get(o[0])||0))}const O=(...e)=>ks(...e).reduce((n,[t,s])=>(s&&n.push(t),n),[]).join(" "),vd="";function au({component:e="div",className:n,children:t,style:s,attrs:i}){return De(e,{className:O(n),style:s,...i},t)}function rl({component:e="a",className:n,children:t,attrs:s,url:i,disabled:o,active:r,icon:l,text:a,target:h,trailingIcon:c,hint:u,onClick:d,...f}){const p=[typeof l=="string"?pt("i",{class:`icon ${l}`}):l,pt("span",{className:"text",children:a}),typeof t=="function"?t():t,typeof c=="string"?pt("i",{class:`icon ${c}`}):c];return De(e,{className:O(n,{disabled:o,active:r}),title:u,[e==="a"?"href":"data-url"]:i,[e==="a"?"target":"data-target"]:h,onClick:d,...f,...s},...p)}function uu({component:e="div",className:n,text:t,attrs:s,children:i,style:o,onClick:r}){return De(e,{className:O(n),style:o,onClick:r,...s},t,typeof i=="function"?i():i)}function hu({component:e="div",className:n,style:t,space:s,flex:i,attrs:o,onClick:r,children:l}){return De(e,{className:O(n),style:{width:s,height:s,flex:i,...t},onClick:r,...o},l)}function fu(e){const{tag:n,className:t,style:s,renders:i,generateArgs:o=[],generatorThis:r,generators:l,onGenerate:a,onRenderItem:h,...c}=e,u=[t],d={...s},f=[],p=[];return i.forEach(g=>{const y=[];typeof g=="string"&&l&&l[g]&&(g=l[g]),typeof g=="function"?a?y.push(...a.call(r,g,f,...o)):y.push(...g.call(r,f,...o)??[]):y.push(g),y.forEach(_=>{_!=null&&(typeof _=="object"&&!rt(_)&&("html"in _||"__html"in _||"className"in _||"style"in _||"attrs"in _||"children"in _)?_.html?f.push(b("div",{className:O(_.className),style:_.style,dangerouslySetInnerHTML:{__html:_.html},..._.attrs??{}})):_.__html?p.push(_.__html):(_.style&&Object.assign(d,_.style),_.className&&u.push(_.className),_.children&&f.push(_.children),_.attrs&&Object.assign(c,_.attrs)):f.push(_))})}),p.length&&Object.assign(c,{dangerouslySetInnerHTML:{__html:p}}),[{className:O(u),style:d,...c},f]}function po({tag:e="div",...n}){const[t,s]=fu(n);return C(e,t,...s)}function du({type:e,...n}){return pt(po,{...n})}function ll({component:e="div",className:n,children:t,style:s,attrs:i}){return De(e,{className:O(n),style:s,...i},t)}let Ts=(Vt=class extends kn{constructor(){super(...arguments);w(this,"ref",su())}get name(){return this.props.name??this.constructor.NAME}componentDidMount(){this.afterRender(!0)}componentDidUpdate(){this.afterRender(!1)}componentWillUnmount(){var t,s;(s=(t=this.props).beforeDestroy)==null||s.call(t,{menu:this})}afterRender(t){var s,i;(i=(s=this.props).afterRender)==null||i.call(s,{menu:this,firstRender:t})}handleItemClick(t,s,i,o){i&&i.call(o.target,o);const{onClickItem:r}=this.props;r&&r({menu:this,item:t,index:s,event:o})}beforeRender(){var i;const t={...this.props};typeof t.items=="function"&&(t.items=t.items(this));const s=(i=t.beforeRender)==null?void 0:i.call(t,{menu:this,options:t});return s&&Object.assign(t,s),t}getItemRenderProps(t,s,i){const{commonItemProps:o,onClickItem:r}=t,l={key:i,...s};return o&&Object.assign(l,o[s.type||"item"]),(r||s.onClick)&&(l.onClick=this.handleItemClick.bind(this,l,i,s.onClick)),l.className=O(l.className),l}renderItem(t,s,i){const o=this.getItemRenderProps(t,s,i),{itemRender:r}=t;if(r){if(typeof r=="object"){const y=r[s.type||"item"];if(y)return pt(y,{...o})}else if(typeof r=="function"){const y=r.call(this,o,De);if(Ur(y))return y;typeof y=="object"&&Object.assign(o,y)}}const{type:l="item",component:a,key:h=i,rootAttrs:c,rootClass:u,rootStyle:d,rootChildren:f,...p}=o;if(l==="html")return pt("li",{className:O("action-menu-item",`${this.name}-html`,u,p.className),...c,style:d||p.style,dangerouslySetInnerHTML:{__html:p.html}},h);const g=!a||typeof a=="string"?this.constructor.ItemComponents&&this.constructor.ItemComponents[l]||Vt.ItemComponents[l]:a;return Object.assign(p,{type:l,component:typeof a=="string"?a:void 0}),this.renderTypedItem(g,{className:O(u),children:f,style:d,key:h,...c},{...p,type:l,component:typeof a=="string"?a:void 0})}renderTypedItem(t,s,i){const{children:o,className:r,key:l,...a}=s,{activeClass:h="",activeKey:c,activeIcon:u}=this.props,d=u&&c===l?pt("i",{className:`checked icon icon-${u}`}):null,f=c===l;return pt("li",{className:O("action-menu-item",`${this.name}-${i.type}`,r,{[h]:f}),...a,children:[pt(t,{...i}),d,typeof o=="function"?o():o]},l)}render(){const t=this.beforeRender(),{name:s,style:i,commonItemProps:o,className:r,items:l,children:a,itemRender:h,onClickItem:c,beforeRender:u,afterRender:d,beforeDestroy:f,activeClass:p,activeKey:g,...y}=t,_=this.constructor.ROOT_TAG;return pt(_,{class:O(this.name,r),style:i,...y,ref:this.ref,children:[l&&l.map(this.renderItem.bind(this,t)),a]})}},w(Vt,"ItemComponents",{divider:au,item:rl,heading:uu,space:hu,custom:du,basic:ll}),w(Vt,"ROOT_TAG","menu"),w(Vt,"NAME","action-menu"),Vt);class mo extends Z{}w(mo,"NAME","actionmenu"),w(mo,"Component",Ts);function cl({...e}){return pt(rl,{...e})}let al=(or=class extends Ts{constructor(t){super(t);x(this,zn,new Set);x(this,At,void 0);x(this,Ke,(t,s,i)=>{this.toggleNestedMenu(t,s),i.preventDefault()});T(this,At,t.nestedShow===void 0),m(this,At)&&(this.state={nestedShow:t.defaultNestedShow??{}})}get nestedTrigger(){return this.props.nestedTrigger}beforeRender(){const t=super.beforeRender(),{nestedShow:s,nestedTrigger:i,defaultNestedShow:o,controlledMenu:r,...l}=t;return l}renderNestedMenu(t){let{items:s}=t;if(!s||(typeof s=="function"&&(s=s(t,this)),!s.length))return;const i=this.constructor,{name:o,controlledMenu:r,nestedShow:l,beforeDestroy:a,beforeRender:h,itemRender:c,activeClass:u,activeKey:d,onClickItem:f,afterRender:p,commonItemProps:g,activeIcon:y}=this.props;return pt(i,{items:s,name:o,nestedShow:m(this,At)?this.state.nestedShow:l,nestedTrigger:this.nestedTrigger,controlledMenu:r||this,commonItemProps:g,onClickItem:f,afterRender:p,beforeRender:h,beforeDestroy:a,itemRender:c,activeClass:u,activeKey:d,activeIcon:y})}isNestedItem(t){return(!t.type||t.type==="item")&&!!t.items}renderToggleIcon(t,s){}getItemRenderProps(t,s,i){const o=super.getItemRenderProps(t,s,i);if(!this.isNestedItem(o))return o;const r=o.key??i;m(this,zn).add(r);const l=this.isNestedMenuShow(r);if(l&&(o.rootChildren=[o.rootChildren,this.renderNestedMenu(s)],o.component=cl),this.nestedTrigger==="hover")o.rootAttrs={...o.rootAttrs,onMouseEnter:m(this,Ke).bind(this,r,!0),onMouseLeave:m(this,Ke).bind(this,r,!1)};else if(this.nestedTrigger==="click"){const{onClick:h}=o;o.onClick=c=>{m(this,Ke).call(this,r,void 0,c),h==null||h(c)}}const a=this.renderToggleIcon(l,o);return a&&(o.children=[o.children,a]),o.rootClass=[o.rootClass,"has-nested-menu",l?"show":""],o}isNestedMenuShow(t){const s=m(this,At)?this.state.nestedShow:this.props.nestedShow;return s&&typeof s=="object"?s[t]:!!s}toggleNestedMenu(t,s){const{controlledMenu:i}=this.props;if(i)return i.toggleNestedMenu(t,s);if(!m(this,At))return!1;let{nestedShow:o={}}=this.state;if(typeof o=="boolean"&&(o===!0?o=[...m(this,zn).values()].reduce((r,l)=>(r[l]=!0,r),{}):o={}),s===void 0)s=!o[t];else if(!!o[t]==!!s)return!1;return s?o[t]=s:delete o[t],this.setState({nestedShow:{...o}}),!0}showNestedMenu(t){return this.toggleNestedMenu(t,!0)}hideNestedMenu(t){return this.toggleNestedMenu(t,!1)}showAllNestedMenu(){m(this,At)&&this.setState({nestedShow:!0})}hideAllNestedMenu(){m(this,At)&&this.setState({nestedShow:!1})}},zn=new WeakMap,At=new WeakMap,Ke=new WeakMap,w(or,"ItemComponents",{item:cl}),or);class go extends Z{}w(go,"NAME","actionmenunested"),w(go,"Component",al);const xd="",Sd="",Ed="",Cd="";let St=class extends V{render(){const{component:n,type:t,btnType:s,size:i,className:o,children:r,url:l,target:a,disabled:h,active:c,loading:u,loadingIcon:d,loadingText:f,icon:p,text:g,trailingIcon:y,caret:_,square:v,hint:S,...k}=this.props,N=n||(l?"a":"button"),H=g==null||typeof g=="string"&&!g.length||u&&!f,M=_&&H&&!p&&!y&&!r&&!u;return C(N,{className:O("btn",t,o,{"btn-caret":M,disabled:h||u,active:c,loading:u,square:v===void 0?!M&&!r&&H:v},i?`size-${i}`:""),title:S,[N==="a"?"href":"data-url"]:l,[N==="a"?"target":"data-target"]:a,type:N==="button"?s:void 0,...k},u?b("i",{class:`spin icon ${d||"icon-spinner-snake"}`}):typeof p=="string"?b("i",{class:`icon ${p}`}):p,H?null:b("span",{className:"text",children:u?f:g}),u?null:r,u?null:typeof y=="string"?b("i",{class:`icon ${y}`}):y,u?null:_?b("span",{className:typeof _=="string"?`caret-${_}`:"caret"}):null)}};class yo extends Z{}w(yo,"NAME","button"),w(yo,"Component",St);const $d="",kd="",Td="",Rd="",Ad="",Nd="",Ld="",Md="";let te=(rr=class extends al{get nestedTrigger(){return this.props.nestedTrigger||"click"}get menuName(){return"menu-nested"}beforeRender(){const n=super.beforeRender();let{hasIcons:t}=n;return t===void 0&&(t=n.items.some(s=>s.icon)),n.className=O(n.className,this.menuName,{"has-icons":t,"has-nested-items":n.items.some(s=>this.isNestedItem(s)),"menu-popup":n.popup}),n}renderToggleIcon(n){return b("span",{class:`${this.name}-toggle-icon caret-${n?"down":"right"}`})}},w(rr,"NAME","menu"),rr);class _o extends Z{}w(_o,"NAME","menu"),w(_o,"Component",te);const Od="";let Rn=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((n,t)=>(t&=63,t<36?n+=t.toString(36):t<62?n+=(t-26).toString(36).toUpperCase():t>62?n+="-":n+="_",n),"");const Ht=document,Rs=window,ul=Ht.documentElement,ye=Ht.createElement.bind(Ht),hl=ye("div"),bo=ye("table"),pu=ye("tbody"),fl=ye("tr"),{isArray:As,prototype:dl}=Array,{concat:mu,filter:wo,indexOf:pl,map:ml,push:gu,slice:gl,some:vo,splice:yu}=dl,_u=/^#(?:[\w-]|\\.|[^\x00-\xa0])*$/,bu=/^\.(?:[\w-]|\\.|[^\x00-\xa0])*$/,wu=/<.+>/,vu=/^\w+$/;function xo(e,n){const t=xu(n);return!e||!t&&!Ie(n)&&!tt(n)?[]:!t&&bu.test(e)?n.getElementsByClassName(e.slice(1).replace(/\\/g,"")):!t&&vu.test(e)?n.getElementsByTagName(e):n.querySelectorAll(e)}class Ns{constructor(n,t){if(!n)return;if(So(n))return n;let s=n;if(lt(n)){const i=(So(t)?t[0]:t)||Ht;if(s=_u.test(n)&&"getElementById"in i?i.getElementById(n.slice(1).replace(/\\/g,"")):wu.test(n)?xl(n):xo(n,i),!s)return}else if(_e(n))return this.ready(n);(s.nodeType||s===Rs)&&(s=[s]),this.length=s.length;for(let i=0,o=this.length;i{for(;n.firstChild;)n.removeChild(n.firstChild)})};function Ls(...e){const n=Eu(e[0])?e.shift():!1,t=e.shift(),s=e.length;if(!t)return{};if(!s)return Ls(n,A,t);for(let i=0;i{tt(o)&&et(t,(r,l)=>{s?n?o.classList.add(l):o.classList.remove(l):o.classList.toggle(l)})})},$.addClass=function(e){return this.toggleClass(e,!0)},$.removeAttr=function(e){const n=Ms(e);return this.each((t,s)=>{tt(s)&&et(n,(i,o)=>{s.removeAttribute(o)})})};function $u(e,n){if(e){if(lt(e)){if(arguments.length<2){if(!this[0]||!tt(this[0]))return;const t=this[0].getAttribute(e);return An(t)?void 0:t}return ht(n)?this:An(n)?this.removeAttr(e):this.each((t,s)=>{tt(s)&&s.setAttribute(e,n)})}for(const t in e)this.attr(t,e[t]);return this}}$.attr=$u,$.removeClass=function(e){return arguments.length?this.toggleClass(e,!1):this.attr("class","")},$.hasClass=function(e){return!!e&&vo.call(this,n=>tt(n)&&n.classList.contains(e))},$.get=function(e){return ht(e)?gl.call(this):(e=Number(e),this[e<0?e+this.length:e])},$.eq=function(e){return A(this.get(e))},$.first=function(){return this.eq(0)},$.last=function(){return this.eq(-1)};function ku(e){return ht(e)?this.get().map(n=>tt(n)||Su(n)?n.textContent:"").join(""):this.each((n,t)=>{tt(t)&&(t.textContent=e)})}$.text=ku;function It(e,n,t){if(!tt(e))return;const s=Rs.getComputedStyle(e,null);return t?s.getPropertyValue(n)||void 0:s[n]||e.style[n]}function Et(e,n){return parseInt(It(e,n),10)||0}function _l(e,n){return Et(e,`border${n?"Left":"Top"}Width`)+Et(e,`padding${n?"Left":"Top"}`)+Et(e,`padding${n?"Right":"Bottom"}`)+Et(e,`border${n?"Right":"Bottom"}Width`)}const Co={};function Tu(e){if(Co[e])return Co[e];const n=ye(e);Ht.body.insertBefore(n,null);const t=It(n,"display");return Ht.body.removeChild(n),Co[e]=t!=="none"?t:"block"}function bl(e){return It(e,"display")==="none"}function wl(e,n){const t=e&&(e.matches||e.webkitMatchesSelector||e.msMatchesSelector);return!!t&&!!n&&t.call(e,n)}function Os(e){return lt(e)?(n,t)=>wl(t,e):_e(e)?e:So(e)?(n,t)=>e.is(t):e?(n,t)=>t===e:()=>!1}$.filter=function(e){const n=Os(e);return A(wo.call(this,(t,s)=>n.call(t,s,t)))};function ee(e,n){return n?e.filter(n):e}$.detach=function(e){return ee(this,e).each((n,t)=>{t.parentNode&&t.parentNode.removeChild(t)}),this};const Ru=/^\s*<(\w+)[^>]*>/,Au=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,vl={"*":hl,tr:pu,td:fl,th:fl,thead:bo,tbody:bo,tfoot:bo};function xl(e){if(!lt(e))return[];if(Au.test(e))return[ye(RegExp.$1)];const n=Ru.test(e)&&RegExp.$1,t=vl[n]||vl["*"];return t.innerHTML=e,A(t.childNodes).detach().get()}A.parseHTML=xl,$.has=function(e){const n=lt(e)?(t,s)=>xo(e,s).length:(t,s)=>s.contains(e);return this.filter(n)},$.not=function(e){const n=Os(e);return this.filter((t,s)=>(!lt(e)||tt(s))&&!n.call(s,t,s))};function jt(e,n,t,s){const i=[],o=_e(n),r=s&&Os(s);for(let l=0,a=e.length;ln.selected&&!n.disabled&&!n.parentNode.disabled),"value"):e.value||""}function Nu(e){return arguments.length?this.each((n,t)=>{const s=t.multiple&&t.options;if(s||Ol.test(t.type)){const i=As(e)?ml.call(e,String):An(e)?[]:[String(e)];s?et(t.options,(o,r)=>{r.selected=i.indexOf(r.value)>=0},!0):t.checked=i.indexOf(t.value)>=0}else t.value=ht(e)||An(e)?"":e}):this[0]&&Sl(this[0])}$.val=Nu,$.is=function(e){const n=Os(e);return vo.call(this,(t,s)=>n.call(t,s,t))},A.guid=1;function Ct(e){return e.length>1?wo.call(e,(n,t,s)=>pl.call(s,n)===t):e}A.unique=Ct,$.add=function(e,n){return A(Ct(this.get().concat(A(e,n).get())))},$.children=function(e){return ee(A(Ct(jt(this,n=>n.children))),e)},$.parent=function(e){return ee(A(Ct(jt(this,"parentNode"))),e)},$.index=function(e){const n=e?A(e)[0]:this[0],t=e?this:A(n).parent().children();return pl.call(t,n)},$.closest=function(e){const n=this.filter(e);if(n.length)return n;const t=this.parent();return t.length?t.closest(e):n},$.siblings=function(e){return ee(A(Ct(jt(this,n=>A(n).parent().children().not(n)))),e)},$.find=function(e){return A(Ct(jt(this,n=>xo(e,n))))};const Lu=/^\s*\s*$/g,Mu=/^$|^module$|\/(java|ecma)script/i,Ou=["type","src","nonce","noModule"];function Pu(e,n){const t=A(e);t.filter("script").add(t.find("script")).each((s,i)=>{if(Mu.test(i.type)&&ul.contains(i)){const o=ye("script");o.text=i.textContent.replace(Lu,""),et(Ou,(r,l)=>{i[l]&&(o[l]=i[l])}),n.head.insertBefore(o,null),n.head.removeChild(o)}})}function Du(e,n,t,s,i){s?e.insertBefore(n,t?e.firstChild:null):e.nodeName==="HTML"?e.parentNode.replaceChild(n,e):e.parentNode.insertBefore(n,t?e:e.nextSibling),i&&Pu(n,e.ownerDocument)}function ne(e,n,t,s,i,o,r,l){return et(e,(a,h)=>{et(A(h),(c,u)=>{et(A(n),(d,f)=>{const p=t?u:f,g=t?f:u,y=t?c:d;Du(p,y?g.cloneNode(!0):g,s,i,!y)},l)},r)},o),n}$.after=function(){return ne(arguments,this,!1,!1,!1,!0,!0)},$.append=function(){return ne(arguments,this,!1,!1,!0)};function Hu(e){if(!arguments.length)return this[0]&&this[0].innerHTML;if(ht(e))return this;const n=/]/.test(e);return this.each((t,s)=>{tt(s)&&(n?A(s).empty().append(e):s.innerHTML=e)})}$.html=Hu,$.appendTo=function(e){return ne(arguments,this,!0,!1,!0)},$.wrapInner=function(e){return this.each((n,t)=>{const s=A(t),i=s.contents();i.length?i.wrapAll(e):s.append(e)})},$.before=function(){return ne(arguments,this,!1,!0)},$.wrapAll=function(e){let n=A(e),t=n[0];for(;t.children.length;)t=t.firstElementChild;return this.first().before(n),this.appendTo(t)},$.wrap=function(e){return this.each((n,t)=>{const s=A(e)[0];A(t).wrapAll(n?s.cloneNode(!0):s)})},$.insertAfter=function(e){return ne(arguments,this,!0,!1,!1,!1,!1,!0)},$.insertBefore=function(e){return ne(arguments,this,!0,!0)},$.prepend=function(){return ne(arguments,this,!1,!0,!0,!0,!0)},$.prependTo=function(e){return ne(arguments,this,!0,!0,!0,!1,!1,!0)},$.contents=function(){return A(Ct(jt(this,e=>e.tagName==="IFRAME"?[e.contentDocument]:e.tagName==="TEMPLATE"?e.content.childNodes:e.childNodes)))},$.next=function(e,n,t){return ee(A(Ct(jt(this,"nextElementSibling",n,t))),e)},$.nextAll=function(e){return this.next(e,!0)},$.nextUntil=function(e,n){return this.next(n,!0,e)},$.parents=function(e,n){return ee(A(Ct(jt(this,"parentElement",!0,n))),e)},$.parentsUntil=function(e,n){return this.parents(n,e)},$.prev=function(e,n,t){return ee(A(Ct(jt(this,"previousElementSibling",n,t))),e)},$.prevAll=function(e){return this.prev(e,!0)},$.prevUntil=function(e,n){return this.prev(n,!0,e)},$.map=function(e){return A(mu.apply([],ml.call(this,(n,t)=>e.call(n,t,n))))},$.clone=function(){return this.map((e,n)=>n.cloneNode(!0))},$.offsetParent=function(){return this.map((e,n)=>{let t=n.offsetParent;for(;t&&It(t,"position")==="static";)t=t.offsetParent;return t||ul})},$.slice=function(e,n){return A(gl.call(this,e,n))};const Iu=/-([a-z])/g;function $o(e){return e.replace(Iu,(n,t)=>t.toUpperCase())}$.ready=function(e){const n=()=>setTimeout(e,0,A);return Ht.readyState!=="loading"?n():Ht.addEventListener("DOMContentLoaded",n),this},$.unwrap=function(){return this.parent().each((e,n)=>{if(n.tagName==="BODY")return;const t=A(n);t.replaceWith(t.children())}),this},$.offset=function(){const e=this[0];if(!e)return;const n=e.getBoundingClientRect();return{top:n.top+Rs.pageYOffset,left:n.left+Rs.pageXOffset}},$.position=function(){const e=this[0];if(!e)return;const n=It(e,"position")==="fixed",t=n?e.getBoundingClientRect():this.offset();if(!n){const s=e.ownerDocument;let i=e.offsetParent||s.documentElement;for(;(i===s.body||i===s.documentElement)&&It(i,"position")==="static";)i=i.parentNode;if(i!==e&&tt(i)){const o=A(i).offset();t.top-=o.top+Et(i,"borderTopWidth"),t.left-=o.left+Et(i,"borderLeftWidth")}}return{top:t.top-Et(e,"marginTop"),left:t.left-Et(e,"marginLeft")}};const El={class:"className",contenteditable:"contentEditable",for:"htmlFor",readonly:"readOnly",maxlength:"maxLength",tabindex:"tabIndex",colspan:"colSpan",rowspan:"rowSpan",usemap:"useMap"};$.prop=function(e,n){if(e){if(lt(e))return e=El[e]||e,arguments.length<2?this[0]&&this[0][e]:this.each((t,s)=>{s[e]=n});for(const t in e)this.prop(t,e[t]);return this}},$.removeProp=function(e){return this.each((n,t)=>{delete t[El[e]||e]})};const ju=/^--/;function ko(e){return ju.test(e)}const To={},{style:Wu}=hl,Bu=["webkit","moz","ms"];function Fu(e,n=ko(e)){if(n)return e;if(!To[e]){const t=$o(e),s=`${t[0].toUpperCase()}${t.slice(1)}`,i=`${t} ${Bu.join(`${s} `)}${s}`.split(" ");et(i,(o,r)=>{if(r in Wu)return To[e]=r,!1})}return To[e]}const zu={animationIterationCount:!0,columnCount:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0};function Cl(e,n,t=ko(e)){return!t&&!zu[e]&&yl(n)?`${n}px`:n}function Uu(e,n){if(lt(e)){const t=ko(e);return e=Fu(e,t),arguments.length<2?this[0]&&It(this[0],e,t):e?(n=Cl(e,n,t),this.each((s,i)=>{tt(i)&&(t?i.style.setProperty(e,n):i.style[e]=n)})):this}for(const t in e)this.css(t,e[t]);return this}$.css=Uu;function $l(e,n){try{return e(n)}catch{return n}}const Vu=/^\s+|\s+$/;function kl(e,n){const t=e.dataset[n]||e.dataset[$o(n)];return Vu.test(t)?t:$l(JSON.parse,t)}function qu(e,n,t){t=$l(JSON.stringify,t),e.dataset[$o(n)]=t}function Gu(e,n){if(!e){if(!this[0])return;const t={};for(const s in this[0].dataset)t[s]=kl(this[0],s);return t}if(lt(e))return arguments.length<2?this[0]&&kl(this[0],e):ht(n)?this:this.each((t,s)=>{qu(s,e,n)});for(const t in e)this.data(t,e[t]);return this}$.data=Gu;function Tl(e,n){const t=e.documentElement;return Math.max(e.body[`scroll${n}`],t[`scroll${n}`],e.body[`offset${n}`],t[`offset${n}`],t[`client${n}`])}et([!0,!1],(e,n)=>{et(["Width","Height"],(t,s)=>{const i=`${n?"outer":"inner"}${s}`;$[i]=function(o){if(this[0])return He(this[0])?n?this[0][`inner${s}`]:this[0].document.documentElement[`client${s}`]:Ie(this[0])?Tl(this[0],s):this[0][`${n?"offset":"client"}${s}`]+(o&&n?Et(this[0],`margin${t?"Top":"Left"}`)+Et(this[0],`margin${t?"Bottom":"Right"}`):0)}})}),et(["Width","Height"],(e,n)=>{const t=n.toLowerCase();$[t]=function(s){if(!this[0])return ht(s)?void 0:this;if(!arguments.length)return He(this[0])?this[0].document.documentElement[`client${n}`]:Ie(this[0])?Tl(this[0],n):this[0].getBoundingClientRect()[t]-_l(this[0],!e);const i=parseInt(s,10);return this.each((o,r)=>{if(!tt(r))return;const l=It(r,"boxSizing");r.style[t]=Cl(t,i+(l==="border-box"?_l(r,!e):0))})}});const Rl="___cd";$.toggle=function(e){return this.each((n,t)=>{if(!tt(t))return;(ht(e)?bl(t):e)?(t.style.display=t[Rl]||"",bl(t)&&(t.style.display=Tu(t.tagName))):(t[Rl]=It(t,"display"),t.style.display="none")})},$.hide=function(){return this.toggle(!1)},$.show=function(){return this.toggle(!0)};const Al="___ce",Ro=".",Ao={focus:"focusin",blur:"focusout"},Nl={mouseenter:"mouseover",mouseleave:"mouseout"},Ku=/^(mouse|pointer|contextmenu|drag|drop|click|dblclick)/i;function No(e){return Nl[e]||Ao[e]||e}function Lo(e){const n=e.split(Ro);return[n[0],n.slice(1).sort()]}$.trigger=function(e,n){if(lt(e)){const[s,i]=Lo(e),o=No(s);if(!o)return this;const r=Ku.test(o)?"MouseEvents":"HTMLEvents";e=Ht.createEvent(r),e.initEvent(o,!0,!0),e.namespace=i.join(Ro),e.___ot=s}e.___td=n;const t=e.___ot in Ao;return this.each((s,i)=>{t&&_e(i[e.___ot])&&(i[`___i${e.type}`]=!0,i[e.___ot](),i[`___i${e.type}`]=!1),i.dispatchEvent(e)})};function Ll(e){return e[Al]=e[Al]||{}}function Yu(e,n,t,s,i){const o=Ll(e);o[n]=o[n]||[],o[n].push([t,s,i]),e.addEventListener(n,i)}function Ml(e,n){return!n||!vo.call(n,t=>e.indexOf(t)<0)}function Ps(e,n,t,s,i){const o=Ll(e);if(n)o[n]&&(o[n]=o[n].filter(([r,l,a])=>{if(i&&a.guid!==i.guid||!Ml(r,t)||s&&s!==l)return!0;e.removeEventListener(n,a)}));else for(n in o)Ps(e,n,t,s,i)}$.off=function(e,n,t){if(ht(e))this.each((s,i)=>{!tt(i)&&!Ie(i)&&!He(i)||Ps(i)});else if(lt(e))_e(n)&&(t=n,n=""),et(Ms(e),(s,i)=>{const[o,r]=Lo(i),l=No(o);this.each((a,h)=>{!tt(h)&&!Ie(h)&&!He(h)||Ps(h,l,r,n,t)})});else for(const s in e)this.off(s,e[s]);return this},$.remove=function(e){return ee(this,e).detach().off(),this},$.replaceWith=function(e){return this.before(e).remove()},$.replaceAll=function(e){return A(e).replaceWith(this),this};function Xu(e,n,t,s,i){if(!lt(e)){for(const o in e)this.on(o,n,t,e[o],i);return this}return lt(n)||(ht(n)||An(n)?n="":ht(t)?(t=n,n=""):(s=t,t=n,n="")),_e(s)||(s=t,t=void 0),s?(et(Ms(e),(o,r)=>{const[l,a]=Lo(r),h=No(l),c=l in Nl,u=l in Ao;h&&this.each((d,f)=>{if(!tt(f)&&!Ie(f)&&!He(f))return;const p=function(g){if(g.target[`___i${g.type}`])return g.stopImmediatePropagation();if(g.namespace&&!Ml(a,g.namespace.split(Ro))||!n&&(u&&(g.target!==f||g.___ot===h)||c&&g.relatedTarget&&f.contains(g.relatedTarget)))return;let y=f;if(n){let v=g.target;for(;!wl(v,n);)if(v===f||(v=v.parentNode,!v))return;y=v}Object.defineProperty(g,"currentTarget",{configurable:!0,get(){return y}}),Object.defineProperty(g,"delegateTarget",{configurable:!0,get(){return f}}),Object.defineProperty(g,"data",{configurable:!0,get(){return t}});const _=s.call(y,g,g.___td);i&&Ps(f,h,a,n,p),_===!1&&(g.preventDefault(),g.stopPropagation())};p.guid=s.guid=s.guid||A.guid++,Yu(f,h,a,n,p)})}),this):this}$.on=Xu;function Ju(e,n,t,s){return this.on(e,n,t,s,!0)}$.one=Ju;const Qu=/\r?\n/g;function Zu(e,n){return`&${encodeURIComponent(e)}=${encodeURIComponent(n.replace(Qu,`\r
+`))}`}const th=/file|reset|submit|button|image/i,Ol=/radio|checkbox/i;$.serialize=function(){let e="";return this.each((n,t)=>{et(t.elements||[t],(s,i)=>{if(i.disabled||!i.name||i.tagName==="FIELDSET"||th.test(i.type)||Ol.test(i.type)&&!i.checked)return;const o=Sl(i);if(!ht(o)){const r=As(o)?o:[o];et(r,(l,a)=>{e+=Zu(i.name,a)})}})}),e.slice(1)},window.$=A;const Pl=A,Pd="",Dd="";function eh({key:e,type:n,btnType:t,...s}){return b(St,{type:t,...s})}const Hd="";function nh(e){return e.button===2}const Id="",jd="",Wd="";function Mo(e){return e.split("-")[1]}function Dl(e){return e==="y"?"height":"width"}function Nn(e){return e.split("-")[0]}function Hl(e){return["top","bottom"].includes(Nn(e))?"x":"y"}function Il(e,n,t){let{reference:s,floating:i}=e;const o=s.x+s.width/2-i.width/2,r=s.y+s.height/2-i.height/2,l=Hl(n),a=Dl(l),h=s[a]/2-i[a]/2,c=l==="x";let u;switch(Nn(n)){case"top":u={x:o,y:s.y-i.height};break;case"bottom":u={x:o,y:s.y+s.height};break;case"right":u={x:s.x+s.width,y:r};break;case"left":u={x:s.x-i.width,y:r};break;default:u={x:s.x,y:s.y}}switch(Mo(n)){case"start":u[l]-=h*(t&&c?-1:1);break;case"end":u[l]+=h*(t&&c?-1:1)}return u}const sh=async(e,n,t)=>{const{placement:s="bottom",strategy:i="absolute",middleware:o=[],platform:r}=t,l=o.filter(Boolean),a=await(r.isRTL==null?void 0:r.isRTL(n));let h=await r.getElementRects({reference:e,floating:n,strategy:i}),{x:c,y:u}=Il(h,s,a),d=s,f={},p=0;for(let g=0;ge.concat(n,n+"-start",n+"-end"),[]);const rh={left:"right",right:"left",bottom:"top",top:"bottom"};function Hs(e){return e.replace(/left|right|bottom|top/g,n=>rh[n])}function lh(e,n,t){t===void 0&&(t=!1);const s=Mo(e),i=Hl(e),o=Dl(i);let r=i==="x"?s===(t?"end":"start")?"right":"left":s==="start"?"bottom":"top";return n.reference[o]>n.floating[o]&&(r=Hs(r)),{main:r,cross:Hs(r)}}const ch={start:"end",end:"start"};function Oo(e){return e.replace(/start|end/g,n=>ch[n])}const jl=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(n){var t;const{placement:s,middlewareData:i,rects:o,initialPlacement:r,platform:l,elements:a}=n,{mainAxis:h=!0,crossAxis:c=!0,fallbackPlacements:u,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=e,y=Nn(s),_=Nn(r)===r,v=await(l.isRTL==null?void 0:l.isRTL(a.floating)),S=u||(_||!p?[Hs(r)]:function(W){const D=Hs(W);return[Oo(W),D,Oo(D)]}(r));u||f==="none"||S.push(...function(W,D,K,z){const X=Mo(W);let j=function(J,Pt,Ae){const Ne=["left","right"],Le=["right","left"],Yt=["top","bottom"],_n=["bottom","top"];switch(J){case"top":case"bottom":return Ae?Pt?Le:Ne:Pt?Ne:Le;case"left":case"right":return Pt?Yt:_n;default:return[]}}(Nn(W),K==="start",z);return X&&(j=j.map(J=>J+"-"+X),D&&(j=j.concat(j.map(Oo)))),j}(r,p,f,v));const k=[r,...S],N=await oh(n,g),H=[];let M=((t=i.flip)==null?void 0:t.overflows)||[];if(h&&H.push(N[y]),c){const{main:W,cross:D}=lh(s,o,v);H.push(N[W],N[D])}if(M=[...M,{placement:s,overflows:H}],!H.every(W=>W<=0)){var P;const W=(((P=i.flip)==null?void 0:P.index)||0)+1,D=k[W];if(D)return{data:{index:W,overflows:M},reset:{placement:D}};let K="bottom";switch(d){case"bestFit":{var R;const z=(R=M.map(X=>[X,X.overflows.filter(j=>j>0).reduce((j,J)=>j+J,0)]).sort((X,j)=>X[1]-j[1])[0])==null?void 0:R[0].placement;z&&(K=z);break}case"initialPlacement":K=r}if(s!==K)return{reset:{placement:K}}}return{}}}};function mt(e){var n;return((n=e.ownerDocument)==null?void 0:n.defaultView)||window}function $t(e){return mt(e).getComputedStyle(e)}function se(e){return Bl(e)?(e.nodeName||"").toLowerCase():""}let Is;function Wl(){if(Is)return Is;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(Is=e.brands.map(n=>n.brand+"/"+n.version).join(" "),Is):navigator.userAgent}function Wt(e){return e instanceof mt(e).HTMLElement}function _t(e){return e instanceof mt(e).Element}function Bl(e){return e instanceof mt(e).Node}function Fl(e){return typeof ShadowRoot>"u"?!1:e instanceof mt(e).ShadowRoot||e instanceof ShadowRoot}function js(e){const{overflow:n,overflowX:t,overflowY:s,display:i}=$t(e);return/auto|scroll|overlay|hidden|clip/.test(n+s+t)&&!["inline","contents"].includes(i)}function ah(e){return["table","td","th"].includes(se(e))}function Po(e){const n=/firefox/i.test(Wl()),t=$t(e),s=t.backdropFilter||t.WebkitBackdropFilter;return t.transform!=="none"||t.perspective!=="none"||!!s&&s!=="none"||n&&t.willChange==="filter"||n&&!!t.filter&&t.filter!=="none"||["transform","perspective"].some(i=>t.willChange.includes(i))||["paint","layout","strict","content"].some(i=>{const o=t.contain;return o!=null&&o.includes(i)})}function zl(){return!/^((?!chrome|android).)*safari/i.test(Wl())}function Do(e){return["html","body","#document"].includes(se(e))}const Ul=Math.min,Ln=Math.max,Ws=Math.round;function Vl(e){const n=$t(e);let t=parseFloat(n.width),s=parseFloat(n.height);const i=e.offsetWidth,o=e.offsetHeight,r=Ws(t)!==i||Ws(s)!==o;return r&&(t=i,s=o),{width:t,height:s,fallback:r}}function ql(e){return _t(e)?e:e.contextElement}const Gl={x:1,y:1};function je(e){const n=ql(e);if(!Wt(n))return Gl;const t=n.getBoundingClientRect(),{width:s,height:i,fallback:o}=Vl(n);let r=(o?Ws(t.width):t.width)/s,l=(o?Ws(t.height):t.height)/i;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}function be(e,n,t,s){var i,o;n===void 0&&(n=!1),t===void 0&&(t=!1);const r=e.getBoundingClientRect(),l=ql(e);let a=Gl;n&&(s?_t(s)&&(a=je(s)):a=je(e));const h=l?mt(l):window,c=!zl()&&t;let u=(r.left+(c&&((i=h.visualViewport)==null?void 0:i.offsetLeft)||0))/a.x,d=(r.top+(c&&((o=h.visualViewport)==null?void 0:o.offsetTop)||0))/a.y,f=r.width/a.x,p=r.height/a.y;if(l){const g=mt(l),y=s&&_t(s)?mt(s):s;let _=g.frameElement;for(;_&&s&&y!==g;){const v=je(_),S=_.getBoundingClientRect(),k=getComputedStyle(_);S.x+=(_.clientLeft+parseFloat(k.paddingLeft))*v.x,S.y+=(_.clientTop+parseFloat(k.paddingTop))*v.y,u*=v.x,d*=v.y,f*=v.x,p*=v.y,u+=S.x,d+=S.y,_=mt(_).frameElement}}return{width:f,height:p,top:d,right:u+f,bottom:d+p,left:u,x:u,y:d}}function ie(e){return((Bl(e)?e.ownerDocument:e.document)||window.document).documentElement}function Bs(e){return _t(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Kl(e){return be(ie(e)).left+Bs(e).scrollLeft}function uh(e,n,t){const s=Wt(n),i=ie(n),o=be(e,!0,t==="fixed",n);let r={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(s||!s&&t!=="fixed")if((se(n)!=="body"||js(i))&&(r=Bs(n)),Wt(n)){const a=be(n,!0);l.x=a.x+n.clientLeft,l.y=a.y+n.clientTop}else i&&(l.x=Kl(i));return{x:o.left+r.scrollLeft-l.x,y:o.top+r.scrollTop-l.y,width:o.width,height:o.height}}function Mn(e){if(se(e)==="html")return e;const n=e.assignedSlot||e.parentNode||(Fl(e)?e.host:null)||ie(e);return Fl(n)?n.host:n}function Yl(e){return Wt(e)&&$t(e).position!=="fixed"?e.offsetParent:null}function Xl(e){const n=mt(e);let t=Yl(e);for(;t&&ah(t)&&$t(t).position==="static";)t=Yl(t);return t&&(se(t)==="html"||se(t)==="body"&&$t(t).position==="static"&&!Po(t))?n:t||function(s){let i=Mn(s);for(;Wt(i)&&!Do(i);){if(Po(i))return i;i=Mn(i)}return null}(e)||n}function Jl(e){const n=Mn(e);return Do(n)?e.ownerDocument.body:Wt(n)&&js(n)?n:Jl(n)}function On(e,n){var t;n===void 0&&(n=[]);const s=Jl(e),i=s===((t=e.ownerDocument)==null?void 0:t.body),o=mt(s);return i?n.concat(o,o.visualViewport||[],js(s)?s:[]):n.concat(s,On(s))}function Ql(e,n,t){return n==="viewport"?Ds(function(s,i){const o=mt(s),r=ie(s),l=o.visualViewport;let a=r.clientWidth,h=r.clientHeight,c=0,u=0;if(l){a=l.width,h=l.height;const d=zl();(d||!d&&i==="fixed")&&(c=l.offsetLeft,u=l.offsetTop)}return{width:a,height:h,x:c,y:u}}(e,t)):_t(n)?function(s,i){const o=be(s,!0,i==="fixed"),r=o.top+s.clientTop,l=o.left+s.clientLeft,a=Wt(s)?je(s):{x:1,y:1},h=s.clientWidth*a.x,c=s.clientHeight*a.y,u=l*a.x,d=r*a.y;return{top:d,left:u,right:u+h,bottom:d+c,x:u,y:d,width:h,height:c}}(n,t):Ds(function(s){var i;const o=ie(s),r=Bs(s),l=(i=s.ownerDocument)==null?void 0:i.body,a=Ln(o.scrollWidth,o.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),h=Ln(o.scrollHeight,o.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0);let c=-r.scrollLeft+Kl(s);const u=-r.scrollTop;return $t(l||o).direction==="rtl"&&(c+=Ln(o.clientWidth,l?l.clientWidth:0)-a),{width:a,height:h,x:c,y:u}}(ie(e)))}const hh={getClippingRect:function(e){let{element:n,boundary:t,rootBoundary:s,strategy:i}=e;const o=t==="clippingAncestors"?function(h,c){const u=c.get(h);if(u)return u;let d=On(h).filter(y=>_t(y)&&se(y)!=="body"),f=null;const p=$t(h).position==="fixed";let g=p?Mn(h):h;for(;_t(g)&&!Do(g);){const y=$t(g),_=Po(g);(p?_||f:_||y.position!=="static"||!f||!["absolute","fixed"].includes(f.position))?f=y:d=d.filter(v=>v!==g),g=Mn(g)}return c.set(h,d),d}(n,this._c):[].concat(t),r=[...o,s],l=r[0],a=r.reduce((h,c)=>{const u=Ql(n,c,i);return h.top=Ln(u.top,h.top),h.right=Ul(u.right,h.right),h.bottom=Ul(u.bottom,h.bottom),h.left=Ln(u.left,h.left),h},Ql(n,l,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:n,offsetParent:t,strategy:s}=e;const i=Wt(t),o=ie(t);if(t===o)return n;let r={scrollLeft:0,scrollTop:0},l={x:1,y:1};const a={x:0,y:0};if((i||!i&&s!=="fixed")&&((se(t)!=="body"||js(o))&&(r=Bs(t)),Wt(t))){const h=be(t);l=je(t),a.x=h.x+t.clientLeft,a.y=h.y+t.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-r.scrollLeft*l.x+a.x,y:n.y*l.y-r.scrollTop*l.y+a.y}},isElement:_t,getDimensions:function(e){return Vl(e)},getOffsetParent:Xl,getDocumentElement:ie,getScale:je,async getElementRects(e){let{reference:n,floating:t,strategy:s}=e;const i=this.getOffsetParent||Xl,o=this.getDimensions;return{reference:uh(n,await i(t),s),floating:{x:0,y:0,...await o(t)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>$t(e).direction==="rtl"};function fh(e,n,t,s){s===void 0&&(s={});const{ancestorScroll:i=!0,ancestorResize:o=!0,elementResize:r=!0,animationFrame:l=!1}=s,a=i&&!l,h=a||o?[..._t(e)?On(e):e.contextElement?On(e.contextElement):[],...On(n)]:[];h.forEach(f=>{a&&f.addEventListener("scroll",t,{passive:!0}),o&&f.addEventListener("resize",t)});let c,u=null;if(r){let f=!0;u=new ResizeObserver(()=>{f||t(),f=!1}),_t(e)&&!l&&u.observe(e),_t(e)||!e.contextElement||l||u.observe(e.contextElement),u.observe(n)}let d=l?be(e):null;return l&&function f(){const p=be(e);!d||p.x===d.x&&p.y===d.y&&p.width===d.width&&p.height===d.height||t(),d=p,c=requestAnimationFrame(f)}(),t(),()=>{var f;h.forEach(p=>{a&&p.removeEventListener("scroll",t),o&&p.removeEventListener("resize",t)}),(f=u)==null||f.disconnect(),u=null,l&&cancelAnimationFrame(c)}}const Zl=(e,n,t)=>{const s=new Map,i={platform:hh,...t},o={...i.platform,_c:s};return sh(e,n,{...i,platform:o})};let dh=class extends te{get nestedTrigger(){return this.props.nestedTrigger||"hover"}get name(){return"menu"}get menuName(){return"menu-context"}componentWillUnmount(){super.componentWillUnmount()}_getPopperOptions(){return{middleware:[jl()],placement:"right-start"}}_getPopperElement(){var n;return(n=this.ref.current)==null?void 0:n.parentElement}_createPopper(){const n=this._getPopperOptions();this.ref.current&&Zl(this._getPopperElement(),this.ref.current,n).then(({x:t,y:s})=>{Object.assign(this.ref.current.style,{left:`${t}px`,top:`${s}px`,position:"absolute"})})}afterRender(n){super.afterRender(n),this.props.controlledMenu&&this._createPopper()}beforeRender(){const n=super.beforeRender();return n.className=O(n.className,"menu-popup"),n}renderToggleIcon(){return b("span",{class:"contextmenu-toggle-icon caret-right"})}};class ct extends xt{constructor(){super(...arguments);x(this,ri);x(this,li);x(this,ue,void 0);x(this,Ye,void 0);x(this,Un,void 0);w(this,"arrowEl");x(this,Vn,void 0)}get isShown(){var t;return(t=m(this,ue))==null?void 0:t.classList.contains(this.constructor.CLASS_SHOW)}get menu(){return m(this,ue)||this._ensureMenu()}get trigger(){return m(this,Un)||this.element}get isDynamic(){return this.options.items||this.options.menu}init(){const{element:t}=this;t!==document.body&&!t.hasAttribute("data-toggle")&&t.setAttribute("data-toggle","contextmenu")}show(t){return T(this,Un,t),this.emit("show",{menu:this,trigger:this.trigger}).defaultPrevented||this.isDynamic&&!this._renderMenu()?!1:(this.menu.classList.add(this.constructor.CLASS_SHOW),this._createPopper(),this.emit("shown",this),!0)}hide(){var s,i;return(s=m(this,Vn))==null||s.call(this),this.emit("hide",this).defaultPrevented?!1:((i=m(this,ue))==null||i.classList.remove(this.constructor.CLASS_SHOW),this.emit("hidden",this),!0)}toggle(t){return this.isShown?this.hide():this.show(t)}destroy(){var t;super.destroy(),(t=m(this,ue))==null||t.remove()}_ensureMenu(){var o;const{element:t}=this,s=this.constructor.MENU_CLASS;let i;if(this.isDynamic)i=document.createElement("div"),i.classList.add(s),document.body.appendChild(i);else if(t){const r=t.getAttribute("href")??t.dataset.target;if((r==null?void 0:r[0])==="#"&&(i=document.querySelector(r)),!i){const l=t.nextElementSibling;l!=null&&l.classList.contains(s)?i=l:i=(o=t.parentNode)==null?void 0:o.querySelector(`.${s}`)}i&&i.classList.add("menu-popup")}if(!i)throw new Error("ContextMenu: Cannot find menu element");return i.style.width="max-content",i.style.position=this.options.strategy,i.style.top="0",i.style.left="0",T(this,ue,i),i}_getPopperOptions(){var o;const{placement:t,strategy:s}=this.options,i={middleware:[],placement:t,strategy:s};return this.options.flip&&((o=i.middleware)==null||o.push(jl())),i}_createPopper(){const t=this._getPopperOptions(),s=this._getPopperElement();T(this,Vn,fh(s,this.menu,()=>{Zl(s,this.menu,t).then(({x:i,y:o,middlewareData:r,placement:l})=>{Object.assign(this.menu.style,{left:`${i}px`,top:`${o}px`});const a=l.split("-")[0],h=L(this,ri,ha).call(this,a);if(r.arrow&&this.arrowEl){const{x:c,y:u}=r.arrow;Object.assign(this.arrowEl.style,{left:c!=null?`${c}px`:"",top:u!=null?`${u}px`:"",[h]:`${-this.arrowEl.offsetWidth/2}px`,background:"inherit",border:"inherit",...L(this,li,fa).call(this,a)})}})}))}_getMenuOptions(){const{menu:t,items:s}=this.options;let i=s||(t==null?void 0:t.items);if(i)return typeof i=="function"&&(i=i(this)),{nestedTrigger:"hover",...t,items:i}}_renderMenu(){const t=this._getMenuOptions();return!t||this.emit("updateMenu",{menu:t,trigger:this.trigger,contextmenu:this}).defaultPrevented?!1:(En(C(dh,t),this.menu),!0)}_getPopperElement(){return m(this,Ye)||T(this,Ye,{getBoundingClientRect:()=>{const{trigger:t}=this;if(t instanceof MouseEvent){const{clientX:s,clientY:i}=t;return{width:0,height:0,top:i,right:s,bottom:i,left:s}}return t instanceof HTMLElement?t.getBoundingClientRect():t},contextElement:this.element}),m(this,Ye)}static clear(t){var a,h;t instanceof Event&&(t={event:t});const{event:s,exclude:i,ignoreSelector:o=".not-hide-menu"}=t||{};if(s&&o&&((h=(a=s.target).closest)!=null&&h.call(a,o))||s&&nh(s))return;const r=this.getAll().entries(),l=new Set(i||[]);for(const[c,u]of r)l.has(c)||u.hide()}static show(t){const{event:s,...i}=t,o=this.ensure(document.body);return Object.keys(i).length&&o.setOptions(i),o.show(s),s instanceof Event&&s.stopPropagation(),o}static hide(){const t=this.get(document.body);return t==null||t.hide(),t}}ue=new WeakMap,Ye=new WeakMap,Un=new WeakMap,Vn=new WeakMap,ri=new WeakSet,ha=function(t){return{top:"bottom",right:"left",bottom:"top",left:"right"}[t]},li=new WeakSet,fa=function(t){return t==="bottom"?{borderBottomStyle:"none",borderRightStyle:"none"}:t==="top"?{borderTopStyle:"none",borderLeftStyle:"none"}:t==="left"?{borderBottomStyle:"none",borderLeftStyle:"none"}:{borderTopStyle:"none",borderRightStyle:"none"}},w(ct,"NAME","contextmenu"),w(ct,"EVENTS",!0),w(ct,"DEFAULT",{placement:"bottom-start",strategy:"fixed",flip:!0,preventOverflow:!0}),w(ct,"MENU_CLASS","contextmenu"),w(ct,"CLASS_SHOW","show"),w(ct,"MENU_SELECTOR",'[data-toggle="contextmenu"]:not(.disabled):not(:disabled)'),document.addEventListener("contextmenu",e=>{var s;const n=e.target;if((s=n.closest)!=null&&s.call(n,`.${ct.MENU_CLASS}`))return;const t=n.closest(ct.MENU_SELECTOR);t&&(ct.ensure(t).show(e),e.preventDefault())}),document.addEventListener("click",ct.clear.bind(ct));const Fd="";function tc(e){return e.split("-")[1]}function ph(e){return e==="y"?"height":"width"}function ec(e){return e.split("-")[0]}function nc(e){return["top","bottom"].includes(ec(e))?"x":"y"}function mh(e){return typeof e!="number"?function(n){return{top:0,right:0,bottom:0,left:0,...n}}(e):{top:e,right:e,bottom:e,left:e}}const gh=Math.min,yh=Math.max;function _h(e,n,t){return yh(e,gh(n,t))}const bh=e=>({name:"arrow",options:e,async fn(n){const{element:t,padding:s=0}=e||{},{x:i,y:o,placement:r,rects:l,platform:a}=n;if(t==null)return{};const h=mh(s),c={x:i,y:o},u=nc(r),d=ph(u),f=await a.getDimensions(t),p=u==="y"?"top":"left",g=u==="y"?"bottom":"right",y=l.reference[d]+l.reference[u]-c[u]-l.floating[d],_=c[u]-l.reference[u],v=await(a.getOffsetParent==null?void 0:a.getOffsetParent(t));let S=v?u==="y"?v.clientHeight||0:v.clientWidth||0:0;S===0&&(S=l.floating[d]);const k=y/2-_/2,N=h[p],H=S-f[d]-h[g],M=S/2-f[d]/2+k,P=_h(N,M,H),R=tc(r)!=null&&M!=P&&l.reference[d]/2-(Me.concat(n,n+"-start",n+"-end"),[]);const wh=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(n){const{x:t,y:s}=n,i=await async function(o,r){const{placement:l,platform:a,elements:h}=o,c=await(a.isRTL==null?void 0:a.isRTL(h.floating)),u=ec(l),d=tc(l),f=nc(l)==="x",p=["left","top"].includes(u)?-1:1,g=c&&f?-1:1,y=typeof r=="function"?r(o):r;let{mainAxis:_,crossAxis:v,alignmentAxis:S}=typeof y=="number"?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...y};return d&&typeof S=="number"&&(v=d==="end"?-1*S:S),f?{x:v*g,y:_*p}:{x:_*p,y:v*g}}(n,e);return{x:t+i.x,y:s+i.y,data:i}}}},lr=class extends ct{constructor(){super(...arguments);x(this,ci);x(this,Xe,!1);x(this,Je,0);w(this,"hideLater",()=>{m(this,Qe).call(this),T(this,Je,window.setTimeout(this.hide.bind(this),100))});x(this,Qe,()=>{clearTimeout(m(this,Je)),T(this,Je,0)})}get isHover(){return this.options.trigger==="hover"}get elementShowClass(){return`with-${this.constructor.NAME}-show`}show(t,s){(s==null?void 0:s.clearOthers)!==!1&&lr.clear({event:s==null?void 0:s.event,exclude:[this.element]});const i=super.show(t);return i&&(!m(this,Xe)&&this.isHover&&L(this,ci,da).call(this),this.element.classList.add(this.elementShowClass)),i}hide(){const t=super.hide();return t&&this.element.classList.remove(this.elementShowClass),t}toggle(t,s){return this.isShown?this.hide():this.show(t,{event:t,...s})}destroy(){m(this,Xe)&&(this.element.removeEventListener("mouseleave",this.hideLater),this.menu.removeEventListener("mouseenter",m(this,Qe)),this.menu.removeEventListener("mouseleave",this.hideLater)),super.destroy()}_getArrowSize(){const{arrow:t}=this.options;return t?typeof t=="number"?t:8:0}_getPopperOptions(){var i,o;const t=super._getPopperOptions(),s=this._getArrowSize();return s&&this.arrowEl&&((i=t.middleware)==null||i.push(wh(s)),(o=t.middleware)==null||o.push(bh({element:this.arrowEl}))),t}_ensureMenu(){const t=super._ensureMenu();if(this.options.arrow){const s=this._getArrowSize();this.arrowEl=document.createElement("div"),this.arrowEl.style.position="absolute",this.arrowEl.style.width=`${s}px`,this.arrowEl.style.height=`${s}px`,this.arrowEl.style.transform="rotate(45deg)",t.append(this.arrowEl)}return t}_getMenuOptions(){const t=super._getMenuOptions();if(t&&this.options.arrow){const{afterRender:s}=t;t.afterRender=(...i)=>{var o;this.arrowEl&&((o=this.menu.querySelector(".menu"))==null||o.appendChild(this.arrowEl)),s==null||s(...i)}}return t}};let it=lr;Xe=new WeakMap,Je=new WeakMap,Qe=new WeakMap,ci=new WeakSet,da=function(){const{menu:t}=this;t.addEventListener("mouseenter",m(this,Qe)),t.addEventListener("mouseleave",this.hideLater),this.element.addEventListener("mouseleave",this.hideLater),T(this,Xe,!0)},w(it,"NAME","dropdown"),w(it,"MENU_CLASS","dropdown-menu"),w(it,"MENU_SELECTOR",'[data-toggle="dropdown"]:not(.disabled):not(:disabled)'),w(it,"DEFAULT",{...ct.DEFAULT,strategy:"fixed",trigger:"click"}),document.addEventListener("click",function(e){var s;const n=e.target,t=(s=n.closest)==null?void 0:s.call(n,it.MENU_SELECTOR);if(t){const i=it.ensure(t);i.options.trigger==="click"&&i.toggle()}else it.clear({event:e})}),document.addEventListener("mouseover",function(e){var i;const n=e.target,t=(i=n.closest)==null?void 0:i.call(n,it.MENU_SELECTOR);if(!t)return;const s=it.ensure(t);s.isHover&&s.show()});const vh=e=>{const n=document.getElementsByClassName("with-dropdown-show")[0];if(!n)return;const t=typeof n.closest=="function"?n.closest(it.MENU_SELECTOR):null;!t||!e.target.contains(t)||it.clear({event:e})};window.addEventListener("scroll",vh,!0);class xh extends V{constructor(t){var s;super(t);x(this,qn,void 0);x(this,Ze,Oe());this.state={placement:((s=t.dropdown)==null?void 0:s.placement)||"",show:!1}}get ref(){return m(this,Ze)}get triggerElement(){return m(this,Ze).current}componentDidMount(){const{modifiers:t=[],...s}=this.props.dropdown||{};t.push({name:"dropdown-trigger",enabled:!0,phase:"beforeMain",fn:({state:i})=>{var r;const o=((r=i.placement)==null?void 0:r.split("-").shift())||"";this.setState({placement:o})}}),T(this,qn,it.ensure(this.triggerElement,{...s,modifiers:t,onShow:()=>{this.setState({show:!0})},onHide:()=>{this.setState({show:!0})}}))}componentWillUnmount(){var t;(t=m(this,qn))==null||t.destroy()}beforeRender(){const{className:t,children:s,dropdown:i,...o}=this.props;return{className:O("dropdown",t),children:typeof s=="function"?s(this.state):s,...o,"data-toggle":"dropdown","data-dropdown-placement":this.state.placement,ref:m(this,Ze)}}render(){const{children:t,...s}=this.beforeRender();return b("div",{...s,children:t})}}qn=new WeakMap,Ze=new WeakMap;class Sh extends xh{get triggerElement(){return this.ref.current.base}render(){var o;const{placement:n,show:t}=this.state,s=this.beforeRender();let{caret:i=!0}=s;if(i!==!1&&(t||i===!0)){const r=t?n:(o=this.props.dropdown)==null?void 0:o.placement;i=(r==="top"?"up":r==="bottom"?"down":r)||(typeof i=="string"?i:"")||"down"}return s.caret=i,b(St,{...s})}}function sc({key:e,type:n,btnType:t,...s}){return b(Sh,{type:t,...s})}const Ud="";let ic=class extends V{componentDidMount(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!0})}componentDidUpdate(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!1})}componentWillUnmount(){var n;(n=this.props.beforeDestroy)==null||n.call(this)}handleItemClick(n,t,s,i){s&&s.call(i.target,i);const{onClickItem:o}=this.props;o&&o.call(this,{item:n,index:t,event:i})}beforeRender(){var s;const n={...this.props},t=(s=n.beforeRender)==null?void 0:s.call(this,n);return t&&Object.assign(n,t),typeof n.items=="function"&&(n.items=n.items.call(this)),n}onRenderItem(n,t){const{key:s=t,...i}=n;return b(St,{...i},s)}renderItem(n,t,s){const{itemRender:i,defaultBtnProps:o,onClickItem:r}=n,l={key:s,...t};if(o&&Object.assign(l,o),r&&(l.onClick=this.handleItemClick.bind(this,l,s,t.onClick)),i){const a=i.call(this,l,C);if(rt(a))return a;typeof a=="object"&&Object.assign(l,a)}return this.onRenderItem(l,s)}render(){const n=this.beforeRender(),{className:t,items:s,size:i,type:o,defaultBtnProps:r,children:l,itemRender:a,onClickItem:h,beforeRender:c,afterRender:u,beforeDestroy:d,...f}=n;return b("div",{className:O("btn-group",i?`size-${i}`:"",t),...f,children:[s&&s.map(this.renderItem.bind(this,n)),l]})}};function Eh({key:e,type:n,btnType:t,...s}){return b(ic,{type:t,...s})}let oe=(tn=class extends Ts{beforeRender(){const{gap:n,btnProps:t,wrap:s,...i}=super.beforeRender();return i.className=O(i.className,s?"flex-wrap":"",typeof n=="number"?`gap-${n}`:""),typeof n=="string"&&(i.style?i.style.gap=n:i.style={gap:n}),i}isBtnItem(n){return n==="item"||n==="dropdown"}renderTypedItem(n,t,s){const i=this.isBtnItem(s.type)?{btnType:"ghost",...this.props.btnProps}:{},o={...t,...i,...s,className:O(`${this.name}-${s.type}`,t.className,i.className,s.className),style:Object.assign({},t.style,i.style,s.style)};return b(n,{...o})}},w(tn,"ItemComponents",{item:eh,dropdown:sc,"btn-group":Eh}),w(tn,"ROOT_TAG","nav"),w(tn,"NAME","toolbar"),w(tn,"defaultProps",{btnProps:{btnType:"ghost"}}),tn);function Ch({className:e,style:n,actions:t,heading:s,content:i,contentClass:o,children:r,close:l,onClose:a,icon:h,...c}){let u;l===!0?u=b(St,{className:"alert-close btn ghost",square:!0,onClick:a,children:b("span",{class:"close"})}):rt(l)?u=l:typeof l=="object"&&(u=b(St,{...l,onClick:a}));const d=rt(t)?t:t?b(oe,{...t}):null;return b("div",{className:O("alert",e),style:n,...c,children:[rt(h)?h:typeof h=="string"?b("i",{className:`icon ${h}`}):null,rt(i)?i:b("div",{className:O("alert-content",o),children:[rt(s)?s:s&&b("div",{className:"alert-heading",children:s}),b("div",{className:"alert-text",children:i}),s?d:null]}),s?null:d,u,r]})}function $h(e){if(e==="center")return"fade-from-center";if(e){if(e.includes("top"))return"fade-from-top";if(e.includes("bottom"))return"fade-from-bottom"}return"fade"}let kh=class extends V{componentDidMount(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!0})}componentDidUpdate(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!1})}componentWillUnmount(){var n;(n=this.props.beforeDestroy)==null||n.call(this)}render(){const{afterRender:n,beforeDestroy:t,margin:s,type:i,placement:o,animation:r,show:l,className:a,time:h,...c}=this.props;return b(Ch,{className:O("messager",a,i,r===!0?$h(o):r,l?"in":""),...c})}};class Fs extends Z{constructor(){super(...arguments);x(this,en);w(this,"_show",!1);w(this,"_showTimer",0);w(this,"_afterRender",({firstRender:t})=>{t&&this.show();const{margin:s}=this.options;s&&(this.element.style.margin=`${s}px`)})}get isShown(){return this._show}afterInit(){this.on("click",t=>{t.target.closest('.alert-close,[data-dismiss="messager"]')&&(t.preventDefault(),t.stopPropagation(),this.hide())})}setOptions(t){return t=super.setOptions(t),{...t,show:this._show,afterRender:this._afterRender}}show(){this._show||(this.emit("show"),this.render(),this._show=!0,L(this,en,to).call(this,()=>{this.emit("shown");const{time:t}=this.options;t&&L(this,en,to).call(this,()=>this.hide(),t)}))}hide(){this._show&&(this._show=!1,this.emit("hide"),this.render(),L(this,en,to).call(this,()=>{this.emit("hidden")}))}}en=new WeakSet,to=function(t,s=200){this._showTimer&&clearTimeout(this._showTimer),this._showTimer=window.setTimeout(()=>{t(),this._showTimer=0},s)},w(Fs,"NAME","MessagerItem"),w(Fs,"EVENTS",!0),w(Fs,"Component",kh);const cr=class extends xt{constructor(){super(...arguments);x(this,ai);x(this,ui);x(this,Se,void 0);x(this,nn,Rn(6));x(this,qt,void 0)}get id(){return m(this,nn)}get isShown(){var t;return!!((t=m(this,qt))!=null&&t.isShown)}show(t){this.setOptions(t),L(this,ai,pa).call(this).show()}hide(){var t;(t=m(this,qt))==null||t.hide()}static show(t){typeof t=="string"&&(t={content:t});const{container:s,...i}=t,o=new cr(s||"body",i);return o.show(),o}};let We=cr;Se=new WeakMap,nn=new WeakMap,qt=new WeakMap,ai=new WeakSet,pa=function(){if(m(this,qt))m(this,qt).setOptions(this.options);else{const t=L(this,ui,ma).call(this),s=new Fs(t,this.options);s.on("hidden",()=>{s.destroy(),t.remove(),T(this,Se,void 0)}),T(this,qt,s)}return m(this,qt)},ui=new WeakSet,ma=function(){if(m(this,Se))return m(this,Se);const{placement:t="top"}=this.options;let s=this.element.querySelector(`.messagers-${t}`);s||(s=document.createElement("div"),s.className=`messagers messagers-${t}`,this.element.appendChild(s));let i=s.querySelector(`#messager-${m(this,nn)}`);return i||(i=document.createElement("div"),i.className="messager-holder",i.id=`messager-${m(this,nn)}`,s.appendChild(i),T(this,Se,i)),i},w(We,"NAME","messager"),w(We,"DEFAULT",{placement:"top",animation:!0,close:!0,margin:6,time:5e3}),A(document).on("zui.messager.show",(e,n)=>{n&&We.show(n)});const Vd="",qd="",Gd="",Kd="";let Th=(hi=class extends V{render(){const{percent:n,circleSize:t,circleBorderSize:s,circleBgColor:i,circleColor:o}=this.props,r=(t-s)/2,l=t/2;return b("svg",{width:t,height:t,class:"progress-circle",children:[b("circle",{cx:l,cy:l,r,stroke:i,"stroke-width":s}),b("circle",{cx:l,cy:l,r,stroke:o,"stroke-dasharray":Math.PI*r*2,"stroke-dashoffset":Math.PI*r*2*(100-n)/100,"stroke-width":s}),b("text",{x:l,y:l+s/4,"dominant-baseline":"middle",style:{fontSize:`${r}px`},children:Math.round(n)})]})}},w(hi,"NAME","zui.progress-circle"),w(hi,"defaultProps",{circleSize:24,circleBorderSize:2,circleBgColor:"var(--progress-circle-bg)",circleColor:"var(--progress-circle-bar-color)"}),hi);class Ho extends Z{}w(Ho,"NAME","table-sorter"),w(Ho,"Component",Th);const Yd="",Xd="";let Rh=class extends V{constructor(){super(...arguments);w(this,"state",{checked:!1});w(this,"handleOnClick",()=>{this.setState({checked:!this.state.checked})})}componentDidMount(){this.setState({checked:this.props.defaultChecked??!1})}render(){const{component:t,className:s,children:i,text:o,icon:r,surffixIcon:l,disabled:a,defaultChecked:h,onChange:c,...u}=this.props,d=this.state.checked?1:0,f=t||"div",p=typeof r=="string"?b("i",{class:`icon ${r}`}):r,g=typeof l=="string"?b("i",{class:`icon ${l}`}):l,y=[b("input",{onChange:c,type:"checkbox",value:d,checked:!!this.state.checked}),b("label",{children:[p,o,g]})];return C(f,{className:O("switch",s,{disabled:a}),onClick:this.handleOnClick,...u},...y,i)}};class Io extends Z{}w(Io,"NAME","switch"),w(Io,"Component",Rh);const Jd="",Qd="",Zd="",tp="",ep="",np="",sp="",ip="";function Ah(e){const n=typeof e=="string"?document.querySelector(e):e;if(!n)return!1;if(n instanceof HTMLInputElement||n instanceof HTMLTextAreaElement)return n.select(),!0;if(window.getSelection){const t=window.getSelection();if(t){const s=document.createRange();return s.selectNodeContents(n),t.removeAllRanges(),t.addRange(s),!0}}return!1}function Nh(e,n){const t=typeof e=="string"?document.querySelector(e):e;if(!t)return!1;const s=t.getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight,o=window.innerWidth||document.documentElement.clientWidth;if(n!=null&&n.fullyCheck)return s.left>=0&&s.top>=0&&s.left+s.width<=o&&s.top+s.height<=i;const r=s.top<=i&&s.top+s.height>=0,l=s.left<=o&&s.left+s.width>=0;return r&&l}const Lh=Object.freeze(Object.defineProperty({__proto__:null,classes:O,getClassList:ks,isElementVisible:Nh,selectText:Ah},Symbol.toStringTag,{value:"Module"}));/*! js-cookie v3.0.1 | MIT */function zs(e){for(var n=1;n"u")){r=zs({},n,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),i=encodeURIComponent(i).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var l="";for(var a in r)r[a]&&(l+="; "+a,r[a]!==!0&&(l+="="+r[a].split(";")[0]));return document.cookie=i+"="+e.write(o,i)+l}}function s(i){if(!(typeof document>"u"||arguments.length&&!i)){for(var o=document.cookie?document.cookie.split("; "):[],r={},l=0;l=5&&((r||!d&&o===5)&&(a.push(o,0,r,i),o=6),d&&(a.push(o,d,0,i),o=6)),r=""},c=0;c"?(o=1,r=""):r=s+r[0]:l?s===l?l="":r+=s:s==='"'||s==="'"?l=s:s===">"?(h(),o=1):o&&(s==="="?(o=5,i=r,r=""):s==="/"&&(o<5||t[c][u+1]===">")?(h(),o===3&&(a=a[0]),o=a,(a=a[0]).push(2,0,o),o=0):s===" "||s===" "||s===`
+`||s==="\r"?(h(),o=2):r+=s),o===3&&r==="!--"&&(o=4,a=a[0])}return h(),a}(e)),n),arguments,[])).length>1?n:n[0]}var Ph=lc.bind(C);Object.assign(window,{htm:lc,html:Ph,preact:Ka});const ar=class{constructor(n,t="local"){x(this,on);x(this,Gn,void 0);x(this,he,void 0);x(this,Nt,void 0);x(this,sn,void 0);T(this,Gn,t),T(this,he,`ZUI_STORE:${n??Rn()}`),T(this,Nt,t==="local"?localStorage:sessionStorage)}get type(){return m(this,Gn)}get session(){return this.type==="session"?this:(m(this,sn)||T(this,sn,new ar(m(this,he),"session")),m(this,sn))}get(n,t){const s=m(this,Nt).getItem(L(this,on,eo).call(this,n));return typeof s=="string"?JSON.parse(s):s??t}set(n,t){if(t==null)return this.remove(n);m(this,Nt).setItem(L(this,on,eo).call(this,n),JSON.stringify(t))}remove(n){m(this,Nt).removeItem(L(this,on,eo).call(this,n))}each(n){for(let t=0;t{n[t]=s}),n}};let Us=ar;Gn=new WeakMap,he=new WeakMap,Nt=new WeakMap,sn=new WeakMap,on=new WeakSet,eo=function(n){return`${m(this,he)}:${n}`};const cc=new Us("DEFAULT");function Dh(e,n="local"){return new Us(e,n)}Object.assign(cc,{create:Dh});const B=Pl,Wo=window.document;let Vs,re;const Hh=/)<[^<]*)*<\/script>/gi,Ih=/^(?:text|application)\/javascript/i,jh=/^(?:text|application)\/xml/i,ac="application/json",uc="text/html",Wh=/^\s*$/,Bo=Wo.createElement("a");Bo.href=window.location.href;function Bh(e,n,t){const s=new CustomEvent(n,{detail:t});return B(e).trigger(s,t),!s.defaultPrevented}function we(e,n,t,s){if(e.global)return Bh(n||Wo,t,s)}B.active=0;function Fh(e){e.global&&B.active++===0&&we(e,null,"ajaxStart")}function zh(e){e.global&&!--B.active&&we(e,null,"ajaxStop")}function Uh(e,n){const t=n.context;if(n.beforeSend.call(t,e,n)===!1||we(n,t,"ajaxBeforeSend",[e,n])===!1)return!1;we(n,t,"ajaxSend",[e,n])}function Vh(e,n,t){const s=t.context,i="success";t.success.call(s,e,i,n),we(t,s,"ajaxSuccess",[n,t,e]),hc(i,n,t)}function qs(e,n,t,s){const i=s.context;s.error.call(i,t,n,e),we(s,i,"ajaxError",[t,s,e||n]),hc(n,t,s)}function hc(e,n,t){const s=t.context;t.complete.call(s,n,e),we(t,s,"ajaxComplete",[n,t]),zh(t)}function qh(e,n,t){if(t.dataFilter==le)return e;const s=t.context;return t.dataFilter.call(s,e,n)}function le(){}B.ajaxSettings={type:"GET",beforeSend:le,success:le,error:le,complete:le,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:ac,xml:"application/xml, text/xml",html:uc,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0,dataFilter:le};function Gh(e){return e&&(e=e.split(";",2)[0]),e&&(e==uc?"html":e==ac?"json":Ih.test(e)?"script":jh.test(e)&&"xml")||"text"}function fc(e,n){return n==""?e:(e+"&"+n).replace(/[&?]{1,2}/,"?")}function Kh(e){e.processData&&e.data&&typeof e.data!="string"&&(e.data=B.param(e.data,e.traditional)),e.data&&(!e.type||e.type.toUpperCase()=="GET"||e.dataType=="jsonp")&&(e.url=fc(e.url,e.data),e.data=void 0)}B.ajax=function(e){var p;const n=B.extend({},e||{});let t,s;for(Vs in B.ajaxSettings)n[Vs]===void 0&&(n[Vs]=B.ajaxSettings[Vs]);Fh(n),n.crossDomain||(t=Wo.createElement("a"),t.href=n.url,t.href=t.href,n.crossDomain=Bo.protocol+"//"+Bo.host!=t.protocol+"//"+t.host),n.url||(n.url=window.location.toString()),(s=n.url.indexOf("#"))>-1&&(n.url=n.url.slice(0,s)),Kh(n);let i=n.dataType;/\?.+=\?/.test(n.url)&&(i="jsonp"),(n.cache===!1||(!e||e.cache!==!0)&&(i=="script"||i=="jsonp"))&&(n.url=fc(n.url,"_="+Date.now()));let r=n.accepts[i];const l={},a=function(g,y){l[g.toLowerCase()]=[g,y]},h=/^([\w-]+:)\/\//.test(n.url)?RegExp.$1:window.location.protocol,c=n.xhr(),u=c.setRequestHeader;let d;if(n.crossDomain||a("X-Requested-With","XMLHttpRequest"),a("Accept",r||"*/*"),r=n.mimeType,r&&(r.indexOf(",")>-1&&(r=r.split(",",2)[0]),(p=c.overrideMimeType)==null||p.call(c,r)),(n.contentType||n.contentType!==!1&&n.data&&n.type.toUpperCase()!="GET")&&a("Content-Type",n.contentType||"application/x-www-form-urlencoded"),n.headers)for(re in n.headers)a(re,n.headers[re]);if(c.setRequestHeader=a,c.onreadystatechange=function(){if(c.readyState==4){c.onreadystatechange=le,clearTimeout(d);let g,y=!1;if(c.status>=200&&c.status<300||c.status==304||c.status==0&&h=="file:"){if(i=i||Gh(n.mimeType||c.getResponseHeader("content-type")),c.responseType=="arraybuffer"||c.responseType=="blob")g=c.response;else{g=c.responseText;try{g=qh(g,i,n),i=="xml"?g=c.responseXML:i=="json"&&(g=Wh.test(g)?null:JSON.parse(g))}catch(_){y=_}if(y)return qs(y,"parsererror",c,n)}Vh(g,c,n)}else qs(c.statusText||null,c.status?"error":"abort",c,n)}},Uh(c,n)===!1)return c.abort(),qs(null,"abort",c,n),c;const f="async"in n?n.async:!0;if(c.open(n.type,n.url,f,n.username,n.password),n.xhrFields)for(re in n.xhrFields)c[re]=n.xhrFields[re];for(re in l)u.apply(c,l[re]);return n.timeout>0&&(d=setTimeout(function(){c.onreadystatechange=le,c.abort(),qs(null,"timeout",c,n)},n.timeout)),c.send(n.data?n.data:null),c};function Gs(e,n,t,s){return B.isFunction(n)&&(s=t,t=n,n=void 0),B.isFunction(t)||(s=t,t=void 0),{url:e,data:n,success:t,dataType:s}}B.get=function(e,n,t,s){return B.ajax(Gs(e,n,t,s))},B.post=function(e,n,t,s){const i=Gs(e,n,t,s);return B.ajax(Object.assign(i,{type:"POST"}))},B.getJSON=function(e,n,t,s){const i=Gs(e,n,t,s);return i.dataType="json",B.ajax(i)},B.fn.load=function(e,n,t){if(!this.length)return this;const s=e.split(/\s/);let i;const o=Gs(e,n,t),r=o.success;return s.length>1&&(o.url=s[0],i=s[1]),o.success=(l,...a)=>{this.html(i?B("
").html(l.replace(Hh,"")).find(i):l),r==null||r.call(this,l,...a)},B.ajax(o),this};const dc=encodeURIComponent;function pc(e,n,t,s){const i=B.isArray(n),o=B.isPlainObject(n);B.each(n,function(r,l){const a=Array.isArray(l)?"array":typeof l;s&&(r=t?s:s+"["+(o||a=="object"||a=="array"?r:"")+"]"),!s&&i?e.add(l.name,l.value):a=="array"||!t&&a=="object"?pc(e,l,t,r):e.add(r,l)})}B.param=function(e,n){const t=[];return t.add=function(s,i){B.isFunction(i)&&(i=i()),i==null&&(i=""),this.push(dc(s)+"="+dc(i))},pc(t,e,n),t.join("&").replace(/%20/g,"+")};const Yh=Object.assign(B.ajax,{get:B.get,post:B.post,getJSON:B.getJSON,param:B.param,ajaxSettings:B.ajaxSettings}),Xh=new Cn,op="";function Jh(e){if(e.indexOf("#")===0&&(e=e.slice(1)),e.length===3&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),e.length!==6)throw new Error(`Invalid HEX color "${e}".`);return[parseInt(e.slice(0,2),16),parseInt(e.slice(2,4),16),parseInt(e.slice(4,6),16)]}function Qh(e){const[n,t,s]=typeof e=="string"?Jh(e):e;return n*.299+t*.587+s*.114>186}function mc(e,n){return Qh(e)?(n==null?void 0:n.dark)??"#333333":(n==null?void 0:n.light)??"#ffffff"}function gc(e,n=255){return Math.min(Math.max(e,0),n)}function Zh(e,n,t){e=e%360/360,n=gc(n),t=gc(t);const s=t<=.5?t*(n+1):t+n-t*n,i=t*2-s,o=r=>(r=r<0?r+1:r>1?r-1:r,r*6<1?i+(s-i)*r*6:r*2<1?s:r*3<2?i+(s-i)*(2/3-r)*6:i);return[o(e+1/3)*255,o(e)*255,o(e-1/3)*255]}function tf(e){let n=0;if(typeof e!="string"&&(e=String(e)),e&&e.length)for(let t=0;t{e.classList.toggle(s,i)})}function Pn(e,n,t){if(typeof n=="object")return Object.entries(n).forEach(([s,i])=>{Pn(e,s,i)});t!==void 0&&(e.style[n]=typeof t=="number"?`${t}px`:t)}function Ks(e,n,t){if(typeof n=="object")return Object.entries(n).forEach(([s,i])=>{Ks(e,s,i)});t!==void 0&&(t===null?e.removeAttribute(n):e.setAttribute(n,t))}const dt=class extends xt{constructor(){super(...arguments);x(this,rn);x(this,Ee,0);x(this,Kn,void 0);x(this,fe,void 0);x(this,fi,t=>{const s=t.target;(s.closest(dt.DISMISS_SELECTOR)||this.options.backdrop===!0&&!s.closest(".modal-dialog")&&s.closest(".modal"))&&this.hide()})}get modalElement(){return this.element}get isShown(){return this.modalElement.classList.contains(dt.CLASS_SHOW)}get dialog(){return this.modalElement.querySelector(".modal-dialog")}afterInit(){if(this.on("click",m(this,fi)),this.options.responsive&&typeof ResizeObserver<"u"){const{dialog:t}=this;if(t){const s=new ResizeObserver(()=>{if(!this.isShown)return;const i=t.clientWidth,o=t.clientHeight;(!m(this,fe)||m(this,fe)[0]!==i||m(this,fe)[1]!==o)&&(T(this,fe,[i,o]),this.layout())});s.observe(t),T(this,Kn,s)}}this.options.show&&this.show()}destroy(){var t;super.destroy(),(t=m(this,Kn))==null||t.disconnect()}show(t){if(this.isShown)return!1;this.setOptions(t);const{modalElement:s}=this,{animation:i,backdrop:o,className:r,style:l}=this.options;return _c(s,[{"modal-trans":i,"modal-no-backdrop":!o},dt.CLASS_SHOW,r]),Pn(s,{zIndex:`${dt.zIndex++}`,...l}),this.layout(),this.emit("show",this),L(this,rn,no).call(this,()=>{s.classList.add(dt.CLASS_SHOWN),L(this,rn,no).call(this,()=>{this.emit("shown",this)})},50),!0}hide(){return this.isShown?(this.modalElement.classList.remove(dt.CLASS_SHOWN),this.emit("hide",this),L(this,rn,no).call(this,()=>{this.modalElement.classList.remove(dt.CLASS_SHOW),this.emit("hidden",this)}),!0):!1}layout(t,s){if(!this.isShown)return;const{dialog:i}=this;if(!i)return;s=s??this.options.size,Ks(i,"data-size",null);const o={width:null,height:null};typeof s=="object"?(o.width=s.width,o.height=s.height):typeof s=="string"&&["md","sm","lg","full"].includes(s)?Ks(i,"data-size",s):s&&(o.width=s),Pn(i,o),t=t??this.options.position??"fit";const r=i.clientWidth,l=i.clientHeight;T(this,fe,[r,l]),typeof t=="function"&&(t=t({width:r,height:l}));const a={top:null,left:null,bottom:null,right:null,alignSelf:"center"};typeof t=="number"?(a.alignSelf="flex-start",a.top=t):typeof t=="object"&&t?(a.alignSelf="flex-start",Object.assign(a,t)):t==="fit"?(a.alignSelf="flex-start",a.top=`${Math.max(0,Math.floor((window.innerHeight-l)/3))}px`):t==="bottom"?a.alignSelf="flex-end":t==="top"?a.alignSelf="flex-start":t!=="center"&&typeof t=="string"&&(a.alignSelf="flex-start",a.top=t),Pn(i,a),Pn(this.modalElement,"justifyContent",a.left?"flex-start":"center")}static query(t){if(t===void 0?t=document.querySelector(`.modal.${dt.CLASS_SHOW}`):typeof t=="string"&&(t=document.querySelector(t)),!!t)return dt.get(t)}static hide(t){var s;(s=dt.query(t))==null||s.hide()}static show(t){var s;(s=dt.query(t))==null||s.show()}};let ot=dt;Ee=new WeakMap,Kn=new WeakMap,fe=new WeakMap,fi=new WeakMap,rn=new WeakSet,no=function(t,s){m(this,Ee)&&(clearTimeout(m(this,Ee)),T(this,Ee,0)),t&&(this.options.animation?T(this,Ee,window.setTimeout(t,s??this.options.transTime)):t())},w(ot,"NAME","Modal"),w(ot,"EVENTS",!0),w(ot,"DEFAULT",{position:"fit",show:!0,keyboard:!0,animation:!0,backdrop:!0,responsive:!0,transTime:300}),w(ot,"CLASS_SHOW","show"),w(ot,"CLASS_SHOWN","in"),w(ot,"DISMISS_SELECTOR",'[data-dismiss="modal"]'),w(ot,"zIndex",2e3),A(window).on("resize",()=>{ot.all.forEach(e=>{const n=e;n.isShown&&n.options.responsive&&n.layout()})}),A(document).on("zui.modal.hide",(e,n)=>{ot.hide(n==null?void 0:n.target)});class bc extends V{componentDidMount(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!0})}componentDidUpdate(){var n;(n=this.props.afterRender)==null||n.call(this,{firstRender:!1})}componentWillUnmount(){var n;(n=this.props.beforeDestroy)==null||n.call(this)}renderHeader(){const{header:n,title:t}=this.props;return rt(n)?n:n===!1||!t?null:b("div",{className:"modal-header",children:b("div",{className:"modal-title",children:t})})}renderActions(){const{actions:n,closeBtn:t}=this.props;return!t&&!n?null:rt(n)?n:b("div",{className:"modal-actions",children:[n?b(oe,{...n}):null,t?b("button",{type:"button",class:"btn square ghost","data-dismiss":"modal",children:b("span",{class:"close"})}):null]})}renderBody(){const{body:n}=this.props;return n?rt(n)?n:b("div",{className:"modal-body",children:n}):null}renderFooter(){const{footer:n,footerActions:t}=this.props;return rt(n)?n:n===!1||!t?null:b("div",{className:"modal-footer",children:t?b(oe,{...t}):null})}render(){const{className:n,style:t,children:s}=this.props;return b("div",{className:O("modal-dialog",n),style:t,children:b("div",{className:"modal-content",children:[this.renderHeader(),this.renderActions(),this.renderBody(),s,this.renderFooter()]})})}}w(bc,"defaultProps",{closeBtn:!0});class nf extends V{constructor(){super(...arguments);x(this,Yn,Oe());x(this,ln,void 0);w(this,"state",{});x(this,Xn,()=>{var i,o;const t=(o=(i=m(this,Yn).current)==null?void 0:i.contentWindow)==null?void 0:o.document;if(!t)return;let s=m(this,ln);s==null||s.disconnect(),s=new ResizeObserver(()=>{const r=t.body,l=t.documentElement,a=Math.ceil(Math.max(r.scrollHeight,r.offsetHeight,l.offsetHeight));this.setState({height:a})}),s.observe(t.body),s.observe(t.documentElement),T(this,ln,s)})}componentDidMount(){m(this,Xn).call(this)}componentWillUnmount(){var t;(t=m(this,ln))==null||t.disconnect()}render(){const{url:t}=this.props;return b("iframe",{className:"modal-iframe",style:this.state,src:t,ref:m(this,Yn),onLoad:m(this,Xn)})}}Yn=new WeakMap,ln=new WeakMap,Xn=new WeakMap;function sf(e,n){const{custom:t,title:s,content:i}=n;return{body:i,title:s,...typeof t=="function"?t():t}}async function of(e,n){const{dataType:t="html",url:s,request:i,custom:o,title:r,replace:l=!0}=n,h=await(await fetch(s,i)).text();if(t!=="html")try{const c=JSON.parse(h);return{title:r,...o,...c}}catch{}return n.replace!==!1&&t==="html"?[h]:{title:r,...o,body:t==="html"?b("div",{className:"modal-body",dangerouslySetInnerHTML:{__html:h}}):h}}async function rf(e,n){const{url:t,custom:s,title:i}=n;return{title:i,...s,body:b(nf,{url:t})}}const lf={custom:sf,ajax:of,iframe:rf},ts=class extends ot{constructor(){super(...arguments);x(this,cn);x(this,di);x(this,Zn);x(this,Jn,void 0);x(this,Qn,void 0);x(this,Lt,void 0)}get id(){return m(this,Qn)}get loading(){return this.modalElement.classList.contains(ts.LOADING_CLASS)}get modalElement(){let t=m(this,Jn);if(!t){const{id:s}=this;t=this.element.querySelector(`#${s}`),t||(t=document.createElement("div"),Ks(t,{id:s,style:this.options.style}),_c(t,["modal modal-async",this.options.className]),this.element.appendChild(t)),T(this,Jn,t)}return t}afterInit(){super.afterInit(),T(this,Qn,this.options.id||`modal-${Rn()}`)}show(t){return super.show(t)?(this.buildDialog(),!0):!1}render(t){super.render(t),this.buildDialog()}async buildDialog(){if(this.loading)return!1;m(this,Lt)&&clearTimeout(m(this,Lt));const{modalElement:t,options:s}=this,{type:i,loadTimeout:o}=s,r=lf[i];if(!r)return console.warn(`Modal: Cannot build modal with type "${i}"`),!1;t.classList.add(ts.LOADING_CLASS),await L(this,di,ga).call(this),o&&T(this,Lt,window.setTimeout(()=>{T(this,Lt,0),L(this,Zn,mr).call(this,this.options.timeoutTip)},o));const l=await r(t,s);return l===!1?await L(this,Zn,mr).call(this,this.options.failedTip):l&&typeof l=="object"&&await L(this,cn,so).call(this,l),m(this,Lt)&&(clearTimeout(m(this,Lt)),T(this,Lt,0)),t.classList.remove(ts.LOADING_CLASS),!0}};let Dn=ts;Jn=new WeakMap,Qn=new WeakMap,Lt=new WeakMap,cn=new WeakSet,so=function(t){return new Promise(s=>{if(Array.isArray(t))return this.modalElement.innerHTML=t[0],s();const{afterRender:i,...o}=t;t={afterRender:r=>{this.layout(),i==null||i(r),s()},...o},En(b(bc,{...t}),this.modalElement)})},di=new WeakSet,ga=function(){const{loadingText:t}=this.options;return L(this,cn,so).call(this,{body:b("div",{className:"modal-loading-indicator",children:[b("span",{className:"spinner"}),t?b("span",{className:"modal-loading-text",children:t}):null]})})},Zn=new WeakSet,mr=function(t){if(t)return L(this,cn,so).call(this,{body:b("div",{className:"modal-load-failed",children:t})})},w(Dn,"LOADING_CLASS","loading"),w(Dn,"DEFAULT",{...ot.DEFAULT,loadTimeout:1e4});class Be extends xt{constructor(){super(...arguments);x(this,pi);x(this,mi);x(this,gi);x(this,de,void 0)}get modal(){return m(this,de)}get container(){const{container:t}=this.options;return typeof t=="string"?document.querySelector(t):t instanceof HTMLElement?t:document.body}show(){return L(this,mi,_a).call(this).show()}hide(){var t;(t=m(this,de))==null||t.hide()}}de=new WeakMap,pi=new WeakSet,ya=function(){const{container:t,...s}=this.options,i=s,o=this.element.getAttribute("href")||"";return i.type||(i.target||o[0]==="#"?i.type="static":i.type=i.type||(i.url||o?"ajax":"custom")),!i.url&&(i.type==="iframe"||i.type==="ajax")&&o[0]!=="#"&&(i.url=o),i},mi=new WeakSet,_a=function(){const t=L(this,pi,ya).call(this);let s=m(this,de);return s?s.setOptions(t):t.type==="static"?(s=new ot(L(this,gi,ba).call(this),t),T(this,de,s)):(s=new Dn(this.container,t),T(this,de,s)),s},gi=new WeakSet,ba=function(){let t=this.options.target;if(!t){const{element:s}=this;if(s.tagName==="A"){const i=s.getAttribute("href");i!=null&&i.startsWith("#")&&(t=i)}}return this.container.querySelector(t||".modal")},w(Be,"NAME","ModalTrigger"),w(Be,"EVENTS",!0),w(Be,"TOGGLE_SELECTOR",'[data-toggle="modal"]'),window.addEventListener("click",e=>{var s;const n=e.target,t=(s=n.closest)==null?void 0:s.call(n,Be.TOGGLE_SELECTOR);if(t){const i=Be.ensure(t);i&&i.show()}});const cp="";let cf=(ur=class extends Ts{beforeRender(){const n=super.beforeRender();return n.className=O(n.className,n.type?`nav-${n.type}`:"",{"nav-stacked":n.stacked}),n}},w(ur,"NAME","nav"),ur);class Uo extends Z{}w(Uo,"NAME","nav"),w(Uo,"Component",cf);const ap="";function Hn(e,n){const t=e.pageTotal||Math.ceil(e.recTotal/e.recPerPage);return typeof n=="string"&&(n==="first"?n=1:n==="last"?n=t:n==="prev"?n=e.page-1:n==="next"?n=e.page+1:n==="current"?n=e.page:n=Number.parseInt(n,10)),n=n!==void 0?Math.max(1,Math.min(n<0?t+n:n,t)):e.page,{...e,pageTotal:t,page:n}}function af({key:e,type:n,btnType:t,page:s,format:i,pagerInfo:o,linkCreator:r,...l}){const a=Hn(o,s);return l.text===void 0&&!l.icon&&i&&(l.text=typeof i=="function"?i(a):st(i,a)),l.url===void 0&&r&&(l.url=typeof r=="function"?r(a):st(r,a)),l.disabled===void 0&&(l.disabled=s!==void 0&&a.page===o.page),b(St,{type:t,...l})}const kt=24*60*60*1e3,at=e=>e?(e instanceof Date||(typeof e=="string"&&(e=e.trim(),/^\d+$/.test(e)&&(e=Number.parseInt(e,10))),typeof e=="number"&&e<1e10&&(e*=1e3),e=new Date(e)),e):new Date,Fe=(e,n=new Date)=>(e=at(e),n=at(n),e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()&&e.getDate()===n.getDate()),Vo=(e,n=new Date)=>at(e).getFullYear()===at(n).getFullYear(),wc=(e,n=new Date)=>(e=at(e),n=at(n),e.getFullYear()===n.getFullYear()&&e.getMonth()===n.getMonth()),uf=(e,n=new Date)=>{e=at(e),n=at(n);const t=1e3*60*60*24,s=Math.floor(e.getTime()/t),i=Math.floor(n.getTime()/t);return Math.floor((s+4)/7)===Math.floor((i+4)/7)},hf=(e,n)=>Fe(at(n),e),ff=(e,n)=>Fe(at(n).getTime()-kt,e),df=(e,n)=>Fe(at(n).getTime()+kt,e),pf=(e,n)=>Fe(at(n).getTime()-2*kt,e),Ys=(e,n="yyyy-MM-dd hh:mm")=>{e=at(e);const t={"M+":e.getMonth()+1,"d+":e.getDate(),"h+":e.getHours(),"H+":e.getHours()%12,"m+":e.getMinutes(),"s+":e.getSeconds(),"S+":e.getMilliseconds()};return/(y+)/i.test(n)&&(n=n.replace(RegExp.$1,`${e.getFullYear()}`.substring(4-RegExp.$1.length))),Object.keys(t).forEach(s=>{if(new RegExp(`(${s})`).test(n)){const i=`${t[s]}`;n=n.replace(RegExp.$1,RegExp.$1.length===1?i:`00${i}`.substring(i.length))}}),n},mf=(e,n,t)=>{const s={full:"yyyy-M-d",month:"M-d",day:"d",str:"{0} ~ {1}",...t},i=Ys(e,Vo(e)?s.month:s.full);if(Fe(e,n))return i;const o=Ys(n,Vo(e,n)?wc(e,n)?s.day:s.month:s.full);return s.str.replace("{0}",i).replace("{1}",o)},gf=e=>{const n=new Date().getTime();switch(e){case"oneWeek":return n-kt*7;case"oneMonth":return n-kt*31;case"threeMonth":return n-kt*31*3;case"halfYear":return n-kt*183;case"oneYear":return n-kt*365;case"twoYear":return n-2*(kt*365);default:return 0}},qo=(e,n,t=!0,s=Date.now())=>{switch(n){case"year":return e*=365,qo(e,"day",t,s);case"quarter":e*=3;break;case"month":return e*=30,qo(e,"day",t,s);case"week":e*=7;break;case"day":e*=24;break;case"hour":e*=60;break;case"minute":e*=6e4;break;default:e=0}return t?s+e:s-e};function yf({key:e,type:n,page:t,text:s="",pagerInfo:i,children:o,...r}){const l=Hn(i,t);return s=typeof s=="function"?s(l):st(s,l),b(ll,{...r,children:[o,s]})}function _f({key:e,type:n,btnType:t,count:s=12,pagerInfo:i,onClick:o,linkCreator:r,...l}){if(!i.pageTotal)return;const a={...l,square:!0},h=()=>(a.text="",a.icon="icon-ellipsis-h",a.disabled=!0,b(St,{type:t,...a})),c=(d,f)=>{const p=[];for(let g=d;g<=f;g++){a.text=g,delete a.icon,a.disabled=!1;const y=Hn(i,g);r&&(a.url=typeof r=="function"?r(y):st(r,y)),p.push(b(St,{type:t,...a,onClick:o}))}return p};let u=[];return u=[...c(1,1)],i.pageTotal<=1||(i.pageTotal<=s?u=[...u,...c(2,i.pageTotal)]:i.pagei.pageTotal-s+3?u=[...u,h(),...c(i.pageTotal-s+3,i.pageTotal)]:u=[...u,h(),...c(i.page-Math.ceil((s-4)/2),i.page+Math.floor((s-4)/2)),h(),...c(i.pageTotal,i.pageTotal)]),u}function bf({type:e,pagerInfo:n,linkCreator:t,items:s=[5,10,15,20,25,30,35,40,45,50,100,200,500,1e3,2e3],dropdown:i={},...o}){var l;i.items=i.items??s.map(a=>{const h={...n,recPerPage:a};return{text:`${a}`,url:typeof t=="function"?t(h):st(t,h)}});const{text:r=""}=o;return o.text=typeof r=="function"?r(n):st(r,n),i.menu={...i.menu,className:O((l=i.menu)==null?void 0:l.className,"pager-size-menu")},b(sc,{type:"dropdown",dropdown:i,...o})}function wf({key:e,page:n,type:t,btnType:s,pagerInfo:i,size:o,onClick:r,onChange:l,linkCreator:a,...h}){const c={...h};let u;const d=g=>{var y;u=Number((y=g.target)==null?void 0:y.value)||1,u=u>i.pageTotal?i.pageTotal:u},f=g=>{if(!(g!=null&&g.target))return;u=u<=i.pageTotal?u:i.pageTotal;const y=Hn(i,u);l&&!l({info:y,event:g})||(g.target.href=c.url=typeof a=="function"?a(y):st(a,y))},p=Hn(i,n||0);return c.url=typeof a=="function"?a(p):st(a,p),b("div",{className:O("input-group","pager-goto-group",o?`size-${o}`:""),children:[b("input",{type:"number",class:"form-control",max:i.pageTotal,min:"1",onInput:d}),b(St,{type:s,...c,onClick:f})]})}let vc=(es=class extends oe{get pagerInfo(){const{page:n=1,recTotal:t=0,recPerPage:s=10}=this.props;return{page:n,recTotal:t,recPerPage:s,pageTotal:s?Math.ceil(t/s):0}}isBtnItem(n){return n==="link"||n==="nav"||n==="size-menu"||n==="goto"||super.isBtnItem(n)}getItemRenderProps(n,t,s){const i=super.getItemRenderProps(n,t,s),o=t.type||"item";return o==="info"?Object.assign(i,{pagerInfo:this.pagerInfo}):(o==="link"||o==="size-menu"||o==="nav"||o==="goto")&&Object.assign(i,{pagerInfo:this.pagerInfo,linkCreator:n.linkCreator}),i}},w(es,"NAME","pager"),w(es,"defaultProps",{gap:1,btnProps:{btnType:"ghost",size:"sm"}}),w(es,"ItemComponents",{...oe.ItemComponents,link:af,info:yf,nav:_f,"size-menu":bf,goto:wf}),es);class Go extends Z{}w(Go,"NAME","pager"),w(Go,"Component",vc);const up="",hp="";class vf extends V{constructor(){super(...arguments);x(this,yi,t=>{var r;const{onDeselect:s,selections:i}=this.props,o=(r=t.target.closest(".picker-deselect-btn"))==null?void 0:r.dataset.idx;o&&s&&(i!=null&&i.length)&&(t.stopPropagation(),s([i[+o]],t))})}render(){const{className:t,style:s,disabled:i,placeholder:o,focused:r,selections:l=[],onClick:a,children:h}=this.props;let c;return l.length?c=b("div",{className:"picker-multi-selections",children:l.map((u,d)=>b("div",{className:"picker-multi-selection",children:[u.text??u.value,b("div",{className:"picker-deselect-btn btn",onClick:m(this,yi),"data-idx":d,children:b("span",{className:"close"})})]}))}):c=b("span",{className:"picker-select-placeholder",children:o}),b("div",{className:O("picker-select picker-select-multi form-control",t,{disabled:i,focused:r}),style:s,onClick:a,children:[c,h,b("span",{class:"caret"})]})}}yi=new WeakMap;class xf extends V{constructor(){super(...arguments);x(this,_i,t=>{const{onDeselect:s,selections:i}=this.props;s&&(i!=null&&i.length)&&(t.stopPropagation(),s(i,t))})}render(){const{className:t,style:s,disabled:i,placeholder:o,focused:r,selections:l=[],onDeselect:a,onClick:h,children:c}=this.props,[u]=l,d=u?b("span",{className:"picker-single-selection",children:u.text??u.value}):b("span",{className:"picker-select-placeholder",children:o}),f=u&&a?b("button",{type:"button",className:"btn picker-deselect-btn",onClick:m(this,_i),children:b("span",{className:"close"})}):null;return b("div",{className:O("picker-select picker-select-single form-control",t,{disabled:i,focused:r}),style:s,onClick:h,children:[d,c,f,b("span",{class:"caret"})]})}}_i=new WeakMap;const fp="";class Sf extends V{constructor(){super(...arguments);x(this,bi);w(this,"state",{keys:"",shown:!1});x(this,ns,t=>{var s;(s=t.target)!=null&&s.closest(`#picker-menu-${this.props.id}`)||this.hide()});x(this,wi,({item:t})=>{const s=this.props.items.find(i=>i.value===t.key);s&&this.props.onSelectItem(s)});x(this,ss,t=>{this.setState({keys:t.target.value})});x(this,vi,()=>{this.setState({keys:""})})}componentDidMount(){document.addEventListener("click",m(this,ns)),this.show()}componentWillUnmount(){document.removeEventListener("click",m(this,ns))}show(){this.state.shown||this.setState({shown:!0})}hide(){this.state.shown&&this.setState({shown:!1},()=>{window.setTimeout(()=>{var t,s;(s=(t=this.props).onRequestHide)==null||s.call(t)},200)})}render(){const{id:t,search:s,className:i,style:o={},maxHeight:r,maxWidth:l,width:a,menu:h,searchHint:c}=this.props,{shown:u,keys:d}=this.state,f=d.trim().length;return b("div",{className:O("picker-menu",i,{shown:u,"has-search":f}),id:`picker-menu-${t}`,style:{maxHeight:r,maxWidth:l,width:a,...o},children:[s?b("div",{className:"picker-menu-search",children:[b("input",{className:"form-control picker-menu-search-input",type:"text",placeholder:c,value:d,onChange:m(this,ss),onInput:m(this,ss)}),f?b("button",{type:"button",className:"btn picker-menu-search-clear",onClick:m(this,vi),children:b("span",{className:"close"})}):b("span",{className:"magnifier"})]}):null,b(te,{className:"picker-menu-list",items:L(this,bi,wa).call(this),onClickItem:m(this,wi),...h})]})}}bi=new WeakSet,wa=function(){const{selections:t,items:s}=this.props,i=new Set(t),o=this.state.keys.toLowerCase().split(" ").filter(r=>r.length);return s.reduce((r,l)=>{const{value:a,keys:h,text:c,...u}=l;if(!o.length||o.every(d=>a.toLowerCase().includes(d)||(h==null?void 0:h.toLowerCase().includes(d))||typeof c=="string"&&c.toLowerCase().includes(d))){let d=c??a;typeof d=="string"&&o.length&&(d=b("span",{dangerouslySetInnerHTML:{__html:o.reduce((f,p)=>f.replace(p,``),d)}})),r.push({key:a,active:i.has(a),text:d,...u})}return r},[])},ns=new WeakMap,wi=new WeakMap,ss=new WeakMap,vi=new WeakMap;function xc(e){const n=new Set;return e.reduce((t,s)=>(n.has(s)||(n.add(s),t.push(s)),t),[])}let Ef=(hr=class extends V{constructor(t){super(t);x(this,an);x(this,ls);x(this,xi);x(this,Si);x(this,Ti);x(this,is,0);x(this,os,Rn());x(this,rs,Oe());x(this,Ei,(t,s)=>{const{valueList:i}=this,o=new Set(t.map(l=>l.value)),r=i.filter(l=>!o.has(l));this.setState({value:r.length?r.join(this.props.valueSplitter??","):void 0})});x(this,Ci,t=>{console.log("#handleSelectClick",t),this.setState({open:!0})});x(this,$i,()=>{this.close()});x(this,ki,t=>{this.props.multi?this.toggleValue(t.value):this.setState({value:t.value},()=>{var s;(s=m(this,rs).current)==null||s.hide()})});this.state={value:L(this,xi,va).call(this,t.defaultValue)??"",open:!1,loading:!1,search:"",items:Array.isArray(t.items)?t.items:[]}}get value(){return this.state.value}get valueList(){return L(this,ls,gr).call(this,this.state.value)}componentDidMount(){var t;(t=this.props.afterRender)==null||t.call(this,{firstRender:!0})}componentDidUpdate(){var t;(t=this.props.afterRender)==null||t.call(this,{firstRender:!1})}componentWillUnmount(){var t;(t=this.props.beforeDestroy)==null||t.call(this)}async loadItemList(){let{items:t}=this.props;if(typeof t=="function"){const i=++ua(this,is)._;if(await L(this,an,io).call(this,{loading:!0,items:[]}),t=await t(),m(this,is)!==i)return[]}const s={};return Array.isArray(t)&&this.state.items!==t&&(s.items=t),this.state.loading&&(s.loading=!1),Object.keys(s).length&&await L(this,an,io).call(this,s),t}getItemList(){return this.state.items}getItemMap(){return this.getItemList().reduce((t,s)=>(t[s.value]=s,t),{})}getItemByValue(t){return this.getItemList().find(s=>s.value===t)}getSelections(){const t=this.getItemMap();return this.valueList.map(s=>t[s]||{value:s})}async toggle(t){if(t===void 0)t=!this.state.open;else if(t===this.state.open)return;await L(this,an,io).call(this,{open:t}),t&&this.loadItemList()}open(){return this.toggle(!0)}close(){return this.toggle(!1)}toggleValue(t,s){const{valueList:i}=this,o=i.indexOf(t);s!==!!o&&(o>-1?i.splice(o,1):i.push(t),this.setState({value:i.join(this.props.valueSplitter??",")}))}render(){const{className:t,style:s,children:i,multi:o}=this.props,r=o?vf:xf;return b("div",{className:O("picker",t),style:s,id:`picker-${m(this,os)}`,children:[b(r,{...L(this,Si,xa).call(this)}),i,this.state.open?b(Sf,{...L(this,Ti,Sa).call(this),ref:m(this,rs)}):null]})}},is=new WeakMap,os=new WeakMap,rs=new WeakMap,an=new WeakSet,io=function(t){return new Promise(s=>{this.setState(t,s)})},ls=new WeakSet,gr=function(t){return typeof t=="string"?xc(t.split(this.props.valueSplitter??",")):Array.isArray(t)?xc(t):[]},xi=new WeakSet,va=function(t){const s=L(this,ls,gr).call(this,t);return s.length?s.join(this.props.valueSplitter??","):void 0},Si=new WeakSet,xa=function(){const{placeholder:t,disabled:s}=this.props,{open:i}=this.state;return{focused:i,placeholder:t,disabled:s,selections:this.getSelections(),onClick:m(this,Ci),onDeselect:m(this,Ei)}},Ei=new WeakMap,Ci=new WeakMap,$i=new WeakMap,ki=new WeakMap,Ti=new WeakSet,Sa=function(){const{search:t,menuClass:s,menuWidth:i,menuStyle:o,menuMaxHeight:r,menuMaxWidth:l}=this.props,{items:a}=this.state;return{id:m(this,os),items:a,selections:this.valueList,search:t===!0||typeof t=="number"&&t<=a.length,style:o,className:s,width:i,maxHeight:r,maxWidth:l,onRequestHide:m(this,$i),onSelectItem:m(this,ki)}},w(hr,"defaultProps",{container:"body",valueSplitter:",",search:!0,menuWidth:"auto",menuMaxHeight:400}),hr);class Ko extends Z{}w(Ko,"NAME","picker"),w(Ko,"Component",Ef);const dp="",pp="";class Yo extends Z{}w(Yo,"NAME","toolbar"),w(Yo,"Component",oe);const mp="";function In(e){return e.split("-")[1]}function Xo(e){return e==="y"?"height":"width"}function ze(e){return e.split("-")[0]}function Xs(e){return["top","bottom"].includes(ze(e))?"x":"y"}function Sc(e,n,t){let{reference:s,floating:i}=e;const o=s.x+s.width/2-i.width/2,r=s.y+s.height/2-i.height/2,l=Xs(n),a=Xo(l),h=s[a]/2-i[a]/2,c=l==="x";let u;switch(ze(n)){case"top":u={x:o,y:s.y-i.height};break;case"bottom":u={x:o,y:s.y+s.height};break;case"right":u={x:s.x+s.width,y:r};break;case"left":u={x:s.x-i.width,y:r};break;default:u={x:s.x,y:s.y}}switch(In(n)){case"start":u[l]-=h*(t&&c?-1:1);break;case"end":u[l]+=h*(t&&c?-1:1)}return u}const Cf=async(e,n,t)=>{const{placement:s="bottom",strategy:i="absolute",middleware:o=[],platform:r}=t,l=o.filter(Boolean),a=await(r.isRTL==null?void 0:r.isRTL(n));let h=await r.getElementRects({reference:e,floating:n,strategy:i}),{x:c,y:u}=Sc(h,s,a),d=s,f={},p=0;for(let g=0;g({name:"arrow",options:e,async fn(n){const{element:t,padding:s=0}=e||{},{x:i,y:o,placement:r,rects:l,platform:a}=n;if(t==null)return{};const h=Ec(s),c={x:i,y:o},u=Xs(r),d=Xo(u),f=await a.getDimensions(t),p=u==="y"?"top":"left",g=u==="y"?"bottom":"right",y=l.reference[d]+l.reference[u]-c[u]-l.floating[d],_=c[u]-l.reference[u],v=await(a.getOffsetParent==null?void 0:a.getOffsetParent(t));let S=v?u==="y"?v.clientHeight||0:v.clientWidth||0:0;S===0&&(S=l.floating[d]);const k=y/2-_/2,N=h[p],H=S-f[d]-h[g],M=S/2-f[d]/2+k,P=Rf(N,M,H),R=In(r)!=null&&M!=P&&l.reference[d]/2-(Me.concat(n,n+"-start",n+"-end"),[]);const Nf={left:"right",right:"left",bottom:"top",top:"bottom"};function Qs(e){return e.replace(/left|right|bottom|top/g,n=>Nf[n])}function Lf(e,n,t){t===void 0&&(t=!1);const s=In(e),i=Xs(e),o=Xo(i);let r=i==="x"?s===(t?"end":"start")?"right":"left":s==="start"?"bottom":"top";return n.reference[o]>n.floating[o]&&(r=Qs(r)),{main:r,cross:Qs(r)}}const Mf={start:"end",end:"start"};function Jo(e){return e.replace(/start|end/g,n=>Mf[n])}const Of=function(e){return e===void 0&&(e={}),{name:"flip",options:e,async fn(n){var t;const{placement:s,middlewareData:i,rects:o,initialPlacement:r,platform:l,elements:a}=n,{mainAxis:h=!0,crossAxis:c=!0,fallbackPlacements:u,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:f="none",flipAlignment:p=!0,...g}=e,y=ze(s),_=ze(r)===r,v=await(l.isRTL==null?void 0:l.isRTL(a.floating)),S=u||(_||!p?[Qs(r)]:function(W){const D=Qs(W);return[Jo(W),D,Jo(D)]}(r));u||f==="none"||S.push(...function(W,D,K,z){const X=In(W);let j=function(J,Pt,Ae){const Ne=["left","right"],Le=["right","left"],Yt=["top","bottom"],_n=["bottom","top"];switch(J){case"top":case"bottom":return Ae?Pt?Le:Ne:Pt?Ne:Le;case"left":case"right":return Pt?Yt:_n;default:return[]}}(ze(W),K==="start",z);return X&&(j=j.map(J=>J+"-"+X),D&&(j=j.concat(j.map(Jo)))),j}(r,p,f,v));const k=[r,...S],N=await $f(n,g),H=[];let M=((t=i.flip)==null?void 0:t.overflows)||[];if(h&&H.push(N[y]),c){const{main:W,cross:D}=Lf(s,o,v);H.push(N[W],N[D])}if(M=[...M,{placement:s,overflows:H}],!H.every(W=>W<=0)){var P;const W=(((P=i.flip)==null?void 0:P.index)||0)+1,D=k[W];if(D)return{data:{index:W,overflows:M},reset:{placement:D}};let K="bottom";switch(d){case"bestFit":{var R;const z=(R=M.map(X=>[X,X.overflows.filter(j=>j>0).reduce((j,J)=>j+J,0)]).sort((X,j)=>X[1]-j[1])[0])==null?void 0:R[0].placement;z&&(K=z);break}case"initialPlacement":K=r}if(s!==K)return{reset:{placement:K}}}return{}}}},Pf=function(e){return e===void 0&&(e=0),{name:"offset",options:e,async fn(n){const{x:t,y:s}=n,i=await async function(o,r){const{placement:l,platform:a,elements:h}=o,c=await(a.isRTL==null?void 0:a.isRTL(h.floating)),u=ze(l),d=In(l),f=Xs(l)==="x",p=["left","top"].includes(u)?-1:1,g=c&&f?-1:1,y=typeof r=="function"?r(o):r;let{mainAxis:_,crossAxis:v,alignmentAxis:S}=typeof y=="number"?{mainAxis:y,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...y};return d&&typeof S=="number"&&(v=d==="end"?-1*S:S),f?{x:v*g,y:_*p}:{x:_*p,y:v*g}}(n,e);return{x:t+i.x,y:s+i.y,data:i}}}};function gt(e){var n;return((n=e.ownerDocument)==null?void 0:n.defaultView)||window}function Tt(e){return gt(e).getComputedStyle(e)}function ce(e){return $c(e)?(e.nodeName||"").toLowerCase():""}let Zs;function Cc(){if(Zs)return Zs;const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?(Zs=e.brands.map(n=>n.brand+"/"+n.version).join(" "),Zs):navigator.userAgent}function Bt(e){return e instanceof gt(e).HTMLElement}function bt(e){return e instanceof gt(e).Element}function $c(e){return e instanceof gt(e).Node}function kc(e){return typeof ShadowRoot>"u"?!1:e instanceof gt(e).ShadowRoot||e instanceof ShadowRoot}function ti(e){const{overflow:n,overflowX:t,overflowY:s,display:i}=Tt(e);return/auto|scroll|overlay|hidden|clip/.test(n+s+t)&&!["inline","contents"].includes(i)}function Df(e){return["table","td","th"].includes(ce(e))}function Qo(e){const n=/firefox/i.test(Cc()),t=Tt(e),s=t.backdropFilter||t.WebkitBackdropFilter;return t.transform!=="none"||t.perspective!=="none"||!!s&&s!=="none"||n&&t.willChange==="filter"||n&&!!t.filter&&t.filter!=="none"||["transform","perspective"].some(i=>t.willChange.includes(i))||["paint","layout","strict","content"].some(i=>{const o=t.contain;return o!=null&&o.includes(i)})}function Tc(){return!/^((?!chrome|android).)*safari/i.test(Cc())}function Zo(e){return["html","body","#document"].includes(ce(e))}const Rc=Math.min,jn=Math.max,ei=Math.round;function Ac(e){const n=Tt(e);let t=parseFloat(n.width),s=parseFloat(n.height);const i=e.offsetWidth,o=e.offsetHeight,r=ei(t)!==i||ei(s)!==o;return r&&(t=i,s=o),{width:t,height:s,fallback:r}}function Nc(e){return bt(e)?e:e.contextElement}const Lc={x:1,y:1};function Ue(e){const n=Nc(e);if(!Bt(n))return Lc;const t=n.getBoundingClientRect(),{width:s,height:i,fallback:o}=Ac(n);let r=(o?ei(t.width):t.width)/s,l=(o?ei(t.height):t.height)/i;return r&&Number.isFinite(r)||(r=1),l&&Number.isFinite(l)||(l=1),{x:r,y:l}}function ve(e,n,t,s){var i,o;n===void 0&&(n=!1),t===void 0&&(t=!1);const r=e.getBoundingClientRect(),l=Nc(e);let a=Lc;n&&(s?bt(s)&&(a=Ue(s)):a=Ue(e));const h=l?gt(l):window,c=!Tc()&&t;let u=(r.left+(c&&((i=h.visualViewport)==null?void 0:i.offsetLeft)||0))/a.x,d=(r.top+(c&&((o=h.visualViewport)==null?void 0:o.offsetTop)||0))/a.y,f=r.width/a.x,p=r.height/a.y;if(l){const g=gt(l),y=s&&bt(s)?gt(s):s;let _=g.frameElement;for(;_&&s&&y!==g;){const v=Ue(_),S=_.getBoundingClientRect(),k=getComputedStyle(_);S.x+=(_.clientLeft+parseFloat(k.paddingLeft))*v.x,S.y+=(_.clientTop+parseFloat(k.paddingTop))*v.y,u*=v.x,d*=v.y,f*=v.x,p*=v.y,u+=S.x,d+=S.y,_=gt(_).frameElement}}return{width:f,height:p,top:d,right:u+f,bottom:d+p,left:u,x:u,y:d}}function ae(e){return(($c(e)?e.ownerDocument:e.document)||window.document).documentElement}function ni(e){return bt(e)?{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}:{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Mc(e){return ve(ae(e)).left+ni(e).scrollLeft}function Hf(e,n,t){const s=Bt(n),i=ae(n),o=ve(e,!0,t==="fixed",n);let r={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(s||!s&&t!=="fixed")if((ce(n)!=="body"||ti(i))&&(r=ni(n)),Bt(n)){const a=ve(n,!0);l.x=a.x+n.clientLeft,l.y=a.y+n.clientTop}else i&&(l.x=Mc(i));return{x:o.left+r.scrollLeft-l.x,y:o.top+r.scrollTop-l.y,width:o.width,height:o.height}}function Wn(e){if(ce(e)==="html")return e;const n=e.assignedSlot||e.parentNode||(kc(e)?e.host:null)||ae(e);return kc(n)?n.host:n}function Oc(e){return Bt(e)&&Tt(e).position!=="fixed"?e.offsetParent:null}function Pc(e){const n=gt(e);let t=Oc(e);for(;t&&Df(t)&&Tt(t).position==="static";)t=Oc(t);return t&&(ce(t)==="html"||ce(t)==="body"&&Tt(t).position==="static"&&!Qo(t))?n:t||function(s){let i=Wn(s);for(;Bt(i)&&!Zo(i);){if(Qo(i))return i;i=Wn(i)}return null}(e)||n}function Dc(e){const n=Wn(e);return Zo(n)?e.ownerDocument.body:Bt(n)&&ti(n)?n:Dc(n)}function Bn(e,n){var t;n===void 0&&(n=[]);const s=Dc(e),i=s===((t=e.ownerDocument)==null?void 0:t.body),o=gt(s);return i?n.concat(o,o.visualViewport||[],ti(s)?s:[]):n.concat(s,Bn(s))}function Hc(e,n,t){return n==="viewport"?Js(function(s,i){const o=gt(s),r=ae(s),l=o.visualViewport;let a=r.clientWidth,h=r.clientHeight,c=0,u=0;if(l){a=l.width,h=l.height;const d=Tc();(d||!d&&i==="fixed")&&(c=l.offsetLeft,u=l.offsetTop)}return{width:a,height:h,x:c,y:u}}(e,t)):bt(n)?function(s,i){const o=ve(s,!0,i==="fixed"),r=o.top+s.clientTop,l=o.left+s.clientLeft,a=Bt(s)?Ue(s):{x:1,y:1},h=s.clientWidth*a.x,c=s.clientHeight*a.y,u=l*a.x,d=r*a.y;return{top:d,left:u,right:u+h,bottom:d+c,x:u,y:d,width:h,height:c}}(n,t):Js(function(s){var i;const o=ae(s),r=ni(s),l=(i=s.ownerDocument)==null?void 0:i.body,a=jn(o.scrollWidth,o.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),h=jn(o.scrollHeight,o.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0);let c=-r.scrollLeft+Mc(s);const u=-r.scrollTop;return Tt(l||o).direction==="rtl"&&(c+=jn(o.clientWidth,l?l.clientWidth:0)-a),{width:a,height:h,x:c,y:u}}(ae(e)))}const If={getClippingRect:function(e){let{element:n,boundary:t,rootBoundary:s,strategy:i}=e;const o=t==="clippingAncestors"?function(h,c){const u=c.get(h);if(u)return u;let d=Bn(h).filter(y=>bt(y)&&ce(y)!=="body"),f=null;const p=Tt(h).position==="fixed";let g=p?Wn(h):h;for(;bt(g)&&!Zo(g);){const y=Tt(g),_=Qo(g);(p?_||f:_||y.position!=="static"||!f||!["absolute","fixed"].includes(f.position))?f=y:d=d.filter(v=>v!==g),g=Wn(g)}return c.set(h,d),d}(n,this._c):[].concat(t),r=[...o,s],l=r[0],a=r.reduce((h,c)=>{const u=Hc(n,c,i);return h.top=jn(u.top,h.top),h.right=Rc(u.right,h.right),h.bottom=Rc(u.bottom,h.bottom),h.left=jn(u.left,h.left),h},Hc(n,l,i));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(e){let{rect:n,offsetParent:t,strategy:s}=e;const i=Bt(t),o=ae(t);if(t===o)return n;let r={scrollLeft:0,scrollTop:0},l={x:1,y:1};const a={x:0,y:0};if((i||!i&&s!=="fixed")&&((ce(t)!=="body"||ti(o))&&(r=ni(t)),Bt(t))){const h=ve(t);l=Ue(t),a.x=h.x+t.clientLeft,a.y=h.y+t.clientTop}return{width:n.width*l.x,height:n.height*l.y,x:n.x*l.x-r.scrollLeft*l.x+a.x,y:n.y*l.y-r.scrollTop*l.y+a.y}},isElement:bt,getDimensions:function(e){return Ac(e)},getOffsetParent:Pc,getDocumentElement:ae,getScale:Ue,async getElementRects(e){let{reference:n,floating:t,strategy:s}=e;const i=this.getOffsetParent||Pc,o=this.getDimensions;return{reference:Hf(n,await i(t),s),floating:{x:0,y:0,...await o(t)}}},getClientRects:e=>Array.from(e.getClientRects()),isRTL:e=>Tt(e).direction==="rtl"};function jf(e,n,t,s){s===void 0&&(s={});const{ancestorScroll:i=!0,ancestorResize:o=!0,elementResize:r=!0,animationFrame:l=!1}=s,a=i&&!l,h=a||o?[...bt(e)?Bn(e):e.contextElement?Bn(e.contextElement):[],...Bn(n)]:[];h.forEach(f=>{a&&f.addEventListener("scroll",t,{passive:!0}),o&&f.addEventListener("resize",t)});let c,u=null;if(r){let f=!0;u=new ResizeObserver(()=>{f||t(),f=!1}),bt(e)&&!l&&u.observe(e),bt(e)||!e.contextElement||l||u.observe(e.contextElement),u.observe(n)}let d=l?ve(e):null;return l&&function f(){const p=ve(e);!d||p.x===d.x&&p.y===d.y&&p.width===d.width&&p.height===d.height||t(),d=p,c=requestAnimationFrame(f)}(),t(),()=>{var f;h.forEach(p=>{a&&p.removeEventListener("scroll",t),o&&p.removeEventListener("resize",t)}),(f=u)==null||f.disconnect(),u=null,l&&cancelAnimationFrame(c)}}const Wf=(e,n,t)=>{const s=new Map,i={platform:If,...t},o={...i.platform,_c:s};return Cf(e,n,{...i,platform:o})},$e=class extends xt{constructor(){super(...arguments);x(this,as);x(this,Ai);x(this,Ni);x(this,Li);x(this,Mi);x(this,Oi);x(this,Pi);x(this,Di);x(this,Hi);x(this,un,!1);x(this,hn,void 0);x(this,fn,0);x(this,Ce,void 0);x(this,ut,void 0);x(this,Ri,void 0);x(this,cs,void 0);w(this,"hideLater",()=>{m(this,dn).call(this),T(this,fn,window.setTimeout(this.hide.bind(this),100))});x(this,dn,()=>{clearTimeout(m(this,fn)),T(this,fn,0)})}get isShown(){var t;return(t=m(this,Ce))==null?void 0:t.classList.contains($e.CLASS_SHOW)}get tooltip(){return m(this,Ce)||L(this,Ni,Ca).call(this)}get trigger(){return m(this,Ri)||this.element}get isHover(){return this.options.trigger==="hover"}get elementShowClass(){return`with-${$e.NAME}-show`}get isDynamic(){return this.options.title}init(){const{element:t}=this;t!==document.body&&!t.hasAttribute("data-toggle")&&t.setAttribute("data-toggle","tooltip")}show(t){return this.setOptions(t),!m(this,un)&&this.isHover&&L(this,Hi,Na).call(this),this.options.animation&&this.tooltip.classList.add("fade"),this.element.classList.add(this.elementShowClass),this.tooltip.classList.add($e.CLASS_SHOW),L(this,Pi,Ra).call(this),!0}hide(){var t,s;return(t=m(this,cs))==null||t.call(this),this.element.classList.remove(this.elementShowClass),(s=m(this,Ce))==null||s.classList.remove($e.CLASS_SHOW),!0}toggle(t){return this.isShown?this.hide():this.show(t)}destroy(){m(this,un)&&(this.element.removeEventListener("mouseleave",this.hideLater),this.tooltip.removeEventListener("mouseenter",m(this,dn)),this.tooltip.removeEventListener("mouseleave",this.hideLater)),super.destroy()}static clear(t){t instanceof Event&&(t={event:t});const{exclude:s}=t||{},i=this.getAll().entries(),o=new Set(s||[]);for(const[r,l]of i)o.has(r)||l.hide()}};let ft=$e;un=new WeakMap,hn=new WeakMap,fn=new WeakMap,Ce=new WeakMap,ut=new WeakMap,Ri=new WeakMap,cs=new WeakMap,as=new WeakSet,yr=function(){const{arrow:t}=this.options;return typeof t=="number"?t:8},Ai=new WeakSet,Ea=function(){const t=L(this,as,yr).call(this);return T(this,ut,document.createElement("div")),m(this,ut).style.position=this.options.strategy,m(this,ut).style.width=`${t}px`,m(this,ut).style.height=`${t}px`,m(this,ut).style.transform="rotate(45deg)",m(this,ut)},Ni=new WeakSet,Ca=function(){var i;const t=$e.TOOLTIP_CLASS;let s;if(this.isDynamic){s=document.createElement("div");const o=this.options.className?this.options.className.split(" "):[];let r=[t,this.options.type||""];r=r.concat(o),s.classList.add(...r),s[this.options.html?"innerHTML":"innerText"]=this.options.title||""}else if(this.element){const o=this.element.getAttribute("href")??this.element.dataset.target;if(o!=null&&o.startsWith("#")&&(s=document.querySelector(o)),!s){const r=this.element.nextElementSibling;r!=null&&r.classList.contains(t)?s=r:s=(i=this.element.parentNode)==null?void 0:i.querySelector(`.${t}`)}}if(this.options.arrow&&(s==null||s.append(L(this,Ai,Ea).call(this))),!s)throw new Error("Tooltip: Cannot find tooltip element");return s.style.width="max-content",s.style.position="absolute",s.style.top="0",s.style.left="0",document.body.appendChild(s),T(this,Ce,s),s},Li=new WeakSet,$a=function(){var r;const t=L(this,as,yr).call(this),{strategy:s,placement:i}=this.options,o={middleware:[Pf(t),Of()],strategy:s,placement:i};return this.options.arrow&&m(this,ut)&&((r=o.middleware)==null||r.push(Af({element:m(this,ut)}))),o},Mi=new WeakSet,ka=function(t){return{top:"bottom",right:"left",bottom:"top",left:"right"}[t]},Oi=new WeakSet,Ta=function(t){return t==="bottom"?{borderBottomStyle:"none",borderRightStyle:"none"}:t==="top"?{borderTopStyle:"none",borderLeftStyle:"none"}:t==="left"?{borderBottomStyle:"none",borderLeftStyle:"none"}:{borderTopStyle:"none",borderRightStyle:"none"}},Pi=new WeakSet,Ra=function(){const t=L(this,Li,$a).call(this),s=L(this,Di,Aa).call(this);T(this,cs,jf(s,this.tooltip,()=>{Wf(s,this.tooltip,t).then(({x:i,y:o,middlewareData:r,placement:l})=>{Object.assign(this.tooltip.style,{left:`${i}px`,top:`${o}px`});const a=l.split("-")[0],h=L(this,Mi,ka).call(this,a);if(r.arrow&&m(this,ut)){const{x:c,y:u}=r.arrow;Object.assign(m(this,ut).style,{left:c!=null?`${c}px`:"",top:u!=null?`${u}px`:"",[h]:`${-m(this,ut).offsetWidth/2}px`,background:"inherit",border:"inherit",...L(this,Oi,Ta).call(this,a)})}})}))},Di=new WeakSet,Aa=function(){return m(this,hn)||T(this,hn,{getBoundingClientRect:()=>{const{element:t}=this;if(t instanceof MouseEvent){const{clientX:s,clientY:i}=t;return{width:0,height:0,top:i,right:s,bottom:i,left:s}}return t instanceof HTMLElement?t.getBoundingClientRect():t},contextElement:this.element}),m(this,hn)},dn=new WeakMap,Hi=new WeakSet,Na=function(){const{tooltip:t}=this;t.addEventListener("mouseenter",m(this,dn)),t.addEventListener("mouseleave",this.hideLater),this.element.addEventListener("mouseleave",this.hideLater),T(this,un,!0)},w(ft,"NAME","tooltip"),w(ft,"TOOLTIP_CLASS","tooltip"),w(ft,"CLASS_SHOW","show"),w(ft,"MENU_SELECTOR",'[data-toggle="tooltip"]:not(.disabled):not(:disabled)'),w(ft,"DEFAULT",{animation:!0,placement:"top",strategy:"absolute",trigger:"hover",type:"darker",arrow:!0}),document.addEventListener("click",function(e){var s;const n=e.target,t=(s=n.closest)==null?void 0:s.call(n,ft.MENU_SELECTOR);if(t){const i=ft.ensure(t);i.options.trigger==="click"&&i.toggle()}else ft.clear({event:e})}),document.addEventListener("mouseover",function(e){var i;const n=e.target,t=(i=n.closest)==null?void 0:i.call(n,ft.MENU_SELECTOR);if(!t)return;const s=ft.ensure(t);s.isHover&&s.show()});let Bf=class extends V{constructor(){super(...arguments);w(this,"handleItemClick",t=>{const{onClickItem:s,changeActiveKey:i}=this.props;s&&s(t);const{item:o}=t;o.items||i&&i(o.key)})}render(){const{items:t,activeClass:s,activeIcon:i,activeKey:o,defaultNestedShow:r=!0,isDropdownMenu:l=!1,...a}=this.props;return C(te,{className:l?"dropdown-menu":"",items:t,activeClass:s,activeKey:o,activeIcon:i,onClickItem:this.handleItemClick,defaultNestedShow:r,...a})}};class tr extends Z{}w(tr,"NAME","MenuTree"),w(tr,"Component",Bf);const yp="";class Ve extends xt{constructor(){super(...arguments);x(this,yt,void 0)}init(){const{element:t}=this;t!==document.body&&!t.hasAttribute("data-toggle")&&t.setAttribute("data-toggle","tab")}showTarget(){const t=this.element.getAttribute("href")||this.element.dataset.target||this.element.dataset.tab;t!=null&&t.startsWith("#")&&T(this,yt,document.querySelector(t)),this.addActive(this.element.closest(`.${this.constructor.NAV_CLASS}`),this.element.parentElement),m(this,yt)&&(this.addActive(m(this,yt).parentElement,m(this,yt)),m(this,yt).dispatchEvent(new CustomEvent("show.zui3.tab")))}show(){const t=this.element.getAttribute("href")||this.element.dataset.target||this.element.dataset.tab;t!=null&&t.startsWith("#")&&T(this,yt,document.querySelector(t)),m(this,yt)&&(this.addActive(m(this,yt).parentElement,m(this,yt)),this.addActive(this.element.closest(`.${this.constructor.NAV_CLASS}`),this.element.parentElement))}addActive(t,s){const i=t.children;Array.from(i).forEach(r=>{r.classList.remove("active"),r.classList.contains("fade")&&r.classList.remove("in")}),s.classList.add("active"),s.classList.contains("fade")&&this.transition(s).then(function(){s.dispatchEvent(new CustomEvent("shown.zui3.tab"))})}transition(t){return new Promise(function(s){setTimeout(()=>{t.classList.add("in"),s()},100)})}}yt=new WeakMap,w(Ve,"NAME","NavTabs"),w(Ve,"NAV_CLASS","nav-tabs"),w(Ve,"EVENTS",!0),w(Ve,"TOGGLE_SELECTOR",'[data-toggle="tab"]'),document.addEventListener("click",e=>{e.target instanceof HTMLElement&&(e.target.dataset.toggle==="tab"||e.target.getAttribute("data-tab"))&&(e.preventDefault(),new Ve(e.target).showTarget())});const _p="";class Ff extends V{constructor(t){super(t);w(this,"handleChange",t=>{this.setState({activeKey:t})});this.state={activeKey:t.activeKey??t.items[0].key}}render(){const{items:t,className:s,contentClass:i}=this.props,{activeKey:o}=this.state;return b("div",{className:O("zui-tabs",s),children:[b("ul",{className:"-flex -items-center",children:t.map(({key:r,label:l,labelCount:a})=>b("li",{className:O("-flex -items-center -gap-3",{active:o===r}),children:b("a",{className:"-flex -h-8 -items-center -justify-center -gap-1 -px-4 -text-inherit",onClick:()=>this.handleChange(r),children:[b("span",{className:O({"text-primary":o===r}),children:l}),o===r?b("span",{className:"label circle gray",children:a}):null]})},r))}),t.map(r=>{const{key:l,content:a,isElm:h}=r;return h?b("div",{dangerouslySetInnerHTML:{__html:a},className:O("-px-3","-py-2",{"-hidden":o!==l})},l):b("div",{className:O(i,{"-hidden":o!==l}),children:a},l)})]})}}class zf extends V{constructor(t){super(t);w(this,"handleChange",t=>{const s=t.target.value;this.setState({value:s});const{onChange:i}=this.props;i&&i(s)});w(this,"handleClear",()=>{this.setState({value:""});const{onChange:t}=this.props;t&&t("")});this.state={value:t.defaultValue??""}}render(){const{type:t="text",icon:s}=this.props,{value:i}=this.state,o=s?b("label",{className:"input-control-prefix",children:b("i",{className:`icon icon-${s}`})}):null;return b("div",{className:"zui-input input-control has-prefix-icon",children:[o,b("input",{className:"form-control",type:t,value:i,onChange:this.handleChange}),b("span",{className:O("-absolute -w-8 -h-8 -right-0 -top-0 -flex -justify-center -items-center -cursor-pointer",{"-hidden":!i}),onClick:this.handleClear,children:b("i",{className:"icon icon-close"})})]})}}let Uf=(fr=class extends V{constructor(t){super(t);w(this,"handleChange",t=>{const{collapse:s}=this.state;this.setState({searchValue:t,collapse:!!t||s})});w(this,"acount",t=>{let s=0;return t.forEach(i=>{var o;s+=((o=i.items)==null?void 0:o.length)||0}),s});w(this,"filter",t=>{const s=[],{searchValue:i}=this.state;return t.forEach(o=>{const r=o.items.filter(l=>l.text.includes(i));r.length>0&&s.push({...o,items:r})}),s});this.state={collapse:!0,searchValue:""}}render(){const{involved:t,others:s,finished:i,involvedText:o,othersText:r,finishedBtnText:l,finishedText:a}=this.props,{collapse:h,searchValue:c}=this.state;return C("div",{className:"quick-menu",style:{width:h?250:500}},C("div",{className:"-p-2"},C(zf,{onChange:this.handleChange,icon:"search"})),C("main",{className:"-flex"},C("div",{className:"-flex -max-h-[350px] -flex-col -pl-2 -py-2",style:{flexBasis:h?"100%":"50%"}},C(Ff,{className:"-flex -flex-col -max-h-full -overflow-hidden -grow",contentClass:"-grow -overflow-y-scroll",activeKey:1,items:[{key:1,label:o,labelCount:this.acount(t),content:C(te,{defaultNestedShow:!0,items:c?this.filter(t):t})},{key:2,label:r,labelCount:this.acount(s),content:C(te,{defaultNestedShow:!0,items:c?this.filter(s):s})}]}),C("div",{onClick:()=>this.setState({collapse:!h}),className:`-py-2 -pr-2 -flex -justify-end -items-center -cursor-pointer ${c?"-hidden":""}`},C("span",null,l),C("i",{className:`icon ${h?"icon-angle-right":"icon-angle-left"}`}))),h||c?null:C("div",{className:"-basis-1/2 -max-h-[350px] -overflow-y-auto -border-l-[1px] -border-solid -border-slate-200"},C(te,{defaultNestedShow:!0,items:i}))),c?C("div",{className:"-max-h-[350px] -overflow-y-auto"},C("span",{className:"label gray size-lg -ml-2"},a),C(te,{defaultNestedShow:!0,items:this.filter(i)})):null)}},w(fr,"NAME","zui.searchForm"),fr);class er extends Z{}w(er,"NAME","QuickMenu"),w(er,"Component",Uf);const bp="",Vf=({formConfig:e,className:n,fields:t,operators:s,savedQuery:i,andOr:o,formSession:r,searchBtnText:l,resetBtnText:a,saveSearch:h,savedQueryTitle:c,onApplyQuery:u,onDeleteQuery:d,groupName:f,handleSelect:p,toggleMore:g,toggleHistory:y,resetForm:_,submitForm:v,actionURL:S,module:k,groupItems:N})=>{const M=[n,...["search-form"]],P=[1,2,3],R=r?r.groupAndOr:"",W=D=>{const K=r?r[`andOr${D}`]:"";return C("div",{class:[1,4].includes(D)?"search-group":"search-group hidden","data-id":D},C("div",{class:"group-name"},[1,4].includes(D)?D===1?f[0]:f[1]:C("select",{class:"form-control",id:`andOr${D}`,name:`andOr${D}`},o.map(z=>C("option",{value:z.value,selected:K===z.value,title:z.value},z.title)))),C("div",{class:"group-select"},C("select",{class:"form-control field-select",id:`field${D}`,name:`field${D}`,onChange:p.bind(void 0)}," ",t==null?void 0:t.map(z=>C("option",{value:z.name,selected:!1,title:z.name,control:z.control},z.label)))),C("div",{class:"group-select"},C("select",{class:"form-control search-method",id:`operator${D}`,name:`operator${D}`},s.map(z=>C("option",{key:z.value,value:z.value,title:z.value},z.title)))),C("div",{class:"group-value"},C("input",{type:"text",class:"form-control value-input",value:t[D-1].defaultValue,placeholder:t[D-1].placeholder}),C("select",{class:"form-control value-select hidden"}),C("input",{type:"datetime-local",class:"form-control value-date hidden"})))};return C("form",{id:"searchForm",className:O(M),...e},C("div",{class:"search-form-content"},C("div",{class:"search-form-items"},C("div",{class:"search-col"},P.map(D=>W(D))),C("div",{class:"search-col"},C("select",{class:"form-control",id:"groupAndOr",name:"groupAndOr"},o.map(D=>C("option",{value:D.value,selected:R===D.value,title:D.value},D.title)))),C("div",{class:"search-col"},P.map(D=>W(D+3)))),C("div",{class:"search-form-footer"},C("div",{class:"inline-block flex items-center justify-center"},C("button",{class:"btn primary btn-submit-form",type:"button",onClick:v},l||"搜索"),C("button",{class:"btn btn-reset-form",type:"button",onClick:_},a||"重置")),C("div",{class:"save-bar"},(h==null?void 0:h.hasPriv)&&C("a",{class:"btn save-query",...h.config},C("i",{class:"icon icon-save"}),h.text||"保存搜索条件"),C("a",{class:"btn toggle-more",onClick:g},C("i",{class:"icon icon-chevron-double-down"}))))),C("div",null,C("button",{class:"btn search-toggle-btn",type:"button",onClick:y},C("i",{class:"icon icon-angle-left"}))),C("div",{class:"history-record hidden"},C("p",null,c),C("div",{class:"labels"},(i==null?void 0:i.length)&&i.map(D=>{if(D)return C("div",{class:"label-btn","data-id":D.id},C("span",{class:"label lighter-pale bd-lighter",onClick:K=>u(K,Number(D.id))},D.title," ",D.hasPriv?C("i",{onClick:K=>d(K,Number(D.id)),class:"icon icon-close"}):""))}))),S?C("input",{type:"hidden",name:"actionURL",value:S}):"",k?C("input",{type:"hidden",name:"module",value:k}):"",N?C("input",{type:"hidden",name:"groupItems",value:N}):"")};let qf=(Gt=class extends V{componentDidMount(){this.initForm()}initForm(){const{formSession:n}=this.props;this.base.querySelectorAll(".search-form-content .search-group").forEach((s,i)=>{let o={};const r=s.querySelector(".field-select");r&&(r.value=(n?n[r.id]:null)||this.props.fields[i].name,this.props.fields.forEach(a=>{a.name==r.value&&(o=JSON.parse(JSON.stringify(a)))})),o.defaultValue=n?n["value"+(i+1)]:"";const l=s.querySelector(".search-method");l&&(l.value=(n?n[l.id]:null)||this.props.fields[i].operator||""),this.toggleElement(s,o)})}toggleAttr(n,t){if(!n.classList.contains("hidden")){n.setAttribute("name",t),n.setAttribute("id",t);return}n.removeAttribute("name"),n.removeAttribute("id")}toggleElement(n,t){const s=n.querySelector(".value-select"),i=n.querySelector(".value-input"),o=n.querySelector(".value-date"),r=n.querySelector(".search-method");if(t.operator,t.control==="select"&&(s.innerHTML="",t.values)){for(const c in t.values){const u=document.createElement("option");u.value=c,u.setAttribute("value",c),u.innerHTML=t.values[c],s.appendChild(u)}s.value=t.defaultValue||""}s.classList.toggle("hidden",t.control!=="select"),i.classList.toggle("hidden",t.control!=="input"),o==null||o.classList.toggle("hidden",t.control!=="date"),i.classList.contains("hidden")||(i.value=t.defaultValue||"",i.placeholder=t.placeholder||""),o&&!o.classList.contains("hidden")&&(o.value=t.defaultValue||"");const l=n.dataset.id,a=n.querySelector(".group-value");if(!a)return;a.childNodes.forEach(c=>{this.toggleAttr(c,`value${l}`)})}handleSelect(n){if(!n||!n.target)return;const t=n.target,i=this.props.fields.filter(r=>r.name===t.value)[0],o=t.closest(".search-group");this.toggleElement(o,i)}toggleElementDisplay(n,t,s,i){const o=t.classList.contains("hidden"),r=n.querySelector(".icon");r==null||r.classList.toggle(s,o),r==null||r.classList.toggle(i,!o)}toggleMore(n){if(!(n!=null&&n.target))return;const t=n.target,i=t.closest(".search-form-content").querySelectorAll(".search-col .search-group + .search-group");i.forEach(o=>{o.classList.toggle("hidden",!o.classList.contains("hidden"))}),this.toggleElementDisplay(t,i[0],"icon-chevron-double-down","icon-chevron-double-up")}toggleHistory(n){var i;if(!(n!=null&&n.target))return;const t=n.target,s=(i=t.closest(Gt.FORM_ID))==null?void 0:i.querySelector(".history-record");s&&(this.toggleElementDisplay(t,s,"icon-angle-right","icon-angle-left"),s.classList.toggle("hidden",!s.classList.contains("hidden")))}resetForm(n){if(!(n!=null&&n.target))return;const s=n.target.closest(Gt.FORM_ID);if(!s)return;s.querySelectorAll('.group-value [id^="value"]:not(.hidden), #searchForm .group-value [id*=" value"]:not(.hidden)').forEach(o=>{o.value=""})}submitForm(n){if(!(n!=null&&n.target))return;const s=n.target.closest(Gt.FORM_ID);s&&s.submit()}onDeleteQuery(n,t){!n||!n.target||t&&n.stopPropagation()}onApplyQuery(n,t){if(!n||!n.target||!t)return;const{applyQueryURL:s}=this.props;s&&(location.href=s.replace("myQueryID",t.toString()))}render(){const{submitForm:n,onApplyQuery:t,onDeleteQuery:s}=this.props;return C(Vf,{...this.props,handleSelect:this.handleSelect.bind(this),toggleMore:this.toggleMore.bind(this),toggleHistory:this.toggleHistory.bind(this),resetForm:this.resetForm.bind(this),submitForm:n?n.bind(this):this.submitForm.bind(this),onDeleteQuery:s?s.bind(this):this.onDeleteQuery.bind(this),onApplyQuery:t?t.bind(this):this.onApplyQuery.bind(this)})}},w(Gt,"NAME","zui.searchForm"),w(Gt,"FORM_ID","#searchForm"),Gt);class nr extends Z{}w(nr,"NAME","searchForm"),w(nr,"Component",qf);class Ic extends xt{constructor(){super(...arguments);x(this,Ii);x(this,ji);x(this,Wi)}init(){A(this.element).on("submit",this.onSubmit.bind(this)).on("input mousedown change",this.onInput.bind(this))}enable(t=!0){A(this.element).toggleClass("loading",!t)}disable(){this.enable(!1)}onInput(t){const s=A(t.target).closest(".has-error");s.length&&(s.removeClass("has-error"),s.closest(".form-group").find(`#${s.attr("id")}Tip`).remove())}onSubmit(t){var o;t.preventDefault();const{element:s}=this,i=A.extend({},this.options);this.emit("before",{event:t,element:s,options:i},!1),((o=i.beforeSubmit)==null?void 0:o.call(i,t,s,i))!==!1&&(this.disable(),L(this,Ii,La).call(this,new FormData(s)).finally(()=>{this.enable()}))}submit(){this.element.submit()}reset(){this.element.reset()}}Ii=new WeakSet,La=async function(t){var h,c;const{element:s,options:i}=this,{beforeSend:o}=i;if(o){const u=o(t);u instanceof FormData&&(t=u)}this.emit("send",{formData:t},!1);let r,l,a;try{const u=await fetch(i.url||s.action,{method:s.method||"POST",body:t,credentials:"same-origin",headers:{"X-Requested-With":"XMLHttpRequest"}});l=await u.text(),u.ok?(a=JSON.parse(l),(!a||typeof a!="object")&&(r=new Error("Invalid json format"))):r=new Error(u.statusText)}catch(u){r=u}r?(this.emit("error",{error:r,responseText:l},!1),(h=i.onError)==null||h.call(i,r,l)):L(this,Wi,Oa).call(this,a),this.emit("complete",{result:a,error:r},!1),(c=i.onComplete)==null||c.call(i,a,r)},ji=new WeakSet,Ma=function(t){var i;let s;Object.entries(t).forEach(([o,r])=>{Array.isArray(r)&&(r=r.join(""));const l=A(this.element).find(`#${o}`);if(!l.length)return;l.addClass("has-error");const a=l.closest(".form-group");if(a.length){let h=A(`#${o}Tip`);h.length||(h=A(``).appendTo(a)),h.empty().text(r)}s||(s=l)}),s&&((i=s[0])==null||i.focus())},Wi=new WeakSet,Oa=function(t){var o,r;const{options:s}=this,{message:i}=t;if(t.result==="success"){if(this.emit("success",{result:t},!1),((o=s.onSuccess)==null?void 0:o.call(s,t))===!1)return;typeof i=="string"&&i.length&&A(document).trigger("zui.messager.show",{content:i,type:"success"});const{closeModal:l}=s;l&&A(document).trigger("zui.modal.hide",{target:l});const a=t.callback||s.callback;if(typeof a=="string"){const c=a.indexOf("("),u=(c>0?a.substr(0,c):a).split(".");let d=window,f=u[0];u.length>1&&(f=u[1],u[0]==="top"?d=window.top:u[0]==="parent"&&(d=window.parent));const p=d==null?void 0:d[f];if(typeof p=="function"){let g=[];return c>0&&a[a.length-1]==")"&&(g=JSON.parse("["+a.substring(c+1,a.length-1)+"]")),g.push(t),p.apply(this,g)}}else a&&typeof a=="object"&&(a.target?window[a.target]:window)[a.name].apply(this,Array.isArray(a.params)?a.params:[a.params]);const h=t.locate||s.locate;h&&A(document).trigger("zui.locate",h)}else{if(this.emit("fail",{result:t},!1),((r=s.onFail)==null?void 0:r.call(s,t))===!1)return;typeof i=="string"&&i.length?A(document).trigger("zui.messager.show",{content:i}):typeof i=="object"&&i&&L(this,ji,Ma).call(this,i)}},w(Ic,"NAME","ajaxform");const wp="";class jc extends V{constructor(t){super(t);x(this,ke,0);x(this,Te,null);w(this,"_handleWheel",t=>{const{wheelContainer:s}=this.props,i=t.target;if(!(!i||!s)&&(typeof s=="string"&&i.closest(s)||typeof s=="object")){const o=(this.props.type==="horz"?t.deltaX:t.deltaY)*(this.props.wheelSpeed??1);this.scrollOffset(o)&&t.preventDefault()}});w(this,"_handleMouseMove",t=>{const{dragStart:s}=this.state;s&&(m(this,ke)&&cancelAnimationFrame(m(this,ke)),T(this,ke,requestAnimationFrame(()=>{const i=this.props.type==="horz"?t.clientX-s.x:t.clientY-s.y;this.scroll(s.offset+i*this.props.scrollSize/this.props.clientSize),T(this,ke,0)})),t.preventDefault())});w(this,"_handleMouseUp",()=>{this.state.dragStart&&this.setState({dragStart:!1})});w(this,"_handleMouseDown",t=>{this.state.dragStart||this.setState({dragStart:{x:t.clientX,y:t.clientY,offset:this.scrollPos}}),t.stopPropagation()});w(this,"_handleClick",t=>{const s=t.currentTarget;if(!s)return;const i=s.getBoundingClientRect(),{type:o,clientSize:r,scrollSize:l}=this.props,a=(o==="horz"?t.clientX-i.left:t.clientY-i.top)-this.barSize/2;this.scroll(a*l/r),t.preventDefault()});this.state={scrollPos:this.props.defaultScrollPos??0,dragStart:!1}}get scrollPos(){return this.props.scrollPos??this.state.scrollPos}get controlled(){return this.props.scrollPos!==void 0}get maxScrollPos(){const{scrollSize:t,clientSize:s}=this.props;return Math.max(0,t-s)}get barSize(){const{clientSize:t,scrollSize:s,size:i=12,minBarSize:o=3*i}=this.props;return Math.max(Math.round(t*t/s),o)}componentDidMount(){document.addEventListener("mousemove",this._handleMouseMove),document.addEventListener("mouseup",this._handleMouseUp);const{wheelContainer:t}=this.props;t&&(T(this,Te,typeof t=="string"?document:t.current),m(this,Te).addEventListener("wheel",this._handleWheel,{passive:!1}))}componentWillUnmount(){document.removeEventListener("mousemove",this._handleMouseMove),document.removeEventListener("mouseup",this._handleMouseUp),m(this,Te)&&m(this,Te).removeEventListener("wheel",this._handleWheel)}scroll(t){return t=Math.max(0,Math.min(Math.round(t),this.maxScrollPos)),t===this.scrollPos?!1:(this.controlled?this._afterScroll(t):this.setState({scrollPos:t},this._afterScroll.bind(this,t)),!0)}scrollOffset(t){return this.scroll(this.scrollPos+t)}_afterScroll(t){const{onScroll:s}=this.props;s&&s(t,this.props.type??"vert")}render(){const{clientSize:t,type:s,size:i=12,className:o,style:r,left:l,top:a,bottom:h,right:c}=this.props,{maxScrollPos:u,scrollPos:d}=this,{dragStart:f}=this.state,p={left:l,top:a,bottom:h,right:c,...r},g={};return s==="horz"?(p.height=i,p.width=t,g.width=this.barSize,g.left=Math.round(Math.min(u,d)*(t-g.width)/u)):(p.width=i,p.height=t,g.height=this.barSize,g.top=Math.round(Math.min(u,d)*(t-g.height)/u)),b("div",{className:O("scrollbar",o,{"is-vert":s==="vert","is-horz":s==="horz","is-dragging":f}),style:p,onMouseDown:this._handleClick,children:b("div",{className:"scrollbar-bar",style:g,onMouseDown:this._handleMouseDown})})}}ke=new WeakMap,Te=new WeakMap;function Wc(e,n,t){return e&&(n&&(e=Math.max(n,e)),t&&(e=Math.min(t,e))),e}function Bc({col:e,className:n,height:t,row:s,onRenderCell:i,style:o,outerStyle:r,children:l,outerClass:a,...h}){var P;const c={left:e.left,width:e.realWidth,height:t,...r},{align:u,border:d}=e.setting,f={justifyContent:u?u==="left"?"start":u==="right"?"end":u:void 0,...e.setting.cellStyle,...o},p=["dtable-cell",a,e.setting.className,{"has-border-left":d===!0||d==="left","has-border-right":d===!0||d==="right"}],g=["dtable-cell-content",n],y=[l??((P=s.data)==null?void 0:P[e.name])??""],_=i?i(y,{row:s,col:e},C):y,v=[],S=[],k={},N={};let H="div";_==null||_.forEach(R=>{if(typeof R=="object"&&R&&!rt(R)&&("html"in R||"className"in R||"style"in R||"attrs"in R||"children"in R||"tagName"in R)){const W=R.outer?v:S;R.html?W.push(b("div",{className:O("dtable-cell-html",R.className),style:R.style,dangerouslySetInnerHTML:{__html:R.html},...R.attrs??{}})):(R.style&&Object.assign(R.outer?c:f,R.style),R.className&&(R.outer?p:g).push(R.className),R.children&&W.push(R.children),R.attrs&&Object.assign(R.outer?k:N,R.attrs)),R.tagName&&!R.outer&&(H=R.tagName)}else S.push(R)});const M=H;return b("div",{className:O(p),style:c,"data-col":e.name,...h,...k,children:[S.length>0&&b(M,{className:O(g),style:f,...N,children:S}),v]})}function sr({row:e,className:n,top:t=0,left:s=0,width:i,height:o,cols:r,CellComponent:l=Bc,onRenderCell:a}){return b("div",{className:O("dtable-cells",n),style:{top:t,left:s,width:i,height:o},children:r.map(h=>h.visible?b(l,{col:h,row:e,onRenderCell:a},h.name):null)})}function Fc({row:e,className:n,top:t,height:s,fixedLeftCols:i,fixedRightCols:o,scrollCols:r,fixedLeftWidth:l,scrollWidth:a,scrollColsWidth:h,fixedRightWidth:c,scrollLeft:u,CellComponent:d=Bc,onRenderCell:f,style:p,...g}){let y=null;i!=null&&i.length&&(y=b(sr,{className:"dtable-fixed-left",cols:i,width:l,row:e,CellComponent:d,onRenderCell:f}));let _=null;r!=null&&r.length&&(_=b(sr,{className:"dtable-flexable",cols:r,left:l-u,width:Math.max(a,h),row:e,CellComponent:d,onRenderCell:f}));let v=null;o!=null&&o.length&&(v=b(sr,{className:"dtable-fixed-right",cols:o,left:l+a,width:c,row:e,CellComponent:d,onRenderCell:f}));const S={top:t,height:s,lineHeight:`${s-2}px`,...p};return b("div",{className:O("dtable-row",n),style:S,"data-id":e.id,...g,children:[y,_,v]})}function Gf({height:e,onRenderRow:n,...t}){const s={height:e,...t,row:{id:"HEADER",index:-1,top:0},className:"dtable-in-header",top:0};if(n){const i=n({props:s},C);i&&Object.assign(s,i)}return b("div",{className:"dtable-header",style:{height:e},children:b(Fc,{...s})})}function Kf({className:e,style:n,top:t,rows:s,height:i,rowHeight:o,scrollTop:r,onRenderRow:l,...a}){return n={...n,top:t,height:i},b("div",{className:O("dtable-rows",e),style:n,children:s.map(h=>{const c={className:`dtable-row-${h.index%2?"odd":"even"}`,row:h,top:h.top-r,height:o,...a},u=l==null?void 0:l({props:c,row:h},C);return u&&Object.assign(c,u),b(Fc,{...c})})})}const si=new Map,ii=[];function zc(e,n){const{name:t}=e;if(!(n!=null&&n.override)&&si.has(t))throw new Error(`DTable: Plugin with name ${t} already exists`);si.set(t,e),n!=null&&n.buildIn&&!ii.includes(t)&&ii.push(t)}function Rt(e,n){zc(e,n);const t=s=>{if(!s)return e;const{defaultOptions:i,...o}=e;return{...o,defaultOptions:{...i,...s}}};return t.plugin=e,t}function Uc(e){return si.delete(e)}function Yf(e){if(typeof e=="string"){const n=si.get(e);return n||console.warn(`DTable: Cannot found plugin "${e}"`),n}if(typeof e=="function"&&"plugin"in e)return e.plugin;if(typeof e=="object")return e;console.warn("DTable: Invalid plugin",e)}function Vc(e,n,t){return n.forEach(s=>{var o;if(!s)return;const i=Yf(s);i&&(t.has(i.name)||((o=i.plugins)!=null&&o.length&&Vc(e,i.plugins,t),e.push(i),t.add(i.name)))}),e}function Xf(e=[],n=!0){return n&&ii.length&&e.unshift(...ii),e!=null&&e.length?Vc([],e,new Set):[]}function qc(){return{cols:[],data:[],rowKey:"id",width:"100%",height:"auto",rowHeight:35,defaultColWidth:80,minColWidth:20,maxColWidth:9999,header:!0,footer:!1,headerHeight:0,footerHeight:0,rowHover:!0,colHover:!1,cellHover:!1,bordered:!1,striped:!0,responsive:!1,scrollbarHover:!0,horzScrollbarPos:"outside"}}const vp="";let Jf=(Bi=class extends V{constructor(t){super(t);x(this,Fi);x(this,zi);x(this,Ui);x(this,Vi);x(this,fs);x(this,Xi);x(this,Ji);x(this,Qi);w(this,"ref",Oe());x(this,Re,0);x(this,pn,void 0);x(this,pe,!1);x(this,Mt,void 0);x(this,me,void 0);x(this,nt,[]);x(this,vt,void 0);x(this,Ot,new Map);x(this,mn,{});x(this,us,void 0);x(this,hs,[]);w(this,"updateLayout",()=>{m(this,Re)&&cancelAnimationFrame(m(this,Re)),T(this,Re,requestAnimationFrame(()=>{T(this,vt,void 0),this.forceUpdate(),T(this,Re,0)}))});x(this,Kt,(t,s)=>{s=s||t.type;const i=m(this,Ot).get(s);if(i!=null&&i.length){for(const o of i)if(o.call(this,t)===!1){t.stopPropagation(),t.preventDefault();break}}});x(this,gn,t=>{m(this,Kt).call(this,t,`window_${t.type}`)});x(this,yn,t=>{m(this,Kt).call(this,t,`document_${t.type}`)});x(this,qi,(t,s)=>{if(this.options.onRenderRow){const i=this.options.onRenderRow.call(this,t,s);i&&Object.assign(t.props,i)}return m(this,nt).forEach(i=>{if(i.onRenderRow){const o=i.onRenderRow.call(this,t,s);o&&Object.assign(t.props,o)}}),t.props});x(this,Gi,(t,s)=>(this.options.onRenderHeaderRow&&(t.props=this.options.onRenderHeaderRow.call(this,t,s)),m(this,nt).forEach(i=>{i.onRenderHeaderRow&&(t.props=i.onRenderHeaderRow.call(this,t,s))}),t.props));x(this,ds,(t,s,i)=>{const{row:o,col:r}=s;t[0]=this.getCellValue(o,r);const l=o.id==="HEADER"?"onRenderHeaderCell":"onRenderCell";return r.setting[l]&&(t=r.setting[l].call(this,t,s,i)),this.options[l]&&(t=this.options[l].call(this,t,s,i)),m(this,nt).forEach(a=>{a[l]&&(t=a[l].call(this,t,s,i))}),t});x(this,ps,(t,s)=>{s==="horz"?this.scroll({scrollLeft:t}):this.scroll({scrollTop:t})});x(this,Ki,t=>{var l,a,h,c,u;const s=this.getPointerInfo(t);if(!s)return;const{rowID:i,colName:o,cellElement:r}=s;if(i==="HEADER")r&&((l=this.options.onHeaderCellClick)==null||l.call(this,t,{colName:o,element:r}),m(this,nt).forEach(d=>{var f;(f=d.onHeaderCellClick)==null||f.call(this,t,{colName:o,element:r})}));else{const{rowElement:d}=s,f=this.layout.visibleRows.find(p=>p.id===i);if(r){if(((a=this.options.onCellClick)==null?void 0:a.call(this,t,{colName:o,rowID:i,rowInfo:f,element:r,rowElement:d}))===!0)return;for(const p of m(this,nt))if(((h=p.onCellClick)==null?void 0:h.call(this,t,{colName:o,rowID:i,rowInfo:f,element:r,rowElement:d}))===!0)return}if(((c=this.options.onRowClick)==null?void 0:c.call(this,t,{rowID:i,rowInfo:f,element:d}))===!0)return;for(const p of m(this,nt))if(((u=p.onRowClick)==null?void 0:u.call(this,t,{rowID:i,rowInfo:f,element:d}))===!0)return}});x(this,Yi,t=>{const s=t.key.toLowerCase();if(["pageup","pagedown","home","end"].includes(s))return!this.scroll({to:s.replace("page","")})});T(this,pn,t.id??`dtable-${Rn(10)}`),this.state={scrollTop:0,scrollLeft:0,renderCount:0},T(this,me,Object.freeze(Xf(t.plugins))),m(this,me).forEach(s=>{var l;const{methods:i,data:o,state:r}=s;i&&Object.entries(i).forEach(([a,h])=>{typeof h=="function"&&Object.assign(this,{[a]:h.bind(this)})}),o&&Object.assign(m(this,mn),o.call(this)),r&&Object.assign(this.state,r.call(this)),(l=s.onCreate)==null||l.call(this,s)})}get options(){var t;return((t=m(this,vt))==null?void 0:t.options)||m(this,Mt)||qc()}get plugins(){return m(this,nt)}get layout(){return m(this,vt)}get id(){return m(this,pn)}get data(){return m(this,mn)}get parent(){var t;return this.props.parent??((t=this.ref.current)==null?void 0:t.parentElement)}componentWillReceiveProps(){T(this,Mt,void 0)}componentDidMount(){if(m(this,pe)?this.forceUpdate():L(this,fs,_r).call(this),m(this,nt).forEach(t=>{let{events:s}=t;s&&(typeof s=="function"&&(s=s.call(this)),Object.entries(s).forEach(([i,o])=>{o&&this.on(i,o)}))}),this.on("click",m(this,Ki)),this.on("keydown",m(this,Yi)),this.options.responsive){if(typeof ResizeObserver<"u"){const{parent:t}=this;if(t){const s=new ResizeObserver(this.updateLayout);s.observe(t),T(this,us,s)}}this.on("window_resize",this.updateLayout)}m(this,nt).forEach(t=>{var s;(s=t.onMounted)==null||s.call(this)})}componentDidUpdate(){m(this,pe)?L(this,fs,_r).call(this):m(this,nt).forEach(t=>{var s;(s=t.onUpdated)==null||s.call(this)})}componentWillUnmount(){var s;(s=m(this,us))==null||s.disconnect();const{current:t}=this.ref;if(t)for(const i of m(this,Ot).keys())i.startsWith("window_")?window.removeEventListener(i.replace("window_",""),m(this,gn)):i.startsWith("document_")?document.removeEventListener(i.replace("document_",""),m(this,yn)):t.removeEventListener(i,m(this,Kt));m(this,nt).forEach(i=>{var o;(o=i.onUnmounted)==null||o.call(this)}),m(this,me).forEach(i=>{var o;(o=i.onDestory)==null||o.call(this)}),T(this,mn,{}),m(this,Ot).clear()}on(t,s,i){var r;i&&(t=`${i}_${t}`);const o=m(this,Ot).get(t);o?o.push(s):(m(this,Ot).set(t,[s]),t.startsWith("window_")?window.addEventListener(t.replace("window_",""),m(this,gn)):t.startsWith("document_")?document.addEventListener(t.replace("document_",""),m(this,yn)):(r=this.ref.current)==null||r.addEventListener(t,m(this,Kt)))}off(t,s,i){var l;i&&(t=`${i}_${t}`);const o=m(this,Ot).get(t);if(!o)return;const r=o.indexOf(s);r>=0&&o.splice(r,1),o.length||(m(this,Ot).delete(t),t.startsWith("window_")?window.removeEventListener(t.replace("window_",""),m(this,gn)):t.startsWith("document_")?document.removeEventListener(t.replace("document_",""),m(this,yn)):(l=this.ref.current)==null||l.removeEventListener(t,m(this,Kt)))}emitCustomEvent(t,s){m(this,Kt).call(this,s instanceof Event?s:new CustomEvent(t,{detail:s}),t)}scroll(t,s){const{scrollLeft:i,scrollTop:o,rowsHeightTotal:r,rowsHeight:l,rowHeight:a,colsInfo:{scrollWidth:h,scrollColsWidth:c}}=this.layout,{to:u}=t;let{scrollLeft:d,scrollTop:f}=t;if(u==="up"||u==="down")f=o+(u==="down"?1:-1)*Math.floor(l/a)*a;else if(u==="left"||u==="right")d=i+(u==="right"?1:-1)*h;else if(u==="home")f=0;else if(u==="end")f=r-l;else if(u==="left-begin")d=0;else if(u==="right-end")d=c-h;else{const{offsetLeft:g,offsetTop:y}=t;typeof g=="number"&&(d=i+g),typeof y=="number"&&(d=o+y)}const p={};return typeof d=="number"&&(d=Math.max(0,Math.min(d,c-h)),d!==i&&(p.scrollLeft=d)),typeof f=="number"&&(f=Math.max(0,Math.min(f,r-l)),f!==o&&(p.scrollTop=f)),Object.keys(p).length?(this.setState(p,()=>{var g;(g=this.options.onScroll)==null||g.call(this,p),s==null||s.call(this,!0)}),!0):(s==null||s.call(this,!1),!1)}getColInfo(t){if(t===void 0)return;if(typeof t=="object")return t;const{colsMap:s,colsList:i}=this.layout;return typeof t=="number"?i[t]:s[t]}getRowInfo(t){if(t===void 0)return;if(typeof t=="object")return t;if(t===-1||t==="HEADER")return{id:"HEADER",index:-1,top:0};const{rows:s,rowsMap:i}=this.layout;return typeof t=="number"?s[t]:i[t]}getCellValue(t,s){var a;const i=typeof t=="object"?t:this.getRowInfo(t);if(!i)return;const o=typeof s=="object"?s:this.getColInfo(s);if(!o)return;let r=i.id==="HEADER"?o.setting.title:(a=i.data)==null?void 0:a[o.name];const{cellValueGetter:l}=this.options;return l&&(r=l.call(this,i,o,r)),r}getRowInfoByIndex(t){return this.layout.rows[t]}update(t={},s){if(!m(this,Mt))return;typeof t=="function"&&(s=t,t={});const{dirtyType:i,state:o}=t;if(i==="layout")T(this,vt,void 0);else if(i==="options"){if(T(this,Mt,void 0),!m(this,vt))return;T(this,vt,void 0)}this.setState(o??(r=>({renderCount:r.renderCount+1})),s)}getPointerInfo(t){const s=t.target;if(!s||s.closest(".no-cell-event"))return;const i=s.closest(".dtable-cell");if(!i)return;const o=i.closest(".dtable-row");if(!o)return;const r=i==null?void 0:i.getAttribute("data-col"),l=o==null?void 0:o.getAttribute("data-id");if(!(typeof r!="string"||typeof l!="string"))return{cellElement:i,rowElement:o,colName:r,rowID:l,target:s}}i18n(t,s,i){return Pe(m(this,hs),t,s,i,this.options.lang)??`{i18n:${t}}`}render(){const t=L(this,Qi,Ba).call(this),{className:s,rowHover:i,colHover:o,cellHover:r,bordered:l,striped:a,scrollbarHover:h}=this.options,c={width:t==null?void 0:t.width,height:t==null?void 0:t.height},u=["dtable",s,{"dtable-hover-row":i,"dtable-hover-col":o,"dtable-hover-cell":r,"dtable-bordered":l,"dtable-striped":a,"dtable-scrolled-down":((t==null?void 0:t.scrollTop)??0)>0,"scrollbar-hover":h}],d=[];return t&&m(this,nt).forEach(f=>{var g;const p=(g=f.onRender)==null?void 0:g.call(this,t);p&&(p.style&&Object.assign(c,p.style),p.className&&u.push(p.className),p.children&&d.push(p.children))}),b("div",{id:m(this,pn),className:O(u),style:c,ref:this.ref,tabIndex:-1,children:[t&&L(this,Fi,Pa).call(this,t),t&&L(this,zi,Da).call(this,t),t&&L(this,Ui,Ha).call(this,t),t&&L(this,Vi,Ia).call(this,t)]})}},Re=new WeakMap,pn=new WeakMap,pe=new WeakMap,Mt=new WeakMap,me=new WeakMap,nt=new WeakMap,vt=new WeakMap,Ot=new WeakMap,mn=new WeakMap,us=new WeakMap,hs=new WeakMap,Kt=new WeakMap,gn=new WeakMap,yn=new WeakMap,Fi=new WeakSet,Pa=function(t){const{header:s,colsInfo:i,headerHeight:o,scrollLeft:r}=t;if(!s)return null;if(s===!0)return b(Gf,{scrollLeft:r,height:o,onRenderCell:m(this,ds),onRenderRow:m(this,Gi),...i});const l=Array.isArray(s)?s:[s];return b(po,{className:"dtable-header",style:{height:o},renders:l,generateArgs:[t],generatorThis:this})},zi=new WeakSet,Da=function(t){const{headerHeight:s,rowsHeight:i,visibleRows:o,rowHeight:r,colsInfo:l,scrollLeft:a,scrollTop:h}=t;return b(Kf,{top:s,height:i,rows:o,rowHeight:r,scrollLeft:a,scrollTop:h,onRenderCell:m(this,ds),onRenderRow:m(this,qi),...l})},Ui=new WeakSet,Ha=function(t){const{footer:s}=t;if(!s)return null;const i=typeof s=="function"?s.call(this,t):Array.isArray(s)?s:[s];return b(po,{className:"dtable-footer",style:{height:t.footerHeight,top:t.rowsHeight+t.headerHeight},renders:i,generateArgs:[t],generatorThis:this,generators:t.footerGenerators})},Vi=new WeakSet,Ia=function(t){const s=[],{scrollLeft:i,colsInfo:o,scrollTop:r,rowsHeight:l,rowsHeightTotal:a,footerHeight:h}=t,{scrollColsWidth:c,scrollWidth:u}=o,{scrollbarSize:d=12,horzScrollbarPos:f}=this.options;return c>u&&s.push(b(jc,{type:"horz",scrollPos:i,scrollSize:c,clientSize:u,onScroll:m(this,ps),left:o.fixedLeftWidth,bottom:(f==="inside"?0:-d)+h,size:d,wheelContainer:this.ref},"horz")),a>l&&s.push(b(jc,{type:"vert",scrollPos:r,scrollSize:a,clientSize:l,onScroll:m(this,ps),right:0,size:d,top:t.headerHeight,wheelContainer:this.ref},"vert")),s.length?s:null},fs=new WeakSet,_r=function(){var t;T(this,pe,!1),(t=this.options.afterRender)==null||t.call(this),m(this,nt).forEach(s=>{var i;return(i=s.afterRender)==null?void 0:i.call(this)})},qi=new WeakMap,Gi=new WeakMap,ds=new WeakMap,ps=new WeakMap,Ki=new WeakMap,Yi=new WeakMap,Xi=new WeakSet,ja=function(){if(m(this,Mt))return!1;const s={...qc(),...m(this,me).reduce((i,o)=>{const{defaultOptions:r}=o;return r&&Object.assign(i,r),i},{}),...this.props};return T(this,Mt,s),T(this,nt,m(this,me).reduce((i,o)=>{const{when:r,options:l}=o;return(!r||r(s))&&(i.push(o),l&&Object.assign(s,typeof l=="function"?l.call(this,s):l)),i},[])),T(this,hs,[this.options.i18n,...this.plugins.map(i=>i.i18n)].filter(Boolean)),!0},Ji=new WeakSet,Wa=function(){var ia,oa;const{plugins:t}=this;let s=m(this,Mt);const i={flex:b("div",{style:"flex:auto"}),divider:b("div",{style:"width:1px;margin:var(--space);background:var(--color-border);height:50%"})};t.forEach(I=>{var Xt;const Q=(Xt=I.beforeLayout)==null?void 0:Xt.call(this,s);Q&&(s={...s,...Q}),Object.assign(i,I.footer)});const{defaultColWidth:o,minColWidth:r,maxColWidth:l}=s,a=[],h=[],c=[],u={},d=[],f=[];let p=0,g=0,y=0;s.cols.forEach(I=>{if(I.hidden)return;const{name:Q,type:Xt="",fixed:Jt=!1,flex:Me=!1,width:ms=o,minWidth:gs=r,maxWidth:dr=l,...yd}=I,q={name:Q,type:Xt,setting:{name:Q,type:Xt,fixed:Jt,flex:Me,width:ms,minWidth:gs,maxWidth:dr,...yd},flex:Jt?0:Me===!0?1:typeof Me=="number"?Me:0,left:0,width:Wc(ms,gs,dr),realWidth:0,visible:!0,index:d.length};t.forEach(ra=>{var la,ca;const Zi=(la=ra.colTypes)==null?void 0:la[Xt];if(Zi){const aa=typeof Zi=="function"?Zi(q):Zi;aa&&Object.assign(q.setting,aa)}(ca=ra.onAddCol)==null||ca.call(this,q)}),q.width=Wc(q.setting.width??q.width,q.setting.minWidth??gs,q.setting.maxWidth??dr),q.realWidth=q.realWidth||q.width,Jt==="left"?(q.left=p,p+=q.width,a.push(q)):Jt==="right"?(q.left=g,g+=q.width,h.push(q)):(q.left=y,y+=q.width,c.push(q)),q.flex&&f.push(q),d.push(q),u[q.name]=q});let _=s.width,v=0;const S=p+y+g;if(typeof _=="function"&&(_=_.call(this,S)),_==="auto")v=S;else if(_==="100%"){const{parent:I}=this;if(I)v=I.clientWidth;else{v=0,T(this,pe,!0);return}}else v=_??0;const{data:k,rowKey:N="id",rowHeight:H}=s,M=[],P=(I,Q,Xt)=>{var Me,ms;const Jt={data:Xt??{[N]:I},id:I,index:M.length,top:0};if(Xt||(Jt.lazy=!0),M.push(Jt),((Me=s.onAddRow)==null?void 0:Me.call(this,Jt,Q))!==!1){for(const gs of t)if(((ms=gs.onAddRow)==null?void 0:ms.call(this,Jt,Q))===!1)return}};if(typeof k=="number")for(let I=0;I{typeof I=="object"?P(`${I[N]??""}`,Q,I):P(`${I??""}`,Q)});let R=M;const W={};if(s.onAddRows){const I=s.onAddRows.call(this,R);I&&(R=I)}for(const I of t){const Q=(ia=I.onAddRows)==null?void 0:ia.call(this,R);Q&&(R=Q)}R.forEach((I,Q)=>{W[I.id]=I,I.index=Q,I.top=I.index*H});const{header:D,footer:K}=s,z=D?s.headerHeight||H:0,X=K?s.footerHeight||H:0;let j=s.height,J=0;const Pt=R.length*H,Ae=z+X+Pt;if(typeof j=="function"&&(j=j.call(this,Ae)),j==="auto")J=Ae;else if(typeof j=="object")J=Math.min(j.max,Math.max(j.min,Ae));else if(j==="100%"){const{parent:I}=this;if(I)J=I.clientHeight;else{J=0,T(this,pe,!0);return}}else J=j;const Ne=J-z-X,Le=v-p-g,Yt={options:s,allRows:M,width:v,height:J,rows:R,rowsMap:W,rowHeight:H,rowsHeight:Ne,rowsHeightTotal:Pt,header:D,footer:K,footerGenerators:i,headerHeight:z,footerHeight:X,colsMap:u,colsList:d,flexCols:f,colsInfo:{fixedLeftCols:a,fixedRightCols:h,scrollCols:c,fixedLeftWidth:p,scrollWidth:Le,scrollColsWidth:y,fixedRightWidth:g}},_n=(oa=s.onLayout)==null?void 0:oa.call(this,Yt);_n&&Object.assign(Yt,_n),t.forEach(I=>{if(I.onLayout){const Q=I.onLayout.call(this,Yt);Q&&Object.assign(Yt,Q)}}),T(this,vt,Yt)},Qi=new WeakSet,Ba=function(){(L(this,Xi,ja).call(this)||!m(this,vt))&&L(this,Ji,Wa).call(this);const{layout:t}=this;if(!t)return;let{scrollLeft:s}=this.state;const{flexCols:i,colsInfo:{scrollCols:o,scrollWidth:r,scrollColsWidth:l}}=t;if(i.length){const S=r-l;if(S>0){const k=i.reduce((H,M)=>H+M.flex,0);let N=0;i.forEach(H=>{const M=Math.min(S-N,Math.ceil(S*(H.flex/k)));H.realWidth=M+H.width,N+=H.realWidth})}else i.forEach(k=>{k.realWidth=k.width})}s=Math.min(Math.max(0,l-r),s);let a=0;o.forEach(S=>{S.left=a,a+=S.realWidth,S.visible=S.left+S.realWidth>=s&&S.left<=s+r});const{rowsHeightTotal:h,rowsHeight:c,rows:u,rowHeight:d}=t,f=Math.min(Math.max(0,h-c),this.state.scrollTop),p=Math.floor(f/d),g=f+c,y=Math.min(u.length,Math.ceil(g/d)),_=[],{rowDataGetter:v}=this.options;for(let S=p;Si.classList.remove(s)),typeof n=="string"&&n.length&&t.querySelectorAll(`.dtable-cell[data-col="${n}"]`).forEach(i=>i.classList.add(s))}const Qf=Rt({name:"col-hover",defaultOptions:{colHover:!1},when:e=>!!e.colHover,events:{mouseover(e){var i;const{colHover:n}=this.options;if(!n)return;const t=(i=e.target)==null?void 0:i.closest(".dtable-cell");if(!t||n==="header"&&!t.closest(".dtable-header"))return;const s=(t==null?void 0:t.getAttribute("data-col"))??!1;Gc(this,s)},mouseleave(){Gc(this,!1)}}},{buildIn:!0}),Sp="";function Zf(e,n){var r,l;typeof e=="boolean"&&(n=e,e=void 0);const t=this.state.checkedRows,s={},{canRowCheckable:i}=this.options,o=(a,h)=>{i&&!i.call(this,a)||!!t[a]===h||(h?t[a]=!0:delete t[a],s[a]=h)};if(e===void 0?(n===void 0&&(n=!Kc.call(this)),(r=this.layout)==null||r.allRows.forEach(({id:a})=>{o(a,!!n)})):(Array.isArray(e)||(e=[e]),e.forEach(a=>{o(a,n??!t[a])})),Object.keys(s).length){const a=(l=this.options.beforeCheckRows)==null?void 0:l.call(this,e,s,t);a&&Object.keys(a).forEach(h=>{a[h]?t[h]=!0:delete t[h]}),this.setState({checkedRows:{...t}},()=>{var h;(h=this.options.onCheckChange)==null||h.call(this,s)})}return s}function td(e){return this.state.checkedRows[e]??!1}function Kc(){var t,s;const e=this.getChecks().length,{canRowCheckable:n}=this.options;return n?e===((t=this.layout)==null?void 0:t.allRows.reduce((i,o)=>i+(n.call(this,o.id)?1:0),0)):e===((s=this.layout)==null?void 0:s.allRows.length)}function ed(){return Object.keys(this.state.checkedRows)}const nd=Rt({name:"checkable",defaultOptions:{checkable:!0},when:e=>!!e.checkable,state(){return{checkedRows:{}}},methods:{toggleCheckRows:Zf,isRowChecked:td,isAllRowChecked:Kc,getChecks:ed},i18n:{zh_cn:{checkedCountInfo:"已选择 {selected} 项",totalCountInfo:"共 {total} 项"},en:{checkedCountInfo:"Selected {selected} items",totalCountInfo:"Total {total} items"}},footer:{checkbox(){const e=this.isAllRowChecked();return[b("div",{style:{padding:"0 calc(3 * var(--space))",display:"flex",alignItems:"center"},onClick:()=>this.toggleCheckRows(),children:b("input",{type:"checkbox",checked:e})})]},checkedInfo(e,n){const t=this.getChecks().length,s=[];return t&&s.push(this.i18n("checkedCountInfo",{selected:t})),s.push(this.i18n("totalCountInfo",{total:n.allRows.length})),[b("div",{children:s.join(", ")})]}},onRenderCell(e,{row:n,col:t}){var l;const{id:s}=n,{canRowCheckable:i}=this.options;if(i&&!i.call(this,s))return e;const{checkbox:o}=t.setting;if(typeof o=="function"?o.call(this,s):o){const a=this.isRowChecked(s),h=((l=this.options.checkboxRender)==null?void 0:l.call(this,a,s))??b("input",{type:"checkbox",checked:a});e.unshift(h),e.push({className:"has-checkbox"})}return e},onRenderHeaderCell(e,{row:n,col:t}){var r;const{id:s}=n,{checkbox:i}=t.setting;if(typeof i=="function"?i.call(this,s):i){const l=this.isAllRowChecked(),a=((r=this.options.checkboxRender)==null?void 0:r.call(this,l,s))??b("input",{type:"checkbox",checked:l});e.unshift(a),e.push({className:"has-checkbox"})}return e},onRenderRow({props:e,row:n}){if(this.isRowChecked(n.id))return{className:O(e.className,"is-checked")}},onHeaderCellClick(e){const n=e.target;if(!n)return;const t=n.closest('input[type="checkbox"],.dtable-checkbox');t&&(this.toggleCheckRows(t.checked),e.stopPropagation())},onRowClick(e,{rowID:n}){const t=e.target;if(!t)return;(t.closest('input[type="checkbox"],.dtable-checkbox')||this.options.checkOnClickRow)&&this.toggleCheckRows(n)}}),Cp="",$p="";var Yc=(e=>(e.unknown="",e.collapsed="collapsed",e.expanded="expanded",e.hidden="hidden",e.normal="normal",e))(Yc||{});function ir(e){const n=this.data.nestedMap.get(e);if(!n||n.state!=="")return n??{state:"normal",level:-1};if(!n.parent&&!n.children)return n.state="normal",n;const t=this.state.collapsedRows,s=n.children&&t&&t[e];let i=!1,{parent:o}=n;for(;o;){const r=ir.call(this,o);if(r.state!=="expanded"){i=!0;break}o=r.parent}return n.state=i?"hidden":s?"collapsed":n.children?"expanded":"normal",n.level=n.parent?ir.call(this,n.parent).level+1:0,n}function sd(e,n){let t=this.state.collapsedRows??{};const{nestedMap:s}=this.data;if(e==="HEADER")if(n===void 0&&(n=!Xc.call(this)),n){const i=s.entries();for(const[o,r]of i)r.state==="expanded"&&(t[o]=!0)}else t={};else{const i=Array.isArray(e)?e:[e];n===void 0&&(n=!t[i[0]]),i.forEach(o=>{const r=s.get(o);n&&(r!=null&&r.children)?t[o]=!0:delete t[o]})}this.update({dirtyType:"layout",state:{collapsedRows:{...t}}},()=>{var i;(i=this.options.onNestedChange)==null||i.call(this)})}function Xc(){const e=this.data.nestedMap.values();for(const n of e)if(n.state==="expanded")return!1;return!0}function Jc(e,n=0,t,s=0){var i;t||(t=[...e.keys()]);for(const o of t){const r=e.get(o);r&&(r.level===s&&(r.order=n++),(i=r.children)!=null&&i.length&&(n=Jc(e,n,r.children,s+1)))}return n}function Qc(e,n,t,s){const i=e.getNestedRowInfo(n);return!i||i.state===""||!i.children||i.children.forEach(o=>{s[o]=t,Qc(e,o,t,s)}),i}function Zc(e,n,t,s,i){var l;const o=e.getNestedRowInfo(n);if(!o||o.state==="")return;((l=o.children)==null?void 0:l.every(a=>{const h=!!(s[a]!==void 0?s[a]:i[a]);return t===h}))&&(s[n]=t),o.parent&&Zc(e,o.parent,t,s,i)}const id=Rt({name:"nested",defaultOptions:{nested:!0,nestedParentKey:"parent",asParentKey:"asParent",nestedIndent:20,canSortTo(e,n){const{nestedMap:t}=this.data,s=t.get(e.id),i=t.get(n.id);return(s==null?void 0:s.parent)===(i==null?void 0:i.parent)},beforeCheckRows(e,n,t){if(!this.options.checkable||!(e!=null&&e.length))return;const s={};return Object.entries(n).forEach(([i,o])=>{const r=Qc(this,i,o,s);r!=null&&r.parent&&Zc(this,r.parent,o,s,t)}),s}},when:e=>!!e.nested,data(){return{nestedMap:new Map}},methods:{toggleRow:sd,isAllCollapsed:Xc,getNestedRowInfo:ir},beforeLayout(){this.data.nestedMap.clear()},onAddRow(e){var i,o;const{nestedMap:n}=this.data,t=(i=e.data)==null?void 0:i[this.options.nestedParentKey??"parent"],s=n.get(e.id)??{state:"",level:0};if(s.parent=t,(o=e.data)!=null&&o[this.options.asParentKey??"asParent"]&&(s.children=[]),n.set(e.id,s),t){let r=n.get(t);r||(r={state:"",level:0},n.set(t,r)),r.children||(r.children=[]),r.children.push(e.id)}},onAddRows(e){return e=e.filter(n=>this.getNestedRowInfo(n.id).state!=="hidden"),Jc(this.data.nestedMap),e.sort((n,t)=>{const s=this.getNestedRowInfo(n.id),i=this.getNestedRowInfo(t.id),o=(s.order??0)-(i.order??0);return o===0?n.index-t.index:o}),e},onRenderCell(e,{col:n,row:t}){var l;const{id:s,data:i}=t,{nestedToggle:o}=n.setting,r=this.getNestedRowInfo(s);if(o&&(r.children||r.parent)&&e.unshift(((l=this.options.onRenderNestedToggle)==null?void 0:l.call(this,r,s,n,i))??b("a",{role:"button",className:`dtable-nested-toggle state${r.children?"":" is-no-child"}`,children:b("span",{className:"toggle-icon"})})),r.level){let{nestedIndent:a=o}=n.setting;a&&(a===!0&&(a=this.options.nestedIndent??12),e.unshift(b("div",{className:"dtable-nested-indent",style:{width:a*r.level+"px"}})))}return e},onRenderHeaderCell(e,{row:n,col:t}){var i;const{id:s}=n;return t.setting.nestedToggle&&e.unshift(((i=this.options.onRenderNestedToggle)==null?void 0:i.call(this,void 0,s,t,void 0))??b("a",{type:"button",className:"dtable-nested-toggle state",children:b("span",{className:"toggle-icon"})})),e},onRenderRow({props:e,row:n}){const t=this.getNestedRowInfo(n.id);return{className:O(e.className,`is-${t.state}`),"data-parent":t.parent}},onRenderHeaderRow({props:e}){return e.className=O(e.className,`is-${this.isAllCollapsed()?"collapsed":"expanded"}`),e},onHeaderCellClick(e){const n=e.target;if(!(!n||!n.closest(".dtable-nested-toggle")))return this.toggleRow("HEADER"),!0},onCellClick(e,{rowID:n}){const t=e.target;if(!(!t||!this.getNestedRowInfo(n).children||!t.closest(".dtable-nested-toggle")))return this.toggleRow(n),!0}}),Tp="",od=Rt({name:"rich",colTypes:{html:{onRenderCell(e){return e[0]={html:e[0]},e}},link:{onRenderCell(e,{col:n,row:t}){const{linkTemplate:s="",linkProps:i}=n.setting,o=st(s,t.data);return e[0]=b("a",{href:o,...i,children:e[0]}),e}},avatar:{onRenderCell(e,{col:n,row:t}){const{data:s}=t,{avatarWithName:i,avatarClass:o="size-xs circle",avatarKey:r=`${n.name}Avatar`}=n.setting,l=b("div",{className:`avatar ${o} flex-none`,children:b("img",{src:s?s[r]:""})});return i?e.unshift(l):e[0]=l,e}},circleProgress:{align:"center",onRenderCell(e,{col:n}){const{circleSize:t=24,circleBorderSize:s=1,circleBgColor:i="var(--color-border)",circleColor:o="var(--color-success-500)"}=n.setting,r=(t-s)/2,l=t/2,a=e[0];return e[0]=b("svg",{width:t,height:t,children:[b("circle",{cx:l,cy:l,r,"stroke-width":s,stroke:i,fill:"transparent"}),b("circle",{cx:l,cy:l,r,"stroke-width":s,stroke:o,fill:"transparent","stroke-linecap":"round","stroke-dasharray":Math.PI*r*2,"stroke-dashoffset":Math.PI*r*2*(100-a)/100,style:{transformOrigin:"center",transform:"rotate(-90deg)"}}),b("text",{x:l,y:l+s,"dominant-baseline":"middle","text-anchor":"middle",style:{fontSize:`${r}px`},children:Math.round(a)})]}),e}},actionButtons:{onRenderCell(e,{col:n,row:t}){var l;const s=(l=t.data)==null?void 0:l[n.name];if(!s)return e;const{actionBtnTemplate:i='',actionBtnData:o={},actionBtnClass:r="btn text-primary square size-sm ghost"}=n.setting;return[{html:s.map(a=>{typeof a=="string"&&(a={action:a});const h=o[a.action];return h&&(a={className:r,...h,...a}),st(i,a)}).join(" ")}]}},format:{onRenderCell(e,{col:n}){let{format:t}=n.setting;if(!t)return e;typeof t=="string"&&(t={type:"text",format:t});const{format:s,type:i}=t,o=e[0];return typeof s=="function"?e[0]=i==="html"?{html:s(o)}:s(o):i==="datetime"?e[0]=Ys(o,s):i==="html"?e[0]={html:st(s,o)}:e[0]=st(s,o),e}}}},{buildIn:!0}),rd=Rt({name:"sort-type",onRenderHeaderCell(e,{col:n}){const{sortType:t}=n.setting;if(t){const{sortLink:s=this.options.sortLink,sortAttrs:i}=n.setting,o=t===!0?"none":t;if(e.push(b("div",{className:`dtable-sort dtable-sort-${o}`}),{outer:!0,attrs:{"data-sort":o}}),s){const r=typeof s=="function"?s.call(this,n,o):s;e.push({tagName:"a",attrs:{href:r,...i}})}}return e}},{buildIn:!0}),ld=Object.freeze(Object.defineProperty({__proto__:null,NestedRowState:Yc,checkable:nd,colHover:Qf,nested:id,rich:od,sortType:rd},Symbol.toStringTag,{value:"Module"}));class qe extends Z{}w(qe,"NAME","dtable"),w(qe,"Component",Jf),w(qe,"definePlugin",Rt),w(qe,"removePlugin",Uc),w(qe,"plugins",ld);function cd(e){const[n,t]=e.split(":"),s=n[0]==="-"?{name:n.substring(1),disabled:!0}:{name:n};return t!=null&&t.length&&(s.type="dropdown",s.items=t.split(",").reduce((i,o)=>(o=o.trim(),o.length&&i.push(o[0]==="-"?{name:o.substring(1),disabled:!0}:{name:o}),i),[])),s}const ad=(e,n)=>{var t;return e.url&&(e.url=st(e.url,n.row.data)),(t=e.dropdown)!=null&&t.items&&(e.dropdown.items=e.dropdown.items.map(s=>(s.url&&(s.url=st(s.url,n.row.data)),s))),e},ud=Rt({name:"actions",colTypes:{actions:{onRenderCell(e,n){var c;const{row:t,col:s}=n;let i=(c=t.data)==null?void 0:c[s.name];if(typeof i=="string"&&(i=i.split("|")),!(i!=null&&i.length))return e;const{actionsSetting:o,actionsMap:r,actionsCreator:l=this.options.actionsCreator,actionItemCreator:a=this.options.actionItemCreator||ad}=s.setting,h={items:(l==null?void 0:l(n))??i.map(u=>{if(u=typeof u=="string"?cd(u):u,!u)return;const{name:d,items:f,...p}=u;if(r&&d&&(Object.assign(p,r[d],{...p}),typeof p.buildProps=="function")){const{buildProps:g}=p;delete p.buildProps,Object.assign(p,g(e,n))}if(f&&p.type==="dropdown"){const{dropdown:g={}}=p;g.menu={className:"menu-dtable-actions",items:f.reduce((y,_)=>{const v=typeof _=="string"?{name:_}:{..._};return v!=null&&v.name&&(r&&"name"in v&&Object.assign(v,r[v.name],{...v}),y.push(v)),y},[])},p.dropdown=g}return a?a(p,n):p}).filter(Boolean),btnProps:{size:"sm",className:"text-primary"},...o};return e[0]=b(oe,{...h}),e}}}}),hd=Rt({name:"toolbar",footer:{toolbar(){const{footToolbar:e}=this.options;return[e?b(oe,{...e}):null]}}}),fd=Rt({name:"pager",footer:{pager(){const{footPager:e}=this.options;return[e?b(vc,{...e}):null]}}}),Op="",ta={name:"zentao",plugins:["checkable","nested",ud,hd,fd],defaultOptions:{footer:["checkbox","checkedInfo"],colHover:!1,rowHeight:36,filterable:!0,striped:!1,responsive:!0,checkable:!1,nested:!1,height:e=>{var n,t;return Math.min(e,window.innerHeight-1-(((n=document.getElementById("header"))==null?void 0:n.clientHeight)??0)-(((t=document.getElementById("mainMenu"))==null?void 0:t.clientHeight)??0))}},colTypes:{status:{width:80,align:"center",sortType:!0,onRenderCell(e,{col:n,row:t}){var r,l;const s=(r=t.data)==null?void 0:r[n.name];let i,o;return typeof s=="string"?(i=s,o=(l=n.setting.statusMap)==null?void 0:l[s]):typeof s=="object"&&s&&({name:i,label:o}=s),e[0]=C("span",{class:`${n.setting.statusClassPrefix??"status-"}${i}`},o??i),e}},avatarBtn:{width:100,sortType:!0,onRenderCell(e,{col:n,row:t}){const{data:s}=t,i=s?s[n.name]:void 0;if(!(i!=null&&i.length))return e;const{avatarClass:o="circle",avatarKey:r=`${n.name}Avatar`,avatarSetting:l,avatarCodeKey:a,avatarNameKey:h=`${n.name}Name`,avatarBtnProps:c}=n.setting,u=(s?s[h]:i)||e[0],d={size:"xs",className:O(o,l==null?void 0:l.className,"flex-none"),src:s?s[r]:void 0,text:u,code:a?s?s[a]:void 0:i,...l},f=typeof c=="function"?c(e,n,t):c||{};return e[0]=C("button",{type:"button",className:"btn btn-avatar",...f},C(yc,{...d}),C("div",null,u)),e}}},onRenderCell(e,{row:n,col:t}){const{iconRender:s}=t.setting;if(typeof s!="function")return e;const i=s(n);return i&&e.unshift(typeof i=="object"?C("i",{...i}):C("i",{className:i})),e}},dd=Rt(ta,{buildIn:!0}),Pp="",Dp="",Hp="",Ip="",jp="",Wp="",Bp="",Fp="",zp="",Up="",Vp="",qp="",Gp="",Kp="";function ea(e){e=e||location.search,e[0]==="?"&&(e=e.substring(1));try{return JSON.parse('{"'+decodeURI(e).replace(/"/g,'\\"').replace(/&/g,'","').replace(/=/g,'":"')+'"}')}catch{return{}}}function pd(e){if(!e)return{url:e};const{config:n}=window;if(/^https?:\/\//.test(e)){const a=window.location.origin;if(!e.includes(a))return{external:!0,url:e};e=e.substring((a+n.webRoot).length)}const t=e.split("#"),s=t[0].split("?"),i=s[1],o=i?ea(i):{};let r=s[0];const l={url:e,isOnlyBody:o.onlybody==="yes",vars:[],hash:t[1]||"",params:o,tid:o.tid||""};if(n.requestType==="GET"){l.moduleName=o[n.moduleVar]||"index",l.methodName=o[n.methodVar]||"index",l.viewType=o[n.viewVar]||n.defaultView;for(const a in o)a!==n.moduleVar&&a!==n.methodVar&&a!==n.viewVar&&a!=="onlybody"&&a!=="tid"&&l.vars.push([a,o[a]])}else{let a=r.lastIndexOf("/");a===r.length-1&&(r=r.substring(0,a),a=r.lastIndexOf("/")),a>=0&&(r=r.substring(a+1));const h=r.lastIndexOf(".");h>=0?(l.viewType=r.substring(h+1),r=r.substring(0,h)):l.viewType=n.defaultView;const c=r.split(n.requestFix);if(l.moduleName=c[0]||"index",l.methodName=c[1]||"index",c.length>2)for(let u=2;u{const d=l[u];u==="tid"||u==="isOnlyBody"||u[0]==="$"||h.push(!c&&!h.includes("?")?"?":"&",u,"=",d)}),r&&a.tabSession&&h.push(!c&&!h.includes("?")?"?":"&","tid=",r),typeof o=="string"&&h.push(o.startsWith("#")?"":"#",o),h.join("")}const md=Object.freeze(Object.defineProperty({__proto__:null,createLink:na,parseLink:pd,parseUrlParams:ea},Symbol.toStringTag,{value:"Module"})),oi=new Map;function gd(e,n,t){const{zui:s}=window;oi.size||Object.keys(s).forEach(o=>{o[0]===o[0].toUpperCase()&&oi.set(o.toLowerCase(),s[o])});const i=oi.get(e.toLowerCase());return i?new i(n,t):null}window.$&&Object.assign(window.$,md),E.$=A,E.ActionMenu=mo,E.ActionMenuNested=go,E.AjaxForm=Ic,E.Avatar=Fo,E.BtnGroup=zo,E.Button=yo,E.ContextMenu=ct,E.DTable=qe,E.Dropdown=it,E.EventBus=Cn,E.Menu=_o,E.MenuTree=tr,E.Messager=We,E.Modal=ot,E.ModalTrigger=Be,E.Nav=Uo,E.NavTabs=Ve,E.Pager=Go,E.Picker=Ko,E.ProgressCircle=Ho,E.QuickMenu=er,E.SearchForm=nr,E.Switch=Io,E.TIME_DAY=kt,E.Toolbar=Yo,E.Tooltip=ft,E.addI18nMap=Fr,E.ajax=Yh,E.browser=Lh,E.bus=Xh,E.calculateTimestamp=qo,E.cash=Pl,E.componentsMap=oi,E.convertBytes=tu,E.create=gd,E.createDate=at,E.formatBytes=Za,E.formatDate=Ys,E.formatDateSpan=mf,E.formatString=st,E.getLangCode=Wr,E.getTimeBeforeDesc=gf,E.i18n=Pe,E.isDBY=pf,E.isObject=xs,E.isSameDay=Fe,E.isSameMonth=wc,E.isSameWeek=uf,E.isSameYear=Vo,E.isToday=hf,E.isTomorrow=df,E.isYesterday=ff,E.mergeDeep=Ss,E.nativeEvents=vs,E.setLangCode=Br,E.store=cc,E.zentao=dd,E.zentaoPlugin=ta,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
diff --git a/zin/config.php b/zin/config.php
new file mode 100755
index 0000000000..0da4b03096
--- /dev/null
+++ b/zin/config.php
@@ -0,0 +1,21 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+global $app, $config;
+
+$config->zin = new \stdClass();
+
+$config->zin->lang = $app->getClientLang();
+$config->zin->wgVer = isset($config->wgVer) ? $config->wgVer : '1';
+$config->zin->wgVerMap = isset($config->wgVerMap) ? $config->wgVerMap : array();
+$config->zin->zuiPath = isset($config->zuiPath) ? $config->zuiPath : ($app->getWebRoot() . 'js/zui3/');
diff --git a/zin/core/context.class.php b/zin/core/context.class.php
new file mode 100644
index 0000000000..df41184084
--- /dev/null
+++ b/zin/core/context.class.php
@@ -0,0 +1,154 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'dataset.class.php';
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'flat.func.php';
+require_once 'portal.class.php';
+
+class context extends \zin\utils\dataset
+{
+ /**
+ * @var object
+ */
+ public $root;
+
+ public function __construct($root)
+ {
+ $this->root = $root;
+ }
+
+ public function isRoot($root)
+ {
+ if(is_string($root)) return $root === $this->root->gid;
+ return $root->gid === $this->root->gid;
+ }
+
+ public function getPortals()
+ {
+ return $this->getList('portals');
+ }
+
+ public function addPortal($portal)
+ {
+ return $this->addToList('portals', $portal);
+ }
+
+ public function addImport()
+ {
+ return $this->addToList('import', func_get_args());
+ }
+
+ public function getImportList()
+ {
+ return $this->getList('import');
+ }
+
+ public function addCSS()
+ {
+ return $this->addToList('css', func_get_args());
+ }
+
+ public function getCssList()
+ {
+ return $this->getList('css');
+ }
+
+ public function addJS()
+ {
+ return $this->addToList('js', func_get_args());
+ }
+
+ public function addJSVar($name, $value)
+ {
+ return $this->addToList('jsVar', h::createJsVarCode($name, $value));
+ }
+
+ public function addJSCall()
+ {
+ $code = call_user_func_array('\zin\h::createJsCallCode', func_get_args());
+ \a(array('code', $code, $this->getJsList()));
+ return $this->addToList('jsCall', $code);
+ }
+
+ public function getJsList()
+ {
+ return array_merge($this->getList('jsVar'), $this->getList('js'), $this->getList('jsCall'));
+ }
+
+ public static $map = array();
+
+ public static function portal(/* string $name, mixed ...$children */)
+ {
+ $args = func_get_args();
+ $name = array_shift($args);
+ $context = static::current();
+ $portal = new portal(set::target($name), $args);
+ $context->addPortal($portal);
+ }
+
+ public static function js(/* string ...$code */)
+ {
+ $context = static::current();
+ call_user_func_array(array($context, 'addJS'), \zin\utils\flat(func_get_args()));
+ }
+
+ public static function jsCall(/* string ...$code */)
+ {
+ $context = static::current();
+ call_user_func_array(array($context, 'addJSCall'), func_get_args());
+ }
+
+
+ public static function jsVar($name, $value)
+ {
+ $context = static::current();
+ $context->addJSVar($name, $value);
+ }
+
+ public static function css(/* string ...$code */)
+ {
+ $context = static::current();
+ call_user_func_array(array($context, 'addCSS'), \zin\utils\flat(func_get_args()));
+ }
+
+ public static function import(/* string ...$files */)
+ {
+ $context = static::current();
+ call_user_func_array(array($context, 'addImport'), func_get_args());
+ }
+
+ /**
+ * Get current context
+ * @return context
+ */
+ public static function current()
+ {
+ if(empty(static::$map)) static::$map['current'] = new context(NULL);
+ return static::$map['current'];
+ }
+
+ public static function create($wg)
+ {
+ $gid = $wg->gid;
+ if(isset(static::$map[$gid])) return static::$map[$gid];
+ $context = new context($wg);
+ static::$map[$gid] = $context;
+ return $context;
+ }
+
+ public static function destroy($gid)
+ {
+ if($gid instanceof wg) $gid = $gid->gid;
+ if(isset(static::$map[$gid])) unset(static::$map[$gid]);
+ }
+}
diff --git a/zin/core/context.func.php b/zin/core/context.func.php
new file mode 100644
index 0000000000..5d7a770644
--- /dev/null
+++ b/zin/core/context.func.php
@@ -0,0 +1,44 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'context.class.php';
+
+function portal(/* string $name, mixed ...$children */)
+{
+ call_user_func_array('\zin\context::portal', func_get_args());
+}
+
+function js()
+{
+ call_user_func_array('\zin\context::js', func_get_args());
+}
+
+function jsCall()
+{
+ call_user_func_array('\zin\context::jsCall', func_get_args());
+}
+
+function jsVar()
+{
+ call_user_func_array('\zin\context::jsVar', func_get_args());
+}
+
+function css()
+{
+ call_user_func_array('\zin\context::css', func_get_args());
+}
+
+function import()
+{
+ call_user_func_array('\zin\context::import', func_get_args());
+}
diff --git a/zin/core/data.func.php b/zin/core/data.func.php
new file mode 100644
index 0000000000..2b2344f8a9
--- /dev/null
+++ b/zin/core/data.func.php
@@ -0,0 +1,52 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+function setPageData($name, $value)
+{
+ if(is_array($value) && empty($name))
+ {
+ foreach ($value as $key => $val) zin::setData($key, $val);
+ return;
+ }
+ zin::setData($name, $value);
+}
+
+function getPageData($name)
+{
+ if(is_array($name))
+ {
+ $values = array();
+ foreach($name as $propName)
+ {
+ $values[] = zin::getData($propName);
+ }
+ return $values;
+ }
+
+ return zin::getData($name);
+}
+
+function data(...$args)
+{
+ if(count($args) >= 2) return setPageData($args[0], $args[1]);
+ return getPageData($args[0]);
+}
+
+/**
+ * Set page data
+ * @deprecated Use data($name, $value) insteadOf useData($name, $value)
+ */
+function useData($name, $value)
+{
+ return setPageData($name, $value);
+}
diff --git a/zin/core/directive.class.php b/zin/core/directive.class.php
new file mode 100644
index 0000000000..b6afc1f56b
--- /dev/null
+++ b/zin/core/directive.class.php
@@ -0,0 +1,66 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'zin.class.php';
+
+class directive
+{
+ public $type;
+
+ public $data;
+
+ public $options;
+
+ public $parent = NULL;
+
+ /**
+ * Construct a directive object
+ * @param string $type
+ * @param mixed $data
+ * @param array $options
+ * @access public
+ */
+ public function __construct($type, $data, $options = NULL)
+ {
+ $this->type = $type;
+ $this->data = $data;
+ $this->options = $options;
+
+ zin::renderInGlobal($this);
+ }
+
+ public function __debugInfo()
+ {
+ return
+ [
+ 'type' => $this->type,
+ 'data' => $this->data,
+ 'options' => $this->options
+ ];
+ }
+
+ public static function is($item, $type = NULL)
+ {
+ return is_object($item) && $item instanceof directive && ($type === NULL || $item->type === $type);
+ }
+}
+
+function directive($type, $data, $options = NULL)
+{
+ return new directive($type, $data, $options);
+}
+
+function isDirective($item, $type = NULL)
+{
+ return directive::is($item, $type);
+}
diff --git a/zin/core/dom.class.php b/zin/core/dom.class.php
new file mode 100644
index 0000000000..ae82109830
--- /dev/null
+++ b/zin/core/dom.class.php
@@ -0,0 +1,354 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'deep.func.php';
+require_once 'selector.func.php';
+
+class dom
+{
+ /**
+ * @var wg
+ */
+ public $wg;
+
+ public $children = [];
+
+ public $selectors = NULL;
+
+ public $renderInner = false;
+
+ public $renderType;
+
+ public $dataGetters = NULL;
+
+ public $dataCommands;
+
+ /**
+ * Construct the dom object.
+ * @param wg $wg
+ * @param array $children
+ * @param array|string|object $selectors
+ * @access public
+ */
+ public function __construct($wg, $children, $selectors = NULL, $renderType = NULL, $dataCommands = NULL)
+ {
+ $this->wg = $wg;
+ $this->renderType = $renderType;
+
+ $this->add($children);
+ $this->addSelectors($selectors);
+ $this->addDataCommands($dataCommands);
+ }
+
+ public function __debugInfo()
+ {
+ return
+ [
+ 'gid' => $this->wg->gid,
+ 'type' => $this->wg->type(),
+ 'count' => count($this->children),
+ 'renderInner' => $this->renderInner,
+ 'renderType' => $this->renderType,
+ 'selectors' => stringifyWgSelectors($this->selectors)
+ ];
+ }
+
+ public function add($children)
+ {
+ if(empty($children)) return;
+
+ if(!is_array($children)) $children = [$children];
+ foreach($children as $child)
+ {
+ if(is_array($child)) $this->add($child);
+ elseif(!empty($child)) $this->children[] = $child;
+ }
+ }
+
+ public function addDataCommands($commands)
+ {
+ if(empty($commands)) return;
+
+ if(is_string($commands))
+ {
+ $commandList = explode(',', $commands);
+ $commands = [];
+ foreach($commandList as $command)
+ {
+ $parts = explode(':', $command, 2);
+ $commands[$parts[0]] = count($parts) > 1 ? $parts[1] : $parts[0];
+ }
+ }
+
+ if($this->dataCommands === NULL) $this->dataCommands = [];
+ $index = 0;
+ foreach($commands as $key => $command)
+ {
+ $this->dataCommands[$index == $key ? $command : $key] = $command;
+ $index++;
+ }
+ }
+
+ public function addSelectors($selectors)
+ {
+ if(empty($selectors)) return;
+
+ if($this->selectors === NULL) $this->selectors = [];
+ $selectors = parseWgSelectors($selectors);
+ foreach($selectors as $selector)
+ {
+ if(isset($selector->command) && !empty($selector->command)) $this->addDataCommands([$selector->tag => $selector->command]);
+ else $this->selectors[] = $selector;
+ }
+ }
+
+ public function isMatch($selector)
+ {
+ return $this->wg->isMatch($selector);
+ }
+ /**
+ * Build the children dom list.
+ * @access public
+ * @return array
+ */
+ public function build()
+ {
+ $list = [];
+ $children = $this->renderInner ? $this->wg->children() : $this->children;
+
+ if(empty($children)) return $list;
+
+ foreach($children as $child)
+ {
+ $list[] = ($child instanceof wg) ? $child->buildDom() : $child;
+ }
+
+ if(!empty($this->selectors))
+ {
+ $list = static::filter($list, $this->selectors);
+ }
+ return $list;
+ }
+
+ public function render()
+ {
+ if($this->renderType === 'json') return $this->renderJson();
+ if($this->renderType === 'list') return $this->renderList();
+ return $this->renderHtml();
+ }
+
+ public function renderJson()
+ {
+ $list = $this->build();
+ if(empty($list)) return '{}';
+
+ $output = [];
+ foreach($list as $name => $item)
+ {
+ $output[$name] = static::renderItemToJson($item);
+ }
+
+ if(!empty($this->dataCommands))
+ {
+ $data = [];
+ foreach($this->dataCommands as $name => $command)
+ {
+ $data[$name] = data($command);
+ }
+ $output['data'] = $data;
+ }
+
+ return json_encode($output);
+ }
+
+ public function renderHtml()
+ {
+ $list = $this->build();
+ if(empty($list)) return '';
+
+ $output = [];
+ foreach($list as $item)
+ {
+ $result = static::renderItemToHtml($item);
+ if(!is_string($result)) $result = json_encode($result);
+ $output[] = $result;
+ }
+ return implode('', $output);
+ }
+
+ public function renderList()
+ {
+ $list = $this->build();
+ if(empty($list)) return '[]';
+
+ $output = [];
+ foreach($list as $name => $item)
+ {
+ if(is_array($item) && count($item) === 1) $item = $item[0];
+ $output[] = ['name' => $name, 'data' => static::renderDomItem($item)];
+ }
+
+ if(!empty($this->dataCommands))
+ {
+ foreach($this->dataCommands as $name => $command)
+ {
+ $output[] = ['name' => $name, 'data' => data($command)];
+ }
+ }
+
+ return json_encode($output);
+ }
+
+ public static function renderDomItem($item, $defaultType = 'html')
+ {
+ if($item instanceof dom)
+ {
+ $renderType = $item->renderType;
+ if(empty($renderType)) $renderType = $defaultType;
+ if($renderType === 'json') return dom::renderItemToJson($item);
+ return dom::renderItemToHtml($item->build());
+ }
+
+ $renderType = $defaultType;
+ if($renderType === 'json') return static::renderItemToJson($item);
+ return static::renderItemToHtml($item);
+ }
+
+ public static function renderItemToJson($item)
+ {
+ if($item === NULL || is_bool($item)) return NULL;
+
+ if(is_array($item))
+ {
+ $output = [];
+ foreach($item as $subItem) $output[] = static::renderItemToJson($subItem);
+ return $output;
+ }
+
+ if($item instanceof dom)
+ {
+ $json = $item->wg->toJsonData();
+ if(!empty($item->dataGetters))
+ {
+ $output = [];
+ $props = explode(',', $item->dataGetters);
+ foreach($props as $prop)
+ {
+ $prop = trim($prop);
+ if(empty($prop)) continue;
+
+ $parts = explode(':', $prop, 2);
+ $name = $parts[0];
+ $namePath = count($parts) > 1 ? $parts[1] : $parts[0];
+ $output[$name] = \zin\utils\deepGet($json, $namePath);
+ }
+ return $output;
+ }
+ return $json;
+ }
+ if($item instanceof wg) return dom::renderDomItem($item, 'json');
+ if(is_string($item)) return $item;
+
+ if(is_object($item))
+ {
+ if(isDirective($item, 'html')) return $item->data;
+ if(isDirective($item, 'text')) return htmlspecialchars($item->data);
+ if(isset($item->html)) return $item->html;
+ if(isset($item->text)) return htmlspecialchars($item->text);
+ if(method_exists($item, 'render')) return $item->render();
+ }
+
+ return strval($item);
+ }
+
+ public static function renderItemToHtml($item)
+ {
+ if($item === NULL || is_bool($item)) return '';
+
+ if(is_array($item))
+ {
+ $output = [];
+ foreach($item as $subItem) $output[] = static::renderItemToHtml($subItem);
+ return implode('', $output);
+ }
+
+ if($item instanceof dom) return dom::renderItemToHtml($item->build());
+ if($item instanceof wg) return $item->render();
+ if(is_string($item)) return $item;
+
+ if(is_object($item))
+ {
+ if(isDirective($item, 'html')) return $item->data;
+ if(isDirective($item, 'text')) return htmlspecialchars($item->data);
+ if(isset($item->html)) return $item->html;
+ if(isset($item->text)) return htmlspecialchars($item->text);
+ if(method_exists($item, 'render')) return $item->render();
+ }
+
+ return strval($item);
+ }
+
+ /**
+ * Filter the dom list with selector.
+ * @param array $list
+ * @param object $selector
+ * @param array $filteredList
+ * @access public
+ * @return array
+ */
+ public static function filterList(&$list, $selector, &$filteredList)
+ {
+ if(empty($list) || empty($selector)) return [];
+
+ $results = [];
+ foreach($list as $item)
+ {
+ if(!($item instanceof dom) || in_array($item->wg->gid, $filteredList)) continue;
+
+ if($item->wg->isMatch($selector))
+ {
+ $item->renderInner = $selector->inner ?? false;
+ $item->renderType = $selector->type ?? NULL;
+ $item->dataGetters = $selector->data ?? NULL;
+ $filteredList[] = $item->wg->gid;
+ $results[] = $item;
+ }
+ else
+ {
+ $children = $item->build();
+ if(!empty($children))
+ {
+ $subResults = static::filterList($children, $selector, $filteredList);
+ foreach($subResults as $subItem) $results[] = $subItem;
+ }
+ }
+ if($selector->first && !empty($results)) break;
+ }
+ return $results;
+ }
+
+ public static function filter(&$domList, $selectors)
+ {
+ if(empty($selectors)) return $domList;
+
+ $list = [];
+ $filteredList = [];
+ foreach($selectors as $selector)
+ {
+ $results = static::filterList($domList, $selector, $filteredList);
+ if(!empty($results)) $list[$selector->name] = $results;
+ }
+
+ return $list;
+ }
+}
diff --git a/zin/core/h.class.php b/zin/core/h.class.php
new file mode 100644
index 0000000000..ce10e91868
--- /dev/null
+++ b/zin/core/h.class.php
@@ -0,0 +1,307 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'flat.func.php';
+require_once 'wg.class.php';
+require_once 'wg.func.php';
+
+class h extends wg
+{
+ protected static $defineProps = 'tagName, selfClose?:bool=false';
+
+ public function getTagName()
+ {
+ return $this->props->get('tagName');
+ }
+
+ public function isDomElement()
+ {
+ return true;
+ }
+
+ public function isSelfClose()
+ {
+ $selfClose = $this->props->get('selfClose');
+ if($selfClose !== NULL) return $selfClose;
+
+ return in_array($this->getTagName(), static::$selfCloseTags);
+ }
+
+ public function build()
+ {
+ $events = $this->buildEvents();
+
+ if($this->isSelfClose()) return array($this->buildSelfCloseTag(), $events);
+
+ return array($this->buildTagBegin(), parent::build(), $this->getPortals(), $this->buildTagEnd(), $events);
+ }
+
+ public function toJsonData()
+ {
+ $data = parent::toJsonData();
+ $data['type'] = 'h:' . $this->getTagName();
+ return $data;
+ }
+
+ public function type()
+ {
+ return $this->getTagName();
+ }
+
+ public function shortType()
+ {
+ return $this->getTagName();
+ }
+
+ protected function getPropsStr()
+ {
+ $propStr = $this->props->toStr(array_keys(static::getDefinedProps()));
+ if($this->props->hasEvent() && empty($this->id()) && $this->getTagName() !== 'html') $propStr = "$propStr id='$this->gid'";
+ return empty($propStr) ? '' : " $propStr";
+ }
+
+ protected function buildEvents()
+ {
+ $events = $this->props->events();
+ if(empty($events)) return NULL;
+
+ $id = $this->id();
+ $code = array($this->getTagName() === 'html' ? 'const ele = document;' : 'const ele = document.getElementById("' . (empty($id) ? $this->gid : $id) . '");');
+ foreach($events as $event => $bindingList)
+ {
+ foreach($bindingList as $binding)
+ {
+ $code[] = "ele.addEventListener('$event', function(e) {";
+ if(is_string($binding)) $binding = (object)array('handler' => $binding);
+ $selector = isset($binding->selector) ? $binding->selector : NULL;
+ $handler = isset($binding->handler) ? trim($binding->handler) : '';
+ $stop = isset($binding->stop) ? $binding->stop : NULL;
+ $prevent = isset($binding->prevent) ? $binding->prevent : NULL;
+ $self = isset($binding->self) ? $binding->self : NULL;
+ unset($binding->selector);
+ unset($binding->handler);
+ unset($binding->stop);
+ unset($binding->prevent);
+ unset($binding->self);
+
+ if($selector) $code[] = "if(!e.target.closest('$selector')) return;";
+ if($self) $code[] = "if(ele !== e.target) return;";
+ if($stop) $code[] = "e.stopPropagation();";
+ if($prevent) $code[] = "e.preventDefault();";
+
+ if(preg_match('/^[$A-Z_][0-9A-Z_$\[\]."\']*$/i', $handler)) $code[] = "($handler)(e);";
+ else $code[] = $handler;
+
+ $code[] = '}' . (empty($binding) ? '' : (', ' . json_encode($binding))) . ');';
+ }
+ }
+ return static::js($code);
+ }
+
+ protected function buildSelfCloseTag()
+ {
+ $tagName = $this->getTagName();
+ $propStr = $this->getPropsStr();
+ return "<$tagName$propStr />";
+ }
+
+ protected function buildTagBegin()
+ {
+ $tagName = $this->getTagName();
+ $propStr = $this->getPropsStr();
+ return "<$tagName$propStr>";
+ }
+
+ protected function buildTagEnd()
+ {
+ $tagName = $this->getTagName();
+ return "";
+ }
+
+ public static function create()
+ {
+ $args = func_get_args();
+ $tagName = array_shift($args);
+ return new h(is_string($tagName) ? prop('tagName', $tagName) : $tagName, $args);
+ }
+
+ public static function __callStatic($tagName, $args)
+ {
+ return new h(prop('tagName', $tagName), $args);
+ }
+
+ public static function button()
+ {
+ return static::create('button', prop('type', 'button'), func_get_args());
+ }
+
+ public static function input()
+ {
+ return static::create('input', prop('type', 'text'), func_get_args());
+ }
+
+ public static function formHidden($name, $value, ...$args)
+ {
+ return static::create('input', prop('type', 'hidden'), set::name($name), set::value($value), $args);
+ }
+
+ public static function checkbox()
+ {
+ return static::create('input', prop('type', 'checkbox'), func_get_args());
+ }
+
+ public static function radio()
+ {
+ return static::create('input', prop('type', 'radio'), func_get_args());
+ }
+
+ public static function date()
+ {
+ return static::create('input', prop('type', 'date'), func_get_args());
+ }
+
+ public static function file()
+ {
+ return static::create('input', prop('type', 'file'), func_get_args());
+ }
+
+ public static function textarea(...$args)
+ {
+ list($code, $args) = h::splitRawCode($args);
+ return static::create('textarea', $code, ...$args);
+ }
+
+ public static function importJs($src, ...$args)
+ {
+ return static::create('script', prop('src', $src), ...$args);
+ }
+
+ public static function importCss($src, ...$args)
+ {
+ return static::create('link', prop('rel', 'stylesheet'), prop('href', $src), ...$args);
+ }
+
+ public static function import($file, $type = NULL, ...$args)
+ {
+ if(is_array($file))
+ {
+ $children = array();
+ foreach($file as $file)
+ {
+ $children[] = static::import($file, $type);
+ }
+ return $children;
+ }
+ if($type === NULL) $type = pathinfo($file, PATHINFO_EXTENSION);
+ if($type == 'js' || $type == 'cjs') return static::importJs($file, ...$args);
+ if($type == 'css') return static::importCss($file, ...$args);
+ return null;
+ }
+
+ public static function css(...$args)
+ {
+ list($code, $args) = h::splitRawCode($args);
+ if(empty($code)) return NULL;
+ return static::create('style', html(implode("\n", $code)), ...$args);
+ }
+
+ public static function globalJS(...$args)
+ {
+ list($code, $args) = h::splitRawCode($args);
+ if(empty($code)) return NULL;
+ return static::create('script', html(implode("\n", $code)), ...$args);
+ }
+
+ public static function js(...$args)
+ {
+
+ list($code, $args) = h::splitRawCode($args);
+ if(empty($code)) return NULL;
+ return static::create('script', html('(function(){'. implode("\n", $code) . '}())'), ...$args);
+ }
+
+ public static function jsVar($name, $value, ...$directives)
+ {
+ return static::js(static::createJsVarCode($name, $value), ...$directives);
+ }
+
+ public static function jsCall($funcName, ...$args)
+ {
+ $funcArgs = [];
+ $directives = [];
+ foreach($args as $arg)
+ {
+ if(isDirective($arg)) $directives[] = $arg;
+ else $funcArgs[] = $arg;
+ }
+ $code = static::createJsCallCode($funcName, $funcArgs);
+ return static::js($code, ...$directives);
+ }
+
+ public static function createJsCallCode($func, $args)
+ {
+ foreach($args as $index => $arg)
+ {
+ $args[$index] = h::encodeJsonWithRawJs($arg, JSON_UNESCAPED_UNICODE);
+ }
+
+ if($func[0] === '~')
+ {
+ $func = substr($func, 1);
+ return "$(() => $func(" . implode(',', $args) . "));";
+ }
+ return $func . '(' . implode(',', $args) . ');';
+ }
+
+ public static function createJsVarCode($name, $value)
+ {
+ $vars = is_string($name) ? array($name => $value) : $name;
+ $jsCode = '';
+ foreach($vars as $var => $val)
+ {
+ if(empty($var)) continue;
+ $val = h::encodeJsonWithRawJs($val);
+ if(str_starts_with($var, 'window.')) $jsCode .= "$var=" . $val . ';';
+ elseif(str_starts_with($var, '+')) $jsCode .= 'let ' . substr($var, 1) . '=' . $val . ';';
+ else $jsCode .= "const $var=" . $val . ';';
+ }
+ return $jsCode;
+ }
+
+ public static function jsRaw()
+ {
+ return 'RAWJS<' . implode("\n", func_get_args()) . '>RAWJS';
+ }
+
+ protected static function encodeJsonWithRawJs($data)
+ {
+ $json = json_encode($data, JSON_UNESCAPED_UNICODE);
+ $json = str_replace('"RAWJS<', '', str_replace('>RAWJS"', '', $json));
+ return $json;
+ }
+
+ protected static function splitRawCode($children)
+ {
+ $children = \zin\utils\flat($children);
+ $code = [];
+ $args = [];
+ foreach($children as $key => $child)
+ {
+ if(is_string($child)) $code[] = $child;
+ else $args[] = $child;
+ }
+ return [$code, $args];
+ }
+
+ public static $selfCloseTags = ['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr'];
+}
diff --git a/zin/core/h.func.php b/zin/core/h.func.php
new file mode 100644
index 0000000000..983112a15e
--- /dev/null
+++ b/zin/core/h.func.php
@@ -0,0 +1,46 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'h.class.php';
+require_once 'item.class.php';
+require_once 'wg.func.php';
+require_once 'set.class.php';
+require_once 'to.class.php';
+require_once 'data.func.php';
+require_once 'on.class.php';
+
+function h() {return call_user_func_array('\zin\h::create', func_get_args());}
+
+function div() {return call_user_func_array('\zin\h::div', func_get_args());}
+function span() {return call_user_func_array('\zin\h::span', func_get_args());}
+function code() {return call_user_func_array('\zin\h::code', func_get_args());}
+function canvas() {return call_user_func_array('\zin\h::canvas', func_get_args());}
+function br() {return call_user_func_array('\zin\h::br', func_get_args());}
+function a() {return call_user_func_array('\zin\h::a', func_get_args());}
+function p() {return call_user_func_array('\zin\h::p', func_get_args());}
+function img() {return call_user_func_array('\zin\h::img', func_get_args());}
+function button() {return call_user_func_array('\zin\h::button', func_get_args());}
+function h1() {return call_user_func_array('\zin\h::h1', func_get_args());}
+function h2() {return call_user_func_array('\zin\h::h2', func_get_args());}
+function h3() {return call_user_func_array('\zin\h::h3', func_get_args());}
+function h4() {return call_user_func_array('\zin\h::h4', func_get_args());}
+function h5() {return call_user_func_array('\zin\h::h5', func_get_args());}
+function h6() {return call_user_func_array('\zin\h::h6', func_get_args());}
+function ul() {return call_user_func_array('\zin\h::ul', func_get_args());}
+function li() {return call_user_func_array('\zin\h::li', func_get_args());}
+function template() {return call_user_func_array('\zin\h::template', func_get_args());}
+function formHidden() {return call_user_func_array('\zin\h::formHidden', func_get_args());}
+function fieldset() {return call_user_func_array('\zin\h::fieldset', func_get_args());}
+function legend() {return call_user_func_array('\zin\h::legend', func_get_args());}
+
+function jsRaw() {return call_user_func_array('\zin\h::jsRaw', func_get_args());}
diff --git a/zin/core/item.class.php b/zin/core/item.class.php
new file mode 100644
index 0000000000..4eec23e72d
--- /dev/null
+++ b/zin/core/item.class.php
@@ -0,0 +1,32 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'wg.class.php';
+require_once 'wg.func.php';
+
+class item extends wg
+{
+ public function build()
+ {
+ if($this->parent instanceof wg && method_exists($this->parent, 'onBuildItem'))
+ {
+ return call_user_func(array($this->parent, 'onBuildItem'), $this);
+ }
+ return parent::build();
+ }
+}
+
+function item()
+{
+ return new item(func_get_args());
+}
diff --git a/zin/core/on.class.php b/zin/core/on.class.php
new file mode 100644
index 0000000000..7990c3ea50
--- /dev/null
+++ b/zin/core/on.class.php
@@ -0,0 +1,23 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'wg.func.php';
+
+class on
+{
+ public static function __callStatic($name, $args)
+ {
+ list($callback, $options) = array_merge($args, array(NULL));
+ return on($name, $callback, $options);
+ }
+}
diff --git a/zin/core/portal.class.php b/zin/core/portal.class.php
new file mode 100644
index 0000000000..0d306bcbe9
--- /dev/null
+++ b/zin/core/portal.class.php
@@ -0,0 +1,24 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'wg.class.php';
+
+class portal extends wg
+{
+ static $defineProps = 'target:string';
+
+ public static function __callStatic($name, $args)
+ {
+ return new portal(set('target', $name), $args);
+ }
+}
diff --git a/zin/core/props.class.php b/zin/core/props.class.php
new file mode 100755
index 0000000000..863f3deac4
--- /dev/null
+++ b/zin/core/props.class.php
@@ -0,0 +1,251 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'dataset.class.php';
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'classlist.class.php';
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'style.class.php';
+
+/**
+ * Manage properties for html element and widgets
+ */
+class props extends \zin\utils\dataset
+{
+ /**
+ * Style property
+ *
+ * @access public
+ * @var style
+ */
+ public $style;
+
+ /**
+ * Class property
+ *
+ * @access public
+ * @var classlist
+ */
+ public $class;
+
+ /**
+ * Create properties instance
+ *
+ * @access public
+ * @param array $props - Properties list array
+ */
+ public function __construct($props = NULL)
+ {
+ $this->style = new \zin\utils\style();
+ $this->class = new \zin\utils\classlist();
+
+ parent::__construct($props);
+ }
+
+ /**
+ * Method for sub class to modify value on setting it
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ */
+ protected function setVal($prop, $value)
+ {
+ if($prop === 'class' || $prop === '.') $this->class->set($value);
+ elseif($prop === 'style' || $prop === '~') $this->style->set($value);
+ elseif(str_starts_with($prop, '~')) $this->style->set(substr($prop, 1), $value);
+ elseif($prop === '--') $this->style->cssVar($value);
+ elseif(str_starts_with($prop, '--')) $this->style->cssVar(substr($prop, 2), $value);
+ elseif($prop === '!') $this->hx($value);
+ elseif(str_starts_with($prop, '!')) $this->hx(substr($prop, 1), $value);
+ elseif(str_starts_with($prop, ':')) $this->set('data-' . substr($prop, 1), $value);
+ elseif($prop === '@') $this->bindEvent($value);
+ elseif(str_starts_with($prop, '@')) $this->bindEvent(substr($prop, 1), $value);
+ else parent::setVal($prop, $value);
+ return $this;
+ }
+
+ protected function getVal($prop)
+ {
+ if($prop === 'class' || $prop === '.')
+ {
+ if(!$this->class->count()) return NULL;
+ return $this->class->toStr();
+ }
+ if($prop === 'style' || $prop === '~')
+ {
+ if(!$this->style->count(true)) return NULL;
+ return $this->style->toStr();
+ }
+ return parent::getVal($prop);
+ }
+
+ public function reset($name, $value = NULL)
+ {
+ if(is_array($name))
+ {
+ foreach($name as $n) $this->reset($n);
+ return;
+ }
+ if($name === 'class') return $this->class->clear();
+ if($name === 'style') return $this->style->clear();
+
+ $this->remove($name);
+ if($value) $this->setVal($name, $value);
+ }
+
+ public function bindEvent($name, $callback = NULL)
+ {
+ if(is_array($name))
+ {
+ foreach($name as $key => $value) $this->bindEvent($key, $value);
+ return;
+ }
+
+ $events = parent::getVal("@$name") ?? [];
+ if(is_array($callback)) $events = array_merge($events, $callback);
+ else $events[] = $callback;
+
+ parent::setVal("@$name", $events);
+ }
+
+ public function events()
+ {
+ $events = array();
+ foreach($this->data as $name => $value)
+ {
+ if(str_starts_with($name, '@')) $events[substr($name, 1)] = $value;
+ }
+
+ return $events;
+ }
+
+ public function hasEvent()
+ {
+ foreach($this->data as $name => $value)
+ {
+ if(str_starts_with($name, '@')) return true;
+ }
+
+ return false;
+ }
+
+ public function hx($name, $value = NULL)
+ {
+ if(is_array($name))
+ {
+ foreach($name as $key => $val) $this->set("hx-$key", $val);
+ return;
+ }
+
+ $this->set("hx-$name", $value);
+ }
+
+ /**
+ * Convert props to html string
+ *
+ * Example:
+ *
+ * // Properties data map:
+ * $map = array(
+ * 'id' => 'sayHelloBtn',
+ * 'data-title' => 'Say "Hello"!',
+ * 'data-content' => NULL,
+ * 'data-show' => true,
+ * );
+ * // Output string: id="sayHelloBtn" data-title="Say "Hello"!" data-show="true"
+ *
+ * @access public
+ */
+ public function toStr($skipProps = array())
+ {
+ if(is_string($skipProps)) $skipProps = explode(',', $skipProps);
+
+ $pairs = array();
+
+ if($this->class->count()) $pairs[] = 'class="' . $this->class->toStr() . '"';
+ if($this->style->count(true)) $pairs[] = 'style="' . $this->style->toStr() . '"';
+
+ foreach($this->data as $name => $value)
+ {
+ /* Handle boolean attributes */
+ if(in_array($name, static::$booleanAttrs)) $value = $value ? true : NULL;
+
+ /* Skip any null value or events setting */
+ if($value === NULL || in_array($name, $skipProps) || $name[0] === '@') continue;
+
+ /* Convert non-string to json */
+ if($value === true && !str_starts_with($name, 'data-'))
+ {
+ $pairs[] = $name;
+ }
+ else
+ {
+ if(!is_string($value)) $value = json_encode($value);
+
+ $pairs[] = $name . '="' . htmlspecialchars($value) . '"';
+ }
+ }
+
+ return implode(' ', $pairs);
+ }
+
+ public function toJsonData()
+ {
+ $data = $this->data;
+ if(!empty($this->style->data)) $data['style'] = $this->style->data;
+ if(!empty($this->class->list)) $data['class'] = $this->class->toStr();
+ return $data;
+ }
+
+ public function skip($skipProps = array(), $skipFalse = false)
+ {
+ if(is_string($skipProps)) $skipProps = explode(',', $skipProps);
+
+ $data = $this->toJsonData();
+ if($skipFalse) $data = array_filter($data, function($v) {return $v !== false;});
+ foreach($data as $name => $value)
+ {
+ if($value === NULL || in_array($name, $skipProps)) unset($data[$name]);
+ }
+
+ return $data;
+ }
+
+ public function pick($pickProps = array())
+ {
+ if(is_string($pickProps)) $pickProps = explode(',', $pickProps);
+
+ $data = $this->toJsonData();
+ foreach($data as $name => $value)
+ {
+ if($value === NULL || !in_array($name, $pickProps)) unset($data[$name]);
+ }
+
+ return $data;
+ }
+
+ /**
+ * Clone a new instance
+ *
+ * @access public
+ * @return object
+ */
+ public function clone()
+ {
+ $props = new props($this->data);
+ $props->style = clone $this->style;
+ $props->class = clone $this->class;
+ return $props;
+ }
+
+ public static $booleanAttrs = ['allowfullscreen', 'async', 'autofocus', 'autoplay', 'checked', 'controls', 'default', 'defer', 'disabled', 'formnovalidate', 'inert', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nomodule', 'novalidate', 'open', 'playsinline', 'readonly', 'required', 'reversed', 'selected'];
+}
diff --git a/zin/core/render.func.php b/zin/core/render.func.php
new file mode 100644
index 0000000000..9c2f567a55
--- /dev/null
+++ b/zin/core/render.func.php
@@ -0,0 +1,44 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'zin.class.php';
+
+function render($wgName = 'page', $options = NULL)
+{
+ $args = [];
+ foreach(zin::$globalRenderList as $item)
+ {
+ if(is_object($item) && isset($item->parent) && $item->parent) continue;
+ $args[] = $item;
+ }
+
+ if(is_string($wgName) && isset(zin::$globalRenderMap[$wgName])) $wgName = zin::$globalRenderMap[$wgName];
+
+ if($wgName === 'page' || $wgName === 'pagebase') $args[] = set::display(false);
+
+ if($options === NULL)
+ {
+ if(isset($_SERVER['HTTP_X_ZIN_OPTIONS']) && !empty($_SERVER['HTTP_X_ZIN_OPTIONS']))
+ {
+ $setting = $_SERVER['HTTP_X_ZIN_OPTIONS'];
+ $options = $setting[0] === '{' ? json_decode($setting, true) : ['selector' => $setting];
+ }
+ }
+
+ global $app;
+ data('zinErrors', $app->zinErrors ?? []);
+
+ $wg = createWg($wgName, $args);
+ if($wgName !== 'page' && $wgName !== 'pagebase') $wg = fragment($wg);
+ $wg->display($options);
+}
diff --git a/zin/core/selector.func.php b/zin/core/selector.func.php
new file mode 100644
index 0000000000..408f610d8e
--- /dev/null
+++ b/zin/core/selector.func.php
@@ -0,0 +1,151 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+/**
+ * Parse wg selector
+ * @param string|object $selector
+ * @return object|null
+ */
+function parseWgSelector($selector)
+{
+ if(is_object($selector)) return $selector;
+
+ $selector = trim($selector);
+ $len = strlen($selector);
+
+ if($len < 1) return NULL;
+
+ $result = ['class' => [], 'id' => NULL, 'tag' => NULL, 'inner' => false, 'name' => NULL, 'first' => false, 'selector' => $selector];
+ if(str_contains($selector, '/'))
+ {
+ $parts = explode('/', $selector, 2);
+ $result['name'] = $parts[0];
+ $selector = $parts[1];
+ $len = strlen($selector);
+ }
+ $selector = str_replace('> *', '>*', $selector);
+ if(substr($selector, strlen($selector) - 2) == '>*')
+ {
+ $result['inner'] = true;
+ $selector = substr($selector, 0, strlen($selector) - 2);
+ $len = strlen($selector);
+ }
+
+ $type = 'tag';
+ $current = '';
+ $updateResult = function(&$result, $current, $type)
+ {
+ if(empty($current)) return;
+
+ if($type === 'class')
+ {
+ $result[$type][] = $current;
+ }
+ elseif($type === 'option')
+ {
+ $options = [];
+ parse_str($current, $options);
+ foreach($options as $key => $value) $result[$key] = empty($value) ? true : $value;
+ }
+ else
+ {
+ $result[$type] = $current;
+ }
+ };
+
+ for($i = 0; $i < $len; $i++)
+ {
+ $c = $selector[$i];
+ $t = '';
+
+ if($c === '#' & $type !== 'option')
+ {
+ $t = 'id';
+ }
+ elseif($c === '.' & $type !== 'option')
+ {
+ $t = 'class';
+ }
+ elseif($c === '(' && $type !== 'option' && str_ends_with($selector, ')'))
+ {
+ $command = substr($selector, $i + 1, -1);
+ if(empty($command)) $command = $current;
+ $result['command'] = $command;
+ break;
+ }
+ elseif($c === ':')
+ {
+ $t = 'option';
+ }
+
+ if(empty($t))
+ {
+ $current .= $c;
+ }
+ else
+ {
+ $updateResult($result, $current, $type);
+ $current = '';
+ $type = $t;
+ }
+ }
+ $updateResult($result, $current, $type);
+
+ if(empty($result['class'])) $result['class'] = NULL;
+ if(empty($result['name']))
+ {
+ if(!empty($result['id'])) $result['name'] = $result['id'];
+ elseif(!empty($result['tag'])) $result['name'] = $result['tag'];
+ else $result['name'] = $selector;
+ }
+
+ return (object)$result;
+}
+
+/**
+ * Parse wg selectors
+ * @param array|string|object $selectors
+ * @return array
+ */
+function parseWgSelectors($selectors)
+{
+ if(is_object($selectors)) return [$selectors];
+ if(is_string($selectors)) $selectors = explode(',', trim($selectors));
+ $results = [];
+ foreach($selectors as $selector)
+ {
+ $selector = parseWgSelector($selector);
+ if(is_object($selector)) $results[] = $selector;
+ }
+ return $results;
+}
+
+function stringifyWgSelectors($selector)
+{
+ if(empty($selector)) return '';
+ if(is_array($selector))
+ {
+ $result = [];
+ foreach($selector as $s) $result[] = stringifyWgSelectors($s);
+ return implode(',', $result);
+ }
+
+ $result = '';
+ if(!empty($selector->name) && $selector->name !== $selector->selector) $result .= $selector->name . '/';
+ if(!empty($selector->tag)) $result .= $selector->tag;
+ if(!empty($selector->id)) $result .= '#' . $selector->id;
+ if(!empty($selector->class)) $result .= '.' . implode('.', $selector->class);
+ if(!empty($selector->first)) $result .= ':first';
+ if($selector->inner) $result .= '>*';
+ return $result;
+}
diff --git a/zin/core/set.class.php b/zin/core/set.class.php
new file mode 100644
index 0000000000..db7d10f589
--- /dev/null
+++ b/zin/core/set.class.php
@@ -0,0 +1,30 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'directive.class.php';
+
+class set
+{
+ public static function __callStatic($prop, $args)
+ {
+ $value = array_shift($args);
+ if(is_object($value)) $value = (array)$value;
+ if($prop === '_' && is_array($value)) return directive('prop', $value);
+ return directive('prop', array($prop => $value));
+ }
+
+ public static function class(...$args)
+ {
+ return directive('prop', ['class' => $args]);
+ }
+}
diff --git a/zin/core/to.class.php b/zin/core/to.class.php
new file mode 100644
index 0000000000..b54f50ad44
--- /dev/null
+++ b/zin/core/to.class.php
@@ -0,0 +1,22 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'directive.class.php';
+
+class to
+{
+ public static function __callStatic($name, $args)
+ {
+ return directive('block', array($name => $args));
+ }
+}
diff --git a/zin/core/wg.class.php b/zin/core/wg.class.php
new file mode 100644
index 0000000000..cbb6409100
--- /dev/null
+++ b/zin/core/wg.class.php
@@ -0,0 +1,623 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'props.class.php';
+require_once 'directive.class.php';
+require_once 'zin.class.php';
+require_once 'context.class.php';
+require_once 'selector.func.php';
+require_once 'dom.class.php';
+
+class wg
+{
+ /**
+ * Define props for the element
+ *
+ * @todo @sunhao: Support for using string
+ * @var array|string
+ */
+ protected static $defineProps = NULL;
+
+ protected static $defaultProps = NULL;
+
+ protected static $defineBlocks = NULL;
+
+ protected static $wgToBlockMap = array();
+
+ protected static $definedPropsMap = array();
+
+ private static $gidSeed = 0;
+
+ private static $pageResources = array();
+
+ /**
+ * The props of the element
+ *
+ * @access public
+ * @var props
+ */
+ public $props;
+
+ public $blocks = array();
+
+ public $parent = NULL;
+
+ public $gid;
+
+ public $displayed = false;
+
+ protected $matchedPortals = NULL;
+
+ protected $renderOptions = NULL;
+
+ public function __construct(/* string|element|object|array|null ...$args */)
+ {
+ $this->props = new props();
+
+ $this->gid = self::nextGid();
+ $this->setDefaultProps(static::getDefaultProps());
+ $this->add(func_get_args());
+ $this->created();
+
+ zin::renderInGlobal($this);
+ static::checkPageResources();
+ }
+
+ public function __debugInfo()
+ {
+ return $this->toJsonData();
+ }
+
+ public function isDomElement()
+ {
+ return false;
+ }
+
+ /**
+ * Check if the element is match any of the selectors
+ * @param string|array|object $selectors
+ */
+ public function isMatch($selectors)
+ {
+ $list = parseWgSelectors($selectors);
+ foreach($list as $selector)
+ {
+ if(isset($selector->command)) continue;
+ if(!empty($selector->id) && $this->id() !== $selector->id) continue;
+ if(!empty($selector->tag) && $this->shortType() !== $selector->tag) continue;
+ if(!empty($selector->class) && !$this->props->class->has($selector->class)) continue;
+ return true;
+ }
+ return false;
+ }
+
+ protected function checkPortals()
+ {
+ $this->matchedPortals = array();
+ $portals = context::current()->getPortals();
+ foreach($portals as $portal)
+ {
+ if($this->isMatch($portal->prop('target'))) $this->matchedPortals[] = $portal->children();
+ }
+ }
+
+ protected function getPortals()
+ {
+ $portals = $this->matchedPortals;
+ $this->matchedPortals = NULL;
+ return $portals;
+ }
+
+ /**
+ * Build dom object
+ * @return dom
+ */
+ public function buildDom()
+ {
+ $this->checkPortals();
+
+ $before = $this->buildBefore();
+ $children = $this->build();
+ $after = $this->buildAfter();
+ $portals = $this->getPortals();
+ $options = $this->renderOptions;
+ $selectors = (!empty($options) && isset($options['selector'])) ? $options['selector'] : NULL;
+
+ return new dom
+ (
+ $this,
+ [$before, $children, $portals, $after],
+ $selectors,
+ (!empty($options) && isset($options['type'])) ? $options['type'] : 'html',
+ (!empty($options) && isset($options['data'])) ? $options['data'] : NULL,
+ );
+ }
+
+ /**
+ * Render widget to html
+ * @return string
+ */
+ public function render()
+ {
+ $dom = $this->buildDom();
+ $html = $dom->render();
+
+ context::destroy($this->gid);
+
+ return $html;
+ }
+
+ public function display($options = [])
+ {
+ zin::disableGlobalRender();
+
+ $this->renderOptions = $options;
+
+ echo $this->render();
+
+ $this->displayed = true;
+ return $this;
+ }
+
+ protected function created() {}
+
+ protected function buildBefore()
+ {
+ return $this->block('before');
+ }
+
+ protected function buildAfter()
+ {
+ return $this->block('after');
+ }
+
+ protected function build()
+ {
+ return $this->children();
+ }
+
+ protected function onAddBlock($child, $name)
+ {
+ return $child;
+ }
+
+ protected function onAddChild($child)
+ {
+ return $child;
+ }
+
+ protected function onSetProp($prop, $value)
+ {
+ if($prop === 'id' && $value === '$GID') $value = $this->gid;
+ $this->props->set($prop, $value);
+ }
+
+ protected function onGetProp($prop, $defaultValue)
+ {
+ return $this->props->get($prop, $defaultValue);
+ }
+
+ public function add($item, $blockName = 'children')
+ {
+ if($item === NULL || is_bool($item)) return $this;
+
+ if(is_array($item))
+ {
+ foreach($item as $child) $this->add($child, $blockName);
+ return $this;
+ }
+
+ zin::disableGlobalRender();
+
+ if($item instanceof wg) $this->addToBlock($blockName, $item);
+ elseif(is_string($item)) $this->addToBlock($blockName, htmlentities($item));
+ elseif(isDirective($item)) $this->directive($item, $blockName);
+ else $this->addToBlock($blockName, htmlentities(strval($item)));
+
+ zin::enableGlobalRender();
+
+ return $this;
+ }
+
+ public function addToBlock($name, $child = NULL)
+ {
+ if(is_array($name))
+ {
+ foreach($name as $blockName => $blockChildren)
+ {
+ $this->addToBlock($blockName, $blockChildren);
+ }
+ return;
+ }
+ if(is_array($child))
+ {
+ foreach($child as $blockChild)
+ {
+ $this->addToBlock($name, $blockChild);
+ }
+ return;
+ }
+
+ if($child instanceof wg && empty($child->parent)) $child->parent = &$this;
+ if($child instanceof wg && $child->type() === 'zin\portal') return;
+
+ if($name === 'children' && $child instanceof wg)
+ {
+ $blockName = static::getBlockNameForWg($child);
+ if($blockName !== NULL) $name = $blockName;
+ }
+
+ $result = $name === 'children' ? $this->onAddChild($child) : $this->onAddBlock($child, $name);
+
+ if($result === false) return;
+ if($result !== NULL && $result !== true) $child = $result;
+
+ if(isset($this->blocks[$name])) $this->blocks[$name][] = $child;
+ else $this->blocks[$name] = array($child);
+ }
+
+ public function children()
+ {
+ return $this->block('children');
+ }
+
+ public function block($name)
+ {
+ return isset($this->blocks[$name]) ? $this->blocks[$name] : array();
+ }
+
+ public function hasBlock($name)
+ {
+ return isset($this->blocks[$name]);
+ }
+
+ /**
+ * Apply directive
+ * @param object $directive
+ */
+ public function directive(&$directive, $blockName)
+ {
+ $data = $directive->data;
+ $type = $directive->type;
+ $directive->parent = &$this;
+
+ if($type === 'prop')
+ {
+ $this->setProp($data);
+ return;
+ }
+ if($type === 'class' || $type === 'style')
+ {
+ $this->setProp($type, $data);
+ return;
+ }
+ if($type === 'cssVar')
+ {
+ $this->setProp('--', $data);
+ return;
+ }
+ if($type === 'html')
+ {
+ $this->addToBlock($blockName, $directive);
+ return;
+ }
+ if($type === 'text')
+ {
+ $this->addToBlock($blockName, htmlspecialchars($data));
+ return;
+ }
+ if($type === 'block')
+ {
+ foreach($data as $blockName => $blockChildren)
+ {
+ $this->add($blockChildren, $blockName);
+ }
+ return;
+ }
+ }
+
+ public function prop($name, $defaultValue = NULL)
+ {
+ if(is_array($name))
+ {
+ $values = array();
+ foreach($name as $index => $propName)
+ {
+ $values[] = $this->onGetProp($propName, is_array($defaultValue) ? (isset($defaultValue[$propName]) ? $defaultValue[$propName] : $defaultValue[$index]) : $defaultValue);
+ }
+ return $values;
+ }
+
+ return $this->onGetProp($name, $defaultValue);
+ }
+
+ /**
+ * Set property, an array can be passed to set multiple properties
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ * @return dataset
+ */
+ public function setProp($prop, $value = NULL)
+ {
+ if($prop instanceof props) $prop = $prop->toJsonData();
+
+ if(is_array($prop))
+ {
+ foreach($prop as $name => $value) $this->setProp($name, $value);
+ return $this;
+ }
+
+ if(!is_string($prop) || empty($prop)) return $this;
+
+ if($prop[0] === '#')
+ {
+ $this->add($value, substr($prop, 1));
+ return;
+ }
+
+ $this->onSetProp($prop, $value);
+ return $this;
+ }
+
+ public function hasProp()
+ {
+ $names = func_get_args();
+ if(empty($names)) return false;
+ foreach ($names as $name) if(!$this->props->has($name)) return false;
+ return true;
+ }
+
+ public function setDefaultProps($props)
+ {
+ if(!is_array($props) || empty($props)) return;
+
+ foreach($props as $name => $value)
+ {
+ if($this->props->has($name)) continue;
+ $this->setProp($name, $value);
+ }
+ }
+
+ public function getRestProps()
+ {
+ return $this->props->skip(array_keys(static::getDefinedProps()));
+ }
+
+ public function type()
+ {
+ return get_called_class();
+ }
+
+ public function shortType()
+ {
+ $type = $this->type();
+ $pos = strrpos($type, '\\');
+ return $pos === false ? $type : substr($type, $pos + 1);
+ }
+
+ public function id()
+ {
+ return $this->prop('id');
+ }
+
+ public function toJsonData()
+ {
+ $data = array();
+ $data['gid'] = $this->gid;
+ $data['props'] = $this->props->toJsonData();
+
+ $data['type'] = $this->type();
+ if(str_starts_with($data['type'], 'zin\\')) $data['type'] = substr($data['type'], 4);
+
+ $data['blocks'] = array();
+ foreach($this->blocks as $key => $value)
+ {
+ foreach($value as $index => $child)
+ {
+ if($child instanceof wg || (is_object($child) && method_exists($child, 'toJsonData')))
+ {
+ $value[$index] = $child->toJsonData();
+ }
+ elseif(isDirective($child, 'html'))
+ {
+ $value[$index] = $child->data;
+ }
+ }
+ if($key === 'children')
+ {
+ unset($data['blocks'][$key]);
+ $data['children'] = $value;
+ }
+ else
+ {
+ $data['blocks'][$key] = $value;
+ }
+ }
+
+ if(empty($data['blocks'])) unset($data['blocks']);
+
+ if(!empty($this->parent)) $data['parent'] = $this->parent->gid;
+
+ return $data;
+ }
+
+ protected static function getDefaultProps()
+ {
+ $defaultProps = array();
+ foreach(static::getDefinedProps() as $name => $definition)
+ {
+ if(!isset($definition['default'])) continue;
+ $defaultProps[$name] = $definition['default'];
+ }
+ return $defaultProps;
+ }
+
+ public static function getPageCSS() {}
+
+ public static function getPageJS() {}
+
+ protected static function checkPageResources()
+ {
+ $name = get_called_class();
+ if(isset(static::$pageResources[$name])) return;
+
+ static::$pageResources[$name] = true;
+
+ $pageCSS = static::getPageCSS();
+ $pageJS = static::getPageJS();
+
+ if(!empty($pageCSS)) context::css($pageCSS);
+ if(!empty($pageJS)) context::js($pageJS);
+ }
+
+ public static function wgBlockMap()
+ {
+ $wgName = get_called_class();
+ if(!isset(wg::$wgToBlockMap[$wgName]))
+ {
+ $wgBlockMap = array();
+ if(isset(static::$defineBlocks))
+ {
+ foreach(static::$defineBlocks as $blockName => $setting)
+ {
+ if(!isset($setting['map'])) continue;
+ $map = $setting['map'];
+ if(is_string($map)) $map = explode(',', $map);
+ foreach($map as $name) $wgBlockMap[$name] = $blockName;
+ }
+ }
+ wg::$wgToBlockMap[$wgName] = $wgBlockMap;
+ }
+ return wg::$wgToBlockMap[$wgName];
+ }
+
+ public static function getBlockNameForWg($wg)
+ {
+ $wgType = ($wg instanceof wg) ? $wg->type() : $wg;
+ $wgBlockMap = static::wgBlockMap();
+ if(str_starts_with($wgType, 'zin\\')) $wgType = substr($wgType, 4);
+ return isset($wgBlockMap[$wgType]) ? $wgBlockMap[$wgType] : NULL;
+ }
+
+ public static function nextGid()
+ {
+ return 'zin' . (++static::$gidSeed);
+ }
+
+ protected static function getDefinedProps($name = NULL)
+ {
+ if($name === NULL) $name = get_called_class();
+
+ if(!isset(wg::$definedPropsMap[$name]) && $name === get_called_class())
+ {
+ wg::$definedPropsMap[$name] = static::parsePropsDefinition(static::$defineProps);
+ }
+ return wg::$definedPropsMap[$name];
+ }
+
+ /**
+ * Parse props definition
+ * @param $definition
+ * @example
+ *
+ * $definition = 'name,desc:string,title?:string|element,icon?:string="star"'
+ * $definition = array('name', 'desc:string', 'title?:string|element', 'icon?:string="star"');
+ * $definition = array('name' => 'mixed', 'desc' => 'string', 'title' => array('type' => 'string|element', 'optional' => true), 'icon' => array('type' => 'string', 'default' => 'star', 'optional' => true))))
+ */
+ private static function parsePropsDefinition($definition)
+ {
+ $parentClass = get_parent_class(get_called_class());
+ $props = $parentClass ? call_user_func("$parentClass::getDefinedProps") : array();
+
+ if((!is_array($definition) && !is_string($definition)) || ($parentClass && $definition === $parentClass::$defineProps))
+ {
+ if(static::$defaultProps && static::$defaultProps !== $parentClass::$defaultProps)
+ {
+ foreach($props as $name => $value)
+ {
+ if(is_array(static::$defaultProps) && isset(static::$defaultProps[$name]))
+ {
+ $value['default'] = static::$defaultProps[$name];
+ $props[$name] = $value;
+ }
+ }
+ }
+ return $props;
+ }
+
+ if(is_string($definition)) $definition = explode(',', $definition);
+
+ foreach($definition as $name => $value)
+ {
+ $optional = false;
+ $type = 'mixed';
+ $default = (isset($props[$name]) && isset($props[$name]['default'])) ? $props[$name]['default'] : NULL;
+
+ if(is_int($name) && is_string($value))
+ {
+ $value = trim($value);
+ if(!str_contains($value, ':'))
+ {
+ $name = $value;
+ $value = '';
+ }
+ else
+ {
+ list($name, $value) = explode(':', $value, 2);
+ }
+ $name = trim($name);
+ if($name[strlen($name) - 1] === '?')
+ {
+ $name = substr($name, 0, strlen($name) - 1);
+ $optional = true;
+ }
+ }
+
+ if(is_array($value))
+ {
+ $type = isset($value['type']) ? $value['type'] : $type;
+ $default = isset($value['default']) ? $value['default'] : $default;
+ $optional = isset($value['optional'])? $value['optional']: $optional;
+ }
+ else if(is_string($value))
+ {
+ if(!str_contains($value, '='))
+ {
+ $type = $value;
+ $default = NULL;
+ }
+ else
+ {
+ list($type, $default) = explode('=', $value, 2);
+ }
+ $type = trim($type);
+
+ if(is_string($default)) $default = json_decode(trim($default));
+ }
+
+ $props[$name] = array('type' => empty($type) ? 'mixed' : $type, 'default' => $default, 'optional' => $default !== NULL || $optional);
+ }
+
+ if(static::$defaultProps && (!$parentClass || static::$defaultProps !== $parentClass::$defaultProps))
+ {
+ foreach(static::$defaultProps as $name => $value)
+ {
+ if(!isset($props[$name])) continue;
+ $props[$name]['default'] = $value;
+ }
+ }
+ return $props;
+ }
+}
diff --git a/zin/core/wg.func.php b/zin/core/wg.func.php
new file mode 100644
index 0000000000..8a91e60fbc
--- /dev/null
+++ b/zin/core/wg.func.php
@@ -0,0 +1,170 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'flat.func.php';
+require_once 'props.class.php';
+require_once 'directive.class.php';
+require_once 'wg.class.php';
+require_once 'context.func.php';
+
+function set($name, $value = NULL)
+{
+ if($name === NULL) return NULL;
+
+ $props = null;
+ if($name instanceof props) $props = $name;
+ else if(is_array($name)) $props = $name;
+ else if(is_object($name)) $props = (array)$name;
+ else if(is_string($name)) $props = array($name => $value);
+ if($props) return directive('prop', $props);
+}
+
+function prop($name, $value = NULL)
+{
+ return set($name, $value);
+}
+
+function setClass()
+{
+ return directive('class', func_get_args());
+}
+
+function setStyle($name, $value = NULL)
+{
+ return directive('style', is_array($name) ? $name : array($name => $value));
+}
+
+function setCssVar($name, $value = NULL)
+{
+ return directive('cssVar', is_array($name) ? $name : array($name => $value));
+}
+
+function setId($id)
+{
+ return prop('id', $id);
+}
+
+function setTag($id)
+{
+ return prop('tagName', $id);
+}
+
+function on($name, $handler, $options = NULL)
+{
+ if(is_string($options) && is_string($handler))
+ {
+ $options = array('selector' => $handler, 'handler' => $options);
+ }
+ elseif(is_bool($options))
+ {
+ $options = array('capture' => $options, 'handler' => $handler);
+ }
+ elseif(is_array($options))
+ {
+ $options['handler'] = $handler;
+ }
+ else
+ {
+ $options = array('handler' => $handler);
+ }
+ if(str_contains($name, '__'))
+ {
+ list($name, $flags) = explode('__', $name);
+ if(str_contains($flags, 'capture')) $options['capture'] = true;
+ if(str_contains($flags, 'stop')) $options['stop'] = true;
+ if(str_contains($flags, 'prevent')) $options['prevent'] = true;
+ if(str_contains($flags, 'self')) $options['self'] = true;
+ }
+ return set("@$name", (object)$options);
+}
+
+function html(/* string ...$lines */)
+{
+ return directive('html', implode("\n", \zin\utils\flat(func_get_args())));
+}
+
+function text(/* string ...$lines */)
+{
+ return directive('text', implode("\n", \zin\utils\flat(func_get_args())));
+}
+
+function block($name, $value = NULL)
+{
+ return directive('block', is_array($name) ? $name : array($name => $value));
+}
+
+function to($name, $value = NULL)
+{
+ return block($name, $value);
+}
+
+function before()
+{
+ return directive('block', array('before' => func_get_args()));
+}
+
+function after()
+{
+ return directive('block', array('after' => func_get_args()));
+}
+
+function inherit($item)
+{
+ if(!($item instanceof wg)) $item = new wg($item);
+ return array(set($item->props), $item->children());
+}
+
+function divorce($item)
+{
+ if($item instanceof wg)
+ {
+ $item->parent = NULL;
+ }
+ else if(is_array($item))
+ {
+ foreach($item as $i) divorce($i);
+ }
+ return $item;
+}
+
+function hasWgInList($items, $type)
+{
+ if(!is_array($items)) $items = array($items);
+ foreach($items as $item)
+ {
+ if($item instanceof wg && $item->type() == $type) return true;
+ }
+ return false;
+}
+
+function groupWgInList($items, $types)
+{
+ if(is_string($types)) $types = explode(',', $types);
+ $typesMap = array();
+ $restList = array();
+
+ foreach($types as $type) $typesMap[$type] = array();
+
+ foreach($items as $item)
+ {
+ if(!($item instanceof wg)) continue;
+
+ $type = $item->shortType();
+ if(isset($typesMap[$type])) $typesMap[$type][] = $item;
+ else $restList[] = $item;
+ }
+
+ $groups = array();
+ foreach($types as $index => $type) $groups[] = $typesMap[$type];
+ $groups[] = $restList;
+ return $groups;
+}
diff --git a/zin/core/zin.class.php b/zin/core/zin.class.php
new file mode 100644
index 0000000000..61cb210a55
--- /dev/null
+++ b/zin/core/zin.class.php
@@ -0,0 +1,52 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'utils' . DS . 'deep.func.php';
+
+class zin
+{
+ public static $globalRenderList = array();
+
+ public static $enabledGlobalRender = true;
+
+ public static $globalRenderMap = array();
+
+ public static $data = array();
+
+ public static function getData($namePath, $defaultValue = NULL)
+ {
+ return \zin\utils\deepGet(self::$data, $namePath, $defaultValue);
+ }
+
+ public static function setData($namePath, $value)
+ {
+ \zin\utils\deepSet(self::$data, $namePath, $value);
+ }
+
+ public static function enableGlobalRender()
+ {
+ self::$enabledGlobalRender = true;
+ }
+
+ public static function disableGlobalRender()
+ {
+ self::$enabledGlobalRender = false;
+ }
+
+ public static function renderInGlobal()
+ {
+ if(!self::$enabledGlobalRender) return false;
+
+ self::$globalRenderList = array_merge(self::$globalRenderList, func_get_args());
+ }
+}
diff --git a/zin/func.php b/zin/func.php
new file mode 100644
index 0000000000..514b01b4d1
--- /dev/null
+++ b/zin/func.php
@@ -0,0 +1,84 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once __DIR__ . DS . 'core' . DS . 'h.func.php';
+require_once __DIR__ . DS . 'core' . DS . 'render.func.php';
+require_once __DIR__ . DS . 'zui' . DS . 'zui.func.php';
+require_once __DIR__ . DS . 'zentao' . DS . 'zentao.func.php';
+
+/* Form */
+function input() {return createWg('input', func_get_args());}
+function textarea() {return createWg('textarea', func_get_args());}
+function radio() {return createWg('radio', func_get_args());}
+function switcher() {return createWg('switcher', func_get_args());}
+function checkbox() {return createWg('checkbox', func_get_args());}
+function form() {return createWg('form', func_get_args());}
+function formPanel() {return createWg('formPanel', func_get_args());}
+function control() {return createWg('control', func_get_args());}
+function select() {return createWg('select', func_get_args());}
+function formLabel() {return createWg('formLabel', func_get_args());}
+function formGroup() {return createWg('formGroup', func_get_args());}
+function formRow() {return createWg('formRow', func_get_args());}
+function inputControl() {return createWg('inputControl', func_get_args());}
+function inputGroup() {return createWg('inputGroup', func_get_args());}
+function checkList() {return createWg('checkList', func_get_args());}
+function radioList() {return createWg('radioList', func_get_args());}
+function colorPicker() {return createWg('colorPicker', func_get_args());}
+function datePicker() {return createWg('datePicker', func_get_args());}
+function datetimePicker() {return createWg('datetimePicker', func_get_args());}
+function timePicker() {return createWg('timePicker', func_get_args());}
+function fileInput() {return createWg('fileInput', func_get_args());}
+
+function icon() {return createWg('icon', func_get_args());}
+function btn() {return createWg('btn', func_get_args());}
+function pageBase() {return createWg('pageBase', func_get_args());}
+function page() {return createWg('page', func_get_args());}
+function fragment() {return createWg('fragment', func_get_args());}
+function btnGroup() {return createWg('btnGroup', func_get_args());}
+function mainMenu() {return createWg('mainMenu', func_get_args());}
+function row() {return createWg('row', func_get_args());}
+function col() {return createWg('col', func_get_args());}
+function column() {return createWg('column', func_get_args());}
+function center() {return createWg('center', func_get_args());}
+function cell() {return createWg('cell', func_get_args());}
+function actionItem() {return createWg('actionItem', func_get_args());}
+function nav() {return createWg('nav', func_get_args());}
+function label() {return createWg('label', func_get_args());}
+function dtable() {return createWg('dtable', func_get_args());}
+function menu() {return createWg('menu', func_get_args());}
+function dropdown() {return createWg('dropdown', func_get_args());}
+function header() {return createWg('header', func_get_args());}
+function heading() {return createWg('heading', func_get_args());}
+function navbar() {return createWg('navbar', func_get_args());}
+function main() {return createWg('main', func_get_args());}
+function sidebar() {return createWg('sidebar', func_get_args());}
+function featureBar() {return createWg('featureBar', func_get_args());}
+function pageHeading() {return createWg('pageHeading', func_get_args());}
+function pageNavbar() {return createWg('pageNavbar', func_get_args());}
+function pageToolbar() {return createWg('pageToolbar', func_get_args());}
+function avatar() {return createWg('avatar', func_get_args());}
+function userAvatar() {return createWg('userAvatar', func_get_args());}
+function pager() {return createWg('pager', func_get_args());}
+function modal() {return createWg('modal', func_get_args());}
+function modalTrigger(){return createWg('modalTrigger', func_get_args());}
+function modalDialog() {return createWg('modalDialog', func_get_args());}
+function tabs() {return createWg('tabs', func_get_args());}
+function panel() {return createWg('panel', func_get_args());}
+function tooltip() {return createWg('tooltip', func_get_args());}
+function toolbar() {return createWg('toolbar', func_get_args());}
+function searchForm() {return createWg('searchForm', func_get_args());}
+function searchToggle(){return createWg('searchToggle', func_get_args());}
+function programMenu() {return createWg('programMenu', func_get_args());}
+function moduleMenu() {return createWg('moduleMenu', func_get_args());}
+function assigntoDialog() {return createWg('assigntoDialog', func_get_args());}
+function historyRecord() {return createWg('historyRecord', func_get_args());}
diff --git a/zin/helper.php b/zin/helper.php
new file mode 100755
index 0000000000..5296c973f5
--- /dev/null
+++ b/zin/helper.php
@@ -0,0 +1,97 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'config.php';
+
+function setWgVer($ver, $names = NULL)
+{
+ global $config;
+ $zinConfig = $config->zin;
+
+ if(is_string($names)) $names = explode(',', $names);
+ if(!is_array($names)) return;
+
+ foreach($names as $name)
+ {
+ $name = trim($name);
+ if(!empty($name)) continue;
+
+ $zinConfig->wgVerMap[$name] = $ver;
+ }
+}
+
+function getWgVer($name)
+{
+ global $config;
+
+ return isset($config->zin->verMap[$name]) ? $config->zin->verMap[$name] : $config->zin->wgVer;
+}
+
+function createWg($name, $args)
+{
+ global $app;
+
+ $name = strtolower($name);
+ $wgVer = getWgVer($name);
+
+ include_once $app->getBasePath() . 'zin' . DS . 'wg' . DS . $name . DS . "v$wgVer.php";
+
+ $wgName = "\\zin\\$name";
+
+ return class_exists($wgName) ? (new $wgName($args)) : $wgName($args);
+}
+
+if(!function_exists('str_contains'))
+{
+ /**
+ * Determine if a string contains a given substring
+ *
+ * @param string $haystack
+ * @param string $needle
+ * @return bool
+ */
+ function str_contains($haystack, $needle)
+ {
+ return strpos($haystack, $needle) !== false;
+ }
+}
+
+if(!function_exists('str_starts_with'))
+{
+ /**
+ * Checks if a string starts with a given substring
+ *
+ * @param string $haystack
+ * @param string $needle
+ * @return bool
+ */
+ function str_starts_with($haystack, $needle)
+ {
+ return strpos($haystack, $needle) === 0;
+ }
+}
+
+if(!function_exists('str_ends_with'))
+{
+ /**
+ * Checks if a string starts with a given substring
+ *
+ * @param string $haystack
+ * @param string $needle
+ * @return bool
+ */
+ function str_ends_with($haystack, $needle)
+ {
+ return strpos($haystack, $needle) === strlen($haystack) - 1;
+ }
+}
diff --git a/zin/utils/classlist.class.php b/zin/utils/classlist.class.php
new file mode 100755
index 0000000000..e399988285
--- /dev/null
+++ b/zin/utils/classlist.class.php
@@ -0,0 +1,313 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+/**
+ * Manage classname list for html element and widgets
+ */
+class classlist
+{
+ /**
+ * Store classname list, key => value
+ *
+ * @access public
+ * @var array
+ */
+ public $list = array();
+
+ /**
+ * Create classname instance
+ *
+ * @access public
+ * @param array ...$list - A string or a class name list
+ */
+ public function __construct(/* ...$list */)
+ {
+ $list = func_get_args();
+ if(!empty($list)) $this->set($list);
+ }
+
+ /**
+ * Convert classnames to string
+ *
+ * @access public
+ * @return string
+ */
+ public function __toString()
+ {
+ return $this->toStr();
+ }
+
+ /**
+ * Override __invoke
+ *
+ * Example:
+ *
+ * $classlist = classlist::create('btn primary');
+ * echo $classlist(); // Output: "btn primary"
+ *
+ * @access public
+ * @param array $list - Class name list
+ * @return string
+ */
+ public function __invoke()
+ {
+ $list = func_get_args();
+ if(empty($list)) return $this->toStr();
+ return $this->set($list);
+ }
+
+ /**
+ * Override __call to invoke toggle method conveniently
+ *
+ * Example:
+ *
+ * $classlist = classlist::new();
+ *
+ * // Add "primary" class
+ * $classlist->primary();
+ *
+ * // Remove "primary" class
+ * $classlist->primary(false);
+ *
+ * @access public
+ * @return classlist
+ */
+ public function __call($name, $args)
+ {
+ return $this->toggle($name, !count($args) || $args[0]);
+ }
+
+ /**
+ * Create classname instance
+ *
+ * Example:
+ *
+ * // Set class names
+ * $classlist = new classlist();
+ * $classlist->set('btn primary rounded');
+ *
+ * // Set multiple classnames by string list
+ * $classlist->set(array('btn', 'primary', 'rounded'));
+ *
+ * // Set multiple classnames by a mapped array
+ * $classlist->set(array('btn' => true, 'primary' => true, 'rounded' => $isRounded));
+ *
+ * @access public
+ * @param string|array $list - A string or a class name list
+ * @param bool $reset
+ * @return classlist
+ */
+ public function set($list, $reset = false)
+ {
+ if(is_string($list)) $list = explode(' ', $list);
+
+ if(is_array($list))
+ {
+ if($reset) $this->list = array();
+
+ $expectedKey = 0;
+ foreach($list as $index => $value)
+ {
+ if(is_array($value))
+ {
+ $this->set($value);
+ continue;
+ }
+
+ /* If $index is expected numberic key and the $value is string, then use the $value as the name */
+ if($expectedKey === $index && is_string($value))
+ {
+ $value = trim($value);
+ if(strlen($value) > 0) $this->list[$value] = true;
+ }
+ /* If index is string, then set $index as name */
+ else if(is_string($index))
+ {
+ $index = trim($index);
+ if(strlen($index) === 0) continue;
+
+ $this->list[$index] = boolval($value);
+ }
+ $expectedKey++;
+ }
+ }
+
+ return $this;
+ }
+
+ /**
+ * Add classnames
+ *
+ * Example:
+ *
+ * $classlist = new classlist();
+ * $classlist->add('btn primary rounded');
+ *
+ * // Add multiple classnames by string list
+ * $classlist->add('btn', 'primary', 'rounded');
+ *
+ * @access public
+ * @param array ...$list - classname string joined by space or string array
+ * @return classlist
+ */
+ public function add(/* ...$list */)
+ {
+ return $this->set(func_get_args());
+ }
+
+ /**
+ * Remove classnames
+ *
+ * Example:
+ *
+ * $classlist = new classlist('btn primary rounded');
+ * $classlist->remove('btn primary');
+ *
+ * // Add multiple classnames by string list
+ * $classlist->remove('btn', 'primary');
+ *
+ * @access public
+ * @param array|string $list - classname string joined by space or string array
+ * @return classlist
+ */
+ public function remove($list)
+ {
+ if(is_string($list)) $list = explode(' ', $list);
+
+ foreach($list as $name)
+ {
+ if(!is_string($name)) continue;
+ $name = trim($name);
+ if(!strlen($name)) continue;
+
+ $this->list[$name] = false;
+ }
+ return $this;
+ }
+
+ /**
+ * Toggle classname
+ *
+ * Example:
+ *
+ * $classlist = new classlist('btn');
+ * $classlist->toggle('btn'); // class list is ""
+ *
+ * // Toggle class name by flag
+ * $classlist->toggle('primary', true); // class list is "primary"
+ *
+ * @access public
+ * @param string $name - classname string
+ * @return classlist
+ */
+ public function toggle($name, $toggle = NULL)
+ {
+ $name = trim($name);
+ if(strlen($name))
+ {
+ if($toggle === NULL) $toggle = !$this->has($name);
+ $this->list[$name] = $toggle;
+ }
+ return $this;
+ }
+
+ /**
+ * Check whether has specific class name
+ *
+ * Example:
+ *
+ * $classlist = new classlist('btn primary rounded');
+ * echo $classlist->has('btn'); // Output true
+ *
+ * // Check multiple names
+ * echo $classlist->has('btn primary'); // Output true
+ */
+ public function has($list)
+ {
+ if(is_string($list)) $list = explode(' ', $list);
+
+ foreach($list as $name)
+ {
+ if(!is_string($name)) continue;
+ $name = trim($name);
+ if(!strlen($name)) continue;
+
+ if(!isset($this->list[$name]) || !$this->list[$name]) return false;
+ }
+ return true;
+ }
+
+ public function clear()
+ {
+ $this->list = array();
+ }
+
+ /**
+ * Convert classnames to string
+ *
+ * @access public
+ * @return string
+ */
+ public function toStr()
+ {
+ $names = array();
+ foreach($this->list as $name => $toggle)
+ {
+ if(!$toggle) continue;
+
+ $name = trim($name);
+ if(!strlen($name)) continue;
+
+ $names[] = str_replace('.', '.\\', $name);
+ }
+ return implode(' ', $names);
+ }
+
+ /**
+ * Get class names count
+ *
+ * @access public
+ * @return int
+ */
+ public function count()
+ {
+ return count($this->list);
+ }
+
+ /**
+ * Create an classlist instance
+ *
+ * @param string|array $names - A string or a class name list
+ * @return classlist
+ */
+ static public function new($names = NULL)
+ {
+ return (new classlist($names));
+ }
+
+ /**
+ * Stringify class list
+ *
+ * @param string|array $names - A string or a class name list
+ * @return string
+ */
+ static public function str($names)
+ {
+ return (new classlist($names))->toStr();
+ }
+
+ public function toJSON()
+ {
+ return $this->list;
+ }
+}
diff --git a/zin/utils/data.class.php b/zin/utils/data.class.php
new file mode 100644
index 0000000000..aa85246f8c
--- /dev/null
+++ b/zin/utils/data.class.php
@@ -0,0 +1,83 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+require_once 'dataset.class.php';
+
+/**
+ * Manage data for html element and widgets
+ */
+class data extends dataset
+{
+ public function __constructor()
+ {
+ $list = func_get_args();
+
+ foreach($list as $data) $this->set($data);
+ }
+
+ /**
+ * Method for sub class to modify value on setting it
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ * @param bool $removeEmpty - Whether to remove empty value
+ * @return dataset
+ */
+ protected function setVal($prop, $value, $removeEmpty = false)
+ {
+ if($prop[0] === '$') $prop = substr($prop, 1);
+
+ if($value === NULL || ($removeEmpty && empty($value))) return $this->remove($prop);
+
+ $names = explode('.', $prop);
+ $lastName = array_pop($names);
+ $data = &$this->data;
+ if(!empty($names))
+ {
+ foreach($names as $name)
+ {
+ if(!is_array($data))
+ {
+ return $this;
+ }
+
+ if(!isset($data[$name])) $data[$name] = array();
+ $data = &$data[$name];
+ }
+ }
+
+ if($value === NULL || ($removeEmpty && empty($value)))
+ {
+ if(isset($data[$lastName])) unset($data[$lastName]);
+ return $this;
+ }
+
+ $data[$lastName] = $value;
+ return $this;
+ }
+
+ protected function getVal($prop)
+ {
+ if($prop[0] === '$') $prop = substr($prop, 1);
+
+ $names = explode('.', $prop);
+ $data = &$this->data;
+ foreach($names as $name)
+ {
+ if(!is_array($data)) return NULL;
+ $data = &$data[$name];
+ }
+ return $data;
+ }
+}
diff --git a/zin/utils/dataset.class.php b/zin/utils/dataset.class.php
new file mode 100755
index 0000000000..ec20d5ec7e
--- /dev/null
+++ b/zin/utils/dataset.class.php
@@ -0,0 +1,288 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+/**
+ * Manage dataset properties for html element and widgets
+ */
+class dataset
+{
+ /**
+ * Store dataset properties list in an array
+ *
+ * @var array
+ * @access public
+ */
+ public $data = array();
+
+ /**
+ * Create an instance, the initialed data can be passed
+ *
+ * @access public
+ * @param array $data - Properties list array
+ */
+ public function __construct($data = NULL)
+ {
+ if($data !== NULL) $this->set($data);
+ }
+
+ /**
+ * Override __set
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @param mixed $value - Property value
+ * @return void
+ */
+ public function __set($name, $value)
+ {
+ $this->set($name, $value);
+ }
+
+ /**
+ * Override __get
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @return mixed
+ */
+ public function __get($name)
+ {
+ $this->get($name);
+ }
+
+ /**
+ * Override __isset
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @return bool
+ */
+ public function __isset($name)
+ {
+ return $this->has($name);
+ }
+
+ /**
+ * Override __unset
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @return void
+ */
+ public function __unset($name)
+ {
+ $this->remove($name);
+ }
+
+ /**
+ * Convert dataset to json string
+ *
+ * @access public
+ * @return string
+ */
+ public function __toString()
+ {
+ return $this->toStr();
+ }
+
+ /**
+ * Override __invoke
+ *
+ * @access public
+ * @return string
+ */
+ public function __invoke($name = NULL, $value = NULL)
+ {
+ if($value !== NULL || is_array($name)) return $this->set($name, $value);
+ if(is_string($name)) return $this->get($name);
+
+ return $this->toStr();
+ }
+
+ /**
+ * Override __call for setting property conveniently
+ *
+ * Example:
+ *
+ * $dataset = dataset::new();
+ *
+ * // Set color property
+ * $dataset->color('red');
+ *
+ * // Get color property
+ * echo $dataset->color(); // Output "Red"
+ *
+ * @access public
+ * @return mixed
+ */
+ public function __call($name, $args)
+ {
+ if(count($args)) return $this->set($name, $args[0]);
+
+ return $this->get($name);
+ }
+
+ /**
+ * Method for sub class to modify value on setting it
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ * @return dataset
+ */
+ protected function setVal($prop, $value)
+ {
+ $this->data[$prop] = $value;
+ return $this;
+ }
+
+ protected function getVal($prop)
+ {
+ return isset($this->data[$prop]) ? $this->data[$prop] : NULL;
+ }
+
+ /**
+ * Get properties count
+ *
+ * @access public
+ * @param bool $skipEmpty - Whether to skip to count empty value
+ * @return int
+ */
+ public function count($skipEmpty = false)
+ {
+ if(!$skipEmpty) return count($this->data);
+
+ $count = 0;
+ foreach($this->data as $value)
+ {
+ if(!empty($value)) $count++;
+ }
+ return $count;
+ }
+
+ /**
+ * Convert dataset to json string
+ *
+ * @access public
+ * @return string
+ */
+ public function toStr()
+ {
+ return json_encode($this->toJsonData());
+ }
+
+ public function toJsonData() {
+ return $this->data;
+ }
+
+ /**
+ * Set property, an array can be passed to set multiple properties
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ * @param bool $removeEmpty - Whether to remove empty value
+ * @return dataset
+ */
+ public function set($prop, $value = NULL)
+ {
+ if(is_array($prop))
+ {
+ foreach($prop as $name => $val) $this->set($name, $val);
+ return $this;
+ }
+
+ $value = $this->setVal($prop, $value);
+ return $this;
+ }
+
+ /**
+ * Get property value by name
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @param mixed $defaultValue - Optional default value if actual value is null
+ * @return mixed
+ */
+ public function get($prop, $defaultValue = NULL)
+ {
+ $val = $this->getVal($prop);
+ return $val === NULL ? $defaultValue : $val;
+ }
+
+ public function addToList($prop, $values)
+ {
+ if(!is_array($values)) $values = array($values);
+
+ $list = $this->getList($prop);
+ $this->set($prop, array_merge($list, $values));
+ }
+
+ public function getList($prop)
+ {
+ return $this->get($prop, array());
+ }
+
+ public function list($prop, $values = NULL)
+ {
+ if($values === NULL) return $this->getList($prop);
+ return $this->setList($prop, $values);
+ }
+
+ /**
+ * Delete property by name
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @return dataset
+ */
+ public function remove($prop)
+ {
+ return $this->setVal($prop, NULL);
+ }
+
+ public function clear()
+ {
+ $this->data = array();
+ }
+
+ /**
+ * Check whether has specified property
+ *
+ * @access public
+ * @param string $prop - Property name
+ * @return boolean
+ */
+ public function has($prop)
+ {
+ return $this->getVal($prop) !== NULL;
+ }
+
+ /**
+ * Clone a new instance
+ *
+ * @access public
+ * @return object
+ */
+ public function clone()
+ {
+ $className = get_called_class();
+ return new $className($this->data);
+ }
+
+ public function merge($data)
+ {
+ if(is_object($data) && isset($data->data)) return $this->set($data->data);
+ return $this->set($data);
+ }
+}
diff --git a/zin/utils/debug.func.php b/zin/utils/debug.func.php
new file mode 100644
index 0000000000..2df10ef8bf
--- /dev/null
+++ b/zin/utils/debug.func.php
@@ -0,0 +1,44 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+$logs = array();
+
+function log($type, $msg = NULL, $file)
+{
+ global $config;
+
+ if(!$config->debug) return;
+
+ if($msg === NULL)
+ {
+ $msg = $type;
+ $type = 'i';
+ }
+
+ if(is_array($msg))
+ {
+ $msgLines = array();
+ foreach($msg as $m) $msgLines[] = strval($m);
+ $msg = implode(' ', $msgLines);
+ }
+ else
+ {
+ $msg = strval($msg);
+ }
+
+ $logs[] = array(array('type' => strtolower($type), 'msg' => $msg));
+}
+
+function logInfo($msg, $file = NULL) {log('i', $msg, $file);};
+function logWarn($msg, $file = NULL) {log('w', $msg, $file);};
+function logError($msg, $file = NULL) {log('e', $msg, $file);};
diff --git a/zin/utils/deep.func.php b/zin/utils/deep.func.php
new file mode 100644
index 0000000000..1c09201d0a
--- /dev/null
+++ b/zin/utils/deep.func.php
@@ -0,0 +1,37 @@
+$name)) return $defaultValue;
+ $data = &$data->$name;
+ continue;
+ }
+ if(!is_array($data) || !isset($data[$name])) return $defaultValue;
+ $data = &$data[$name];
+ }
+ return $data === NULL ? $defaultValue : $data;
+}
+
+function deepSet(&$data, $namePath, $value)
+{
+ $names = explode('.', $namePath);
+ $lastName = array_pop($names);
+ if(!empty($names))
+ {
+ foreach($names as $name)
+ {
+ if(!is_array($data)) return;
+
+ if(!isset($data[$name])) $data[$name] = array();
+ $data = &$data[$name];
+ }
+ }
+
+ $data[$lastName] = $value;
+}
diff --git a/zin/utils/flat.func.php b/zin/utils/flat.func.php
new file mode 100644
index 0000000000..d4cfce2baf
--- /dev/null
+++ b/zin/utils/flat.func.php
@@ -0,0 +1,19 @@
+ $value)
+ {
+ if(is_array($value))
+ {
+ $result = array_merge($result, flat($value, $prefix . $key . $separator));
+ }
+ else
+ {
+ $result[$prefix . $key] = $value;
+ }
+ }
+ return $result;
+}
diff --git a/zin/utils/hx.class.php b/zin/utils/hx.class.php
new file mode 100755
index 0000000000..3eed344b8b
--- /dev/null
+++ b/zin/utils/hx.class.php
@@ -0,0 +1,125 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+require_once 'dataset.class.php';
+
+/**
+ * Manage hx for html element and widgets
+ *
+ * Example:
+ *
+ * // Create a hx object an convert to str string
+ * $hx = hx::new()->boost();
+ *
+ * echo $hx(); // Output 'hx-boost="true"'
+ *
+ * @see https://htmx.org/
+ * @todo @sunhao: Validate hx properties on modifying
+ */
+class hx extends dataset
+{
+ /**
+ * Method for sub class to modify value on setting it
+ *
+ * @access public
+ * @param array|string $prop - Property name or properties list
+ * @param mixed $value - Property value
+ * @param bool $removeEmpty - Whether to remove empty value
+ * @return hx
+ */
+ protected function setVal($prop, $value, $removeEmpty = false)
+ {
+ if(str_starts_with($prop, 'hx-')) $prop = substr($prop, 3);
+ return parent::setVal($prop, $value);
+ }
+
+ /**
+ * Set ajax request
+ *
+ * @access public
+ * @param string $url - The request url
+ * @param string $trigger - The trigget
+ * @param string $target - A css selector to specific a element to load remote content
+ * @param string $method - The request method, default value is "get"
+ * @return hx
+ * @see https://htmx.org/docs/#ajax
+ */
+ public function ajax($url, $trigger = '', $target = '', $method = 'get')
+ {
+ if(is_array($url)) return $this->set($url);
+
+ return $this->set(array('url' => $url, 'trigger' => $trigger, 'target' => $target, 'method' => $method));
+ }
+
+ /**
+ * Set ajax post request
+ *
+ * @access public
+ * @param string $url - The request url
+ * @param string $trigger - The trigget
+ * @param string $target - A css selector to specific a element to load remote content
+ * @return hx
+ * @see https://htmx.org/docs/#ajax
+ */
+ public function post($url, $trigger = '', $target = '')
+ {
+ return $this->ajax($url, $trigger, $target, 'post');
+ }
+
+ /**
+ * Convert hx properties to str string
+ *
+ * @access public
+ * @return string
+ */
+ public function toStr()
+ {
+ $pairs = array();
+
+ foreach($this->data as $name => $value)
+ {
+ /* Skip any null value */
+ if($value === NULL) continue;
+
+ /* Convert non-string to json */
+ if(!is_string($value)) $value = json_encode($value);
+
+ $pairs[] = 'hx-' . $name . '="' . htmlspecialchars($value) . '"';
+ }
+
+ return implode(' ', $pairs);
+ }
+
+ /**
+ * Create an instance
+ *
+ * @param string $hx - CSS hx list
+ * @return hx
+ */
+ static public function new($hx)
+ {
+ return new hx($hx);
+ }
+
+ /**
+ * Create properties string from hx list
+ *
+ * @access public
+ * @param string $hx - CSS hx list
+ * @return string
+ */
+ static public function str($props)
+ {
+ return (new hx($props))->toStr();
+ }
+}
diff --git a/zin/utils/style.class.php b/zin/utils/style.class.php
new file mode 100755
index 0000000000..09c48d65c0
--- /dev/null
+++ b/zin/utils/style.class.php
@@ -0,0 +1,173 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin\utils;
+
+require_once 'dataset.class.php';
+
+/**
+ * Manage style for html element and widgets
+ *
+ * Example:
+ *
+ * // Create a style object an convert to css string
+ * $style = style::create(array('color' => 'red'));
+ * echo $style(); // Output "color:red"
+ *
+ * // Above example same as:
+ * echo style::css(array('color' => 'red'));
+ *
+ * // Modifier style
+ * $style = style::create(array('color' => 'red'));
+ * $style->set('background', 'green');
+ *
+ * // Modifier style with property name directly
+ * $style->background = 'green';
+ *
+ * // Get style value
+ * echo $style->get('background'); // Output "green"
+ *
+ * // Get style value with property name directly
+ * echo $style->background; // Output "green"
+ *
+ * @todo @sunhao: Validate style properties on modifying
+ */
+class style extends dataset
+{
+ /**
+ * Set or get css variable, an array can be passed to set multiple variables
+ * If only pass variable name, then the variable value will be returned
+ * If no params passed, then return all setted variables with an array
+ *
+ * Notice: no need to prepend prefix '--' to variable name, the method will prepend it automatically, if prepended already, the method will skip to prepend smartly
+ *
+ * Example:
+ *
+ * // Create a style object and set
+ * $style = new style();
+ * $style->cssVar('text-size', '14px');
+ *
+ * // Set multiple variables
+ * $style->cssVar(array('text-color' => 'yellow', 'background-image': 'none'));
+ *
+ * // Get variable value
+ * echo $style->cssVar('text-size'); // Output "14px"
+ *
+ * // Get all variables value
+ * echo $style->cssVar();
+ * // Output array('text-size' => '14px', 'color' => 'yellow', 'background': 'none');
+ *
+ * // Remove variable by setting value with an empty string
+ * $style->cssVar('text-color', '');
+ *
+ * @access public
+ * @param array|string $name - Variable name or variables list
+ * @param mixed $value - Property value
+ * @return mixed
+ */
+ public function cssVar($name = '', $value = NULL)
+ {
+ /* Support for setting multiple variables by an array */
+ if(is_array($name))
+ {
+ foreach($name as $n => $value) $this->set(style::formatVarName($n), $value);
+ return $this;
+ }
+
+ /* Return all setted variables without passed any params */
+ if(empty($name))
+ {
+ $vars = array();
+ foreach ($this->data as $prop => $value)
+ {
+ if(!str_starts_with($name, '--')) continue;
+ $vars[substr($prop, 2)] = $value;
+ }
+ return $vars;
+ }
+
+ $varName = style::formatVarName($name);
+
+ /* Return the specific variable value by name */
+ if($value === NULL) return $this->get($varName);
+
+ /* Set the specific variable value and return style object self */
+ $this->set($varName, $value === '' ? NULL : $value);
+ return $this;
+ }
+
+ /**
+ * Convert to string
+ *
+ * @access public
+ * @return string
+ */
+ public function toStr()
+ {
+ return $this->toCss();
+ }
+
+ /**
+ * Convert style to css string
+ *
+ * @access public
+ * @return string
+ */
+ public function toCss()
+ {
+ $pairs = array();
+
+ foreach($this->data as $prop => $value)
+ {
+ /* Skip any empty value */
+ if(empty($value)) continue;
+
+ $pairs[] = $prop . ': ' . strval($value) . ';';
+ }
+
+ return implode(' ', $pairs);
+ }
+
+ /**
+ * Create an instance
+ *
+ * @param string $style - CSS style list
+ * @return style
+ */
+ static public function new($style = NULL)
+ {
+ return new style($style);
+ }
+
+ /**
+ * Create css from style list
+ *
+ * @access public
+ * @param string $style - CSS style list
+ * @return string
+ */
+ static public function css($style)
+ {
+ return (new style($style))->toCss();
+ }
+
+ /**
+ * Format CSS variable name with prefix "--"
+ *
+ * @access public
+ * @param string $name - CSS variable name
+ * @return string
+ */
+ static public function formatVarName($name)
+ {
+ return \zin\str_starts_with($name, '--') ? $name : "--$name";
+ }
+}
diff --git a/zin/wg/actionitem/v1.php b/zin/wg/actionitem/v1.php
new file mode 100644
index 0000000000..a53f41a93b
--- /dev/null
+++ b/zin/wg/actionitem/v1.php
@@ -0,0 +1,114 @@
+prop(array('icon', 'text', 'trailingIcon'));
+
+ return h::div
+ (
+ set($this->props->skip(array_keys(actionItem::getDefinedProps()))),
+ set($this->prop('props')),
+ $icon ? icon($icon) : NULL,
+ empty($text) ? NULL : span($text, setClass('text')),
+ $this->children(),
+ $trailingIcon ? icon($trailingIcon) : NULL,
+ );
+ }
+
+ protected function buildDropdownItem()
+ {
+ $dropdown = new dropdown
+ (
+ set($this->props->skip(array_keys(actionItem::getDefinedProps()))),
+ set($this->prop('props')),
+ $this->children()
+ );
+ return $dropdown;
+ }
+
+ protected function buildBtnItem()
+ {
+ return new btn($this->props->skip('tagName,type,name,outerTag,outerProps,props'), set($this->prop('props')),$this->children());
+ }
+
+ protected function buildCheckboxItem()
+ {
+ return new checkbox($this->props->skip('tagName,type,name,outerTag,outerProps,props'), set($this->prop('props')),$this->children());
+ }
+
+ protected function buildBtnGroupItem()
+ {
+ return new btnGroup($this->props->skip('tagName,type,name,outerTag,outerProps,props'), set($this->prop('props')),$this->children());
+ }
+
+ protected function buildItem()
+ {
+ $type = $this->prop('type');
+ $methodName = "build{$type}Item";
+ if(method_exists($this, $methodName)) return $this->$methodName();
+
+ list($tagName, $icon, $text, $trailingIcon, $url, $target, $active, $disabled, $badge) = $this->prop(array('tagName', 'icon', 'text', 'trailingIcon', 'url', 'target', 'active', 'disabled', 'badge'));
+
+ if(is_string($badge)) $badge = label($badge);
+ else if(is_array($badge)) $badge = label(set($badge));
+
+ return h::create
+ (
+ $tagName,
+ set($tagName === 'a' ? array('href' => $url, 'target' => $target) : array('data-url' => $url, 'data-target' => $target)),
+ setClass(array('active' => $active, 'disabled' => $disabled)),
+ set($this->props->skip(array_keys(actionItem::getDefinedProps()))),
+ set($this->prop('props')),
+ $icon ? icon($icon) : NULL,
+ $text,
+ $badge,
+ $this->children(),
+ $trailingIcon ? icon($trailingIcon) : NULL,
+ );
+ }
+
+ protected function build()
+ {
+ list($name, $type, $outerTag, $outerProps, $outerClass) = $this->prop(array('name', 'type', 'outerTag', 'outerProps', 'outerClass'));
+
+ return h::create
+ (
+ $outerTag,
+ setClass("$name-$type", $outerClass),
+ set($outerProps),
+ $this->buildItem()
+ );
+ }
+}
diff --git a/zin/wg/assigntodialog/css/v1.css b/zin/wg/assigntodialog/css/v1.css
new file mode 100644
index 0000000000..ecdde118e6
--- /dev/null
+++ b/zin/wg/assigntodialog/css/v1.css
@@ -0,0 +1,66 @@
+.assignto-dialog {
+ z-index: 20;
+ display: flex;
+}
+
+.assignto-dialog .modal-dialog {
+ width: auto;
+}
+
+.assignto-dialog textarea {
+ width: 726px;
+ height: 188px;
+}
+
+.assignto-dialog #mailto {
+ width: 726px;
+}
+
+.assignto-dialog select,
+.assignto-dialog .input-control.has-suffix {
+ width: 205px;
+ display: flex;
+}
+.assignto-dialog .input-control.has-suffix input.form-control {
+ z-index: 1;
+ padding-right: 6px;
+}
+
+.assignto-dialog .modal-header {
+ gap: 10px;
+}
+
+.assignto-dialog .input-control-suffix {
+ position: static;
+ border-radius: 0px 2px 2px 0px;
+ border: 1px solid #dcdcdc;
+ border-left: 0;
+}
+
+.assignto-dialog .modal-title {
+ font-size: 14px;
+}
+
+.assignto-dialog .modal-divider {
+ position: absolute;
+ left: 20px;
+ right: 20px;
+ bottom: 0;
+ height: 1px;
+ background: #eee;
+}
+
+.assignto-dialog .modal-body {
+ padding: 20px 40px;
+}
+
+.assignto-dialog button[type="submit"] {
+ min-width: 120px;
+}
+
+.assignto-dialog .input-control-suffix {
+ justify-content: center;
+ width: auto;
+ opacity: 1;
+ background-color: #eee;
+}
diff --git a/zin/wg/assigntodialog/v1.php b/zin/wg/assigntodialog/v1.php
new file mode 100644
index 0000000000..a542b648ce
--- /dev/null
+++ b/zin/wg/assigntodialog/v1.php
@@ -0,0 +1,143 @@
+prop('useLeft');
+ $useMailto = $this->prop('useMailto');
+
+ return div
+ (
+ setClass('modal assignto-dialog'),
+ div
+ (
+ setClass('modal-dialog'),
+ div
+ (
+ setClass('modal-content'),
+ div
+ (
+ setClass('modal-header'),
+ label($this->prop('assignID')),
+ div
+ (
+ setClass('modal-title'),
+ $this->prop('title'),
+ ),
+ btn
+ (
+ setClass('square ghost'),
+ set('data-dismiss', 'modal'),
+ span(setClass('close'))
+ ),
+ div(setClass('modal-divider'))
+ ),
+ div
+ (
+ setClass('modal-body'),
+ formGrid
+ (
+ set::action($this->prop('action')),
+ set::method('POST'),
+ formGroup
+ (
+ formLabel($lang->assignedToAB),
+ formCell
+ (
+ select
+ (
+ set::name('assignedTo'),
+ set::id('assignedTo'),
+ set::items($this->prop('assignedTo')),
+ ),
+ )
+ ),
+ $useLeft === true
+ ? formGroup
+ (
+ formLabel($lang->task->left),
+ formCell
+ (
+ div
+ (
+ setClass('input-control has-suffix'),
+ formInput
+ (
+ set::type('number'),
+ set::min(0),
+ set::name('left'),
+ set::id('left'),
+ ),
+ h::label
+ (
+ setClass('input-control-suffix'),
+ '小时'
+ )
+ )
+ )
+ )
+ : null,
+ $useMailto === true
+ ? formGroup
+ (
+ formLabel($lang->bug->mailto),
+ formCell
+ (
+ select
+ (
+ set::name('mailto[]'),
+ set::id('mailto'),
+ set::items($this->prop('mailto'))
+ ),
+ )
+ )
+ : null,
+ formGroup
+ (
+ formLabel($lang->comment),
+ formCell
+ (
+ textarea
+ (
+ setClass('form-control'),
+ set::name('comment'),
+ set::id('comment')
+ )
+ )
+ ),
+ formGroup
+ (
+ setClass('justify-center'),
+ button
+ (
+ set::type('submit'),
+ setClass('btn primary'),
+ $lang->save
+ )
+ )
+ )
+ )
+ )
+ )
+ );
+ }
+}
diff --git a/zin/wg/avatar/v1.php b/zin/wg/avatar/v1.php
new file mode 100644
index 0000000000..5ba1dea17f
--- /dev/null
+++ b/zin/wg/avatar/v1.php
@@ -0,0 +1,288 @@
+ 20, 'sm' => 24, 'lg' => 48, 'xl' => 80);
+ private $actualSize = 32;
+ private $finalClass = array('avatar');
+ private $finalStyle;
+
+ protected function onAddChild($child)
+ {
+ if(is_string($child) && !$this->props->has('text'))
+ {
+ $this->setProp('text', $child);
+ return false;
+ }
+
+ return $child;
+ }
+
+ protected function build()
+ {
+ /* Attach classes. */
+ $this->finalClass[] = $this->prop('className');
+
+ /* Init style. */
+ $this->finalStyle = new stdClass();
+ $this->finalStyle->background = $this->prop('background');
+ $this->finalStyle->color = $this->prop('foreColor');
+
+ foreach($this->props->style->data as $attr => $val) $this->finalStyle->{$attr} = $val;
+
+ /* Init avatar size. */
+ $this->initSize();
+ /* Init avatar shape. */
+ $this->initShape();
+
+ $content = $this->getContent();
+ $finalStyle = json_decode(json_encode($this->finalStyle), true);
+ return h::div
+ (
+ setClass($this->finalClass),
+ setStyle($finalStyle),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $content,
+ $this->children()
+ );
+ }
+
+ private function initSize()
+ {
+ $size = $this->prop('size');
+ $this->actualSize = $size;
+
+ if(!$size) return;
+
+ if(is_numeric($size))
+ {
+ $fontSize = intval($size/2) > 12 ? intval($size/2) : 12;
+ $this->finalStyle->width = "{$size}px";
+ $this->finalStyle->height = "{$size}px";
+ $this->finalStyle->{'font-size'} = "{$fontSize}px";
+
+ return;
+ }
+
+ $this->finalClass[] = "size-{$size}";
+ $this->actualSize = isset($this->sizeMap[$size]) ? $this->sizeMap[$size] : 20;
+ }
+
+ private function initShape()
+ {
+ $circle = $this->prop('circle');
+ $rounded = $this->prop('rounded');
+
+ /* Set circle. */
+ if($circle)
+ {
+ $this->finalClass[] = 'circle';
+ }
+ else if($rounded)
+ {
+ if(is_numeric($rounded)) $this->finalStyle->{'border-radius'} = "{$rounded}px";
+ else $this->finalClass[] = "rounded-{$rounded}";
+ }
+ }
+
+ private function getAvatarText()
+ {
+ $maxTextLen = intval($this->prop('maxTextLength'));
+ $text = strtoupper($this->prop('text', ''));
+ $this->textLen = strlen($text);
+
+ if(preg_match('/[\x{4e00}-\x{9fa5}\s]+$/u', $text))
+ {
+ $this->textLen = mb_strlen($text);
+ $text = $this->textLen <= $maxTextLen ? $text : mb_substr($text, $this->textLen - $maxTextLen);
+ $this->displayTextLen = mb_strlen($text);
+ return $text;
+ }
+
+ if(preg_match('/[A-Za-z\d\s]+$/', $text))
+ {
+ $this->displayTextLen = 1;
+ return substr($text, 0, 1);
+ }
+
+ return $this->textLen <= $maxTextLen ? $text : substr($text, 0, $maxTextLen);
+ }
+
+ /**
+ * Convert HSL values to RGB value.
+ *
+ * @param int $h
+ * @param number $s
+ * @param number $l
+ * @access private
+ * @return array
+ */
+ private function hslToRgb($h, $s, $l)
+ {
+ $h = ($h % 360) / 360;
+ $s = ($s > 0 ? $s : 0);
+ $s = ($s > 255) ? 255 : $s;
+ $l = ($l > 0 ? $l : 0);
+ $l = ($l > 255) ? 255 : $l;
+
+ $m2 = ($l <= 0.5) ? ($l * ($s + 1)) : ($l + $s - $l * $s);
+ $m1 = $l * 2 - $m2;
+
+ $hueFn = function($val, $m1, $m2)
+ {
+ $val = $val < 0 ? $val + 1 : ($val > 1 ? $val - 1 : $val);
+
+ if($val * 6 < 1) return $m1 + ($m2 - $m1) * $val * 6;
+ elseif($val * 2 < 1) return $m2;
+ elseif($val * 3 < 2) return $m1 + ($m2 - $m1) * (2/3 - $val) * 6;
+
+ return $m1;
+ };
+
+ return array(
+ 'r' => $hueFn($h + 1/3, $m1, $m2) * 255,
+ 'g' => $hueFn($h, $m1, $m2) * 255,
+ 'b' => $hueFn($h - 1/3, $m1, $m2) * 255
+ );
+ }
+
+ private function hex2Rgb($hex)
+ {
+ if(!str_starts_with($hex, '#') || !preg_match('/#[0-9A-F]{3,6}$/', $hex)) throw new \Exception('incorrect data format');
+
+ $r = 0;
+ $g = 0;
+ $b = 0;
+ if(strlen($hex) == 4) list($r, $g, $b) = sscanf($hex, "#%01x%01x%01x");
+ elseif(strlen($hex) == 7) list($r, $g, $b) = sscanf($hex, "#%02x%02x%02x");
+ else throw new \Exception('incorrect RGB value');
+
+ return array(
+ 'r' => $r,
+ 'g' => $g,
+ 'b' => $b
+ );
+ }
+
+ /*
+ * Get contrast color.
+ *
+ * @param array|string $rgb
+ * @param string $theme dark|light
+ * @access private
+ * @return string
+ */
+ private function contrastColor($rgb, $themeDark = null, $themeLight = null)
+ {
+ $rgb = is_array($rgb) ? $rgb : $this->hex2Rgb($rgb);
+
+ $r = $rgb['r'];
+ $g = $rgb['g'];
+ $b = $rgb['b'];
+ if(($r * 0.299 + $g * 0.587 + $b * 0.114) > 186)
+ {
+ /* Is light color. */
+ return $themeDark ? $themeDark : '#333333';
+ }
+
+ return $themeLight ? $themeLight : '#ffffff';
+ }
+
+ private function getTextStyle()
+ {
+ $hueDistance = intval($this->prop('hueDistance'));
+ $saturation = $this->prop('saturation');
+ $lightness = $this->prop('lightness');
+ $background = $this->prop('background');
+ $foreColor = $this->prop('foreColor');
+ $code = $this->prop('code');
+ $avatarCode = $code ? $code : $this->prop('text');
+
+ if(!$background)
+ {
+ $val = 0;
+ if(is_numeric($avatarCode)) $val = intval($avatarCode);
+ else for($i = 0; $i < strlen($avatarCode); $i++) $val += ord($avatarCode[$i]);
+
+ $hue = $val * $hueDistance % 360;
+ $actualSat = $saturation * 100;
+ $actualLight = $lightness * 100;
+ $this->finalStyle->background = "hsl({$hue}, {$actualSat}%, {$actualLight}%)";
+
+ if(!$foreColor)
+ {
+ $rgb = $this->hslToRgb($hue, $saturation, $lightness);
+ $this->finalStyle->color = $this->contrastColor($rgb);
+ }
+ }
+ elseif (!$foreColor and $background) $this->finalStyle->color = $this->contrastColor($background);
+
+ $textStyle = null;
+ if($this->actualSize and $this->actualSize < (14 * $this->displayTextLen))
+ {
+ $textStyle = array(
+ 'transform' => 'scale(' . $this->actualSize / (14 * $this->displayTextLen) . ')',
+ 'white-space' => 'nowrap'
+ );
+ }
+
+ return $textStyle;
+ }
+
+ private function getContent()
+ {
+ $src = $this->prop('src');
+ $text = $this->prop('text');
+
+ /* With avatar. */
+ if($src)
+ {
+ $this->finalClass[] = 'has-img';
+
+ return h::img
+ (
+ setClass('avatar-img'),
+ set('src', $src ),
+ set('alt', $text)
+ );
+ }
+
+ /* Without text and image. */
+ if(!$text) return null;
+
+ $displayText = $this->getAvatarText();
+
+ $this->finalClass[] = 'has-text';
+ $this->finalClass[] = 'has-text-' . $this->textLen;
+
+ $textStyle = $this->getTextStyle();
+ return h::div
+ (
+ setClass('avatar-text'),
+ set('data-actualSize', $this->actualSize),
+ set('style', $textStyle),
+ $displayText
+ );
+ }
+}
diff --git a/zin/wg/btn/v1.php b/zin/wg/btn/v1.php
new file mode 100755
index 0000000000..a3292c7f35
--- /dev/null
+++ b/zin/wg/btn/v1.php
@@ -0,0 +1,117 @@
+props->has('text'))
+ {
+ $this->props->set('text', $child);
+ return false;
+ }
+ }
+
+ private function getProps()
+ {
+ $props = $this->props->skip(array_keys(static::getDefinedProps()));
+
+ $url = $this->prop('url');
+ $target = $this->prop('target');
+
+ if(empty($url))
+ {
+ $props['type'] = $this->prop('btnType') ?? 'button';
+ if(!isset($props['data-url'])) $props['data-url'] = $url;
+ if(!isset($props['data-target'])) $props['data-target'] = $target;
+ }
+ else
+ {
+ $props['tagName'] = 'a';
+ if(!isset($props['href'])) $props['href'] = $url;
+ if(!isset($props['target'])) $props['target'] = $target;
+ }
+ $props['title'] = $this->prop('hint');
+
+ return $props;
+ }
+
+ private function getChildren()
+ {
+ $caret = $this->prop('caret');
+ $text = $this->prop('text');
+ $icon = $this->prop('icon');
+ $trailingIcon = $this->prop('trailingIcon');
+
+ $children = array();
+ if(!empty($icon)) $children[] = icon($icon);
+ if(!empty($text)) $children[] = h::span($text, setClass('text'));
+ $children[] = parent::build();
+ if(!empty($trailingIcon)) $children[] = icon($trailingIcon);
+ if(!empty($caret)) $children[] = h::span(setClass(is_string($caret) ? "caret-$caret" : 'caret'));
+
+ return $children;
+ }
+
+ private function getClassList()
+ {
+ $url = $this->prop('url');
+ $type = $this->prop('type');
+ $caret = $this->prop('caret');
+ $text = $this->prop('text');
+ $icon = $this->prop('icon');
+ $trailingIcon = $this->prop('trailingIcon');
+ $onlyCaret = empty($text) && !empty($caret) && empty($icon) && empty($trailingIcon);
+
+ $classList = array
+ (
+ 'btn' => true,
+ 'disabled' => $this->prop('disabled'),
+ 'active' => $this->prop('active'),
+ 'btn-caret' => $onlyCaret,
+ 'square' => $this->prop('square')
+ );
+
+ if(!empty($type)) $classList[$type] = true;
+ elseif(!empty($url)) $classList['btn-default'] = true;
+
+ $size = $this->prop('size');
+ if(!empty($size)) $classList["size-$size"] = true;
+
+ return $classList;
+ }
+
+ /**
+ * @return builder
+ */
+ protected function build()
+ {
+ $props = $this->getProps();
+ $children = $this->getChildren();
+ $classList = $this->getClassList();
+
+ return button
+ (
+ set($props),
+ setClass($classList),
+ $children
+ );
+ }
+}
diff --git a/zin/wg/btngroup/v1.php b/zin/wg/btngroup/v1.php
new file mode 100644
index 0000000000..e098aad88e
--- /dev/null
+++ b/zin/wg/btngroup/v1.php
@@ -0,0 +1,36 @@
+prop('items');
+ $disabled = $this->prop('disabled');
+ $size = $this->prop('size');
+
+ $classList = 'btn-group';
+ if(!empty($disabled)) $classList .= ' disabled';
+ if(!empty($size)) $classList .= " size-$size";
+
+ return div
+ (
+ setClass($classList),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : NULL,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/cell/v1.php b/zin/wg/cell/v1.php
new file mode 100644
index 0000000000..2a45d57bc8
--- /dev/null
+++ b/zin/wg/cell/v1.php
@@ -0,0 +1,30 @@
+prop('width')) ? 'auto' : $this->prop('width');
+ if(is_numeric($basis)) $basis .= 'px';
+ elseif(preg_match('/^(\d+)\/(\d+)$/', $basis, $matches) !== 0) $basis = ((int)$matches[1] / (int)$matches[2] * 100) . '%';
+
+ $style = array();
+ $style['order'] = $this->prop('order');
+ $style['flex-grow'] = $this->prop('grow');
+ $style['flex-shrink'] = $this->prop('shrink');
+ $style['flex-basis'] = $basis;
+ $style['align-self'] = $this->prop('align');
+ $style['flex'] = $this->prop('flex');
+
+ return div
+ (
+ setStyle($style),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/center/v1.php b/zin/wg/center/v1.php
new file mode 100644
index 0000000000..a1d950db4f
--- /dev/null
+++ b/zin/wg/center/v1.php
@@ -0,0 +1,16 @@
+props->skip(array_keys(static::getDefinedProps()))),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/checkbox/v1.php b/zin/wg/checkbox/v1.php
new file mode 100644
index 0000000000..a32705d19d
--- /dev/null
+++ b/zin/wg/checkbox/v1.php
@@ -0,0 +1,72 @@
+props->has('text'))
+ {
+ $this->props->set('text', $child);
+ return false;
+ }
+ }
+
+ protected function buildPrimary()
+ {
+ list($id, $text, $name, $checked, $disabled, $type, $typeClass, $rootClass, $value) = $this->prop(array('id', 'text', 'name', 'checked', 'disabled', 'type', 'typeClass', 'rootClass', 'value'));
+
+ if(empty($typeClass)) $typeClass = $type;
+ if(empty($id)) $id = $name . '_' . $value;
+
+ return div
+ (
+ setClass("$typeClass-primary", $rootClass, array('disabled' => $disabled)),
+ h::input
+ (
+ set::type($type),
+ set::id($id),
+ set::name($name),
+ set($this->props->skip('text,primary,typeClass,rootClass,id')),
+ ),
+ h::label
+ (
+ set::for($id),
+ $text,
+ ),
+ $this->children()
+ );
+ }
+
+ protected function build()
+ {
+ if($this->prop('primary')) return $this->buildPrimary();
+ list($text, $type, $typeClass) = $this->prop(array('text', 'type', 'typeClass'));
+
+ return h::label
+ (
+ setClass(empty($typeClass) ? $type : $typeClass),
+ h::input
+ (
+ set::type($type),
+ set($this->props->skip('text,primary,typeClass')),
+ ),
+ is_string($text) ? span($text, set::class('text')) : $text,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/checklist/v1.php b/zin/wg/checklist/v1.php
new file mode 100644
index 0000000000..89a1604eab
--- /dev/null
+++ b/zin/wg/checklist/v1.php
@@ -0,0 +1,64 @@
+prop('value');
+ if($this->prop('type') === 'checkbox') return is_array($value) ? $value : explode(',', $value);
+ return [$value];
+ }
+
+ public function onBuildItem($item)
+ {
+ if($item instanceof item) $item = $item->props->toJsonData();
+
+ if(!isset($item['checked']))
+ {
+ $value = isset($item['value']) ? $item['value'] : '';
+ $valueList = $this->getValueList();
+
+ $item['checked'] = in_array($value, $valueList);
+ }
+
+ $props = $this->props->pick(['primary', 'type', 'name']);
+ return new checkbox(set($props), set($item));
+ }
+
+ protected function build()
+ {
+ list($items, $inline) = $this->prop(['items', 'inline']);
+
+ if(!empty($items))
+ {
+ $valueList = $this->getValueList();
+ foreach($items as $key => $item)
+ {
+ if(!is_array($item)) $item = ['text' => $item, 'value' => $key];
+ if(!isset($item['checked'])) $item['checked'] = in_array($item['value'], $valueList);
+ $items[$key] = $this->onBuildItem($item);
+ }
+ }
+
+ return div
+ (
+ setClass($inline ? 'check-list-inline' : 'check-list'),
+ set($this->getRestProps()),
+ $items,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/col/v1.php b/zin/wg/col/v1.php
new file mode 100644
index 0000000000..c69f7fd268
--- /dev/null
+++ b/zin/wg/col/v1.php
@@ -0,0 +1,23 @@
+prop(array('justify', 'align'));
+ if(!empty($justify)) $classList .= ' justify-' . $justify;
+ if(!empty($align)) $classList .= ' items-' . $align;
+
+ return div
+ (
+ setClass($classList),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/colorpicker/v1.php b/zin/wg/colorpicker/v1.php
new file mode 100644
index 0000000000..97ed3e40bf
--- /dev/null
+++ b/zin/wg/colorpicker/v1.php
@@ -0,0 +1,12 @@
+ 'color'
+ ];
+}
diff --git a/zin/wg/control/v1.php b/zin/wg/control/v1.php
new file mode 100644
index 0000000000..f046a67260
--- /dev/null
+++ b/zin/wg/control/v1.php
@@ -0,0 +1,119 @@
+setDefaultProps(['id' => $this->prop('name')]);
+ }
+
+ protected function buildTextarea()
+ {
+ return new textarea(set($this->props->skip('type')));
+ }
+
+ protected function buildInputControl()
+ {
+ $controlProps = [];
+ $allProps = $this->props->skip('type');
+ $propsNames = array_keys(inputControl::getDefinedProps());
+
+ foreach($propsNames as $propName)
+ {
+ if(isset($allProps[$propName]))
+ {
+ $controlProps[$propName] = $allProps[$propName];
+ unset($allProps[$propName]);
+ }
+ }
+
+ return new inputControl
+ (
+ set($controlProps),
+ new input(set($allProps)),
+ );
+ }
+
+ protected function buildCheckbox()
+ {
+ if($this->hasProp('items')) return $this->buildCheckList();
+ return new checkList
+ (
+ new checkbox(set($this->props->skip('type')))
+ );
+ }
+
+ protected function buildCheckList()
+ {
+ return new checkList
+ (
+ set($this->props->skip('type'))
+ );
+ }
+
+ protected function buildRadioList()
+ {
+ return new radioList
+ (
+ set($this->props->skip('type'))
+ );
+ }
+
+ protected function buildCheckListInline()
+ {
+ return new checkList
+ (
+ set::inline(true),
+ set($this->props->skip('type'))
+ );
+ }
+
+ protected function buildRadioListInline()
+ {
+ return new radioList
+ (
+ set::inline(true),
+ set($this->props->skip('type'))
+ );
+ }
+
+ protected function build()
+ {
+ $type = $this->prop('type');
+ if(empty($type))
+ {
+ $type = $this->hasProp('items') ? 'select' : 'text';
+ }
+
+ $methodName = "build{$type}";
+ if(method_exists($this, $methodName)) return $this->$methodName();
+
+ $wgName = "\\zin\\$type";
+ if(class_exists($wgName)) return new $wgName(set($this->props->skip('type')), $this->children());
+
+ return new input(set($this->props));
+ }
+}
diff --git a/zin/wg/datepicker/v1.php b/zin/wg/datepicker/v1.php
new file mode 100644
index 0000000000..de13de4821
--- /dev/null
+++ b/zin/wg/datepicker/v1.php
@@ -0,0 +1,12 @@
+ 'date'
+ ];
+}
diff --git a/zin/wg/datetimepicker/v1.php b/zin/wg/datetimepicker/v1.php
new file mode 100644
index 0000000000..9a78881f63
--- /dev/null
+++ b/zin/wg/datetimepicker/v1.php
@@ -0,0 +1,12 @@
+ 'datetime-local'
+ ];
+}
diff --git a/zin/wg/dropdown/v1.php b/zin/wg/dropdown/v1.php
new file mode 100644
index 0000000000..54498e535e
--- /dev/null
+++ b/zin/wg/dropdown/v1.php
@@ -0,0 +1,152 @@
+ array('map' => 'btn,a'),
+ 'menu' => array('map' => 'menu'),
+ 'items' => array('map' => 'item')
+ );
+
+ protected function build()
+ {
+ list($items, $placement, $strategy, $offset, $flip, $subMenuTrigger, $arrow, $trigger, $menuProps, $target, $id, $menuClass, $hasIcons, $staticMenu) = $this->prop(array('items', 'placement', 'strategy', 'offset', 'flip', 'subMenuTrigger', 'arrow', 'trigger', 'menuProps', 'target', 'id', 'menuClass', 'hasIcons', 'staticMenu'));
+
+ $triggerBlock = $this->block('trigger');
+ $menu = $this->block('menu');
+ $itemsList = $this->block('items');
+
+ if(empty($id)) $id = $this->gid;
+ if(empty($target)) $target = "#$id";
+
+ if(empty($triggerBlock)) $triggerBlock = h::a($this->children());
+ elseif(is_array($triggerBlock)) $triggerBlock = $triggerBlock[0];
+ $triggerID = '';
+ if($triggerBlock instanceof wg)
+ {
+ if($triggerBlock instanceof btn) $triggerBlock->setDefaultProps(array('caret' => true));
+ $triggerBlock->setProp($this->props->skip(array_keys(static::getDefinedProps())));
+
+ $triggerProps = array
+ (
+ 'data-target' => $triggerBlock->hasProp('target', 'href') ? NULL : $target,
+ 'data-toggle' => 'dropdown',
+ 'data-placement' => $placement,
+ 'data-strategy' => $strategy,
+ 'data-offset' => $offset,
+ 'data-flip' => $flip,
+ 'data-subMenuTrigger' => $subMenuTrigger,
+ 'data-arrow' => $arrow,
+ 'data-trigger' => $trigger
+ );
+ $triggerBlock->setProp($triggerProps);
+
+ $triggerID = $triggerBlock->id();
+ if(empty($triggerID))
+ {
+ $triggerID = "$id-toggle";
+ $triggerBlock->setProp('id', $triggerID);
+ }
+ }
+
+ if(empty($menu))
+ {
+ if($staticMenu)
+ {
+ $menu = new menu
+ (
+ setClass('dropdown-menu'),
+ set::items($items),
+ divorce($itemsList),
+ );
+
+ if($hasIcons === NULL)
+ {
+ if(is_array($items))
+ {
+ foreach($items as $item)
+ {
+ if((is_array($item) and isset($item['icon'])) || (($item instanceof wg) && $item->hasProp('icon')))
+ {
+ $hasIcons = true;
+ break;
+ }
+ }
+ }
+ if(!$hasIcons)
+ {
+ foreach($itemsList as $item)
+ {
+ if(($item instanceof wg) && $item->hasProp('icon'))
+ {
+ $hasIcons = true;
+ break;
+ }
+ }
+ }
+ }
+ }
+ else
+ {
+ if(empty($items)) $items = array();
+ if(!empty($itemsList))
+ {
+ foreach($itemsList as $item)
+ {
+ if(!($item instanceof item)) continue;
+ $items[] = $item->props->toJsonData();
+ }
+ }
+ foreach($items as $index => $item)
+ {
+ if(!isset($item['icon']) || empty($item['icon']) || str_starts_with($item['icon'], 'icon-')) continue;
+ $items[$index]['icon'] = 'icon-' . $item['icon'];
+ }
+
+ if(!is_array($menuProps)) $menuProps = array();
+ $menuProps['items'] = $items;
+
+ $menu = zui::dropdown
+ (
+ set(array
+ (
+ '_to' => "#$triggerID",
+ 'trigger' => $trigger,
+ 'placement' => $placement,
+ 'strategy' => $strategy,
+ 'arrow' => $arrow,
+ 'flip' => $flip,
+ 'subMenuTrigger' => $subMenuTrigger,
+ 'trigger' => $trigger,
+ 'offset' => $offset,
+ 'target' => $target,
+ 'className' => $menuClass,
+ 'hasIcons' => $hasIcons,
+ 'menu' => $menuProps
+ ))
+ );
+ }
+ }
+ elseif(is_array($menu))
+ {
+ $menu = $menu[0];
+ }
+
+ if($menu instanceof menu)
+ {
+ $menu->setProp($menuProps);
+ $menu->setProp('class', $menuClass);
+ $menu->setProp('id', $id);
+ if($hasIcons) $menu->setProp('class', 'has-icons');
+ }
+
+ return array($triggerBlock, $menu);
+ }
+}
diff --git a/zin/wg/dtable/css/v1.css b/zin/wg/dtable/css/v1.css
new file mode 100644
index 0000000000..5f1714c784
--- /dev/null
+++ b/zin/wg/dtable/css/v1.css
@@ -0,0 +1,5 @@
+.menu.menu-dtable-actions {display: flex; min-width: auto;}
+.menu.menu-dtable-actions .icon {position: static!important; opacity: 1!important;}
+.menu.menu-dtable-actions span.text {display: none;}
+.menu.menu-dtable-actions > .menu-item > a {padding: 0;}
+.menu.menu-dtable-actions > .menu-item > a:hover {background: none; color: var(--menu-hover-bg);}
diff --git a/zin/wg/dtable/v1.php b/zin/wg/dtable/v1.php
new file mode 100644
index 0000000000..58acda81e5
--- /dev/null
+++ b/zin/wg/dtable/v1.php
@@ -0,0 +1,25 @@
+setDefaultProps(['id' => static::$dtableID ? static::$dtableID : 'dtable']);
+ static::$dtableID++;
+ }
+
+ public static function getPageCSS()
+ {
+ return file_get_contents(__DIR__ . DS . 'css' . DS . 'v1.css');
+ }
+
+ protected function build()
+ {
+ return zui::dtable(inherit($this));
+ }
+}
diff --git a/zin/wg/editor/v1.php b/zin/wg/editor/v1.php
new file mode 100644
index 0000000000..3919aafebc
--- /dev/null
+++ b/zin/wg/editor/v1.php
@@ -0,0 +1,8 @@
+ array('map' => 'nav'),
+ 'leading' => array(),
+ 'trailing' => array(),
+ );
+
+ protected function getItems()
+ {
+ $items = $this->prop('items');
+ if(!empty($items)) return $items;
+
+ global $app, $lang;
+ $currentModule = $app->rawModule;
+ $currentMethod = $app->rawMethod;
+
+ \common::sortFeatureMenu($currentModule, $currentMethod);
+
+ $rawItems = \customModel::getFeatureMenu($app->rawModule, $app->rawMethod);
+ if(!is_array($rawItems)) return NULL;
+
+ $current = $this->prop('current', data('browseType', ''));
+ $recTotal = data('recTotal');
+ $items = array();
+ $link = $this->prop('link');
+ $currentStory = $this->prop('currentStory', data('storyBrowseType') ?? '');
+
+ data('activeFeature', $current);
+
+ if(empty($link))
+ {
+ $linkParams = $this->prop('linkParams');
+ if(empty($linkParams)) $linkParams = 'browseType={key}&orderBy=' . data('orderBy') ?? '';
+ $link = createLink($currentModule, $currentMethod, $linkParams);
+ }
+
+ foreach($rawItems as $item)
+ {
+ if(isset($item->hidden)) continue;
+
+ $isActive = $item->name == $current;
+
+ if($item->name == 'more' && !empty($lang->product->moreSelects))
+ {
+
+ $subItems = array();
+ $callback = $this->prop('moreMenuLinkCallback');
+ $callback = isset($callback[0]) ? $callback[0] : null;
+
+ foreach($lang->product->moreSelects as $key => $text)
+ {
+ $subItems[] = array
+ (
+ 'text' => $text,
+ 'active' => $key == $currentStory,
+ 'url' => ($callback instanceof \Closure) ? $callback($key, $text) : createLink($app->rawModule, $app->rawMethod),
+ 'props' => ['data-id' => $key, 'data-load' => 'table']
+ );
+ }
+
+ $items[] = array
+ (
+ 'text' => $item->text,
+ 'active' => $isActive,
+ 'url' => str_replace('{key}', $item->name, $link),
+ 'badge' => $isActive && !empty($recTotal) ? array('text' => $recTotal, 'class' => 'size-sm circle white') : NULL,
+ 'type' => 'dropdown',
+ 'items' => $subItems,
+ 'props' => ['data-id' => $item->name, 'data-load' => 'table']
+ );
+
+ continue;
+ }
+
+
+ $items[] = array
+ (
+ 'text' => $item->text,
+ 'active' => $isActive,
+ 'url' => str_replace('{key}', $item->name, $link),
+ 'badge' => $isActive && !empty($recTotal) ? array('text' => $recTotal, 'class' => 'size-sm circle white') : NULL,
+ 'props' => ['data-id' => $item->name, 'data-load' => 'table']
+ );
+ }
+
+ return $items;
+ }
+
+ protected function buildNav()
+ {
+ $nav = $this->block('nav');
+ if(!empty($nav) && $nav[0] instanceof nav) return $nav;
+ return new nav
+ (
+ set::class('nav-feature'),
+ set::items($this->getItems()),
+ divorce($this->children())
+ );
+ }
+
+ protected function build()
+ {
+ return div
+ (
+ set::id('featureBar'),
+ $this->block('leading'),
+ $this->buildNav(),
+ $this->block('trailing')
+ );
+ }
+}
diff --git a/zin/wg/fileinput/v1.php b/zin/wg/fileinput/v1.php
new file mode 100644
index 0000000000..ae0076e963
--- /dev/null
+++ b/zin/wg/fileinput/v1.php
@@ -0,0 +1,12 @@
+ 'file'
+ ];
+}
diff --git a/zin/wg/form/v1.php b/zin/wg/form/v1.php
new file mode 100644
index 0000000000..a92810c046
--- /dev/null
+++ b/zin/wg/form/v1.php
@@ -0,0 +1,100 @@
+ true,
+ 'method' => 'post',
+ 'target' => 'ajax',
+ 'actions' => ['submit', 'cancel'],
+ ];
+
+ public function onBuildItem($item)
+ {
+ if(!($item instanceof item))
+ {
+ if($item instanceof wg) return $item;
+ $item = item(set($item));
+ }
+
+ if($this->prop('grid')) return new formRow(inherit($item));
+
+ return new formGroup(inherit($item));
+ }
+
+ protected function buildFormActions()
+ {
+ $actions = $this->prop('actions');
+ if(empty($actions)) return NULL;
+
+ global $lang;
+ foreach($actions as $key => $action)
+ {
+ if($action === 'submit') $actions[$key] = ['text' => $this->prop('submitBtnText') ?? $lang->save, 'btnType' => 'submit', 'type' => 'primary'];
+ elseif($action === 'cancel') $actions[$key] = ['text' => $this->prop('cancelBtnText') ?? $lang->goback, 'url' => html::getGobackLink()];
+ elseif(is_string($action)) $actions[$key] = ['text' => $action];
+ }
+
+ return toolbar
+ (
+ set::class('form-actions form-group gap-4 no-label'),
+ set::items($actions)
+ );
+ }
+
+ protected function build()
+ {
+ list($items, $grid, $labelWidth, $url, $target, $method, $id) = $this->prop(['items', 'grid', 'labelWidth', 'url', 'target', 'method', 'id']);
+
+ $actions = $this->buildFormActions();
+ if($grid && !empty($actions)) $actions = div(setClass('form-row'), $actions);
+
+ $list = is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : [];
+ $children = $this->children();
+ if(!empty($children)) $list = array_merge($list, $children);
+
+ if($grid)
+ {
+ foreach($list as $key => $item)
+ {
+ if($item instanceof formGroup) $list[$key] = new formRow($item);
+ }
+ }
+ $isAjax = $target === 'ajax';
+ if($isAjax)
+ {
+ $target = NULL;
+ if(empty($id)) $id = $this->gid;
+ }
+ if(empty($url)) $url = $_SERVER['REQUEST_URI'];
+
+ return h::form
+ (
+ set::class('form load-indicator', $grid ? 'form-grid' : NULL, $isAjax ? 'form-ajax' : ''),
+ set(['id' => $id, 'action' => $url, 'target' => $target, 'method' => $method]),
+ set($this->getRestProps()),
+ empty($labelWidth) ? NULL : setCssVar('form-label-width', $labelWidth),
+ $list,
+ $actions,
+ $isAjax ? zui::ajaxForm(set::_to("#$id")) : NULL
+ );
+ }
+}
diff --git a/zin/wg/formgroup/v1.php b/zin/wg/formgroup/v1.php
new file mode 100644
index 0000000000..1e6dc5c18f
--- /dev/null
+++ b/zin/wg/formgroup/v1.php
@@ -0,0 +1,70 @@
+prop(['name', 'label', 'labelClass', 'labelProps', 'required', 'tip', 'tipClass', 'tipProps', 'control', 'width', 'strong', 'value', 'disabled', 'items', 'placeholder']);
+
+ if($required === 'auto') $required = isFieldRequired($name);
+
+ if(is_string($control)) $control = ['type' => $control, 'name' => $name];
+ elseif(empty($control) && $name !== NULL) $control = ['name' => $name];
+
+ if(!empty($control))
+ {
+ if($required !== NULL) $control['required'] = $required;
+ if($name !== NULL) $control['name'] = $name;
+ if($value !== NULL) $control['value'] = $value;
+ if($disabled !== NULL) $control['disabled'] = $disabled;
+ if($items !== NULL) $control['items'] = $items;
+ if($placeholder !== NULL) $control['placeholder'] = $placeholder;
+ }
+
+ return div
+ (
+ set::class('form-group', $required ? 'required' : NULL, ($label === false || $label === NULL) ? 'no-label' : NULL, empty($width) ? NULL : 'grow-0'),
+ zui::width($width),
+ set($this->getRestProps()),
+ empty($label) ? null : new formLabel
+ (
+ set::class($labelClass, $strong ? 'font-bold' : NULL),
+ set::required($required),
+ set($labelProps),
+ $label
+ ),
+ empty($control) ? NULL : new control(set($control)),
+ (isset($control['disabled']) && $control['disabled'] && isset($control['name']) && isset($control['value'])) ? h::input(set::type('hidden'), set::name($control['name']), set::value($control['value'])) : NULL,
+ $this->children(),
+ empty($tip) ? null : div
+ (
+ set::class($tipClass),
+ set($tipProps),
+ $tip
+ )
+ );
+ }
+}
diff --git a/zin/wg/formlabel/v1.php b/zin/wg/formlabel/v1.php
new file mode 100644
index 0000000000..d131932080
--- /dev/null
+++ b/zin/wg/formlabel/v1.php
@@ -0,0 +1,29 @@
+props->has('text'))
+ {
+ $this->props->set('text', $child);
+ return false;
+ }
+ }
+
+ protected function build()
+ {
+ list($text, $required, $for) = $this->prop(['text', 'required', 'for']);
+ return h::label
+ (
+ setClass('form-label', $required ? 'required' : NULL),
+ set('for', $for),
+ set($this->getRestProps()),
+ $text,
+ $this->children(),
+ );
+ }
+}
diff --git a/zin/wg/formpanel/v1.php b/zin/wg/formpanel/v1.php
new file mode 100644
index 0000000000..8eaeb6fee9
--- /dev/null
+++ b/zin/wg/formpanel/v1.php
@@ -0,0 +1,46 @@
+ 'panel-form rounded-md shadow ring-0 canvas px-4 pb-4 mb-4 mx-auto',
+ 'size' => 'lg'
+ ];
+
+ protected function created()
+ {
+ $this->setDefaultProps(['title' => data('title')]);
+ }
+
+ protected function buildBody()
+ {
+ $props = $this->props->pick(['method', 'url', 'actions', 'target', 'items', 'grid', 'labelWidth']);
+ return div
+ (
+ setClass('panel-body'),
+ new form
+ (
+ set($props),
+ $this->children()
+ )
+ );
+ }
+}
diff --git a/zin/wg/formrow/v1.php b/zin/wg/formrow/v1.php
new file mode 100644
index 0000000000..854acd8547
--- /dev/null
+++ b/zin/wg/formrow/v1.php
@@ -0,0 +1,34 @@
+prop(['width', 'items']);
+
+ return div
+ (
+ set::class('form-row', empty($width) ? NULL : 'grow-0'),
+ zui::width($width),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : null,
+ set($this->getRestProps()),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/fragment/v1.php b/zin/wg/fragment/v1.php
new file mode 100644
index 0000000000..c3da4b1f07
--- /dev/null
+++ b/zin/wg/fragment/v1.php
@@ -0,0 +1,21 @@
+getCssList();
+ $js = $context->getJsList();
+ $imports = $context->getImportList();
+
+ return array
+ (
+ empty($css) ? NULL : h::css($css),
+ empty($imports) ? NULL : h::import($imports),
+ $this->children(),
+ empty($js) ? NULL : h::js($js)
+ );
+ }
+}
diff --git a/zin/wg/header/v1.php b/zin/wg/header/v1.php
new file mode 100644
index 0000000000..6d8e1a7131
--- /dev/null
+++ b/zin/wg/header/v1.php
@@ -0,0 +1,437 @@
+ array('map' => 'toolbar'),
+ 'navbar' => array('map' => 'nav'),
+ 'toolbar' => array('map' => 'btn')
+ );
+
+ protected function buildHeading()
+ {
+ $heading = $this->block('heading');
+ if(empty($heading)) $heading = new heading();
+ return $heading;
+ }
+
+ protected function buildNavbar()
+ {
+ $navbar = $this->block('navbar');
+ if(empty($navbar)) $navbar = new navbar();
+ return $navbar;
+ }
+
+ protected function buildToolbar()
+ {
+ $toolbar = $this->block('toolbar');
+ if(empty($toolbar))
+ {
+ $toolbar = new toolbar
+ (
+ setClass('gap-5'),
+ static::quickAddMenu(),
+ static::userBar(),
+ static::visionSwitcher()
+ );
+ }
+ return h::div
+ (
+ set::id('toolbar'),
+ $toolbar
+ );
+ }
+
+ /**
+ * Build.
+ *
+ * @access protected
+ * @return object
+ */
+ protected function build()
+ {
+ return h::header
+ (
+ setId('header'),
+ h::div
+ (
+ setClass('container'),
+ $this->buildHeading(),
+ $this->buildNavbar(),
+ $this->buildToolbar()
+ )
+ );
+ }
+
+ static function visionSwitcher()
+ {
+ global $lang, $app, $config;
+
+ if(!isset($app->user)) return;
+
+ if(!isset($app->user->visions)) $app->user->visions = trim($config->visions, ',');
+ $currentVision = $app->config->vision;
+ $userVisions = array_filter(explode(',', $app->user->visions));
+ $configVisions = array_filter(explode(',', trim($config->visions, ',')));
+
+ /* The standalone lite version removes the lite interface button */
+ if(trim($config->visions, ',') == 'lite') return true;
+
+ if(count($userVisions) < 2 || count($configVisions) < 2) return btn($lang->visionList[$currentVision]);
+
+ $items = array();
+ foreach($userVisions as $vision)
+ {
+ $items[] = array
+ (
+ 'active' => $currentVision == $vision,
+ 'url' => createLink('my', 'ajaxSwitchVision', "vision=$vision"),
+ 'data-type' => 'ajax',
+ 'text' => $lang->visionList[$vision],
+ );
+ }
+
+ return dropdown
+ (
+ btn
+ (
+ setClass('bg-white ring-0 rounded bg-opacity-30'),
+ set::text($lang->visionList[$currentVision]),
+ set::caret(false)
+ ),
+
+ set::id('versionMenu'),
+ set::trigger('hover'),
+ set::placement('bottom'),
+ set::menuProps(array('style' => array('color' => 'var(--color-fore)'))),
+ set::arrow(true),
+ set::items($items)
+ );
+ }
+
+ static function userBar()
+ {
+ global $lang, $app, $config;
+
+ if(!isset($app->user)) return;
+
+ $user = $app->user;
+ $isGuest = $user->account == 'guest';
+ $items = array();
+
+ if(!$isGuest)
+ {
+ $noRole = empty($user->role) || !isset($lang->user->roleList[$user->role]);
+ $items[] = array
+ (
+ 'type' => 'custom',
+ 'tag' => 'a',
+ 'href' => createLink('my', 'profile', '', '', true),
+ 'className' => 'items-center gap-2 px-2 py-1 row text-inherit',
+ 'renders' => array(array('__html' => implode('', array
+ (
+ userAvatar(set::user($user), setClass('flex-none'))->render(),
+ div
+ (
+ setClass('flex-auto'),
+ div(setClass('text-lg'), empty($user->realname) ? $user->account : $user->realname),
+ $noRole ? NULL : div(setClass('text-gray text-sm'), $lang->user->roleList[$user->role])
+ )->render()
+ )))),
+ );
+
+ $items[] = array('type' => 'divider');
+
+ $items[] = array
+ (
+ 'url' => createLink('my', 'profile', '', '', true),
+ 'icon' => 'account',
+ 'text' => $lang->profile,
+ 'class' => 'iframe',
+ 'data-width' => 700
+ );
+
+ if($app->config->vision === 'rnd')
+ {
+ if(!commonModel::isTutorialMode())
+ {
+ $items[] = array
+ (
+ 'url' => createLink('tutorial', 'start'),
+ 'icon' => 'guide',
+ 'text' => $lang->tutorialAB,
+ 'class' => '800',
+ 'outerClass' => 'user-tutorial',
+ 'data-width' => 700,
+ 'data-class-name' => 'modal-inverse',
+ 'data-headerless' => true,
+ 'data-backdrop' => true,
+ 'data-keyboard' => true
+ );
+ }
+
+ $items[] = array
+ (
+ 'url' => createLink('my', 'preference', 'showTip=false', '', true),
+ 'icon' => 'controls',
+ 'text' => $lang->preference,
+ 'class' => 'iframe',
+ 'data-width' => 700
+ );
+ }
+
+ if(common::hasPriv('my', 'changePassword'))
+ {
+ $items[] = array
+ (
+ 'url' => createLink('my', 'changepassword', '', '', true),
+ 'icon' => 'cog-outline',
+ 'text' => $lang->changePassword,
+ 'class' => 'iframe',
+ 'data-width' => 600
+ );
+ }
+
+ $items[] = array('type' => 'divider');
+ }
+
+ $themeItems = array();
+ foreach($app->lang->themes as $key => $value)
+ {
+ $themeItems[] = array('text' => $value, 'data-value' => $key, 'url' => "javascript:selectTheme(\"$key\")", 'active' => $app->cookie->theme == $key);
+ }
+ $items[] = array
+ (
+ 'text' => $lang->theme,
+ 'icon' => 'theme',
+ 'items' => $themeItems
+ );
+
+ $langItems = array();
+ foreach ($app->config->langs as $key => $value)
+ {
+ $langItems[] = array('text' => $value, 'data-value' => $key, 'url' => "javascript:selectLang(\"$key\")", 'active' => $app->cookie->lang == $key);
+ }
+ $items[] = array('text' => $lang->lang, 'icon' => 'lang', 'items' => $langItems);
+
+ $helpItems = array();
+ $manualUrl = ((!empty($config->isINT)) ? $config->manualUrl['int'] : $config->manualUrl['home']) . '&theme=' . $_COOKIE['theme'];
+ $helpItems[] = array('text' => $lang->manual, 'url' => $manualUrl, 'attrs' => array('data-app' => 'help'));
+ $helpItems[] = array('text' => $lang->changeLog, 'url' => createLink('misc', 'changeLog'));
+ $items[] = array('text' => $lang->help, 'icon' => 'help', 'items' => $helpItems);
+
+ /* printClientLink */
+
+ $items[] = array('text' => $lang->aboutZenTao, 'icon' => 'about', 'url' => createLink('misc', 'about'));
+ $items[] = array('type' => 'html', 'className' => 'menu-item', 'html' => $lang->designedByAIUX);
+
+ $items[] = array('type' => 'divider');
+
+ if($isGuest)
+ {
+ $items[] = array('text' => $lang->login, 'url' => createLink('user', 'login'), 'target' => '_top');
+ }
+ else
+ {
+ $items[] = array('text' => $lang->logout, 'url' => createLink('user', 'logout'), 'target' => '_top', 'icon' => 'exit');
+ }
+
+ return dropdown
+ (
+ a
+ (
+ setClass('circle'),
+ userAvatar
+ (
+ set::circle(true),
+ set::size(28),
+ set::user($user)
+ ),
+ set::square(true),
+ set::caret(false)
+ ),
+
+ set::id('userMenu'),
+ set::trigger('hover'),
+ set::placement('bottom'),
+ set::menuProps(array('style' => array('color' => 'var(--color-fore)'))),
+ set::strategy('fixed'),
+ set::arrow(true),
+ set::items($items)
+ );
+ }
+
+ static function quickAddMenu()
+ {
+ global $app, $config, $lang;
+
+ /* Initialize the default values. */
+ $showCreateList = $needPrintDivider = false;
+
+ /* Get default product id. */
+ $productID = isset($_SESSION['product']) ? $_SESSION['product'] : 0;
+ if($productID)
+ {
+ $product = $app->dbh->query("SELECT id FROM " . TABLE_PRODUCT . " WHERE `deleted` = '0' and vision = '{$config->vision}' and id = '{$productID}'")->fetch();
+ if(empty($product)) $productID = 0;
+ }
+ if(!$productID and $app->user->view->products)
+ {
+ $product = $app->dbh->query("SELECT id FROM " . TABLE_PRODUCT . " WHERE `deleted` = '0' and vision = '{$config->vision}' and id " . helper::dbIN($app->user->view->products) . " order by `order` desc limit 1")->fetch();
+ if($product) $productID = $product->id;
+ }
+
+ if($config->vision == 'lite')
+ {
+ $condition = " WHERE `deleted` = '0' AND `vision` = 'lite' AND `model` = 'kanban'";
+ if(!$app->user->admin) $condition .= " AND `id` " . helper::dbIN($app->user->view->projects);
+
+ $object = $app->dbh->query("select id from " . TABLE_PROJECT . $condition . ' LIMIT 1')->fetch();
+ if(empty($object)) unset($lang->createIcons['story'], $lang->createIcons['task'], $lang->createIcons['execution']);
+ }
+
+ if($config->edition == 'open') unset($lang->createIcons['effort']);
+ if($config->systemMode == 'light') unset($lang->createIcons['program']);
+
+ /* Check whether the creation permission is available, and print create buttons. */
+ $items = array();
+ foreach($lang->createIcons as $objectType => $objectIcon)
+ {
+ $createMethod = 'create';
+ $module = $objectType == 'kanbanspace' ? 'kanban' : $objectType;
+ if($objectType == 'effort') $createMethod = 'batchCreate';
+ if($objectType == 'kanbanspace') $createMethod = 'createSpace';
+ if(str_contains('|bug|execution|kanbanspace|', "|$objectType|")) $needPrintDivider = true;
+
+ if(!common::hasPriv($module, $createMethod)) continue;
+
+ if($objectType == 'doc' and !common::hasPriv('doc', 'tableContents')) continue;
+
+ /* Determines whether to print a divider. */
+ if($needPrintDivider and $showCreateList)
+ {
+ $items[] = array('type' => 'divider');
+ $needPrintDivider = false;
+ }
+
+ $showCreateList = true;
+ $isOnlyBody = false;
+ $item = array('icon' => $objectIcon, 'text' => $lang->createObjects[$objectType]);
+
+ $params = '';
+ switch($objectType)
+ {
+ case 'doc':
+ $params = "objectType=&objectID=0&libID=0";
+ $createMethod = 'selectLibType';
+ $isOnlyBody = true;
+ $item['class'] = 'iframe';
+ $item['data-width'] = '700px';
+ break;
+ case 'project':
+ if($config->vision == 'lite')
+ {
+ $params = "model=kanban";
+ }
+ else if(!defined('TUTORIAL'))
+ {
+ $params = "programID=0&from=global";
+ $createMethod = 'createGuide';
+ $item['data-toggle'] = 'modal';
+ }
+ else
+ {
+ $params = "model=scrum&programID=0©ProjectID=0&extra=from=global";
+ }
+
+ break;
+ case 'bug':
+ $params = "productID=$productID&branch=&extras=from=global";
+ break;
+ case 'story':
+ if(!$productID and $config->vision == 'lite')
+ {
+ $module = 'project';
+ $params = "model=kanban";
+ }
+ else
+ {
+ $params = "productID=$productID&branch=0&moduleID=0&storyID=0&objectID=0&bugID=0&planID=0&todoID=0&extra=from=global";
+ if($config->vision == 'lite')
+ {
+ $projectID = isset($_SESSION['project']) ? $_SESSION['project'] : 0;
+ $projects = $app->dbh->query("SELECT t2.id FROM " . TABLE_PROJECTPRODUCT . " AS t1 LEFT JOIN " . TABLE_PROJECT . " AS t2 ON t1.project = t2.id WHERE t1.`product` = '{$productID}' and t2.`type` = 'project' and t2.id " . helper::dbIN($app->user->view->projects) . " ORDER BY `order` desc")->fetchAll();
+
+ $projectIdList = array();
+ foreach($projects as $project) $projectIdList[$project->id] = $project->id;
+ if($projectID and !isset($projectIdList[$projectID])) $projectID = 0;
+ if(empty($projectID)) $projectID = key($projectIdList);
+
+ $params = "productID={$productID}&branch=0&moduleID=0&storyID=0&objectID={$projectID}&bugID=0&planID=0&todoID=0&extra=from=global";
+ }
+ }
+
+ break;
+ case 'task':
+ $params = "executionID=0&storyID=0&moduleID=0&taskID=0&todoID=0&extra=from=global";
+ break;
+ case 'testcase':
+ $params = "productID=$productID&branch=&moduleID=0&from=¶m=0&storyID=0&extras=from=global";
+ break;
+ case 'execution':
+ $projectID = isset($_SESSION['project']) ? $_SESSION['project'] : 0;
+ $params = "projectID={$projectID}&executionID=0©ExecutionID=0&planID=0&confirm=no&productID=0&extra=from=global";
+ break;
+ case 'product':
+ $params = "programID=&extra=from=global";
+ break;
+ case 'program':
+ $params = "parentProgramID=0&extra=from=global";
+ break;
+ case 'kanbanspace':
+ $isOnlyBody = true;
+ $item['class'] = 'iframe';
+ $item['data-width'] = '75%';
+ break;
+ case 'kanban':
+ $isOnlyBody = true;
+ $item['class'] = 'iframe';
+ $item['data-width'] = '75%';
+ break;
+ }
+
+ $item['url'] = createLink($module, $createMethod, $params, '', $isOnlyBody);
+
+ $items[] = $item;
+ }
+
+ if(!$showCreateList) return '';
+
+ return dropdown
+ (
+ btn
+ (
+ icon('plus', set::size('lg')),
+ setClass('bg-white ring-0 rounded bg-opacity-20'),
+ set::square(true),
+ set::size('sm'),
+ set::caret(false)
+ ),
+
+ set::id('quickAddMenu'),
+ set::menuProps(array('style' => array('color' => 'var(--color-fore)'))),
+ set::trigger('hover'),
+ set::placement('bottom'),
+ set::strategy('fixed'),
+ set::arrow(true),
+ set::items($items)
+ );
+ }
+}
diff --git a/zin/wg/heading/v1.php b/zin/wg/heading/v1.php
new file mode 100644
index 0000000000..f7e5cb4f70
--- /dev/null
+++ b/zin/wg/heading/v1.php
@@ -0,0 +1,61 @@
+navIcons, $tab, '');
+
+ if(!in_array($tab, array('program', 'product', 'project')))
+ {
+ $nav = $lang->mainNav->$tab;
+ list($title, $currentModule, $currentMethod, $vars) = explode('|', $nav);
+ if($tab == 'execution') $currentMethod = 'all';
+ }
+ else
+ {
+ $currentModule = $tab;
+ if($tab == 'program' or $tab == 'project') $currentMethod = 'browse';
+ if($tab == 'product') $currentMethod = 'all';
+ }
+
+ $url = createLink($currentModule, $currentMethod);
+ return item
+ (
+ set::url($url),
+ set::hint($lang->$tab->common),
+ $tab == 'devops' ? set::class('num') : NULL,
+ html($icon),
+ span(set::class('text'), $lang->$tab->common),
+ );
+ }
+
+ /**
+ * Build.
+ *
+ * @access protected
+ * @return object
+ */
+ protected function build()
+ {
+ $showAppName = $this->prop('showAppName');
+
+ return div
+ (
+ set::id('heading'),
+ new toolbar
+ (
+ $showAppName ? $this->buildAppName() : NULL,
+ set::btnClass('primary'),
+ set::items($this->prop('items')),
+ $this->children()
+ )
+ );
+ }
+}
diff --git a/zin/wg/historyrecord/css/v1.css b/zin/wg/historyrecord/css/v1.css
new file mode 100644
index 0000000000..38a6ccf1fe
--- /dev/null
+++ b/zin/wg/historyrecord/css/v1.css
@@ -0,0 +1,186 @@
+.detail {
+ padding: 10px;
+}
+
+.detail-title {
+ font-size: 14px;
+ font-weight: 700;
+ line-height: 20px;
+}
+
+.histories .btn-mini {
+ width: 16px;
+ min-width: 16px;
+ height: 16px;
+ overflow: hidden;
+ line-height: 16px;
+ color: #cbd0db;
+ vertical-align: -8%;
+ border-radius: 1px;
+ font-size: 12px;
+}
+
+.histories .btn {
+ background-color: #fff;
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: 400;
+ text-align: center;
+ white-space: nowrap;
+ cursor: pointer;
+ user-select: none;
+ border: 1px solid #d8dbde;
+ transition: .4s cubic-bezier(.175,.885,.32,1);
+ transition-property: background,border,box-shadow,outline,opacity,-webkit-box-shadow;
+}
+
+.histories .icon {
+ font-family: ZentaoIcon;
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ font-variant: normal;
+ line-height: 1;
+ text-transform: none;
+ -webkit-font-smoothing: antialiased;
+}
+
+.btn-icon {
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.detail-title > span {
+ margin-right: 10px;
+}
+
+.detail-title > .pull-right {
+ position: relative;
+ top: -8px;
+}
+
+.histories .btn-link {
+ padding-right: 6px;
+ padding-left: 6px;
+ font-weight: 400;
+ color: #313c52;
+ text-shadow: none;
+ cursor: pointer;
+ background: 0 0;
+ box-shadow: none;
+ border-color: transparent;
+}
+
+.detail-content {
+ padding: 0;
+ margin-top: 10px;
+}
+
+.histories-list {
+ padding-left: 15px;
+ margin-bottom: 0;
+ margin-top: 0;
+ list-style: decimal;
+ display: flex;
+ flex-direction: column;
+}
+
+.histories-list.sort-reverse {
+ flex-direction: column-reverse;
+}
+
+.histories-list > li {
+ word-break: break-word;
+ word-wrap: break-word;
+ position: relative;
+}
+
+.histories-list > li strong {
+ color: #313c52;
+}
+
+.history-changes {
+ display: none;
+ padding: 5px;
+ margin-bottom: -5px;
+ margin-left: 5px;
+ font-size: 12px;
+ line-height: 20px;
+}
+
+.history-changes.show {
+ display: block;
+}
+
+.histories-list .btn-edit-comment {
+ position: absolute;
+ top: 28px;
+ right: 2px;
+ z-index: 100;
+}
+
+.btn-icon.btn-sm {
+ width: 24px;
+ min-width: 24px;
+ height: 24px;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.btn-sm {
+ padding: 3px 8px;
+ font-size: 12px;
+ line-height: 18px;
+ border-radius: 4px;
+}
+
+.histories-list .comment,
+.histories-list .show-form .comment-edit-form {
+ padding: 5px 5px 5px 10px;
+ margin: 5px 0 0;
+ background-color: rgba(0,0,0,.025);
+ border: 1px solid #eee;
+}
+
+.article-content, .article > .content {
+ word-wrap: break-word;
+}
+
+.article-content {
+ overflow: auto;
+ font-size: 14px;
+ line-height: 1.57142857;
+}
+
+.comment .comment-content {
+ width: 98%;
+}
+
+.form-actions .btn {
+ margin-right: 10px;
+}
+
+.btn-wide {
+ min-width: 120px;
+}
+
+.btn-primary {
+ color: #fff;
+ background-color: #2e7fff;
+ border-color: transparent;
+}
+
+.form-actions {
+ margin-top: 20px;
+ margin-bottom: 0;
+}
+
+.form-group {
+ margin-bottom: 10px;
+}
+
+.histories-list .comment-edit-form,
+.histories-list .show-form .btn-edit-comment,
+.histories-list .show-form .comment {
+ display: none;
+}
diff --git a/zin/wg/historyrecord/v1.php b/zin/wg/historyrecord/v1.php
new file mode 100644
index 0000000000..9e2a25297b
--- /dev/null
+++ b/zin/wg/historyrecord/v1.php
@@ -0,0 +1,271 @@
+prop('methodName') ?? data('methodName');
+
+ return (!isset($canBeChanged) || !empty($canBeChanged))
+ && end($actions) == $action
+ && trim($action->comment) !== ''
+ && str_contains(',view,objectlibs,viewcard,', ",$methodName,")
+ && $action->actor == $app->user->account
+ && common::hasPriv('action', 'editComment');
+ }
+
+ private function createExpandBtn($i)
+ {
+ global $lang;
+
+ return button
+ (
+ setClass('btn btn-mini switch-btn btn-icon btn-expand'),
+ set::type('button'),
+ set::title($lang->switchDisplay),
+ h::i(setClass('change-show icon icon-plus icon-sm')),
+ on::click(<<action->editComment),
+ h::i(setClass('icon icon-pencil')),
+ );
+ }
+
+ private function createHistoryChangesView($action, $i)
+ {
+ global $app;
+
+ return div
+ (
+ setClass('history-changes'),
+ set::id("changeBox$i"),
+ html($app->loadTarget('action')->renderChanges($action->objectType, $action->history)),
+ );
+ }
+
+ private function createActionItemView($action, $i)
+ {
+ global $app;
+
+ return li
+ (
+ set::value($i),
+ html($app->loadTarget('action')->renderAction($action))
+ );
+ }
+
+ private function generateComment($action)
+ {
+ if(str_contains($action->comment, '
').insertAfter('#mainMenu');
+ if(!$form.data('loaded'))
+ {
+ const url = $.createLink('search', 'buildForm', 'module=' + config.currentModule);
+ fetch(url).then(response => response.text()).then(html =>
+ {
+ $form.html(html).data('loaded', true);
+ zui.bus.emit('searchform.loaded');
+ });
+ }
+};
diff --git a/zin/wg/searchtoggle/v1.php b/zin/wg/searchtoggle/v1.php
new file mode 100644
index 0000000000..18351111fa
--- /dev/null
+++ b/zin/wg/searchtoggle/v1.php
@@ -0,0 +1,30 @@
+searchAB),
+ on::click('window.toggleSearchForm'),
+ $this->prop('open') ? h::jsCall('~window.toggleSearchForm') : NULL
+ );
+ }
+}
diff --git a/zin/wg/select/v1.php b/zin/wg/select/v1.php
new file mode 100644
index 0000000000..509b6ed4f6
--- /dev/null
+++ b/zin/wg/select/v1.php
@@ -0,0 +1,83 @@
+props->toJsonData();
+
+ $text = isset($item['text']) ? $item['text'] : '';
+ unset($item['text']);
+
+ if(!isset($item['selected']))
+ {
+ $value = isset($item['value']) ? $item['value'] : '';
+ $valueList = $this->getValueList();
+
+ $item['selected'] = in_array($value, $valueList);
+ }
+
+ return h::option(set($item), $text);
+ }
+
+ public function isMultiple()
+ {
+ $multiple = $this->prop('multiple');
+ if($multiple === NULL)
+ {
+ $name = $this->prop('name');
+ $multiple = str_contains($name, '[');
+ }
+ return $multiple;
+ }
+
+ public function getValueList()
+ {
+ $value = $this->prop('value');
+ if($this->isMultiple()) return is_array($value) ? $value : explode(',', $value);
+ return [$value];
+ }
+
+ protected function build()
+ {
+ list($items) = $this->prop(['items']);
+
+ if(!empty($items))
+ {
+ $valueList = $this->getValueList();
+ foreach($items as $key => $item)
+ {
+ if(!is_array($item)) $item = ['text' => $item, 'value' => $key];
+ if(!isset($item['selected'])) $item['selected'] = in_array($item['value'], $valueList);
+ $items[$key] = $this->onBuildItem($item);
+ }
+ }
+
+ $props = $this->props->skip(['items', 'value', 'multiple', 'required']);
+ $required = $this->prop('required');
+ if(!$this->hasProp('id') && isset($props['name'])) $props['id'] = $props['name'];
+
+ return h::select
+ (
+ setClass('form-control', $required ? 'is-required' : ''),
+ set::multiple($this->isMultiple()),
+ set($props),
+ $items,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/sidebar/css/v1.css b/zin/wg/sidebar/css/v1.css
new file mode 100644
index 0000000000..029801fc5a
--- /dev/null
+++ b/zin/wg/sidebar/css/v1.css
@@ -0,0 +1,97 @@
+.sidebar {
+ flex: none !important;
+ position: relative;
+ transition-duration: .15s;
+ transition-property: width;
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+ width: var(--zt-sidebar-width);
+}
+
+.sidebar-toggle {
+ align-items: center;
+ border-radius: var(--radius);
+ bottom: 0;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ position: absolute;
+ top: 0;
+ transition-duration: 1s;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+ width: 1rem;
+}
+
+.sidebar-toggle > .icon {
+ align-items: center;
+ background-color: rgb(var(--color-canvas-rgb));
+ border-color: rgb(212, 212, 216);
+ border-width: 1px;
+ display: flex;
+ height: 2rem;
+ justify-content: center;
+ width: 0.75rem;
+}
+
+.sidebar-toggle:hover > .icon {
+ border-color: rgba(var(--color-primary-500-rgb));
+ color: rgba(var(--color-primary-500-rgb));
+}
+
+.sidebar-left > .sidebar-toggle > .icon {
+ border-bottom-left-radius: var(--radius-lg);
+ border-top-left-radius: var(--radius-lg);
+}
+
+.sidebar-right > .sidebar-toggle > .icon {
+ border-top-right-radius: var(--radius-lg);
+ border-bottom-right-radius: var(--radius-lg);
+}
+
+.sidebar-left > .sidebar-toggle {
+ right: -1rem;
+}
+
+.sidebar-right > .sidebar-toggle {
+ left: -1rem;
+}
+
+.sidebar-toggle:hover {
+ background-color: #3341550d;
+}
+
+.hide-sidebar-left .sidebar-left > *,
+.hide-sidebar-right .sidebar-right > * {
+ display: none;
+}
+
+.hide-sidebar-left .sidebar.sidebar-left,
+.hide-sidebar-right .sidebar.sidebar-right {
+ margin-left: -0.5rem;
+ margin-right: -0.5rem;
+ width: 0;
+}
+
+.hide-sidebar-left .sidebar-left > .sidebar-toggle {
+ display: flex;
+ right: -0.5rem;
+}
+.hide-sidebar-right .sidebar-right > .sidebar-toggle {
+ display: flex;
+ left: -0.5rem;
+}
+.hide-sidebar-left .sidebar-left > .sidebar-toggle > .icon {
+ transform: rotate(180deg);
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+ border-top-right-radius: 0.5rem;
+ border-bottom-right-radius: 0.5rem;
+}
+
+.hide-sidebar-right .sidebar-right > .sidebar-toggle > .icon {
+ transform: rotate(180deg);
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ border-top-left-radius: 0.5rem;
+ border-bottom-left-radius: 0.5rem;
+}
diff --git a/zin/wg/sidebar/js/v1.js b/zin/wg/sidebar/js/v1.js
new file mode 100644
index 0000000000..b08e5936ad
--- /dev/null
+++ b/zin/wg/sidebar/js/v1.js
@@ -0,0 +1,13 @@
+/**
+ * @param {{side?: 'left' | 'right', toggle?: boolean, container?: HTMLElement}=} options
+ */
+function toggleSidebar(options) {
+ const {side = 'left', toggle, container = document.body} = options || {};
+ container.classList.toggle(`hide-sidebar-${side}`, typeof toggle === 'boolean' ? !toggle : undefined);
+}
+
+zui.toggleSidebar = toggleSidebar;
+
+zui.bus.on('zt_toggleSidebar', (event) => {
+ toggleSidebar(event.detail);
+});
diff --git a/zin/wg/sidebar/v1.php b/zin/wg/sidebar/v1.php
new file mode 100644
index 0000000000..667c2a86eb
--- /dev/null
+++ b/zin/wg/sidebar/v1.php
@@ -0,0 +1,34 @@
+prop(array('side', 'showToggle'));
+ return div
+ (
+ setClass("sidebar sidebar-$side"),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $this->children(),
+ $showToggle ? div
+ (
+ set::class("sidebar-toggle sidebar-$side-toggle"),
+ icon("angle-$side"),
+ on::click("zui.toggleSidebar({side: '$side'})")
+ ) : NULL
+ );
+ }
+}
diff --git a/zin/wg/switcher/v1.php b/zin/wg/switcher/v1.php
new file mode 100644
index 0000000000..786ec7215c
--- /dev/null
+++ b/zin/wg/switcher/v1.php
@@ -0,0 +1,12 @@
+ 'switch switch'
+ );
+}
diff --git a/zin/wg/tabs/v1.php b/zin/wg/tabs/v1.php
new file mode 100644
index 0000000000..b0941fbe17
--- /dev/null
+++ b/zin/wg/tabs/v1.php
@@ -0,0 +1,87 @@
+prop('items');
+ $direction = $this->prop('direction');
+ $activeId = $this->prop('activeId');
+
+ if(empty($items)) return null;
+
+ $lables = array();
+ $content = array();
+ $actived = false;
+ foreach($items as $item)
+ {
+ /* Get ID. */
+ $id = isset($item['id']) ? $item['id'] : '';
+ if(empty($id)) $id = isset($item['label']) ? $item['label'] : '';
+ if(empty($id)) $id = $this->gid;
+
+ $active = isset($item['active']) ? !empty($item['active']) : null;
+ if($active === null and !empty($activeId) and $activeId == $id) $active = true;
+ if($active === true) $actived = true;
+
+ $lables[] = h::li
+ (
+ setClass('nav-item'),
+ $active === true ? setClass('active') : null,
+ h::a
+ (
+ set('data-toggle', 'tab'),
+ set('href', '#' . $id),
+ isset($item['label']) ? $item['label'] : null
+ )
+ );
+
+ $content[] = h::div
+ (
+ setClass('tab-pane'),
+ setId($id),
+ $active === true ? setClass('active') : null,
+ isset($item['data']) ? $item['data'] : null
+ );
+ }
+
+ /* There is no active item, then set index 0 to be actived. */
+ if(!$actived)
+ {
+ $l = $lables[0];
+ $l->setProp('class', 'active');
+ $lables[0] = $l;
+
+ $c = $content[0];
+ $c->setProp('class', 'active');
+ $content[0] = $c;
+ }
+
+ return h::div
+ (
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $direction == 'v' ? setClass('flex') : null,
+ /* Tabs. */
+ h::ul(
+ setClass('nav nav-tabs'),
+ $direction == 'v' ? setClass('nav-stacked') : null,
+ $lables
+ ),
+ /* Content. */
+ h::div
+ (
+ setClass('tab-content'),
+ $content
+ )
+ );
+ }
+}
diff --git a/zin/wg/textarea/v1.php b/zin/wg/textarea/v1.php
new file mode 100644
index 0000000000..30836ac7e4
--- /dev/null
+++ b/zin/wg/textarea/v1.php
@@ -0,0 +1,28 @@
+ 'form-control',
+ 'rows' => 10
+ ];
+
+ protected function build()
+ {
+ return h::textarea(set($this->props));
+ }
+}
diff --git a/zin/wg/timepicker/v1.php b/zin/wg/timepicker/v1.php
new file mode 100644
index 0000000000..d969943e56
--- /dev/null
+++ b/zin/wg/timepicker/v1.php
@@ -0,0 +1,12 @@
+ 'time'
+ ];
+}
diff --git a/zin/wg/toolbar/v1.php b/zin/wg/toolbar/v1.php
new file mode 100644
index 0000000000..e9c1008e02
--- /dev/null
+++ b/zin/wg/toolbar/v1.php
@@ -0,0 +1,42 @@
+prop('type');
+ if($type === 'divider') return div(setClass('toolbar-divider'));
+ if($type === 'btnGroup') return new btnGroup(inherit($item));
+
+ list($btnClass, $btnProps) = $this->prop(array('btnClass', 'btnProps'));
+ return new btn
+ (
+ setClass('toolbar-item', $btnClass),
+ is_array($btnProps) ? set($btnProps) : NULL,
+ inherit($item)
+ );
+ }
+
+ protected function build()
+ {
+ $items = $this->prop('items');
+ return div
+ (
+ setClass('toolbar'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : null,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/tooltip/v1.php b/zin/wg/tooltip/v1.php
new file mode 100644
index 0000000000..42772ff14e
--- /dev/null
+++ b/zin/wg/tooltip/v1.php
@@ -0,0 +1,12 @@
+account))
+ {
+ $this->props->set('user', $child);
+ return false;
+ }
+ return parent::onAddChild($child);
+ }
+
+ protected function build()
+ {
+ list($user, $avatar, $account, $realname) = $this->prop(array('user', 'avatar', 'account', 'realname'));
+ if(is_array($user))
+ {
+ $avatar = isset($user['avatar']) ? $user['avatar'] : $avatar;
+ $account = isset($user['account']) ? $user['account'] : $account;
+ $realname = isset($user['realname']) ? $user['realname'] : $realname;
+ }
+ elseif(is_object($user))
+ {
+ $avatar = isset($user->avatar) ? $user->avatar : $avatar;
+ $account = isset($user->account) ? $user->account : $account;
+ $realname = isset($user->realname) ? $user->realname : $realname;
+ }
+
+ return avatar
+ (
+ set::src($avatar),
+ set::code($account),
+ set::text(empty($realname) ? $account : $realname),
+ set($this->props->skip(array('avatar', 'account', 'realname', 'user')))
+ );
+ }
+}
diff --git a/zin/zentao/pager.func.php b/zin/zentao/pager.func.php
new file mode 100644
index 0000000000..e105304ef3
--- /dev/null
+++ b/zin/zentao/pager.func.php
@@ -0,0 +1,41 @@
+setParams();
+ $params = $pager->params;
+ foreach($params as $key => $value)
+ {
+ if(strtolower($key) == 'recperpage') $params[$key] = '{recPerPage}';
+ if(strtolower($key) == 'pageid') $params[$key] = '{page}';
+ }
+
+ $setting = new \stdClass();
+ $setting->pageID = $pager->pageID;
+ $setting->recTotal = $pager->recTotal;
+ $setting->recPerPage = $pager->recPerPage;
+ $setting->linkCreator = createLink($pager->moduleName, $pager->methodName, $params);
+ $setting->items = array();
+ $setting->btnProps= ['data-load' => 'table'];
+
+ if($pager->recTotal == 0)
+ {
+ $setting->items[] = array('type' => 'info', 'text' => $pager->lang->pager->noRecord);
+ }
+ else
+ {
+ $setting->items[] = array('type' => 'info', 'text' => $pager->lang->pager->totalCountAB);
+ $setting->items[] = array('type' => 'size-menu', 'text' => str_replace('', '', str_replace('', '', $pager->lang->pager->pageSize)), 'dropdown' => array('placement' => 'top'));
+ $setting->items[] = array('type' => 'link', 'page' => 'first', 'hint' => $pager->lang->pager->firstPage, 'icon' => 'icon-first-page');
+ $setting->items[] = array('type' => 'link', 'page' => 'prev', 'hint' => $pager->lang->pager->previousPage, 'icon' => 'icon-angle-left');
+ $setting->items[] = array('type' => 'info', 'text' => '{page}/{pageTotal}');
+ $setting->items[] = array('type' => 'link', 'page' => 'next', 'hint' => $pager->lang->pager->nextPage, 'icon' => 'icon-angle-right');
+ $setting->items[] = array('type' => 'link', 'page' => 'last', 'hint' => $pager->lang->pager->lastPage, 'icon' => 'icon-last-page');
+ }
+
+ return $setting;
+}
diff --git a/zin/zentao/zentao.func.php b/zin/zentao/zentao.func.php
new file mode 100644
index 0000000000..9ef1443a8e
--- /dev/null
+++ b/zin/zentao/zentao.func.php
@@ -0,0 +1,65 @@
+moduleName;
+ $methodName = $app->methodName;
+ $required = false;
+ if(isset($config->$moduleName->$methodName->requiredFields)) $required = in_array($name, explode(',', $config->$moduleName->$methodName->requiredFields));
+
+ return $required;
+}
diff --git a/zin/zin.php b/zin/zin.php
new file mode 100755
index 0000000000..7ce17dee1d
--- /dev/null
+++ b/zin/zin.php
@@ -0,0 +1,16 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once __DIR__ . DS . 'config.php';
+require_once __DIR__ . DS . 'helper.php';
+require_once __DIR__ . DS . 'func.php';
diff --git a/zin/zui/toggle.class.php b/zin/zui/toggle.class.php
new file mode 100644
index 0000000000..91c0b88378
--- /dev/null
+++ b/zin/zui/toggle.class.php
@@ -0,0 +1,22 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once 'toggle.func.php';
+
+class toggle
+{
+ public static function __callStatic($name, $args)
+ {
+ return toggle($name, empty($args) ? NULL : $args[0]);
+ }
+}
diff --git a/zin/zui/toggle.func.php b/zin/zui/toggle.func.php
new file mode 100644
index 0000000000..e50df31603
--- /dev/null
+++ b/zin/zui/toggle.func.php
@@ -0,0 +1,24 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+namespace zin;
+
+function toggle($name, $options = NULL)
+{
+ $props = array('data-toggle' => $name);
+ if (is_array($options))
+ {
+ foreach ($options as $key => $value)
+ {
+ $props["data-$key"] = $value;
+ }
+ }
+ return set($props);
+}
diff --git a/zin/zui/zui.class.php b/zin/zui/zui.class.php
new file mode 100644
index 0000000000..6e011219ea
--- /dev/null
+++ b/zin/zui/zui.class.php
@@ -0,0 +1,175 @@
+
+ * @package zin
+ * @version $Id
+ * @link https://www.zentao.net
+ */
+
+namespace zin;
+
+require_once dirname(__DIR__) . DS . 'core' . DS . 'wg.class.php';
+require_once dirname(__DIR__) . DS . 'core' . DS . 'wg.func.php';
+require_once dirname(__DIR__) . DS . 'core' . DS . 'wg.func.php';
+require_once 'toggle.func.php';
+require_once 'toggle.class.php';
+
+class zui extends wg
+{
+ static $defineProps = '_name:string, _to?:string, _tag:string="div", _toProps?: array';
+
+ protected function build()
+ {
+ list($name, $target, $tagName, $targetProps) = $this->prop(array('_name', '_to', '_tag', '_toProps'));
+ $selector = empty($target) ? "[data-zin-id='$this->gid']" : $target;
+ $options = $this->props->skip(array_keys(static::getDefinedProps()));
+ return array
+ (
+ empty($target) ? h
+ (
+ $tagName,
+ set($targetProps),
+ set('data-zin-id', $this->gid)
+ ) : NULL,
+ $this->children(),
+ h::jsCall('~zui.create', $name, $selector, $options)
+ );
+ }
+
+ public static function __callStatic($name, $args)
+ {
+ return new zui(set('_name', $name), $args);
+ }
+
+ public static function toggle($name, $options = NULL)
+ {
+ return toggle($name, $options);
+ }
+
+ public static function setClass($name, ...$args)
+ {
+ $class = [$name => true];
+ foreach($args as $arg)
+ {
+ if(is_bool($arg)) $class[$name] = $arg;
+ else $class["$name-$arg"] = true;
+ }
+ if(isset($class[$name]) && $class[$name] === false) return NULL;
+ return setClass($class);
+ }
+
+ public static function skin($name, $flag = true, $falseValue = NULL, $cssProp = NULL)
+ {
+ if($flag === NULL) return NULL;
+
+ if(is_array($flag))
+ {
+ return array_map(function($value) use($name, $cssProp) {return zui::skin($name, $value, NULL, $cssProp);}, $flag);
+ }
+
+ if($flag === false)
+ {
+ if(empty($falseValue)) return NULL;
+ $flag = 'none';
+ }
+ elseif($cssProp !== NULL && is_string($flag) && (str_ends_with($flag, 'px') || str_starts_with($flag, '#') || str_contains($flag, '.') || str_contains($flag, '(')))
+ {
+ if(str_starts_with($flag, '(')) $flag = substr($flag, 1, -1);
+ return setStyle($cssProp, $flag);
+ }
+ return setClass($flag === true ? $name : "$name-$flag");
+ }
+
+ public static function rounded($value = true)
+ {
+ return zui::skin('rounded', $value, 'none', 'border-radius');
+ }
+
+ public static function shadow($value = true)
+ {
+ return zui::skin('shadow', $value, 'none');
+ }
+
+ public static function primary($value = true)
+ {
+ return zui::skin('primary', $value);
+ }
+
+ public static function secondary($value = true)
+ {
+ return zui::skin('secondary', $value);
+ }
+
+ public static function success($value = true)
+ {
+ return zui::skin('success', $value);
+ }
+
+ public static function warning($value = true)
+ {
+ return zui::skin('warning', $value);
+ }
+
+ public static function danger($value = true)
+ {
+ return zui::skin('danger', $value);
+ }
+
+ public static function important($value = true)
+ {
+ return zui::skin('important', $value);
+ }
+
+ public static function special($value = true)
+ {
+ return zui::skin('special', $value);
+ }
+
+ public static function bg($value = NULL)
+ {
+ return zui::skin('bg', $value, 'transparent', 'background');
+ }
+
+ public static function text($value = NULL)
+ {
+ return zui::skin('text', $value, 'fore', 'color');
+ }
+
+ public static function muted($value = true)
+ {
+ return $value ? setClass('muted') : NULL;
+ }
+
+ public static function opacity($value)
+ {
+ return zui::skin('opacity', $value, '0', 'opacity');
+ }
+
+ public static function disabled($value = true)
+ {
+ return $value ? setClass('disabled') : NULL;
+ }
+
+ public static function width($value)
+ {
+ return zui::skin('w', $value, '0', 'width');
+ }
+
+ public static function height($value)
+ {
+ return zui::skin('h', $value, '0', 'width');
+ }
+
+ public static function ring(...$args)
+ {
+ return zui::skin('ring', $args, '0');
+ }
+
+ public static function border(...$args)
+ {
+ return zui::skin('border', $args, 'none', 'border');
+ }
+}
diff --git a/zin/zui/zui.func.php b/zin/zui/zui.func.php
new file mode 100644
index 0000000000..60ef2c8cc4
--- /dev/null
+++ b/zin/zui/zui.func.php
@@ -0,0 +1,21 @@
+'))
+ {
+ $before = explode('', $action->comment);
+ $after = explode('', $before[1]);
+ $htmlCode = $after[0];
+ return $before[0] . htmlspecialchars($htmlCode) . $after[1];
+ }
+
+ return strip_tags($action->comment) === $action->comment
+ ? nl2br($action->comment)
+ : $action->comment;
+ }
+
+ private function createCommentView($action)
+ {
+ $comment = $this->generateComment($action);
+
+ return div
+ (
+ setClass('article-content comment'),
+ div
+ (
+ setClass('comment-content'),
+ $comment,
+ ),
+ );
+ }
+
+ private function createCommentEditForm($action)
+ {
+ global $lang;
+
+ return form
+ (
+ setClass('comment-edit-form'),
+ set::method('post'),
+ set::action(createLink('action', 'editComment', "actionID=$action->id")),
+ div
+ (
+ setClass('form-group'),
+ textarea
+ (
+ htmlSpecialString($action->comment),
+ set::name('lastComment'),
+ set::rows('8'),
+ set::autofocus('autofocus'),
+ ),
+ ),
+ div
+ (
+ setClass('form-group form-actions'),
+ button
+ (
+ setClass('btn btn-wide btn-primary'),
+ set::type('submit'),
+ set::id('submit'),
+ $lang->save,
+ ),
+ button
+ (
+ setClass('btn btn-wide btn-hide-form'),
+ $lang->close,
+ ),
+ ),
+ );
+ }
+
+ private function buildHistoriesList()
+ {
+ $actions = $this->prop('actions') ?? data('actions');
+ $users = $this->prop('users') ?? data('users');
+ $historiesListView = h::ol(setClass('histories-list'));
+ $i = 0;
+
+ foreach($actions as $action)
+ {
+ if($action->action === 'assigned' || $action->action === 'toaudit')
+ $action->extra = zget($users, $action->extra);
+
+ $action->actor = zget($users, $action->actor);
+ if(str_contains($action->actor, ':'))
+ $action->actor = substr($action->actor, strpos($action->actor, ':') + 1);
+
+ $i++;
+ $actionItemView = $this->createActionItemView($action, $i);
+
+ if(!empty($action->history))
+ {
+ $allExpandBtn = $this->createExpandBtn($i);
+ $actionItemView->add($allExpandBtn);
+
+ $historyChangesView = $this->createHistoryChangesView($action, $i);
+ $actionItemView->add($historyChangesView);
+ }
+ if(strlen(trim(($action->comment))) !== 0)
+ {
+ $canEditComment = $this->checkEditCommentPriv($action);
+
+ if($canEditComment)
+ {
+ $editCommentBtn = $this->createEditCommentBtn();
+ $actionItemView->add($editCommentBtn);
+ }
+
+ $commentView = $this->createCommentView($action);
+ $actionItemView->add($commentView);
+
+ if($canEditComment)
+ {
+ $commentEditForm = $this->createCommentEditForm($action);
+ $actionItemView->add($commentEditForm);
+ }
+ }
+ $historiesListView->add($actionItemView);
+ }
+
+ return $historiesListView;
+ }
+
+ protected function build()
+ {
+ global $lang;
+ return div
+ (
+ setClass('detail histories'),
+ set::id('actionbox'),
+ set('data-textdiff', $lang->action->textDiff),
+ set('data-original', $lang->action->original),
+ div
+ (
+ setClass('detail-title'),
+ span($lang->history),
+ button
+ (
+ setClass('btn btn-mini btn-icon btn-reverse'),
+ setStyle('margin-right', '4px'),
+ set::type('button'),
+ set::title($lang->reverse),
+ h::i(setClass('icon icon-arrow-up icon-sm')),
+ on::click(<<switchDisplay),
+ h::i(setClass('icon icon-plus icon-sm')),
+ on::click(<<action->create)
+ ),
+ ),
+ div(setClass('detail-content'), $this->buildHistoriesList())
+ );
+ }
+}
diff --git a/zin/wg/icon/v1.php b/zin/wg/icon/v1.php
new file mode 100644
index 0000000000..e43903aa91
--- /dev/null
+++ b/zin/wg/icon/v1.php
@@ -0,0 +1,32 @@
+props->has('name'))
+ {
+ $this->props->set('name', $child);
+ return false;
+ }
+ }
+
+ protected function build()
+ {
+ list($name, $size) = $this->prop(array('name', 'size'));
+ return h::i
+ (
+ setClass('icon', empty($name) ? NULL : "icon-$name"),
+ is_numeric($size)
+ ? setStyle('font-size', "{$size}px")
+ : (is_string($size)
+ ? setClass("icon-$size")
+ : NULL),
+ set($this->props->skip(array_keys(icon::getDefinedProps()))),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/input/v1.php b/zin/wg/input/v1.php
new file mode 100644
index 0000000000..c47f4757b0
--- /dev/null
+++ b/zin/wg/input/v1.php
@@ -0,0 +1,34 @@
+ 'text',
+ 'class' => 'form-control',
+ ];
+
+ protected function build()
+ {
+ $props = $this->props->skip('required');
+ $required = $this->prop('required');
+ if(!$this->hasProp('id') && isset($props['name'])) $props['id'] = $props['name'];
+ if(is_bool($props['autocomplete'])) $props['autocomplete'] = $props['autocomplete'] ? 'on' : 'off';
+ return h::input(set($props), $required ? setClass('is-required') : NULL);
+ }
+}
diff --git a/zin/wg/inputcontrol/v1.php b/zin/wg/inputcontrol/v1.php
new file mode 100644
index 0000000000..ef52616647
--- /dev/null
+++ b/zin/wg/inputcontrol/v1.php
@@ -0,0 +1,73 @@
+ [],
+ 'suffix' => [],
+ ];
+
+ protected function build()
+ {
+ list($prefix, $suffix, $prefixWidth, $suffixWidth) = $this->prop(['prefix', 'suffix', 'prefixWidth', 'suffixWidth']);
+
+ if(empty($prefix)) $prefix = $this->block('prefix');
+ if(empty($suffix)) $suffix = $this->block('suffix');
+
+ $class = ['input-control'];
+ $vars = [];
+ if(!empty($prefix))
+ {
+ if(is_numeric($prefixWidth))
+ {
+ $vars['input-control-prefix'] = $prefixWidth . 'px';
+ $class[] = 'has-prefix';
+ }
+ elseif(!empty($prefixWidth))
+ {
+ $class[] = "has-prefix-$prefixWidth";
+ }
+ else
+ {
+ $class[] = 'has-prefix';
+ }
+ }
+ if(!empty($suffix))
+ {
+ if(is_numeric($suffixWidth))
+ {
+ $vars['input-control-suffix'] = $suffixWidth . 'px';
+ $class[] = 'has-suffix';
+ }
+ elseif(!empty($suffixWidth))
+ {
+ $class[] = "has-suffix-$suffixWidth";
+ }
+ else
+ {
+ $class[] = 'has-suffix';
+ }
+ }
+
+ return div
+ (
+ setClass($class),
+ empty($vars) ? NULL : setCssVar($vars),
+ $this->children(),
+ empty($prefix) ? NULL : div(setClass('input-control-prefix'), $prefix),
+ empty($suffix) ? NULL : div(setClass('input-control-suffix'), $suffix)
+ );
+ }
+}
diff --git a/zin/wg/inputgroup/v1.php b/zin/wg/inputgroup/v1.php
new file mode 100644
index 0000000000..7251d89fad
--- /dev/null
+++ b/zin/wg/inputgroup/v1.php
@@ -0,0 +1,50 @@
+ 'addon', 'text' => $item]));
+ elseif(is_array($item)) $item = new item(set($item));
+ elseif($item instanceof wg) return $item;
+
+ $type = $item->prop('type');
+
+ if($type === 'addon') return h::span(setClass('input-group-addon'), set($item->props->skip('type,text')), $item->prop('text'));
+
+ if($type === 'btn') return new btn(set($item->props->skip('type')));
+
+ if($type === 'inputControl')
+ {
+ $propNames = array_keys(inputControl::getDefinedProps());
+ return new inputControl
+ (
+ set($item->props->pick($propNames)),
+ new input(set($item->props->skip(array_merge($propNames, ['type']))))
+ );
+ }
+
+ return new input(inherit($item));
+ }
+
+ protected function build()
+ {
+ list($items, $seg) = $this->prop(['items', 'seg']);
+ $children = $this->children();
+
+ return div
+ (
+ setClass('input-group', $seg ? 'input-group-segment' : NULL),
+ set($this->getRestProps()),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : NULL,
+ is_array($children) ? array_map(array($this, 'onBuildItem'), $children) : NULL,
+ );
+ }
+}
diff --git a/zin/wg/label/v1.php b/zin/wg/label/v1.php
new file mode 100644
index 0000000000..99993ac308
--- /dev/null
+++ b/zin/wg/label/v1.php
@@ -0,0 +1,27 @@
+props->has('text'))
+ {
+ $this->props->set('text', $child);
+ return false;
+ }
+ }
+
+ public function build()
+ {
+ return span
+ (
+ setClass('label'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $this->prop('text'),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/main/v1.php b/zin/wg/main/v1.php
new file mode 100644
index 0000000000..81eb38087d
--- /dev/null
+++ b/zin/wg/main/v1.php
@@ -0,0 +1,78 @@
+ array('map' => 'featureBar,nav,toolbar'),
+ 'sidebar' => array('map' => 'sidebar')
+ );
+
+ protected function buildMenu()
+ {
+ $menuBlocks = $this->block('menu');
+ if(empty($menuBlocks)) return NULL;
+
+ list($featureBarList, $navList, $toolbarList, $restList) = groupWgInList($menuBlocks, array('featureBar', 'nav', 'toolbar'));
+
+ $featureBar = NULL;
+ if(!empty($featureBarList)) $featureBar = $featureBarList[0];
+ elseif(!empty($navList)) $featureBar = new featureBar($navList);
+
+ $toolbar = NULL;
+ if(!empty($toolbarList)) $toolbar = $toolbarList[0];
+ if($toolbar instanceof wg && !$toolbar->hasProp('id')) $toolbar->setProp('id', 'actionBar');
+
+ return div
+ (
+ set::id('mainMenu'),
+ $featureBar,
+ $toolbar,
+ $restList
+ );
+ }
+
+ protected function buildContent()
+ {
+ $leftSides = array();
+ $rightSides = array();
+ $sidebars = $this->block('sidebar');
+
+ if(!empty($sidebars))
+ {
+ foreach($sidebars as $sidebar)
+ {
+ if($sidebar instanceof wg && $sidebar->prop('side') === 'left') $leftSides[] = $sidebar;
+ else $rightSides[] = $sidebar;
+ }
+ }
+
+ return div
+ (
+ set::id('mainContent'),
+ $leftSides,
+ set::class(empty($leftSides) && empty($rightSides) ? '' : 'row', empty($leftSides) ? '' : 'has-sidebar-left', empty($rightSides) ? '' : 'has-sidebar-right'),
+ $this->children(),
+ $rightSides
+ );
+ }
+
+ protected function build()
+ {
+ return div
+ (
+ set::id('main'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ div
+ (
+ set::class('container'),
+ $this->buildMenu(),
+ $this->buildContent()
+ )
+ );
+ }
+}
diff --git a/zin/wg/mainmenu/v1.php b/zin/wg/mainmenu/v1.php
new file mode 100644
index 0000000000..a4e6fab4f1
--- /dev/null
+++ b/zin/wg/mainmenu/v1.php
@@ -0,0 +1,67 @@
+prop('others');
+
+ if(empty($others))
+ {
+ $otherElms = null;
+ }
+ else
+ {
+ $otherElms = array();
+ foreach($others as $item) $otherElms[] = $this->buildOther($item);
+ }
+
+
+ return div
+ (
+ setId('mainMenu'),
+ setClass('flex justify-between'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ div
+ (
+ setClass('flex'),
+ div
+ (
+ toolbar(set(array('items' => $this->prop('statuses'))))
+ ),
+ $otherElms
+ ),
+ div
+ (
+ setId('featureBarBtns'),
+ toolbar
+ (
+ setClass('toolbar-btn-group'),
+ setStyle('gap', '0.625rem'),
+ set(array('items' => $this->prop('btnGroup')))
+ )
+ )
+ );
+ }
+}
diff --git a/zin/wg/menu/v1.php b/zin/wg/menu/v1.php
new file mode 100644
index 0000000000..609ffe18ad
--- /dev/null
+++ b/zin/wg/menu/v1.php
@@ -0,0 +1,34 @@
+prop('items');
+ return h::menu
+ (
+ setClass('menu'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $this->prop('items')) : NULL,
+ $this->children(),
+ );
+ }
+}
diff --git a/zin/wg/modal/v1.php b/zin/wg/modal/v1.php
new file mode 100644
index 0000000000..05b510dd28
--- /dev/null
+++ b/zin/wg/modal/v1.php
@@ -0,0 +1,24 @@
+prop(array('id', 'modalProps'));
+
+ $this->setProp($modalProps);
+
+ return div
+ (
+ setClass('modal'),
+ set::id($id),
+ set($this->props->skip(array_merge(array_keys($modalProps), array_keys(static::getDefinedProps())))),
+ parent::build()
+ );
+ }
+}
diff --git a/zin/wg/modaldialog/v1.php b/zin/wg/modaldialog/v1.php
new file mode 100644
index 0000000000..c1895b8d36
--- /dev/null
+++ b/zin/wg/modaldialog/v1.php
@@ -0,0 +1,105 @@
+ [],
+ 'actions' => [],
+ 'footer' => ['map' => 'toolbar']
+ ];
+
+ protected function buildHeader()
+ {
+ $title = $this->prop('title');
+ $itemID = $this->prop('itemID');
+ $headerBlock = $this->block('header');
+
+ if(empty($title) && empty($headerBlock)) return null;
+
+ return div
+ (
+ setClass('modal-header', $this->prop('headerClass')),
+ set($this->prop('headerProps')),
+ empty($itemID) ? NULL : label($itemID, setStyle(['min-width' => '30px']), setClass('justify-center')),
+ empty($title) ? NULL : div(setClass('modal-title'), $title),
+ $headerBlock
+ );
+ }
+
+ protected function buildActions()
+ {
+ list($actions, $closeBtn) = $this->prop(array('actions', 'closeBtn'));
+ $actionsBlock = $this->block('actions');
+
+ if(empty($actions) && empty($actionsBlock) && !$closeBtn) return;
+
+ return div
+ (
+ setClass('modal-actions'),
+ empty($actions) ? NULL : toolbar(set::items($actions)),
+ $actionsBlock,
+ $closeBtn ? btn
+ (
+ set('data-dismiss', 'modal'),
+ set::square(true),
+ is_array($closeBtn) ? set($closeBtn) : setClass('ghost'),
+ span(setClass('close'))
+ ) : NULL
+ );
+ }
+
+ protected function buildFooter()
+ {
+ list($footerActions) = $this->prop(array('footerActions'));
+ $footerBlock = $this->block('footer');
+
+ if(empty($footerActions) && empty($footerBlock)) return;
+
+ return div
+ (
+ setClass('modal-footer', $this->prop('footerClass')),
+ set($this->prop('footerProps')),
+ $footerBlock,
+ empty($footerActions) ? NULL : toolbar(set::items($footerActions))
+ );
+ }
+
+ protected function buildBody()
+ {
+ return div
+ (
+ setClass('modal-body'),
+ $this->children()
+ );
+ }
+
+ protected function build()
+ {
+ return div
+ (
+ setClass('modal-dialog'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ div
+ (
+ setClass('modal-content'),
+ $this->buildHeader(),
+ $this->buildActions(),
+ $this->buildBody(),
+ $this->buildFooter()
+ )
+ );
+ }
+}
diff --git a/zin/wg/modaltrigger/v1.php b/zin/wg/modaltrigger/v1.php
new file mode 100644
index 0000000000..929dc3c8b7
--- /dev/null
+++ b/zin/wg/modaltrigger/v1.php
@@ -0,0 +1,89 @@
+ array('map' => 'btn,a'),
+ 'modal' => array('map' => 'modal')
+ ];
+
+ protected function build()
+ {
+ list($target, $url, $type) = $this->prop(['target', 'url', 'type']);
+
+ $triggerBlock = $this->block('trigger');
+ $modalBlock = $this->block('modal');
+
+ if(empty($target) && !empty($modalBlock))
+ {
+ $modal = $modalBlock[0];
+ $target = $modal->id();
+ if(empty($target))
+ {
+ $target = $modal->gid;
+ $modal->setProp('id', $target);
+ }
+ $target = "#$target";
+ }
+ if(!empty($url) && empty($type)) $type = 'ajax';
+
+ if(empty($triggerBlock)) $triggerBlock = h::a($this->children());
+ elseif(is_array($triggerBlock)) $triggerBlock = $triggerBlock[0];
+
+ if($triggerBlock instanceof wg)
+ {
+ $triggerBlock->setProp($this->props->skip(array_keys(static::getDefinedProps())));
+
+ $triggerProps = [
+ 'data-toggle' => 'modal',
+ 'data-target' => $triggerBlock->hasProp('target', 'href') ? NULL : $target,
+ 'data-type' => $type,
+ 'data-url' => $url,
+ 'data-position' => $this->prop('position'),
+ 'data-size' => $this->prop('size'),
+ 'data-backdrop' => $this->prop('backdrop'),
+ 'data-keyboard' => $this->prop('keyboard'),
+ 'data-moveable' => $this->prop('moveable'),
+ 'data-animation' => $this->prop('animation'),
+ 'data-trans-time' => $this->prop('transTime'),
+ 'data-responsive' => $this->prop('responsive'),
+ 'data-loading-text' => $this->prop('loadingText'),
+ 'data-loadTimeout' => $this->prop('loadTimeout'),
+ 'data-failed-tip' => $this->prop('failedTip'),
+ 'data-timeout-tip' => $this->prop('timeoutTip'),
+ 'data-title' => $this->prop('title'),
+ 'data-content' => $this->prop('content'),
+ 'data-custom' => $this->prop('custom'),
+ 'data-request' => $this->prop('request'),
+ 'data-data-type' => $this->prop('dataType')
+ ];
+ $triggerBlock->setProp($triggerProps);
+ }
+
+ return array($triggerBlock, $modalBlock);
+ }
+}
diff --git a/zin/wg/modulemenu/css/v1.css b/zin/wg/modulemenu/css/v1.css
new file mode 100644
index 0000000000..6a426d0577
--- /dev/null
+++ b/zin/wg/modulemenu/css/v1.css
@@ -0,0 +1,67 @@
+.module-menu {
+ max-height: 100%;
+ display: flex;
+ flex-direction: column;
+ border-radius: 2px;
+}
+
+.module-menu > header {
+ height: 40px;
+ display: flex;
+ align-items: center;
+ padding-left: 12px;
+ flex: none;
+}
+
+.module-menu .module-title {
+ font-size: 13;
+ line-height: 20px;
+ font-weight: bold;
+}
+
+.module-menu > header span {
+ margin-right: 12px;
+}
+
+.module-menu > header i {
+ padding: 2px;
+}
+
+.module-menu > main {
+ display: flex;
+ flex: 1 1 auto;
+ overflow: hidden;
+ flex-direction: column;
+}
+
+.module-menu > main > .menu {
+ border: none;
+ box-shadow: none;
+ flex: 1 1 auto;
+ overflow-y: auto;
+}
+
+.setting-btns {
+ display: flex;
+ flex-direction: column;
+ padding: 10px 30px;
+ gap: 8px;
+}
+
+.module-menu .menu-item > a:hover {
+ background: #EFF5FF;
+ color: #313C52;
+}
+
+.module-menu,
+.module-menu .has-nested-menu > .menu.menu-nested {
+ background-color: #fff;
+}
+
+.module-menu .menu {
+ padding: 0;
+}
+
+.module-menu .menu-item.active {
+ color: #2e7fff;
+}
diff --git a/zin/wg/modulemenu/v1.php b/zin/wg/modulemenu/v1.php
new file mode 100644
index 0000000000..a1f6309c75
--- /dev/null
+++ b/zin/wg/modulemenu/v1.php
@@ -0,0 +1,111 @@
+getChildModule($parentID);
+ if(count($children) === 0) return [];
+
+ foreach($children as $child)
+ {
+ $item = array('key' => $child->id, 'text' => $child->name, 'items' => []);
+ $items = $this->buildMenuTree($item['items'], $child->id);
+ if(count($items) !== 0) $item['items'] = $items;
+ else unset($item['items']);
+ $parentItems[] = $item;
+ }
+ return $parentItems;
+ }
+
+ private function getChildModule($id)
+ {
+ return array_filter($this->modules, fn($module) => $module->parent == $id);
+ }
+
+ private function setMenuTreeProps()
+ {
+ global $app;
+ $id = $this->prop('productID');
+ $this->setProp('productID', null);
+ $this->modules = $app->loadTarget('tree')->getProductStructure($id, 'story');
+ $this->setProp('items', $this->buildMenuTree([], 0));
+ $this->setDefaultProps(array('activeClass' => 'active'));
+ }
+
+ private function getTitle($activeKey)
+ {
+ foreach($this->modules as $module)
+ if($module->id == $activeKey)
+ return $module->name;
+ }
+
+ protected function build()
+ {
+ global $app;
+ $lang = $app->loadLang('datatable')->datatable;
+ $this->setMenuTreeProps();
+ $activeKey = $this->prop('activeKey');
+ $title = $this->getTitle($activeKey);
+ $closeBtn = null;
+ if(!empty($activeKey))
+ {
+ $closeBtn = a
+ (
+ set('href', $this->prop('closeLink')),
+ h::i
+ (
+ setClass('icon icon-close'),
+ setStyle('color', '#313C52')
+ )
+ );
+ }
+ return div
+ (
+ setClass('module-menu rounded shadow-sm'),
+ h::header
+ (
+ span
+ (
+ setClass('module-title'),
+ $title
+ ),
+ $closeBtn
+ ),
+ h::main
+ (
+ zui::menutree(inherit($this))
+ ),
+ div
+ (
+ setClass('setting-btns'),
+ a
+ (
+ setClass('btn'),
+ setStyle('background', '#EEF5FF'),
+ setStyle('border', 'none'),
+ $lang->moduleSetting
+ ),
+ a
+ (
+ setClass('btn white'),
+ $lang->displaySetting
+ ),
+ )
+ );
+ }
+}
diff --git a/zin/wg/nav/v1.php b/zin/wg/nav/v1.php
new file mode 100755
index 0000000000..38ca91b667
--- /dev/null
+++ b/zin/wg/nav/v1.php
@@ -0,0 +1,33 @@
+prop('items');
+ return h::menu
+ (
+ setClass('nav'),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ is_array($items) ? array_map(array($this, 'onBuildItem'), $items) : NULL,
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/navbar/v1.php b/zin/wg/navbar/v1.php
new file mode 100644
index 0000000000..8d8be6c4d5
--- /dev/null
+++ b/zin/wg/navbar/v1.php
@@ -0,0 +1,300 @@
+dbh->query('SELECT project,type FROM ' . TABLE_EXECUTION . " WHERE `id` = '$executionID'")->fetch();
+ if(empty($object)) return;
+
+ $executionPairs = array();
+ $userCondition = !$app->user->admin ? " AND `id` " . helper::dbIN($app->user->view->sprints) : '';
+ $orderBy = $object->type == 'stage' ? 'ORDER BY `id` ASC' : 'ORDER BY `id` DESC';
+ $executionList = $app->dbh->query("SELECT id,name,parent FROM " . TABLE_EXECUTION . " WHERE `project` = '{$object->project}' AND `deleted` = '0' $userCondition $orderBy")->fetchAll();
+ foreach($executionList as $execution)
+ {
+ if(isset($executionPairs[$execution->parent])) unset($executionPairs[$execution->parent]);
+ if($execution->id == $executionID) continue;
+ $executionPairs[$execution->id] = $execution->name;
+ }
+
+ if(empty($executionPairs)) return;
+
+ $dropItems = array();
+ foreach($executionPairs as $executionID => $executionName)
+ {
+ $dropItems[] = array
+ (
+ 'url' => createLink('execution', 'task', "executionID=$executionID"),
+ 'text' => $executionName,
+ 'hint' => $executionName,
+ 'class' => 'text-ellipsis'
+ );
+
+ if(count($dropItems) >= 10) break;
+ }
+
+ if(count($executionPairs) > 10)
+ {
+ $dropItems[] = array
+ (
+ 'url' => createLink('project', 'execution', "status=all&projectID={$object->project}"),
+ 'text' => "$lang->preview $lang->more",
+ 'hint' => $lang->more,
+ 'data-app' => 'project'
+ );
+ }
+
+ return array
+ (
+ 'type' => 'dropdown',
+ 'items' => $dropItems,
+ 'text' => $lang->more,
+ 'trigger' => 'hover',
+ 'menuProps' => array('style' => array('max-width' => '300px'))
+ );
+ }
+
+ protected function getAppBtnItem()
+ {
+ if(defined('TUTORIAL')) return;
+ global $app, $config, $lang;
+
+ $condition = '';
+ if(!$app->user->admin)
+ {
+ $types = '';
+ foreach($config->pipelineTypeList as $pipelineType)
+ {
+ if(commonModel::hasPriv($pipelineType, 'browse')) $types .= "'$pipelineType',";
+ }
+ if(empty($types)) return;
+ $condition .= ' AND `type` in (' . trim($types, ',') . ')';
+ }
+ $pipelineList = $app->dbh->query("SELECT type,name,url FROM " . TABLE_PIPELINE . " WHERE `deleted` = '0' $condition order by type")->fetchAll();
+ if(empty($pipelineList)) return;
+
+ $dropItems = array();
+ foreach($pipelineList as $pipeline)
+ {
+ $dropItems[] = array
+ (
+ 'url' => $pipeline->url,
+ 'text' => "[{$pipeline->type}] {$pipeline->name}",
+ 'hint' => $pipeline->name,
+ 'class' => 'text-ellipsis',
+ 'target' => '_blank'
+ );
+ }
+
+ return array
+ (
+ 'type' => 'dropdown',
+ 'items' => $dropItems,
+ 'text' => $lang->app->common,
+ 'trigger' => 'hover',
+ 'menuProps' => array('style' => array('max-width' => '300px'))
+ );
+ }
+
+ protected function getItems()
+ {
+ $items = $this->prop('items');
+ if(!empty($items)) return $items;
+
+ commonModel::setMainMenu();
+ commonModel::checkMenuVarsReplaced();
+
+ global $app, $lang;
+ $isTutorialMode = commonModel::isTutorialMode();
+ $currentModule = $app->rawModule;
+ $currentMethod = $app->rawMethod;
+
+ if($isTutorialMode and defined('WIZARD_MODULE')) $currentModule = WIZARD_MODULE;
+ if($isTutorialMode and defined('WIZARD_METHOD')) $currentMethod = WIZARD_METHOD;
+
+ $menu = \customModel::getMainMenu();
+ $tab = $app->tab;
+ $activeMenu = '';
+ $items = array();
+ foreach ($menu as $menuItem)
+ {
+ if(isset($menuItem->hidden) and $menuItem->hidden and (!isset($menuItem->tutorial) or !$menuItem->tutorial)) continue;
+ if(empty($menuItem->link)) continue;
+
+ if($menuItem->divider) $items[] = array('type' => 'divider');
+
+ /* Init the these vars. */
+ $subModule = isset($menuItem->subModule) ? explode(',', $menuItem->subModule) : array();
+ $class = isset($menuItem->class) ? $menuItem->class : '';
+ $exclude = isset($menuItem->exclude) ? $menuItem->exclude : '';
+ $isActive = false;
+
+ if($menuItem->name == $currentModule and !str_contains(",$exclude,", ",$currentModule-$currentMethod,"))
+ {
+ $isActive = true;
+ }
+ elseif($subModule and in_array($currentModule, $subModule) and !str_contains(",$exclude,", ",$currentModule-$currentMethod,"))
+ {
+ $isActive = true;
+ }
+
+ if($menuItem->link['module'] == 'execution' and $menuItem->link['method'] == 'more')
+ {
+ $executionID = $menuItem->link['vars'];
+ $executionMoreItem = $this->getExecutionMoreItem($executionID);
+ if(!empty($executionMoreItem))
+ {
+ $items[] = array('type' => 'divider');
+ $items[] = $executionMoreItem;
+ }
+ }
+ elseif($menuItem->link['module'] == 'app' and $menuItem->link['method'] == 'serverlink')
+ {
+ $appBtnItem = $this->getAppBtnItem();
+ if(!empty($appBtnItem)) $items[] = $appBtnItem;
+ }
+ elseif($menuItem->link)
+ {
+ $alias = isset($menuItem->alias) ? $menuItem->alias : '';
+ $target = '';
+ $module = '';
+ $method = '';
+ $label = $menuItem->text;
+
+ if(is_array($menuItem->link))
+ {
+ if(isset($menuItem->link['target'])) $target = $menuItem->link['target'];
+ if(isset($menuItem->link['module'])) $module = $menuItem->link['module'];
+ if(isset($menuItem->link['method'])) $method = $menuItem->link['method'];
+ }
+
+ if($module == $currentModule and ($method == $currentMethod or str_contains(",$alias,", ",$currentMethod,")) and !str_contains(",$exclude,", ",$currentMethod,"))
+ {
+ $isActive = true;
+ }
+
+ $dataApp = (isset($lang->navGroup->$module) and $tab != $lang->navGroup->$module) ? $tab : NULL;
+ if($isActive && empty($activeMenu)) $activeMenu = $menuItem->name;
+ else $isActive = false;
+
+ /* Print drop menus. */
+ if(isset($menuItem->dropMenu))
+ {
+ $dropItems = array();
+ foreach($menuItem->dropMenu as $dropMenuName => $dropMenuItem)
+ {
+ if(empty($dropMenuItem)) continue;
+ if(isset($dropMenuItem->hidden) and $dropMenuItem->hidden) continue;
+
+ /* Parse drop menu link. */
+ $dropMenuLink = zget($dropMenuItem, 'link', $dropMenuItem);
+
+ list($subLabel, $subModule, $subMethod, $subParams) = explode('|', $dropMenuLink);
+ if(!common::hasPriv($subModule, $subMethod)) continue;
+
+ $subLink = createLink($subModule, $subMethod, $subParams);
+
+ $subActive = false;
+ $activeMainMenu = false;
+ if($currentModule == strtolower($subModule) and $currentMethod == strtolower($subMethod))
+ {
+ $activeMainMenu = true;
+ }
+ else
+ {
+ $subModule = isset($dropMenuItem['subModule']) ? explode(',', $dropMenuItem['subModule']) : array();
+ if($subModule and in_array($currentModule, $subModule) and !str_contains(",$exclude,", ",$currentModule-$currentMethod,")) $activeMainMenu = true;
+ }
+
+ if($activeMainMenu)
+ {
+ $activeMenu = $dropMenuName;
+ $isActive = true;
+ $subActive = true;
+ $label = $subLabel;
+ }
+
+ $dropItems[] = array
+ (
+ 'active' => $subActive,
+ 'data-id' => $dropMenuName,
+ 'url' => $subLink,
+ 'text' => $subLabel,
+ 'data-app' => $dataApp
+ );
+ }
+
+ if(empty($dropItems)) continue;
+ $items[] = array
+ (
+ 'type' => 'dropdown',
+ 'items' => $dropItems,
+ 'class' => $class,
+ 'active' => $isActive,
+ 'target' => $target,
+ 'text' => $label,
+ 'data-id' => $menuItem->name,
+ 'data-app' => $dataApp,
+ 'trigger' => 'hover'
+ );
+ }
+ else
+ {
+ $items[] = array
+ (
+ 'class' => $class,
+ 'text' => $label,
+ 'url' => commonModel::createMenuLink($menuItem, $tab),
+ 'active' => $isActive,
+ 'target' => $target,
+ 'data-id' => $menuItem->name,
+ 'data-app' => $dataApp
+ );
+ }
+ }
+ else
+ {
+ $items[] = array
+ (
+ 'class' => $class,
+ 'text' => $menuItem->text,
+ 'active' => $isActive,
+ );
+ }
+ }
+
+ /* Set active menu to global data, make it accessible to other widgets */
+ useData('activeMenu', $activeMenu);
+
+ return $items;
+ }
+
+ /**
+ * Build.
+ *
+ * @access protected
+ * @return object
+ */
+ protected function build()
+ {
+ return h::nav
+ (
+ set::id('navbar'),
+ new nav
+ (
+ set::items($this->getItems()),
+ $this->children()
+ )
+ );
+ }
+}
diff --git a/zin/wg/page/v1.php b/zin/wg/page/v1.php
new file mode 100644
index 0000000000..55134707a7
--- /dev/null
+++ b/zin/wg/page/v1.php
@@ -0,0 +1,42 @@
+ true);
+
+ static $defineBlocks =
+ [
+ 'head' => array(),
+ 'header' => array('map' => 'header'),
+ 'main' => array('map' => 'main'),
+ 'footer' => array(),
+ ];
+
+ protected function buildBody()
+ {
+ $header = $this->hasBlock('header') ? $this->block('header') : new header();
+
+ if($this->hasBlock('main'))
+ {
+ return array
+ (
+ $header,
+ $this->block('main'),
+ $this->children(),
+ $this->block('footer')
+ );
+ }
+
+ return array
+ (
+ $header,
+ new main($this->children()),
+ $this->block('footer'),
+ );
+ }
+}
diff --git a/zin/wg/pagebase/v1.php b/zin/wg/pagebase/v1.php
new file mode 100644
index 0000000000..cbfcbb8630
--- /dev/null
+++ b/zin/wg/pagebase/v1.php
@@ -0,0 +1,90 @@
+ false,
+ 'display' => true,
+ 'metas' => array('', '', '', '')
+ );
+
+ static $defineBlocks = array('head' => array());
+
+ protected function created()
+ {
+ if($this->prop('display')) $this->display();
+ }
+
+ protected function buildHead()
+ {
+ return $this->block('head');
+ }
+
+ protected function buildBody()
+ {
+ return $this->children();
+ }
+
+ protected function build()
+ {
+ global $lang, $config, $app;
+
+ $zui = $this->prop('zui');
+ $head = $this->buildHead();
+ $body = $this->buildBody();
+
+ $context = context::current();
+ $css = array_merge([data('pageCSS') ?? ''], $context->getCssList());
+ $js = array_merge($context->getJsList(), [data('pageJS') ?? '']);
+ $imports = $context->getImportList();
+ $jsConfig = \js::getJSConfigVars();
+ $bodyProps = $this->prop('bodyProps');
+ $bodyClass = $this->prop('bodyClass');
+ $metas = $this->prop('metas');
+ $title = $this->props->get('title', data('title')) . " - $lang->zentaoPMS";
+ $attrs = $this->props->skip(array_keys(static::getDefinedProps()));
+
+ $jsConfig->zin = true;
+ if($config->debug)
+ {
+ $js[] = h::createJsVarCode('window.zin', ['page' => $this->toJsonData(), 'definedProps' => wg::$definedPropsMap, 'wgBlockMap' => wg::$wgToBlockMap, 'config' => jsRaw('window.config')]);
+ $js[] = 'console.log("[ZIN] ", window.zin)';
+ }
+ else
+ {
+ $js[] = h::createJsVarCode('window.zin', []);
+ }
+
+ return h::html
+ (
+ before(html('')),
+ set($attrs),
+ h::head
+ (
+ html($metas),
+ h::title($title),
+ $this->block('headBefore'),
+ $zui ? h::importCss($config->zin->zuiPath . 'zui.zentao.css', set::id('zuiCSS')) : null,
+ $zui ? h::importJs($config->zin->zuiPath . 'zui.zentao.umd.cjs', set::id('zuiJS')) : null,
+ $zui ? h::importJs($app->getWebRoot() . 'js/zui3/zin.js', set::id('zinJS')) : null,
+ $head,
+ ),
+ h::body
+ (
+ empty($imports) ? NULL : h::import($imports),
+ h::jsVar('window.config', $jsConfig, set::id('configJS')),
+ set($bodyProps),
+ set::class($bodyClass),
+ empty($css) ? NULL : h::css($css, set::id('pageCSS')),
+ $body,
+ empty($js) ? NULL : h::js($js, set::id('pageJS')),
+ )
+ );
+ }
+}
diff --git a/zin/wg/pageheading/v1.php b/zin/wg/pageheading/v1.php
new file mode 100644
index 0000000000..3730b449a2
--- /dev/null
+++ b/zin/wg/pageheading/v1.php
@@ -0,0 +1,50 @@
+props->has('text'))
+ {
+ $this->props->set('text', $child);
+ return false;
+ }
+
+ return $child;
+ }
+
+ /**
+ * Build.
+ *
+ * @access protected
+ * @return object
+ */
+ protected function build()
+ {
+ $icon = $this->prop('icon');
+ $text = $this->prop('text');
+ $url = $this->prop('url');
+
+ /* Generate button with url. */
+ if(!empty($url)) $child = btn($text, set('url', $url), setClass('primary'));
+ else $child = h::span($text, setClass('text'));
+
+ return h::div
+ (
+ setId('heading'),
+ setClass('primary'),
+ icon(set('name', $icon)),
+ $child
+ );
+ }
+}
diff --git a/zin/wg/pagenavbar/v1.php b/zin/wg/pagenavbar/v1.php
new file mode 100644
index 0000000000..442b99fdf9
--- /dev/null
+++ b/zin/wg/pagenavbar/v1.php
@@ -0,0 +1,8 @@
+prop('create');
+
+ if(!isset($props['data-arrow'])) $props['data-arrow'] = true;
+ if(!isset($props['data-toggle'])) $props['data-toggle'] = 'dropdown';
+ if(!isset($props['data-trigger'])) $props['data-trigger'] = 'hover';
+ if(!isset($props['href'])) $props['href'] = '#globalCreateMenu';
+
+ return h::div
+ (
+ setClass('globalCreate'),
+ h::div
+ (
+ set($props),
+ setClass('rounded-sm btn square size-sm secondary'),
+ icon('plus')
+ )
+ );
+ }
+
+ private function buildSwitcher()
+ {
+ $props = $this->prop('switcher');
+
+ if(!isset($props['data-arrow'])) $props['data-arrow'] = true;
+ if(!isset($props['data-toggle'])) $props['data-toggle'] = 'dropdown';
+ if(!isset($props['data-trigger'])) $props['data-trigger'] = 'hover';
+ if(!isset($props['href'])) $props['href'] = '#globalCreateMenu';
+
+ return h::div
+ (
+ setClass('vision-switcher'),
+ h::div
+ (
+ set($props),
+ setClass('switcher-text'),
+ $props['text']
+ )
+ );
+ }
+
+ protected function build()
+ {
+ return h::div
+ (
+ setId('toolbar'),
+ $this->buildGlobalCreate(),
+ $this->block('avatar'),
+ $this->buildSwitcher()
+ );
+ }
+}
diff --git a/zin/wg/panel/v1.php b/zin/wg/panel/v1.php
new file mode 100644
index 0000000000..2febabb655
--- /dev/null
+++ b/zin/wg/panel/v1.php
@@ -0,0 +1,101 @@
+ array(),
+ 'headingActions' => array('map' => 'toolbar'),
+ 'footer' => array('map' => 'nav')
+ );
+
+ protected function buildHeadingActions()
+ {
+ $actionsBlock = $this->block('headingActions');
+ $actions = $this->prop('headingActions');
+
+ if(empty($actions) && empty($actionsBlock)) return NULL;
+
+ return div
+ (
+ setClass('panel-actions'),
+ empty($actions) ? NULL : toolbar(set::items($actions)),
+ $actionsBlock
+ );
+ }
+
+ protected function buildHeading()
+ {
+ list($title, $size) = $this->prop(['title', 'size']);
+ $headingBlock = $this->block('heading');
+ $actions = $this->buildHeadingActions();
+
+ if(empty($title) && empty($headingBlock) && empty($actions)) return NULL;
+
+ return div
+ (
+ setClass('panel-heading', $this->prop('headingClass')),
+ set($this->prop('headingProps')),
+ empty($title) ? NULL : div(setClass('panel-title', $this->prop('titleClass', empty($size) ? NULL : "text-$size")), $title, set($this->prop('titleProps'))),
+ $headingBlock,
+ $actions
+ );
+ }
+
+ protected function buildBody()
+ {
+ return div
+ (
+ setClass('panel-body'),
+ $this->children()
+ );
+ }
+
+ protected function buildFooter()
+ {
+ list($footerActions) = $this->prop(array('footerActions'));
+ $footerBlock = $this->block('footer');
+
+ if(empty($footerActions) && empty($footerBlock)) return;
+
+ return div
+ (
+ setClass('panel-footer', $this->prop('footerClass')),
+ set($this->prop('footerProps')),
+ $footerBlock,
+ empty($footerActions) ? NULL : toolbar(set::items($footerActions))
+ );
+ }
+
+ protected function build()
+ {
+ list($class, $size) = $this->prop(['class', 'size']);
+ return div
+ (
+ setClass('panel', $class, empty($size) ? NULL : "size-$size"),
+ set($this->getRestProps()),
+
+ $this->buildHeading(),
+ $this->buildBody(),
+ $this->buildFooter()
+ );
+ }
+}
diff --git a/zin/wg/picker/v1.php b/zin/wg/picker/v1.php
new file mode 100644
index 0000000000..1b26b3a3a8
--- /dev/null
+++ b/zin/wg/picker/v1.php
@@ -0,0 +1,8 @@
+ a:hover {
+ background: #EFF5FF;
+ color: #313C52;
+}
+
+.program-menu .has-nested-menu > .menu.menu-nested {
+ background-color: #fff;
+}
+
+.program-menu .menu {
+ padding: 0;
+}
+
+.program-menu .menu-item.active {
+ color: #2e7fff;
+}
+
+.program-menu {
+ width: 200px;
+ max-height: 100%;
+ display: flex;
+ flex-direction: column;
+ flex-shrink: 0;
+ margin: -5px 0;
+}
+
+.program-menu > header {
+ height: 40px;
+ border: 1px solid #2e7fff;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ cursor: pointer;
+ padding-left: 12px;
+ flex: none;
+ border-radius: 2px;
+}
+
+.program-menu > header .icon-close {
+ cursor: pointer;
+ padding: 12px;
+}
+
+.program-menu > .menu {
+ border: 1px solid #E6EAF1;
+ box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+ flex: 1 1 auto;
+ flex-direction: column;
+ overflow-y: auto;
+ width: 200px !important;
+}
+
+.program-menu > .menu.show {
+ display: flex;
+}
+
+.program-menu-subtitle {
+ padding: 8px 8px 4px 8px;
+ flex: none;
+ z-index: 10;
+ background-color: #fff;
+ width: 180px;
+}
+
+.program-menu .title-container {
+ display: flex;
+ column-gap: 8px;
+}
+
+.program-menu .title-container > span {
+ font-size: 13px;
+ line-height: 20px;
+ font-weight: bold;
+}
+
+.program-menu .icon-container {
+ width: 20px;
+ height: 20px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ border: 1px solid #0066fa;
+}
+
+.program-menu .icon-container.down {
+ background-color: inherit;
+}
+
+.program-menu .icon-container.up {
+ background-color: #0066fa;
+}
+
+.program-menu [data-toggle="dropdown"] .icon-container.up {
+ display: none;
+}
+
+.program-menu [data-toggle="dropdown"] .icon-container.down {
+ display: flex;
+}
+
+.program-menu .with-dropdown-show[data-toggle="dropdown"] .icon-container.down {
+ display: none;
+}
+
+.program-menu .with-dropdown-show[data-toggle="dropdown"] .icon-container.up {
+ display: flex;
+}
diff --git a/zin/wg/programmenu/v1.php b/zin/wg/programmenu/v1.php
new file mode 100644
index 0000000000..96f3d1baef
--- /dev/null
+++ b/zin/wg/programmenu/v1.php
@@ -0,0 +1,117 @@
+getChildProgram($parentID);
+ if(count($children) === 0) return array();
+
+ foreach($children as $child)
+ {
+ $item = array('key' => $child->id, 'text' => $child->name, 'items' => array());
+ $items = $this->buildMenuTree($item['items'], $child->id);
+ if(count($items) !== 0) $item['items'] = $items;
+ else unset($item['items']);
+ $parent[] = $item;
+ }
+ return $parent;
+ }
+
+ private function getTitle($activeKey)
+ {
+ global $lang;
+
+ if(empty($activeKey)) return $lang->program->all;
+
+ foreach($this->programs as $program)
+ {
+ if($program->id == $activeKey) return $program->name;
+ }
+ return $lang->program->all;
+ }
+
+ private function getChildProgram($id)
+ {
+ return array_filter($this->programs, function($program) use($id) {return $program->parent == $id;});
+ }
+
+ private function setMenuTreeProps()
+ {
+ if(!empty($this->prop('programs'))) $this->programs = $this->prop('programs');
+ $this->setProp('programs', null);
+ $items = $this->buildMenuTree(array(), 0);
+ array_unshift($items, array('type' => 'heading', 'text' => '筛选项目集'));
+ $this->setProp('items', $items);
+ $this->setProp('commonItemProps', array('item' => array('className' => 'not-hide-menu')));
+ $this->setProp('isDropdownMenu', true);
+ $this->setProp('_to', "[data-zin-id='$this->gid']");
+ $this->setDefaultProps(array('activeClass' => 'active', 'activeIcon' => 'check'));
+ }
+
+ protected function build()
+ {
+ $this->setMenuTreeProps();
+
+ $activeKey = $this->prop('activeKey');
+ $title = $this->getTitle($activeKey);
+ $closeBtn = null;
+
+ if(!empty($activeKey))
+ {
+ $closeBtn = a
+ (
+ set('href', $this->prop('closeLink')),
+ h::i
+ (
+ setClass('icon icon-close'),
+ setStyle('color', '#313C52'),
+ )
+ );
+ }
+
+ return div
+ (
+ setClass('program-menu'),
+ set('data-zin-id', $this->gid),
+ h::header
+ (
+ set('data-toggle', 'dropdown'),
+ div
+ (
+ setClass('title-container'),
+ div
+ (
+ setClass('icon-container down'),
+ h::i(setClass('gg-chevron-down')),
+ ),
+ div
+ (
+ setClass('icon-container up'),
+ h::i(setClass('gg-chevron-up')),
+ ),
+ span($title)
+ ),
+ $closeBtn
+ ),
+ zui::menutree(inherit($this))
+ );
+ }
+}
diff --git a/zin/wg/radio/v1.php b/zin/wg/radio/v1.php
new file mode 100644
index 0000000000..12affe7801
--- /dev/null
+++ b/zin/wg/radio/v1.php
@@ -0,0 +1,12 @@
+ 'radio'
+ );
+}
diff --git a/zin/wg/radiolist/v1.php b/zin/wg/radiolist/v1.php
new file mode 100644
index 0000000000..2e7f134b4d
--- /dev/null
+++ b/zin/wg/radiolist/v1.php
@@ -0,0 +1,12 @@
+ 'radio'
+ );
+}
diff --git a/zin/wg/row/v1.php b/zin/wg/row/v1.php
new file mode 100644
index 0000000000..7c6c1a7bf3
--- /dev/null
+++ b/zin/wg/row/v1.php
@@ -0,0 +1,22 @@
+prop(array('justify', 'align'));
+ if(!empty($justify)) $classList .= ' justify-' . $justify;
+ if(!empty($align)) $classList .= ' items-' . $align;
+
+ return div
+ (
+ setClass($classList),
+ set($this->props->skip(array_keys(static::getDefinedProps()))),
+ $this->children()
+ );
+ }
+}
diff --git a/zin/wg/searchform/v1.php b/zin/wg/searchform/v1.php
new file mode 100644
index 0000000000..dca4507b59
--- /dev/null
+++ b/zin/wg/searchform/v1.php
@@ -0,0 +1,10 @@
+
') !== false) - { - $before = explode('
+
+ comment, '
- ', $action->comment); - $after = explode('', $before[1]); - $htmlCode = $after[0]; - $text = $before[0] . htmlspecialchars($htmlCode) . $after[1]; - echo $text; - } - else - { - echo strip_tags($action->comment) == $action->comment ? nl2br($action->comment) : $action->comment; - } - ?> + + ', "title='{$lang->action->editComment}'", 'btn btn-link btn-icon btn-sm btn-edit-comment');?> + + +') !== false) + { + $before = explode('', $action->comment); + $after = explode('', $before[1]); + $htmlCode = $after[0]; + $text = $before[0] . htmlspecialchars($htmlCode) . $after[1]; + echo $text; + } + else + { + echo strip_tags($action->comment) == $action->comment ? nl2br($action->comment) : $action->comment; + } + ?> +