@flatbiz/antd 4.5.25 → 5.0.0

package/dist/time-range-picker-wrapper-BpQQjbcu.js

@@ -0,0 +1,84 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { _ as _objectWithoutProperties, a as _slicedToArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
+import { useMemo } from 'react';
+import { TimePicker } from 'antd';
+import dayjs from 'dayjs';
+import { c as DayjsTimeTypeEnum, D as DayjsDateTypeEnum, g as getDisabledHour, a as getDisabledMinute, b as getDisabledSecond } from './time-CeL7904f.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["onChange", "disabledTimeConfig"];
+// export declare type EventValue<DateType> = DateType | null;
+// export declare type RangeValue<DateType> = [EventValue<DateType>, EventValue<DateType>] | null;
+/**
+ * TimePicker组件包装
+ * ```
+ * 1. value类型为 [string, string]
+ * 2. onChange返回类型 [string, string]
+ * 3. 默认格式化类型 HH:mm:ss，其他格式化类型自定义format
+ * 4. 设置disabledTime后，disabledTimeConfig配置将失效
+ * ```
+ */
+var TimeRangePickerWrapper = function TimeRangePickerWrapper(props) {
+  var onChange = props.onChange,
+    disabledTimeConfig = props.disabledTimeConfig,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _ref = disabledTimeConfig || {},
+    minTime = _ref.minTime,
+    maxTime = _ref.maxTime,
+    disabledHourList = _ref.disabledHourList,
+    disabledMinuteList = _ref.disabledMinuteList,
+    disabledSecondList = _ref.disabledSecondList;
+  var format = useMemo(function () {
+    return props.format || DayjsTimeTypeEnum.Hms;
+  }, [props.format]);
+  var onChangeTime = hooks.useCallbackRef(function (date, _ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      timeStart = _ref3[0],
+      timeEnd = _ref3[1];
+    if (date) {
+      onChange === null || onChange === void 0 || onChange([timeStart, timeEnd]);
+    } else {
+      onChange === null || onChange === void 0 || onChange(undefined);
+    }
+  });
+  var timePickerValue = useMemo(function () {
+    var value = props.value;
+    if (value && value.length > 0) {
+      return [value[0] ? dayjs(value[0], format) : value[0], value[1] ? dayjs(value[1], format) : value[1]];
+    }
+    return undefined;
+  }, [props.value, format]);
+  var getDisabledTime = function getDisabledTime() {
+    var date = dayjs().format(DayjsDateTypeEnum.YMD);
+    var options = {
+      minDateTime: minTime ? dayjs("".concat(date, " ").concat(minTime)) : undefined,
+      maxDateTime: maxTime ? dayjs("".concat(date, " ").concat(maxTime)) : undefined,
+      disabledHourList: disabledHourList,
+      disabledMinuteList: disabledMinuteList,
+      disabledSecondList: disabledSecondList
+    };
+    return {
+      disabledHours: function disabledHours() {
+        return getDisabledHour(dayjs(), options);
+      },
+      disabledMinutes: function disabledMinutes(hour) {
+        return getDisabledMinute(dayjs("".concat(date, " ").concat(hour)), options);
+      },
+      disabledSeconds: function disabledSeconds(hour, minute) {
+        return getDisabledSecond(dayjs("".concat(date, " ").concat(hour, ":").concat(minute)), options);
+      }
+    };
+  };
+  return /*#__PURE__*/jsx(TimePicker.RangePicker, _objectSpread2(_objectSpread2({
+    disabledTime: getDisabledTime
+  }, otherProps), {}, {
+    value: timePickerValue,
+    onChange: onChangeTime,
+    format: format
+  }));
+};
+
+export { TimeRangePickerWrapper as T };
+//# sourceMappingURL=time-range-picker-wrapper-BpQQjbcu.js.map

package/dist/time-range-picker-wrapper-BpQQjbcu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker-wrapper-BpQQjbcu.js","sources":["@flatbiz/antd/src/time-range-picker-wrapper/time-range-picker-wrapper.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport type { TimeRangePickerProps } from 'antd';\nimport { TimePicker } from 'antd';\nimport type { Dayjs } from 'dayjs';\nimport dayjs from 'dayjs';\nimport { hooks } from '@wove/react';\nimport type { TDayjsTimeType } from '../_utils/constants.js';\nimport { DayjsDateTypeEnum, DayjsTimeTypeEnum } from '../_utils/constants.js';\nimport {\n  getDisabledHour,\n  getDisabledMinute,\n  getDisabledSecond,\n} from '../_utils/time.js';\n\nexport type TimeRangePickerWrapperProps = Omit<\n  TimeRangePickerProps,\n  'value' | 'onChange' | 'format'\n> & {\n  value?: [string, string];\n  onChange?: (value?: [string, string]) => void;\n  /**\n   * 1. minTime、maxTime设置格式，默认格式：HH:mm:ss\n   * 2. minTime、maxTime格式必须与 format 相同\n   */\n  disabledTimeConfig?: {\n    minTime?: TDayjsTimeType;\n    maxTime?: TDayjsTimeType;\n    /** 禁用 小时 刻度列表，与日期无关 */\n    disabledHourList?: number[];\n    /** 禁用 分钟 刻度列表，与日期无关 */\n    disabledMinuteList?: number[];\n    /** 禁用 秒钟 刻度列表，与日期无关 */\n    disabledSecondList?: number[];\n  };\n  format?: TDayjsTimeType;\n};\n// export declare type EventValue<DateType> = DateType | null;\n// export declare type RangeValue<DateType> = [EventValue<DateType>, EventValue<DateType>] | null;\n/**\n * TimePicker组件包装\n * ```\n * 1. value类型为 [string, string]\n * 2. onChange返回类型 [string, string]\n * 3. 默认格式化类型 HH:mm:ss，其他格式化类型自定义format\n * 4. 设置disabledTime后，disabledTimeConfig配置将失效\n * ```\n */\nexport const TimeRangePickerWrapper = (props: TimeRangePickerWrapperProps) => {\n  const { onChange, disabledTimeConfig, ...otherProps } = props;\n\n  const {\n    minTime,\n    maxTime,\n    disabledHourList,\n    disabledMinuteList,\n    disabledSecondList,\n  } = disabledTimeConfig || {};\n\n  const format = useMemo(() => {\n    return props.format || DayjsTimeTypeEnum.Hms;\n  }, [props.format]);\n\n  const onChangeTime = hooks.useCallbackRef(\n    (date, [timeStart, timeEnd]: [string, string]) => {\n      if (date) {\n        onChange?.([timeStart, timeEnd]);\n      } else {\n        onChange?.(undefined);\n      }\n    }\n  );\n\n  const timePickerValue = useMemo(() => {\n    const value = props.value;\n    if (value && value.length > 0) {\n      return [\n        value[0] ? dayjs(value[0], format) : value[0],\n        value[1] ? dayjs(value[1], format) : value[1],\n      ] as [Dayjs, Dayjs];\n    }\n    return undefined;\n  }, [props.value, format]);\n\n  const getDisabledTime: TimeRangePickerProps['disabledTime'] = () => {\n    const date = dayjs().format(DayjsDateTypeEnum.YMD);\n    const options = {\n      minDateTime: minTime ? dayjs(`${date} ${minTime}`) : undefined,\n      maxDateTime: maxTime ? dayjs(`${date} ${maxTime}`) : undefined,\n      disabledHourList,\n      disabledMinuteList,\n      disabledSecondList,\n    };\n    return {\n      disabledHours: () => {\n        return getDisabledHour(dayjs(), options);\n      },\n      disabledMinutes: (hour: number) => {\n        return getDisabledMinute(dayjs(`${date} ${hour}`), options);\n      },\n      disabledSeconds: (hour: number, minute: number) => {\n        return getDisabledSecond(dayjs(`${date} ${hour}:${minute}`), options);\n      },\n    };\n  };\n\n  return (\n    <TimePicker.RangePicker\n      disabledTime={getDisabledTime}\n      {...otherProps}\n      value={timePickerValue}\n      onChange={onChangeTime}\n      format={format}\n    />\n  );\n};\n"],"names":["TimeRangePickerWrapper","props","onChange","disabledTimeConfig","otherProps","_objectWithoutProperties","_excluded","_ref","minTime","maxTime","disabledHourList","disabledMinuteList","disabledSecondList","format","useMemo","DayjsTimeTypeEnum","Hms","onChangeTime","_hooks","useCallbackRef","date","_ref2","_ref3","_slicedToArray","timeStart","timeEnd","undefined","timePickerValue","value","length","dayjs","getDisabledTime","DayjsDateTypeEnum","YMD","options","minDateTime","concat","maxDateTime","disabledHours","getDisabledHour","disabledMinutes","hour","getDisabledMinute","disabledSeconds","minute","getDisabledSecond","_jsx","TimePicker","RangePicker","_objectSpread","disabledTime"],"mappings":"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"}

package/dist/time-range-picker-wrapper-form-item/index.d.ts

@@ -0,0 +1,125 @@
+import { TAny } from '@flatbiz/utils';
+import { FormItemProps, TimeRangePickerProps } from 'antd';
+import { ReactElement, ReactNode } from 'react';
+
+export type TFormItemLayoutPreClassNameProps = {
+	/**
+	 * label宽度，Form内部所有FormItem label都生效
+	 * ```
+	 * 1. 可设置数值
+	 * 2. 可设置`auto`自适应
+	 * ```
+	 */
+	labelWidth?: "auto" | "70" | "80" | "90" | "100" | "110" | "120" | "130" | "140" | "150" | "160" | "170" | "180" | "190" | "200";
+	/** labelItem 竖直布局 */
+	labelItemVertical?: boolean;
+	/** label 对齐方式 */
+	labelAlign?: "left" | "right";
+	/**
+	 * className 中可能会包含 preDefinedClassName.formItem.xx，优先级大于 labelWidth、labelItemVertical、labelAlign
+	 */
+	className?: string;
+};
+export type FormItemWrapperProps = FormItemProps & TFormItemLayoutPreClassNameProps & {
+	wrapper?: (children: ReactNode) => ReactElement;
+	/** 设置wrapper后，before、after失效 */
+	before?: ReactNode;
+	/** 设置wrapper后，before、after失效 */
+	after?: ReactNode;
+	/** value 序列化处理 */
+	inputNormalize?: (value?: TAny) => TAny;
+	/**
+	 * onChange 参数序列化处理
+	 * 如果设置 normalize 属性，outputNormalize将失效
+	 */
+	outputNormalize?: (value?: TAny) => TAny;
+	/** 是否清除 Form.Item  */
+	isClear?: boolean;
+	/**
+	 * 栅格占位格数，最大值：24
+	 * ```
+	 * 1. 当 FormItemWrapper 处在 EasyForm 直接子节点中有效，即FormItemWrapper在EasyForm栅格中的占位格数；
+	 * ```
+	 */
+	span?: number;
+};
+export type TDayjsTimeType = "HH:mm:ss" | "HH:mm" | "HH" | "mm:ss" | "mm" | "ss" | (string & {});
+export type TimeRangePickerWrapperProps = Omit<TimeRangePickerProps, "value" | "onChange" | "format"> & {
+	value?: [
+		string,
+		string
+	];
+	onChange?: (value?: [
+		string,
+		string
+	]) => void;
+	/**
+	 * 1. minTime、maxTime设置格式，默认格式：HH:mm:ss
+	 * 2. minTime、maxTime格式必须与 format 相同
+	 */
+	disabledTimeConfig?: {
+		minTime?: TDayjsTimeType;
+		maxTime?: TDayjsTimeType;
+		/** 禁用 小时 刻度列表，与日期无关 */
+		disabledHourList?: number[];
+		/** 禁用 分钟 刻度列表，与日期无关 */
+		disabledMinuteList?: number[];
+		/** 禁用 秒钟 刻度列表，与日期无关 */
+		disabledSecondList?: number[];
+	};
+	format?: TDayjsTimeType;
+};
+export type FormItemNamePath = string | number | Array<string | number>;
+export type TimeRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, "name"> & {
+	/**
+	 * 开始的时间name
+	 */
+	startName: FormItemNamePath;
+	/**
+	 * 结束的时间name
+	 */
+	endName: FormItemNamePath;
+	/**
+	 * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传
+	 * @deprecated 使用 formListCompleteName 配置
+	 */
+	formListName?: Array<string | number>;
+	/**
+	 * 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传
+	 * ```
+	 * 例如 处在formList内部时，则 formListCompleteName = ['xxxxList']
+	 * 例如 处在formList套formList内部时，则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']
+	 * ```
+	 */
+	formListCompleteName?: Array<string | number> | string;
+	timeRangePickerWrapperProps?: TimeRangePickerWrapperProps;
+};
+/**
+ * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理
+ * ```
+ * 1. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 2. 设置日期格式 timeRangePickerWrapperProps={{ format: 'HH:mm:ss' }}
+ * 使用场景：
+ * 1. 基础使用场景
+ *    <TimeRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />
+ * 2. Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <TimeRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />
+ *      }}
+ *    </FormListWrapper>
+ * 3. Form.List 套 Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>
+ *          {(data2) => {
+ *            return <TimeRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />
+ *          }}
+ *        </FormListWrapper>
+ *      }}
+ *    </FormListWrapper>
+ * ```
+ */
+export declare const TimeRangePickerWrapperFormItem: (props: TimeRangePickerWrapperFormItemProps) => import("react").JSX.Element;
+
+export {};

package/dist/time-range-picker-wrapper-form-item/index.js

@@ -0,0 +1,28 @@
+/* eslint-disable */
+import './../fba-hooks/index.css';
+import './../fba-utils/index.css';
+import './../form-item-hidden/index.css';
+import './../pre-defined-class-name/index.css';
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TimeRangePickerWrapperFormItem } from '../time-range-picker-wrapper-form-item-C-4lPRGY.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@wove/react/hooks';
+import '@dimjs/lang/is-array';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import '../fba-hooks/index.js';
+import '../use-responsive-point-Bp3D3lZT.js';
+import '../fba-utils-Dfbczn1S.js';
+import '@dimjs/model';
+import '../form-item-hidden-B9afZdSe.js';
+import 'react/jsx-runtime';
+import '../form-item-wrapper-CwXh7JxL.js';
+import '../pre-defined-class-name/index.js';
+import '@dimjs/utils/class-names/class-names';
+import '../time-range-picker-wrapper-BpQQjbcu.js';
+import 'dayjs';
+import '../time-CeL7904f.js';
+//# sourceMappingURL=index.js.map

package/dist/time-range-picker-wrapper-form-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/dist/time-range-picker-wrapper-form-item-C-4lPRGY.js

@@ -0,0 +1,136 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { _ as _objectWithoutProperties, d as _toArray, c as _toConsumableArray, b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { hooks } from '@wove/react/hooks';
+import { isArray } from '@dimjs/lang/is-array';
+import { useMemo, useEffect, useRef } from 'react';
+import { Form } from 'antd';
+import { toArray } from '@flatbiz/utils';
+import { fbaHooks } from './fba-hooks/index.js';
+import { f as fbaUtils } from './fba-utils-Dfbczn1S.js';
+import { F as FormItemHidden } from './form-item-hidden-B9afZdSe.js';
+import { F as FormItemWrapper } from './form-item-wrapper-CwXh7JxL.js';
+import { T as TimeRangePickerWrapper } from './time-range-picker-wrapper-BpQQjbcu.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var _excluded = ["startName", "endName", "formListName", "formListCompleteName", "timeRangePickerWrapperProps"];
+/**
+ * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理
+ * ```
+ * 1. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略
+ * 2. 设置日期格式 timeRangePickerWrapperProps={{ format: 'HH:mm:ss' }}
+ * 使用场景：
+ * 1. 基础使用场景
+ *    <TimeRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />
+ * 2. Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <TimeRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />
+ *      }}
+ *    </FormListWrapper>
+ * 3. Form.List 套 Form.List 内部使用
+ *    <FormListWrapper name="dataList" prevCompleteName={[]}>
+ *      {(data) => {
+ *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>
+ *          {(data2) => {
+ *            return <TimeRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />
+ *          }}
+ *        </FormListWrapper>
+ *      }}
+ *    </FormListWrapper>
+ * ```
+ */
+var TimeRangePickerWrapperFormItem = function TimeRangePickerWrapperFormItem(props) {
+  var _props$rules;
+  var startName = props.startName,
+    endName = props.endName,
+    formListName = props.formListName,
+    formListCompleteName = props.formListCompleteName,
+    timeRangePickerWrapperProps = props.timeRangePickerWrapperProps,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var form = Form.useFormInstance();
+  var prevName = formListCompleteName || formListName;
+  var bodyName = useMemo(function () {
+    if (prevName && isArray(startName) && isArray(endName)) {
+      var _ref = startName,
+        _ref2 = _toArray(_ref),
+        startName0 = _ref2[0],
+        startNameOther = _ref2.slice(1);
+      var _ref3 = endName,
+        _ref4 = _toArray(_ref3),
+        endNameOther = _ref4.slice(1);
+      return [startName0].concat("__#invalid_time_".concat(startNameOther.join('-'), "_").concat(endNameOther.join('-')));
+    }
+    return "__#invalid_time_".concat(startName, "_").concat(endName);
+  }, [prevName, startName, endName]);
+  var bodyCompleteName = useMemo(function () {
+    return prevName ? [].concat(_toConsumableArray(toArray(prevName)), _toConsumableArray(bodyName)) : bodyName;
+  }, [bodyName, prevName]);
+  var startCompleteName = useMemo(function () {
+    return prevName ? [].concat(_toConsumableArray(toArray(prevName)), _toConsumableArray(toArray(startName))) : startName;
+  }, [startName, prevName]);
+  var endCompleteName = useMemo(function () {
+    return prevName ? [].concat(_toConsumableArray(toArray(prevName)), _toConsumableArray(toArray(endName))) : endName;
+  }, [endName, prevName]);
+  var startVal = Form.useWatch(startCompleteName, form);
+  var endVal = Form.useWatch(endCompleteName, form);
+  var bodyValue = Form.useWatch(bodyCompleteName, form);
+  var onChange = hooks.useCallbackRef(function (data) {
+    var _timeRangePickerWrapp;
+    var value1 = data === null || data === void 0 ? void 0 : data[0];
+    var value2 = data === null || data === void 0 ? void 0 : data[1];
+    fbaUtils.setFormFieldsAndTriggerValuesChange(form, [{
+      name: startCompleteName,
+      value: value1
+    }, {
+      name: endCompleteName,
+      value: value2
+    }]);
+    timeRangePickerWrapperProps === null || timeRangePickerWrapperProps === void 0 || (_timeRangePickerWrapp = timeRangePickerWrapperProps.onChange) === null || _timeRangePickerWrapp === void 0 || _timeRangePickerWrapp.call(timeRangePickerWrapperProps, data);
+  });
+  useEffect(function () {
+    if (startVal && endVal) {
+      form.setFields([{
+        name: bodyCompleteName,
+        value: [startVal, endVal]
+      }]);
+    } else {
+      form.setFields([{
+        name: bodyCompleteName,
+        value: undefined
+      }]);
+    }
+  }, [startVal, endVal, bodyValue, form, bodyCompleteName]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(FormItemHidden, {
+      name: startName
+    }), /*#__PURE__*/jsx(FormItemHidden, {
+      name: endName
+    }), /*#__PURE__*/jsx(FormItemWrapper, _objectSpread2(_objectSpread2({}, otherProps), {}, {
+      name: bodyName,
+      children: prevName && (_props$rules = props.rules) !== null && _props$rules !== void 0 && _props$rules.length ? /*#__PURE__*/jsx(Content, _objectSpread2(_objectSpread2({}, timeRangePickerWrapperProps), {}, {
+        onChange: onChange
+      })) : /*#__PURE__*/jsx(TimeRangePickerWrapper, _objectSpread2(_objectSpread2({}, timeRangePickerWrapperProps), {}, {
+        onChange: onChange
+      }))
+    }))]
+  });
+};
+var Content = function Content(props) {
+  var _props$value3, _props$value4;
+  var ref = useRef(0);
+  var preValue = fbaHooks.usePrevious(props.value);
+  fbaHooks.useEffectCustom(function () {
+    var _props$value, _props$value2;
+    // 处在Form.List场景下，当第一次外部赋值时，会出现赋值成功，但显示异常效果
+    if (ref.current === 0 && !preValue && (_props$value = props.value) !== null && _props$value !== void 0 && _props$value[0] && (_props$value2 = props.value) !== null && _props$value2 !== void 0 && _props$value2[1]) {
+      var _props$onChange;
+      ref.current = 1;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, props.value);
+    }
+  }, [(_props$value3 = props.value) === null || _props$value3 === void 0 ? void 0 : _props$value3[0], (_props$value4 = props.value) === null || _props$value4 === void 0 ? void 0 : _props$value4[1]]);
+  return /*#__PURE__*/jsx(TimeRangePickerWrapper, _objectSpread2({}, props));
+};
+
+export { TimeRangePickerWrapperFormItem as T };
+//# sourceMappingURL=time-range-picker-wrapper-form-item-C-4lPRGY.js.map

package/dist/time-range-picker-wrapper-form-item-C-4lPRGY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-range-picker-wrapper-form-item-C-4lPRGY.js","sources":["@flatbiz/antd/src/time-range-picker-wrapper-form-item/time-range-picker-wrapper-form-item.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react';\nimport { Form } from 'antd';\nimport { isArray } from '@dimjs/lang';\nimport { type TAny, toArray } from '@flatbiz/utils';\nimport { hooks } from '@wove/react';\nimport { fbaHooks } from '../fba-hooks/index.js';\nimport { fbaUtils } from '../fba-utils/index.js';\nimport { FormItemHidden } from '../form-item-hidden/index.js';\nimport type { FormItemWrapperProps } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport { FormItemWrapper } from '../form-item-wrapper/form-item-wrapper.jsx';\nimport type { TimeRangePickerWrapperProps } from '../time-range-picker-wrapper/time-range-picker-wrapper.jsx';\nimport { TimeRangePickerWrapper } from '../time-range-picker-wrapper/time-range-picker-wrapper.jsx';\nimport type { FormItemNamePath } from '../types/index.js';\n\nexport type TimeRangePickerWrapperFormItemProps = Omit<\n  FormItemWrapperProps,\n  'name'\n> & {\n  /**\n   * 开始的时间name\n   */\n  startName: FormItemNamePath;\n  /**\n   * 结束的时间name\n   */\n  endName: FormItemNamePath;\n  /**\n   * 如果 TimeRangePickerWrapperFormItem 在Form.List场景下 必传\n   * @deprecated 使用 formListCompleteName 配置\n   */\n  formListName?: Array<string | number>;\n  /**\n   * 前端 formItem 前缀FormName，当 TimeRangePickerWrapperFormItem 处在Form.List场景下，必传\n   * ```\n   * 例如 处在formList内部时，则 formListCompleteName = ['xxxxList']\n   * 例如 处在formList套formList内部时，则 formListCompleteName = ['xxxxList', 索引值, 'xxxxList2']\n   * ```\n   */\n  formListCompleteName?: Array<string | number> | string;\n\n  timeRangePickerWrapperProps?: TimeRangePickerWrapperProps;\n};\n/**\n * 包含了Form.Item组件的时间区间选择组件，时间区间组件可以定义成两个字段操作，不用再通过数组处理\n * ```\n * 1. 会在form中产生一个 `__#invalid_time_xxxx_xxxx` 的无效字段，可以直接忽略\n * 2. 设置日期格式 timeRangePickerWrapperProps={{ format: 'HH:mm:ss' }}\n * 使用场景：\n * 1. 基础使用场景\n *    <TimeRangePickerWrapperFormItem startName={'date1'} endName={'date2'} />\n * 2. Form.List 内部使用\n *    <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n *      {(data) => {\n *        return <TimeRangePickerWrapperFormItem formListCompleteName={data.prevCompleteName} startName={data.getInsideFormItemName('date1')} endName={data.getInsideFormItemName('date2')} />\n *      }}\n *    </FormListWrapper>\n * 3. Form.List 套 Form.List 内部使用\n *    <FormListWrapper name=\"dataList\" prevCompleteName={[]}>\n *      {(data) => {\n *        return <FormListWrapper name={data.getInsideFormItemName('childrenList')} prevCompleteName={data.prevCompleteName}>\n *          {(data2) => {\n *            return <TimeRangePickerWrapperFormItem formListCompleteName={data2.prevCompleteName} startName={data2.getInsideFormItemName('date1')} endName={data2.getInsideFormItemName('date2')} />\n *          }}\n *        </FormListWrapper>\n *      }}\n *    </FormListWrapper>\n * ```\n */\nexport const TimeRangePickerWrapperFormItem = (\n  props: TimeRangePickerWrapperFormItemProps\n) => {\n  const {\n    startName,\n    endName,\n    formListName,\n    formListCompleteName,\n    timeRangePickerWrapperProps,\n    ...otherProps\n  } = props;\n  const form = Form.useFormInstance();\n\n  const prevName = formListCompleteName || formListName;\n\n  const bodyName = useMemo(() => {\n    if (prevName && isArray(startName) && isArray(endName)) {\n      const [startName0, ...startNameOther] = startName as TAny[];\n      const [, ...endNameOther] = endName as TAny[];\n      return [startName0].concat(\n        `__#invalid_time_${startNameOther.join('-')}_${endNameOther.join('-')}`\n      );\n    }\n    return `__#invalid_time_${startName}_${endName}`;\n  }, [prevName, startName, endName]);\n\n  const bodyCompleteName = useMemo(\n    () =>\n      prevName\n        ? [...toArray<string | number>(prevName), ...bodyName]\n        : bodyName,\n    [bodyName, prevName]\n  );\n  const startCompleteName = useMemo(() => {\n    return prevName\n      ? [\n          ...toArray<string | number>(prevName),\n          ...toArray<string | number>(startName),\n        ]\n      : startName;\n  }, [startName, prevName]);\n\n  const endCompleteName = useMemo(() => {\n    return prevName\n      ? [\n          ...toArray<string | number>(prevName),\n          ...toArray<string | number>(endName),\n        ]\n      : endName;\n  }, [endName, prevName]);\n\n  const startVal = Form.useWatch(startCompleteName, form);\n  const endVal = Form.useWatch(endCompleteName, form);\n  const bodyValue = Form.useWatch(bodyCompleteName, form);\n\n  const onChange = hooks.useCallbackRef((data) => {\n    const value1 = data?.[0];\n    const value2 = data?.[1];\n    fbaUtils.setFormFieldsAndTriggerValuesChange(form, [\n      { name: startCompleteName, value: value1 },\n      { name: endCompleteName, value: value2 },\n    ]);\n    timeRangePickerWrapperProps?.onChange?.(data);\n  });\n\n  useEffect(() => {\n    if (startVal && endVal) {\n      form.setFields([{ name: bodyCompleteName, value: [startVal, endVal] }]);\n    } else {\n      form.setFields([{ name: bodyCompleteName, value: undefined }]);\n    }\n  }, [startVal, endVal, bodyValue, form, bodyCompleteName]);\n\n  return (\n    <>\n      <FormItemHidden name={startName} />\n      <FormItemHidden name={endName} />\n      <FormItemWrapper {...otherProps} name={bodyName}>\n        {prevName && props.rules?.length ? (\n          <Content {...timeRangePickerWrapperProps} onChange={onChange} />\n        ) : (\n          <TimeRangePickerWrapper\n            {...timeRangePickerWrapperProps}\n            onChange={onChange}\n          />\n        )}\n      </FormItemWrapper>\n    </>\n  );\n};\n\nconst Content = (props) => {\n  const ref = useRef<number>(0);\n  const preValue = fbaHooks.usePrevious(props.value);\n  fbaHooks.useEffectCustom(() => {\n    // 处在Form.List场景下，当第一次外部赋值时，会出现赋值成功，但显示异常效果\n    if (\n      ref.current === 0 &&\n      !preValue &&\n      props.value?.[0] &&\n      props.value?.[1]\n    ) {\n      ref.current = 1;\n      props.onChange?.(props.value);\n    }\n  }, [props.value?.[0], props.value?.[1]]);\n\n  return <TimeRangePickerWrapper {...props} />;\n};\n"],"names":["TimeRangePickerWrapperFormItem","props","_props$rules","startName","endName","formListName","formListCompleteName","timeRangePickerWrapperProps","otherProps","_objectWithoutProperties","_excluded","form","Form","useFormInstance","prevName","bodyName","useMemo","_isArray","_ref","_ref2","_toArray","startName0","startNameOther","slice","_ref3","_ref4","endNameOther","concat","join","bodyCompleteName","_toConsumableArray","toArray","startCompleteName","endCompleteName","startVal","useWatch","endVal","bodyValue","onChange","_hooks","useCallbackRef","data","_timeRangePickerWrapp","value1","value2","fbaUtils","setFormFieldsAndTriggerValuesChange","name","value","call","useEffect","setFields","undefined","_jsxs","_Fragment","children","_jsx","FormItemHidden","FormItemWrapper","_objectSpread","rules","length","Content","TimeRangePickerWrapper","_props$value3","_props$value4","ref","useRef","preValue","fbaHooks","usePrevious","useEffectCustom","_props$value","_props$value2","current","_props$onChange"],"mappings":"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"}

package/dist/tips-title/index.d.ts

@@ -0,0 +1,19 @@
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export type TipsTitleProps = {
+	className?: string;
+	style?: CSSProperties;
+	title: string | ReactElement;
+	titleStyle?: CSSProperties;
+	children: ReactNode;
+	size?: "default" | "small";
+	/** 自定义 help icon */
+	helpIcon?: ReactElement;
+	/** 配置 helpIcon 后，此参数失效 */
+	onHelp?: () => void;
+	hidden?: boolean;
+	borderColor?: string;
+};
+export declare const TipsTitle: (props: TipsTitleProps) => import("react").JSX.Element | null;
+
+export {};

package/dist/tips-title/index.js

@@ -0,0 +1,11 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TipsTitle } from '../tips-title-DWwc8kJv.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/utils/class-names/class-names';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import 'antd';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/tips-title/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/tips-title-DWwc8kJv.js

@@ -0,0 +1,37 @@
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+import { b as _objectSpread2 } from './_rollupPluginBabelHelpers-BYm17lo8.js';
+import { classNames } from '@dimjs/utils/class-names/class-names';
+import _QuestionCircleOutlined from '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import { Space } from 'antd';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var TipsTitle = function TipsTitle(props) {
+  if (props.hidden) return null;
+  var helpElement = props.helpIcon ? props.helpIcon : props.onHelp ? /*#__PURE__*/jsx(_QuestionCircleOutlined, {
+    onClick: props.onHelp
+  }) : null;
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames('tips-title', {
+      'tips-title-small': props.size === 'small'
+    }, props.className),
+    style: _objectSpread2(_objectSpread2({}, props.style), {}, {
+      '--v-border-color': props.borderColor
+    }),
+    children: [/*#__PURE__*/jsxs(Space, {
+      className: "tips-title-title",
+      size: 5,
+      direction: "horizontal",
+      children: [/*#__PURE__*/jsx("span", {
+        style: props.titleStyle,
+        children: props.title
+      }), helpElement]
+    }), /*#__PURE__*/jsx("div", {
+      className: "tips-title-content",
+      children: props.children
+    })]
+  });
+};
+
+export { TipsTitle as T };
+//# sourceMappingURL=tips-title-DWwc8kJv.js.map

package/dist/tips-title-DWwc8kJv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tips-title-DWwc8kJv.js","sources":["@flatbiz/antd/src/tips-title/tips-title.tsx"],"sourcesContent":["import type { CSSProperties, ReactElement } from 'react';\nimport { type ReactNode } from 'react';\nimport { Space } from 'antd';\nimport { QuestionCircleOutlined } from '@ant-design/icons';\nimport { classNames } from '@dimjs/utils';\nimport './style.less';\n\nexport type TipsTitleProps = {\n  className?: string;\n  style?: CSSProperties;\n  title: string | ReactElement;\n  titleStyle?: CSSProperties;\n  children: ReactNode;\n  size?: 'default' | 'small';\n  /** 自定义 help icon */\n  helpIcon?: ReactElement;\n  /** 配置 helpIcon 后，此参数失效 */\n  onHelp?: () => void;\n  hidden?: boolean;\n  borderColor?: string;\n};\n\nexport const TipsTitle = (props: TipsTitleProps) => {\n  if (props.hidden) return null;\n  const helpElement = props.helpIcon ? (\n    props.helpIcon\n  ) : props.onHelp ? (\n    <QuestionCircleOutlined onClick={props.onHelp} />\n  ) : null;\n\n  return (\n    <div\n      className={classNames(\n        'tips-title',\n        {\n          'tips-title-small': props.size === 'small',\n        },\n        props.className\n      )}\n      style={\n        {\n          ...props.style,\n          '--v-border-color': props.borderColor,\n        } as CSSProperties\n      }\n    >\n      <Space className=\"tips-title-title\" size={5} direction=\"horizontal\">\n        <span style={props.titleStyle}>{props.title}</span>\n        {helpElement}\n      </Space>\n      <div className=\"tips-title-content\">{props.children}</div>\n    </div>\n  );\n};\n"],"names":["TipsTitle","props","hidden","helpElement","helpIcon","onHelp","_jsx","_QuestionCircleOutlined","onClick","_jsxs","className","_classNames","size","style","_objectSpread","borderColor","children","Space","direction","titleStyle","title"],"mappings":";;;;;;;;IAsBaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAqB,EAAK;AAClD,EAAA,IAAIA,KAAK,CAACC,MAAM,EAAE,OAAO,IAAI;AAC7B,EAAA,IAAMC,WAAW,GAAGF,KAAK,CAACG,QAAQ,GAChCH,KAAK,CAACG,QAAQ,GACZH,KAAK,CAACI,MAAM,gBACdC,GAAA,CAAAC,uBAAA,EAAA;IAAwBC,OAAO,EAAEP,KAAK,CAACI;GAAS,CAAC,GAC/C,IAAI;AAER,EAAA,oBACEI,IAAA,CAAA,KAAA,EAAA;AACEC,IAAAA,SAAS,EAAEC,UAAA,CACT,YAAY,EACZ;AACE,MAAA,kBAAkB,EAAEV,KAAK,CAACW,IAAI,KAAK;AACrC,KAAC,EACDX,KAAK,CAACS,SACR,CAAE;AACFG,IAAAA,KAAK,EAAAC,cAAA,CAAAA,cAAA,CAEEb,EAAAA,EAAAA,KAAK,CAACY,KAAK,CAAA,EAAA,EAAA,EAAA;MACd,kBAAkB,EAAEZ,KAAK,CAACc;KAE7B,CAAA;IAAAC,QAAA,EAAA,cAEDP,IAAA,CAACQ,KAAK,EAAA;AAACP,MAAAA,SAAS,EAAC,kBAAkB;AAACE,MAAAA,IAAI,EAAE,CAAE;AAACM,MAAAA,SAAS,EAAC,YAAY;AAAAF,MAAAA,QAAA,gBACjEV,GAAA,CAAA,MAAA,EAAA;QAAMO,KAAK,EAAEZ,KAAK,CAACkB,UAAW;QAAAH,QAAA,EAAEf,KAAK,CAACmB;OAAY,CAAC,EAClDjB,WAAW;KACP,CAAC,eACRG,GAAA,CAAA,KAAA,EAAA;AAAKI,MAAAA,SAAS,EAAC,oBAAoB;MAAAM,QAAA,EAAEf,KAAK,CAACe;AAAQ,KAAM,CAAC;AAAA,GACvD,CAAC;AAEV;;;;"}

package/dist/tips-wrapper/index.d.ts

@@ -0,0 +1,42 @@
+import { PopoverProps, TooltipProps } from 'antd';
+import { CSSProperties, ReactElement, ReactNode } from 'react';
+
+export type TipsWrapperProps = {
+	gap?: number;
+	className?: string;
+	style?: CSSProperties;
+	children?: ReactNode;
+	icon?: ReactElement;
+	/** Icon添加点击事件，设置hoverTips后失效 */
+	onClick?: (event: any) => void;
+	/**
+	 * 提示效果类型
+	 * ```
+	 * 1. popover 气泡卡片，内容通过popoverProps设置
+	 * 2. tooltip 文字提示，内容通过tooltipProps设置
+	 * ```
+	 */
+	tipType?: "popover" | "tooltip";
+	popoverProps?: PopoverProps;
+	tooltipProps?: TooltipProps;
+	trigger?: "icon" | "all";
+};
+/**
+ * 为目标元素右侧添加Icon
+ * ```
+ * Icon有两种交互行为
+ * 1. 鼠标悬浮显示提示效果;
+ * 2. 为Icon添加点击事件
+ *
+ * 例如：
+ * 1.
+ * <TipsWrapper tipType="tooltip" tooltipProps={{ title:'说明文案' }}>ABC</TipsWrapper>
+ * 2.
+ * <TipsWrapper tipType="popover" popoverProps={{ title:'说明标题', content:'说明内容' }}>ABC</TipsWrapper>
+ * 3.
+ * <TipsWrapper onClick={noop}>ABC</TipsWrapper>
+ * ```
+ */
+export declare const TipsWrapper: (props: TipsWrapperProps) => import("react").JSX.Element;
+
+export {};

package/dist/tips-wrapper/index.js

@@ -0,0 +1,13 @@
+/* eslint-disable */
+import './index.css';
+/*! @flatjs/forge MIT @flatbiz/antd */
+
+export { T as TipsWrapper } from '../tips-wrapper-Bf9nfZq3.js';
+import '../_rollupPluginBabelHelpers-BYm17lo8.js';
+import '@dimjs/utils/class-names/class-names';
+import '@ant-design/icons/es/icons/QuestionCircleOutlined.js';
+import 'react';
+import 'antd';
+import '@flatbiz/utils';
+import 'react/jsx-runtime';
+//# sourceMappingURL=index.js.map

package/dist/tips-wrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}