lu-lowcode-package-form 0.9.16 → 0.9.18

package/dist/style.css

@@ -1,4 +1,4 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fabsolute{position:absolute}.frelative{position:relative}.fleft-0{left:0}.ftop-0{top:0}.fz-10{z-index:10}.fmt-2{margin-top:.5rem}.fflex{display:flex}.finline-flex{display:inline-flex}.fhidden{display:none}.fh-11{height:2.75rem}.fh-12{height:3rem}.fh-24{height:6rem}.fh-8{height:2rem}.fh-full{height:100%}.fmax-h-full{max-height:100%}.fmin-h-20{min-height:5rem}.fmin-h-5{min-height:1.25rem}.fw-16{width:4rem}.fw-24{width:6rem}.fw-\[960px\]{width:960px}.fw-full{width:100%}.fmin-w-36{min-width:9rem}.fmin-w-full{min-width:100%}.fmax-w-full{max-width:100%}.fflex-1{flex:1 1 0%}.fcursor-pointer{cursor:pointer}.fflex-col{flex-direction:column}.fflex-wrap{flex-wrap:wrap}.fitems-center{align-items:center}.fitems-stretch{align-items:stretch}.fjustify-center{justify-content:center}.fjustify-between{justify-content:space-between}.fgap-1{gap:.25rem}.fgap-2{gap:.5rem}.fgap-3{gap:.75rem}.foverflow-hidden{overflow:hidden}.foverflow-x-auto{overflow-x:auto}.frounded{border-radius:.25rem}.fborder{border-width:1px}.fborder-b{border-bottom-width:1px}.fborder-l-4{border-left-width:4px}.fborder-dashed{border-style:dashed}.fborder-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.fborder-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.fborder-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.fbg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.fbg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.fbg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.fbg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.fbg-transparent{background-color:transparent}.fbg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fbg-opacity-50{--tw-bg-opacity: .5}.fobject-contain{object-fit:contain}.fp-2{padding:.5rem}.fp-4{padding:1rem}.fp-6{padding:1.5rem}.fpx-2{padding-left:.5rem;padding-right:.5rem}.fpb-10{padding-bottom:2.5rem}.fpl-2{padding-left:.5rem}.ftext-lg{font-size:1.125rem;line-height:1.75rem}.ftext-sm{font-size:.875rem;line-height:1.25rem}.ftext-xs{font-size:.75rem;line-height:1rem}.ffont-medium{font-weight:500}.ffont-semibold{font-weight:600}.ftext-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.ftext-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:fborder-\[\#3e92f8\]:hover{--tw-border-opacity: 1;border-color:rgb(62 146 248 / var(--tw-border-opacity))}.hover\:ftext-\[\#3e92f8\]:hover{--tw-text-opacity: 1;color:rgb(62 146 248 / var(--tw-text-opacity))}.hover\:ftext-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.fgroup:hover .group-hover\:fflex{display:flex}.fgroup:hover .group-hover\:fbg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}/*!
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fabsolute{position:absolute}.frelative{position:relative}.fleft-0{left:0}.ftop-0{top:0}.fz-10{z-index:10}.fmt-2{margin-top:.5rem}.fflex{display:flex}.finline-flex{display:inline-flex}.fhidden{display:none}.fh-11{height:2.75rem}.fh-12{height:3rem}.fh-24{height:6rem}.fh-8{height:2rem}.fh-full{height:100%}.fmax-h-full{max-height:100%}.fmin-h-20{min-height:5rem}.fmin-h-5{min-height:1.25rem}.fw-16{width:4rem}.fw-24{width:6rem}.fw-\[960px\]{width:960px}.fw-full{width:100%}.fmin-w-36{min-width:9rem}.fmin-w-full{min-width:100%}.fmax-w-full{max-width:100%}.fflex-1{flex:1 1 0%}.fcursor-pointer{cursor:pointer}.fflex-col{flex-direction:column}.fflex-wrap{flex-wrap:wrap}.fitems-center{align-items:center}.fitems-stretch{align-items:stretch}.fjustify-center{justify-content:center}.fjustify-between{justify-content:space-between}.fgap-1{gap:.25rem}.fgap-2{gap:.5rem}.fgap-3{gap:.75rem}.foverflow-hidden{overflow:hidden}.foverflow-x-auto{overflow-x:auto}.frounded{border-radius:.25rem}.fborder{border-width:1px}.fborder-b{border-bottom-width:1px}.fborder-l-4{border-left-width:4px}.fborder-dashed{border-style:dashed}.fborder-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.fborder-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.fborder-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.fbg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.fbg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.fbg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.fbg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.fbg-transparent{background-color:transparent}.fbg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.fbg-opacity-50{--tw-bg-opacity: .5}.fobject-contain{object-fit:contain}.fp-2{padding:.5rem}.fp-4{padding:1rem}.fp-6{padding:1.5rem}.fpx-2{padding-left:.5rem;padding-right:.5rem}.fpb-10{padding-bottom:2.5rem}.fpl-2{padding-left:.5rem}.ftext-lg{font-size:1.125rem;line-height:1.75rem}.ftext-sm{font-size:.875rem;line-height:1.25rem}.ftext-xs{font-size:.75rem;line-height:1rem}.ffont-medium{font-weight:500}.ffont-semibold{font-weight:600}.ftext-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.ftext-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity))}.ftext-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:fborder-\[\#3e92f8\]:hover{--tw-border-opacity: 1;border-color:rgb(62 146 248 / var(--tw-border-opacity))}.hover\:ftext-\[\#3e92f8\]:hover{--tw-text-opacity: 1;color:rgb(62 146 248 / var(--tw-text-opacity))}.hover\:ftext-gray-200:hover{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity))}.fgroup:hover .group-hover\:fflex{display:flex}.fgroup:hover .group-hover\:fbg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lu-lowcode-package-form",
-  "version": "0.9.16",
+  "version": "0.9.18",
   "dependencies": {
     "@ant-design/icons": "^4.8.1",
     "@testing-library/jest-dom": "^5.17.0",

package/src/App.jsx

@@ -82,7 +82,7 @@ function App() {
 
 
         <FormContainerWrapper cols={cols} className="" ref={formRef} >
-          <Layout.FormRow _componentName="Layout.FormRow" layout={'1'}>
+          <Layout.FormRow layout={'1'}>
             <Field.Table label="子表格" __id="table" >
               <Field.Input label="商品价格" __id="product_price1" />
               <Field.Input label="商品数量" __id="product_num1" />
@@ -145,6 +145,9 @@ function App() {
                     "content": "当前表单.标签.小计"
                   }
                 },
+                {
+                  "insert": ".reduce((acc, curr) => parseFloat(acc||0) + parseFloat(curr||0), 0).toFixed(2)"
+                },
                 {
                   "insert": "\n"
                 }
@@ -155,7 +158,7 @@ function App() {
               ]
             }}
           />
-          <Field.SearchSelect  label="搜组件" option_search="username"  option_label="username" setValue={()=>{}} option_value="id"></Field.SearchSelect>
+          <Field.SearchSelect label="搜组件" option_search="username" option_label="username" setValue={() => { }} option_value="id"></Field.SearchSelect>
           <Field.Input label="商品价格" __id="product_price" />
           <Field.Input label="商品数量" __id="product_num" />
           <Field.Input label="商品总价" __id="product_sum"
@@ -211,25 +214,25 @@ function App() {
           <Field.DatePicker label="日期时间" prompt="" datetype="datetime" value={'2022-10-22'} __id="datetime3" />
           <Field.DatePicker label="年" prompt="" datetype="year" value={'2022-10-22'} __id="datetime4" />
           <Field.Input label="角色名称" __id="name" />
-          <Layout.FormRow _componentName="Layout.FormRow" layout={'1,1,1'}>
+          <Layout.FormRow layout={'1,1,1'}>
             <Field.Input label="角色名称布局" __id="name1" />
             <Field.Input label="角色名称布局2" __id="name2" />
             <Field.Input label="角色名称布局3" __id="name3" />
           </Layout.FormRow>
           <Field.CheckboxTree label="角色权限" __id="permissions" addRoot={false} treeData={treeData} />
-          <Layout.FormGroupTitle _componentName="Layout.FormGroupTitle" title={"关联信息"} />
+          <Layout.FormGroupTitle title={"关联信息"} />
           <Field.WithSingleSelect label="测试关联单选" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} __id="remark11" />
           <Field.WithMultipleSelect label="测试关联多选" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} __id="remark12" />
-          <Layout.FormRow _componentName="Layout.FormRow"> <Field.TextArea label="备注" __id="remark" /></Layout.FormRow>
+          <Layout.FormRow > <Field.TextArea label="备注" __id="remark" /></Layout.FormRow>
 
-          <Layout.FormRow _componentName="Layout.FormRow" layout={'1'}>
-            <Field.RadioGroup _componentName="Field.RadioGroup" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="单选框" __id="radio" ></Field.RadioGroup>
+          <Layout.FormRow layout={'1'}>
+            <Field.RadioGroup options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="单选框" __id="radio" ></Field.RadioGroup>
           </Layout.FormRow>
-          <Layout.FormRow _componentName="Layout.FormRow" layout={'1'}>
-            <Field.CheckboxGroup _componentName="Field.CheckboxGroup" options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="多选框" __id="CheckboxGroup" ></Field.CheckboxGroup>
+          <Layout.FormRow layout={'1'}>
+            <Field.CheckboxGroup options={[{ label: '选项1', value: '1' }, { label: '选项2', value: '2' }]} label="多选框" __id="CheckboxGroup" ></Field.CheckboxGroup>
           </Layout.FormRow>
-          <Field.UploadFile _componentName="Field.UploadFile" label="上传文件" __id="UploadFile" ></Field.UploadFile>
-          <Field.UploadImage _componentName="Field.UploadImage" label="上传图片" __id="UploadImage" ></Field.UploadImage>
+          <Field.UploadFile label="上传文件" __id="UploadFile" ></Field.UploadFile>
+          <Field.UploadImage label="上传图片" __id="UploadImage" ></Field.UploadImage>
 
         </FormContainerWrapper>
         <div class="fgroup">11111

package/src/components/field/base.jsx

@@ -1,3 +1,14 @@
+import { useEffect, useState } from "react";
+
+const FieldLable = ({value,onChange})=>{
+    const [text, setText] = useState("");
+    useEffect(() => {
+        setText(value);
+        console.log("value changed", value)
+    }, [value]);
+    return <>{text}</>
+}
+
 export const BaseWrapper = function BaseWrapper({
     label,
     children,
@@ -10,9 +21,10 @@ export const BaseWrapper = function BaseWrapper({
     if (!addWrapper) return children;
     const formWarpper =  (
         <div className="frelative">
-            {label && <div className='fh-8 ftext-sm fflex fjustify-between fitems-center'>{label}</div>}
-            <div className="fw-full fflex fitems-stretch">
-                {children}
+            {label && <div className='fh-8 ftext-gray-500 ftext-sm fflex fjustify-between fitems-center'>{label}</div>}
+            <div className="fw-full fflex fitems-stretch ftext-gray-900">
+               {/* <FieldLable value={otherProps?.value} /> */}
+               {children}
             </div>
             {!subTable && <div className="ftext-xs ftext-gray-500 fmin-h-5 fflex fitems-center">{prompt}</div>}
         </div>
@@ -22,7 +34,8 @@ export const BaseWrapper = function BaseWrapper({
         <div className="frelative fw-full">
             {label && subTableIndex === 0 && <div className='fh-12 ffont-semibold fbg-gray-100 ftext-sm fflex fjustify-between fitems-center fpx-2 fborder-b'>{label}</div>}
             <div className="fw-full fflex fitems-stretch fp-2 ">
-                {children}
+               {/* <FieldLable value={otherProps?.value} /> */}
+               {children}
             </div>
         </div>
     )

package/src/components/field/checkbox/index.jsx

@@ -11,24 +11,10 @@ export const Checkbox = (props) => {
   );
 }
 
-export const CheckboxGroup = ({value, onChange,...props}) => {
-  const [nValue, setNValue] = useState([])
-
-  useEffect(() => {
-    if (typeof value === "string") {
-      try {
-        value = JSON.parse(value)
-        onChange(value)
-      } catch (error) {
-
-      }
-    }
-
-    setNValue(value)
-  }, [value])
+export const CheckboxGroup = (props) => {
   return (
     <BaseWrapper {...props}>
-      <OriginalCheckbox.Group {...props} value={nValue} />
+      <OriginalCheckbox.Group {...props} />
     </BaseWrapper>
   );
 }

package/src/components/field/input/index.jsx

@@ -1,4 +1,5 @@
 import { Input as OriginalInput } from 'antd';
+import { InputNumber } from 'antd';
 import { BaseWrapper } from "../base.jsx"
 import React from 'react'; 
 const {
@@ -7,6 +8,8 @@ const {
   Search: OriginalSearch,
 } = OriginalInput;
 
+
+
 const Input = (props) =>{
   return (
     <BaseWrapper {...props}>
@@ -48,4 +51,11 @@ const Search = (props) =>{
   );
 }
 
-export  {Input,TextArea,Password,Search,CodeMachine};
+const Number = (props) =>{
+  return (
+    <BaseWrapper {...props}>
+      <InputNumber {...props} style={{width: '100%'}} />
+    </BaseWrapper>
+  );
+}
+export {Input,TextArea,Password,Search,CodeMachine,Number};

package/src/components/field/table/index.jsx

@@ -242,7 +242,7 @@ const Table = ({ children, value, onChange, ...props }) => {
                         {React.Children.map(children, (child, childIndex) => {
                             const col_id = child?.props?.__id || childIndex;
                             if (row?.[col_id] === undefined) row[col_id] = "";
-                            return <TableCol width={200} key={`row_${rowIndex}_col_${childIndex}`}>
+                            return <TableCol width={100} key={`row_${rowIndex}_col_${childIndex}`}>
                                 {React.cloneElement(child, {
                                     key: `row_${rowIndex}_child_${childIndex}`,
                                     subTable: true,

package/src/components/field/upload/upload-file.jsx

@@ -49,8 +49,7 @@ const UploadFile = ({ value, maxCount, onChange, ...props }) => {
                 maxCount={maxCount}
                 onChange={handleChange}
                 fileList={fileList}>
-                <div className=" fmin-w-36 fgap-1 frounded fborder-gray-300 fborder hover:fborder-[#3e92f8] hover:ftext-[#3e92f8] fcursor-pointer fh-8 fflex fitems-center fbg-white fjustify-center "><UploadOutlined />点击上传文件</div>
-
+               { !props?.disabled &&  <div className=" fmin-w-36 fgap-1 frounded fborder-gray-300 fborder hover:fborder-[#3e92f8] hover:ftext-[#3e92f8] fcursor-pointer fh-8 fflex fitems-center fbg-white fjustify-center "><UploadOutlined />点击上传文件</div>}
             </OriginalUpload>
         </BaseWrapper>
     );

package/src/components/field/upload/upload-image.jsx

@@ -72,7 +72,6 @@ const UploadImage = ({ maxCount, value, onChange, ...props }) => {
 
         let handleFileList = []
 
-        console.log("fileMap.current", JSON.parse(JSON.stringify(fileMap.current)))
         for (let i = 0; i < newFileList.length; i++) {
             var file = newFileList[i];
             file.version = new Date().getTime()
@@ -88,8 +87,6 @@ const UploadImage = ({ maxCount, value, onChange, ...props }) => {
                 handleFileList.push(file)
             }
         }
-        console.log("newFileList", JSON.parse(JSON.stringify(newFileList)))
-        console.log("handleFileList", JSON.parse(JSON.stringify(handleFileList)))
         fileMap.current = handleFileList
         setFileList(handleFileList);
         onChange(handleFileList.map((file) => {
@@ -152,7 +149,7 @@ const UploadImage = ({ maxCount, value, onChange, ...props }) => {
                     onPreview={handlePreview}
                     onChange={handleChange}
                 >
-                    {fileList.length >= maxCount ? null : uploadButton}
+                    {fileList.length >= maxCount || props?.disabled ? null : uploadButton}
                 </OriginalUpload>
             </div>
 

package/src/components/form-container/index.jsx

@@ -16,8 +16,8 @@ function batchElements(elements, groupSize) {
 
     for (const element of elements) {
         const { _componentName } = element?.props || {};
-
-        if (_componentName && _componentName.startsWith('Layout.')) {
+        const componentName = element.type?.displayName || _componentName;
+        if (componentName && componentName.startsWith('Layout.')) {
             if (tempArray.length > 0) {
                 fillWithReactElement(groupSize, tempArray);
                 groupedElements.push(tempArray);
@@ -58,16 +58,32 @@ const FormContainer = forwardRef(({ cols = 1, children }, ref) => {
     }, [children, cols]);
 
     const initializeDependencyMap = () => {
-        console.log("initializeDependencyMap**********")
+        const fields = [];
+        function traverse(currentNode) {
+            var componentName = currentNode.type?.displayName || currentNode.props?._componentName;
+            const { props } = currentNode;
+            if (componentName && componentName.startsWith('Field.')) {
+                fields.push(currentNode);
+            }
+            
+            if (props?.children){
+               let children = React.Children.toArray(props?.children)
+               children.forEach(child => traverse(child));
+            } 
+        }
         dependencyMap.current = new Map();
         const childrenArray = React.Children.toArray(children);
-
-        childrenArray.forEach(child => {
-            const { componentId, __id, ...props } = child.props;
-            console.log("child.props**********", child.props)
+        for (let index = 0; index < childrenArray.length; index++) {
+            const element = childrenArray[index];
+            traverse(element)
+        }
+        fields.forEach(child => {
+            const { componentId, __id, ...props } = child?.props;
             const identifier = componentId || __id;
             dependencyMap.current.set(identifier, {
-                children: childrenArray.filter(item => item.props.withId === identifier || item.props.withIds?.includes(identifier)),
+                children: childrenArray.filter(item => item.props.withId === identifier || item.props.withIds?.some(item=>{
+                    return identifier == item || item.startsWith(identifier + '.')
+                })),
                 show: true,
             });
         });
@@ -77,12 +93,10 @@ const FormContainer = forwardRef(({ cols = 1, children }, ref) => {
 
     // 初始化字段的级联关系
     const initializeFieldVisibility = (reloadFields = false) => {
-        console.log("initializeFieldVisibility**********")
         const fieldValues = form.getFieldsValue();
         for (let key of dependencyMap.current.keys()) {
             handleFieldsWith(key, fieldValues);
         }
-
         if (reloadFields) setFormContent(renderChildren());
     };
 
@@ -161,14 +175,15 @@ const FormContainer = forwardRef(({ cols = 1, children }, ref) => {
                 if (typeof insert !== "string") {
                     if (insert?.span && attributes && attributes.tagKey && attributes.id) {
                         result = getParamValue(attributes.tagKey, attributes.id, fieldValues, withDatas)
-                        if (result) result = `"${result}"`
+                        if (Array.isArray(result)) result = JSON.stringify(result)
+                        else if (result) result = `"${result}"`
                     }
                 }
                 else result = insert
                 return result
             })
         }
-
+        console.log("formula",formula)
         if (formula && formula.length > 0) {
             const childIdentifier = child.props.componentId || child.props.__id;
             form.setFieldValue(childIdentifier, evalFormula(formula))
@@ -178,7 +193,18 @@ const FormContainer = forwardRef(({ cols = 1, children }, ref) => {
     const getParamValue = (tagKey, id, fieldValues, withDatas) => {
         let result = "";
         // 从当前表单字段取值
-        if (tagKey == "fieldsValue") result = fieldValues?.[id] || ""
+        if (tagKey == "fieldsValue") {
+            if (id.indexOf(".") >= 0) {
+                const [parentKey, childKey] = id.split(".");
+                const parentValue = fieldValues?.[parentKey] || [];
+                if (Array.isArray(parentValue)) 
+                    result = parentValue.map(item => {
+                        return item?.[childKey] || ""
+                    })
+                else result = parentValue?.[childKey] || ""
+            }
+            else result = fieldValues?.[id] || ""
+        }
         // 从依赖数据取值
         else {
             let withData = withDatas.find(item => item.id === tagKey)
@@ -218,8 +244,9 @@ const FormContainer = forwardRef(({ cols = 1, children }, ref) => {
             <Row key={`row-${index}`} gutter={[24, 24]}>
                 {group.map((child, index) => {
                     const { componentId, __id, _componentName, ...props } = child.props;
+                    const componentName = child.type?.displayName || _componentName;
                     const identifier = componentId || __id;
-                    const isLayoutComponent = _componentName && _componentName.startsWith('Layout.');
+                    const isLayoutComponent = componentName && componentName.startsWith('Layout.');
 
                     return (
                         <Col key={identifier || `col-${index}`} span={isLayoutComponent ? 24 : 24 / group.length} style={{ marginBottom: 0 }}>

package/src/components/index.jsx

@@ -1,4 +1,4 @@
-import { Input, TextArea, Password, Search ,CodeMachine} from './field/input/index.jsx'
+import { Input, TextArea, Password, Search ,CodeMachine, Number} from './field/input/index.jsx'
 import '../App.css';
 import { TreeSelect, Select, WithSingleSelect,WithMultipleSelect, SingleSelect, MultipleSelect, SearchSelect } from './field/select/index.jsx'
 import Custom from './field/custom/index.jsx'
@@ -14,6 +14,7 @@ const Field = {
     TextArea,
     Password,
     Search,
+    Number,
     TreeSelect,
     Select,
     SearchSelect,
@@ -33,11 +34,18 @@ const Field = {
     Table,
     Custom,
 }
+Object.keys(Field).forEach(key => {
+    Field[key].displayName = `Field.${key}`;
+});
+
 const Layout = {
     FormRow: LayoutFormRow,
     FormGroupTitle: LayoutFormGroupTitle,
     TableCol
 }
+Object.keys(Layout).forEach(key => {
+    Layout[key].displayName = `Layout.${key}`;
+});
 export { FormContainer, Field ,FormContainerWrapper,Layout }
 import { default as OptionSetter} from './setter/optionsetter'
 const Setter = {

package/src/utils/formula.js

@@ -1,3 +1,4 @@
+// 不安全的eval函数，有时间的话需要重新编写公式编译器
 const evalFormula =(formula) => {
     let result = "";
     try {
@@ -8,4 +9,4 @@ const evalFormula =(formula) => {
     return result.toString();
 };
 
-export {evalFormula};
+export {evalFormula};