@antdv-next1/pro-field 1.0.6 → 1.0.8

package/README.md

@@ -0,0 +1,86 @@
+# @antdv-next1/pro-field
+
+Rich field rendering component for Pro Components. Supports read-only and edit modes with 30+ built-in value types.
+
+## Installation
+
+```bash
+npm install @antdv-next1/pro-field
+# or
+pnpm add @antdv-next1/pro-field
+```
+
+## Peer Dependencies
+
+- `vue` >= 3.5.30
+- `antdv-next` >= 1.3.4
+
+## Components
+
+### Main Components
+
+| Component | Description |
+|-----------|-------------|
+| `ProField` | Unified field renderer with automatic value type mapping |
+| `ProPureField` | Pure field renderer without form item wrapper |
+| `ValueTypeToComponent` | Automatic value-type to component mapper |
+
+### Field Type Components
+
+| Component | Value Type | Description |
+|-----------|------------|-------------|
+| `FieldText` | `text` | Plain text display / input |
+| `FieldTextArea` | `textarea` | Multi-line text |
+| `FieldPassword` | `password` | Password with visibility toggle |
+| `FieldSelect` | `select` | Dropdown select |
+| `FieldCheckbox` | `checkbox` | Checkbox input |
+| `FieldRadio` | `radio` | Radio input |
+| `FieldDigit` | `digit` | Numeric input |
+| `FieldDigitRange` | `digitRange` | Numeric range input |
+| `FieldMoney` | `money` | Currency display / input |
+| `FieldPercent` | `percent` | Percentage display / input |
+| `FieldProgress` | `progress` | Progress bar |
+| `FieldRate` | `rate` | Star rating |
+| `FieldSlider` | `slider` | Slider input |
+| `FieldSwitch` | `switch` | Toggle switch |
+| `FieldDatePicker` | `date` | Date picker |
+| `FieldDateRangePicker` | `dateRange` | Date range picker |
+| `FieldTimePicker` | `time` | Time picker |
+| `FieldTimeRangePicker` | `timeRange` | Time range picker |
+| `FieldFromNow` | `fromNow` | Relative time display |
+| `FieldSecond` | `second` | Seconds display |
+| `FieldCascader` | `cascader` | Cascading select |
+| `FieldTreeSelect` | `treeSelect` | Tree select |
+| `FieldColorPicker` | `colorPicker` | Color picker |
+| `FieldImage` | `image` | Image display |
+| `FieldCode` | `code` | Code block display |
+| `FieldStatus` | `status` | Status badge |
+| `FieldIndexColumn` | `indexColumn` | Index column |
+| `FieldSegmented` | `segmented` | Segmented control |
+| `FieldOptions` | `options` | Options group |
+
+## Usage
+
+```vue
+<script setup lang="ts">
+import { ProField } from '@antdv-next1/pro-field'
+</script>
+
+<template>
+  <!-- Read-only mode -->
+  <ProField :text="1000" mode="read" value-type="money" />
+
+  <!-- Edit mode -->
+  <ProField v-model:text="value" mode="edit" value-type="select" :field-props="{ options }" />
+</template>
+```
+
+## Dependencies
+
+- `@antdv-next1/pro-provider` — Theme and configuration context
+- `@antdv-next1/pro-utils` — Shared utilities
+- `swrv` — Stale-while-revalidate data fetching
+
+## License
+
+[MIT](../../LICENSE)

package/dist/ProField.js

@@ -301,7 +301,19 @@ const ProField = /* @__PURE__ */ defineComponent((props, { expose }) => {
 }, {
 	props: {
 		valueType: { required: false },
-		text: { required: false },
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		placeholder: {
 			type: [String, Array],
 			required: false
@@ -367,7 +379,10 @@ const ProField = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			type: String,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		emptyText: {
 			type: [
 				Object,

package/dist/ProPureField.js

@@ -107,7 +107,19 @@ const ProPureField = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 }, {
 	props: {
 		valueType: { required: false },
-		text: { required: false },
+		text: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
 		placeholder: {
 			type: [String, Array],
 			required: false
@@ -173,7 +185,10 @@ const ProPureField = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 			type: String,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		emptyText: {
 			type: [
 				Object,

package/dist/components/Cascader/index.d.ts

@@ -35,6 +35,6 @@ declare const FieldCascader: _$vue.DefineSetupFnComponent<FieldCascaderProps, {}
   variant?: "outlined" | "borderless" | "filled";
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "text" | "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "text" | "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCascaderProps, FieldCascaderRef, FieldCascader as default };

package/dist/components/Cascader/index.js

@@ -184,7 +184,10 @@ const FieldCascader = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		defaultKeyWords: {
 			type: String,

package/dist/components/Checkbox/index.d.ts

@@ -32,6 +32,6 @@ declare const FieldCheckbox: _$vue.DefineSetupFnComponent<FieldCheckBoxProps, {}
   options?: CheckboxGroupProps["options"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldCheckBoxProps, FieldCheckboxRef, FieldCheckbox as default };

package/dist/components/Checkbox/index.js

@@ -131,7 +131,10 @@ const FieldCheckbox = /* @__PURE__ */ defineComponent((props, { expose, attrs })
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		defaultKeyWords: {
 			type: String,

package/dist/components/Code/index.js

@@ -37,7 +37,7 @@ const FieldCode = /* @__PURE__ */ defineComponent((props) => {
 		}
 		if (mode === "edit" || mode === "update") {
 			fieldProps.value = code;
-			let dom = createVNode(TextArea, mergeProps({ "rows": 5 }, fieldProps), null);
+			const dom = createVNode(TextArea, mergeProps({ "rows": 5 }, fieldProps), null);
 			if (formItemRender) return createVNode(Fragment, null, [formItemRender(code, {
 				mode,
 				fieldProps,

package/dist/components/Image/index.d.ts

@@ -12,7 +12,7 @@ type FieldImageProps = ProFieldFC<{
 }, ImageProps | InputProps>;
 declare const FieldImage: _$vue.DefineSetupFnComponent<FieldImageProps, {}, CustomSlotsType<{
   default?: () => VueNode;
-}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputProps | ImageProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputProps | ImageProps> & {
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<ImageProps | InputProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<ImageProps | InputProps> & {
   text: string;
   width?: number;
   placeholder?: string;

package/dist/components/Radio/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldRadio: _$vue.DefineSetupFnComponent<FieldRadioProps, {}, Cust
   radioType?: RadioGroupProps["optionType"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldRadioProps, FieldRadio as default };

package/dist/components/Radio/index.js

@@ -121,7 +121,10 @@ const FieldRadio = /* @__PURE__ */ defineComponent((props, { expose, attrs }) =>
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		defaultKeyWords: {
 			type: String,

package/dist/components/Segmented/index.d.ts

@@ -31,6 +31,6 @@ declare const FieldSegmented: _$vue.DefineSetupFnComponent<FieldSegmentedProps,
   emptyText?: VueNode$1;
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldSegmentedProps, FieldSegmented as default };

package/dist/components/Segmented/index.js

@@ -121,7 +121,10 @@ const FieldSegmented = /* @__PURE__ */ defineComponent((props, { expose }) => {
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		defaultKeyWords: {
 			type: String,

package/dist/components/Select/index.js

@@ -265,18 +265,30 @@ const FieldSelect = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =
 }, {
 	props: {
 		text: {
-			type: void 0,
-			required: false
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
 		},
 		valueEnum: {
-			type: void 0,
+			type: [Map, Object],
 			required: false
 		},
 		debounceTime: {
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		fieldProps: {
 			type: Object,

package/dist/components/TreeSelect/index.d.ts

@@ -40,6 +40,6 @@ declare const FieldTreeSelect: _$vue.DefineSetupFnComponent<FieldTreeSelectProps
   fetchDataOnSearch?: boolean;
 } & {
   id?: string;
-} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "labelTrigger" | "lightLabel" | "plain"> & {}, _$vue.PublicProps>;
+} & TreeSelectProps<any, _$_v_c_tree_select0.DataNode> & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldTreeSelectProps, FieldTreeSelect as default };

package/dist/components/TreeSelect/index.js

@@ -745,7 +745,10 @@ const FieldTreeSelect = /* @__PURE__ */ defineComponent((props, { expose, attrs
 			type: Number,
 			required: false
 		},
-		request: { required: false },
+		request: {
+			type: Function,
+			required: false
+		},
 		params: { required: false },
 		defaultKeyWords: {
 			type: String,