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

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/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.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");
@@ -137,10 +137,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
 });

package/lib/layout/layout.formItem.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', {
@@ -149,9 +149,9 @@ const LayoutFormItem = /*#__PURE__*/ (0, external_react_namespaceObject.memo)((p
     });
 });
 exports.LayoutFormItem = __webpack_exports__.LayoutFormItem;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "LayoutFormItem"
-].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/package.json

@@ -3,7 +3,7 @@
   "author": "SunLxy <1011771396@qq.com>",
   "description": "taro react 表单组件",
   "homepage": "https://github.com/SunLxy/carefrees-form-utils",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "module": "esm/index.js",
@@ -15,6 +15,10 @@
   "publishConfig": {
     "access": "public"
   },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/SunLxy/carefrees-form-utils.git"
+  },
   "files": [
     "src",
     "lib",
@@ -22,8 +26,8 @@
     "assets"
   ],
   "dependencies": {
-    "@carefrees/form-utils": "^0.0.14",
-    "@carefrees/form-utils-react-hooks": "^0.0.14",
+    "@carefrees/form-utils": "^0.0.15",
+    "@carefrees/form-utils-react-hooks": "^0.0.15",
     "classnames": "2.5.1"
   },
   "devDependencies": {
@@ -31,4 +35,4 @@
     "@types/react": "18.2.21",
     "react": "^18.2.0"
   }
-}
+}

package/src/index.tsx

@@ -5,7 +5,6 @@ import { FormLayout, FormLayoutProps } from './layout';
 import { useRegisterForm, useForm, FormInstanceContext } from '@carefrees/form-utils-react-hooks';
 import { Form as TaroForm } from '@tarojs/components';
 import type { CommonEventFunction, FormProps as TaroFormProps } from '@tarojs/components';
-import './styles/index.css';
 export * from './formItem';
 export * from './formList';
 export * from './layout';

package/esm/styles/index.css

@@ -1,199 +0,0 @@
-.carefrees-form {
-  box-sizing: border-box;
-  background-color: #fff;
-  font-size: 14px;
-}
-
-.carefrees-form-layout {
-  box-sizing: border-box;
-  border-radius: 4px;
-  width: 100%;
-  padding-bottom: 8px;
-  position: relative;
-}
-
-.carefrees-form-layout.all-colspan {
-  grid-column: 1 / -1;
-}
-
-.carefrees-form-layout.bordered {
-  border: 1px solid #e0e0e0;
-}
-
-.carefrees-form-layout.bordered .carefrees-form-layout-header {
-  padding-inline: 8px;
-}
-
-.carefrees-form-layout-header {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  box-sizing: border-box;
-  border-bottom: 1px solid #e0e0e0;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  margin-block-end: 4px;
-  padding-inline: 2px;
-  display: flex;
-}
-
-.carefrees-form-layout-header-title {
-  color: #1d2129;
-  box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.carefrees-form-layout-header-extra {
-  color: #1d2129;
-  box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.carefrees-form-layout-body {
-  box-sizing: border-box;
-  grid-template-columns: repeat(1, auto);
-  gap: 2px;
-  width: 100%;
-  padding-left: 2px;
-  padding-right: 2px;
-  display: grid;
-}
-
-.carefrees-form-item {
-  box-sizing: border-box;
-  color: #000000e0;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: 8px;
-  font-size: 14px;
-  display: flex;
-}
-
-.carefrees-form-item-container {
-  box-sizing: border-box;
-  flex-direction: column;
-  flex: 1;
-  gap: 4px;
-  height: 100%;
-  display: flex;
-}
-
-.carefrees-form-item-container.left {
-  flex-direction: row;
-  gap: 8px;
-}
-
-.carefrees-form-item-container.left .carefrees-form-item-label-warp {
-  text-align: right;
-}
-
-.carefrees-form-item-container.between {
-  text-align: left;
-  flex-direction: row;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.carefrees-form-item-container.between .carefrees-form-item-body, .carefrees-form-item-container.between .carefrees-form-item-body-input {
-  text-align: right;
-  justify-content: flex-end;
-}
-
-.carefrees-form-item-label-warp {
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-label {
-  box-sizing: border-box;
-  color: #000000e0;
-  justify-content: flex-start;
-  align-items: center;
-  min-height: 1.4rem;
-  font-size: 14px;
-  display: flex;
-  position: relative;
-}
-
-.carefrees-form-item-label.show-colon:after {
-  content: ":";
-  text-align: center;
-  box-sizing: border-box;
-  margin: 0;
-  margin-inline: 2px;
-  display: inline-block;
-}
-
-.carefrees-form-item-label.required:before {
-  content: "*";
-  color: red;
-  box-sizing: border-box;
-  margin-inline-end: 4px;
-  display: inline-block;
-}
-
-.carefrees-form-item-body {
-  box-sizing: border-box;
-  flex-direction: column;
-  flex: 1;
-  justify-content: flex-start;
-  align-items: flex-start;
-  gap: 4px;
-  display: flex;
-  position: relative;
-}
-
-.carefrees-form-item-body-input {
-  box-sizing: border-box;
-  flex-direction: row;
-  flex: 1;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.carefrees-form-item-body-input.input-bordered {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.carefrees-form-item-body-help {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.carefrees-form-item-body-error {
-  color: red;
-  box-sizing: border-box;
-  z-index: 10;
-  pointer-events: none;
-  flex-direction: row;
-  justify-content: start;
-  width: 100%;
-  padding-top: 2px;
-  font-size: 12px;
-  display: flex;
-  position: absolute;
-  inset: auto 0 -16px;
-}
-
-.carefrees-form-item-body-error.right-bottom {
-  justify-content: flex-end;
-  inset: auto 0 -16px;
-}
-
-.carefrees-form-item-body-error.top-left {
-  justify-content: start;
-  inset: -16px 0 auto;
-}
-
-.carefrees-form-item-body-error.top-right {
-  justify-content: flex-end;
-  inset: -16px 0 auto;
-}
-
-.carefrees-form-item-extra {
-  box-sizing: border-box;
-}
-

package/lib/styles/index.css

@@ -1,199 +0,0 @@
-.carefrees-form {
-  box-sizing: border-box;
-  background-color: #fff;
-  font-size: 14px;
-}
-
-.carefrees-form-layout {
-  box-sizing: border-box;
-  border-radius: 4px;
-  width: 100%;
-  padding-bottom: 8px;
-  position: relative;
-}
-
-.carefrees-form-layout.all-colspan {
-  grid-column: 1 / -1;
-}
-
-.carefrees-form-layout.bordered {
-  border: 1px solid #e0e0e0;
-}
-
-.carefrees-form-layout.bordered .carefrees-form-layout-header {
-  padding-inline: 8px;
-}
-
-.carefrees-form-layout-header {
-  padding-top: 5px;
-  padding-bottom: 5px;
-  box-sizing: border-box;
-  border-bottom: 1px solid #e0e0e0;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  margin-block-end: 4px;
-  padding-inline: 2px;
-  display: flex;
-}
-
-.carefrees-form-layout-header-title {
-  color: #1d2129;
-  box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.carefrees-form-layout-header-extra {
-  color: #1d2129;
-  box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.carefrees-form-layout-body {
-  box-sizing: border-box;
-  grid-template-columns: repeat(1, auto);
-  gap: 2px;
-  width: 100%;
-  padding-left: 2px;
-  padding-right: 2px;
-  display: grid;
-}
-
-.carefrees-form-item {
-  box-sizing: border-box;
-  color: #000000e0;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: 8px;
-  font-size: 14px;
-  display: flex;
-}
-
-.carefrees-form-item-container {
-  box-sizing: border-box;
-  flex-direction: column;
-  flex: 1;
-  gap: 4px;
-  height: 100%;
-  display: flex;
-}
-
-.carefrees-form-item-container.left {
-  flex-direction: row;
-  gap: 8px;
-}
-
-.carefrees-form-item-container.left .carefrees-form-item-label-warp {
-  text-align: right;
-}
-
-.carefrees-form-item-container.between {
-  text-align: left;
-  flex-direction: row;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.carefrees-form-item-container.between .carefrees-form-item-body, .carefrees-form-item-container.between .carefrees-form-item-body-input {
-  text-align: right;
-  justify-content: flex-end;
-}
-
-.carefrees-form-item-label-warp {
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-label {
-  box-sizing: border-box;
-  color: #000000e0;
-  justify-content: flex-start;
-  align-items: center;
-  min-height: 1.4rem;
-  font-size: 14px;
-  display: flex;
-  position: relative;
-}
-
-.carefrees-form-item-label.show-colon:after {
-  content: ":";
-  text-align: center;
-  box-sizing: border-box;
-  margin: 0;
-  margin-inline: 2px;
-  display: inline-block;
-}
-
-.carefrees-form-item-label.required:before {
-  content: "*";
-  color: red;
-  box-sizing: border-box;
-  margin-inline-end: 4px;
-  display: inline-block;
-}
-
-.carefrees-form-item-body {
-  box-sizing: border-box;
-  flex-direction: column;
-  flex: 1;
-  justify-content: flex-start;
-  align-items: flex-start;
-  gap: 4px;
-  display: flex;
-  position: relative;
-}
-
-.carefrees-form-item-body-input {
-  box-sizing: border-box;
-  flex-direction: row;
-  flex: 1;
-  justify-content: flex-start;
-  align-items: center;
-  width: 100%;
-  display: flex;
-}
-
-.carefrees-form-item-body-input.input-bordered {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.carefrees-form-item-body-help {
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.carefrees-form-item-body-error {
-  color: red;
-  box-sizing: border-box;
-  z-index: 10;
-  pointer-events: none;
-  flex-direction: row;
-  justify-content: start;
-  width: 100%;
-  padding-top: 2px;
-  font-size: 12px;
-  display: flex;
-  position: absolute;
-  inset: auto 0 -16px;
-}
-
-.carefrees-form-item-body-error.right-bottom {
-  justify-content: flex-end;
-  inset: auto 0 -16px;
-}
-
-.carefrees-form-item-body-error.top-left {
-  justify-content: start;
-  inset: -16px 0 auto;
-}
-
-.carefrees-form-item-body-error.top-right {
-  justify-content: flex-end;
-  inset: -16px 0 auto;
-}
-
-.carefrees-form-item-extra {
-  box-sizing: border-box;
-}
-

package/src/styles/index.css

@@ -1,207 +0,0 @@
-/* 表单 */
-.carefrees-form {
-  box-sizing: border-box;
-  background-color: #fff;
-  font-size: 14px;
-}
-
-/* 布局 */
-.carefrees-form-layout {
-  width: 100%;
-  box-sizing: border-box;
-  border-radius: 4px;
-  padding-bottom: 8px;
-  position: relative;
-}
-
-.carefrees-form-layout.all-colspan {
-  grid-column: 1 / -1;
-}
-
-.carefrees-form-layout.bordered {
-  border: 1px solid #e0e0e0;
-}
-.carefrees-form-layout.bordered .carefrees-form-layout-header {
-  padding-inline-start: 8px;
-  padding-inline-end: 8px;
-}
-
-.carefrees-form-layout-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  flex-direction: row;
-  border-bottom: 1px solid #e0e0e0;
-  padding-top: 5px;
-  padding-bottom: 5px;
-  margin-block-end: 4px;
-  padding-inline-start: 2px;
-  padding-inline-end: 2px;
-  box-sizing: border-box;
-}
-
-.carefrees-form-layout-header-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: #1d2129;
-  box-sizing: border-box;
-}
-.carefrees-form-layout-header-extra {
-  font-size: 14px;
-  font-weight: 500;
-  color: #1d2129;
-  box-sizing: border-box;
-}
-
-.carefrees-form-layout-body {
-  width: 100%;
-  display: grid;
-  grid-template-columns: repeat(1, auto);
-  gap: 2px;
-  padding-left: 2px;
-  padding-right: 2px;
-  box-sizing: border-box;
-}
-
-/* 表单项 */
-.carefrees-form-item {
-  font-size: 14px;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-  padding: 8px;
-  box-sizing: border-box;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.carefrees-form-item-container {
-  flex: 1;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  box-sizing: border-box;
-}
-.carefrees-form-item-container.left {
-  flex-direction: row;
-  gap: 8px;
-}
-.carefrees-form-item-container.left .carefrees-form-item-label-warp {
-  text-align: right;
-}
-.carefrees-form-item-container.between {
-  gap: 8px;
-  text-align: left;
-  flex-direction: row;
-  justify-content: space-between;
-}
-
-.carefrees-form-item-container.between .carefrees-form-item-body,
-.carefrees-form-item-container.between .carefrees-form-item-body-input {
-  justify-content: flex-end;
-  text-align: right;
-}
-
-.carefrees-form-item-label-warp {
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-label {
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  position: relative;
-  font-size: 14px;
-  color: rgba(0, 0, 0, 0.88);
-  min-height: 1.4rem;
-}
-
-.carefrees-form-item-label.show-colon::after {
-  content: ':';
-  display: inline-block;
-  text-align: center;
-  margin: 0;
-  margin-inline-end: 2px;
-  margin-inline-start: 2px;
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-label.required::before {
-  content: '*';
-  color: red;
-  display: inline-block;
-  margin-inline-end: 4px;
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-body {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: flex-start;
-  box-sizing: border-box;
-  gap: 4px;
-  flex: 1;
-}
-.carefrees-form-item-body-input {
-  box-sizing: border-box;
-  width: 100%;
-  flex: 1;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  flex-direction: row;
-}
-
-.carefrees-form-item-body-input.input-bordered {
-  border-bottom: 1px solid #e0e0e0;
-}
-
-.carefrees-form-item-body-help {
-  width: 100%;
-  box-sizing: border-box;
-}
-
-.carefrees-form-item-body-error {
-  position: absolute;
-  width: 100%;
-  color: red;
-  top: auto;
-  left: 0;
-  right: 0;
-  bottom: -16px;
-  padding-top: 2px;
-  font-size: 12px;
-  box-sizing: border-box;
-  z-index: 10;
-  pointer-events: none;
-  display: flex;
-  flex-direction: row;
-  justify-content: start;
-}
-.carefrees-form-item-body-error.right-bottom {
-  justify-content: flex-end;
-  top: auto;
-  left: 0;
-  right: 0;
-  bottom: -16px;
-}
-.carefrees-form-item-body-error.top-left {
-  justify-content: start;
-  top: -16px;
-  left: 0px;
-  right: 0px;
-  bottom: auto;
-}
-.carefrees-form-item-body-error.top-right {
-  justify-content: flex-end;
-  top: -16px;
-  left: 0px;
-  right: 0px;
-  bottom: auto;
-}
-.carefrees-form-item-extra {
-  box-sizing: border-box;
-}