@yuntijs/ui 1.0.0-beta.102 → 1.0.0-beta.104

package/es/CollapseGroup/index.js

@@ -1,9 +1,10 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "variant"];
+var _excluded = ["className", "variant", "collapsible", "expandIcon"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { Form as LobeForm } from '@lobehub/ui';
+import { ActionIcon, Form as LobeForm } from '@lobehub/ui';
+import { ChevronDown, ChevronRight } from 'lucide-react';
 import React from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,13 +12,28 @@ var FormGroup = LobeForm.Group;
 export var CollapseGroup = function CollapseGroup(_ref) {
   var className = _ref.className,
     variant = _ref.variant,
+    collapsible = _ref.collapsible,
+    _ref$expandIcon = _ref.expandIcon,
+    expandIcon = _ref$expandIcon === void 0 ? function (panelProps) {
+      return /*#__PURE__*/_jsx(ActionIcon, {
+        icon: panelProps.isActive ? ChevronDown : ChevronRight,
+        size: {
+          blockSize: 24,
+          fontSize: 14,
+          strokeWidth: 3
+        }
+      });
+    } : _ref$expandIcon,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles(),
+  var _useStyles = useStyles({
+      collapsible: collapsible
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx(FormGroup, _objectSpread({
     className: cx(styles.root, className),
-    collapsible: variant !== 'pure',
+    collapsible: variant === 'pure' ? false : collapsible,
+    expandIcon: expandIcon,
     variant: variant
   }, otherProps));
 };

package/es/CollapseGroup/style.d.ts

@@ -1,3 +1,5 @@
-export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    collapsible?: boolean | undefined;
+} | undefined) => import("antd-style").ReturnStyles<{
     root: import("antd-style").SerializedStyles;
 }>;

package/es/CollapseGroup/style.js

@@ -1,11 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject;
 import { createStyles } from 'antd-style';
-export var useStyles = createStyles(function (_ref) {
+export var useStyles = createStyles(function (_ref, _ref2) {
   var css = _ref.css,
     token = _ref.token,
     prefixCls = _ref.prefixCls;
+  var collapsible = _ref2.collapsible;
   return {
-    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-bottom: ", "px;\n      .", "-collapse {\n        &-header {\n          padding: 0 !important;\n          &-text {\n            flex: 1 !important;\n            padding: ", "px ", "px ", "px 0;\n            & > * {\n              font-size: ", "px;\n              /* font-weight: unset; */\n            }\n          }\n        }\n        &-expand-icon {\n          cursor: pointer;\n          padding: ", "px 0 ", "px ", "px;\n        }\n        &-extra {\n          padding-right: ", "px;\n        }\n        &-item > .", "-collapse-content {\n          padding: ", "px 0;\n          background-color: ", ";\n        }\n        &-content {\n          &-box {\n            padding: ", "px ", "px !important;\n          }\n        }\n      }\n    "])), token.margin, prefixCls, token.paddingSM, token.paddingSM, token.paddingSM, token.fontSize, token.padding, token.padding, token.paddingSM, token.paddingSM, prefixCls, token.paddingXXS, token.colorBgContainer, token.paddingXXS, token.padding)
+    root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        margin-bottom: ", "px;\n        .", "-collapse {\n          &-header {\n            padding: 0 !important;\n            &-text {\n              flex: 1 !important;\n              padding: ", "px ", "px ", "px\n                ", "px;\n              & > * {\n                font-size: ", "px;\n                /* font-weight: unset; */\n              }\n            }\n          }\n          &-expand-icon {\n            cursor: pointer;\n            padding: ", "px 0 ", "px ", "px;\n          }\n          &-extra {\n            padding-right: ", "px;\n          }\n          &-item > .", "-collapse-content {\n            padding: ", "px 0;\n            background-color: ", ";\n          }\n          &-content {\n            &-box {\n              padding: ", "px ", "px !important;\n            }\n          }\n        }\n      "])), token.margin, prefixCls, token.paddingSM, token.paddingSM, token.paddingSM, collapsible === false ? token.paddingSM : 0, token.fontSize, token.padding, token.padding, token.paddingSM, token.paddingSM, prefixCls, token.paddingXXS, token.colorBgContainer, token.paddingXXS, token.padding)
   };
 });

package/es/Form/collapse-list/hooks.d.ts

@@ -3,9 +3,11 @@ import React from 'react';
 import type { FormCollapseListColumn } from '.';
 import { ListFieldValue } from './utils';
 export declare const useFormCollapseListHooks: (name: string, childrenColumnName: string, columns: FormCollapseListColumn[]) => {
+    values: ListFieldValue[];
+    updateValues: () => void;
     expandedRowKeys: readonly React.Key[];
     setExpandedRowKeys: React.Dispatch<React.SetStateAction<readonly React.Key[]>>;
-    fieldsToDataSource: (fields: [ListFieldValue]) => {
+    fieldValuesToDataSource: (fields: ListFieldValue[]) => {
         dataSource: ListFieldValue[];
         allExpandRowKeys: React.Key[];
     };

package/es/Form/collapse-list/hooks.js

@@ -13,14 +13,27 @@ export var useFormCollapseListHooks = function useFormCollapseListHooks(name, ch
   var form = Form.useFormInstance();
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
-    expandedRowKeys = _useState2[0],
-    setExpandedRowKeys = _useState2[1];
+    values = _useState2[0],
+    _setValues = _useState2[1];
+  var _useState3 = useState([]),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expandedRowKeys = _useState4[0],
+    setExpandedRowKeys = _useState4[1];
+  var updateValues = useCallback(function () {
+    return _setValues(form.getFieldValue(name));
+  }, [form, name]);
   var firstColumnFormItemName = (_useMemo = useMemo(function () {
     return columns.find(function (item) {
       return !!item.name && !item.noStyle;
     });
   }, [columns])) === null || _useMemo === void 0 ? void 0 : _useMemo.name;
-  var fieldsToDataSource = useCallback(function (fields) {
+  var fieldValuesToDataSource = useCallback(function (fields) {
+    if (!name) {
+      return {
+        dataSource: [],
+        allExpandRowKeys: []
+      };
+    }
     var allExpandRowKeys = [];
     var _setFieldPath = function _setFieldPath(field, index, path) {
       var item = cloneDeep(field);
@@ -42,7 +55,7 @@ export var useFormCollapseListHooks = function useFormCollapseListHooks(name, ch
       })) || [],
       allExpandRowKeys: allExpandRowKeys
     };
-  }, [childrenColumnName]);
+  }, [childrenColumnName, name]);
   var getFieldPath = useCallback(function (fieldKeyPath, fieldName) {
     var fieldPath = [];
     var _iterator = _createForOfIteratorHelper(fieldKeyPath.entries()),
@@ -86,10 +99,13 @@ export var useFormCollapseListHooks = function useFormCollapseListHooks(name, ch
           }, 200);
         }
         setExpandedRowKeys(_toConsumableArray(new Set([].concat(_toConsumableArray(expandedRowKeys), [toRowKey(fieldKeyPath)]))));
+        updateValues();
       },
       remove: function remove(index) {
         if (fieldKeyPath.length <= 1) {
-          return operation.remove(index);
+          operation.remove(index);
+          updateValues();
+          return;
         }
         var fieldName = [name].concat(_toConsumableArray(getFieldPath(fieldKeyPath).slice(0, -1)));
         var fieldValue = cloneDeep(form.getFieldValue(fieldName)) || [];
@@ -103,6 +119,7 @@ export var useFormCollapseListHooks = function useFormCollapseListHooks(name, ch
           return !indexs.includes(_index);
         });
         form.setFieldValue(fieldName, newFieldValue.length > 0 ? newFieldValue : undefined);
+        updateValues();
       },
       move: function move(from, to) {
         if (fieldKeyPath.length <= 1) {
@@ -120,13 +137,16 @@ export var useFormCollapseListHooks = function useFormCollapseListHooks(name, ch
         fieldValue[from] = _ref[0];
         fieldValue[to] = _ref[1];
         form.setFieldValue(fieldName, fieldValue);
+        updateValues();
       }
     };
-  }, [childrenColumnName, expandedRowKeys, firstColumnFormItemName, form, getFieldPath, name]);
+  }, [childrenColumnName, expandedRowKeys, firstColumnFormItemName, form, getFieldPath, name, updateValues]);
   return {
+    values: values,
+    updateValues: updateValues,
     expandedRowKeys: expandedRowKeys,
     setExpandedRowKeys: setExpandedRowKeys,
-    fieldsToDataSource: fieldsToDataSource,
+    fieldValuesToDataSource: fieldValuesToDataSource,
     getFieldPath: getFieldPath,
     getFormListOperation: getFormListOperation,
     // 首个表单输入列 (用于新增表达后 foucs 等)

package/es/Form/collapse-list/index.d.ts

@@ -3,7 +3,7 @@ import type { FormListProps as AntFormListProps } from 'antd/es/form';
 import React from 'react';
 import { CollapseGroupProps } from '../../CollapseGroup';
 import { FieldPath } from './utils';
-export interface FormCollapseListColumnItem extends Omit<FormItemProps, 'dependencies' | 'rules' | 'tooltip' | 'labelAlign' | 'labelCol' | 'colon' | 'children'> {
+interface FormCollapseListColumnItem extends Omit<FormItemProps, 'dependencies' | 'rules' | 'tooltip' | 'labelAlign' | 'labelCol' | 'colon' | 'children'> {
     render?: (fieldName: number, index: number, operation: FormListOperation, 
     /** 当前 item 的 path */
     fieldPath: FieldPath) => React.ReactElement;
@@ -16,7 +16,7 @@ export interface FormListOperationAddParams {
 }
 export interface FormCollapseListColumn extends FormCollapseListColumnItem, Pick<TableColumnProps<any>, 'align' | 'ellipsis' | 'fixed' | 'responsive' | 'shouldCellUpdate' | 'width'> {
 }
-export interface FormCollapseListProps extends Omit<AntFormListProps, 'name' | 'children'>, Pick<CollapseGroupProps, 'className' | 'extra' | 'expandIcon' | 'icon' | 'title' | 'variant' | 'defaultActive' | 'style'> {
+export interface FormCollapseListProps extends Omit<AntFormListProps, 'name' | 'children'>, Pick<CollapseGroupProps, 'className' | 'collapsible' | 'extra' | 'expandIcon' | 'icon' | 'title' | 'variant' | 'defaultActive' | 'style'> {
     /** 字段名 */
     name?: FormItemProps['name'];
     /** 表单列为空时展示的空内容 */
@@ -49,3 +49,4 @@ export interface FormCollapseListProps extends Omit<AntFormListProps, 'name' | '
     rowHoverable?: boolean;
 }
 export declare const FormCollapseList: React.FC<FormCollapseListProps>;
+export {};

package/es/Form/collapse-list/index.js

@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["extra", "expandIcon", "icon", "title", "variant", "defaultActive", "empty", "columns", "disabled", "readOnly", "addOneFieldDefault", "disableRemoveWhenOneField", "maxFileds", "name", "addParams", "className", "onRemove", "fieldRemoveButton", "style", "defaultExpandAllRows", "indentSize", "childrenColumnName", "rowHoverable"],
+var _excluded = ["collapsible", "extra", "expandIcon", "icon", "title", "variant", "defaultActive", "empty", "columns", "disabled", "readOnly", "addOneFieldDefault", "disableRemoveWhenOneField", "maxFileds", "name", "addParams", "className", "onRemove", "fieldRemoveButton", "style", "defaultExpandAllRows", "indentSize", "childrenColumnName", "rowHoverable"],
   _excluded2 = ["label", "name", "render", "dependencies", "rules", "align", "ellipsis", "fixed", "responsive", "shouldCellUpdate", "width", "className"],
   _excluded3 = ["key"];
 import _regeneratorRuntime from "@babel/runtime/regenerator";
@@ -12,14 +12,17 @@ import { PlusOutlined } from '@ant-design/icons';
 import { Icon } from '@lobehub/ui';
 import { Button, Flex, Form, Table, Tooltip } from 'antd';
 import { Trash2 } from 'lucide-react';
-import React, { useCallback, useEffect, useMemo, useRef } from 'react';
+import React, { memo, useCallback, useEffect, useMemo, useRef } from 'react';
+import Typography from "../../Typography";
 import { CollapseGroup } from "../../CollapseGroup";
 import { useFormCollapseListHooks } from "./hooks";
 import { useStyles } from "./style";
 import { FIELD_KEY_PATH, toRowKey } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
-export var FormCollapseList = function FormCollapseList(_ref) {
-  var extra = _ref.extra,
+var Text = Typography.Text;
+export var FormCollapseList = /*#__PURE__*/memo(function (_ref) {
+  var collapsible = _ref.collapsible,
+    extra = _ref.extra,
     expandIcon = _ref.expandIcon,
     icon = _ref.icon,
     title = _ref.title,
@@ -54,26 +57,33 @@ export var FormCollapseList = function FormCollapseList(_ref) {
     styles = _useStyles.styles;
   var listAdd = useRef();
   var form = Form.useFormInstance();
-  var fieldsWatch = Form.useWatch(name, form);
   var _useFormCollapseListH = useFormCollapseListHooks(name, childrenColumnName, columns),
+    values = _useFormCollapseListH.values,
+    updateValues = _useFormCollapseListH.updateValues,
     expandedRowKeys = _useFormCollapseListH.expandedRowKeys,
     setExpandedRowKeys = _useFormCollapseListH.setExpandedRowKeys,
-    fieldsToDataSource = _useFormCollapseListH.fieldsToDataSource,
+    fieldValuesToDataSource = _useFormCollapseListH.fieldValuesToDataSource,
     getFormListOperation = _useFormCollapseListH.getFormListOperation,
     getFieldPath = _useFormCollapseListH.getFieldPath,
     firstColumnFormItemName = _useFormCollapseListH.firstColumnFormItemName;
   var _useMemo = useMemo(function () {
-      return fieldsToDataSource(fieldsWatch);
-    }, [fieldsWatch, fieldsToDataSource]),
+      return fieldValuesToDataSource(values);
+    }, [fieldValuesToDataSource, values]),
     dataSource = _useMemo.dataSource;
+  // 设置初始值以及在 readOnly 变化时更新 values
+  useEffect(function () {
+    updateValues();
+  }, [updateValues, readOnly]);
+
+  // 设置默认展开的 keys
   useEffect(function () {
     var fields = form.getFieldValue(name);
-    var _fieldsToDataSource = fieldsToDataSource(fields),
-      allExpandRowKeys = _fieldsToDataSource.allExpandRowKeys;
+    var _fieldValuesToDataSou = fieldValuesToDataSource(fields),
+      allExpandRowKeys = _fieldValuesToDataSou.allExpandRowKeys;
     if (defaultExpandAllRows) {
       setExpandedRowKeys(allExpandRowKeys);
     }
-  }, [defaultExpandAllRows, fieldsToDataSource, form, name, setExpandedRowKeys]);
+  }, [defaultExpandAllRows, fieldValuesToDataSource, form, name, setExpandedRowKeys]);
   var getAddParams = useCallback(function () {
     if (!addParams) {
       return [];
@@ -82,9 +92,11 @@ export var FormCollapseList = function FormCollapseList(_ref) {
     return [params.defaultValue, params.insertIndex];
   }, [addParams]);
   var handleOnRemove = useCallback(function (fieldName) {
-    var values = form.getFieldValue([name, fieldName]);
-    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(values);
+    var value = form.getFieldValue([name, fieldName]);
+    return onRemove === null || onRemove === void 0 ? void 0 : onRemove(value);
   }, [form, name, onRemove]);
+
+  // 默认增加一行的处理
   useEffect(function () {
     var _form$getFieldValue;
     if (addOneFieldDefault && (!(form !== null && form !== void 0 && form.getFieldValue(name)) || (form === null || form === void 0 || (_form$getFieldValue = form.getFieldValue(name)) === null || _form$getFieldValue === void 0 ? void 0 : _form$getFieldValue.length) === 0)) {
@@ -95,12 +107,12 @@ export var FormCollapseList = function FormCollapseList(_ref) {
         form.focusField([name, 0, firstColumnFormItemName]);
       }, 200);
     }
-  }, [addOneFieldDefault, getAddParams, form, name, firstColumnFormItemName]);
+  }, [addOneFieldDefault, getAddParams, form, name, firstColumnFormItemName, updateValues]);
   return /*#__PURE__*/_jsx(CollapseGroup, {
     extra: extra === undefined ? name && !readOnly && /*#__PURE__*/_jsx(Tooltip, {
       title: maxFileds && "\u6700\u591A\u6DFB\u52A0 ".concat(maxFileds, " \u9879"),
       children: /*#__PURE__*/_jsx(Button, {
-        disabled: disabled || !!(maxFileds && (fieldsWatch === null || fieldsWatch === void 0 ? void 0 : fieldsWatch.length) === maxFileds),
+        disabled: disabled || !!(maxFileds && (values === null || values === void 0 ? void 0 : values.length) === maxFileds),
         icon: /*#__PURE__*/_jsx(PlusOutlined, {}),
         onClick: function onClick(e) {
           var _listAdd$current2;
@@ -116,6 +128,7 @@ export var FormCollapseList = function FormCollapseList(_ref) {
       })
     }) : extra,
     className: className,
+    collapsible: collapsible,
     expandIcon: expandIcon,
     icon: icon,
     title: title,
@@ -128,7 +141,10 @@ export var FormCollapseList = function FormCollapseList(_ref) {
       children: function children(fields, operation) {
         var add = operation.add,
           remove = operation.remove;
-        listAdd.current = add;
+        listAdd.current = function (defaultValue, insertIndex) {
+          add(defaultValue, insertIndex);
+          updateValues();
+        };
 
         // @Todo: support sort
         return /*#__PURE__*/_jsx(Table, {
@@ -156,11 +172,11 @@ export var FormCollapseList = function FormCollapseList(_ref) {
               responsive: responsive,
               shouldCellUpdate: shouldCellUpdate,
               width: width,
-              render: function render(_text, record, index) {
+              render: function render(text, record, index) {
                 var field = fields[index] || {};
                 var fieldName = field.name;
                 var fieldKeyPath = record[FIELD_KEY_PATH];
-                var fieldPath = getFieldPath(fieldKeyPath);
+                var fieldPath = [name].concat(_toConsumableArray(getFieldPath(fieldKeyPath)));
                 var parentFieldPath = fieldPath.slice(0, -1);
                 var key = field.key,
                   restField = _objectWithoutProperties(field, _excluded3);
@@ -179,14 +195,19 @@ export var FormCollapseList = function FormCollapseList(_ref) {
                     children: children
                   });
                 }
-                var chidrenProps = {
-                  readOnly: readOnly,
-                  disabled: disabled
-                };
+                var chidrenProps = {};
+                if (disabled !== undefined) {
+                  chidrenProps.disabled = disabled;
+                }
                 if (readOnly === true) {
-                  chidrenProps.showCount = false;
-                  chidrenProps.variant = 'borderless';
-                  chidrenProps.placeholder = '-';
+                  return /*#__PURE__*/_jsx(Flex, {
+                    align: "center",
+                    className: cx(styles.readOnlyItem, className),
+                    children: text !== null && text !== void 0 ? text : /*#__PURE__*/_jsx(Text, {
+                      type: "secondary",
+                      children: "-"
+                    })
+                  });
                 }
                 return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread(_objectSpread({
                   className: className
@@ -227,6 +248,7 @@ export var FormCollapseList = function FormCollapseList(_ref) {
                           isRemove = _context.sent;
                           if (isRemove !== false) {
                             remove(fieldName);
+                            updateValues();
                           }
                         case 4:
                         case "end":
@@ -266,4 +288,4 @@ export var FormCollapseList = function FormCollapseList(_ref) {
       children: empty
     })
   });
-};
+});

package/es/Form/collapse-list/style.d.ts

@@ -2,4 +2,5 @@ export declare const useStyles: (props?: unknown) => import("antd-style").Return
     empty: import("antd-style").SerializedStyles;
     list: import("antd-style").SerializedStyles;
     noFormItem: import("antd-style").SerializedStyles;
+    readOnlyItem: import("antd-style").SerializedStyles;
 }>;

package/es/Form/collapse-list/style.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
@@ -8,6 +8,7 @@ export var useStyles = createStyles(function (_ref) {
   return {
     empty: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      padding: ", "px ", "px;\n      color: ", ";\n    "])), token.paddingXS, token.paddingSM, token.colorTextTertiary),
     list: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      &.", "-table-wrapper {\n        .", "-table {\n          &-thead {\n            & > tr > th {\n              font-weight: normal;\n              color: ", ";\n              background-color: unset;\n              &::before {\n                display: none;\n              }\n            }\n          }\n          &-tbody {\n            & > tr:last-child {\n              & > td {\n                border-bottom-color: transparent;\n              }\n            }\n          }\n          &-cell {\n            vertical-align: top;\n            .", "-table-row-expand-icon {\n              margin-top: ", "px;\n            }\n          }\n        }\n      }\n      .", "-form {\n        &-item {\n          margin-bottom: 0;\n        }\n      }\n    "])), prefixCls, prefixCls, token.colorTextTertiary, prefixCls, token.marginXS, prefixCls),
-    noFormItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      height: ", "px;\n      color: ", ";\n    "])), token.controlHeight, token.colorTextTertiary)
+    noFormItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      height: ", "px;\n      color: ", ";\n    "])), token.controlHeight, token.colorTextTertiary),
+    readOnlyItem: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      height: ", "px;\n      color: ", ";\n    "])), token.controlHeight, token.colorTextBase)
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.102",
+  "version": "1.0.0-beta.104",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",