@hw-component/form 1.9.40 → 1.9.41

package/es/Input/ButtonInput.js

@@ -3,11 +3,11 @@ import _defineProperty from '@babel/runtime-corejs3/helpers/defineProperty';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Input, Button } from 'antd';
 import { useRequest } from 'ahooks';
 
-var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
+var _excluded = ["buttonProps", "value", "onChange", "children", "request", "layType"],
   _excluded2 = ["onClick", "type", "ghost", "loading"];
 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; }
@@ -18,14 +18,17 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     children = _ref.children,
     request = _ref.request,
+    _ref$layType = _ref.layType,
+    layType = _ref$layType === void 0 ? "group" : _ref$layType,
     props = _objectWithoutProperties(_ref, _excluded);
   var onClick = buttonProps.onClick,
-    _buttonProps$type = buttonProps.type,
-    type = _buttonProps$type === void 0 ? "primary" : _buttonProps$type,
+    type = buttonProps.type,
     _buttonProps$ghost = buttonProps.ghost,
     ghost = _buttonProps$ghost === void 0 ? true : _buttonProps$ghost,
     btnLoading = buttonProps.loading,
     oProps = _objectWithoutProperties(buttonProps, _excluded2);
+  var defaultBtnType = layType === "group" ? "primary" : "link";
+  var btnType = type || defaultBtnType;
   var _useRequest = useRequest(function (val) {
       return request === null || request === void 0 ? void 0 : request(val);
     }, {
@@ -63,6 +66,19 @@ var Index = function Index(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  if (layType === "text") {
+    return jsx(Input, _objectSpread(_objectSpread({}, props), {}, {
+      suffix: jsx(Button, _objectSpread(_objectSpread({
+        type: btnType,
+        onClick: click,
+        size: "small",
+        loading: loading || btnLoading,
+        ghost: ghost
+      }, oProps), {}, {
+        children: children
+      }))
+    }));
+  }
   return jsxs(Input.Group, {
     compact: true,
     style: {
@@ -75,7 +91,7 @@ var Index = function Index(_ref) {
       value: value,
       onChange: change
     })), jsx(Button, _objectSpread(_objectSpread({
-      type: type,
+      type: btnType,
       onClick: click,
       loading: loading || btnLoading,
       style: {

package/es/Input/modal.d.ts

@@ -30,5 +30,6 @@ export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
 export interface HButtonInputProps extends HInputProps {
     buttonProps?: HButtonProps;
     request?: PromiseFnResult;
+    layType?: "group" | "text";
 }
 export {};

package/lib/Input/ButtonInput.js

@@ -10,7 +10,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var antd = require('antd');
 var ahooks = require('ahooks');
 
-var _excluded = ["buttonProps", "value", "onChange", "children", "request"],
+var _excluded = ["buttonProps", "value", "onChange", "children", "request", "layType"],
   _excluded2 = ["onClick", "type", "ghost", "loading"];
 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; }
@@ -21,14 +21,17 @@ var Index = function Index(_ref) {
     onChange = _ref.onChange,
     children = _ref.children,
     request = _ref.request,
+    _ref$layType = _ref.layType,
+    layType = _ref$layType === void 0 ? "group" : _ref$layType,
     props = _objectWithoutProperties(_ref, _excluded);
   var onClick = buttonProps.onClick,
-    _buttonProps$type = buttonProps.type,
-    type = _buttonProps$type === void 0 ? "primary" : _buttonProps$type,
+    type = buttonProps.type,
     _buttonProps$ghost = buttonProps.ghost,
     ghost = _buttonProps$ghost === void 0 ? true : _buttonProps$ghost,
     btnLoading = buttonProps.loading,
     oProps = _objectWithoutProperties(buttonProps, _excluded2);
+  var defaultBtnType = layType === "group" ? "primary" : "link";
+  var btnType = type || defaultBtnType;
   var _useRequest = ahooks.useRequest(function (val) {
       return request === null || request === void 0 ? void 0 : request(val);
     }, {
@@ -66,6 +69,19 @@ var Index = function Index(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  if (layType === "text") {
+    return jsxRuntime.jsx(antd.Input, _objectSpread(_objectSpread({}, props), {}, {
+      suffix: jsxRuntime.jsx(antd.Button, _objectSpread(_objectSpread({
+        type: btnType,
+        onClick: click,
+        size: "small",
+        loading: loading || btnLoading,
+        ghost: ghost
+      }, oProps), {}, {
+        children: children
+      }))
+    }));
+  }
   return jsxRuntime.jsxs(antd.Input.Group, {
     compact: true,
     style: {
@@ -78,7 +94,7 @@ var Index = function Index(_ref) {
       value: value,
       onChange: change
     })), jsxRuntime.jsx(antd.Button, _objectSpread(_objectSpread({
-      type: type,
+      type: btnType,
       onClick: click,
       loading: loading || btnLoading,
       style: {

package/lib/Input/modal.d.ts

@@ -30,5 +30,6 @@ export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
 export interface HButtonInputProps extends HInputProps {
     buttonProps?: HButtonProps;
     request?: PromiseFnResult;
+    layType?: "group" | "text";
 }
 export {};

package/package.json

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

package/src/components/Input/ButtonInput.tsx

@@ -9,15 +9,18 @@ const Index: React.FC<HButtonInputProps> = ({
   onChange,
   children,
   request,
+                                              layType="group",
   ...props
 }) => {
   const {
     onClick,
-    type = "primary",
+    type ,
     ghost = true,
     loading: btnLoading,
     ...oProps
   } = buttonProps;
+  const defaultBtnType=layType==="group"?"primary":"link"
+  const btnType=type||defaultBtnType
   const { run, loading } = useRequest(
     (val) => {
       return request?.(val);
@@ -34,12 +37,28 @@ const Index: React.FC<HButtonInputProps> = ({
     }
     onClick?.(result, onChange);
   };
-
+  if (layType==="text"){
+     return  <Input
+         {...props}
+         suffix={
+           <Button
+               type={btnType}
+               onClick={click}
+               size={"small"}
+               loading={loading || btnLoading}
+               ghost={ghost}
+               {...oProps}
+           >
+             {children}
+           </Button>
+         }
+     />
+  }
   return (
     <Input.Group compact style={{ display: "flex" }}>
       <Input {...props} style={{ flex: 1 }} value={value} onChange={change} />
       <Button
-        type={type}
+        type={btnType}
         onClick={click}
         loading={loading || btnLoading}
         style={{ marginLeft: 8, borderRadius: 4 }}

package/src/components/Input/VerificationCodeInput/index.tsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useEffect, useMemo } from "react";
 import ButtonInput from "../ButtonInput";
 import { useRequest } from "ahooks";
 import type { HFormInstance } from "../../Form/modal";

package/src/components/Input/modal.ts

@@ -37,4 +37,5 @@ export interface HButtonProps extends Omit<ButtonProps, "onClick"> {
 export interface HButtonInputProps extends HInputProps {
   buttonProps?: HButtonProps;
   request?: PromiseFnResult;
+  layType?:"group"|"text";
 }

package/src/pages/Input/index.tsx

@@ -24,6 +24,7 @@ export default () => {
       <HInputNumber />
       <HColorInput value={colorVal} onChange={setColorVal} />
       <HVerificationCodeInput
+          layType="text"
         request={() => {
           return Promise.resolve({ code: 200 });
         }}