shineout 3.3.0-beta.2 → 3.3.0-beta.4

package/dist/shineout.js

@@ -6439,16 +6439,16 @@ __webpack_require__.d(color_namespaceObject, {
 });
 
 // NAMESPACE OBJECT: ./src/utils/flat.ts
-var flat_namespaceObject = {};
-__webpack_require__.r(flat_namespaceObject);
-__webpack_require__.d(flat_namespaceObject, {
-  flatten: function() { return flatten; },
+var utils_flat_namespaceObject = {};
+__webpack_require__.r(utils_flat_namespaceObject);
+__webpack_require__.d(utils_flat_namespaceObject, {
+  flatten: function() { return flat_flatten; },
   flattenArray: function() { return flat_flattenArray; },
   getSthByName: function() { return getSthByName; },
-  insertPoint: function() { return flat_insertPoint; },
-  insertValue: function() { return insertValue; },
+  insertPoint: function() { return utils_flat_insertPoint; },
+  insertValue: function() { return flat_insertValue; },
   removeSthByName: function() { return removeSthByName; },
-  spliceValue: function() { return spliceValue; },
+  spliceValue: function() { return flat_spliceValue; },
   unflatten: function() { return unflatten; }
 });
 
@@ -6555,7 +6555,7 @@ __webpack_require__.d(src_utils_namespaceObject, {
   detect: function() { return detect_namespaceObject; },
   doc: function() { return dom_document_namespaceObject; },
   element: function() { return dom_element_namespaceObject; },
-  flat: function() { return flat_namespaceObject; },
+  flat: function() { return utils_flat_namespaceObject; },
   func: function() { return utils_func_namespaceObject; },
   hash: function() { return hash_createHash; },
   is: function() { return utils_is_namespaceObject; },
@@ -11960,7 +11960,7 @@ var handleStyle = function handleStyle(style) {
 };
 /* harmony default export */ var jss_style_handleStyle = (handleStyle);
 ;// CONCATENATED MODULE: ../shineout-style/src/version.ts
-/* harmony default export */ var version = ('3.3.0-beta.2');
+/* harmony default export */ var version = ('3.3.0-beta.4');
 ;// CONCATENATED MODULE: ../shineout-style/src/jss-style/index.tsx
 
 
@@ -12888,12 +12888,15 @@ var buttonTokens = {
   buttonDangerTextSplitFocusBackgroundColor: 'Neutral-border-1',
   buttonRoundBorderRadius: 'Radius-full',
   buttonCircleBorderRadius: 'Radius-circle',
+  buttonCircleSize: 'Size-16',
   buttonSquareBorderRadius: 'Radius-default',
   buttonSmallRoundBorderRadius: 'Radius-full',
   buttonSmallCircleBorderRadius: 'Radius-circle',
+  buttonSmallCircleSize: 'Size-12',
   buttonSmallSquareBorderRadius: 'Radius-default',
   buttonLargeRoundBorderRadius: 'Radius-full',
   buttonLargeCircleBorderRadius: 'Radius-circle',
+  buttonLargeCircleSize: 'Size-20',
   buttonLargeSquareBorderRadius: 'Radius-default',
   buttonNearlyMargin: 'Spacing-8',
   buttonSpinMargin: 'Spacing-4'
@@ -12911,6 +12914,7 @@ var buttonTokens = {
 var cardTokens = {
   cardBackgroundColor: 'Neutral-fill-1',
   cardShadow: 'Shadow-2',
+  cardHoverShadow: 'Shadow-2',
   cardBorderWidth: 'Border-1',
   cardBorderColor: 'Neutral-border-1',
   cardBorderRadius: 'Radius-default',
@@ -13135,26 +13139,27 @@ var collapseTokens = {
   collapseExtraMargin: 'Spacing-24',
   collapseWrapperBorderSize: 'Border-1',
   collapseWrapperBorderRadius: 'Radius-default',
+  collapseWrapperBorderColor: 'Neutral-border-1',
   collapseWrapperGap: 'Size-12',
   collapseWrapperPaddingX: 'Spacing-16',
   collapseWrapperPaddingY: 'Spacing-12',
+  collapseWrapperColor: 'Neutral-border-1',
+  collapseWrapperBackgroundColor: 'Neutral-fill-1',
+  collapseHeaderBorderColor: 'Neutral-border-1',
   collapseHeaderLineHeight: 'Size-11',
   collapseHeaderGap: 'Spacing-8',
   collapseHeaderFontSize: 'Font-14',
-  collapseHeaderWeight: '400',
+  collapseHeaderFontWeight: 'Weight-regular',
   collapseHeaderIconWidth: 'Size-7',
   collapseHeaderExtraGap: 'Size-5',
+  collapseHeaderColor: 'Neutral-text-5',
   collapseContentLineHeight: 'Size-11',
   collapseContentGap: 'Spacing-24',
   collapseContentPaddingY: 'Spacing-12',
-  collapseContentFontSize: 'Font-14',
-  collapseContentWeight: '400',
   collapseContentPaddingLeft: 'Spacing-38',
   collapseContentPaddingRight: 'Spacing-16',
-  collapseWrapperBorderColor: 'Neutral-border-1',
-  collapseWrapperColor: 'Neutral-border-1',
-  collapseWrapperBackgroundColor: 'Neutral-fill-1',
-  collapseHeaderColor: 'Neutral-text-5',
+  collapseContentFontSize: 'Font-14',
+  collapseContentFontWeight: 'Weight-regular',
   collapseContentColor: 'Neutral-text-4',
   collapseContentBackgroundColor: 'Neutral-fill-2',
   collapseDisabledColor: 'Neutral-text-2'
@@ -13755,8 +13760,11 @@ var modalTokens = {
 
 var paginationTokens = {
   paginationFontSize: 'Font-14',
+  paginationFontWeight: 'Weight-regular',
   paginationSmallFontSize: 'Font-12',
+  paginationSmallFontWeight: 'Weight-regular',
   paginationLargeFontSize: 'Font-16',
+  paginationLargeFontWeight: 'Weight-regular',
   paginationFontColor: 'Neutral-text-5',
   paginationNearlyMargin: 'Spacing-8'
 };
@@ -13781,8 +13789,8 @@ var popoverTokens = {
   popoverBackgroundColor: 'Neutral-fill-1',
   popoverShadow: 'Shadow-2',
   popoverBorderColor: 'Neutral-border-1',
-  popoverSuccessBackgroundColor: '#edf9e8',
-  popoverSuccessBorderColor: 'rgba(82, 196, 26, 0.1)',
+  popoverSuccessBackgroundColor: 'Success-1',
+  popoverSuccessBorderColor: 'Success-2',
   popoverWarningBackgroundColor: 'Warning-1',
   popoverWarningBorderColor: 'Warning-2',
   popoverInfoBackgroundColor: 'Brand-1',
@@ -15461,8 +15469,8 @@ var ButtonStyle = {
     fontSize: src.buttonSmallFontSize,
     padding: "".concat(src.buttonSmallPaddingY, " ").concat(src.buttonSmallPaddingX),
     '&$circle,&$square': {
-      width: 24,
-      height: 24
+      width: src.buttonSmallCircleSize,
+      height: src.buttonSmallCircleSize
     }
   },
   large: {
@@ -15471,8 +15479,8 @@ var ButtonStyle = {
     fontSize: src.buttonLargeFontSize,
     padding: "".concat(src.buttonLargePaddingY, " ").concat(src.buttonLargePaddingX),
     '&$circle,&$square': {
-      width: 40,
-      height: 40
+      width: src.buttonLargeCircleSize,
+      height: src.buttonLargeCircleSize
     }
   },
   default: objectSpread2_default()({}, button_button_button('Secondary', '')),
@@ -15527,14 +15535,14 @@ var ButtonStyle = {
     borderRadius: src.buttonRoundBorderRadius
   },
   circle: {
-    width: "32px",
-    height: "32px",
+    width: src.buttonCircleSize,
+    height: src.buttonCircleSize,
     padding: 0,
     borderRadius: src.buttonCircleBorderRadius
   },
   square: {
-    width: "32px",
-    height: "32px",
+    width: src.buttonCircleSize,
+    height: src.buttonCircleSize,
     padding: 0,
     borderRadius: src.buttonSquareBorderRadius,
     '& $spin': {
@@ -15732,7 +15740,7 @@ var cardStyle = {
   wrapper: {
     display: 'flex',
     flexDirection: 'column',
-    border: "1px solid ".concat(src.cardBorderColor),
+    border: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
     borderRadius: src.cardBorderRadius,
     fontSize: src.cardFontSize,
     lineHeight: src.lineHeightDynamic,
@@ -15746,7 +15754,7 @@ var cardStyle = {
   wrapperInAccordion: {
     border: 'none',
     '& + &': {
-      borderTop: "1px solid ".concat(src.cardBorderColor),
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
       borderTopLeftRadius: 0,
       borderTopRightRadius: 0
     }
@@ -15757,7 +15765,7 @@ var cardStyle = {
   wrapperHover: {
     transition: 'box-shadow .2s linear',
     '&:hover': {
-      boxShadow: src.cardShadow
+      boxShadow: src.cardHoverShadow
     }
   },
   wrapperResizable: {
@@ -15765,7 +15773,7 @@ var cardStyle = {
   },
   wrapperMoveable: {},
   accordion: {
-    border: "1px solid ".concat(src.cardBorderColor),
+    border: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBorderColor),
     borderRadius: src.cardBorderRadius
   },
   header: {
@@ -15818,7 +15826,7 @@ var cardStyle = {
   },
   body: {
     '$wrapperSplit>$header+&, $wrapperSplit>$header+$bodyCollapse>&': {
-      borderTop: "1px solid ".concat(src.cardBorderColor)
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardBodyBorderColor)
     },
     padding: "".concat(src.cardBodyPaddingY, " ").concat(src.cardBodyPaddingX),
     flex: 1,
@@ -15832,7 +15840,7 @@ var cardStyle = {
   bodyCollapse: {},
   footer: {
     '$wrapperSplit>$body+&, $wrapperSplit>$bodyCollapse+&': {
-      borderTop: "1px solid ".concat(src.cardBorderColor)
+      borderTop: "".concat(src.cardBorderWidth, " solid ").concat(src.cardFooterBorderColor)
     },
     padding: "".concat(src.cardFooterPaddingY, " ").concat(src.cardFooterPaddingX),
     boxSizing: 'border-box'
@@ -17043,7 +17051,7 @@ var collapseStyle = {
 var collapseItemStyle = {
   wrapper: {
     boxSizing: 'border-box',
-    borderBottom: "".concat(src.collapseWrapperBorderSize, " solid ").concat(src.collapseWrapperBorderColor),
+    borderBottom: "".concat(src.collapseWrapperBorderSize, " solid ").concat(src.collapseHeaderBorderColor),
     '&:last-child': {
       borderBottom: 0
     },
@@ -17064,7 +17072,7 @@ var collapseItemStyle = {
     overflow: 'hidden',
     gap: src.collapseHeaderGap,
     fontSize: src.collapseHeaderFontSize,
-    fontWeight: src.collapseHeaderWeight,
+    fontWeight: src.collapseHeaderFontWeight,
     color: src.collapseHeaderColor,
     padding: "".concat(src.collapseWrapperPaddingY, " ").concat(src.collapseWrapperPaddingX)
   },
@@ -17139,7 +17147,7 @@ var collapseItemStyle = {
   },
   contentMain: {
     color: src.collapseContentColor,
-    fontWeight: src.collapseContentWeight,
+    fontWeight: src.collapseContentFontWeight,
     lineHeight: src.lineHeightDynamic,
     padding: "".concat(src.collapseContentPaddingY, " ").concat(src.collapseContentPaddingRight, " ").concat(src.collapseContentPaddingY, " ").concat(src.collapseContentPaddingLeft),
     backgroundColor: src.collapseContentBackgroundColor,
@@ -19492,7 +19500,7 @@ var listStyle = {
     flexDirection: 'column'
   },
   wrapperBordered: {
-    border: "1px solid ".concat(src.listBorderColor),
+    border: "".concat(src.listBorderWidth, " solid ").concat(src.listBorderColor),
     borderRadius: src.listBorderRadius
   },
   wrapperSmall: {},
@@ -19550,7 +19558,7 @@ var listStyle = {
       fontSize: src.listSmallFontSize
     },
     '$wrapperLarge &': {
-      padding: "".concat(src.listLargeItemPaddingY, " ").concat(src.listLargeItemPaddingY),
+      padding: "".concat(src.listLargeItemPaddingX, " ").concat(src.listLargeItemPaddingY),
       fontSize: src.listLargeFontSize
     }
   },
@@ -20893,6 +20901,7 @@ var PaginationStyle = {
     alignItems: 'center',
     fontSize: src.paginationFontSize,
     color: src.paginationFontColor,
+    fontWeight: src.paginationFontWeight,
     height: 'fit-content'
   },
   left: {
@@ -20932,11 +20941,15 @@ var PaginationStyle = {
   sizeList: {},
   simple: {},
   small: {
+    fontSize: src.paginationSmallFontSize,
+    fontWeight: src.paginationSmallFontWeight,
     '& $icon': {
       width: src.paginationSmallFontSize
     }
   },
   large: {
+    fontSize: src.paginationLargeFontSize,
+    fontWeight: src.paginationLargeFontWeight,
     '& $icon': {
       width: src.paginationLargeFontSize
     }
@@ -22442,7 +22455,7 @@ var sliderStyle = {
     '&::before': {
       content: '""',
       display: 'block',
-      backgroundColor: '#ccc'
+      backgroundColor: src.sliderScaleLineBackgroundColor
     },
     '$wrapper:not($vertical) &': {
       marginTop: src.sliderScaleMarginY,
@@ -25224,14 +25237,14 @@ var tabsStyle = {
             right: 0,
             left: 'auto',
             height: '100%',
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '[data-soui-position^="right-"] &': {
           '&:after': {
             width: 1,
             height: '100%',
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"])': {
@@ -25242,7 +25255,7 @@ var tabsStyle = {
             left: 0,
             width: '100%',
             height: 1,
-            background: src.tabsBorderColor
+            background: src.tabsLineHrBackgroundColor
           }
         },
         '&:not([data-soui-state="active"]):not([data-soui-state="disabled"]):hover $lineInner': {
@@ -25288,10 +25301,10 @@ var tabsStyle = {
         fontWeight: src.tabsFillFontWeight,
         background: src.tabsFillBackgroundColor,
         '&[data-soui-state="active"]': {
-          color: src.tabsFillCheckedFontColor,
           // fontSize: Token.tabsFillCheckedFontSize,
-          fontWeight: src.tabsFillCheckedFontWeight,
           '& $fillInner': {
+            color: src.tabsFillCheckedFontColor,
+            fontWeight: src.tabsFillCheckedFontWeight,
             background: src.tabsFillCheckedBackgroundColor
           }
         },
@@ -27467,9 +27480,9 @@ function $getKey(gen, d, index) {
   if (typeof gen === 'function') return gen(d, index);
   return index;
 }
-function getKey(gen, d, index) {
+function getKey(gen, d, index, ignoreError) {
   var key = $getKey(gen, d, index);
-  if (typeof key !== 'string' && typeof key !== 'number') {
+  if (typeof key !== 'string' && typeof key !== 'number' && !ignoreError) {
     console.error(new Error("keygen result expect a string or a number, get '".concat(typeof_default()(key), "'")));
   }
   return key;
@@ -44649,6 +44662,90 @@ var Provider = function Provider(props) {
     })
   });
 };
+;// CONCATENATED MODULE: ../hooks/src/utils/flat.ts
+
+
+
+function flat_insertPoint(name) {
+  var reg = /(\[\d+\])/gi;
+  return name.replace(reg, function (s, m, i) {
+    return s.replace(m, i === 0 ? m : ".".concat(m));
+  });
+}
+function flatten(data, skipArray) {
+  if (is_isEmpty(data)) return data;
+  var result = {};
+  function recurse(cur, prop) {
+    if (Object(cur) !== cur || typeof cur === 'function' || cur instanceof Date || cur instanceof Error || skipArray && Array.isArray(cur)) {
+      if (!(cur === undefined && /\[\d+\]$/.test(prop))) {
+        result[prop] = cur;
+      }
+    } else if (Array.isArray(cur)) {
+      if (cur.length === 0) {
+        result[prop] = [];
+      } else {
+        for (var i = 0, l = cur.length; i < l; i++) {
+          recurse(cur[i], prop ? "".concat(prop, "[").concat(i, "]") : "[".concat(i, "]"));
+        }
+      }
+    } else {
+      var empty = true;
+      if (typeof_default()(cur) === 'object') {
+        // eslint-disable-next-line
+        for (var p in cur) {
+          empty = false;
+          recurse(cur[p], prop ? "".concat(prop, ".").concat(p) : p);
+        }
+        if (empty) {
+          result[prop] = {};
+        }
+      }
+    }
+  }
+  recurse(data, '');
+  return result;
+}
+function insertValue(obj, name, index, value) {
+  Object.keys(obj).filter(function (n) {
+    return n.indexOf("".concat(name, "[")) === 0;
+  }).sort().reverse().forEach(function (n) {
+    // const reg = new RegExp(`${name}\\[(\\d+)\\]`)
+    var reg = new RegExp("".concat(name.replace(/\[/g, '\\[').replace(/\]/g, '\\]'), "\\[(\\d+)\\]"));
+    var match = reg.exec(n);
+    var i = parseInt(match[1], 10);
+    if (i < index) return;
+    var newName = n.replace(reg, "".concat(name, "[").concat(i + 1, "]"));
+    if (obj[n]) obj[newName] = obj[n];
+    delete obj[n];
+  });
+  var newValue = flatten(defineProperty_default()({}, "".concat(name, "[").concat(index, "]"), value));
+  Object.keys(newValue).forEach(function (k) {
+    if (newValue[k] !== undefined) obj[k] = newValue[k];
+  });
+}
+function spliceValue(obj, name, index) {
+  var names = Object.keys(obj).filter(function (n) {
+    return n === name || n.indexOf("".concat(name, "[")) === 0;
+  }).sort();
+  names.forEach(function (n) {
+    if (n === name && !Array.isArray(obj[name])) return;
+    if (n === name && Array.isArray(obj[name])) {
+      obj[name].splice(index, 1);
+      return;
+    }
+    var reg = new RegExp("".concat(name.replace(/\[/g, '\\[').replace(/\]/g, '\\]'), "\\[(\\d+)\\]"));
+    var match = reg.exec(n);
+    var i = parseInt(match[1], 10);
+    if (i < index) return;
+    if (i === index) {
+      delete obj[n];
+      return;
+    }
+    var newName = n.replace(reg, "".concat(name, "[").concat(i - 1, "]"));
+    obj[newName] = obj[n];
+    delete obj[n];
+  });
+}
 ;// CONCATENATED MODULE: ../hooks/src/components/use-form/use-form.ts
 
 
@@ -44659,6 +44756,7 @@ var Provider = function Provider(props) {
 
 
 
+
 var globalKey = '__global__&&@@';
 
 
@@ -44731,6 +44829,15 @@ var useForm = function useForm(props) {
       update();
     });
   };
+  var updateFieldsets = use_persist_fn(function (name) {
+    var na = "".concat(name, "[");
+    var no = "".concat(name, ".");
+    context.names.forEach(function (key) {
+      if (key.startsWith(na) || key.startsWith(no)) {
+        update(key);
+      }
+    });
+  });
   var handleSubmitError = function handleSubmitError(err) {
     onError === null || onError === void 0 || onError(err);
     if (!props.scrollToError) return;
@@ -44848,6 +44955,14 @@ var useForm = function useForm(props) {
     context.errors[name] = e;
     update(name);
   });
+  var insertError = use_persist_fn(function (name, index, error) {
+    insertValue(context.errors, name, index, error);
+    updateFieldsets(name);
+  });
+  var spliceError = use_persist_fn(function (name, index) {
+    spliceValue(context.errors, name, index);
+    updateFieldsets(name);
+  });
   var submit = use_persist_fn(function () {
     var withValidate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
     if (disabled) return;
@@ -44904,6 +45019,17 @@ var useForm = function useForm(props) {
       other === null || other === void 0 || (_other$onSubmit = other.onSubmit) === null || _other$onSubmit === void 0 || _other$onSubmit.call(other, e);
     };
   };
+  var validateFieldset = function validateFieldset(name) {
+    var na = "".concat(name, "[");
+    var no = "".concat(name, ".");
+    var fields = [];
+    context.names.forEach(function (key) {
+      if (key.startsWith(na) || key.startsWith(no)) {
+        fields.push(key);
+      }
+    });
+    validateFields(fields).catch(function () {});
+  };
   var getDefaultValue = function getDefaultValue() {
     var v = utils_immer_produce(defaultValue, function (draft) {
       Object.keys(context.defaultValues).forEach(function (key) {
@@ -45009,7 +45135,10 @@ var useForm = function useForm(props) {
     setError: setError,
     getErrors: getErrors,
     clearValidate: clearValidate,
-    validateFields: validateFields
+    validateFields: validateFields,
+    validateFieldset: validateFieldset,
+    insertError: insertError,
+    spliceError: spliceError
   });
   var formConfig = external_root_React_commonjs2_react_commonjs_react_amd_react_.useMemo(function () {
     return {
@@ -45355,7 +45484,8 @@ var useFormFieldSet = function useFormFieldSet(props) {
     ProviderValue: ProviderValue,
     error: error,
     value: value,
-    onChange: onChange
+    onChange: onChange,
+    name: name
   };
 };
 /* harmony default export */ var use_form_fieldset = (useFormFieldSet);
@@ -45372,6 +45502,7 @@ var FormFieldSet = function FormFieldSet(props) {
       ids: []
     }),
     context = _React$useRef.current;
+  var formFunc = useFormFunc();
   var getValidateProps = usePersistFn(function () {
     return props;
   });
@@ -45385,16 +45516,16 @@ var FormFieldSet = function FormFieldSet(props) {
     }),
     Provider = _useFormFieldSet.Provider,
     ProviderValue = _useFormFieldSet.ProviderValue,
-    value = _useFormFieldSet.value,
     error = _useFormFieldSet.error,
-    _onChange = _useFormFieldSet.onChange;
+    _onChange = _useFormFieldSet.onChange,
+    name = _useFormFieldSet.name;
   if (typeof children !== 'function') {
     return /*#__PURE__*/(0,jsx_runtime.jsx)(Provider, {
       value: ProviderValue,
       children: children
     });
   }
-  var valueArr = value || [];
+  var valueArr = (formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name)) || [];
   valueArr = Array.isArray(valueArr) ? valueArr : [valueArr];
   var result = [];
   if (valueArr.length === 0 && valueArr && empty) {
@@ -45405,6 +45536,7 @@ var FormFieldSet = function FormFieldSet(props) {
         });
         _onChange(newValue);
         context.ids.push(generateUUID());
+        formFunc === null || formFunc === void 0 || formFunc.insertError(name, 0);
       })
     }, 'empty'));
   }
@@ -45426,31 +45558,39 @@ var FormFieldSet = function FormFieldSet(props) {
         index: i,
         error: errorList,
         onChange: function onChange(val) {
-          var newValue = form_fieldset_produce(valueArr, function (draft) {
+          var oldValue = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name);
+          var newValue = form_fieldset_produce(oldValue, function (draft) {
             draft[i] = val;
           });
           _onChange(newValue);
+          formFunc === null || formFunc === void 0 || formFunc.validateFieldset("".concat(name, "[").concat(i, "]"));
         },
         onInsert: function onInsert(val) {
-          var newValue = form_fieldset_produce(valueArr, function (draft) {
+          var oldValue = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name);
+          var newValue = form_fieldset_produce(oldValue, function (draft) {
             draft.splice(i, 0, val);
           });
           _onChange(newValue);
           context.ids.splice(i, 0, generateUUID());
+          formFunc === null || formFunc === void 0 || formFunc.insertError(name, i);
         },
         onAppend: function onAppend(val) {
-          var newValue = form_fieldset_produce(valueArr, function (draft) {
+          var oldValue = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name);
+          var newValue = form_fieldset_produce(oldValue, function (draft) {
             draft.splice(i + 1, 0, val);
           });
           _onChange(newValue);
           context.ids.splice(i + 1, 0, generateUUID());
+          formFunc === null || formFunc === void 0 || formFunc.insertError(name, i + 1);
         },
         onRemove: function onRemove() {
-          var newValue = form_fieldset_produce(valueArr, function (draft) {
+          var oldValue = formFunc === null || formFunc === void 0 ? void 0 : formFunc.getValue(name);
+          var newValue = form_fieldset_produce(oldValue, function (draft) {
             draft.splice(i, 1);
           });
           _onChange(newValue);
           context.ids.splice(i, 1);
+          formFunc === null || formFunc === void 0 || formFunc.spliceError(name, i);
         }
       })
     }, ids[i]));
@@ -48137,7 +48277,6 @@ var list_List = function List(props) {
     });
   };
   var renderItem = function renderItem(item, index, key) {
-    console.log('lineHeight', lineHeight);
     return /*#__PURE__*/(0,jsx_runtime.jsx)((external_root_React_commonjs2_react_commonjs_react_amd_react_default()).Fragment, {
       children: /*#__PURE__*/(0,jsx_runtime.jsx)(list_option, {
         datum: datum,
@@ -50075,7 +50214,7 @@ function Select(props0) {
       optionListRef: optionListRef,
       onOptionClick: handleOptionClick
     };
-    console.log('lineHeight2333', lineHeight);
+
     // 自定义列
     if ('columns' in props && typeof columns === 'number' && columns >= 1 || columns === -1) {
       return /*#__PURE__*/(0,jsx_runtime.jsx)(list_columns, objectSpread2_default()({
@@ -51639,7 +51778,7 @@ var MenuItem = function MenuItem(props) {
       }
     }) : null;
     var item = render_render(props.renderItem, props.dataItem, props.index);
-    var link = props.linkKey ? getKey(props.linkKey, props.dataItem, props.index) : undefined;
+    var link = props.linkKey ? getKey(props.linkKey, props.dataItem, props.index, true) : undefined;
     var title = null;
     if (isLink(item)) {
       var mergeClass = classnames_default()(classes === null || classes === void 0 ? void 0 : classes.title, item.props && item.props.className);
@@ -61620,13 +61759,13 @@ function fade(color) {
 
 
 
-function flat_insertPoint(name) {
+function utils_flat_insertPoint(name) {
   var reg = /(\[\d+\])/gi;
   return name.replace(reg, function (s, m, i) {
     return s.replace(m, i === 0 ? m : ".".concat(m));
   });
 }
-function flatten(data, skipArray) {
+function flat_flatten(data, skipArray) {
   if (utils_is_isEmpty(data)) return data;
   var result = {};
   function recurse(cur, prop) {
@@ -61675,7 +61814,7 @@ function unflatten(rawdata) {
 
   // eslint-disable-next-line
   Object.keys(data).sort().forEach(function (p) {
-    var pathWithPoint = flat_insertPoint(p);
+    var pathWithPoint = utils_flat_insertPoint(p);
     cur = result;
     prop = '';
     last = 0;
@@ -61691,7 +61830,7 @@ function unflatten(rawdata) {
   });
   return result[''];
 }
-function insertValue(obj, name, index, value) {
+function flat_insertValue(obj, name, index, value) {
   Object.keys(obj).filter(function (n) {
     return n.indexOf("".concat(name, "[")) === 0;
   }).sort().reverse().forEach(function (n) {
@@ -61704,12 +61843,12 @@ function insertValue(obj, name, index, value) {
     if (obj[n]) obj[newName] = obj[n];
     delete obj[n];
   });
-  var newValue = flatten(defineProperty_default()({}, "".concat(name, "[").concat(index, "]"), value));
+  var newValue = flat_flatten(defineProperty_default()({}, "".concat(name, "[").concat(index, "]"), value));
   Object.keys(newValue).forEach(function (k) {
     if (newValue[k] !== undefined) obj[k] = newValue[k];
   });
 }
-function spliceValue(obj, name, index) {
+function flat_spliceValue(obj, name, index) {
   var names = Object.keys(obj).filter(function (n) {
     return n === name || n.indexOf("".concat(name, "[")) === 0;
   }).sort();
@@ -61740,7 +61879,7 @@ var isNameWithPath = function isNameWithPath(name, path) {
 var getSthByName = function getSthByName(name, source) {
   if (source[name]) return source[name];
   var result = unflatten(source);
-  name = flat_insertPoint(name);
+  name = utils_flat_insertPoint(name);
   name.split('.').forEach(function (n) {
     var match = /^\[(\d+)\]$/.exec(n);
     // eslint-disable-next-line
@@ -61755,7 +61894,7 @@ var getSthByName = function getSthByName(name, source) {
 var removeSthByName = function removeSthByName(name, source) {
   var match = /(.*)\[(\d+)\]$/.exec(name);
   if (match) {
-    spliceValue(source, match[1], parseInt(match[2], 10));
+    flat_spliceValue(source, match[1], parseInt(match[2], 10));
   } else {
     Object.keys(source).forEach(function (n) {
       if (isNameWithPath(n, name)) delete source[n];
@@ -61947,7 +62086,7 @@ var objects_deepMerge = function deepMerge() {
   return dest;
 };
 function objects_pathGenerator(raw) {
-  var path = flat_insertPoint(raw);
+  var path = utils_flat_insertPoint(raw);
   var reg = /^\[(\d+)\]$/;
   var pathModeValues = objects_objectValues(objects_PATH_MODE);
   var index = 0;
@@ -63173,7 +63312,7 @@ var upload_interface = __webpack_require__(4412);
 
 
 /* harmony default export */ var src_0 = ({
-  version: '3.3.0-beta.2'
+  version: '3.3.0-beta.4'
 });
 }();
 /******/ 	return __webpack_exports__;