@hw-component/form 1.9.91 → 1.9.93

package/es/Form/index.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, requiredMode, style, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/es/Form/index.js

@@ -11,7 +11,7 @@ import { useState, useEffect } from 'react';
 import InitSet from './InitSet.js';
 import Basic from './Basic.js';
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper", "requiredMode", "style"];
 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 HForm = (function (_ref) {
@@ -41,6 +41,8 @@ var HForm = (function (_ref) {
     dismissOnPressEnter = _ref.dismissOnPressEnter,
     preserve = _ref.preserve,
     rowWrapper = _ref.rowWrapper,
+    requiredMode = _ref.requiredMode,
+    style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = useCurrentForm(form);
   var _useState = useState({}),
@@ -104,7 +106,10 @@ var HForm = (function (_ref) {
         form: hForm,
         onFinish: run,
         onValuesChange: valuesChange,
-        preserve: preserve
+        preserve: preserve,
+        style: requiredMode ? _objectSpread({
+          paddingLeft: 10
+        }, style) : style
       }, props), {}, {
         children: [jsx(Basic, {
           configData: configData,

package/es/Form/modal.d.ts

@@ -79,6 +79,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     dismissOnPressEnter?: boolean;
     rowWrapper?: boolean;
     flexBox?: boolean;
+    requiredMode?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/es/index.css

@@ -303,15 +303,15 @@
   border-color: #ff4d4f !important;
 }
 .ant-hw-input-group-before-body .ant-hw-input-group-number-body {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .ant-hw-input-group-after-body .ant-hw-input-group-number-body {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .ant-hw-input-group-no-addon .ant-hw-input-group-number-body {
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .ant-hw-rich-editor {
   box-sizing: border-box;

package/lib/Form/index.d.ts

@@ -1,3 +1,3 @@
 import type { HFormProps } from "./modal";
-declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, ...props }: HFormProps) => JSX.Element;
+declare const _default: ({ configData, labelWidth, form, request, onFinish, infoRequest, valueType, initialValues, params, onValuesChange, itemSpan, hideLabel: formHideLabel, gutter, submitLoading, labelAlign: formLabelAlign, formItemStyle, itemProps: formItemProps, colon, dismissOnPressEnter, preserve, rowWrapper, requiredMode, style, ...props }: HFormProps) => JSX.Element;
 export default _default;

package/lib/Form/index.js

@@ -14,7 +14,7 @@ var React = require('react');
 var InitSet = require('./InitSet.js');
 var Basic = require('./Basic.js');
 
-var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper"];
+var _excluded = ["configData", "labelWidth", "form", "request", "onFinish", "infoRequest", "valueType", "initialValues", "params", "onValuesChange", "itemSpan", "hideLabel", "gutter", "submitLoading", "labelAlign", "formItemStyle", "itemProps", "colon", "dismissOnPressEnter", "preserve", "rowWrapper", "requiredMode", "style"];
 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 HForm = (function (_ref) {
@@ -44,6 +44,8 @@ var HForm = (function (_ref) {
     dismissOnPressEnter = _ref.dismissOnPressEnter,
     preserve = _ref.preserve,
     rowWrapper = _ref.rowWrapper,
+    requiredMode = _ref.requiredMode,
+    style = _ref.style,
     props = _objectWithoutProperties(_ref, _excluded);
   var hForm = index.useCurrentForm(form);
   var _useState = React.useState({}),
@@ -107,7 +109,10 @@ var HForm = (function (_ref) {
         form: hForm,
         onFinish: run,
         onValuesChange: valuesChange,
-        preserve: preserve
+        preserve: preserve,
+        style: requiredMode ? _objectSpread({
+          paddingLeft: 10
+        }, style) : style
       }, props), {}, {
         children: [jsxRuntime.jsx(Basic.default, {
           configData: configData,

package/lib/Form/modal.d.ts

@@ -79,6 +79,7 @@ export interface HFormProps<T = any, R = any> extends Omit<FormProps, "form" | "
     dismissOnPressEnter?: boolean;
     rowWrapper?: boolean;
     flexBox?: boolean;
+    requiredMode?: boolean;
 }
 export interface HFormItemProps extends HItemProps {
     required?: boolean;

package/lib/index.css

@@ -303,15 +303,15 @@
   border-color: #ff4d4f !important;
 }
 .ant-hw-input-group-before-body .ant-hw-input-group-number-body {
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
 }
 .ant-hw-input-group-after-body .ant-hw-input-group-number-body {
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .ant-hw-input-group-no-addon .ant-hw-input-group-number-body {
-  border-radius: 4px;
+  border-radius: 2px;
 }
 .ant-hw-rich-editor {
   box-sizing: border-box;

package/package.json

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

package/src/components/Form/index.tsx

@@ -29,6 +29,8 @@ export default ({
   dismissOnPressEnter,
   preserve,
   rowWrapper,
+                  requiredMode,
+    style,
   ...props
 }: HFormProps) => {
   const hForm = useCurrentForm(form);
@@ -98,6 +100,7 @@ export default ({
           onFinish={run}
           onValuesChange={valuesChange}
           preserve={preserve}
+          style={requiredMode?{paddingLeft:10,...style}:style}
           {...props}
         >
           <Basic

package/src/components/Form/modal.ts

@@ -127,6 +127,7 @@ export interface HFormProps<T = any, R = any>
   dismissOnPressEnter?: boolean;
   rowWrapper?: boolean;
   flexBox?: boolean;
+  requiredMode?:boolean;
 }
 export interface HFormItemProps extends HItemProps {
   required?: boolean;

package/src/components/styles/local.less

@@ -1,2 +1,2 @@
 @ant-prefix: ant;
-@border-radius-base: 4px;
+@border-radius-base: 2px;

package/src/pages/Form/index.tsx

@@ -250,6 +250,7 @@ export default () => {
             onValuesChange={(val) => {
               console.log(val, "onValuesChange");
             }}
+            requiredMode
             request={(params) => {
               return new Promise<any>((resolve) => {
                 setTimeout(() => {