@hw-component/form 0.0.3-beta-v8 → 0.0.3-beta-v9

package/es/TDPicker/RangePicker.js

@@ -18,7 +18,7 @@ import { useMemo } from 'react';
 import { useMatchConfigProps } from '../hooks/index.js';
 import HFormConnect from '../Form/HFormConnect.js';
 
-var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat"];
+var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RangePicker = DatePicker.RangePicker;
@@ -34,6 +34,7 @@ var HRangePicker = function HRangePicker(_ref) {
     ranges = _ref$ranges === void 0 ? true : _ref$ranges,
     name = _ref.name,
     addFormat = _ref.addFormat,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = useMatchConfigProps({
       valueRangePickerValueMap: valueMap,
@@ -101,7 +102,10 @@ var HRangePicker = function HRangePicker(_ref) {
     value: timeVal,
     onChange: change,
     showTime: showTime,
-    ranges: defaultRanges
+    ranges: defaultRanges,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 };
 var Index = HFormConnect(HRangePicker);

package/es/TDPicker/TimePicker.d.ts

@@ -1,3 +1,3 @@
 import type { HTimePickerProps } from "./modal";
-declare const _default: ({ value, format, onChange, ...props }: HTimePickerProps) => JSX.Element;
+declare const _default: ({ value, format, onChange, disabledDate, ...props }: HTimePickerProps) => JSX.Element;
 export default _default;

package/es/TDPicker/TimePicker.js

@@ -13,7 +13,7 @@ import { jsx } from 'react/jsx-runtime';
 import { TimePicker } from 'antd';
 import { useTimePickerValue, useTimePickerChange } from './hooks.js';
 
-var _excluded = ["value", "format", "onChange"];
+var _excluded = ["value", "format", "onChange", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HTimePicker = (function (_ref) {
@@ -21,6 +21,7 @@ var HTimePicker = (function (_ref) {
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     onChange = _ref.onChange,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = useTimePickerValue({
     value: value,
@@ -33,7 +34,10 @@ var HTimePicker = (function (_ref) {
   });
   return jsx(TimePicker, _objectSpread({
     value: timeVal,
-    onChange: change
+    onChange: change,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 });
 

package/es/TDPicker/index.js

@@ -13,7 +13,7 @@ import { jsx } from 'react/jsx-runtime';
 import { DatePicker } from 'antd';
 import { useTimeVal, useTimeChange } from './hooks.js';
 
-var _excluded = ["value", "onChange", "showTime", "format"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Picker = DatePicker;
@@ -24,6 +24,7 @@ var Index = function Index(_ref) {
     showTime = _ref$showTime === void 0 ? true : _ref$showTime,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = useTimeVal({
     value: value,
@@ -36,7 +37,10 @@ var Index = function Index(_ref) {
   return jsx(Picker, _objectSpread({
     value: timeVal,
     onChange: change,
-    showTime: showTime
+    showTime: showTime,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 };
 

package/es/TDPicker/modal.d.ts

@@ -6,12 +6,16 @@ import type { TimePickerProps } from "antd";
 import type { DurationInputArg2 } from "moment";
 import type { DateRangePickerValueMapModal } from "../modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
-export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
+interface DisabledDateFnModal<T = Moment | undefined> {
+    (currentDate: Moment, value: T): boolean;
+}
+export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;
     format?: string;
     showTime?: boolean | SharedTimeProps<Moment>;
+    disabledDate?: DisabledDateFnModal;
 }
-export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
+export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value" | "disabledDate"> {
     value?: [any, any] | Record<string, any>;
     onChange?: (val: any) => void;
     showTime?: boolean | {
@@ -21,8 +25,11 @@ export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "
     valueMap?: DateRangePickerValueMapModal;
     ranges?: RangePickerProps["ranges"] | boolean;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
 }
-export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;
     format?: DurationInputArg2 | string;
+    disabledDate?: DisabledDateFnModal;
 }
+export {};

package/lib/TDPicker/RangePicker.js

@@ -21,7 +21,7 @@ var React = require('react');
 var index = require('../hooks/index.js');
 var HFormConnect = require('../Form/HFormConnect.js');
 
-var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat"];
+var _excluded = ["value", "onChange", "showTime", "format", "valueMap", "ranges", "name", "addFormat", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context2, _context3; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(source), !0)).call(_context2, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context3 = ownKeys(Object(source))).call(_context3, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RangePicker = antd.DatePicker.RangePicker;
@@ -37,6 +37,7 @@ var HRangePicker = function HRangePicker(_ref) {
     ranges = _ref$ranges === void 0 ? true : _ref$ranges,
     name = _ref.name,
     addFormat = _ref.addFormat,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useMatchConfigProps = index.useMatchConfigProps({
       valueRangePickerValueMap: valueMap,
@@ -104,7 +105,10 @@ var HRangePicker = function HRangePicker(_ref) {
     value: timeVal,
     onChange: change,
     showTime: showTime,
-    ranges: defaultRanges
+    ranges: defaultRanges,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 };
 var Index = HFormConnect.default(HRangePicker);

package/lib/TDPicker/TimePicker.d.ts

@@ -1,3 +1,3 @@
 import type { HTimePickerProps } from "./modal";
-declare const _default: ({ value, format, onChange, ...props }: HTimePickerProps) => JSX.Element;
+declare const _default: ({ value, format, onChange, disabledDate, ...props }: HTimePickerProps) => JSX.Element;
 export default _default;

package/lib/TDPicker/TimePicker.js

@@ -16,7 +16,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var hooks = require('./hooks.js');
 
-var _excluded = ["value", "format", "onChange"];
+var _excluded = ["value", "format", "onChange", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var HTimePicker = (function (_ref) {
@@ -24,6 +24,7 @@ var HTimePicker = (function (_ref) {
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
     onChange = _ref.onChange,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = hooks.useTimePickerValue({
     value: value,
@@ -36,7 +37,10 @@ var HTimePicker = (function (_ref) {
   });
   return jsxRuntime.jsx(antd.TimePicker, _objectSpread({
     value: timeVal,
-    onChange: change
+    onChange: change,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 });
 

package/lib/TDPicker/index.js

@@ -16,7 +16,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var hooks = require('./hooks.js');
 
-var _excluded = ["value", "onChange", "showTime", "format"];
+var _excluded = ["value", "onChange", "showTime", "format", "disabledDate"];
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Picker = antd.DatePicker;
@@ -27,6 +27,7 @@ var Index = function Index(_ref) {
     showTime = _ref$showTime === void 0 ? true : _ref$showTime,
     _ref$format = _ref.format,
     format = _ref$format === void 0 ? "X" : _ref$format,
+    _disabledDate = _ref.disabledDate,
     props = _objectWithoutProperties(_ref, _excluded);
   var timeVal = hooks.useTimeVal({
     value: value,
@@ -39,7 +40,10 @@ var Index = function Index(_ref) {
   return jsxRuntime.jsx(Picker, _objectSpread({
     value: timeVal,
     onChange: change,
-    showTime: showTime
+    showTime: showTime,
+    disabledDate: function disabledDate(currentDate) {
+      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+    }
   }, props));
 };
 

package/lib/TDPicker/modal.d.ts

@@ -6,12 +6,16 @@ import type { TimePickerProps } from "antd";
 import type { DurationInputArg2 } from "moment";
 import type { DateRangePickerValueMapModal } from "../modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
-export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
+interface DisabledDateFnModal<T = Moment | undefined> {
+    (currentDate: Moment, value: T): boolean;
+}
+export interface HDatePickerProps extends Omit<DatePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;
     format?: string;
     showTime?: boolean | SharedTimeProps<Moment>;
+    disabledDate?: DisabledDateFnModal;
 }
-export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
+export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value" | "disabledDate"> {
     value?: [any, any] | Record<string, any>;
     onChange?: (val: any) => void;
     showTime?: boolean | {
@@ -21,8 +25,11 @@ export interface HRangePickerProps extends Omit<RangePickerProps, "onChange" | "
     valueMap?: DateRangePickerValueMapModal;
     ranges?: RangePickerProps["ranges"] | boolean;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
 }
-export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "format" | "ranges" | "disabledDate"> {
     onChange?: (time?: Moment | string | number) => void;
     format?: DurationInputArg2 | string;
+    disabledDate?: DisabledDateFnModal;
 }
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hw-component/form",
-  "version": "0.0.3-beta-v8",
+  "version": "0.0.3-beta-v9",
   "description": "基于antd二次开发",
   "repository": {
     "type": "git",

package/src/components/Submit/index.tsx

@@ -1,4 +1,4 @@
-import { Button, Row,Space } from "antd";
+import { Button, Row, Space } from "antd";
 import React from "react";
 import { useFormContext } from "../Form/Context";
 import type { ButtonProps, FormInstance } from "antd/es";
@@ -23,20 +23,20 @@ export default ({
     <Row justify={position} style={{ width: "100%" }}>
       <Space>
         {reset && (
-            <Button
-                {...props}
-                onClick={() => {
-                  form.resetFields();
-                }}
-            >
-              重制
-            </Button>
+          <Button
+            {...props}
+            onClick={() => {
+              form.resetFields();
+            }}
+          >
+            重制
+          </Button>
         )}
         <Button
-            {...props}
-            type={type}
-            onClick={form.submit}
-            loading={formSubLoading}
+          {...props}
+          type={type}
+          onClick={form.submit}
+          loading={formSubLoading}
         >
           {text}
         </Button>

package/src/components/TDPicker/RangePicker.tsx

@@ -22,6 +22,7 @@ const HRangePicker: React.FC<HRangePickerProps> = ({
   ranges = true,
   name,
   addFormat,
+  disabledDate,
   ...props
 }) => {
   const { valueRangePickerValueMap = {}, dateRanges } = useMatchConfigProps({
@@ -89,6 +90,9 @@ const HRangePicker: React.FC<HRangePickerProps> = ({
       onChange={change}
       showTime={showTime}
       ranges={defaultRanges as RangePickerProps["ranges"]}
+      disabledDate={(currentDate) => {
+        return !!disabledDate?.(currentDate, timeVal);
+      }}
       {...props}
     />
   );

package/src/components/TDPicker/TimePicker.tsx

@@ -6,10 +6,20 @@ export default ({
   value,
   format = "X",
   onChange,
+  disabledDate,
   ...props
 }: HTimePickerProps) => {
   const timeVal = useTimePickerValue({ value, format });
   const change = useTimePickerChange({ value, format, onChange });
 
-  return <TimePicker value={timeVal} onChange={change} {...props} />;
+  return (
+    <TimePicker
+      value={timeVal}
+      onChange={change}
+      disabledDate={(currentDate) => {
+        return !!disabledDate?.(currentDate, timeVal);
+      }}
+      {...props}
+    />
+  );
 };

package/src/components/TDPicker/index.tsx

@@ -8,12 +8,21 @@ const Index: React.FC<HDatePickerProps> = ({
   onChange,
   showTime = true,
   format = "X",
+  disabledDate,
   ...props
 }) => {
   const timeVal = useTimeVal({ value, format });
   const change = useTimeChange({ format, onChange });
   return (
-    <Picker value={timeVal} onChange={change} showTime={showTime} {...props} />
+    <Picker
+      value={timeVal}
+      onChange={change}
+      showTime={showTime}
+      disabledDate={(currentDate) => {
+        return !!disabledDate?.(currentDate, timeVal);
+      }}
+      {...props}
+    />
   );
 };
 export default Index;

package/src/components/TDPicker/modal.ts

@@ -6,14 +6,25 @@ import type { TimePickerProps } from "antd";
 import type { DurationInputArg2 } from "moment";
 import type { DateRangePickerValueMapModal } from "../modal";
 import type { addFormatItemModal } from "@/components/Form/modal";
+interface DisabledDateFnModal<T = Moment | undefined> {
+  (currentDate: Moment, value: T): boolean;
+}
+
 export interface HDatePickerProps
-  extends Omit<DatePickerProps, "onChange" | "format" | "ranges"> {
+  extends Omit<
+    DatePickerProps,
+    "onChange" | "format" | "ranges" | "disabledDate"
+  > {
   onChange?: (time?: Moment | string | number) => void;
   format?: string;
   showTime?: boolean | SharedTimeProps<Moment>;
+  disabledDate?: DisabledDateFnModal;
 }
 export interface HRangePickerProps
-  extends Omit<RangePickerProps, "onChange" | "format" | "ranges" | "value"> {
+  extends Omit<
+    RangePickerProps,
+    "onChange" | "format" | "ranges" | "value" | "disabledDate"
+  > {
   value?: [any, any] | Record<string, any>;
   onChange?: (val: any) => void;
   showTime?: boolean | { defaultValue?: Moment[] };
@@ -21,10 +32,15 @@ export interface HRangePickerProps
   valueMap?: DateRangePickerValueMapModal;
   ranges?: RangePickerProps["ranges"] | boolean;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
+  disabledDate?: DisabledDateFnModal<Moment[] | undefined>;
 }
 
 export interface HTimePickerProps
-  extends Omit<TimePickerProps, "onChange" | "format" | "ranges"> {
+  extends Omit<
+    TimePickerProps,
+    "onChange" | "format" | "ranges" | "disabledDate"
+  > {
   onChange?: (time?: Moment | string | number) => void;
   format?: DurationInputArg2 | string;
+  disabledDate?: DisabledDateFnModal;
 }