@tmagic/editor 1.3.14 → 1.3.16

package/dist/style.css

@@ -255,6 +255,7 @@
 }
 .m-editor-layer-panel {
   background: #ffffff;
+  position: relative;
 }
 .m-editor-layer-panel .m-editor-tree {
   padding-top: 48px;
@@ -359,6 +360,11 @@
   white-space: normal;
   margin: 0;
 }
+.ui-component-panel .t-collapse {
+  margin-top: 0;
+  padding-top: 48px;
+  position: relative;
+}
 .m-editor-resizer {
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;

package/dist/tmagic-editor.js

@@ -6,7 +6,7 @@ import { TMagicButton, TMagicCard, tMagicMessage, TMagicDialog, TMagicTag, tMagi
 import { emmetHTML, emmetCSS } from 'emmet-monaco-es';
 import * as monaco from 'monaco-editor';
 import { HookCodeType, HookType, NodeType, ActionType } from '@tmagic/schema';
-import { MFormBox, MFormDrawer, MForm, createValues, MSelect } from '@tmagic/form';
+import { MFormBox, MFormDrawer, MForm, filterFunction, createValues, MSelect } from '@tmagic/form';
 import { MagicTable } from '@tmagic/table';
 import { guid, isPage, isPageFragment, isPop, getNodePath, isNumber, toLine, getValueByKeyPath, setValueByKeyPath, getDefaultValueFromFields, DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX, getKeys, addClassName, removeClassName, removeClassNameByClassName, convertToNumber, getNodes } from '@tmagic/utils';
 import Gesto from 'gesto';
@@ -365,6 +365,9 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       title: (mForm, { model, index }) => {
         if (model.codeType === HookCodeType.DATA_SOURCE_METHOD) {
           if (Array.isArray(model.codeId)) {
+            if (model.codeId.length < 2) {
+              return index;
+            }
             const ds = services?.dataSourceService.getDataSourceById(model.codeId[0]);
             return `${ds?.title} / ${model.codeId[1]}`;
           }
@@ -384,14 +387,31 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
                 { value: HookCodeType.CODE, text: "代码块" },
                 { value: HookCodeType.DATA_SOURCE_METHOD, text: "数据源方法" }
               ],
-              defaultValue: "code"
+              defaultValue: "code",
+              onChange: (mForm, v, { model }) => {
+                if (v === HookCodeType.DATA_SOURCE_METHOD) {
+                  model.codeId = [];
+                } else {
+                  model.codeId = "";
+                }
+                return v;
+              }
             },
             {
-              type: (mForm, { model }) => model.codeType === HookCodeType.DATA_SOURCE_METHOD ? "data-source-method-select" : "code-select-col",
+              type: "code-select-col",
               name: "codeId",
               span: 16,
               labelWidth: 0,
-              disabled: () => !services?.codeBlockService.getEditStatus()
+              display: (mForm, { model }) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
+              notEditable: () => !services?.codeBlockService.getEditStatus()
+            },
+            {
+              type: "data-source-method-select",
+              name: "codeId",
+              span: 16,
+              labelWidth: 0,
+              display: (mForm, { model }) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
+              notEditable: () => !services?.dataSourceService.get("editable")
             }
           ]
         }
@@ -3412,8 +3432,10 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
+    const mForm = inject("mForm");
     const services = inject("services");
     const emit = __emit;
+    const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
     const props = __props;
     const getParamItemsConfig = (codeId) => {
       if (!codeDsl.value || !codeId)
@@ -3440,6 +3462,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     const selectConfig = {
       type: "select",
       name: props.name,
+      disable: props.disabled,
       options: () => {
         if (codeDsl.value) {
           return map(codeDsl.value, (value, key) => ({
@@ -3479,7 +3502,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           _ctx.model[_ctx.name] ? (openBlock(), createBlock(_sfc_main$O, {
             key: 0,
             class: "icon",
-            icon: !_ctx.disabled ? unref(Edit) : unref(View),
+            icon: !notEditable.value ? unref(Edit) : unref(View),
             onClick: _cache[0] || (_cache[0] = ($event) => unref(editCode)(_ctx.model[_ctx.name]))
           }, null, 8, ["icon"])) : createCommentVNode("", true)
         ]),
@@ -3495,7 +3518,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           key: 1,
           ref_key: "codeBlockEditor",
           ref: codeBlockEditor,
-          disabled: _ctx.disabled,
+          disabled: notEditable.value,
           content: unref(codeConfig),
           onSubmit: unref(submitCodeBlockHandler)
         }, null, 8, ["disabled", "content", "onSubmit"])) : createCommentVNode("", true)
@@ -4290,15 +4313,22 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   emits: ["change"],
   setup(__props, { emit: __emit }) {
+    const mForm = inject("mForm");
     const services = inject("services");
     const emit = __emit;
     const dataSourceService = services?.dataSourceService;
     const props = __props;
+    const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
     const dataSources = computed(() => dataSourceService?.get("dataSources"));
-    const getParamItemsConfig = ([dataSourceId, medthodName] = ["", ""]) => {
+    const isCustomMethod = computed(() => {
+      const [id, name] = props.model[props.name];
+      const dataSource = dataSourceService?.getDataSourceById(id);
+      return Boolean(dataSource?.methods.find((method) => method.name === name));
+    });
+    const getParamItemsConfig = ([dataSourceId, methodName] = ["", ""]) => {
       if (!dataSourceId)
         return [];
-      const paramStatements = dataSources.value?.find((item) => item.id === dataSourceId)?.methods?.find((item) => item.name === medthodName)?.params;
+      const paramStatements = dataSources.value?.find((item) => item.id === dataSourceId)?.methods?.find((item) => item.name === methodName)?.params;
       if (!paramStatements)
         return [];
       return paramStatements.map((paramState) => ({
@@ -4332,6 +4362,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       type: "cascader",
       name: props.name,
       options: methodsOptions.value,
+      disable: props.disabled,
       onChange: (formState, dataSourceMethod) => {
         setParamsConfig(dataSourceMethod, formState);
         return dataSourceMethod;
@@ -4363,10 +4394,10 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             model: _ctx.model,
             onChange: onChangeHandler
           }, null, 8, ["config", "model"]),
-          _ctx.model[_ctx.name] ? (openBlock(), createBlock(_sfc_main$O, {
+          _ctx.model[_ctx.name] && isCustomMethod.value ? (openBlock(), createBlock(_sfc_main$O, {
             key: 0,
             class: "icon",
-            icon: !_ctx.disabled ? unref(Edit) : unref(View),
+            icon: !notEditable.value ? unref(Edit) : unref(View),
             onClick: editCodeHandler
           }, null, 8, ["icon"])) : createCommentVNode("", true)
         ]),
@@ -4383,7 +4414,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
           key: 1,
           ref_key: "codeBlockEditor",
           ref: codeBlockEditor,
-          disabled: _ctx.disabled,
+          disabled: notEditable.value,
           content: unref(codeConfig),
           onSubmit: submitCodeBlockHandler
         }, null, 8, ["disabled", "content"])) : createCommentVNode("", true)
@@ -4796,7 +4827,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         type: "code-select-col",
         text: "代码块",
         name: "codeId",
-        disabled: () => !codeBlockService?.getEditStatus(),
+        notEditable: () => !codeBlockService?.getEditStatus(),
         display: (mForm, { model }) => model.actionType === ActionType.CODE
       };
       return { ...defaultCodeActionConfig, ...props.config.codeActionConfig };
@@ -4806,6 +4837,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         type: "data-source-method-select",
         text: "数据源方法",
         name: "dataSourceMethod",
+        notEditable: () => !services?.dataSourceService.get("editable"),
         display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE
       };
       return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };
@@ -7512,14 +7544,15 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   ])
                 ]),
                 _: 1
-              })) : createCommentVNode("", true)
+              })) : createCommentVNode("", true),
+              renderSlot(_ctx.$slots, "data-source-panel-search")
             ]),
             createVNode(_sfc_main$i, {
               onEdit: editHandler,
               onRemove: removeHandler
             })
           ]),
-          _: 1
+          _: 3
         }),
         createVNode(_sfc_main$j, {
           ref_key: "editDialog",
@@ -8796,6 +8829,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                   ]),
                   key: "4"
                 } : void 0,
+                config.$key === "code-block" || config.slots?.codeBlockPanelSearch ? {
+                  name: "code-block-panel-search",
+                  fn: withCtx(() => [
+                    config.$key === "code-block" ? renderSlot(_ctx.$slots, "code-block-panel-search", { key: 0 }) : config.slots?.codeBlockPanelSearch ? (openBlock(), createBlock(resolveDynamicComponent(config.slots.codeBlockPanelSearch), { key: 1 })) : createCommentVNode("", true)
+                  ]),
+                  key: "5"
+                } : void 0,
                 config.$key === "layer" || config.slots?.layerNodeContent ? {
                   name: "layer-node-content",
                   fn: withCtx(({ data: nodeData }) => [
@@ -8807,7 +8847,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       data: nodeData
                     }, null, 8, ["data"])) : createCommentVNode("", true)
                   ]),
-                  key: "5"
+                  key: "6"
                 } : void 0,
                 config.$key === "layer" || config.slots?.layerNodeLabel ? {
                   name: "layer-node-label",
@@ -8820,7 +8860,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       data: nodeData
                     }, null, 8, ["data"])) : createCommentVNode("", true)
                   ]),
-                  key: "6"
+                  key: "7"
                 } : void 0,
                 config.$key === "layer" || config.slots?.layerNodeTool ? {
                   name: "layer-node-tool",
@@ -8833,9 +8873,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       data: nodeData
                     }, null, 8, ["data"])) : createCommentVNode("", true)
                   ]),
-                  key: "7"
+                  key: "8"
                 } : void 0,
-                config.$key === "data-source" || config.slots?.codeBlockPanelTool ? {
+                config.$key === "data-source" || config.slots?.dataSourcePanelTool ? {
                   name: "data-source-panel-tool",
                   fn: withCtx(({ data }) => [
                     config.$key === "data-source" ? renderSlot(_ctx.$slots, "data-source-panel-tool", {
@@ -8843,7 +8883,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                       data
                     }) : config.slots?.DataSourcePanelTool ? (openBlock(), createBlock(resolveDynamicComponent(config.slots.DataSourcePanelTool), { key: 1 })) : createCommentVNode("", true)
                   ]),
-                  key: "8"
+                  key: "9"
+                } : void 0,
+                config.$key === "data-source" || config.slots?.dataSourcePanelSearch ? {
+                  name: "data-source-panel-search",
+                  fn: withCtx(() => [
+                    config.$key === "data-source" ? renderSlot(_ctx.$slots, "data-source-panel-search", { key: 0 }) : config.slots?.dataSourcePanelSearch ? (openBlock(), createBlock(resolveDynamicComponent(config.slots.dataSourcePanelSearch), { key: 1 })) : createCommentVNode("", true)
+                  ]),
+                  key: "10"
                 } : void 0
               ]), 1040)) : createCommentVNode("", true)
             ])), [
@@ -11125,9 +11172,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   data
                 })
               ]),
+              "code-block-panel-search": withCtx(() => [
+                renderSlot(_ctx.$slots, "code-block-panel-search")
+              ]),
               "data-source-panel-tool": withCtx(({ data }) => [
                 renderSlot(_ctx.$slots, "data-source-panel-tool", { data })
               ]),
+              "data-source-panel-search": withCtx(() => [
+                renderSlot(_ctx.$slots, "data-source-panel-search")
+              ]),
               _: 3
             }, 8, ["data", "layer-content-menu", "custom-content-menu"])
           ])
@@ -11217,4 +11270,4 @@ const index = {
   }
 };
 
-export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$Q as CodeBlockEditor, _sfc_main$l as CodeBlockList, _sfc_main$k as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$R as CodeSelect, _sfc_main$N as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$g as ContentMenu, _sfc_main$L as DataSourceFieldSelect, _sfc_main$M as DataSourceFields, _sfc_main$K as DataSourceInput, _sfc_main$I as DataSourceMethodSelect, _sfc_main$J as DataSourceMethods, _sfc_main$H as DataSourceMocks, _sfc_main$G as DataSourceSelect, DragType, _sfc_main$F as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$O as Icon, KeyBindingCommand, _sfc_main$D as KeyValue, Keys, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$C as PageFragmentSelect, _sfc_main$q as PropsPanel, _sfc_main$A as Resizer, _sfc_main$z as SplitView, _sfc_main$U as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$y as ToolButton, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, error, eventTabConfig, eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setChildrenLayout, setConfig, setLayout, stageOverlayService, storageService, styleTabConfig, traverseNode, uiService, useCodeBlockEdit, useDataSourceMethod, useFloatBox, useStage, warn };
+export { CODE_DRAFT_STORAGE_KEY, COPY_STORAGE_KEY, _sfc_main$Q as CodeBlockEditor, _sfc_main$l as CodeBlockList, _sfc_main$k as CodeBlockListPanel, CodeDeleteErrorType, _sfc_main$R as CodeSelect, _sfc_main$N as CodeSelectCol, ColumnLayout, _sfc_main$b as ComponentListPanel, _sfc_main$g as ContentMenu, _sfc_main$j as DataSourceConfigPanel, _sfc_main$L as DataSourceFieldSelect, _sfc_main$M as DataSourceFields, _sfc_main$K as DataSourceInput, _sfc_main$I as DataSourceMethodSelect, _sfc_main$J as DataSourceMethods, _sfc_main$H as DataSourceMocks, _sfc_main$G as DataSourceSelect, DragType, _sfc_main$F as EventSelect, Fixed2Other, H_GUIDE_LINE_STORAGE_KEY, _sfc_main$O as Icon, KeyBindingCommand, _sfc_main$D as KeyValue, Keys, LayerOffset, _sfc_main$c as LayerPanel, Layout, _sfc_main$z as LayoutContainer, _sfc_main$C as PageFragmentSelect, _sfc_main$q as PropsPanel, _sfc_main$A as Resizer, _sfc_main$z as SplitView, _sfc_main$U as TMagicCodeEditor, _sfc_main as TMagicEditor, _sfc_main$y as ToolButton, UI_SELECT_MODE_EVENT_NAME, V_GUIDE_LINE_STORAGE_KEY, advancedTabConfig, beforePaste, change2Fixed, codeBlockService, dataSourceService, debug, index as default, depService, displayTabConfig, editorService, error, eventTabConfig, eventsService, fillConfig, fixNodeLeft, fixNodePosition, generatePageName, generatePageNameByApp, getAddParent, getConfig, getDefaultConfig, getDisplayField, getFormConfig, getFormValue, getGuideLineFromCache, getInitPositionStyle, getNodeIndex, getPageFragmentList, getPageList, getPageNameList, getPositionInContainer, getRelativeStyle, historyService, info, isFixed, log, propsService, serializeConfig, setChildrenLayout, setConfig, setLayout, stageOverlayService, storageService, styleTabConfig, traverseNode, uiService, useCodeBlockEdit, useDataSourceMethod, useFloatBox, useStage, warn };

package/dist/tmagic-editor.umd.cjs

@@ -370,6 +370,9 @@
         title: (mForm, { model, index }) => {
           if (model.codeType === schema.HookCodeType.DATA_SOURCE_METHOD) {
             if (Array.isArray(model.codeId)) {
+              if (model.codeId.length < 2) {
+                return index;
+              }
               const ds = services?.dataSourceService.getDataSourceById(model.codeId[0]);
               return `${ds?.title} / ${model.codeId[1]}`;
             }
@@ -389,14 +392,31 @@
                   { value: schema.HookCodeType.CODE, text: "代码块" },
                   { value: schema.HookCodeType.DATA_SOURCE_METHOD, text: "数据源方法" }
                 ],
-                defaultValue: "code"
+                defaultValue: "code",
+                onChange: (mForm, v, { model }) => {
+                  if (v === schema.HookCodeType.DATA_SOURCE_METHOD) {
+                    model.codeId = [];
+                  } else {
+                    model.codeId = "";
+                  }
+                  return v;
+                }
               },
               {
-                type: (mForm, { model }) => model.codeType === schema.HookCodeType.DATA_SOURCE_METHOD ? "data-source-method-select" : "code-select-col",
+                type: "code-select-col",
                 name: "codeId",
                 span: 16,
                 labelWidth: 0,
-                disabled: () => !services?.codeBlockService.getEditStatus()
+                display: (mForm, { model }) => model.codeType !== schema.HookCodeType.DATA_SOURCE_METHOD,
+                notEditable: () => !services?.codeBlockService.getEditStatus()
+              },
+              {
+                type: "data-source-method-select",
+                name: "codeId",
+                span: 16,
+                labelWidth: 0,
+                display: (mForm, { model }) => model.codeType === schema.HookCodeType.DATA_SOURCE_METHOD,
+                notEditable: () => !services?.dataSourceService.get("editable")
               }
             ]
           }
@@ -3417,8 +3437,10 @@
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
+      const mForm = vue.inject("mForm");
       const services = vue.inject("services");
       const emit = __emit;
+      const notEditable = vue.computed(() => form.filterFunction(mForm, props.config.notEditable, props));
       const props = __props;
       const getParamItemsConfig = (codeId) => {
         if (!codeDsl.value || !codeId)
@@ -3445,6 +3467,7 @@
       const selectConfig = {
         type: "select",
         name: props.name,
+        disable: props.disabled,
         options: () => {
           if (codeDsl.value) {
             return lodashEs.map(codeDsl.value, (value, key) => ({
@@ -3484,7 +3507,7 @@
             _ctx.model[_ctx.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
               key: 0,
               class: "icon",
-              icon: !_ctx.disabled ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
+              icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
               onClick: _cache[0] || (_cache[0] = ($event) => vue.unref(editCode)(_ctx.model[_ctx.name]))
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
           ]),
@@ -3500,7 +3523,7 @@
             key: 1,
             ref_key: "codeBlockEditor",
             ref: codeBlockEditor,
-            disabled: _ctx.disabled,
+            disabled: notEditable.value,
             content: vue.unref(codeConfig),
             onSubmit: vue.unref(submitCodeBlockHandler)
           }, null, 8, ["disabled", "content", "onSubmit"])) : vue.createCommentVNode("", true)
@@ -4295,15 +4318,22 @@
     },
     emits: ["change"],
     setup(__props, { emit: __emit }) {
+      const mForm = vue.inject("mForm");
       const services = vue.inject("services");
       const emit = __emit;
       const dataSourceService = services?.dataSourceService;
       const props = __props;
+      const notEditable = vue.computed(() => form.filterFunction(mForm, props.config.notEditable, props));
       const dataSources = vue.computed(() => dataSourceService?.get("dataSources"));
-      const getParamItemsConfig = ([dataSourceId, medthodName] = ["", ""]) => {
+      const isCustomMethod = vue.computed(() => {
+        const [id, name] = props.model[props.name];
+        const dataSource = dataSourceService?.getDataSourceById(id);
+        return Boolean(dataSource?.methods.find((method) => method.name === name));
+      });
+      const getParamItemsConfig = ([dataSourceId, methodName] = ["", ""]) => {
         if (!dataSourceId)
           return [];
-        const paramStatements = dataSources.value?.find((item) => item.id === dataSourceId)?.methods?.find((item) => item.name === medthodName)?.params;
+        const paramStatements = dataSources.value?.find((item) => item.id === dataSourceId)?.methods?.find((item) => item.name === methodName)?.params;
         if (!paramStatements)
           return [];
         return paramStatements.map((paramState) => ({
@@ -4337,6 +4367,7 @@
         type: "cascader",
         name: props.name,
         options: methodsOptions.value,
+        disable: props.disabled,
         onChange: (formState, dataSourceMethod) => {
           setParamsConfig(dataSourceMethod, formState);
           return dataSourceMethod;
@@ -4368,10 +4399,10 @@
               model: _ctx.model,
               onChange: onChangeHandler
             }, null, 8, ["config", "model"]),
-            _ctx.model[_ctx.name] ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
+            _ctx.model[_ctx.name] && isCustomMethod.value ? (vue.openBlock(), vue.createBlock(_sfc_main$O, {
               key: 0,
               class: "icon",
-              icon: !_ctx.disabled ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
+              icon: !notEditable.value ? vue.unref(iconsVue.Edit) : vue.unref(iconsVue.View),
               onClick: editCodeHandler
             }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
           ]),
@@ -4388,7 +4419,7 @@
             key: 1,
             ref_key: "codeBlockEditor",
             ref: codeBlockEditor,
-            disabled: _ctx.disabled,
+            disabled: notEditable.value,
             content: vue.unref(codeConfig),
             onSubmit: submitCodeBlockHandler
           }, null, 8, ["disabled", "content"])) : vue.createCommentVNode("", true)
@@ -4801,7 +4832,7 @@
           type: "code-select-col",
           text: "代码块",
           name: "codeId",
-          disabled: () => !codeBlockService?.getEditStatus(),
+          notEditable: () => !codeBlockService?.getEditStatus(),
           display: (mForm, { model }) => model.actionType === schema.ActionType.CODE
         };
         return { ...defaultCodeActionConfig, ...props.config.codeActionConfig };
@@ -4811,6 +4842,7 @@
           type: "data-source-method-select",
           text: "数据源方法",
           name: "dataSourceMethod",
+          notEditable: () => !services?.dataSourceService.get("editable"),
           display: (mForm, { model }) => model.actionType === schema.ActionType.DATA_SOURCE
         };
         return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };
@@ -7517,14 +7549,15 @@
                     ])
                   ]),
                   _: 1
-                })) : vue.createCommentVNode("", true)
+                })) : vue.createCommentVNode("", true),
+                vue.renderSlot(_ctx.$slots, "data-source-panel-search")
               ]),
               vue.createVNode(_sfc_main$i, {
                 onEdit: editHandler,
                 onRemove: removeHandler
               })
             ]),
-            _: 1
+            _: 3
           }),
           vue.createVNode(_sfc_main$j, {
             ref_key: "editDialog",
@@ -8801,6 +8834,13 @@
                     ]),
                     key: "4"
                   } : void 0,
+                  config.$key === "code-block" || config.slots?.codeBlockPanelSearch ? {
+                    name: "code-block-panel-search",
+                    fn: vue.withCtx(() => [
+                      config.$key === "code-block" ? vue.renderSlot(_ctx.$slots, "code-block-panel-search", { key: 0 }) : config.slots?.codeBlockPanelSearch ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.codeBlockPanelSearch), { key: 1 })) : vue.createCommentVNode("", true)
+                    ]),
+                    key: "5"
+                  } : void 0,
                   config.$key === "layer" || config.slots?.layerNodeContent ? {
                     name: "layer-node-content",
                     fn: vue.withCtx(({ data: nodeData }) => [
@@ -8812,7 +8852,7 @@
                         data: nodeData
                       }, null, 8, ["data"])) : vue.createCommentVNode("", true)
                     ]),
-                    key: "5"
+                    key: "6"
                   } : void 0,
                   config.$key === "layer" || config.slots?.layerNodeLabel ? {
                     name: "layer-node-label",
@@ -8825,7 +8865,7 @@
                         data: nodeData
                       }, null, 8, ["data"])) : vue.createCommentVNode("", true)
                     ]),
-                    key: "6"
+                    key: "7"
                   } : void 0,
                   config.$key === "layer" || config.slots?.layerNodeTool ? {
                     name: "layer-node-tool",
@@ -8838,9 +8878,9 @@
                         data: nodeData
                       }, null, 8, ["data"])) : vue.createCommentVNode("", true)
                     ]),
-                    key: "7"
+                    key: "8"
                   } : void 0,
-                  config.$key === "data-source" || config.slots?.codeBlockPanelTool ? {
+                  config.$key === "data-source" || config.slots?.dataSourcePanelTool ? {
                     name: "data-source-panel-tool",
                     fn: vue.withCtx(({ data }) => [
                       config.$key === "data-source" ? vue.renderSlot(_ctx.$slots, "data-source-panel-tool", {
@@ -8848,7 +8888,14 @@
                         data
                       }) : config.slots?.DataSourcePanelTool ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.DataSourcePanelTool), { key: 1 })) : vue.createCommentVNode("", true)
                     ]),
-                    key: "8"
+                    key: "9"
+                  } : void 0,
+                  config.$key === "data-source" || config.slots?.dataSourcePanelSearch ? {
+                    name: "data-source-panel-search",
+                    fn: vue.withCtx(() => [
+                      config.$key === "data-source" ? vue.renderSlot(_ctx.$slots, "data-source-panel-search", { key: 0 }) : config.slots?.dataSourcePanelSearch ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(config.slots.dataSourcePanelSearch), { key: 1 })) : vue.createCommentVNode("", true)
+                    ]),
+                    key: "10"
                   } : void 0
                 ]), 1040)) : vue.createCommentVNode("", true)
               ])), [
@@ -11130,9 +11177,15 @@
                     data
                   })
                 ]),
+                "code-block-panel-search": vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "code-block-panel-search")
+                ]),
                 "data-source-panel-tool": vue.withCtx(({ data }) => [
                   vue.renderSlot(_ctx.$slots, "data-source-panel-tool", { data })
                 ]),
+                "data-source-panel-search": vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "data-source-panel-search")
+                ]),
                 _: 3
               }, 8, ["data", "layer-content-menu", "custom-content-menu"])
             ])
@@ -11237,6 +11290,7 @@
   exports.ColumnLayout = ColumnLayout;
   exports.ComponentListPanel = _sfc_main$b;
   exports.ContentMenu = _sfc_main$g;
+  exports.DataSourceConfigPanel = _sfc_main$j;
   exports.DataSourceFieldSelect = _sfc_main$L;
   exports.DataSourceFields = _sfc_main$M;
   exports.DataSourceInput = _sfc_main$K;

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.14",
+  "version": "1.3.16",
   "name": "@tmagic/editor",
   "type": "module",
   "sideEffects": [
@@ -42,14 +42,14 @@
   "dependencies": {
     "@babel/core": "^7.18.0",
     "@element-plus/icons-vue": "^2.3.1",
-    "@tmagic/core": "1.3.14",
-    "@tmagic/dep": "1.3.14",
-    "@tmagic/design": "1.3.14",
-    "@tmagic/form": "1.3.14",
-    "@tmagic/schema": "1.3.14",
-    "@tmagic/stage": "1.3.14",
-    "@tmagic/table": "1.3.14",
-    "@tmagic/utils": "1.3.14",
+    "@tmagic/core": "1.3.16",
+    "@tmagic/dep": "1.3.16",
+    "@tmagic/design": "1.3.16",
+    "@tmagic/form": "1.3.16",
+    "@tmagic/schema": "1.3.16",
+    "@tmagic/stage": "1.3.16",
+    "@tmagic/table": "1.3.16",
+    "@tmagic/utils": "1.3.16",
     "buffer": "^6.0.3",
     "color": "^3.1.3",
     "emmet-monaco-es": "^5.3.0",
@@ -63,8 +63,8 @@
     "vue": "^3.3.8"
   },
   "peerDependencies": {
-    "@tmagic/design": "1.3.14",
-    "@tmagic/form": "1.3.14",
+    "@tmagic/design": "1.3.16",
+    "@tmagic/form": "1.3.16",
     "monaco-editor": "^0.41.0",
     "vue": "^3.3.8"
   },

package/src/Editor.vue

@@ -49,9 +49,17 @@
             <slot name="code-block-panel-tool" :id="id" :data="data"></slot>
           </template>
 
+          <template #code-block-panel-search>
+            <slot name="code-block-panel-search"></slot>
+          </template>
+
           <template #data-source-panel-tool="{ data }">
             <slot name="data-source-panel-tool" :data="data"></slot>
           </template>
+
+          <template #data-source-panel-search>
+            <slot name="data-source-panel-search"></slot>
+          </template>
         </Sidebar>
       </slot>
     </template>

package/src/fields/CodeSelect.vue

@@ -42,6 +42,10 @@ const codeConfig = computed(() => ({
   title: (mForm: FormState, { model, index }: any) => {
     if (model.codeType === HookCodeType.DATA_SOURCE_METHOD) {
       if (Array.isArray(model.codeId)) {
+        if (model.codeId.length < 2) {
+          return index;
+        }
+
         const ds = services?.dataSourceService.getDataSourceById(model.codeId[0]);
         return `${ds?.title} / ${model.codeId[1]}`;
       }
@@ -63,14 +67,31 @@ const codeConfig = computed(() => ({
             { value: HookCodeType.DATA_SOURCE_METHOD, text: '数据源方法' },
           ],
           defaultValue: 'code',
+          onChange: (mForm: FormState, v: HookCodeType, { model }: any) => {
+            if (v === HookCodeType.DATA_SOURCE_METHOD) {
+              model.codeId = [];
+            } else {
+              model.codeId = '';
+            }
+
+            return v;
+          },
+        },
+        {
+          type: 'code-select-col',
+          name: 'codeId',
+          span: 16,
+          labelWidth: 0,
+          display: (mForm: FormState, { model }: any) => model.codeType !== HookCodeType.DATA_SOURCE_METHOD,
+          notEditable: () => !services?.codeBlockService.getEditStatus(),
         },
         {
-          type: (mForm: FormState, { model }: any) =>
-            model.codeType === HookCodeType.DATA_SOURCE_METHOD ? 'data-source-method-select' : 'code-select-col',
+          type: 'data-source-method-select',
           name: 'codeId',
           span: 16,
           labelWidth: 0,
-          disabled: () => !services?.codeBlockService.getEditStatus(),
+          display: (mForm: FormState, { model }: any) => model.codeType === HookCodeType.DATA_SOURCE_METHOD,
+          notEditable: () => !services?.dataSourceService.get('editable'),
         },
       ],
     },

package/src/fields/CodeSelectCol.vue

@@ -10,7 +10,7 @@
         @change="onParamsChangeHandler"
       ></m-form-container>
       <!-- 查看/编辑按钮 -->
-      <Icon v-if="model[name]" class="icon" :icon="!disabled ? Edit : View" @click="editCode(model[name])"></Icon>
+      <Icon v-if="model[name]" class="icon" :icon="!notEditable ? Edit : View" @click="editCode(model[name])"></Icon>
     </div>
 
     <!-- 参数填写框 -->
@@ -27,7 +27,7 @@
     <CodeBlockEditor
       ref="codeBlockEditor"
       v-if="codeConfig"
-      :disabled="disabled"
+      :disabled="notEditable"
       :content="codeConfig"
       @submit="submitCodeBlockHandler"
     ></CodeBlockEditor>
@@ -39,7 +39,7 @@ import { computed, inject, ref, watch } from 'vue';
 import { Edit, View } from '@element-plus/icons-vue';
 import { isEmpty, map } from 'lodash-es';
 
-import { createValues, FieldProps } from '@tmagic/form';
+import { createValues, type FieldProps, filterFunction, type FormState } from '@tmagic/form';
 import type { Id } from '@tmagic/schema';
 
 import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
@@ -52,9 +52,11 @@ defineOptions({
   name: 'MEditorCodeSelectCol',
 });
 
+const mForm = inject<FormState | undefined>('mForm');
 const services = inject<Services>('services');
 const emit = defineEmits(['change']);
 
+const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
 const props = withDefaults(defineProps<FieldProps<CodeSelectColConfig>>(), {
   disabled: false,
 });
@@ -92,6 +94,7 @@ watch(
 const selectConfig = {
   type: 'select',
   name: props.name,
+  disable: props.disabled,
   options: () => {
     if (codeDsl.value) {
       return map(codeDsl.value, (value, key) => ({

package/src/fields/DataSourceMethodSelect.vue

@@ -7,7 +7,12 @@
         :model="model"
         @change="onChangeHandler"
       ></m-form-container>
-      <Icon v-if="model[name]" class="icon" :icon="!disabled ? Edit : View" @click="editCodeHandler"></Icon>
+      <Icon
+        v-if="model[name] && isCustomMethod"
+        class="icon"
+        :icon="!notEditable ? Edit : View"
+        @click="editCodeHandler"
+      ></Icon>
     </div>
 
     <CodeParams
@@ -23,7 +28,7 @@
     <CodeBlockEditor
       ref="codeBlockEditor"
       v-if="codeConfig"
-      :disabled="disabled"
+      :disabled="notEditable"
       :content="codeConfig"
       @submit="submitCodeBlockHandler"
     ></CodeBlockEditor>
@@ -34,7 +39,7 @@
 import { computed, inject, ref } from 'vue';
 import { Edit, View } from '@element-plus/icons-vue';
 
-import { createValues, FieldProps } from '@tmagic/form';
+import { createValues, type FieldProps, filterFunction, type FormState } from '@tmagic/form';
 import type { CodeBlockContent, Id } from '@tmagic/schema';
 
 import CodeBlockEditor from '@editor/components/CodeBlockEditor.vue';
@@ -47,6 +52,7 @@ defineOptions({
   name: 'MEditorDataSourceMethodSelect',
 });
 
+const mForm = inject<FormState | undefined>('mForm');
 const services = inject<Services>('services');
 const emit = defineEmits(['change']);
 
@@ -56,14 +62,24 @@ const props = withDefaults(defineProps<FieldProps<DataSourceMethodSelectConfig>>
   disabled: false,
 });
 
+const notEditable = computed(() => filterFunction(mForm, props.config.notEditable, props));
+
 const dataSources = computed(() => dataSourceService?.get('dataSources'));
 
-const getParamItemsConfig = ([dataSourceId, medthodName]: [Id, string] = ['', '']): CodeParamStatement[] => {
+const isCustomMethod = computed(() => {
+  const [id, name] = props.model[props.name];
+
+  const dataSource = dataSourceService?.getDataSourceById(id);
+
+  return Boolean(dataSource?.methods.find((method) => method.name === name));
+});
+
+const getParamItemsConfig = ([dataSourceId, methodName]: [Id, string] = ['', '']): CodeParamStatement[] => {
   if (!dataSourceId) return [];
 
   const paramStatements = dataSources.value
     ?.find((item) => item.id === dataSourceId)
-    ?.methods?.find((item) => item.name === medthodName)?.params;
+    ?.methods?.find((item) => item.name === methodName)?.params;
 
   if (!paramStatements) return [];
 
@@ -107,6 +123,7 @@ const cascaderConfig = computed(() => ({
   type: 'cascader',
   name: props.name,
   options: methodsOptions.value,
+  disable: props.disabled,
   onChange: (formState: any, dataSourceMethod: [Id, string]) => {
     setParamsConfig(dataSourceMethod, formState);
 

package/src/fields/EventSelect.vue

@@ -171,7 +171,7 @@ const codeActionConfig = computed(() => {
     type: 'code-select-col',
     text: '代码块',
     name: 'codeId',
-    disabled: () => !codeBlockService?.getEditStatus(),
+    notEditable: () => !codeBlockService?.getEditStatus(),
     display: (mForm, { model }) => model.actionType === ActionType.CODE,
   };
   return { ...defaultCodeActionConfig, ...props.config.codeActionConfig };
@@ -183,6 +183,7 @@ const dataSourceActionConfig = computed(() => {
     type: 'data-source-method-select',
     text: '数据源方法',
     name: 'dataSourceMethod',
+    notEditable: () => !services?.dataSourceService.get('editable'),
     display: (mForm, { model }) => model.actionType === ActionType.DATA_SOURCE,
   };
   return { ...defaultDataSourceActionConfig, ...props.config.dataSourceActionConfig };

package/src/index.ts

@@ -73,6 +73,7 @@ export { default as EventSelect } from './fields/EventSelect.vue';
 export { default as KeyValue } from './fields/KeyValue.vue';
 export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
 export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
+export { default as DataSourceConfigPanel } from './layouts/sidebar/data-source/DataSourceConfigPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 export { default as ContentMenu } from './components/ContentMenu.vue';

package/src/layouts/sidebar/Sidebar.vue

@@ -66,6 +66,11 @@
           <component v-else-if="config.slots?.codeBlockPanelTool" :is="config.slots.codeBlockPanelTool" />
         </template>
 
+        <template #code-block-panel-search v-if="config.$key === 'code-block' || config.slots?.codeBlockPanelSearch">
+          <slot v-if="config.$key === 'code-block'" name="code-block-panel-search"></slot>
+          <component v-else-if="config.slots?.codeBlockPanelSearch" :is="config.slots.codeBlockPanelSearch" />
+        </template>
+
         <template
           #layer-node-content="{ data: nodeData }"
           v-if="config.$key === 'layer' || config.slots?.layerNodeContent"
@@ -86,11 +91,16 @@
 
         <template
           #data-source-panel-tool="{ data }"
-          v-if="config.$key === 'data-source' || config.slots?.codeBlockPanelTool"
+          v-if="config.$key === 'data-source' || config.slots?.dataSourcePanelTool"
         >
           <slot v-if="config.$key === 'data-source'" name="data-source-panel-tool" :data="data"></slot>
           <component v-else-if="config.slots?.DataSourcePanelTool" :is="config.slots.DataSourcePanelTool" />
         </template>
+
+        <template #data-source-panel-search v-if="config.$key === 'data-source' || config.slots?.dataSourcePanelSearch">
+          <slot v-if="config.$key === 'data-source'" name="data-source-panel-search"></slot>
+          <component v-else-if="config.slots?.dataSourcePanelSearch" :is="config.slots.dataSourcePanelSearch" />
+        </template>
       </component>
     </div>
   </div>

package/src/layouts/sidebar/data-source/DataSourceListPanel.vue

@@ -20,11 +20,14 @@
           ></ToolButton>
         </div>
       </TMagicPopover>
+
+      <slot name="data-source-panel-search"></slot>
     </div>
 
     <!-- 数据源列表 -->
     <DataSourceList @edit="editHandler" @remove="removeHandler"></DataSourceList>
   </TMagicScrollbar>
+
   <DataSourceConfigPanel
     ref="editDialog"
     :disabled="!editable"

package/src/theme/component-list-panel.scss

@@ -1,88 +1,96 @@
-.ui-component-panel.tmagic-design-collapse {
-  height: 100%;
-  border-top: 0 !important;
-  margin-top: 48px;
-  background-color: $--sidebar-content-background-color;
+.ui-component-panel {
+  &.tmagic-design-collapse {
+    height: 100%;
+    border-top: 0 !important;
+    margin-top: 48px;
+    background-color: $--sidebar-content-background-color;
 
-  .tmagic-design-collapse-item {
-    > div:first-of-type {
-      border-bottom: 1px solid $--border-color;
-      margin-bottom: 10px;
+    .tmagic-design-collapse-item {
+      > div:first-of-type {
+        border-bottom: 1px solid $--border-color;
+        margin-bottom: 10px;
+      }
     }
-  }
 
-  .el-collapse-item__header,
-  .t-collapse-panel__header {
-    background: $--sidebar-content-background-color;
-    color: $--font-color;
-    height: 25px;
-    line-height: 25px;
-    padding-left: 10px;
-    font-size: 12px;
+    .el-collapse-item__header,
+    .t-collapse-panel__header {
+      background: $--sidebar-content-background-color;
+      color: $--font-color;
+      height: 25px;
+      line-height: 25px;
+      padding-left: 10px;
+      font-size: 12px;
 
-    i {
-      margin-right: 5px;
-      font-size: 14px;
+      i {
+        margin-right: 5px;
+        font-size: 14px;
+      }
     }
-  }
-
-  .el-collapse-item__wrap,
-  .t-collapse-panel__body {
-    background: $--sidebar-content-background-color;
-    border-bottom: 0;
 
-    .el-collapse-item__content,
-    .t-collapse-panel__content {
-      padding: 10px;
-      display: flex;
-      flex-wrap: wrap;
-    }
+    .el-collapse-item__wrap,
+    .t-collapse-panel__body {
+      background: $--sidebar-content-background-color;
+      border-bottom: 0;
 
-    .component-item {
-      display: flex;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      margin: 5px 10px;
-      box-sizing: border-box;
-      color: $--font-color;
-      flex-direction: column;
-      width: 42px;
-      cursor: pointer;
+      .el-collapse-item__content,
+      .t-collapse-panel__content {
+        padding: 10px;
+        display: flex;
+        flex-wrap: wrap;
+      }
 
-      i {
-        font-size: 20px;
-        background: #fff;
-        height: 40px;
-        width: 40px;
-        line-height: 40px;
-        border-radius: 5px;
-        color: #909090;
-        border: 1px solid $--border-color;
+      .component-item {
         display: flex;
-        justify-content: space-evenly;
-        align-items: center;
-        margin-bottom: 5px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin: 5px 10px;
+        box-sizing: border-box;
+        color: $--font-color;
+        flex-direction: column;
+        width: 42px;
+        cursor: pointer;
+
+        i {
+          font-size: 20px;
+          background: #fff;
+          height: 40px;
+          width: 40px;
+          line-height: 40px;
+          border-radius: 5px;
+          color: #909090;
+          border: 1px solid $--border-color;
+          display: flex;
+          justify-content: space-evenly;
+          align-items: center;
+          margin-bottom: 5px;
 
-        &:hover {
-          background: #2882e0;
-          color: #fff;
-          border-color: #4e8be1;
+          &:hover {
+            background: #2882e0;
+            color: #fff;
+            border-color: #4e8be1;
+          }
         }
-      }
 
-      span {
-        font-size: 12px;
-        text-align: center;
-      }
+        span {
+          font-size: 12px;
+          text-align: center;
+        }
 
-      .el-tooltip {
-        width: 50px;
-        height: 30px;
-        line-height: 15px;
-        display: block;
-        white-space: normal;
-        margin: 0;
+        .el-tooltip {
+          width: 50px;
+          height: 30px;
+          line-height: 15px;
+          display: block;
+          white-space: normal;
+          margin: 0;
+        }
       }
     }
   }
+
+  .t-collapse {
+    margin-top: 0;
+    padding-top: 48px;
+    position: relative;
+  }
 }

package/src/theme/layer-panel.scss

@@ -1,5 +1,6 @@
 .m-editor-layer-panel {
   background: $--sidebar-content-background-color;
+  position: relative;
 
   .m-editor-tree {
     padding-top: 48px;

package/src/type.ts

@@ -81,6 +81,7 @@ export interface CodeBlockListSlots {
 
 export interface DataSourceListSlots {
   'data-source-panel-tool'(props: { data: any }): any;
+  'data-source-panel-search'(props: {}): any;
 }
 
 export interface LayerNodeSlots {
@@ -600,6 +601,7 @@ export interface CodeSelectColConfig {
   text: string;
   labelWidth?: number | string;
   disabled?: boolean | FilterFunction;
+  notEditable?: boolean | FilterFunction;
   display?: boolean | FilterFunction;
 }
 
@@ -618,6 +620,7 @@ export interface DataSourceMethodSelectConfig {
   text: string;
   labelWidth?: number | string;
   disabled?: boolean | FilterFunction;
+  notEditable?: boolean | FilterFunction;
   display?: boolean | FilterFunction;
 }
 

package/types/fields/CodeSelectCol.vue.d.ts

@@ -1,4 +1,4 @@
-import { FieldProps } from '@tmagic/form';
+import { type FieldProps } from '@tmagic/form';
 import type { CodeSelectColConfig } from '../type';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<CodeSelectColConfig>>, {
     disabled: boolean;

package/types/fields/DataSourceMethodSelect.vue.d.ts

@@ -1,4 +1,4 @@
-import { FieldProps } from '@tmagic/form';
+import { type FieldProps } from '@tmagic/form';
 import type { DataSourceMethodSelectConfig } from '../type';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FieldProps<DataSourceMethodSelectConfig>>, {
     disabled: boolean;

package/types/index.d.ts

@@ -34,6 +34,7 @@ export { default as EventSelect } from './fields/EventSelect.vue';
 export { default as KeyValue } from './fields/KeyValue.vue';
 export { default as CodeBlockList } from './layouts/sidebar/code-block/CodeBlockList.vue';
 export { default as CodeBlockListPanel } from './layouts/sidebar/code-block/CodeBlockListPanel.vue';
+export { default as DataSourceConfigPanel } from './layouts/sidebar/data-source/DataSourceConfigPanel.vue';
 export { default as PropsPanel } from './layouts/PropsPanel.vue';
 export { default as ToolButton } from './components/ToolButton.vue';
 export { default as ContentMenu } from './components/ContentMenu.vue';

package/types/type.d.ts

@@ -59,6 +59,7 @@ export interface DataSourceListSlots {
     'data-source-panel-tool'(props: {
         data: any;
     }): any;
+    'data-source-panel-search'(props: {}): any;
 }
 export interface LayerNodeSlots {
     'layer-node-content'(props: {
@@ -511,6 +512,7 @@ export interface CodeSelectColConfig {
     text: string;
     labelWidth?: number | string;
     disabled?: boolean | FilterFunction;
+    notEditable?: boolean | FilterFunction;
     display?: boolean | FilterFunction;
 }
 export interface PageFragmentSelectConfig {
@@ -527,6 +529,7 @@ export interface DataSourceMethodSelectConfig {
     text: string;
     labelWidth?: number | string;
     disabled?: boolean | FilterFunction;
+    notEditable?: boolean | FilterFunction;
     display?: boolean | FilterFunction;
 }
 export interface DataSourceFieldSelectConfig {