@rchemist/listgrid 0.2.6

package/dist/listgrid/components/fields/BooleanField.js

@@ -0,0 +1,141 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OptionalField, renderListOptionalField, } from './abstract';
+import { BooleanRadio } from '../../ui';
+import { RadioChip } from '../../ui';
+import { getInputRendererParameters } from '../helper/FieldRendererHelper';
+import { IconCheck, IconX } from '@tabler/icons-react';
+export class BooleanField extends OptionalField {
+    constructor(name, order, emptyLabel) {
+        super(name, order, 'boolean');
+        this.emptyLabel = emptyLabel;
+    }
+    /**
+     * BooleanField 핵심 렌더링 로직
+     */
+    renderInstance(params) {
+        return (async () => {
+            return (_jsx(BooleanRadio, { options: this.options, combo: this.combo, ...await getInputRendererParameters(this, params), emptyLabel: this.emptyLabel }));
+        })();
+    }
+    /**
+     * BooleanField 리스트 필터 렌더링 로직
+     * Chip 스타일의 Radio 버튼으로 "예/아니오/전체" 세 가지 옵션 제공
+     */
+    renderListFilterInstance(params) {
+        // 필터용 옵션 설정 (예/아니오/전체)
+        const filterOptions = [
+            { label: '예', value: 'true' },
+            { label: '아니오', value: 'false' },
+            { label: '전체', value: '' },
+        ];
+        return (async () => {
+            const inputParams = await getInputRendererParameters(this, {
+                ...params,
+                required: false,
+                onChange: (value) => {
+                    // string 'true'/'false' 를 boolean으로 변환, 빈 값은 undefined
+                    if (value === 'true')
+                        params.onChange(true);
+                    else if (value === 'false')
+                        params.onChange(false);
+                    else
+                        params.onChange(undefined);
+                },
+            });
+            // 현재 값을 string으로 변환
+            // URL에서 오는 필터 값은 문자열 "true"/"false"이므로 문자열 비교도 처리
+            let currentValue = '';
+            if (inputParams.value === true || inputParams.value === 'true')
+                currentValue = 'true';
+            else if (inputParams.value === false || inputParams.value === 'false')
+                currentValue = 'false';
+            return (_jsx(RadioChip, { ...inputParams, value: currentValue, options: filterOptions, combo: { direction: 'row' } }));
+        })();
+    }
+    /**
+     * BooleanField 핵심 리스트 아이템 렌더링 로직
+     */
+    renderListItemInstance(props) {
+        return renderListOptionalField(this, props);
+    }
+    /**
+     * BooleanField View 모드 렌더링 - 아이콘으로 true/false 표시
+     * cardIcon이 설정된 경우 해당 아이콘을 우선 사용
+     */
+    async renderViewInstance(props) {
+        const value = props.item[this.name];
+        // null, undefined 처리
+        if (value === null || value === undefined) {
+            return { result: null };
+        }
+        // options가 있으면 해당 label 찾기
+        if (this.options && this.options.length > 0) {
+            const option = this.options.find((opt) => opt.value === value);
+            if (option) {
+                // cardIcon이 있으면 아이콘과 함께 표시
+                if (this.cardIcon) {
+                    const IconComponent = this.cardIcon;
+                    return {
+                        result: (_jsxs("span", { className: "rcm-bool-wrap", children: [_jsx("span", { className: "rcm-icon-frame", children: _jsx(IconComponent, { className: "rcm-icon", "data-size": "sm", stroke: 1.75 }) }), _jsx("span", { className: "rcm-text", "data-weight": "medium", children: option.label })] })),
+                    };
+                }
+                return { result: option.label };
+            }
+        }
+        // boolean 값에 따른 아이콘 렌더링
+        if (value === true) {
+            const IconComponent = this.cardIcon || IconCheck;
+            const frameColor = this.cardIcon ? undefined : 'success';
+            return {
+                result: (_jsxs("span", { className: "rcm-bool-wrap", children: [_jsx("span", { className: "rcm-icon-frame", "data-color": frameColor, children: _jsx(IconComponent, { className: "rcm-icon", "data-size": "sm", stroke: 2 }) }), _jsx("span", { className: "rcm-text", "data-weight": "medium", "data-color": "success", children: "\uC608" })] })),
+            };
+        }
+        // false 값
+        const IconComponent = this.cardIcon || IconX;
+        return {
+            result: (_jsxs("span", { className: "rcm-bool-wrap", children: [_jsx("span", { className: "rcm-icon-frame", children: _jsx(IconComponent, { className: "rcm-icon", "data-size": "sm", "data-tone": "disabled", stroke: 2 }) }), _jsx("span", { className: "rcm-text", "data-weight": "medium", "data-tone": "muted", children: "\uC544\uB2C8\uC624" })] })),
+        };
+    }
+    /**
+     * BooleanField 인스턴스 생성
+     */
+    createInstance(name, order) {
+        return new BooleanField(name, order, this.emptyLabel);
+    }
+    static create(props) {
+        return new BooleanField(props.name, props.order, props.emptyLabel).copyFields(props, true);
+    }
+    async getCurrentValue(renderType) {
+        const value = await super.getCurrentValue(renderType);
+        if (await this.isRequired({ renderType })) {
+            if (value === undefined) {
+                const value = this.options?.[0]?.value ?? false;
+                this.withValue(value);
+                return value;
+            }
+        }
+        return value;
+    }
+    async isRequired(props) {
+        const renderTypeValue = props.renderType ?? props.entityForm?.getRenderType() ?? 'create';
+        if (renderTypeValue === 'update') {
+            if (this.required !== undefined && typeof this.required === 'function') {
+                return await this.required(props);
+            }
+            // required 가 명시적으로 false 로 설정된 경우 우선 적용
+            if (this.required === false) {
+                return false;
+            }
+            // boolean field 의 경우 save 된 값이 undefined 가 아니라면 이 필드는 required 가 된다.
+            const value = await super.getCurrentValue(props.renderType);
+            if (value !== undefined) {
+                return true;
+            }
+        }
+        return super.isRequired(props);
+    }
+    withEmptyLabel(emptyLabel) {
+        this.emptyLabel = emptyLabel;
+        return this;
+    }
+}

package/dist/listgrid/components/fields/CheckboxField.d.ts

@@ -0,0 +1,23 @@
+import { MultipleOptionalField, MultipleOptionalFieldProps, ViewListProps, ViewListResult } from './abstract';
+import React from 'react';
+import { MinMaxLimit, SelectOption } from '../../form/Type';
+import { FieldRenderParameters } from '../../config/EntityField';
+interface CheckboxFieldProps extends MultipleOptionalFieldProps {
+}
+export declare class CheckboxField extends MultipleOptionalField<CheckboxField> {
+    constructor(name: string, order: number, options: SelectOption[], limit?: MinMaxLimit);
+    /**
+     * CheckboxField 핵심 렌더링 로직
+     */
+    protected renderInstance(params: FieldRenderParameters): Promise<React.ReactNode | null>;
+    /**
+     * CheckboxField 핵심 리스트 아이템 렌더링 로직
+     */
+    protected renderListItemInstance(props: ViewListProps): Promise<ViewListResult>;
+    /**
+     * CheckboxField 인스턴스 생성
+     */
+    protected createInstance(name: string, order: number): CheckboxField;
+    static create(props: CheckboxFieldProps): CheckboxField;
+}
+export {};

package/dist/listgrid/components/fields/CheckboxField.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MultipleOptionalField, renderListMultipleOptionalField, } from './abstract';
+import { CheckBox } from '../../ui';
+import { getInputRendererParameters } from '../helper/FieldRendererHelper';
+export class CheckboxField extends MultipleOptionalField {
+    constructor(name, order, options, limit) {
+        super(name, order, 'checkbox', options, limit);
+    }
+    /**
+     * CheckboxField 핵심 렌더링 로직
+     */
+    renderInstance(params) {
+        return (async () => {
+            const cacheKey = this.createCacheKey();
+            return (_jsx(CheckBox, { limit: this.limit, combo: this.combo, options: this.options ?? [], ...await getInputRendererParameters(this, params) }, cacheKey));
+        })();
+    }
+    /**
+     * CheckboxField 핵심 리스트 아이템 렌더링 로직
+     */
+    renderListItemInstance(props) {
+        return renderListMultipleOptionalField(this, props);
+    }
+    /**
+     * CheckboxField 인스턴스 생성
+     */
+    createInstance(name, order) {
+        return new CheckboxField(name, order, this.options, this.limit);
+    }
+    static create(props) {
+        return new CheckboxField(props.name, props.order, props.options, props.limit).copyFields(props, true);
+    }
+}

package/dist/listgrid/components/fields/ColorField.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { FieldRenderParameters } from '../../config/EntityField';
+import { ListableFormField, ViewListProps, ViewListResult } from './abstract';
+export declare class ColorField extends ListableFormField<ColorField> {
+    constructor(name: string, order: number);
+    /**
+     * ColorField 핵심 렌더링 로직
+     */
+    protected renderInstance(params: FieldRenderParameters): Promise<ReactNode | null>;
+    /**
+     * ColorField 인스턴스 생성
+     */
+    protected createInstance(name: string, order: number): ColorField;
+    /**
+     * ColorField 리스트 아이템 렌더링
+     */
+    protected renderListItemInstance(props: ViewListProps): Promise<ViewListResult>;
+}

package/dist/listgrid/components/fields/ColorField.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ListableFormField } from './abstract';
+import { getInputRendererParameters } from '../helper/FieldRendererHelper';
+import { ColorInput } from '../../ui';
+export class ColorField extends ListableFormField {
+    constructor(name, order) {
+        super(name, order, 'custom');
+    }
+    /**
+     * ColorField 핵심 렌더링 로직
+     */
+    renderInstance(params) {
+        return (async () => {
+            const inputParam = { ...(await getInputRendererParameters(this, params)) };
+            return _jsx(ColorInputField, { ...inputParam });
+        })();
+    }
+    /**
+     * ColorField 인스턴스 생성
+     */
+    createInstance(name, order) {
+        return new ColorField(name, order);
+    }
+    /**
+     * ColorField 리스트 아이템 렌더링
+     */
+    renderListItemInstance(props) {
+        return renderColorListField(this, props);
+    }
+}
+async function renderColorListField(field, props) {
+    const value = props.item[field.name] ?? '#fff';
+    return {
+        result: (_jsx("div", { children: _jsx("div", { className: `w-5 h-5 !bg-[${value}] rounded-full` }) })),
+    };
+}
+const ColorInputField = ({ name, label, required = false, readonly = false, withAlpha = false, ...props }) => {
+    const [value, setValue] = useState();
+    useEffect(() => {
+        setValue(props.value);
+    }, [props.value]);
+    return (_jsx(ColorInput, { name: name, value: value, onChangeEnd: (color) => {
+            setValue(color);
+            props.onChange(color);
+        }, format: 'hex', swatches: [
+            '#2e2e2e',
+            '#868e96',
+            '#fa5252',
+            '#e64980',
+            '#be4bdb',
+            '#7950f2',
+            '#4c6ef5',
+            '#228be6',
+            '#15aabf',
+            '#12b886',
+            '#40c057',
+            '#82c91e',
+            '#fab005',
+            '#ffffff',
+        ], disabled: readonly, withAlpha: withAlpha }));
+};

package/dist/listgrid/components/fields/ColorPresetField.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { FieldRenderParameters } from '../../config/EntityField';
+import { ListableFormField, ViewListProps, ViewListResult } from './abstract';
+export declare class ColorPresetField extends ListableFormField<ColorPresetField> {
+    presets?: string[] | undefined;
+    constructor(name: string, order: number, presets?: string[]);
+    /**
+     * ColorPresetField 핵심 렌더링 로직 (원본 render 로직 보존)
+     */
+    protected renderInstance(params: FieldRenderParameters): Promise<ReactNode | null>;
+    /**
+     * ColorPresetField 인스턴스 생성
+     */
+    protected createInstance(name: string, order: number): ColorPresetField;
+    /**
+     * ColorPresetField 리스트 아이템 렌더링 (원본 renderListItem 로직 보존)
+     */
+    protected renderListItemInstance(props: ViewListProps): Promise<ViewListResult>;
+}

package/dist/listgrid/components/fields/ColorPresetField.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ListableFormField } from './abstract';
+import { AllColorTypes } from '../../common/type';
+import { getAdditionalColorClass, getOppositeTextColorClass } from '../../common/func';
+import { Popover } from '../../ui';
+import { getInputRendererParameters } from '../helper/FieldRendererHelper';
+export class ColorPresetField extends ListableFormField {
+    constructor(name, order, presets) {
+        super(name, order, 'text');
+        this.presets = presets;
+    }
+    /**
+     * ColorPresetField 핵심 렌더링 로직 (원본 render 로직 보존)
+     */
+    renderInstance(params) {
+        return (async () => {
+            const inputParam = { ...(await getInputRendererParameters(this, params)) };
+            return (_jsx(ColorPresetFieldView, { presets: this.presets, ...inputParam }));
+        })();
+    }
+    /**
+     * ColorPresetField 인스턴스 생성
+     */
+    createInstance(name, order) {
+        return new ColorPresetField(name, order, this.presets);
+    }
+    /**
+     * ColorPresetField 리스트 아이템 렌더링 (원본 renderListItem 로직 보존)
+     */
+    renderListItemInstance(props) {
+        return renderColorListField(this, props);
+    }
+}
+async function renderColorListField(field, props) {
+    const value = props.item[field.name] ?? 'indigo';
+    return {
+        result: (_jsx("div", { children: _jsx("div", { className: `w-5 h-5 ${getAdditionalColorClass(value)} rounded-full` }) })),
+    };
+}
+// 색상을 선택하는 버튼을 렌더링한다.
+const ColorPresetFieldView = ({ name, label, required = false, readonly = false, presets = [], ...props }) => {
+    const [selectedColor, setSelectedColor] = useState('indigo');
+    const [isOpen, setIsOpen] = useState(false);
+    useEffect(() => {
+        if (props.value) {
+            setSelectedColor(props.value ?? 'indigo');
+        }
+    }, [props.value]);
+    return (_jsx("div", { className: "rcm-stack", children: _jsxs(Popover, { position: 'bottom', shadow: 'md', opened: isOpen, onChange: setIsOpen, closeOnClickOutside: true, children: [_jsx(Popover.Target, { children: _jsx("button", { className: `btn ${getAdditionalColorClass(selectedColor)} ${getOppositeTextColorClass(selectedColor)}`, disabled: readonly, onClick: () => setIsOpen(true), children: "\uC0C9\uC0C1 \uC120\uD0DD" }) }), _jsx(Popover.Dropdown, { children: _jsx("div", { className: `w-full grid grid-cols-6 gap-2`, children: AllColorTypes.map((color, index) => (_jsx("button", { type: "button", className: `w-8 h-8 rounded-full ${getAdditionalColorClass(color)}`, onClick: () => {
+                                setSelectedColor(color);
+                                setIsOpen(false);
+                                props.onChange(color);
+                            } }, index))) }) })] }) }));
+};

package/dist/listgrid/components/fields/CustomOptionField.d.ts

@@ -0,0 +1,45 @@
+import { OptionalField, OptionalFieldProps, ViewListProps, ViewListResult } from '../../components/fields/abstract';
+import React from 'react';
+import { FieldRenderParameters, FilterRenderParameters } from '../../config/EntityField';
+import { SelectOption } from '../../form/Type';
+interface CustomOptionFieldProps extends OptionalFieldProps {
+    alias: string;
+    multiple?: boolean | undefined;
+}
+export declare class CustomOptionField extends OptionalField<CustomOptionField> {
+    alias: string;
+    multiple?: boolean | undefined;
+    constructor(name: string, order: number, alias: string, multiple?: boolean);
+    /**
+     * CustomOptionField 핵심 렌더링 로직
+     */
+    protected renderInstance(params: FieldRenderParameters): Promise<React.ReactNode | null>;
+    /**
+     * CustomOptionField 인스턴스 생성
+     */
+    protected createInstance(name: string, order: number): CustomOptionField;
+    /**
+     * CustomOptionField 리스트 필터 렌더링 (기본 renderInstance 사용)
+     */
+    protected renderListFilterInstance(params: FilterRenderParameters): Promise<React.ReactNode | null>;
+    /**
+     * CustomOptionField 리스트 아이템 렌더링
+     */
+    protected renderListItemInstance(props: ViewListProps): Promise<ViewListResult>;
+    private createCacheKey;
+    static create(props: CustomOptionFieldProps): CustomOptionField;
+    useListField(order?: number): this;
+    withMultiple(multiple?: boolean): this;
+    isDirty(): boolean;
+}
+export declare function getCustomOptionValues(alias: string): Promise<SelectOption[]>;
+/**
+ * 여러 alias에 대한 옵션값을 일괄 조회하여 캐시에 저장
+ * ViewListGrid에서 목록 렌더링 전에 호출하여 N+1 문제 방지
+ */
+export declare function prefetchCustomOptions(aliases: string[]): Promise<void>;
+/**
+ * 캐시 초기화 (필요시 사용)
+ */
+export declare function clearCustomOptionCache(): void;
+export {};

package/dist/listgrid/components/fields/CustomOptionField.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { OptionalField, renderListOptionalField, } from '../../components/fields/abstract';
+import { SelectBox } from '../../ui';
+import { RadioInput } from '../../ui';
+import { getInputRendererParameters } from '../../components/helper/FieldRendererHelper';
+import { hexHash } from '../../utils/hash';
+import { getExternalApiDataWithError, isEmpty, isEquals } from '../../misc';
+import { CheckBox } from '../../ui';
+import { isTrue } from '../../utils/BooleanUtil';
+import { MultiSelectBox } from '../../ui';
+const customOptionFetchUrl = '/option/by-alias';
+const customOptionBulkFetchUrl = '/option/by-aliases';
+// alias별 options 캐시 (동일 페이지 내에서 공유)
+const customOptionCache = new Map();
+export class CustomOptionField extends OptionalField {
+    constructor(name, order, alias, multiple) {
+        super(name, order, 'custom');
+        this.alias = alias;
+        // this.tooltip = <div>이 선택 옵션은 <a href='/academic/system/option'>시스템 옵션</a> 에서 시스템 ID <span style={{ fontWeight: `bold`, marginRight: `4px` }}>{alias}</span> 로 등록된 옵션값 입니다.</div>;
+        this.multiple = multiple ?? false;
+        this.layout = 'half';
+    }
+    /**
+     * CustomOptionField 핵심 렌더링 로직
+     */
+    renderInstance(params) {
+        return (async () => {
+            if (this.options === undefined || this.options.length === 0) {
+                this.options = await getCustomOptionValues(this.alias);
+            }
+            const cacheKey = this.createCacheKey();
+            if (this.combo !== undefined && this.combo.direction !== undefined) {
+                if (isTrue(this.multiple)) {
+                    return (_jsx(CheckBox, { options: this.options, combo: this.combo, ...await getInputRendererParameters(this, params) }, cacheKey));
+                }
+                else {
+                    return (_jsx(RadioInput, { options: this.options, combo: this.combo, ...await getInputRendererParameters(this, params) }, cacheKey));
+                }
+            }
+            if (isTrue(this.multiple)) {
+                return (_jsx(MultiSelectBox, { options: this.options, ...await getInputRendererParameters(this, params) }, cacheKey));
+            }
+            else {
+                return (_jsx(SelectBox, { options: this.options, ...await getInputRendererParameters(this, params) }, cacheKey));
+            }
+        })();
+    }
+    /**
+     * CustomOptionField 인스턴스 생성
+     */
+    createInstance(name, order) {
+        return new CustomOptionField(name, order, this.alias, this.multiple);
+    }
+    /**
+     * CustomOptionField 리스트 필터 렌더링 (기본 renderInstance 사용)
+     */
+    renderListFilterInstance(params) {
+        return this.renderInstance({
+            ...params,
+            required: false,
+            onChange: (value) => params.onChange(value),
+        });
+    }
+    /**
+     * CustomOptionField 리스트 아이템 렌더링
+     */
+    renderListItemInstance(props) {
+        if (this.options === undefined || this.options.length === 0) {
+            return (async () => {
+                const options = await getCustomOptionValues(this.alias);
+                this.options = options;
+                return renderListOptionalField(this, props);
+            })();
+        }
+        else {
+            return renderListOptionalField(this, props);
+        }
+    }
+    createCacheKey(renderType) {
+        let key = ``;
+        for (const option of this.options) {
+            key += `_${option.value}`;
+        }
+        return hexHash(`${this.getName()}_${this.getCurrentValue(renderType)}_${key}`);
+    }
+    static create(props) {
+        return new CustomOptionField(props.name, props.order, props.alias, props.multiple).copyFields(props, true);
+    }
+    useListField(order) {
+        this.listConfig = { ...this.listConfig, support: true, sortable: false, order: order }; // Select 필드는 Sort 를 지원하지 않는다.
+        return this;
+    }
+    withMultiple(multiple) {
+        this.multiple = multiple;
+        return this;
+    }
+    // field 값이 변경되었는지 여부에 대한 판단
+    isDirty() {
+        if (this.value) {
+            const fetchedValue = this.value.fetched;
+            const currentValue = this.value.current;
+            const defaultValue = this.value.default;
+            if (isTrue(this.multiple)) {
+                const isOriginalEmpty = fetchedValue === undefined ||
+                    fetchedValue === null ||
+                    (Array.isArray(fetchedValue) && fetchedValue.length === 0);
+                const isCurrentEmpty = currentValue === undefined ||
+                    currentValue === null ||
+                    (Array.isArray(currentValue) && currentValue.length === 0);
+                if (isOriginalEmpty && isCurrentEmpty) {
+                    return false;
+                }
+            }
+            if (fetchedValue !== undefined) {
+                return !isEquals(fetchedValue, currentValue);
+            }
+            else {
+                return !isEquals(defaultValue, currentValue);
+            }
+        }
+        return false;
+    }
+}
+export async function getCustomOptionValues(alias) {
+    // 캐시에 있으면 캐시에서 반환
+    if (customOptionCache.has(alias)) {
+        return customOptionCache.get(alias);
+    }
+    const response = await getExternalApiDataWithError({
+        url: `${customOptionFetchUrl}/${alias}`,
+        method: 'GET',
+    });
+    // 데이터가 정상적으로 들어왔다면 옵션 데이터를 생성해 반환한다. 오류가 발생했다면(alias 가 없거나 하는 경우) 빈 배열을 반환한다.
+    if (response.data && !isEmpty(response.data.values)) {
+        const options = [
+            ...response.data.values.map((item) => ({ value: item.value, label: item.label })),
+        ];
+        customOptionCache.set(alias, options);
+        return options;
+    }
+    return [];
+}
+/**
+ * 여러 alias에 대한 옵션값을 일괄 조회하여 캐시에 저장
+ * ViewListGrid에서 목록 렌더링 전에 호출하여 N+1 문제 방지
+ */
+export async function prefetchCustomOptions(aliases) {
+    // 이미 캐시에 있는 alias 제외
+    const uncachedAliases = aliases.filter((alias) => !customOptionCache.has(alias));
+    if (uncachedAliases.length === 0) {
+        return;
+    }
+    const params = new URLSearchParams();
+    uncachedAliases.forEach((alias) => params.append('aliases', alias));
+    const response = await getExternalApiDataWithError({
+        url: `${customOptionBulkFetchUrl}?${params.toString()}`,
+        method: 'GET',
+    });
+    if (response.data && Array.isArray(response.data)) {
+        for (const optionData of response.data) {
+            if (optionData.alias && !isEmpty(optionData.values)) {
+                const options = optionData.values.map((item) => ({
+                    value: item.value,
+                    label: item.label,
+                }));
+                customOptionCache.set(optionData.alias, options);
+            }
+        }
+    }
+}
+/**
+ * 캐시 초기화 (필요시 사용)
+ */
+export function clearCustomOptionCache() {
+    customOptionCache.clear();
+}

package/dist/listgrid/components/fields/DateField.d.ts

@@ -0,0 +1,34 @@
+import { AbstractDateField, AbstractDateFieldProps, ViewListProps, ViewListResult, ViewRenderProps, ViewRenderResult } from './abstract';
+import React from 'react';
+import { FieldRenderParameters, FilterRenderParameters } from '../../config/EntityField';
+import { RenderType } from '../../config/Config';
+import { MinMaxStringLimit } from '../../form/Type';
+interface DateFieldProps extends AbstractDateFieldProps {
+}
+export declare class DateField extends AbstractDateField<DateField> {
+    constructor(name: string, order: number, limit?: MinMaxStringLimit, range?: boolean);
+    getCurrentValue(renderType?: RenderType): Promise<string | undefined | string[]>;
+    /**
+     * DateField 핵심 렌더링 로직
+     */
+    protected renderInstance(params: FieldRenderParameters): Promise<React.ReactNode | null>;
+    /**
+     * DateField 핵심 리스트 필터 렌더링 로직
+     */
+    protected renderListFilterInstance(params: FilterRenderParameters): Promise<React.ReactNode | null>;
+    /**
+     * DateField 핵심 리스트 아이템 렌더링 로직
+     */
+    protected renderListItemInstance(props: ViewListProps): Promise<ViewListResult>;
+    /**
+     * DateField View 모드 렌더링 - 날짜 포맷팅 및 캘린더 아이콘 적용
+     * cardIcon이 설정된 경우 해당 아이콘을 우선 사용
+     */
+    protected renderViewInstance(props: ViewRenderProps): Promise<ViewRenderResult>;
+    /**
+     * DateField 인스턴스 생성
+     */
+    protected createInstance(name: string, order: number): DateField;
+    static create(props: DateFieldProps): DateField;
+}
+export {};