feat:获取editable的值

Author: mousheng

client/packages/barda/src/comps/comps/tableComp/column/columnTypeComps/columnTagsComp.tsx

@@ -9,7 +9,7 @@ import { ActionSelectorControl } from "comps/controls/actionSelector/actionSelec
 import { BoolControl } from "comps/controls/boolControl";
 import { codeControl } from "comps/controls/codeControl";
 import { trans } from "i18n";
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
 import { toJson } from "really-relaxed-json";
 import { JSONObject } from "util/jsonTypes";
 import {
@@ -23,6 +23,9 @@ import {
   WrapperMulti,
 } from "./columnTypeUtils/tagUtils";
 
+// Context 用于传递列基础配置的 editable 值
+export const ColumnEditableContext = createContext<boolean | undefined>(undefined);
+
 /* ------------------------------ 工具函数区 ------------------------------ */
 
 // 统一解析 value 为字符串数组
@@ -233,22 +236,28 @@ export const ColumnTagsComp = new ColumnTypeCompBuilder(
       </ColorMapContext.Provider>
     );
   })
-  .setPropertyViewFn((children) => (
-    <>
-      {children.text.propertyView({
-        label: trans("table.columnValue"),
-        tooltip: ColumnValueTooltip,
-      })}
-      {children.colorMap.propertyView({
-        title: trans("table.tagConfig"),
-      })}
-      {children.allowCustomTags.propertyView({
-        label: trans("table.allowCustomTags"),
-        tooltip: trans("table.allowCustomTagsTooltip"),
-      })}
-      {children.onTagClick.propertyView({
-        label: trans("table.onTagClick"),
-      })}
-    </>
-  ))
+  .setPropertyViewFn((children) => {
+    const PropertyView = () => {
+      const columnEditable = useContext(ColumnEditableContext);
+      return (
+        <>
+          {children.text.propertyView({
+            label: trans("table.columnValue"),
+            tooltip: ColumnValueTooltip,
+          })}
+          {children.colorMap.propertyView({
+            title: trans("table.tagConfig"),
+          })}
+          {columnEditable && children.allowCustomTags.propertyView({
+            label: trans("table.allowCustomTags"),
+            tooltip: trans("table.allowCustomTagsTooltip"),
+          })}
+          {children.onTagClick.propertyView({
+            label: trans("table.onTagClick"),
+          })}
+        </>
+      );
+    };
+    return <PropertyView />;
+  })
   .build();

client/packages/barda/src/comps/comps/tableComp/column/tableColumnComp.tsx

@@ -1,11 +1,3 @@
-import { BoolControl } from "comps/controls/boolControl";
-import { NumberControl, StringControl } from "comps/controls/codeControl";
-import { dropdownControl, HorizontalAlignmentControl } from "comps/controls/dropdownControl";
-import { MultiCompBuilder, stateComp, valueComp } from "comps/generators";
-import { withSelectedMultiContext } from "comps/generators/withSelectedMultiContext";
-import { genRandomKey } from "comps/utils/idGenerator";
-import { trans } from "i18n";
-import _ from "lodash";
 import {
   changeChildAction,
   changeValueAction,
@@ -20,7 +12,16 @@ import {
   wrapChildAction,
 } from "barda-core";
 import { AlignClose, AlignLeft, AlignRight } from "barda-design";
+import { BoolControl } from "comps/controls/boolControl";
+import { NumberControl, StringControl } from "comps/controls/codeControl";
+import { dropdownControl, HorizontalAlignmentControl } from "comps/controls/dropdownControl";
+import { MultiCompBuilder, stateComp, valueComp } from "comps/generators";
+import { withSelectedMultiContext } from "comps/generators/withSelectedMultiContext";
+import { genRandomKey } from "comps/utils/idGenerator";
+import { trans } from "i18n";
+import _ from "lodash";
 import { ColumnTypeComp, ColumnTypeCompMap } from "./columnTypeComp";
+import { ColumnEditableContext } from "./columnTypeComps/columnTagsComp";
 
 export type Render = ReturnType<ConstructorToComp<typeof RenderComp>["getOriginalComp"]>;
 export const RenderComp = withSelectedMultiContext(ColumnTypeComp);
@@ -114,14 +115,18 @@ export class ColumnComp extends ColumnInitComp {
 
   propertyView(key: string) {
     const columnType = this.children.render.getSelectedComp().getComp().children.compType.getView();
+    const editable = this.children.editable.getView();
+    const columnTypeComp = ColumnTypeCompMap[columnType];
     return (
       <>
         {this.children.title.propertyView({
           label: trans("table.columnTitle"),
         })}
         {/* FIXME: cast type currently, return type of withContext should be corrected later */}
-        {this.children.render.getPropertyView()}
-        {ColumnTypeCompMap[columnType].canBeEditable() &&
+        <ColumnEditableContext.Provider value={editable}>
+          {this.children.render.getPropertyView()}
+        </ColumnEditableContext.Provider>
+        {columnTypeComp.canBeEditable() &&
           this.children.editable.propertyView({ label: trans("table.editable") })}
         {this.children.sortable.propertyView({
           label: trans("table.sortable"),