import { formilyReact, CnRangeTimePickerPro as UiCnRangeTimePickerPro } from '@cainiaofe/cn-ui';
import React from 'react';
import { mapStatus } from '../../mapStatus.js';
const { connect, useFieldSchema, mapProps } = formilyReact;
export const RangeTimePicker = connect((props) => {
    var _a, _b, _c;
    const fieldSchema = useFieldSchema();
    const ComponentUI = (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.cnLowCodeUtils) === null || _a === void 0 ? void 0 : _a.filterItem) === null || _b === void 0 ? void 0 : _b.getRunTimeItem) === null || _c === void 0 ? void 0 : _c.call(_b, 'RangeTimePicker');
    const fieldName = String((fieldSchema === null || fieldSchema === void 0 ? void 0 : fieldSchema.name) || '');
    // 如果低码组件不存在，使用 cn-ui 的组件作为回退
    if (!(ComponentUI === null || ComponentUI === void 0 ? void 0 : ComponentUI.formComponent)) {
        return (React.createElement(UiCnRangeTimePickerPro, { ...props, visible: true, className: "cn-ai-table-schema-field__item--full-width", popupContainer: fieldName ? document.getElementById(fieldName) : undefined }));
    }
    const FormComponent = ComponentUI.formComponent;
    return (React.createElement(FormComponent, { ...props, visible: true, className: "cn-ai-table-schema-field__item--full-width", popupContainer: fieldName ? document.getElementById(fieldName) : undefined }));
}, mapProps(mapStatus, {
    dataSource: true,
}));
RangeTimePicker.displayName = 'CnRangeTimePickerPro';
