@antdv-next1/pro-field 1.0.7 → 1.0.9

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.6
+
+## 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/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/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, "value" | "onChange" | "placeholder" | "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, "value" | "onChange" | "placeholder" | "defaultValue"> & {
   id?: string;
   placeholder?: string[];
   value?: ValuePair;

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<ImageProps | InputProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<ImageProps | InputProps> & {
+}>, _$_antdv_next1_pro_provider0.BaseProFieldFC<InputProps | ImageProps> & _$_antdv_next1_pro_provider0.ProRenderFieldPropsType<InputProps | ImageProps> & {
   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, "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 };