@tmagic/editor 1.8.0-beta.1 → 1.8.0-beta.11

package/dist/es/style.css

@@ -126,7 +126,10 @@
 .m-form-container.has-tip .tmagic-design-form-item {
   flex: 1;
 }
-.m-form-container .tmagic-design-form-item.show-diff {
+.m-form-container .tmagic-design-form-item.show-after-diff {
+  background: rgb(225, 243, 216);
+}
+.m-form-container .tmagic-design-form-item.show-before-diff {
   background: #f7dadd;
 }
 
@@ -578,6 +581,451 @@ fieldset.m-fieldset .m-form-tip {
   background-color: transparent;
 }
 
+.m-editor-history-list-popover {
+  padding: 0 !important;
+}
+.m-editor-history-list-popover .m-editor-history-list {
+  position: relative;
+  padding: 4px 8px 8px;
+}
+.m-editor-history-list-popover .m-editor-history-list-close {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  height: 40px;
+  margin: 0;
+  color: #909399;
+}
+.m-editor-history-list-popover .m-editor-history-list-close:hover {
+  color: #409eff;
+}
+.m-editor-history-list-popover .m-editor-history-list-tabs .el-tabs__header,
+.m-editor-history-list-popover .m-editor-history-list-tabs .t-tabs__header {
+  margin-bottom: 4px;
+}
+.m-editor-history-list-popover .m-editor-history-list-empty {
+  padding: 24px 0;
+  text-align: center;
+  color: #909399;
+  font-size: 12px;
+}
+.m-editor-history-list-popover .m-editor-history-list-ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 0 4px 4px;
+}
+.m-editor-history-list-popover .m-editor-history-list-clear {
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  color: #f56c6c;
+  cursor: pointer;
+  user-select: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-clear:hover {
+  background-color: rgba(245, 108, 108, 0.12);
+}
+.m-editor-history-list-popover .m-editor-history-list-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  line-height: 1.4;
+  color: #303133;
+  cursor: default;
+}
+.m-editor-history-list-popover .m-editor-history-list-item:not(.m-editor-history-list-group.is-merged):hover {
+  background-color: rgba(0, 0, 0, 0.04);
+}
+.m-editor-history-list-popover .m-editor-history-list-item.is-undone {
+  color: #c0c4cc;
+}
+.m-editor-history-list-popover .m-editor-history-list-item.is-undone .m-editor-history-list-item-op {
+  opacity: 0.5;
+}
+.m-editor-history-list-popover .m-editor-history-list-item.is-current:not(.m-editor-history-list-group.is-merged) {
+  background-color: rgba(64, 158, 255, 0.1);
+  box-shadow: inset 2px 0 0 #409eff;
+}
+.m-editor-history-list-popover .m-editor-history-list-item.is-current:not(.m-editor-history-list-group.is-merged):hover {
+  background-color: rgba(64, 158, 255, 0.16);
+}
+.m-editor-history-list-popover .m-editor-history-list-item.is-current:not(.m-editor-history-list-group.is-merged) .m-editor-history-list-item-desc {
+  font-weight: 600;
+  color: #409eff;
+}
+.m-editor-history-list-popover .m-editor-history-list-group {
+  flex-direction: column;
+  align-items: stretch;
+  gap: 0;
+}
+.m-editor-history-list-popover .m-editor-history-list-group .m-editor-history-list-group-head {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  cursor: default;
+}
+.m-editor-history-list-popover .m-editor-history-list-group .m-editor-history-list-group-head.is-clickable {
+  cursor: pointer;
+}
+.m-editor-history-list-popover .m-editor-history-list-group .m-editor-history-list-group-toggle {
+  flex: 0 0 auto;
+  width: 16px;
+  text-align: center;
+  color: #909399;
+  font-size: 12px;
+  user-select: none;
+  transition: transform 0.15s ease;
+  pointer-events: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-group .m-editor-history-list-group-toggle.is-expanded {
+  transform: rotate(180deg);
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged {
+  margin: 4px 0;
+  padding: 4px 8px 6px;
+  background-color: rgba(47, 84, 235, 0.06);
+  border: 1px solid rgba(47, 84, 235, 0.18);
+  border-left: 3px solid #2f54eb;
+  border-radius: 4px;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged:hover {
+  background-color: rgba(47, 84, 235, 0.1);
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged .m-editor-history-list-group-head {
+  font-weight: 600;
+  color: #1d39c4;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged.is-undone {
+  background-color: rgba(192, 196, 204, 0.08);
+  border-color: rgba(192, 196, 204, 0.4);
+  border-left-color: #c0c4cc;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged.is-undone .m-editor-history-list-group-head {
+  color: #c0c4cc;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged.is-current {
+  background-color: rgba(64, 158, 255, 0.08);
+  border-color: rgba(64, 158, 255, 0.3);
+  border-left-color: #409eff;
+  box-shadow: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged.is-current .m-editor-history-list-group-head {
+  color: #409eff;
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps {
+  margin: 6px 0 0 6px;
+  padding: 0;
+  list-style: none;
+  border-left: 1px dashed rgba(47, 84, 235, 0.45);
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps li {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 3px 8px;
+  font-size: 11px;
+  color: #606266;
+  cursor: default;
+  border-radius: 3px;
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps li.is-clickable {
+  cursor: pointer;
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps li.is-clickable:hover {
+  background-color: rgba(47, 84, 235, 0.1);
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps li.is-undone {
+  color: #c0c4cc;
+}
+.m-editor-history-list-popover .m-editor-history-list-substeps li.is-current {
+  color: #409eff;
+  font-weight: 600;
+  background-color: rgba(64, 158, 255, 0.08);
+  border-radius: 3px;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-current {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 2px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #fff;
+  background-color: #409eff;
+  font-weight: 500;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-index {
+  flex: 0 0 auto;
+  min-width: 30px;
+  text-align: right;
+  color: #909399;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 11px;
+  font-weight: 400;
+  white-space: nowrap;
+}
+.m-editor-history-list-popover .m-editor-history-list-group.is-merged > .m-editor-history-list-group-head > .m-editor-history-list-item-index {
+  min-width: 0;
+  text-align: left;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-time {
+  flex: 0 0 auto;
+  color: #a8abb2;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 11px;
+  font-weight: 400;
+  white-space: nowrap;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-op {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 2px;
+  font-size: 11px;
+  line-height: 18px;
+  color: #fff;
+  background-color: #909399;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-op.op-add {
+  background-color: #67c23a;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-op.op-remove {
+  background-color: #f56c6c;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-op.op-update {
+  background-color: #e6a23c;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-op.op-initial {
+  background-color: #909399;
+}
+.m-editor-history-list-popover .m-editor-history-list-initial {
+  cursor: default;
+  color: #606266;
+  border-top: 1px dashed #dcdfe6;
+  margin-top: 4px;
+  padding-top: 8px;
+}
+.m-editor-history-list-popover .m-editor-history-list-initial.is-clickable {
+  cursor: pointer;
+}
+.m-editor-history-list-popover .m-editor-history-list-initial .m-editor-history-list-item-desc {
+  font-style: italic;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-desc {
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-source {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border: 1px solid #dcdfe6;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 14px;
+  color: #909399;
+  background-color: #f4f4f5;
+  white-space: nowrap;
+  font-weight: 400;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-operator {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border: 1px solid #c6e2ff;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 14px;
+  color: #409eff;
+  background-color: #ecf5ff;
+  white-space: nowrap;
+  font-weight: 400;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-saved {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #fff;
+  background-color: #67c23a;
+  white-space: nowrap;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-merge {
+  flex: 0 0 auto;
+  padding: 0 8px;
+  border-radius: 8px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #fff;
+  background-color: #2f54eb;
+  font-weight: 500;
+  letter-spacing: 0.2px;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-actions {
+  display: none;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 6px;
+}
+.m-editor-history-list-popover .m-editor-history-list-group-head:hover > .m-editor-history-list-item-actions,
+.m-editor-history-list-popover .m-editor-history-list-substeps > li:hover > .m-editor-history-list-item-actions,
+.m-editor-history-list-popover .m-editor-history-list-initial:hover > .m-editor-history-list-item-actions {
+  display: flex;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-diff {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 2px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #409eff;
+  background-color: rgba(64, 158, 255, 0.1);
+  cursor: pointer;
+  user-select: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-diff:hover {
+  background-color: rgba(64, 158, 255, 0.2);
+}
+.m-editor-history-list-popover .m-editor-history-list-item-goto {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 2px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #529b2e;
+  background-color: rgba(103, 194, 58, 0.12);
+  cursor: pointer;
+  user-select: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-goto:hover {
+  background-color: rgba(103, 194, 58, 0.24);
+}
+.m-editor-history-list-popover .m-editor-history-list-item-revert {
+  flex: 0 0 auto;
+  padding: 0 6px;
+  border-radius: 2px;
+  font-size: 10px;
+  line-height: 16px;
+  color: #f56c6c;
+  background-color: rgba(245, 108, 108, 0.12);
+  cursor: pointer;
+  user-select: none;
+}
+.m-editor-history-list-popover .m-editor-history-list-item-revert:hover {
+  background-color: rgba(245, 108, 108, 0.25);
+}
+.m-editor-history-list-popover .m-editor-history-list-substep-desc {
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.m-editor-history-list-popover .m-editor-history-list-bucket {
+  margin-bottom: 8px;
+}
+.m-editor-history-list-popover .m-editor-history-list-bucket:last-child {
+  margin-bottom: 0;
+}
+.m-editor-history-list-popover .m-editor-history-list-bucket-title {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 8px;
+  font-size: 12px;
+  font-weight: 500;
+  color: #606266;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+.m-editor-history-list-popover .m-editor-history-list-bucket-title code {
+  flex: 1 1 auto;
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+  font-size: 11px;
+  color: #409eff;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.m-editor-history-list-popover .m-editor-history-list-bucket-count {
+  flex: 0 0 auto;
+  color: #909399;
+  font-weight: 400;
+  font-size: 11px;
+}
+
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-body {
+  display: flex;
+  flex-direction: column;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-notice {
+  margin-bottom: 8px;
+  padding: 8px 12px;
+  background-color: #fdf6ec;
+  border: 1px solid #faecd8;
+  border-radius: 4px;
+  color: #e6a23c;
+  font-size: 13px;
+  line-height: 1.5;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  padding: 8px 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  gap: 12px;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-controls {
+  display: flex;
+  align-items: center;
+  flex: 0 0 auto;
+  gap: 8px;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-view,
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-mode {
+  flex: 0 0 auto;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-target {
+  flex: 1 1 auto;
+  font-size: 13px;
+  font-weight: 500;
+  color: #303133;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-legend {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 12px;
+  padding: 0 4px;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-arrow {
+  color: #909399;
+  font-size: 12px;
+}
+.m-editor-history-diff-dialog .m-editor-history-diff-dialog-tip {
+  margin-left: 8px;
+  color: #e6a23c;
+  font-size: 12px;
+}
+
 .m-editor {
   display: flex;
   flex-direction: column;
@@ -1006,9 +1454,6 @@ fieldset.m-fieldset .m-form-tip {
   transition: all 0.2s ease 0s;
   padding: 5px 14px;
 }
-.page-bar-popover .menu-item .tmagic-design-button {
-  color: #313a40;
-}
 .page-bar-popover .menu-item:hover {
   background-color: #f3f5f9;
 }
@@ -1074,7 +1519,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   right: 15px;
   bottom: 15px;
-  z-index: 30;
+  z-index: 32;
   opacity: 0.5;
 }
 .m-editor-props-panel .m-editor-props-panel-src-icon:hover {
@@ -1084,7 +1529,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   right: 15px;
   bottom: 60px;
-  z-index: 30;
+  z-index: 31;
   opacity: 0.5;
 }
 .m-editor-props-panel .m-editor-props-panel-style-icon:hover {
@@ -1094,7 +1539,7 @@ fieldset.m-fieldset .m-form-tip {
   position: absolute;
   left: 0;
   top: 0;
-  z-index: 10;
+  z-index: 31;
 }
 .m-editor-props-panel .m-editor-resizer {
   position: absolute;
@@ -1660,9 +2105,12 @@ fieldset.m-fieldset .m-form-tip {
 .border-box-container .border-icon-container .border-icon + .border-icon {
   margin-left: 8px;
 }
+.border-box-container .border-icon-container .border-icon.configured {
+  border-color: var(--el-color-success, var(--td-success-color, #2ba471));
+}
 .border-box-container .border-icon-container .border-icon.active {
   border-width: 1px;
-  border-color: var(--el-color-primary);
+  border-color: var(--el-color-primary, var(--td-brand-color, #0052d9));
 }
 .border-box-container .border-icon-container .border-icon.border-icon-top {
   border-top-width: 2px;

package/dist/es/utils/code-block.js

@@ -0,0 +1,122 @@
+import { getEditorConfig } from "./config.js";
+import { defineFormConfig, defineFormItem } from "@tmagic/form";
+import { tMagicMessage } from "@tmagic/design";
+//#region packages/editor/src/utils/code-block.ts
+/** 默认的"参数类型"列配置：数字 / 字符串 / 组件 三选一。 */
+var defaultParamColConfig = () => defineFormItem({
+	type: "row",
+	label: "参数类型",
+	items: [{
+		text: "参数类型",
+		labelWidth: "70px",
+		type: "select",
+		name: "type",
+		options: [
+			{
+				text: "数字",
+				label: "数字",
+				value: "number"
+			},
+			{
+				text: "字符串",
+				label: "字符串",
+				value: "text"
+			},
+			{
+				text: "组件",
+				label: "组件",
+				value: "ui-select"
+			}
+		]
+	}]
+});
+/**
+* 生成代码块表单配置。返回的是普通对象数组，可直接传给 `<MForm :config>`；
+* 如需响应式的 props 变化（如切换 dataSourceType），调用方在 `computed` 中再次调用本函数即可。
+*/
+var getCodeBlockFormConfig = (options = {}) => {
+	const { paramColConfig, isDataSource, dataSourceType, codeOptions = {}, editable = true } = options;
+	return defineFormConfig([
+		{
+			text: "名称",
+			name: "name",
+			...editable ? { rules: [{
+				required: true,
+				message: "请输入名称",
+				trigger: "blur"
+			}] } : {}
+		},
+		{
+			text: "描述",
+			name: "desc"
+		},
+		{
+			text: "执行时机",
+			name: "timing",
+			type: "select",
+			options: () => {
+				const list = [{
+					text: "初始化前",
+					value: "beforeInit"
+				}, {
+					text: "初始化后",
+					value: "afterInit"
+				}];
+				if (dataSourceType?.() !== "base") {
+					list.push({
+						text: "请求前",
+						value: "beforeRequest"
+					});
+					list.push({
+						text: "请求后",
+						value: "afterRequest"
+					});
+				}
+				return list;
+			},
+			display: () => Boolean(isDataSource?.())
+		},
+		{
+			type: "table",
+			border: true,
+			text: "参数",
+			enableFullscreen: false,
+			enableToggleMode: false,
+			name: "params",
+			dropSort: false,
+			items: [
+				{
+					type: "text",
+					label: "参数名",
+					name: "name"
+				},
+				{
+					type: "text",
+					label: "描述",
+					name: "extra"
+				},
+				paramColConfig || defaultParamColConfig()
+			]
+		},
+		{
+			name: "content",
+			type: "vs-code",
+			options: codeOptions,
+			autosize: {
+				minRows: 10,
+				maxRows: 30
+			},
+			...editable ? { onChange: (_formState, code) => {
+				try {
+					getEditorConfig("parseDSL")(code);
+					return code;
+				} catch (error) {
+					tMagicMessage.error(error.message);
+					throw error;
+				}
+			} } : {}
+		}
+	]);
+};
+//#endregion
+export { getCodeBlockFormConfig };

package/dist/es/utils/content-menu.js

@@ -1,10 +1,15 @@
 import { COPY_STORAGE_KEY } from "./editor.js";
 import { calcValueByFontsize, isPage, isPageFragment } from "@tmagic/utils";
-import { NodeType } from "@tmagic/core";
+import { NodeType, cloneDeep } from "@tmagic/core";
 import { computed, markRaw } from "vue";
 import { CopyDocument, Delete, DocumentCopy } from "@element-plus/icons-vue";
 //#region packages/editor/src/utils/content-menu.ts
-var useDeleteMenu = () => ({
+/**
+* 共享的右键菜单项构造器（画布 ViewerMenu 与图层树 LayerMenu 共用）。
+* `historySource` 用于标记本次操作的途径，调用方按所在面板传入：
+* 画布传 `'stage-contextmenu'`，树形面板传 `'tree-contextmenu'`。
+*/
+var useDeleteMenu = (historySource) => ({
 	type: "button",
 	text: "删除",
 	icon: Delete,
@@ -14,7 +19,7 @@ var useDeleteMenu = () => ({
 	},
 	handler: ({ editorService }) => {
 		const nodes = editorService.get("nodes");
-		nodes && editorService.remove(nodes);
+		nodes && editorService.remove(nodes, { historySource });
 	}
 });
 var useCopyMenu = () => ({
@@ -26,7 +31,7 @@ var useCopyMenu = () => ({
 		nodes && editorService?.copy(nodes);
 	}
 });
-var usePasteMenu = (menu) => ({
+var usePasteMenu = (historySource, menu) => ({
 	type: "button",
 	text: "粘贴",
 	icon: markRaw(DocumentCopy),
@@ -43,18 +48,20 @@ var usePasteMenu = (menu) => ({
 			editorService.paste({
 				left: initialLeft,
 				top: initialTop
-			});
-		} else editorService.paste();
+			}, void 0, { historySource });
+		} else editorService.paste(void 0, void 0, { historySource });
 	}
 });
-var moveTo = (id, { editorService }) => {
+var moveTo = async (id, { editorService }, historySource) => {
 	const nodes = editorService.get("nodes") || [];
 	const parent = editorService.getNodeById(id);
-	if (!parent) return;
-	editorService.add(nodes, parent);
-	editorService.remove(nodes);
+	if (!parent || nodes.length === 0) return;
+	await editorService.moveToContainer(cloneDeep(nodes), parent.id, {
+		doNotSwitchPage: true,
+		historySource
+	});
 };
-var useMoveToMenu = ({ editorService }) => {
+var useMoveToMenu = ({ editorService }, historySource) => {
 	return {
 		type: "button",
 		text: "移动至",
@@ -67,7 +74,7 @@ var useMoveToMenu = ({ editorService }) => {
 			text: `${page.name}(${page.id})`,
 			type: "button",
 			handler: (services) => {
-				moveTo(page.id, services);
+				moveTo(page.id, services, historySource);
 			}
 		}))
 	};

package/dist/es/utils/data-source/index.js

@@ -7,6 +7,7 @@ var dataSourceFormConfig = {
 	items: [
 		{
 			title: "数据定义",
+			status: "fields",
 			items: [{
 				name: "fields",
 				type: "data-source-fields",
@@ -15,6 +16,7 @@ var dataSourceFormConfig = {
 		},
 		{
 			title: "方法定义",
+			status: "methods",
 			items: [{
 				name: "methods",
 				type: "data-source-methods",