@openli1115/lowcode-edit-pro-table 1.0.53 → 1.0.55

package/es/components/ProCascaderSelect/index.js

@@ -1,49 +1,46 @@
 import _CascaderSelect from "@alifd/next/es/cascader-select";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "dataSource", "defaultValue", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+import { FORM_EMPTY_ARRAY } from "../../context/useComponentContext";
+var createElement = window.React.createElement;
 var ProCascaderSelect = function ProCascaderSelect(props) {
   var screen_structure = props.screen_structure,
     screen_structure_field = props.screen_structure_field,
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
     dataSource = props.dataSource,
-    defaultValue = props.defaultValue,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProCascaderSelect useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var unboundInit = defaultValue != null && Array.isArray(defaultValue) ? defaultValue : FORM_EMPTY_ARRAY;
+  var _useProBoundValue = useProBoundValue(fieldPath, unboundInit, FORM_EMPTY_ARRAY),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
+  var displayValue = Array.isArray(value) ? value : FORM_EMPTY_ARRAY;
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_CascaderSelect, _extends({}, props, {
-    value: value,
-    onChange: handleChange,
-    dataSource: dataSource
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
+    dataSource: dataSource,
+    value: displayValue,
+    onChange: handleChange
   })));
 };
 export default ProCascaderSelect;

package/es/components/ProCheckbox/index.d.ts

@@ -1,14 +1,6 @@
 import { Checkbox } from '@alifd/next';
 /**
- * ProCheckbox
- * @description 复选按钮
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
- * @param {string} dataSource 数据源
- * @param {string} checkedValue 选中值
- * @param {string} defaultChecked 默认选中
- * @param {string} checked 是否选中
+ * ProCheckbox — 复选框（单框 checked）
  */
 declare const ProCheckbox: typeof Checkbox;
 export default ProCheckbox;

package/es/components/ProCheckbox/index.js

@@ -1,25 +1,11 @@
 import _Checkbox from "@alifd/next/es/checkbox";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "checkedValue", "checked", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 
 /**
- * ProCheckbox
- * @description 复选按钮
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
- * @param {string} dataSource 数据源
- * @param {string} checkedValue 选中值
- * @param {string} defaultChecked 默认选中
- * @param {string} checked 是否选中
+ * ProCheckbox — 复选框（单框 checked）
  */
 var ProCheckbox = function ProCheckbox(props) {
   var screen_structure = props.screen_structure,
@@ -27,33 +13,34 @@ var ProCheckbox = function ProCheckbox(props) {
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
     checkedValue = props.checkedValue,
-    checked = props.checked,
+    _checkedProp = props.checked,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProCheckbox useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
-  var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, false, false),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
+  var handleChange = function handleChange(checked) {
+    commit(checked);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(checked, structureName, structureField);
   };
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_Checkbox, _extends({}, props, {
-    checked: value,
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
+    checkedValue: checkedValue,
+    checked: Boolean(value),
     onChange: handleChange
   })));
 };

package/es/components/ProDatePicker/index.js

@@ -1,45 +1,39 @@
 import _DatePicker from "@alifd/next/es/date-picker";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "defaultValue", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 var ProDatePicker = function ProDatePicker(props) {
   var screen_structure = props.screen_structure,
     screen_structure_field = props.screen_structure_field,
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
-    defaultValue = props.defaultValue,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProDatePicker useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, defaultValue, ''),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_DatePicker, _extends({}, props, {
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
     value: value,
     onChange: handleChange
   })));

package/es/components/ProInput/index.d.ts

@@ -2,9 +2,6 @@ import { Input } from '@alifd/next';
 /**
  * ProInput
  * @description 输入框组件
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
  */
 declare const ProInput: typeof Input;
 export default ProInput;

package/es/components/ProInput/index.js

@@ -1,21 +1,12 @@
 import _Input from "@alifd/next/es/input";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 
 /**
  * ProInput
  * @description 输入框组件
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
  */
 var ProInput = function ProInput(props) {
   var screen_structure = props.screen_structure,
@@ -23,30 +14,31 @@ var ProInput = function ProInput(props) {
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProInput useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _schemaValue = props.value,
+    schemaOnChange = props.onChange,
+    schemaDefaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, schemaDefaultValue != null ? String(schemaDefaultValue) : '', ''),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_Input, _extends({}, props, {
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
     value: value,
     onChange: handleChange
   })));

package/es/components/ProRadio/index.d.ts

@@ -1,14 +1,6 @@
 import { Radio } from '@alifd/next';
 /**
- * ProRadio
- * @description 单选按钮组
- * @param {string} defaultValue 默认值(radio.group才有的字段)
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
- * @param {string} dataSource 数据源
- * @param {string} checkedValue 选中值
- * @param {string} checked 默认选中
+ * ProRadio — 单选按钮组
  */
 declare const ProRadio: typeof Radio;
 export default ProRadio;

package/es/components/ProRadio/index.js

@@ -1,25 +1,11 @@
 import _Radio from "@alifd/next/es/radio";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "defaultValue", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 
 /**
- * ProRadio
- * @description 单选按钮组
- * @param {string} defaultValue 默认值(radio.group才有的字段)
- * @param {string} screen_structure_field 屏幕结构字段
- * @param {string} screen_inner_id 屏幕内部id
- * @param {string} screen_structure 屏幕结构
- * @param {string} dataSource 数据源
- * @param {string} checkedValue 选中值
- * @param {string} checked 默认选中
+ * ProRadio — 单选按钮组
  */
 var ProRadio = function ProRadio(props) {
   var dataSource = props.dataSource,
@@ -27,35 +13,35 @@ var ProRadio = function ProRadio(props) {
     screen_structure_field = props.screen_structure_field,
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
-    defaultValue = props.defaultValue,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProRadio useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, defaultValue, ''),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_Radio.Group, _extends({}, props, {
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
+    dataSource: dataSource,
     value: value,
-    onChange: handleChange,
-    dataSource: dataSource
+    onChange: handleChange
   })));
 };
 export default ProRadio;

package/es/components/ProSelect/index.js

@@ -1,49 +1,44 @@
 import _Select from "@alifd/next/es/select";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["dataSource", "screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "defaultValue", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 var ProSelect = function ProSelect(props) {
   var dataSource = props.dataSource,
     screen_structure = props.screen_structure,
     screen_structure_field = props.screen_structure_field,
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
-    defaultValue = props.defaultValue,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProSelect useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, defaultValue, undefined),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
+  var displayValue = value === '' ? undefined : value;
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_Select, _extends({}, props, {
-    value: value,
-    onChange: handleChange,
-    dataSource: dataSource
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
+    dataSource: dataSource,
+    value: displayValue,
+    onChange: handleChange
   })));
 };
 export default ProSelect;

package/es/components/ProTextArea/index.d.ts

@@ -1,3 +1,3 @@
-import { Input as oringinalInput } from '@alifd/next';
-declare const ProTextArea: typeof oringinalInput;
+import { Input as OriginalInput } from '@alifd/next';
+declare const ProTextArea: typeof OriginalInput;
 export default ProTextArea;

package/es/components/ProTextArea/index.js

@@ -1,45 +1,39 @@
 import _Input from "@alifd/next/es/input";
 import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["screen_structure", "screen_structure_field", "screen_inner_id", "range_inner_table", "defaultValue", "disableEdit"];
-import { getFormBindingPath } from "../utils";
-import { useComponentContext } from "../../context/useComponentContext";
-var React = window.React;
-var createElement = React.createElement,
-  useEffect = React.useEffect,
-  useRef = React.useRef,
-  useState = React.useState;
+import { resolveProScreenBinding } from "../utils";
+import { useProBoundValue } from "../../context/useProBoundValue";
+var createElement = window.React.createElement;
 var ProTextArea = function ProTextArea(props) {
   var screen_structure = props.screen_structure,
     screen_structure_field = props.screen_structure_field,
     screen_inner_id = props.screen_inner_id,
     range_inner_table = props.range_inner_table,
-    defaultValue = props.defaultValue,
     disableEdit = props.disableEdit,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-  var _getFormBindingPath = getFormBindingPath(screen_structure, screen_structure_field, range_inner_table),
-    structureName = _getFormBindingPath.structureName,
-    structureField = _getFormBindingPath.structureField;
-  var fieldPath = structureName + "." + structureField;
-  var _useComponentContext = useComponentContext(fieldPath),
-    value = _useComponentContext.value,
-    onValueChange = _useComponentContext.onValueChange;
-  console.log('ProTextArea useComponentContext value', value, fieldPath);
-  // console.log('otherProps', otherProps);
-
+    readOnlyProp = props.readOnly,
+    disabledProp = props.disabled,
+    _v = props.value,
+    schemaOnChange = props.onChange,
+    defaultValue = props.defaultValue;
+  var _resolveProScreenBind = resolveProScreenBinding({
+      screen_structure: screen_structure,
+      screen_structure_field: screen_structure_field,
+      range_inner_table: range_inner_table
+    }),
+    structureName = _resolveProScreenBind.structureName,
+    structureField = _resolveProScreenBind.structureField,
+    fieldPath = _resolveProScreenBind.fieldPath;
+  var _useProBoundValue = useProBoundValue(fieldPath, defaultValue != null ? String(defaultValue) : '', ''),
+    value = _useProBoundValue.value,
+    commit = _useProBoundValue.commit;
   var handleChange = function handleChange(newValue) {
-    // updateScreenStructure(screen_structure, screen_structure_field, value);
-    if (onValueChange) {
-      onValueChange(newValue);
-    }
-    // 触发标准 onChange
-    if (props.onChange) {
-      props.onChange(newValue, structureName, structureField);
-    }
+    commit(newValue);
+    schemaOnChange === null || schemaOnChange === void 0 ? void 0 : schemaOnChange(newValue, structureName, structureField);
   };
   return /*#__PURE__*/React.createElement("span", {
     className: "field-wrapper " + (disableEdit ? 'disable-edit' : 'enable-edit')
   }, /*#__PURE__*/React.createElement(_Input.TextArea, _extends({}, props, {
+    readOnly: disableEdit ? true : readOnlyProp,
+    disabled: disabledProp,
     value: value,
     onChange: handleChange
   })));