@antdv-next1/pro-field 1.0.7 → 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/ProPureField.js

@@ -146,10 +146,7 @@ const ProPureField = /* @__PURE__ */ defineComponent((props, { attrs, expose })
 			type: Function,
 			required: false
 		},
-		fieldProps: {
-			type: Object,
-			required: false
-		},
+		fieldProps: { required: false },
 		light: {
 			type: Boolean,
 			required: false,

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, "id" | "variant" | "text" | "fieldProps" | "light" | "label" | "lightLabel" | "labelTrigger" | "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/Checkbox/index.d.ts

@@ -32,6 +32,6 @@ declare const FieldCheckbox: _$vue.DefineSetupFnComponent<FieldCheckBoxProps, {}
   options?: CheckboxGroupProps["options"];
 } & {
   id?: string;
-} & Omit<FieldSelectProps, "id" | "variant" | "fieldProps" | "light" | "label" | "lightLabel" | "labelTrigger" | "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/ColorPicker/index.d.ts

@@ -17,6 +17,6 @@ declare const FieldColorPicker: _$vue.DefineSetupFnComponent<FieldColorPickerPro
   mode?: "read" | "edit" | "update";
 } & {
   id?: string;
-} & Partial<Omit<_$antdv_next_dist_color_picker_ColorPicker0.InternalColorPickerProps, "value" | "mode">> & {}, _$vue.PublicProps>;
+} & Partial<Omit<_$antdv_next_dist_color_picker_ColorPicker0.InternalColorPickerProps, "mode" | "value">> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldColorPickerProps, FieldColorPicker as default };

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

@@ -22,14 +22,14 @@ type FieldDigitRangeProps = ProFieldFC<{
 }>;
 declare const FieldDigitRange: _$vue.DefineSetupFnComponent<FieldDigitRangeProps, {}, CustomSlotsType<{
   default?: () => VueNode;
-}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<Omit<InputNumberProps, "defaultValue" | "value" | "onChange" | "placeholder"> & {
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<Omit<InputNumberProps, "placeholder" | "value" | "onChange" | "defaultValue"> & {
   id?: string;
   placeholder?: string[];
   value?: ValuePair;
   onChange?: (value?: ValuePair) => void;
   defaultValue?: ValuePair;
   intlProps?: Intl.NumberFormatOptions;
-}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<Omit<InputNumberProps, "defaultValue" | "value" | "onChange" | "placeholder"> & {
+}> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<Omit<InputNumberProps, "placeholder" | "value" | "onChange" | "defaultValue"> & {
   id?: string;
   placeholder?: string[];
   value?: ValuePair;

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, "id" | "variant" | "fieldProps" | "light" | "label" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
+} & Omit<FieldSelectProps, "fieldProps" | "light" | "label" | "id" | "variant" | "lightLabel" | "labelTrigger" | "plain"> & {}, _$vue.PublicProps>;
 //#endregion
 export { FieldRadioProps, FieldRadio as default };

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

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

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, "id" | "variant" | "fieldProps" | "light" | "label" | "lightLabel" | "labelTrigger" | "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/pro-field.esm.js

@@ -71540,7 +71540,10 @@ var aR = /* @__PURE__ */ l((e, { expose: t }) => {
 			type: Function,
 			required: !1
 		},
-		fieldProps: { required: !1 },
+		fieldProps: {
+			type: Object,
+			required: !1
+		},
 		light: {
 			type: Boolean,
 			required: !1,
@@ -71749,10 +71752,7 @@ var cR = /* @__PURE__ */ l((e, { attrs: t, expose: n }) => {
 			type: Function,
 			required: !1
 		},
-		fieldProps: {
-			type: Object,
-			required: !1
-		},
+		fieldProps: { required: !1 },
 		light: {
 			type: Boolean,
 			required: !1,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antdv-next1/pro-field",
   "type": "module",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "@antdv-next1/pro-field",
   "repository": {
     "type": "git",
@@ -44,13 +44,13 @@
     "ie >= 11"
   ],
   "peerDependencies": {
-    "antdv-next": ">=1.1.6",
+    "antdv-next": ">=1.3.4",
     "vue": ">=3.5.30"
   },
   "dependencies": {
     "swrv": "^1.2.0",
-    "@antdv-next1/pro-provider": "1.0.3",
-    "@antdv-next1/pro-utils": "1.0.9"
+    "@antdv-next1/pro-provider": "1.0.4",
+    "@antdv-next1/pro-utils": "1.0.10"
   },
   "publishConfig": {
     "access": "public"