@hw-component/form 1.9.94 → 1.9.98

package/es/TDPicker/TimePicker.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/es/TDPicker/TimePicker.js

@@ -1,12 +1,13 @@
 // welcome to hoo hoo hoo
 import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
-import { jsx } from 'react/jsx-runtime';
-import { TimePicker } from 'antd';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Input, TimePicker } from 'antd';
 import { useTimePickerValue, useTimePickerChange } from './hooks.js';
 import HFormConnect from '../Form/HFormConnect.js';
+import { useClassName } from '../hooks/index.js';
 
-var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate"];
+var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate", "addonBefore", "style", "addonAfter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Index = function Index(_ref) {
@@ -16,6 +17,9 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
+    addonBefore = _ref.addonBefore,
+    style = _ref.style,
+    addonAfter = _ref.addonAfter,
     props = _objectWithoutProperties(_ref, _excluded);
   addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = useTimePickerValue({
@@ -27,16 +31,29 @@ var Index = function Index(_ref) {
     format: format,
     onChange: onChange
   });
-  return jsx(TimePicker, _objectSpread({
-    value: timeVal,
-    onChange: change,
-    disabledDate: function disabledDate(currentDate) {
-      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
-    },
-    style: {
-      width: "100%"
-    }
-  }, props));
+  var addonClassName = useClassName("hw-addon");
+  return jsxs(Input.Group, {
+    compact: true,
+    style: _objectSpread({
+      display: "flex"
+    }, style),
+    children: [addonBefore ? jsx("div", {
+      className: addonClassName,
+      children: addonBefore
+    }) : null, jsx(TimePicker, _objectSpread({
+      value: timeVal,
+      onChange: change,
+      disabledDate: function disabledDate(currentDate) {
+        return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+      },
+      style: {
+        flex: 1
+      }
+    }, props)), addonAfter ? jsx("div", {
+      className: addonClassName,
+      children: addonAfter
+    }) : null]
+  });
 };
 var HTimePicker = HFormConnect(Index);
 

package/es/TDPicker/modal.d.ts

@@ -38,6 +38,8 @@ export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "fo
     format?: DurationInputArg2 | string;
     disabledDate?: DisabledDateFnModal;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
 }
 export interface HTimeRangePickerProps extends Omit<TimeRangePickerProps, "format"> {
     valueMap?: {

package/lib/TDPicker/TimePicker.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("react").ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & import("react").RefAttributes<any>>;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<import("../Form/modal").HFormItemProps & React.RefAttributes<any>>;
 export default _default;

package/lib/TDPicker/TimePicker.js

@@ -8,8 +8,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var hooks = require('./hooks.js');
 var HFormConnect = require('../Form/HFormConnect.js');
+var index = require('../hooks/index.js');
 
-var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate"];
+var _excluded = ["value", "format", "onChange", "addFormat", "disabledDate", "addonBefore", "style", "addonAfter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Index = function Index(_ref) {
@@ -19,6 +20,9 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     addFormat = _ref.addFormat,
     _disabledDate = _ref.disabledDate,
+    addonBefore = _ref.addonBefore,
+    style = _ref.style,
+    addonAfter = _ref.addonAfter,
     props = _objectWithoutProperties(_ref, _excluded);
   addFormat === null || addFormat === void 0 || addFormat({});
   var timeVal = hooks.useTimePickerValue({
@@ -30,16 +34,29 @@ var Index = function Index(_ref) {
     format: format,
     onChange: onChange
   });
-  return jsxRuntime.jsx(antd.TimePicker, _objectSpread({
-    value: timeVal,
-    onChange: change,
-    disabledDate: function disabledDate(currentDate) {
-      return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
-    },
-    style: {
-      width: "100%"
-    }
-  }, props));
+  var addonClassName = index.useClassName("hw-addon");
+  return jsxRuntime.jsxs(antd.Input.Group, {
+    compact: true,
+    style: _objectSpread({
+      display: "flex"
+    }, style),
+    children: [addonBefore ? jsxRuntime.jsx("div", {
+      className: addonClassName,
+      children: addonBefore
+    }) : null, jsxRuntime.jsx(antd.TimePicker, _objectSpread({
+      value: timeVal,
+      onChange: change,
+      disabledDate: function disabledDate(currentDate) {
+        return !!(_disabledDate !== null && _disabledDate !== void 0 && _disabledDate(currentDate, timeVal));
+      },
+      style: {
+        flex: 1
+      }
+    }, props)), addonAfter ? jsxRuntime.jsx("div", {
+      className: addonClassName,
+      children: addonAfter
+    }) : null]
+  });
 };
 var HTimePicker = HFormConnect.default(Index);
 

package/lib/TDPicker/modal.d.ts

@@ -38,6 +38,8 @@ export interface HTimePickerProps extends Omit<TimePickerProps, "onChange" | "fo
     format?: DurationInputArg2 | string;
     disabledDate?: DisabledDateFnModal;
     addFormat?: (config: Record<string, addFormatItemModal>) => void;
+    addonBefore?: React.ReactNode;
+    addonAfter?: React.ReactNode;
 }
 export interface HTimeRangePickerProps extends Omit<TimeRangePickerProps, "format"> {
     valueMap?: {

package/package.json

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

package/src/components/TDPicker/TimePicker.tsx

@@ -1,7 +1,9 @@
-import { TimePicker } from "antd";
+import { TimePicker ,Input} from "antd";
 import type { HTimePickerProps } from "./modal";
 import { useTimePickerChange, useTimePickerValue } from "./hooks";
 import HFormConnect from "../Form/HFormConnect";
+import React from "react";
+import {useClassName} from "@/components/hooks";
 
 const Index = ({
   value,
@@ -9,13 +11,19 @@ const Index = ({
   onChange,
   addFormat,
   disabledDate,
+                 addonBefore,
+                 style,
+                 addonAfter,
   ...props
 }: HTimePickerProps) => {
   addFormat?.({});
   const timeVal = useTimePickerValue({ value, format });
   const change = useTimePickerChange({ value, format, onChange });
+  const addonClassName=useClassName("hw-addon")
 
   return (
+      <Input.Group compact style={{display:"flex",...style}}>
+        {addonBefore? <div className={addonClassName}>{addonBefore}</div>:null}
     <TimePicker
       value={timeVal}
       onChange={change}
@@ -23,10 +31,12 @@ const Index = ({
         return !!disabledDate?.(currentDate, timeVal);
       }}
       style={{
-        width: "100%",
+        flex:1
       }}
       {...props}
     />
+        {addonAfter? <div className={addonClassName}>{addonAfter}</div>:null}
+      </Input.Group>
   );
 };
 export default HFormConnect(Index);

package/src/components/TDPicker/modal.ts

@@ -50,6 +50,8 @@ export interface HTimePickerProps
   format?: DurationInputArg2 | string;
   disabledDate?: DisabledDateFnModal;
   addFormat?: (config: Record<string, addFormatItemModal>) => void;
+  addonBefore?:React.ReactNode;
+  addonAfter?:React.ReactNode;
 }
 
 export interface HTimeRangePickerProps extends Omit<TimeRangePickerProps, "format">{

package/src/pages/DatePicker/index.tsx

@@ -30,6 +30,8 @@ export default () => {
            />
            <HTimePicker
                value={55135}
+               addonBefore="你好"
+               addonAfter="我很好"
                onChange={(val) => {
                    console.log(val);
                }}