@nutui/nutui-react 3.0.2 → 3.0.3-beta.1

package/dist/cjs/packages/cascader/index.d.ts

@@ -1,4 +1,3 @@
 import { Cascader } from './cascader';
-export type { CascaderPane, CascaderFormat, CascaderOptionKey, CascaderOption, CascaderValue, CascaderConfig, } from './types';
-export type { CascaderProps } from './cascader';
+export type { WebCascaderProps as CascaderProps } from "../../types";
 export default Cascader;

package/dist/cjs/packages/cascader/utils.d.ts

@@ -1,15 +1,3 @@
-import { CascaderOption, CascaderConfig, CascaderFormat, CascaderValue } from './types';
-export declare const formatTree: (tree: CascaderOption[], parent: CascaderOption | null, config: CascaderConfig) => CascaderOption[];
-export declare const eachTree: (tree: CascaderOption[], cb: (node: CascaderOption) => unknown) => void;
-export declare const convertListToOptions: (list: CascaderOption[], options: CascaderFormat) => CascaderOption[];
-declare class Tree {
-    nodes: CascaderOption[];
-    readonly config: CascaderConfig;
-    constructor(nodes: CascaderOption[], config?: CascaderConfig);
-    updateChildren(nodes: CascaderOption[], parent: CascaderOption | null): void;
-    getNodeByValue(value: CascaderOption['value']): CascaderOption | void;
-    getPathNodesByValue(value: CascaderValue): CascaderOption[];
-    isLeaf: (node: CascaderOption, lazy: boolean) => boolean;
-    hasChildren: (node: CascaderOption, lazy: boolean) => boolean;
-}
-export default Tree;
+import { CascaderOption, CascaderFormat, CascaderOptionKey } from "../../types";
+export declare const normalizeOptions: (options: CascaderOption[], keyMap: CascaderOptionKey) => CascaderOption[] | undefined;
+export declare const normalizeListOptions: (options: CascaderOption[], format: CascaderFormat) => any;

package/dist/cjs/packages/cascader/utils.js

@@ -9,170 +9,70 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    convertListToOptions: function() {
-        return convertListToOptions;
+    normalizeListOptions: function() {
+        return normalizeListOptions;
     },
-    default: function() {
-        return _default;
-    },
-    eachTree: function() {
-        return eachTree;
-    },
-    formatTree: function() {
-        return formatTree;
+    normalizeOptions: function() {
+        return normalizeOptions;
     }
 });
-var _class_call_check = require("@swc/helpers/_/_class_call_check");
-var _create_class = require("@swc/helpers/_/_create_class");
-var _define_property = require("@swc/helpers/_/_define_property");
 var _object_spread = require("@swc/helpers/_/_object_spread");
-var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _to_property_key = require("@swc/helpers/_/_to_property_key");
-var formatTree = function formatTree1(tree, parent, config) {
-    return tree.map(function(node) {
-        var tmp = config.value, valueKey = tmp === void 0 ? 'value' : tmp, tmp1 = config.text, textKey = tmp1 === void 0 ? 'text' : tmp1, tmp2 = config.children, childrenKey = tmp2 === void 0 ? 'children' : tmp2;
-        var value = node[valueKey], text = node[textKey], children = node[childrenKey], others = (0, _object_without_properties._)(node, [
-            valueKey,
-            textKey,
-            childrenKey
+var normalizeOptions = function normalizeOptions1(options, keyMap) {
+    if (!options) return undefined;
+    return options.map(function(opt) {
+        var _keyMap_textKey = keyMap.textKey, _keyMap_valueKey = keyMap.valueKey, _keyMap_childrenKey = keyMap.childrenKey, text = opt[_keyMap_textKey], value = opt[_keyMap_valueKey], children = opt[_keyMap_childrenKey], others = (0, _object_without_properties._)(opt, [
+            _keyMap_textKey,
+            _keyMap_valueKey,
+            _keyMap_childrenKey
         ].map(_to_property_key._));
-        var newNode = (0, _object_spread_props._)((0, _object_spread._)({
-            loading: false
-        }, others), {
-            level: parent ? (parent && parent.level || 0) + 1 : 0,
-            value: value,
+        return (0, _object_spread._)({
             text: text,
-            children: children,
-            _parent: parent
-        });
-        if (newNode.children && newNode.children.length) {
-            newNode.children = formatTree(newNode.children, newNode, config);
-        }
-        return newNode;
+            value: value,
+            children: normalizeOptions(children, keyMap)
+        }, others);
     });
 };
-var eachTree = function eachTree1(tree, cb) {
-    var i = 0;
-    var node;
-    while(node = tree[i++]){
-        if (cb(node) === true) {
-            break;
-        }
-        if (node.children && node.children.length) {
-            eachTree(node.children, cb);
-        }
-    }
-};
-var defaultConvertConfig = {
-    topId: null,
-    idKey: 'id',
-    pidKey: 'pid',
-    sortKey: ''
-};
-var convertListToOptions = function convertListToOptions(list, options) {
-    var mergedOptions = (0, _object_spread._)({}, defaultConvertConfig, options || {});
-    var topId = mergedOptions.topId, idKey = mergedOptions.idKey, pidKey = mergedOptions.pidKey, sortKey = mergedOptions.sortKey;
-    var result = [];
+var normalizeListOptions = function normalizeListOptions(options, format) {
+    var defaultConvertConfig = {
+        topId: null,
+        idKey: 'id',
+        pidKey: 'pid',
+        sortKey: 'sortKey'
+    };
+    var mergedFormat = (0, _object_spread._)({}, defaultConvertConfig, format);
+    var topId = mergedFormat.topId, idKey = mergedFormat.idKey, pidKey = mergedFormat.pidKey, sortKey = mergedFormat.sortKey;
     var map = {};
-    list.forEach(function(node) {
-        node = (0, _object_spread._)({}, node);
-        var id = node[idKey], pid = node[pidKey];
-        var children = map[pid] = map[pid] || [];
-        if (!result.length && pid === topId) {
-            result = children;
+    options.forEach(function(opt) {
+        var pid = opt[pidKey], id = opt[idKey], others = (0, _object_without_properties._)(opt, [
+            pidKey,
+            idKey
+        ].map(_to_property_key._));
+        var newNode = (0, _object_spread._)({
+            pid: pid,
+            id: id
+        }, others);
+        if (map[pid]) {
+            map[pid].push(newNode);
+        } else {
+            map[pid] = [
+                newNode
+            ];
         }
-        children.push(node);
-        node.children = map[id] || (map[id] = []);
     });
-    if (sortKey) {
-        Object.keys(map).forEach(function(i) {
-            if (map[i].length > 1) {
-                map[i].sort(function(a, b) {
-                    return a[sortKey] - b[sortKey];
-                });
-            }
-        });
-    }
-    map = null;
-    return result;
-};
-var Tree = /*#__PURE__*/ function() {
-    "use strict";
-    function Tree(nodes, config) {
-        var _this = this;
-        (0, _class_call_check._)(this, Tree);
-        (0, _define_property._)(this, "nodes", void 0);
-        (0, _define_property._)(this, "config", void 0);
-        // eslint-disable-next-line class-methods-use-this
-        (0, _define_property._)(this, "isLeaf", function(node, lazy) {
-            var leaf = node.leaf, children = node.children;
-            var hasChildren = Array.isArray(children) && Boolean(children.length);
-            return leaf || !hasChildren && !lazy;
+    for(var key in map){
+        // eslint-disable-next-line no-continue
+        if (!Object.prototype.hasOwnProperty.call(map, key)) continue;
+        map[key].sort(function(a, b) {
+            return a[sortKey] - b[sortKey];
         });
-        (0, _define_property._)(this, "hasChildren", function(node, lazy) {
-            var isLeaf = _this.isLeaf(node, lazy);
-            if (isLeaf) {
-                return false;
+        map[key].forEach(function(option) {
+            if (map[option.id]) {
+                option.children = map[option.id];
             }
-            var children = node.children;
-            return Array.isArray(children) && Boolean(children.length);
         });
-        this.config = (0, _object_spread._)({
-            value: 'value',
-            text: 'text',
-            children: 'children'
-        }, config || {});
-        this.nodes = formatTree(nodes, null, this.config);
     }
-    (0, _create_class._)(Tree, [
-        {
-            key: "updateChildren",
-            value: function updateChildren(nodes, parent) {
-                if (!parent) {
-                    this.nodes = formatTree(nodes, null, this.config);
-                } else {
-                    parent.children = formatTree(nodes, parent, this.config);
-                }
-            }
-        },
-        {
-            // for test
-            key: "getNodeByValue",
-            value: function getNodeByValue(value) {
-                var foundNode;
-                eachTree(this.nodes, function(node) {
-                    if (node.value === value) {
-                        foundNode = node;
-                        return true;
-                    }
-                    return null;
-                });
-                return foundNode;
-            }
-        },
-        {
-            key: "getPathNodesByValue",
-            value: function getPathNodesByValue(value) {
-                if (!value.length) {
-                    return [];
-                }
-                var pathNodes = [];
-                var currentNodes = this.nodes;
-                while(currentNodes && currentNodes.length){
-                    var foundNode = currentNodes.find(function(node) {
-                        return node.value === value[node.level];
-                    });
-                    if (!foundNode) {
-                        break;
-                    }
-                    pathNodes.push(foundNode);
-                    currentNodes = foundNode.children;
-                }
-                return pathNodes;
-            }
-        }
-    ]);
-    return Tree;
-}();
-var _default = Tree;
+    // @ts-ignore
+    return map[topId];
+};

package/dist/cjs/packages/checkbox/checkbox.d.ts

@@ -1,19 +1,3 @@
-import React, { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import { CheckboxLabelPosition } from "../checkboxgroup/types";
-export type CheckboxShape = 'button' | 'round';
-export interface CheckboxProps extends BasicComponent {
-    checked: boolean;
-    disabled: boolean;
-    defaultChecked: boolean;
-    shape: CheckboxShape;
-    labelPosition: CheckboxLabelPosition;
-    icon: ReactNode;
-    activeIcon: ReactNode;
-    indeterminateIcon: ReactNode;
-    value: string | number;
-    indeterminate: boolean;
-    label: ReactNode;
-    onChange: (value: boolean) => void;
-}
-export declare const Checkbox: FunctionComponent<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;
+import React, { FunctionComponent } from 'react';
+import { WebCheckboxProps } from "../../types";
+export declare const Checkbox: FunctionComponent<Partial<WebCheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>>;

package/dist/cjs/packages/checkbox/index.d.ts

@@ -1,7 +1,7 @@
-import { CheckboxProps } from './checkbox';
 import { CheckboxGroup } from '../checkboxgroup/checkboxgroup';
-export type { CheckboxProps, CheckboxShape } from './checkbox';
-type CompoundedComponent = React.FC<Partial<CheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
+import { WebCheckboxProps } from "../../types";
+export type { WebCheckboxProps as CheckboxProps } from "../../types";
+type CompoundedComponent = React.FC<Partial<WebCheckboxProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>> & {
     Group: typeof CheckboxGroup;
 };
 declare const InnerCheckbox: CompoundedComponent;

package/dist/cjs/packages/checkboxgroup/checkboxgroup.d.ts

@@ -1,17 +1,3 @@
 import React from 'react';
-import { RadioGroupOption } from "../radiogroup/types";
-import { CheckboxDirection, CheckboxLabelPosition, CheckboxLimit } from "./types";
-export interface CheckboxGroupProps {
-    disabled?: boolean;
-    value?: string[];
-    defaultValue?: string[];
-    list: boolean;
-    max: number | undefined;
-    min: number | undefined;
-    labelPosition: CheckboxLabelPosition;
-    direction: CheckboxDirection;
-    options: RadioGroupOption[];
-    onChange: (value: string[]) => void;
-    onLimit: (type: CheckboxLimit) => void;
-}
-export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<CheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;
+import { WebCheckboxGroupProps } from "../../types";
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Partial<WebCheckboxGroupProps> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/checkboxgroup/context.d.ts

@@ -1,6 +1,6 @@
-import { CheckboxLimit, CheckboxLabelPosition } from './types';
+import { CheckboxLimit, PositionX } from "../../types";
 declare const CheckboxGroupContext: import("react").Context<{
-    labelPosition: CheckboxLabelPosition;
+    labelPosition: PositionX;
     disabled: boolean | undefined;
     list: boolean;
     value: string[];

package/dist/cjs/packages/checkboxgroup/index.d.ts

@@ -1,4 +1,3 @@
 import { CheckboxGroup } from './checkboxgroup';
-export type { CheckboxLimit, CheckboxGroupOptionType, CheckboxLabelPosition, CheckboxDirection, } from './types';
-export type { CheckboxGroupProps } from './checkboxgroup';
+export type { WebCheckboxGroupProps as CheckboxGroupProps } from "../../types";
 export default CheckboxGroup;

package/dist/cjs/packages/circleprogress/circleprogress.d.ts

@@ -1,8 +1,5 @@
 import React, { FunctionComponent } from 'react';
 import { BasicComponent } from "../../utils/typings";
-export interface Color {
-    [key: string]: string;
-}
 export interface CircleProgressProps extends BasicComponent {
     percent: string | number;
     strokeWidth?: string | number;

package/dist/cjs/packages/col/col.d.ts

@@ -1,13 +1,3 @@
 import React, { FunctionComponent } from 'react';
-import type { MouseEvent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type ColEventType = 'row' | 'col';
-export interface ColProps extends BasicComponent {
-    span: string | number;
-    offset: string | number;
-    gutter: string | number;
-    isFirst: boolean;
-    isLast: boolean;
-    onClick: (e: MouseEvent<HTMLDivElement>, type: ColEventType) => void;
-}
-export declare const Col: FunctionComponent<Partial<ColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;
+import { WebColProps } from "../../types";
+export declare const Col: FunctionComponent<Partial<WebColProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

package/dist/cjs/packages/col/index.d.ts

@@ -1,3 +1,3 @@
 import { Col } from './col';
-export type { ColEventType, ColProps } from './col';
+export type { UILayout, WebColProps as ColProps } from "../../types";
 export default Col;

package/dist/cjs/packages/collapse/collapse.d.ts

@@ -1,15 +1,6 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from "../../utils/typings";
+import { FunctionComponent } from 'react';
 import CollapseItem from '../collapseitem';
-export type CollapseActiveName = Array<string> | string;
-export interface CollapseProps extends BasicComponent {
-    activeName: CollapseActiveName;
-    defaultActiveName: CollapseActiveName;
-    accordion: boolean;
-    expandIcon: ReactNode;
-    rotate: number;
-    onChange: (activeName: CollapseActiveName, name: string, isOpen: boolean) => void;
-}
-export declare const Collapse: FunctionComponent<Partial<CollapseProps>> & {
+import { WebCollapseProps } from "../../types";
+export declare const Collapse: FunctionComponent<Partial<WebCollapseProps>> & {
     Item: typeof CollapseItem;
 };

package/dist/cjs/packages/collapse/index.d.ts

@@ -1,3 +1,3 @@
 import { Collapse } from './collapse';
-export type { CollapseActiveName, CollapseProps } from './collapse';
+export type { CollapseActiveName, WebCollapseProps as CollapseProps, } from "../../types";
 export default Collapse;

package/dist/cjs/packages/countdown/countdown.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CountDownProps } from './types';
-export declare const CountDown: React.ForwardRefExoticComponent<Partial<CountDownProps> & React.RefAttributes<unknown>>;
+import { WebCountDownProps } from "../../types";
+export declare const CountDown: React.ForwardRefExoticComponent<Partial<WebCountDownProps> & React.RefAttributes<unknown>>;

package/dist/cjs/packages/countdown/index.d.ts

@@ -1,3 +1,3 @@
 import { CountDown } from './countdown';
-export type { CountDownProps, CountDownType, CountDownTimeProps } from './types';
+export type { WebCountDownProps as CountDownProps, CountDownType, CountDownTime, } from "../../types";
 export default CountDown;

package/dist/cjs/packages/datepicker/datepicker.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { DatePickerActions, DatePickerProps } from './types';
-declare const DatePicker: React.ForwardRefExoticComponent<Partial<DatePickerProps> & React.RefAttributes<DatePickerActions>>;
+import { PickerActions, WebDatePickerProps } from "../../types";
+declare const DatePicker: React.ForwardRefExoticComponent<Partial<WebDatePickerProps> & React.RefAttributes<PickerActions>>;
 export default DatePicker;

package/dist/cjs/packages/datepicker/index.d.ts

@@ -1,3 +1,3 @@
 import DatePicker from './datepicker';
-export type { DatePickerProps } from './types';
+export type { WebDatePickerProps as DatePickerProps } from "../../types";
 export default DatePicker;

package/dist/cjs/packages/datepicker/utils.d.ts

@@ -1,4 +1,4 @@
-import { PickerOption, PickerOptions, PickerValue } from "../pickerview/types";
+import { PickerOption, PickerOptions, PickerValue } from "../../types";
 /**
  * 获取指定年份和月份的最后一天
  * @param year - 年份

package/dist/cjs/packages/datepickerview/datepickerview.d.ts

@@ -1,3 +1,3 @@
 import { FunctionComponent } from 'react';
-import { DatePickerViewProps } from './types';
-export declare const DatePickerView: FunctionComponent<Partial<DatePickerViewProps>>;
+import { WebDatePickerViewProps } from "../../types";
+export declare const DatePickerView: FunctionComponent<Partial<WebDatePickerViewProps>>;

package/dist/cjs/packages/datepickerview/index.d.ts

@@ -1,3 +1,3 @@
 import { DatePickerView } from './datepickerview';
-export type { DatePickerViewProps } from './types';
+export type { WebDatePickerViewProps as DatePickerViewProps } from "../../types";
 export default DatePickerView;

package/dist/cjs/packages/datepickerview/types.d.ts

@@ -1,5 +1,5 @@
 import { BasicComponent } from "../../utils/typings";
-import { PickerOptions, PickerValue, PickerOption } from "../pickerview/types";
+import { PickerOptions, PickerValue, PickerOption } from "../../types";
 export interface DatePickerViewProps extends BasicComponent {
     value?: Date;
     defaultValue?: Date;

package/dist/cjs/packages/dialog/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, ForwardRefExoticComponent, PropsWithChildren } from 'react';
 import type { MouseEvent, CSSProperties } from 'react';
-import { OverlayProps } from "../overlay/types";
+import { WebOverlayProps } from "../../types";
 import { BasicComponent } from "../../utils/typings";
 export type DialogConfigType = {
     prefixCls?: string;
@@ -17,7 +17,7 @@ export interface ContentProps extends BasicComponent {
     footerDirection: DialogFooterDirection;
     onClick: (event: MouseEvent) => void;
 }
-export interface DialogWrapProps extends OverlayProps, Omit<ContentProps, 'onClick'> {
+export interface DialogWrapProps extends WebOverlayProps, Omit<ContentProps, 'onClick'> {
     visible: boolean;
     overlay: boolean;
     overlayStyle: CSSProperties;

package/dist/cjs/packages/ellipsis/ellipsis.d.ts

@@ -1,15 +1,3 @@
 import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-export type EllipsisDirection = 'start' | 'end' | 'middle';
-export interface EllipsisProps extends BasicComponent {
-    content: string;
-    direction: EllipsisDirection;
-    rows: number | string;
-    expandText: string;
-    collapseText: string;
-    symbol: string;
-    lineHeight: number | string;
-    onClick: () => void;
-    onChange: (type: string) => void;
-}
-export declare const Ellipsis: FunctionComponent<Partial<EllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;
+import { WebEllipsisProps } from "../../types";
+export declare const Ellipsis: FunctionComponent<Partial<WebEllipsisProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onChange'>>;

package/dist/cjs/packages/ellipsis/index.d.ts

@@ -1,3 +1,3 @@
 import { Ellipsis } from './ellipsis';
-export type { EllipsisProps, EllipsisDirection } from './ellipsis';
+export type { WebEllipsisProps as EllipsisProps, EllipsisDirection, } from "../../types";
 export default Ellipsis;

package/dist/cjs/packages/fixednav/fixednav.d.ts

@@ -1,3 +1,3 @@
 import React, { FunctionComponent } from 'react';
-import { FixedNavProps } from './types';
-export declare const FixedNav: FunctionComponent<Partial<FixedNavProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;
+import { WebFixedNavProps } from "../../types";
+export declare const FixedNav: FunctionComponent<Partial<WebFixedNavProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect' | 'content'>>;

package/dist/cjs/packages/fixednav/index.d.ts

@@ -1,3 +1,3 @@
 import { FixedNav } from './fixednav';
-export type { FixedNavType, FixedNavPosition, FixedNavItem, FixedNavProps, } from './types';
+export type { FixedNavPosition, FixedNavItem, WebFixedNavProps as FixedNavProps, } from "../../types";
 export default FixedNav;

package/dist/cjs/packages/fixednav/style/index.js

@@ -1,2 +1,3 @@
 import '../../overlay/style';
+import '../../badge/style';
 import './fixednav.scss';

package/dist/cjs/packages/fixednav/style/style.css

@@ -57,6 +57,103 @@
   right: 0;
 }
 
+.nut-badge {
+  position: relative;
+  display: inline-flex;
+  width: auto;
+}
+.nut-badge-icon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
+  padding: var(--nutui-badge-icon-padding, 2px);
+  text-align: center;
+  z-index: var(--nutui-badge-z-index, 1);
+}
+.nut-badge-icon .nut-icon {
+  width: var(--nutui-badge-icon-size, 10px);
+  height: var(--nutui-badge-icon-size, 10px);
+  font-size: var(--nutui-badge-icon-size, 10px);
+}
+.nut-badge-sup, .nut-badge-icon {
+  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
+}
+.nut-badge-sup::after, .nut-badge-icon::after {
+  content: "";
+  position: absolute;
+  top: -50%;
+  bottom: -50%;
+  left: -50%;
+  right: -50%;
+  transform: scale(0.5);
+  border: var(--nutui-badge-border, 1px solid #ffffff);
+  border-radius: var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));
+}
+.nut-badge-sup {
+  display: inline-flex;
+  justify-content: center;
+  height: var(--nutui-badge-height, 14px);
+  min-width: var(--nutui-badge-min-width, 6px);
+  padding: var(--nutui-badge-padding, 1px 4px);
+  box-sizing: border-box;
+  color: var(--nutui-badge-color, #ffffff);
+  font-size: var(--nutui-badge-font-size, var(--nutui-font-size-xxs, 10px));
+  line-height: 12px;
+  white-space: nowrap;
+  font-weight: normal;
+  vertical-align: middle;
+  background: var(--nutui-badge-background-color, var(--nutui-color-primary, #ff0f23));
+  z-index: 1;
+}
+.nut-badge-number {
+  font-family: "JD";
+  /* #ifdef harmony */
+  line-height: 12px;
+  /* #endif */
+  /* #ifndef harmony */
+  line-height: 13px;
+  /* #endif */
+}
+.nut-badge-one {
+  height: var(--nutui-badge-height, 14px);
+  width: var(--nutui-badge-height, 14px);
+}
+.nut-badge-content {
+  position: absolute;
+  transform: var(--nutui-badge-content-transform, translate(50%, -50%));
+}
+.nut-badge-dot {
+  padding: 0;
+  border-radius: 50%;
+}
+.nut-badge-dot::after {
+  border: var(--nutui-badge-dot-border, 1px solid #ffffff);
+  border-radius: 50%;
+}
+.nut-badge-dot-normal {
+  min-width: var(--nutui-badge-dot-width, 6px);
+  width: var(--nutui-badge-dot-width, 6px);
+  height: var(--nutui-badge-dot-width, 6px);
+}
+.nut-badge-dot-small {
+  min-width: var(--nutui-badge-dot-width, 4px);
+  width: var(--nutui-badge-dot-width, 4px);
+  height: var(--nutui-badge-dot-width, 4px);
+}
+.nut-badge-dot-large {
+  min-width: var(--nutui-badge-dot-width, 8px);
+  width: var(--nutui-badge-dot-width, 8px);
+  height: var(--nutui-badge-dot-width, 8px);
+}
+.nut-badge-outline {
+  background: #ffffff;
+  color: var(--nutui-badge-outline-color, var(--nutui-color-primary, #ff0f23));
+}
+.nut-badge-outline::after {
+  border: var(--nutui-badge-outline-border, 1px solid var(--nutui-color-primary, #ff0f23));
+}
+
 .nut-fixednav {
   position: fixed;
   z-index: var(--nutui-fixednav-index, 900);

package/dist/cjs/packages/form/index.d.ts

@@ -3,7 +3,8 @@ import { FormProps } from './form';
 import { FormItem } from '../formitem/formitem';
 import { FormInstance } from './types';
 import { useForm, useWatch } from "./useform";
-export type { FormItemRuleWithoutValidator, FormInstance, FormFieldEntity, } from './types';
+export type { FormProps } from './form';
+export type { FormItemRuleWithoutValidator, FormInstance, FormFieldEntity, NamePath, Store, } from './types';
 type CompoundedComponent = React.ForwardRefExoticComponent<Partial<FormProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> & React.RefAttributes<FormInstance>> & {
     Item: typeof FormItem;
     useForm: typeof useForm;

package/dist/cjs/packages/formitem/index.d.ts

@@ -1,3 +1,4 @@
 import { FormItem } from './formitem';
+export type { FormItemProps } from './formitem';
 export type { FormItemRule } from './types';
 export default FormItem;

package/dist/cjs/packages/hoverbutton/hoverbutton.d.ts

@@ -1,10 +1,6 @@
-import React, { FunctionComponent } from 'react';
-import { BasicComponent } from "../../utils/typings";
-import HoverButtonItem, { HoverButtonItemProps } from "../hoverbuttonitem/index";
-export interface HoverButtonProps extends BasicComponent, HoverButtonItemProps {
-    zIndex: number;
-    tabbarHeight?: number;
-}
-export declare const HoverButton: FunctionComponent<Partial<HoverButtonProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'title'>> & {
+import { FunctionComponent } from 'react';
+import HoverButtonItem from "../hoverbuttonitem/index";
+import { WebHoverButtonProps } from "../../types";
+export declare const HoverButton: FunctionComponent<Partial<WebHoverButtonProps>> & {
     Item: typeof HoverButtonItem;
 };