@nutui/nutui-react 2.7.0 → 3.0.0-beta.0

package/dist/esm/Cascader.js

@@ -1,4 +0,0 @@
-import { C as Cascader } from "./cascader2.js";
-export {
-  Cascader as default
-};

package/dist/esm/Cell/style/index.js

@@ -1,2 +0,0 @@
-import '../../CellGroup/style'
-import '../../../packages/cell/cell.scss'

package/dist/esm/Cell/style/style.css

@@ -1 +0,0 @@
-.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}.nut-cell{position:relative;display:flex;width:100%;line-height:var(--nutui-cell-line-height, 20px);padding:var(--nutui-cell-padding, 13px 16px);background-color:var(--nutui-cell-background-color, var(--nutui-gray-1, #ffffff));border-radius:var(--nutui-cell-border-radius, 6px);box-shadow:var(--nutui-cell-box-shadow, 0px 1px 7px 0px rgb(237, 238, 241));font-size:var(--nutui-cell-title-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-title-color, var(--nutui-gray-7, #1a1a1a));margin:10px 0;box-sizing:border-box}.nut-cell-left{display:flex;flex-direction:column;flex:1}.nut-cell-description{font-size:var(--nutui-cell-description-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-cell-description-color, var(--nutui-gray-6, #595959))}.nut-cell-extra{display:inline-flex;justify-content:flex-end;align-items:center;flex:1;min-width:0;word-break:break-all;font-size:var(--nutui-cell-extra-font-size, var(--nutui-font-size-3, 14px));color:var(--nutui-cell-extra-color, var(--nutui-gray-6, #595959))}.nut-cell:active:before{opacity:.1}.nut-cell-clickable{cursor:pointer}.nut-cell-clickable:before{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:var(--nutui-gray-7, #1a1a1a);border:inherit;border-color:var(--nutui-gray-7, #1a1a1a);border-radius:inherit;transform:translate(-50%,-50%);opacity:0;content:" "}

package/dist/esm/Cell.js

@@ -1,41 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useContext } from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-import CellGroup__default from "./CellGroup.js";
-import { C as CellGroupContext } from "./context.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: null, description: null, extra: null, radius: "6px", align: "flex-start", clickable: false, onClick: (event) => {
-} });
-const classPrefix = "nut-cell";
-const Cell = (props) => {
-  const ctx = useContext(CellGroupContext);
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, clickable, onClick, title, description, extra, radius, align, className, style } = _a, rest = __rest(_a, ["children", "clickable", "onClick", "title", "description", "extra", "radius", "align", "className", "style"]);
-  const handleClick = (event) => {
-    onClick(event);
-  };
-  const baseStyle = Object.assign(Object.assign({}, style), { borderRadius: Number.isNaN(Number(radius)) ? String(radius) : `${radius}px`, alignItems: align });
-  const styles = title || description ? {} : {
-    flex: 1
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: `${classNames(classPrefix, className, clickable ? `${classPrefix}-clickable` : "")}`, onClick: (event) => handleClick(event), style: baseStyle }, rest),
-    children || React__default.createElement(
-      React__default.Fragment,
-      null,
-      title || description ? React__default.createElement(
-        "div",
-        { className: `${classPrefix}-left` },
-        title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-        description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null
-      ) : null,
-      extra ? React__default.createElement("div", { className: `${classPrefix}-extra`, style: styles }, extra) : null
-    ),
-    (ctx === null || ctx === void 0 ? void 0 : ctx.divider) ? React__default.createElement("div", { className: `${classPrefix}-divider` }) : null
-  );
-};
-Cell.displayName = "NutCell";
-Cell.Group = CellGroup__default;
-export {
-  Cell as default
-};

package/dist/esm/CellGroup/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/cellgroup/cellgroup.scss'

package/dist/esm/CellGroup/style/style.css

@@ -1 +0,0 @@
-.nut-cell-group{display:block}.nut-cell-group-title{display:inherit;padding:var(--nutui-cell-group-title-padding, 0 10px);color:var(--nutui-cell-group-title-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-cell-group-title-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-cell-group-title-line-height, 20px);margin-top:30px;margin-bottom:10px}.nut-cell-group-description{display:inherit;padding:var(--nutui-cell-group-description-padding, 0 10px);color:var(--nutui-cell-group-description-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-cell-group-description-font-size, var(--nutui-font-size-2, 12px));line-height:var(--nutui-cell-group-description-line-height, 16px);margin-top:10px;margin-bottom:10px}.nut-cell-group-wrap{display:inherit;border-radius:var(--nutui-cell-border-radius, 6px);overflow:hidden;background-color:var(--nutui-cell-group-background-color, var(--nutui-gray-1, #ffffff));margin:var(--nutui-cell-group-wrap-margin, 10px 0)}.nut-cell-group-wrap .nut-cell{margin:0;box-shadow:none;border-radius:0}.nut-cell-group-wrap-divider .nut-cell-divider{position:absolute;box-sizing:border-box;pointer-events:none;right:var(--nutui-cell-divider-right, 16px);bottom:0;left:var(--nutui-cell-divider-left, 16px);transform:scaleY(.5);border-top:var(--nutui-cell-divider-border-bottom, 2px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-cell-group-wrap-divider .nut-cell:last-child .nut-cell-divider{border-top:0!important}[dir=rtl] .nut-cell-group-wrap-divider .nut-cell-divider,.nut-rtl .nut-cell-group-wrap-divider .nut-cell-divider{left:var(--nutui-cell-divider-right, 16px);right:var(--nutui-cell-divider-left, 16px)}

package/dist/esm/CellGroup.js

@@ -1,25 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-import { C as CellGroupContext } from "./context.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", description: "", divider: true });
-const classPrefix = "nut-cell-group";
-const CellGroup = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, title, description, divider } = _a, rest = __rest(_a, ["children", "className", "title", "description", "divider"]);
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classNames(classPrefix, className) }, rest),
-    title ? React__default.createElement("div", { className: `${classPrefix}-title` }, title) : null,
-    description ? React__default.createElement("div", { className: `${classPrefix}-description` }, description) : null,
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-wrap ${divider ? `${classPrefix}-wrap-divider` : ""}` },
-      React__default.createElement(CellGroupContext.Provider, { value: { divider } }, children)
-    )
-  );
-};
-CellGroup.displayName = "NutCellGroup";
-export {
-  CellGroup as default
-};

package/dist/esm/Checkbox/style/index.js

@@ -1,2 +0,0 @@
-import '../../CheckboxGroup/style'
-import '../../../packages/checkbox/checkbox.scss'

package/dist/esm/Checkbox/style/style.css

@@ -1 +0,0 @@
-.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-list{width:100%;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));padding:var(--nutui-checkbox-list-padding, 0 0 0 12px);background:var(--nutui-checkbox-list-background-color, #ffffff)}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item{border-top:none}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}.nut-checkbox{display:flex;align-items:center}.nut-checkbox-icon{color:var(--nutui-color-text-disabled, #bfbfbf);font-size:var(--nutui-checkbox-icon-font-size, var(--nutui-font-size-4, 16px))}.nut-checkbox-icon-checked{color:var(--nutui-color-primary, #fa2c19);transition-duration:.3s;transition-property:color,border-color,background-color}.nut-checkbox-icon-checked.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));font-size:var(--nutui-checkbox-label-font-size, var(--nutui-font-size-2, 12px));color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a))}.nut-checkbox-label-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-icon-indeterminate{color:var(--nutui-color-primary, #fa2c19)}.nut-checkbox-icon-indeterminate.nut-checkbox-icon-disabled{color:var(--nutui-color-primary-disabled, #fd9d94)}.nut-checkbox-icon-disabled{color:var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-reverse{flex-direction:row-reverse}.nut-checkbox-reverse .nut-checkbox-label{margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-left:0}.nut-checkbox-button{position:relative;display:inline-flex;align-items:center;padding:var(--nutui-checkbox-button-padding, 5px 18px);font-size:var(--nutui-checkbox-button-font-size, var(--nutui-font-size-2, 12px));background:var(--nutui-gray-3, #f6f6f6);border-radius:var(--nutui-checkbox-button-border-radius, 15px);color:var(--nutui-checkbox-label-color, var(--nutui-gray-7, #1a1a1a));box-sizing:border-box;border:1px solid var(--nutui-gray-3, #f6f6f6);overflow:hidden}.nut-checkbox-button-active{background:var(--nutui-color-primary-light, #ffeae8);color:var(--nutui-color-primary, #fa2c19);border:var(--nutui-checkbox-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19))}.nut-checkbox-button-disabled{color:var(--nutui-color-text-disabled, #bfbfbf);border:1px solid var(--nutui-gray-3, #f6f6f6)}.nut-checkbox-button-icon{position:absolute;right:0;bottom:0;width:0;height:0;border-top:10px solid transparent;border-left:10px solid transparent;border-bottom:10px solid var(--nutui-color-primary, #fa2c19);border-right:10px solid var(--nutui-color-primary, #fa2c19);display:flex;align-items:flex-end;justify-content:flex-end}.nut-checkbox-button-icon-checked{width:12px;height:12px;position:absolute;color:#fff;top:50%;left:50%;transform:translate(-3px,-3px)}.nut-checkbox-button-icon .nut-icon{position:absolute;font-size:12px;width:12px;height:12px}.nut-checkbox-button-icon .nut-icon:before{top:auto;bottom:-22px;margin-left:6px}.nut-checkbox .nut-checkbox-button-active.nut-checkbox-button-disabled{background:var(--nutui-color-text-disabled, #bfbfbf);color:#fff;border:1px solid var(--nutui-color-text-disabled, #bfbfbf)}.nut-checkbox-list-item{width:100%;display:flex;justify-content:flex-start;align-items:center;padding:var(--nutui-checkbox-list-item-padding, 12px 12px 12px 0);border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-checkbox-list-item .nut-checkbox-label{flex:auto}.nut-checkbox-list-item .nut-icon{flex:none}[dir=rtl] .nut-checkbox-label,.nut-rtl .nut-checkbox-label{margin-left:0;margin-right:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px))}[dir=rtl] .nut-checkbox-reverse .nut-checkbox-label,.nut-rtl .nut-checkbox-reverse .nut-checkbox-label{margin-left:var(--nutui-checkbox-label-margin-left, var(--nutui-spacing-2, 4px));margin-right:0}[dir=rtl] .nut-checkbox-button-icon,.nut-rtl .nut-checkbox-button-icon{right:auto;left:0;border-right:10px solid transparent;border-left:10px solid var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-checkbox-button-icon-checked,.nut-rtl .nut-checkbox-button-icon-checked{left:auto;right:50%;transform:translate(3px,-3px)}[dir=rtl] .nut-checkbox-button-icon .nut-icon:before,.nut-rtl .nut-checkbox-button-icon .nut-icon:before{margin-left:0;margin-right:6px}

package/dist/esm/Checkbox.js

@@ -1,4 +0,0 @@
-import { C as Checkbox } from "./checkbox2.js";
-export {
-  Checkbox as default
-};

package/dist/esm/CheckboxGroup/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/checkboxgroup/checkboxgroup.scss'

package/dist/esm/CheckboxGroup/style/style.css

@@ -1 +0,0 @@
-.nut-checkboxgroup .nut-checkbox-button{background-color:var(--nutui-gray-3, #f6f6f6)}.nut-checkboxgroup-vertical .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-vertical .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}.nut-checkboxgroup-vertical .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-horizontal .nut-checkbox{display:inline-flex;margin-right:20px}.nut-checkboxgroup-horizontal .nut-checkbox-button-active{border:var(--nutui-radio-button-active-border, 1px solid var(--nutui-color-primary, #fa2c19));background-color:var(--nutui-color-primary-light, #ffeae8)}.nut-checkboxgroup-list{width:100%;border-bottom:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));border-top:var(--nutui-checkbox-list-item-border, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));padding:var(--nutui-checkbox-list-padding, 0 0 0 12px);background:var(--nutui-checkbox-list-background-color, #ffffff)}.nut-checkboxgroup-list .nut-checkbox{margin-bottom:5px}.nut-checkboxgroup-list .nut-checkbox:first-child .nut-checkbox-list-item{border-top:none}.nut-checkboxgroup-list .nut-checkbox.nut-checkbox-reverse{width:100%;justify-content:space-between}[dir=rtl] .nut-checkboxgroup .nut-checkbox-label,.nut-rtl .nut-checkboxgroup .nut-checkbox-label,[dir=rtl] .nut-checkboxgroup-vertical .nut-checkbox-label,.nut-rtl .nut-checkboxgroup-vertical .nut-checkbox-label{margin-right:5px}[dir=rtl] .nut-checkboxgroup-horizontal .nut-checkbox,.nut-rtl .nut-checkboxgroup-horizontal .nut-checkbox{margin-right:0;margin-left:20px}

package/dist/esm/CheckboxGroup.js

@@ -1,91 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useImperativeHandle, useCallback } from "react";
-import classNames from "classnames";
-import { C as Checkbox, a as CheckboxGroupContext } from "./checkbox2.js";
-import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = {
-  max: void 0,
-  min: void 0,
-  list: false,
-  labelPosition: "right",
-  direction: "vertical",
-  onChange: (value) => {
-  },
-  onLimit: (type) => {
-  },
-  options: []
-};
-const classPrefix = "nut-checkboxgroup";
-const CheckboxGroup = React__default.forwardRef((props, ref) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, className, disabled, list, value, defaultValue, max, min, labelPosition, direction, options, onChange, onLimit } = _a, rest = __rest(_a, ["children", "className", "disabled", "list", "value", "defaultValue", "max", "min", "labelPosition", "direction", "options", "onChange", "onLimit"]);
-  useImperativeHandle(ref, () => ({
-    toggle(state) {
-      if (state === false) {
-        setValue([]);
-      } else {
-        const childrenLabel = [];
-        React__default.Children.map(children, (child) => {
-          const childProps = child.props;
-          childrenLabel.push(childProps.value);
-        });
-        setValue(childrenLabel);
-      }
-    },
-    reverse() {
-      const childrenLabel = [];
-      React__default.Children.map(children, (child) => {
-        const childProps = child.props;
-        childrenLabel.push(childProps.value);
-      });
-      const reverse = childrenLabel.filter((c) => (_value === null || _value === void 0 ? void 0 : _value.findIndex((v) => v === c)) === -1);
-      setValue(reverse);
-    }
-  }));
-  const [_value, setValue] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: [],
-    onChange
-  });
-  const renderOptions = useCallback(() => {
-    return options === null || options === void 0 ? void 0 : options.map((_a2) => {
-      var { label, value: value2, disabled: disabled2, onChange: onChange2 } = _a2, rest2 = __rest(_a2, ["label", "value", "disabled", "onChange"]);
-      return React__default.createElement(Checkbox, Object.assign({ key: value2 === null || value2 === void 0 ? void 0 : value2.toString(), label, disabled: disabled2, value: value2 }, rest2));
-    });
-  }, [options, max, min]);
-  return React__default.createElement(
-    CheckboxGroupContext.Provider,
-    { value: {
-      labelPosition: labelPosition || "right",
-      disabled,
-      max,
-      list,
-      onLimit,
-      value: _value,
-      check: (value2) => {
-        const combined = [..._value, value2];
-        if (max !== void 0) {
-          if (combined.length > max) {
-            return onLimit === null || onLimit === void 0 ? void 0 : onLimit("max");
-          }
-        }
-        setValue(combined);
-      },
-      uncheck: (value2) => {
-        const reduced = _value.filter((item) => item !== value2);
-        if (min !== void 0 && reduced.length < min) {
-          return onLimit === null || onLimit === void 0 ? void 0 : onLimit("min");
-        }
-        setValue(reduced);
-      }
-    } },
-    React__default.createElement("div", Object.assign({ className: classNames(classPrefix, {
-      [`nut-checkboxgroup-${direction}`]: direction,
-      [`nut-checkboxgroup-list`]: list
-    }, className) }, rest), (options === null || options === void 0 ? void 0 : options.length) ? renderOptions() : children)
-  );
-});
-CheckboxGroup.displayName = "NutCheckboxGroup";
-export {
-  CheckboxGroup as default
-};

package/dist/esm/CircleProgress/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/circleprogress/circleprogress.scss'

package/dist/esm/CircleProgress/style/style.css

@@ -1 +0,0 @@
-.nut-circleprogress{position:relative}.nut-circleprogress-hover{stroke:var(--nutui-circleprogress-primary-color, var(--nutui-color-primary, #fa2c19));transition:stroke-dasharray .2s ease-in-out 0s,stroke .2s ease 0s}.nut-circleprogress-path{stroke:var(--nutui-circleprogress-path-color, var(--nutui-gray-3, #f6f6f6))}.nut-circleprogress-text{position:absolute;top:50%;left:0;box-sizing:border-box;width:100%;transform:translateY(-50%);text-align:center;color:var(--nutui-circleprogress-text-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-circleprogress-text-size, var(--nutui-font-size-4, 16px))}[dir=rtl] .nut-circleprogress-text,.nut-rtl .nut-circleprogress-text{left:auto;right:0}

package/dist/esm/CircleProgress.js

@@ -1,68 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default from "react";
-import classNames from "classnames";
-import { a as isObject } from "./index.js";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { strokeWidth: 5, radius: 50, strokeLinecap: "round", color: "#fa2c19", background: "#e5e9f2", clockwise: true });
-const classPrefix = `nut-circleprogress`;
-const CircleProgress = (props) => {
-  var _a;
-  const _b = Object.assign(Object.assign({}, defaultProps), props), { children, percent, className, radius, clockwise, strokeWidth, color, background, style, strokeLinecap } = _b, restProps = __rest(_b, ["children", "percent", "className", "radius", "clockwise", "strokeWidth", "color", "background", "style", "strokeLinecap"]);
-  const classes = classNames(classPrefix, className);
-  const refRandomId = Math.random().toString(36).slice(-8);
-  const styles = Object.assign({ height: `${Number(radius) * 2}px`, width: `${Number(radius) * 2}px` }, style);
-  const pathStyle = {
-    stroke: background
-  };
-  const hoverStyle = () => {
-    const perimeter = 283;
-    const offset = perimeter * Number(percent) / 100;
-    return {
-      stroke: isObject(color) ? `url(#${refRandomId})` : color,
-      strokeDasharray: `${offset}px ${perimeter}px`
-    };
-  };
-  const path = () => {
-    const isWise = clockwise ? 1 : 0;
-    return `M 50 50 m -45 0 a 45 45 0 1 ${isWise} 90 0  a 45 45 0 1 ${isWise} -90 0`;
-  };
-  const stop = () => {
-    if (!isObject(color)) {
-      return;
-    }
-    const colorArr = Object.keys(color).sort((a, b) => parseFloat(a) - parseFloat(b));
-    const stopArr = [];
-    colorArr.forEach((item) => {
-      const obj = {
-        key: "",
-        value: ""
-      };
-      obj.key = item;
-      obj.value = color[item];
-      stopArr.push(obj);
-    });
-    return stopArr;
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes, style: styles }, restProps),
-    React__default.createElement(
-      "svg",
-      { viewBox: "0 0 100 100" },
-      React__default.createElement(
-        "defs",
-        null,
-        React__default.createElement("linearGradient", { id: refRandomId, x1: "100%", y1: "0%", x2: "0%", y2: "0%" }, (_a = stop()) === null || _a === void 0 ? void 0 : _a.map((item, index) => {
-          return React__default.createElement("stop", { key: index, offset: item.key, stopColor: item.value });
-        }))
-      ),
-      React__default.createElement("path", { className: "nut-circleprogress-path", d: path(), style: pathStyle, fill: "none", strokeWidth }),
-      React__default.createElement("path", { className: "nut-circleprogress-hover", style: hoverStyle(), d: path(), fill: "none", strokeLinecap, transform: "rotate(90,50,50)", strokeWidth })
-    ),
-    React__default.createElement("div", { className: "nut-circleprogress-text" }, children)
-  );
-};
-CircleProgress.displayName = "NutCircleProgress";
-export {
-  CircleProgress as default
-};

package/dist/esm/Col/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/col/col.scss'

package/dist/esm/Col/style/style.css

@@ -1 +0,0 @@
-.nut-col{float:left;box-sizing:border-box;word-break:break-all;margin-bottom:var(--nutui-col-default-margin-bottom, 15px)}.nut-col.nut-col-gutter:last-child{padding-right:0!important}.nut-col.nut-col-gutter:first-child{padding-left:0!important}[dir=rtl] .nut-col,.nut-rtl .nut-col{float:right}[dir=rtl] .nut-col.nut-col-gutter:last-child,.nut-rtl .nut-col.nut-col-gutter:last-child{padding-right:0!important;padding-left:0!important}[dir=rtl] .nut-col.nut-col-gutter:first-child,.nut-rtl .nut-col.nut-col-gutter:first-child{padding-left:0!important;padding-right:0!important}.nut-col-offset-1{margin-left:calc(4.1666666667 * 1 * 1%)}[dir=rtl] .nut-col-offset-1,.nut-rtl .nut-col-offset-1{margin-left:0;margin-right:calc(4.1666666667 * 1 * 1%)}.nut-col-1{width:calc(4.1666666667 * 1 * 1%)}.nut-col-offset-2{margin-left:calc(4.1666666667 * 2 * 1%)}[dir=rtl] .nut-col-offset-2,.nut-rtl .nut-col-offset-2{margin-left:0;margin-right:calc(4.1666666667 * 2 * 1%)}.nut-col-2{width:calc(4.1666666667 * 2 * 1%)}.nut-col-offset-3{margin-left:calc(4.1666666667 * 3 * 1%)}[dir=rtl] .nut-col-offset-3,.nut-rtl .nut-col-offset-3{margin-left:0;margin-right:calc(4.1666666667 * 3 * 1%)}.nut-col-3{width:calc(4.1666666667 * 3 * 1%)}.nut-col-offset-4{margin-left:calc(4.1666666667 * 4 * 1%)}[dir=rtl] .nut-col-offset-4,.nut-rtl .nut-col-offset-4{margin-left:0;margin-right:calc(4.1666666667 * 4 * 1%)}.nut-col-4{width:calc(4.1666666667 * 4 * 1%)}.nut-col-offset-5{margin-left:calc(4.1666666667 * 5 * 1%)}[dir=rtl] .nut-col-offset-5,.nut-rtl .nut-col-offset-5{margin-left:0;margin-right:calc(4.1666666667 * 5 * 1%)}.nut-col-5{width:calc(4.1666666667 * 5 * 1%)}.nut-col-offset-6{margin-left:calc(4.1666666667 * 6 * 1%)}[dir=rtl] .nut-col-offset-6,.nut-rtl .nut-col-offset-6{margin-left:0;margin-right:calc(4.1666666667 * 6 * 1%)}.nut-col-6{width:calc(4.1666666667 * 6 * 1%)}.nut-col-offset-7{margin-left:calc(4.1666666667 * 7 * 1%)}[dir=rtl] .nut-col-offset-7,.nut-rtl .nut-col-offset-7{margin-left:0;margin-right:calc(4.1666666667 * 7 * 1%)}.nut-col-7{width:calc(4.1666666667 * 7 * 1%)}.nut-col-offset-8{margin-left:calc(4.1666666667 * 8 * 1%)}[dir=rtl] .nut-col-offset-8,.nut-rtl .nut-col-offset-8{margin-left:0;margin-right:calc(4.1666666667 * 8 * 1%)}.nut-col-8{width:calc(4.1666666667 * 8 * 1%)}.nut-col-offset-9{margin-left:calc(4.1666666667 * 9 * 1%)}[dir=rtl] .nut-col-offset-9,.nut-rtl .nut-col-offset-9{margin-left:0;margin-right:calc(4.1666666667 * 9 * 1%)}.nut-col-9{width:calc(4.1666666667 * 9 * 1%)}.nut-col-offset-10{margin-left:calc(4.1666666667 * 10 * 1%)}[dir=rtl] .nut-col-offset-10,.nut-rtl .nut-col-offset-10{margin-left:0;margin-right:calc(4.1666666667 * 10 * 1%)}.nut-col-10{width:calc(4.1666666667 * 10 * 1%)}.nut-col-offset-11{margin-left:calc(4.1666666667 * 11 * 1%)}[dir=rtl] .nut-col-offset-11,.nut-rtl .nut-col-offset-11{margin-left:0;margin-right:calc(4.1666666667 * 11 * 1%)}.nut-col-11{width:calc(4.1666666667 * 11 * 1%)}.nut-col-offset-12{margin-left:calc(4.1666666667 * 12 * 1%)}[dir=rtl] .nut-col-offset-12,.nut-rtl .nut-col-offset-12{margin-left:0;margin-right:calc(4.1666666667 * 12 * 1%)}.nut-col-12{width:calc(4.1666666667 * 12 * 1%)}.nut-col-offset-13{margin-left:calc(4.1666666667 * 13 * 1%)}[dir=rtl] .nut-col-offset-13,.nut-rtl .nut-col-offset-13{margin-left:0;margin-right:calc(4.1666666667 * 13 * 1%)}.nut-col-13{width:calc(4.1666666667 * 13 * 1%)}.nut-col-offset-14{margin-left:calc(4.1666666667 * 14 * 1%)}[dir=rtl] .nut-col-offset-14,.nut-rtl .nut-col-offset-14{margin-left:0;margin-right:calc(4.1666666667 * 14 * 1%)}.nut-col-14{width:calc(4.1666666667 * 14 * 1%)}.nut-col-offset-15{margin-left:calc(4.1666666667 * 15 * 1%)}[dir=rtl] .nut-col-offset-15,.nut-rtl .nut-col-offset-15{margin-left:0;margin-right:calc(4.1666666667 * 15 * 1%)}.nut-col-15{width:calc(4.1666666667 * 15 * 1%)}.nut-col-offset-16{margin-left:calc(4.1666666667 * 16 * 1%)}[dir=rtl] .nut-col-offset-16,.nut-rtl .nut-col-offset-16{margin-left:0;margin-right:calc(4.1666666667 * 16 * 1%)}.nut-col-16{width:calc(4.1666666667 * 16 * 1%)}.nut-col-offset-17{margin-left:calc(4.1666666667 * 17 * 1%)}[dir=rtl] .nut-col-offset-17,.nut-rtl .nut-col-offset-17{margin-left:0;margin-right:calc(4.1666666667 * 17 * 1%)}.nut-col-17{width:calc(4.1666666667 * 17 * 1%)}.nut-col-offset-18{margin-left:calc(4.1666666667 * 18 * 1%)}[dir=rtl] .nut-col-offset-18,.nut-rtl .nut-col-offset-18{margin-left:0;margin-right:calc(4.1666666667 * 18 * 1%)}.nut-col-18{width:calc(4.1666666667 * 18 * 1%)}.nut-col-offset-19{margin-left:calc(4.1666666667 * 19 * 1%)}[dir=rtl] .nut-col-offset-19,.nut-rtl .nut-col-offset-19{margin-left:0;margin-right:calc(4.1666666667 * 19 * 1%)}.nut-col-19{width:calc(4.1666666667 * 19 * 1%)}.nut-col-offset-20{margin-left:calc(4.1666666667 * 20 * 1%)}[dir=rtl] .nut-col-offset-20,.nut-rtl .nut-col-offset-20{margin-left:0;margin-right:calc(4.1666666667 * 20 * 1%)}.nut-col-20{width:calc(4.1666666667 * 20 * 1%)}.nut-col-offset-21{margin-left:calc(4.1666666667 * 21 * 1%)}[dir=rtl] .nut-col-offset-21,.nut-rtl .nut-col-offset-21{margin-left:0;margin-right:calc(4.1666666667 * 21 * 1%)}.nut-col-21{width:calc(4.1666666667 * 21 * 1%)}.nut-col-offset-22{margin-left:calc(4.1666666667 * 22 * 1%)}[dir=rtl] .nut-col-offset-22,.nut-rtl .nut-col-offset-22{margin-left:0;margin-right:calc(4.1666666667 * 22 * 1%)}.nut-col-22{width:calc(4.1666666667 * 22 * 1%)}.nut-col-offset-23{margin-left:calc(4.1666666667 * 23 * 1%)}[dir=rtl] .nut-col-offset-23,.nut-rtl .nut-col-offset-23{margin-left:0;margin-right:calc(4.1666666667 * 23 * 1%)}.nut-col-23{width:calc(4.1666666667 * 23 * 1%)}.nut-col-offset-24{margin-left:calc(4.1666666667 * 24 * 1%)}[dir=rtl] .nut-col-offset-24,.nut-rtl .nut-col-offset-24{margin-left:0;margin-right:calc(4.1666666667 * 24 * 1%)}.nut-col-24{width:calc(4.1666666667 * 24 * 1%)}

package/dist/esm/Col.js

@@ -1,32 +0,0 @@
-import React__default, { useState, useContext, useEffect } from "react";
-import classNames from "classnames";
-import { D as DataContext } from "./UserContext.js";
-import { C as ComponentDefaults } from "./typings.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { span: "24", offset: "0", gutter: "0" });
-const Col = (props) => {
-  const { className, style, span, offset, children, onClick } = Object.assign(Object.assign({}, defaultProps), props);
-  const [colName, setColName] = useState("");
-  const [colStyle, setColStyle] = useState({});
-  const { gutter } = useContext(DataContext);
-  const classs = () => {
-    const prefixCls = "nut-col";
-    return `${prefixCls} ${prefixCls}-${span} ${gutter ? `${prefixCls}-gutter` : ""} ${prefixCls}-offset-${offset}`;
-  };
-  const getStyle = () => {
-    const style2 = {};
-    style2.paddingLeft = `${gutter / 2}px`;
-    style2.paddingRight = `${gutter / 2}px`;
-    return style2;
-  };
-  useEffect(() => {
-    setColName(classs);
-    setColStyle(getStyle);
-  }, [span, offset, gutter]);
-  return React__default.createElement("div", { className: classNames(colName, className), style: Object.assign(Object.assign({}, style), colStyle), onClick: (e) => {
-    onClick && onClick(e, "col");
-  } }, children);
-};
-Col.displayName = "NutCol";
-export {
-  Col as default
-};

package/dist/esm/Collapse/style/index.js

@@ -1,2 +0,0 @@
-import '../../CollapseItem/style'
-import '../../../packages/collapse/collapse.scss'

package/dist/esm/Collapse/style/style.css

@@ -1 +0,0 @@
-.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;width:24px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}

package/dist/esm/Collapse.js

@@ -1,62 +0,0 @@
-import React__default, { useCallback } from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-import { a as CollapseContext, C as CollapseItem } from "./collapseitem2.js";
-import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultActiveName: [], accordion: false, expandIcon: null, rotate: 180 });
-const Collapse = (props) => {
-  const { className, style, children, activeName, defaultActiveName, accordion, expandIcon, rotate, onChange } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-collapse";
-  const [value, setValue] = usePropsValue({
-    value: activeName,
-    defaultValue: defaultActiveName,
-    finalValue: []
-  });
-  const changeVal = (newValue, name, isOpen2) => {
-    setValue(newValue);
-    onChange && onChange(newValue, name, isOpen2);
-  };
-  const updateValue = (name) => {
-    if (accordion) {
-      if (value === name) {
-        changeVal("", name, false);
-      } else {
-        changeVal(name, name, true);
-      }
-    } else if (Array.isArray(value)) {
-      if (value.includes(name)) {
-        const newValue = value.filter((v) => v !== name);
-        changeVal(newValue, name, false);
-      } else {
-        const newValue = value.concat([name]);
-        changeVal(newValue, name, true);
-      }
-    } else {
-      console.warn("[NutUI] <Collapse> 未开启手风琴模式时 activeName 应为数组");
-    }
-  };
-  const isOpen = useCallback((name) => {
-    if (accordion) {
-      return value === name;
-    }
-    if (Array.isArray(value)) {
-      return value.includes(name);
-    }
-    return false;
-  }, [accordion, value]);
-  return React__default.createElement(
-    CollapseContext.Provider,
-    { value: {
-      isOpen,
-      updateValue,
-      expandIcon,
-      rotate
-    } },
-    React__default.createElement("div", { className: classNames(classPrefix, className), style }, children)
-  );
-};
-Collapse.displayName = "NutCollapse";
-Collapse.Item = CollapseItem;
-export {
-  Collapse as default
-};

package/dist/esm/CollapseItem/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/collapseitem/collapseitem.scss'

package/dist/esm/CollapseItem/style/style.css

@@ -1 +0,0 @@
-.nut-collapse-item{position:relative}.nut-collapse-item:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-border-bottom, none);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item:last-child:after{display:none}.nut-collapse-item-header{position:relative;display:flex;width:100%;overflow:hidden;padding:var(--nutui-collapse-item-padding, 13px 26px);font-size:var(--nutui-collapse-item-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-item-line-height, 24px);background-color:var(--nutui-gray-1, #ffffff);box-sizing:border-box}.nut-collapse-item-header:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:16px;left:16px;bottom:0;border-bottom:var(--nutui-collapse-item-header-border-bottom, 1px solid var(--nutui-black-3, rgba(0, 0, 0, .06)));-webkit-transform:scaleY(.5);transform:scaleY(.5)}.nut-collapse-item-title{color:var(--nutui-collapse-item-color, var(--nutui-gray-7, #1a1a1a));display:flex;align-items:center}.nut-collapse-item-extra{flex:1;display:flex;justify-content:flex-end;padding:0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--nutui-collapse-item-extra-color, var(--nutui-gray-6, #595959))}.nut-collapse-item-icon-box{display:flex;width:24px;position:relative;color:var(--nutui-gray-6, #595959)}.nut-collapse-item-icon{display:flex;align-items:center;position:absolute;top:50%;left:5px;transform:translateY(-50%);transform-origin:center;transition:transform .3s}.nut-collapse-item-header.disabled,.nut-collapse-item-header.disabled .nut-collapse-item-title,.nut-collapse-item-header.disabled .nut-collapse-item-icon{color:var(--nutui-collapse-item-disabled-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-collapse-item-content{overflow:hidden;display:block;color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));font-size:var(--nutui-collapse-wrapper-content-font-size, var(--nutui-font-size-3, 14px));line-height:var(--nutui-collapse-wrapper-content-line-height, 1.5);background-color:var(--nutui-collapse-wrapper-content-background-color, var(--nutui-gray-1, #ffffff));transition:all .3s linear}.nut-collapse-item-content-text{color:var(--nutui-collapse-wrapper-content-color, var(--nutui-gray-6, #595959));padding:var(--nutui-collapse-wrapper-content-padding, 12px 26px)}[dir=rtl] .nut-collapse-item-icon,.nut-rtl .nut-collapse-item-icon{left:auto;right:5px}

package/dist/esm/CollapseItem.js

@@ -1,4 +0,0 @@
-import { C as CollapseItem } from "./collapseitem2.js";
-export {
-  CollapseItem as default
-};

package/dist/esm/ConfigProvider/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/configprovider/configprovider.scss'

package/dist/esm/ConfigProvider.js

@@ -1,9 +0,0 @@
-import { C as ConfigProvider } from "./configprovider2.js";
-import { g, s, u, a } from "./configprovider2.js";
-export {
-  ConfigProvider as default,
-  g as getDefaultConfig,
-  s as setDefaultConfig,
-  u as useConfig,
-  a as useRtl
-};

package/dist/esm/CountDown/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/countdown/countdown.scss'

package/dist/esm/CountDown/style/style.css

@@ -1 +0,0 @@
-.nut-countdown{display:var(--nutui-countdown-display, flex);color:var(--nutui-countdown-color, var(--nutui-gray-7, #1a1a1a));font-size:var(--nutui-countdown-font-size, 14px)}