@carefrees/form-utils-react-taro 0.0.14 → 0.0.16

package/README.md

@@ -6,6 +6,12 @@
 npm install @carefrees/form-utils-react-taro # yarn add @carefrees/form-utils-react-taro # pnpm add @carefrees/form-utils-react-taro
 ```
 
+## 加载样式
+
+```tsx
+import '@carefrees/form-utils-react-taro/assets/index.css';
+```
+
 ## 使用
 
 ### 基本使用

package/assets/index.css

@@ -2,7 +2,7 @@
 html.dark .carefrees-form {
   --form-color: #e3e3e3;
   --form-header-color: #e3e3e3;
-  --form-font-size: 14px;
+  --form-font-size: 0.7rem;
   --form-border-color: #e0e0e0;
 }
 
@@ -10,7 +10,7 @@ html.dark .carefrees-form {
 .carefrees-form {
   --form-color: rgba(0, 0, 0, 0.88);
   --form-header-color: #1d2129;
-  --form-font-size: 14px;
+  --form-font-size: 0.7rem;
   --form-border-color: #e0e0e0;
 
   box-sizing: border-box;
@@ -18,12 +18,19 @@ html.dark .carefrees-form {
   color: var(--form-color, rgba(0, 0, 0, 0.88));
 }
 
+/* 表单 */
+/* .carefrees-form {
+  box-sizing: border-box;
+  background-color: #fff;
+  font-size: 0.7rem;
+} */
+
 /* 布局 */
 .carefrees-form-layout {
   width: 100%;
   box-sizing: border-box;
-  border-radius: 4px;
-  padding-bottom: 8px;
+  border-radius: 0.2rem;
+  padding-bottom: 0.4rem;
   position: relative;
 }
 
@@ -32,11 +39,11 @@ html.dark .carefrees-form {
 }
 
 .carefrees-form-layout.bordered {
-  border: 1px solid var(--form-border-color, #e0e0e0);
+  border: 1px solid #e0e0e0;
 }
 .carefrees-form-layout.bordered .carefrees-form-layout-header {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
+  padding-inline-start: 0.4rem;
+  padding-inline-end: 0.4rem;
 }
 
 .carefrees-form-layout-header {
@@ -44,25 +51,25 @@ html.dark .carefrees-form {
   justify-content: space-between;
   align-items: center;
   flex-direction: row;
-  border-bottom: 1px solid var(--form-border-color, #e0e0e0);
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-block-end: 4px;
-  padding-inline-start: 2px;
-  padding-inline-end: 2px;
+  border-bottom: 1px solid #e0e0e0;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  margin-block-end: 0.2rem;
+  padding-inline-start: 0.1rem;
+  padding-inline-end: 0.1rem;
   box-sizing: border-box;
 }
 
 .carefrees-form-layout-header-title {
-  font-size: 14px;
+  font-size: 0.7rem;
   font-weight: 600;
-  color: var(--form-header-color, #1d2129);
+  color: #1d2129;
   box-sizing: border-box;
 }
 .carefrees-form-layout-header-extra {
-  font-size: 14px;
+  font-size: 0.7rem;
   font-weight: 500;
-  color: var(--form-header-color, #1d2129);
+  color: #1d2129;
   box-sizing: border-box;
 }
 
@@ -70,21 +77,21 @@ html.dark .carefrees-form {
   width: 100%;
   display: grid;
   grid-template-columns: repeat(1, auto);
-  gap: 2px;
-  padding-left: 2px;
-  padding-right: 2px;
+  gap: 0.1rem;
+  padding-left: 0.1rem;
+  padding-right: 0.1rem;
   box-sizing: border-box;
 }
 
 /* 表单项 */
 .carefrees-form-item {
-  font-size: 14px;
+  font-size: 0.7rem;
   display: flex;
   flex-direction: row;
   align-items: flex-start;
-  padding: 8px;
+  padding: 0.4rem;
   box-sizing: border-box;
-  color: var(--form-header-color, #1d2129);
+  color: rgba(0, 0, 0, 0.88);
 }
 
 .carefrees-form-item-container {
@@ -92,18 +99,18 @@ html.dark .carefrees-form {
   height: 100%;
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  gap: 0.2rem;
   box-sizing: border-box;
 }
 .carefrees-form-item-container.left {
   flex-direction: row;
-  gap: 8px;
+  gap: 0.4rem;
 }
 .carefrees-form-item-container.left .carefrees-form-item-label-warp {
   text-align: right;
 }
 .carefrees-form-item-container.between {
-  gap: 8px;
+  gap: 0.4rem;
   text-align: left;
   flex-direction: row;
   justify-content: space-between;
@@ -125,8 +132,8 @@ html.dark .carefrees-form {
   align-items: center;
   justify-content: flex-start;
   position: relative;
-  font-size: 14px;
-  color: var(--form-header-color, #1d2129);
+  font-size: 0.7rem;
+  color: rgba(0, 0, 0, 0.88);
   min-height: 1.4rem;
 }
 
@@ -135,8 +142,8 @@ html.dark .carefrees-form {
   display: inline-block;
   text-align: center;
   margin: 0;
-  margin-inline-end: 2px;
-  margin-inline-start: 2px;
+  margin-inline-end: 0.1rem;
+  margin-inline-start: 0.1rem;
   box-sizing: border-box;
 }
 
@@ -144,7 +151,7 @@ html.dark .carefrees-form {
   content: '*';
   color: red;
   display: inline-block;
-  margin-inline-end: 4px;
+  margin-inline-end: 0.2rem;
   box-sizing: border-box;
 }
 
@@ -155,7 +162,7 @@ html.dark .carefrees-form {
   align-items: flex-start;
   justify-content: flex-start;
   box-sizing: border-box;
-  gap: 4px;
+  gap: 0.2rem;
   flex: 1;
 }
 .carefrees-form-item-body-input {
@@ -169,7 +176,7 @@ html.dark .carefrees-form {
 }
 
 .carefrees-form-item-body-input.input-bordered {
-  border-bottom: 1px solid var(--form-border-color, #e0e0e0);
+  border-bottom: 1px solid #e0e0e0;
 }
 
 .carefrees-form-item-body-help {
@@ -184,9 +191,9 @@ html.dark .carefrees-form {
   top: auto;
   left: 0;
   right: 0;
-  bottom: -16px;
-  padding-top: 2px;
-  font-size: 12px;
+  bottom: -0.8rem;
+  padding-top: 0.1rem;
+  font-size: 0.6rem;
   box-sizing: border-box;
   z-index: 10;
   pointer-events: none;
@@ -199,18 +206,18 @@ html.dark .carefrees-form {
   top: auto;
   left: 0;
   right: 0;
-  bottom: -16px;
+  bottom: -0.8rem;
 }
 .carefrees-form-item-body-error.top-left {
   justify-content: start;
-  top: -16px;
+  top: -0.8rem;
   left: 0px;
   right: 0px;
   bottom: auto;
 }
 .carefrees-form-item-body-error.top-right {
   justify-content: flex-end;
-  top: -16px;
+  top: -0.8rem;
   left: 0px;
   right: 0px;
   bottom: auto;

package/esm/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
 import { FormLayoutProps } from './layout';
-import './styles/index.css';
 export * from './formItem';
 export * from './formList';
 export * from './layout';

package/esm/index.js

@@ -4,7 +4,6 @@ import classnames from "classnames";
 import { FormLayout } from "./layout/index.js";
 import { FormInstanceContext, useForm, useRegisterForm } from "@carefrees/form-utils-react-hooks";
 import { Form } from "@tarojs/components";
-import "./styles/index.css";
 export * from "./formItem/index.js";
 export * from "./formList/index.js";
 export * from "./layout/index.js";

package/esm/layout/index.d.ts

@@ -28,6 +28,8 @@ export interface FormLayoutProps extends AttrsOptions {
      * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
      */
     gap?: string | number;
+    /**是否添加输入框边框*/
+    inputBordered?: boolean;
 }
 /**布局组件*/
 export declare const FormLayout: React.MemoExoticComponent<(props: FormLayoutProps) => import("react/jsx-runtime").JSX.Element>;

package/esm/layout/index.js

@@ -5,8 +5,8 @@ import classnames from "classnames";
 import { AttrsContext, useAttrs } from "@carefrees/form-utils-react-hooks";
 const preCls = 'carefrees-form-layout';
 const FormLayout = /*#__PURE__*/ memo((props)=>{
-    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle } = useAttrs();
-    const { colCount = p_colCount, title, extra, children, isAllColSpan, className, headerClassName, bodyClassName, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemClassName = p_formItemClassName, formItemStyle = p_formItemStyle, formItemLabelClassName = p_formItemLabelClassName, formItemLabelStyle = p_formItemLabelStyle, bordered = false, gap } = props;
+    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle, inputBordered: p_inputBordered } = useAttrs();
+    const { colCount = p_colCount, title, extra, children, isAllColSpan, className, headerClassName, bodyClassName, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemClassName = p_formItemClassName, formItemStyle = p_formItemStyle, formItemLabelClassName = p_formItemLabelClassName, formItemLabelStyle = p_formItemLabelStyle, bordered = false, inputBordered = p_inputBordered, gap } = props;
     const propsRef = useRef(props);
     propsRef.current = props;
     const cls = useMemo(()=>classnames(preCls, className, {
@@ -31,7 +31,8 @@ const FormLayout = /*#__PURE__*/ memo((props)=>{
             formItemClassName,
             formItemStyle,
             formItemLabelClassName,
-            formItemLabelStyle
+            formItemLabelStyle,
+            inputBordered
         }), [
         colCount,
         errorLayout,
@@ -40,7 +41,8 @@ const FormLayout = /*#__PURE__*/ memo((props)=>{
         formItemClassName,
         formItemStyle,
         formItemLabelClassName,
-        formItemLabelStyle
+        formItemLabelStyle,
+        inputBordered
     ]);
     const styleBase = useMemo(()=>{
         const css = {};

package/lib/formItem/index.js

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -97,10 +97,10 @@ const FormHideItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((pro
 });
 exports.FormHideItem = __webpack_exports__.FormHideItem;
 exports.FormItem = __webpack_exports__.FormItem;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FormHideItem",
     "FormItem"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/lib/formList/index.js

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -65,10 +65,10 @@ const FormHideList = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((pro
 });
 exports.FormHideList = __webpack_exports__.FormHideList;
 exports.FormList = __webpack_exports__.FormList;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FormHideList",
     "FormList"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/lib/hooks/attr/attr.FormItem.js

@@ -13,7 +13,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -86,9 +86,9 @@ const useFormItemAttr = (options)=>{
     };
 };
 exports.useFormItemAttr = __webpack_exports__.useFormItemAttr;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "useFormItemAttr"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/lib/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { FormInstanceBase, ValidateErrorEntity } from '@carefrees/form-utils';
 import { FormLayoutProps } from './layout';
-import './styles/index.css';
 export * from './formItem';
 export * from './formList';
 export * from './layout';

package/lib/index.js

@@ -1,36 +1,33 @@
 "use strict";
 var __webpack_modules__ = {
-    "./formItem": function(module) {
+    "./formItem" (module) {
         module.exports = require("./formItem/index.js");
     },
-    "./formList": function(module) {
+    "./formList" (module) {
         module.exports = require("./formList/index.js");
     },
-    "./hooks/attr/attr.FormItem": function(module) {
+    "./hooks/attr/attr.FormItem" (module) {
         module.exports = require("./hooks/attr/attr.FormItem.js");
     },
-    "./layout": function(module) {
+    "./layout" (module) {
         module.exports = require("./layout/index.js");
     },
-    "./layout/layout.formItem": function(module) {
+    "./layout/layout.formItem" (module) {
         module.exports = require("./layout/layout.formItem.js");
     },
-    "./styles/index.css": function(module) {
-        module.exports = require("./styles/index.css");
-    },
-    "@carefrees/form-utils-react-hooks": function(module) {
+    "@carefrees/form-utils-react-hooks" (module) {
         module.exports = require("@carefrees/form-utils-react-hooks");
     },
-    "@tarojs/components": function(module) {
+    "@tarojs/components" (module) {
         module.exports = require("@tarojs/components");
     },
-    classnames: function(module) {
+    classnames (module) {
         module.exports = require("classnames");
     },
-    react: function(module) {
+    react (module) {
         module.exports = require("react");
     },
-    "react/jsx-runtime": function(module) {
+    "react/jsx-runtime" (module) {
         module.exports = require("react/jsx-runtime");
     }
 };
@@ -66,7 +63,7 @@ function __webpack_require__(moduleId) {
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -80,76 +77,63 @@ var __webpack_exports__ = {};
     __webpack_require__.d(__webpack_exports__, {
         Form: ()=>Form
     });
-    var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("react/jsx-runtime");
-    var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("react");
-    var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("classnames");
-    var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/ __webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
-    var _layout__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./layout");
-    var _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("@carefrees/form-utils-react-hooks");
-    var _tarojs_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("@tarojs/components");
-    __webpack_require__("./styles/index.css");
-    var _formItem__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__("./formItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _formItem__WEBPACK_IMPORTED_MODULE_7__)if ([
+    var react_jsx_runtime__rspack_import_0 = __webpack_require__("react/jsx-runtime");
+    var react__rspack_import_1 = __webpack_require__("react");
+    var classnames__rspack_import_2 = __webpack_require__("classnames");
+    var classnames__rspack_import_2_default = /*#__PURE__*/ __webpack_require__.n(classnames__rspack_import_2);
+    var _layout__rspack_import_3 = __webpack_require__("./layout");
+    var _carefrees_form_utils_react_hooks__rspack_import_4 = __webpack_require__("@carefrees/form-utils-react-hooks");
+    var _tarojs_components__rspack_import_5 = __webpack_require__("@tarojs/components");
+    var _formItem__rspack_import_6 = __webpack_require__("./formItem");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _formItem__rspack_import_6)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _formItem__WEBPACK_IMPORTED_MODULE_7__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _formList__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("./formList");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _formList__WEBPACK_IMPORTED_MODULE_8__)if ([
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_formItem__rspack_import_6[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _formList__rspack_import_7 = __webpack_require__("./formList");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _formList__rspack_import_7)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _formList__WEBPACK_IMPORTED_MODULE_8__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _layout__WEBPACK_IMPORTED_MODULE_3__)if ([
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_formList__rspack_import_7[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _layout__rspack_import_3)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _layout__WEBPACK_IMPORTED_MODULE_3__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("./layout/layout.formItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__)if ([
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layout__rspack_import_3[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _layout_layout_formItem__rspack_import_8 = __webpack_require__("./layout/layout.formItem");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _layout_layout_formItem__rspack_import_8)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _layout_layout_formItem__WEBPACK_IMPORTED_MODULE_9__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("./hooks/attr/attr.FormItem");
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__)if ([
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_layout_layout_formItem__rspack_import_8[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _hooks_attr_attr_FormItem__rspack_import_9 = __webpack_require__("./hooks/attr/attr.FormItem");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _hooks_attr_attr_FormItem__rspack_import_9)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _hooks_attr_attr_FormItem__WEBPACK_IMPORTED_MODULE_10__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
-    var __WEBPACK_REEXPORT_OBJECT__ = {};
-    for(var __WEBPACK_IMPORT_KEY__ in _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__)if ([
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_hooks_attr_attr_FormItem__rspack_import_9[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _carefrees_form_utils_react_hooks__rspack_import_4)if ([
         "Form",
         "default"
-    ].indexOf(__WEBPACK_IMPORT_KEY__) < 0) __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = (function(key) {
-        return _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__[key];
-    }).bind(0, __WEBPACK_IMPORT_KEY__);
-    __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+    ].indexOf(__rspack_import_key) < 0) __rspack_reexport[__rspack_import_key] = ()=>_carefrees_form_utils_react_hooks__rspack_import_4[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
     function Form(props) {
         const { children, form, style, className, formData, hideData, hideRuleData, isAutoUpdatedFormData = false, name, onFinish, onFinishFailed, onValuesChange, layoutStyle, layoutClassName, ...rest } = props;
-        const formInstance = (0, _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.useForm)(form);
-        (0, _carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.useRegisterForm)(formInstance, name);
-        const cls = (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>classnames__WEBPACK_IMPORTED_MODULE_2___default()('carefrees-form', className), []);
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useMemo)(()=>formInstance.ctor(formData, hideData, hideRuleData), []);
+        const formInstance = (0, _carefrees_form_utils_react_hooks__rspack_import_4.useForm)(form);
+        (0, _carefrees_form_utils_react_hooks__rspack_import_4.useRegisterForm)(formInstance, name);
+        const cls = (0, react__rspack_import_1.useMemo)(()=>classnames__rspack_import_2_default()('carefrees-form', className), []);
+        (0, react__rspack_import_1.useMemo)(()=>formInstance.ctor(formData, hideData, hideRuleData), []);
         formInstance.onFinish = onFinish;
         formInstance.onValuesChange = onValuesChange;
         formInstance.onFinishFailed = onFinishFailed;
-        (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
+        (0, react__rspack_import_1.useEffect)(()=>{
             if (isAutoUpdatedFormData) formInstance.resetFormValues(formData);
         }, [
             isAutoUpdatedFormData,
@@ -160,13 +144,13 @@ var __webpack_exports__ = {};
             event?.stopPropagation?.();
             formInstance.submit();
         };
-        return /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_carefrees_form_utils_react_hooks__WEBPACK_IMPORTED_MODULE_4__.FormInstanceContext.Provider, {
+        return /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(_carefrees_form_utils_react_hooks__rspack_import_4.FormInstanceContext.Provider, {
             value: formInstance,
-            children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_tarojs_components__WEBPACK_IMPORTED_MODULE_5__.Form, {
+            children: /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(_tarojs_components__rspack_import_5.Form, {
                 className: cls,
                 style: style,
                 onSubmit: onSubmit,
-                children: /*#__PURE__*/ (0, react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_layout__WEBPACK_IMPORTED_MODULE_3__.FormLayout, {
+                children: /*#__PURE__*/ (0, react_jsx_runtime__rspack_import_0.jsx)(_layout__rspack_import_3.FormLayout, {
                     ...rest,
                     className: layoutClassName,
                     style: layoutStyle,
@@ -177,9 +161,9 @@ var __webpack_exports__ = {};
     }
 })();
 exports.Form = __webpack_exports__.Form;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "Form"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

package/lib/layout/index.d.ts

@@ -28,6 +28,8 @@ export interface FormLayoutProps extends AttrsOptions {
      * @description gap 属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式。
      */
     gap?: string | number;
+    /**是否添加输入框边框*/
+    inputBordered?: boolean;
 }
 /**布局组件*/
 export declare const FormLayout: React.MemoExoticComponent<(props: FormLayoutProps) => import("react/jsx-runtime").JSX.Element>;

package/lib/layout/index.js

@@ -22,7 +22,7 @@ var __webpack_require__ = {};
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -33,8 +33,8 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    FormLayoutRows: ()=>FormLayoutRows,
-    FormLayout: ()=>FormLayout
+    FormLayout: ()=>FormLayout,
+    FormLayoutRows: ()=>FormLayoutRows
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
@@ -44,8 +44,8 @@ var external_classnames_default = /*#__PURE__*/ __webpack_require__.n(external_c
 const form_utils_react_hooks_namespaceObject = require("@carefrees/form-utils-react-hooks");
 const preCls = 'carefrees-form-layout';
 const FormLayout = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props)=>{
-    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle } = (0, form_utils_react_hooks_namespaceObject.useAttrs)();
-    const { colCount = p_colCount, title, extra, children, isAllColSpan, className, headerClassName, bodyClassName, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemClassName = p_formItemClassName, formItemStyle = p_formItemStyle, formItemLabelClassName = p_formItemLabelClassName, formItemLabelStyle = p_formItemLabelStyle, bordered = false, gap } = props;
+    const { colCount: p_colCount = 4, errorLayout: p_errorLayout = 'left-bottom', labelMode: p_labelMode = 'left', showColon: p_showColon = true, formItemClassName: p_formItemClassName, formItemStyle: p_formItemStyle, formItemLabelClassName: p_formItemLabelClassName, formItemLabelStyle: p_formItemLabelStyle, inputBordered: p_inputBordered } = (0, form_utils_react_hooks_namespaceObject.useAttrs)();
+    const { colCount = p_colCount, title, extra, children, isAllColSpan, className, headerClassName, bodyClassName, style, headerStyle, bodyStyle, errorLayout = p_errorLayout, labelMode = p_labelMode, showColon = p_showColon, formItemClassName = p_formItemClassName, formItemStyle = p_formItemStyle, formItemLabelClassName = p_formItemLabelClassName, formItemLabelStyle = p_formItemLabelStyle, bordered = false, inputBordered = p_inputBordered, gap } = props;
     const propsRef = (0, external_react_namespaceObject.useRef)(props);
     propsRef.current = props;
     const cls = (0, external_react_namespaceObject.useMemo)(()=>external_classnames_default()(preCls, className, {
@@ -70,7 +70,8 @@ const FormLayout = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props
             formItemClassName,
             formItemStyle,
             formItemLabelClassName,
-            formItemLabelStyle
+            formItemLabelStyle,
+            inputBordered
         }), [
         colCount,
         errorLayout,
@@ -79,7 +80,8 @@ const FormLayout = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((props
         formItemClassName,
         formItemStyle,
         formItemLabelClassName,
-        formItemLabelStyle
+        formItemLabelStyle,
+        inputBordered
     ]);
     const styleBase = (0, external_react_namespaceObject.useMemo)(()=>{
         const css = {};
@@ -137,10 +139,10 @@ const FormLayoutRows = (props)=>{
 };
 exports.FormLayout = __webpack_exports__.FormLayout;
 exports.FormLayoutRows = __webpack_exports__.FormLayoutRows;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "FormLayout",
     "FormLayoutRows"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });