@deppon/deppon-template 2.2.1 → 2.2.2

package/es/pro-field/ProField.d.ts

@@ -1,2 +1,2 @@
-import ProField from './ProField.vue';
-export default ProField;
+import ProField from './ProField.vue';
+export default ProField;

package/es/pro-field/components/DatePicker/FieldDatePicker.vue_vue_type_script_setup_true_lang.vue.js

@@ -1,8 +1,7 @@
 import '../../../_virtual/_rollup-plugin-inject-process-env.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { ref, computed, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, unref, withCtx, mergeProps, renderSlot } from 'vue';
-import { ElTooltip, ElDatePicker } from '@deppon/deppon-ui';
+import { ref, computed, openBlock, createElementBlock, Fragment, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, createVNode, unref, mergeProps, renderSlot } from 'vue';
+import { ElDatePicker } from '@deppon/deppon-ui';
 
 var _excluded = ["placeholder", "start-placeholder", "end-placeholder"];
 var _hoisted_1 = {
@@ -195,116 +194,32 @@ var script = {
       }
       return props.text || props.emptyText || '-';
     });
-
-    // 格式化单个日期时间戳为字符串
-    var formatTimestamp = function formatTimestamp(timestamp, valueFormat, format) {
-      var ts = typeof timestamp === 'number' ? timestamp : Number(timestamp);
-      if (isNaN(ts) || ts <= 0) {
-        return '';
-      }
-      var date = valueFormat === 'X' ? new Date(ts * 1000) : new Date(ts);
-      if (!date || isNaN(date.getTime())) {
-        return '';
-      }
-      var year = date.getFullYear();
-      var month = String(date.getMonth() + 1).padStart(2, '0');
-      var day = String(date.getDate()).padStart(2, '0');
-      var hours = String(date.getHours()).padStart(2, '0');
-      var minutes = String(date.getMinutes()).padStart(2, '0');
-      var seconds = String(date.getSeconds()).padStart(2, '0');
-
-      // 根据 format 格式返回（简化版，支持常见格式）
-      if (format.includes('HH:mm:ss')) {
-        return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes, ":").concat(seconds);
-      } else if (format.includes('HH:mm')) {
-        return "".concat(year, "-").concat(month, "-").concat(day, " ").concat(hours, ":").concat(minutes);
-      } else {
-        return "".concat(year, "-").concat(month, "-").concat(day);
-      }
-    };
-
-    // tooltip 的内容（使用显示的文本）
-    var tooltipContent = computed(function () {
-      // 直接从 props.text 获取原始值，而不是从 displayText（因为 displayText 可能已经转换了数组）
-      var originalText = props.text;
-      if (originalText === null || originalText === undefined || originalText === '') {
-        return '';
-      }
-
-      // 如果 valueFormat 是时间戳格式（'x' 毫秒或 'X' 秒），需要转换为格式化字符串
-      if (props.valueFormat === 'x' || props.valueFormat === 'X') {
-        // 处理日期范围类型（数组格式）
-        if (Array.isArray(originalText) && originalText.length >= 2) {
-          var _props$fieldProps8;
-          var _originalText = _slicedToArray(originalText, 2),
-            startTimestamp = _originalText[0],
-            endTimestamp = _originalText[1];
-          var rangeSeparator = ((_props$fieldProps8 = props.fieldProps) === null || _props$fieldProps8 === void 0 ? void 0 : _props$fieldProps8.rangeSeparator) || ' - ';
-          var startDateStr = formatTimestamp(startTimestamp, props.valueFormat, props.format);
-          var endDateStr = formatTimestamp(endTimestamp, props.valueFormat, props.format);
-          if (startDateStr && endDateStr) {
-            return "".concat(startDateStr).concat(rangeSeparator).concat(endDateStr);
-          } else if (startDateStr) {
-            return startDateStr;
-          } else if (endDateStr) {
-            return endDateStr;
-          }
-          return '';
-        }
-
-        // 处理单个日期时间戳
-        if (typeof originalText === 'number' || typeof originalText === 'string' && !isNaN(Number(originalText))) {
-          return formatTimestamp(originalText, props.valueFormat, props.format);
-        }
-      }
-
-      // 如果不是时间戳格式，使用 displayText（格式化后的显示文本）
-      var displayValue = displayText.value;
-      if (displayValue === null || displayValue === undefined || displayValue === '' || displayValue === '-') {
-        return '';
-      }
-      return String(displayValue);
-    });
-
-    // 不再做文本溢出检测，tooltip 始终不显示（内容自适应换行展示）
-    var shouldShowTooltip = computed(function () {
-      return false;
-    });
     return function (_ctx, _cache) {
-      var _props$fieldProps9, _displayText$value, _props$fieldProps0;
+      var _props$fieldProps8, _displayText$value, _props$fieldProps9;
       return __props.mode === 'read' ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [(_props$fieldProps9 = __props.fieldProps) !== null && _props$fieldProps9 !== void 0 && _props$fieldProps9.prefix ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, toDisplayString((_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : __props.emptyText || '-'), 1 /* TEXT */), (_props$fieldProps0 = __props.fieldProps) !== null && _props$fieldProps0 !== void 0 && _props$fieldProps0.suffix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
+      }, [(_props$fieldProps8 = __props.fieldProps) !== null && _props$fieldProps8 !== void 0 && _props$fieldProps8.prefix ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.fieldProps.prefix), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_2, toDisplayString((_displayText$value = displayText.value) !== null && _displayText$value !== void 0 ? _displayText$value : __props.emptyText || '-'), 1 /* TEXT */), (_props$fieldProps9 = __props.fieldProps) !== null && _props$fieldProps9 !== void 0 && _props$fieldProps9.suffix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.fieldProps.suffix), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : __props.mode === 'edit' || __props.mode === 'update' ? (openBlock(), createElementBlock("div", {
         key: 1,
         "class": normalizeClass(["field-date-picker-wrapper", {
           'has-error': __props.error
         }])
-      }, [createVNode(unref(ElTooltip), {
-        content: tooltipContent.value,
-        disabled: !shouldShowTooltip.value,
-        placement: "top"
-      }, {
-        "default": withCtx(function () {
-          return [createElementVNode("div", _hoisted_4, [createVNode(unref(ElDatePicker), mergeProps({
-            ref_key: "datePickerRef",
-            ref: datePickerRef,
-            modelValue: dateValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
-              return dateValue.value = $event;
-            }),
-            type: __props.pickerType,
-            format: __props.format,
-            "value-format": __props.valueFormat,
-            clearable: true,
-            "class": "field-date-picker-input"
-          }, fieldPropsWithoutPlaceholder.value, {
-            placeholder: isRangeType.value ? undefined : placeholder.value,
-            "start-placeholder": isRangeType.value ? startPlaceholder.value : undefined,
-            "end-placeholder": isRangeType.value ? endPlaceholder.value : undefined
-          }), null, 16 /* FULL_PROPS */, ["modelValue", "type", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder"])])];
+      }, [createElementVNode("div", _hoisted_4, [createVNode(unref(ElDatePicker), mergeProps({
+        ref_key: "datePickerRef",
+        ref: datePickerRef,
+        modelValue: dateValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) {
+          return dateValue.value = $event;
         }),
-        _: 1 /* STABLE */
-      }, 8 /* PROPS */, ["content", "disabled"]), createCommentVNode(" 错误信息显示区域：支持通过 slot 自定义显示 "), __props.error ? renderSlot(_ctx.$slots, "error", {
+        type: __props.pickerType,
+        format: __props.format,
+        "value-format": __props.valueFormat,
+        clearable: true,
+        "class": "field-date-picker-input"
+      }, fieldPropsWithoutPlaceholder.value, {
+        placeholder: isRangeType.value ? undefined : placeholder.value,
+        "start-placeholder": isRangeType.value ? startPlaceholder.value : undefined,
+        "end-placeholder": isRangeType.value ? endPlaceholder.value : undefined
+      }), null, 16 /* FULL_PROPS */, ["modelValue", "type", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder"])]), createCommentVNode(" 错误信息显示区域：支持通过 slot 自定义显示 "), __props.error ? renderSlot(_ctx.$slots, "error", {
         key: 0,
         error: __props.error
       }, function () {

package/es/pro-field/components/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
-import FieldDatePicker from './FieldDatePicker.vue';
-export default FieldDatePicker;
+import FieldDatePicker from './FieldDatePicker.vue';
+export default FieldDatePicker;

package/es/pro-field/components/Select/index.d.ts

@@ -1,2 +1,2 @@
-import FieldSelect from './FieldSelect.vue';
-export default FieldSelect;
+import FieldSelect from './FieldSelect.vue';
+export default FieldSelect;

package/es/pro-field/components/TagInput/index.d.ts

@@ -1,2 +1,2 @@
-import FieldTagInput from './FieldTagInput.vue';
-export default FieldTagInput;
+import FieldTagInput from './FieldTagInput.vue';
+export default FieldTagInput;

package/es/pro-field/components/Text/FieldText.vue.css

@@ -1,9 +1,12 @@
 .field-text-range {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
+  /* 允许错误信息换到下一行 */
   width: 100%;
   min-width: 0;
   /* 允许在 flex 父容器内收缩，避免超出列宽 */
+  /* Element Plus Tooltip 会给 trigger 包一层容器；在 flex 下需要让它独占一行 */
 }
 .field-text-range .range-input-start,
 .field-text-range .range-input-end {
@@ -25,6 +28,10 @@
   font-size: 14px;
   padding: 0 2px;
 }
+.field-text-range .el-tooltip__trigger {
+  flex: 0 0 100%;
+  width: 100%;
+}
 /* 数组文本类型样式 */
 .field-text-array {
   display: flex;

package/es/pro-field/components/Text/FieldText.vue_vue_type_script_setup_true_lang.vue.js

@@ -71,9 +71,6 @@ var _hoisted_19 = {
   key: 0,
   "class": "array-item-error"
 };
-var _hoisted_20 = {
-  "class": "field-text-tooltip-wrapper"
-};
 var script = {
   __name: 'FieldText',
   props: {
@@ -752,12 +749,12 @@ var script = {
     var inputRef = ref(null);
 
     // 判断是否需要使用 tooltip 包裹（始终使用 tooltip 包裹，文本超出时显示）
-    var needTooltipWrapper = computed(function () {
+    computed(function () {
       return true;
     });
 
     // tooltip 的内容（使用 input 的实际值）
-    var tooltipContent = computed(function () {
+    computed(function () {
       var value = inputValue.value;
       if (value === null || value === undefined || value === '') {
         return '';
@@ -766,12 +763,12 @@ var script = {
     });
 
     // 不再做文本溢出检测，tooltip 始终不显示（内容自适应换行展示）
-    var shouldShowTooltip = computed(function () {
+    computed(function () {
       return false;
     });
 
     // 传递给 input 的 props（移除 showOverflowTooltip，因为我们在外层用 tooltip 处理）
-    var inputFieldProps = computed(function () {
+    computed(function () {
       var _ref3 = props.fieldProps || {};
         _ref3.showOverflowTooltip;
         _ref3.onClear;
@@ -931,7 +928,7 @@ var script = {
         }, [createElementVNode("span", _hoisted_2, toDisplayString(item.label || "\u7B2C".concat(index + 1, "\u9879")), 1 /* TEXT */), createElementVNode("span", _hoisted_3, toDisplayString(item.value || __props.emptyText || '-'), 1 /* TEXT */), createElementVNode("span", _hoisted_4, toDisplayString(item.suffix || ''), 1 /* TEXT */)]);
       }), 128 /* KEYED_FRAGMENT */)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.emptyText || '-'), 1 /* TEXT */))])) : isRange.value ? (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [createCommentVNode(" 范围输入模式下的只读显示 "), rangeStartPrefix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(rangeStartPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_7, toDisplayString(rangeStartDisplay.value), 1 /* TEXT */), rangeStartSuffix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(rangeStartSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), _cache[8] || (_cache[8] = createElementVNode("span", {
+      }, [createCommentVNode(" 范围输入模式下的只读显示 "), rangeStartPrefix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(rangeStartPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_7, toDisplayString(rangeStartDisplay.value), 1 /* TEXT */), rangeStartSuffix.value && !isRangeStartEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(rangeStartSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), _cache[6] || (_cache[6] = createElementVNode("span", {
         "class": "range-separator"
       }, "-", -1 /* CACHED */)), rangeEndPrefix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(rangeEndPrefix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true), createElementVNode("span", _hoisted_10, toDisplayString(rangeEndDisplay.value), 1 /* TEXT */), rangeEndSuffix.value && !isRangeEndEmpty.value ? (openBlock(), createElementBlock("span", _hoisted_11, toDisplayString(rangeEndSuffix.value), 1 /* TEXT */)) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createElementBlock(Fragment, {
         key: 2
@@ -1029,7 +1026,7 @@ var script = {
         onWheel: _cache[1] || (_cache[1] = withModifiers(function (e) {
           return handleWheel(e, rangeStartFieldProps.value);
         }, ["prevent"]))
-      }), null, 16 /* FULL_PROPS */, ["modelValue", "type", "placeholder"]), _cache[9] || (_cache[9] = createElementVNode("span", {
+      }), null, 16 /* FULL_PROPS */, ["modelValue", "type", "placeholder"]), _cache[7] || (_cache[7] = createElementVNode("span", {
         "class": "range-separator"
       }, "-", -1 /* CACHED */)), createVNode(unref(ElInput), mergeProps({
         modelValue: rangeEnd.value,
@@ -1070,45 +1067,11 @@ var script = {
         "class": normalizeClass(["field-text-single", {
           'has-error': displayError.value
         }])
-      }, [needTooltipWrapper.value ? (openBlock(), createBlock(unref(ElTooltip), {
-        key: 0,
-        content: tooltipContent.value,
-        disabled: !shouldShowTooltip.value,
-        placement: "top"
-      }, {
-        "default": withCtx(function () {
-          return [createElementVNode("div", _hoisted_20, [createVNode(unref(ElInput), mergeProps({
-            ref_key: "inputRef",
-            ref: inputRef,
-            modelValue: inputValue.value,
-            "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
-              return inputValue.value = $event;
-            }),
-            type: __props.type,
-            clearable: true,
-            placeholder: placeholder.value
-          }, inputFieldProps.value, {
-            onClear: handleClear,
-            onWheel: _cache[5] || (_cache[5] = withModifiers(function (e) {
-              return handleWheel(e, inputFieldProps.value);
-            }, ["prevent"]))
-          }), createSlots({
-            _: 2 /* DYNAMIC */
-          }, [_ctx.$slots.append ? {
-            name: "append",
-            fn: withCtx(function () {
-              return [renderSlot(_ctx.$slots, "append")];
-            }),
-            key: "0"
-          } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type", "placeholder"])])];
-        }),
-        _: 3 /* FORWARDED */
-      }, 8 /* PROPS */, ["content", "disabled"])) : (openBlock(), createBlock(unref(ElInput), mergeProps({
-        key: 1,
+      }, [createVNode(unref(ElInput), mergeProps({
         ref_key: "inputRef",
         ref: inputRef,
         modelValue: inputValue.value,
-        "onUpdate:modelValue": _cache[6] || (_cache[6] = function ($event) {
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
           return inputValue.value = $event;
         }),
         type: __props.type,
@@ -1116,7 +1079,7 @@ var script = {
         placeholder: placeholder.value
       }, __props.fieldProps, {
         onClear: handleClear,
-        onWheel: _cache[7] || (_cache[7] = withModifiers(function (e) {
+        onWheel: _cache[5] || (_cache[5] = withModifiers(function (e) {
           return handleWheel(e, __props.fieldProps);
         }, ["prevent"]))
       }), createSlots({
@@ -1127,8 +1090,8 @@ var script = {
           return [renderSlot(_ctx.$slots, "append")];
         }),
         key: "0"
-      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type", "placeholder"])), createCommentVNode(" 错误信息显示区域：支持通过 slot 自定义显示 "), displayError.value ? renderSlot(_ctx.$slots, "error", {
-        key: 2,
+      } : undefined]), 1040 /* FULL_PROPS, DYNAMIC_SLOTS */, ["modelValue", "type", "placeholder"]), createCommentVNode(" 错误信息显示区域：支持通过 slot 自定义显示 "), displayError.value ? renderSlot(_ctx.$slots, "error", {
+        key: 0,
         error: __props.error
       }, function () {
         return [createCommentVNode(" 默认错误显示（如果没有提供 error slot） "), createVNode(unref(ElTooltip), {

package/es/pro-field/components/Text/index.d.ts

@@ -1,2 +1,2 @@
-import FieldText from './FieldText.vue';
-export default FieldText;
+import FieldText from './FieldText.vue';
+export default FieldText;

package/es/pro-field/index.d.ts

@@ -1,4 +1,4 @@
-export { default as ProField } from './ProField';
-export { default as ProFieldText } from './components/Text/index';
-export { default as ProFieldSelect } from './components/Select/index';
-export { default as ProFieldDatePicker } from './components/DatePicker/index';
+export { default as ProField } from './ProField';
+export { default as ProFieldText } from './components/Text/index';
+export { default as ProFieldSelect } from './components/Select/index';
+export { default as ProFieldDatePicker } from './components/DatePicker/index';

package/es/pro-field/utils.d.ts

@@ -1,16 +1,16 @@
-/**
- * 获取插槽内容
- */
-export declare function getSlot(slots: any, props: any, name: string): any;
-/**
- * 过滤 undefined 值
- */
-export declare function omitUndefined<T extends Record<string, any>>(obj: T): Partial<T>;
-/**
- * 选择 Pro 相关属性
- */
-export declare function pickProProps<T extends Record<string, any>>(obj: T): Partial<T>;
-/**
- * 对象转 Map
- */
-export declare function objToMap<T = any>(obj: Record<string, T> | Map<string, T>): Map<string, T>;
+/**
+ * 获取插槽内容
+ */
+export declare function getSlot(slots: any, props: any, name: string): any;
+/**
+ * 过滤 undefined 值
+ */
+export declare function omitUndefined<T extends Record<string, any>>(obj: T): Partial<T>;
+/**
+ * 选择 Pro 相关属性
+ */
+export declare function pickProProps<T extends Record<string, any>>(obj: T): Partial<T>;
+/**
+ * 对象转 Map
+ */
+export declare function objToMap<T = any>(obj: Record<string, T> | Map<string, T>): Map<string, T>;

package/es/pro-form/ProForm.vue.css

@@ -1632,3 +1632,28 @@ body .el-overlay-dialog,
   height: 100% !important;
   display: block !important;
 }
+.pro-form-item-edit-as-readonly .el-form-item__label {
+  justify-content: flex-start !important;
+  text-align: left !important;
+  width: auto !important;
+  min-width: auto !important;
+  max-width: none !important;
+  flex: 0 0 auto !important;
+  padding-right: 12px !important;
+}
+.pro-form-item-edit-as-readonly.el-form-item .el-form-item__label {
+  width: auto !important;
+  min-width: auto !important;
+  max-width: none !important;
+  flex: 0 0 auto !important;
+}
+.pro-form-item-edit-as-readonly.el-form-item .el-form-item__content {
+  flex: 1 1 auto !important;
+  margin-left: 0 !important;
+}
+.pro-form-item-edit-as-readonly.el-form-item--default {
+  margin-bottom: 10px !important;
+}
+.pro-form-item-edit-as-readonly .pro-form-label-text {
+  color: var(--pro-form-label-readonly-color, rgba(0, 0, 0, 0.45)) !important;
+}

package/es/pro-form/ProForm.vue_vue_type_script_setup_true_lang.vue.js

@@ -3,7 +3,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { ref, reactive, watch, computed, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, createVNode, mergeProps, withCtx, renderSlot, normalizeClass, renderList, createElementVNode, createTextVNode, toDisplayString, createSlots, resolveDynamicComponent } from 'vue';
+import { ref, reactive, computed, watch, onMounted, nextTick, onUnmounted, openBlock, createElementBlock, Fragment, createCommentVNode, createBlock, unref, createVNode, mergeProps, withCtx, renderSlot, normalizeClass, renderList, createElementVNode, createTextVNode, toDisplayString, createSlots, resolveDynamicComponent } from 'vue';
 import { ElSkeleton, ElForm, ElRow, ElCol, ElButton, ElIcon, ElFormItem, ElTooltip } from '@deppon/deppon-ui';
 import { ArrowUp, ArrowDown, Warning } from '@deppon/deppon-ui/icons-vue';
 import '../pro-field/ProField.vue.js';
@@ -102,6 +102,14 @@ var script = {
       type: Boolean,
       "default": false
     },
+    /**
+     * 开启后：编辑态字段也使用只读态布局（label 左对齐 + 内容占满剩余宽度）
+     * 仅影响样式，不改变字段实际可编辑性
+     */
+    editStyleAsReadonly: {
+      type: Boolean,
+      "default": false
+    },
     /** 必填标识的位置 */
     requireAsteriskPosition: {
       type: String,
@@ -149,6 +157,9 @@ var script = {
     var formRef = ref(null);
     var formModel = reactive(_objectSpread({}, props.initialValues));
     var collapsed = ref(props.defaultCollapsed);
+    var effectiveLabelWidth = computed(function () {
+      return props.editStyleAsReadonly ? undefined : props.labelWidth;
+    });
 
     // 存储每个 label 的溢出状态
     var labelOverflowMap = ref(new Map());
@@ -1167,7 +1178,7 @@ var script = {
         ref: formRef,
         model: formModel,
         rules: __props.rules,
-        "label-width": __props.labelWidth,
+        "label-width": effectiveLabelWidth.value,
         "label-position": __props.labelPosition,
         inline: __props.inline,
         size: __props.size,
@@ -1240,7 +1251,8 @@ var script = {
                     }, item.formItemProps, {
                       "class": {
                         'pro-form-item-readonly': getFieldMode(item) === 'read',
-                        'pro-form-item-readonly-mode': item.mode === 'read'
+                        'pro-form-item-readonly-mode': item.mode === 'read',
+                        'pro-form-item-edit-as-readonly': __props.editStyleAsReadonly && getFieldMode(item) !== 'read'
                       }
                     }), createSlots({
                       "default": withCtx(function () {

package/es/pro-form/index.d.ts

@@ -1,4 +1,4 @@
-import type { DefineComponent } from 'vue';
-
-declare const ProForm: DefineComponent<Record<string, never>, Record<string, never>, any>;
-export default ProForm;
+import type { DefineComponent } from 'vue';
+
+declare const ProForm: DefineComponent<Record<string, never>, Record<string, never>, any>;
+export default ProForm;

package/es/pro-layout/index.d.ts

@@ -1,4 +1,4 @@
-import type { DefineComponent } from 'vue';
-
-declare const ProLayout: DefineComponent<Record<string, never>, Record<string, never>, any>;
-export default ProLayout;
+import type { DefineComponent } from 'vue';
+
+declare const ProLayout: DefineComponent<Record<string, never>, Record<string, never>, any>;
+export default ProLayout;

package/es/pro-table/index.d.ts

@@ -1,4 +1,4 @@
-import type { DefineComponent } from 'vue';
-
-declare const ProTable: DefineComponent<Record<string, never>, Record<string, never>, any>;
-export default ProTable;
+import type { DefineComponent } from 'vue';
+
+declare const ProTable: DefineComponent<Record<string, never>, Record<string, never>, any>;
+export default ProTable;

package/es/pro-table/types.d.ts

@@ -1,66 +1,66 @@
-/**
- * ProTable 列配置接口
- */
-export interface Column {
-    prop?: string;
-    key?: string;
-    label?: string;
-    width?: number | string;
-    minWidth?: number | string;
-    fixed?: boolean | 'left' | 'right';
-    align?: 'left' | 'center' | 'right';
-    sorter?: boolean | ((a: any, b: any) => number);
-    filters?: Array<{
-        text: string;
-        value: any;
-    }>;
-    filterMethod?: (value: any, row: any) => boolean;
-    valueType?: 'select' | 'date' | 'dateTime' | 'dateRange' | 'time' | 'timeRange' | 'text' | 'textarea' | 'password' | 'textRange';
-    valueEnum?: Record<string, string>;
-    hideInSearch?: boolean;
-    hideInTable?: boolean;
-    colSpan?: number | object;
-    span?: number | object;
-    slots?: {
-        default?: string;
-        label?: string;
-        error?: string;
-    };
-    fieldProps?: Record<string, any> | ((row: any, index?: number) => Record<string, any>);
-    formItemProps?: Record<string, any>;
-    showWhenCollapsed?: boolean;
-    initialValue?: any;
-    rules?: any;
-    required?: boolean;
-    error?: string;
-    rangeCompareMessage?: string;
-    showMessage?: boolean;
-    inlineMessage?: boolean;
-    mode?: string;
-    plain?: boolean;
-    light?: boolean;
-    emptyText?: string;
-    component?: any;
-    componentProps?: Record<string, any>;
-    statusField?: string;
-    statusValue?: any;
-    columnBackgroundColor?: boolean;
-    warningText?: string;
-    warningTooltip?: string | string[] | ((row: any, index?: number) => string | string[]);
-    isRangeColumn?: boolean;
-    rangePairProp?: string;
-    maxRangeCount?: number | ((row: any) => number);
-    cellBackgroundColor?: (row: any) => string | {
-        backgroundColor?: string;
-        color?: string;
-    } | undefined;
-    children?: Column[];
-    collapsibleActions?: boolean;
-    maxVisibleActions?: number;
-    collapsible?: boolean;
-    defaultCollapsed?: boolean;
-    expandIcon?: any;
-    foldIcon?: any;
-    formatter?: (row: any, column?: Column, cellValue?: any, index?: number) => any;
-    clearRelatedFields?: string | string[];
-}
+/**
+ * ProTable 列配置接口
+ */
+export interface Column {
+    prop?: string;
+    key?: string;
+    label?: string;
+    width?: number | string;
+    minWidth?: number | string;
+    fixed?: boolean | 'left' | 'right';
+    align?: 'left' | 'center' | 'right';
+    sorter?: boolean | ((a: any, b: any) => number);
+    filters?: Array<{
+        text: string;
+        value: any;
+    }>;
+    filterMethod?: (value: any, row: any) => boolean;
+    valueType?: 'select' | 'date' | 'dateTime' | 'dateRange' | 'time' | 'timeRange' | 'text' | 'textarea' | 'password' | 'textRange';
+    valueEnum?: Record<string, string>;
+    hideInSearch?: boolean;
+    hideInTable?: boolean;
+    colSpan?: number | object;
+    span?: number | object;
+    slots?: {
+        default?: string;
+        label?: string;
+        error?: string;
+    };
+    fieldProps?: Record<string, any> | ((row: any, index?: number) => Record<string, any>);
+    formItemProps?: Record<string, any>;
+    showWhenCollapsed?: boolean;
+    initialValue?: any;
+    rules?: any;
+    required?: boolean;
+    error?: string;
+    rangeCompareMessage?: string;
+    showMessage?: boolean;
+    inlineMessage?: boolean;
+    mode?: string;
+    plain?: boolean;
+    light?: boolean;
+    emptyText?: string;
+    component?: any;
+    componentProps?: Record<string, any>;
+    statusField?: string;
+    statusValue?: any;
+    columnBackgroundColor?: boolean;
+    warningText?: string;
+    warningTooltip?: string | string[] | ((row: any, index?: number) => string | string[]);
+    isRangeColumn?: boolean;
+    rangePairProp?: string;
+    maxRangeCount?: number | ((row: any) => number);
+    cellBackgroundColor?: (row: any) => string | {
+        backgroundColor?: string;
+        color?: string;
+    } | undefined;
+    children?: Column[];
+    collapsibleActions?: boolean;
+    maxVisibleActions?: number;
+    collapsible?: boolean;
+    defaultCollapsed?: boolean;
+    expandIcon?: any;
+    foldIcon?: any;
+    formatter?: (row: any, column?: Column, cellValue?: any, index?: number) => any;
+    clearRelatedFields?: string | string[];
+}