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

package/dist/esm/formitem2.js

@@ -1,328 +0,0 @@
-import React__default, { createContext, useRef } from "react";
-import Cell__default from "./Cell.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { a as __awaiter } from "./tslib.es6.js";
-import Schema from "async-validator";
-const Context = createContext({});
-const SECRET = "NUT_FORM_INTERNAL";
-class FormStore {
-  constructor() {
-    this.initialValues = {};
-    this.updateList = [];
-    this.store = {};
-    this.fieldEntities = [];
-    this.callbacks = {};
-    this.errors = {};
-    this.registerField = (field) => {
-      this.fieldEntities.push(field);
-      return () => {
-        this.fieldEntities = this.fieldEntities.filter((item) => item !== field);
-        if (this.store) {
-          delete this.store[field.props.name];
-        }
-      };
-    };
-    this.getFieldValue = (name) => {
-      var _a;
-      return (_a = this.store) === null || _a === void 0 ? void 0 : _a[name];
-    };
-    this.getFieldsValue = (nameList) => {
-      if (typeof nameList === "boolean") {
-        return JSON.parse(JSON.stringify(this.store));
-      }
-      const fieldsValue = {};
-      nameList.forEach((field) => {
-        fieldsValue[field] = this.getFieldValue(field);
-      });
-      return fieldsValue;
-    };
-    this.setInitialValues = (values, init) => {
-      if (init) {
-        this.initialValues = values;
-        this.store = values;
-      }
-    };
-    this.setFieldsValue = (newStore, needValidate = true) => {
-      this.store = Object.assign(Object.assign({}, this.store), newStore);
-      this.fieldEntities.forEach((entity) => {
-        const { name } = entity.props;
-        Object.keys(newStore).forEach((key) => {
-          if (key === name) {
-            entity.onStoreChange("update");
-          }
-        });
-      });
-      this.updateList.forEach((item) => {
-        let shouldUpdate = item.condition;
-        if (typeof item.condition === "function") {
-          shouldUpdate = item.condition();
-        }
-        if (shouldUpdate) {
-          item.entity.onStoreChange("update");
-        }
-      });
-      needValidate && this.validateFields();
-    };
-    this.setCallback = (callback) => {
-      this.callbacks = Object.assign(Object.assign({}, this.callbacks), callback);
-    };
-    this.validateFields = (nameList) => __awaiter(this, void 0, void 0, function* () {
-      var _a;
-      let filterEntitys = [];
-      const errs = [];
-      this.errors.length = 0;
-      if (!nameList || nameList.length === 0) {
-        filterEntitys = this.fieldEntities;
-      } else {
-        filterEntitys = this.fieldEntities.filter(({ props: { name } }) => nameList.includes(name));
-      }
-      for (const entity of filterEntitys) {
-        const { name, rules = [] } = entity.props;
-        const descriptor = {};
-        if (rules.length) {
-          if (rules.length > 1) {
-            descriptor[name] = [];
-            rules.forEach((v) => {
-              descriptor[name].push(v);
-            });
-          } else {
-            descriptor[name] = rules[0];
-          }
-        }
-        const validator = new Schema(descriptor);
-        try {
-          yield validator.validate({ [name]: (_a = this.store) === null || _a === void 0 ? void 0 : _a[name] });
-        } catch ({ errors }) {
-          if (errors) {
-            errs.push(...errors);
-            this.errors[name] = errors;
-          }
-        } finally {
-          if (!errs || errs.length === 0) {
-            this.errors[name] = [];
-          }
-        }
-        entity.onStoreChange("validate");
-      }
-      return errs;
-    });
-    this.submit = () => __awaiter(this, void 0, void 0, function* () {
-      var _a, _b, _c, _d;
-      const errors = yield this.validateFields();
-      if (errors.length === 0) {
-        (_b = (_a = this.callbacks).onFinish) === null || _b === void 0 ? void 0 : _b.call(_a, this.store);
-      } else if (errors.length > 0) {
-        (_d = (_c = this.callbacks).onFinishFailed) === null || _d === void 0 ? void 0 : _d.call(_c, this.store, errors);
-      }
-    });
-    this.resetFields = () => {
-      this.errors.length = 0;
-      this.store = this.initialValues;
-      this.fieldEntities.forEach((entity) => {
-        entity.onStoreChange("reset");
-      });
-    };
-    this.registerUpdate = (field, shouldUpdate) => {
-      this.updateList.push({
-        entity: field,
-        condition: shouldUpdate
-      });
-      return () => {
-        this.updateList = this.updateList.filter((i) => i.entity !== field);
-      };
-    };
-    this.dispatch = ({ name }) => {
-      this.validateFields([name]);
-    };
-    this.getInternal = (key) => {
-      if (key === SECRET) {
-        return {
-          registerField: this.registerField,
-          setCallback: this.setCallback,
-          setInitialValues: this.setInitialValues,
-          dispatch: this.dispatch,
-          store: this.store,
-          fieldEntities: this.fieldEntities,
-          registerUpdate: this.registerUpdate
-        };
-      }
-    };
-    this.getForm = () => {
-      return {
-        getFieldValue: this.getFieldValue,
-        getFieldsValue: this.getFieldsValue,
-        setFieldsValue: this.setFieldsValue,
-        resetFields: this.resetFields,
-        validateFields: this.validateFields,
-        submit: this.submit,
-        errors: this.errors,
-        getInternal: this.getInternal
-      };
-    };
-    this.callbacks = {
-      onFinish: () => {
-      },
-      onFinishFailed: () => {
-      }
-    };
-  }
-}
-const useForm = (form) => {
-  const formRef = useRef();
-  if (!formRef.current) {
-    if (form) {
-      formRef.current = form;
-    } else {
-      const formStore = new FormStore();
-      formRef.current = formStore.getForm();
-    }
-  }
-  return [formRef.current];
-};
-function isForwardRefComponent(component) {
-  return component.type && component.type.$$typeof && // eslint-disable-next-line react/display-name
-  React__default.forwardRef(
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    () => {
-    }
-  ).$$typeof === component.type.$$typeof;
-}
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { required: false, name: "", label: "", rules: [{ required: false, message: "" }], errorMessageAlign: "left", validateTrigger: "onChange", shouldUpdate: false, noStyle: false });
-class FormItem extends React__default.Component {
-  constructor(props) {
-    super(props);
-    this.getControlled = (children) => {
-      var _a;
-      const { setFieldsValue, getFieldValue } = this.context;
-      const { dispatch } = this.context.getInternal(SECRET);
-      const { name = "" } = this.props;
-      if ((_a = children === null || children === void 0 ? void 0 : children.props) === null || _a === void 0 ? void 0 : _a.defaultValue) {
-        console.warn("通过 initialValue 设置初始值");
-      }
-      const fieldValue = getFieldValue(name);
-      const controlled = Object.assign(Object.assign({}, children.props), { [this.props.valuePropName || "value"]: fieldValue !== void 0 ? fieldValue : this.props.initialValue, [this.props.trigger || "onChange"]: (...args) => {
-        const originOnChange = children.props[this.props.trigger || "onChange"];
-        if (originOnChange) {
-          originOnChange(...args);
-        }
-        let [next] = args;
-        if (this.props.getValueFromEvent) {
-          next = this.props.getValueFromEvent(...args);
-        }
-        setFieldsValue({ [name]: next }, false);
-      } });
-      const { validateTrigger } = this.props;
-      let validateTriggers = [this.props.trigger || "onChange"];
-      if (validateTrigger) {
-        validateTriggers = typeof validateTrigger === "string" ? [validateTrigger] : [...validateTrigger];
-        validateTriggers.forEach((trigger) => {
-          const originTrigger = controlled[trigger];
-          controlled[trigger] = (...args) => {
-            if (originTrigger) {
-              originTrigger(...args);
-            }
-            if (this.props.rules && this.props.rules.length) {
-              dispatch({
-                name: this.props.name
-              });
-            }
-          };
-        });
-      }
-      if (isForwardRefComponent(children)) {
-        controlled.ref = (componentInstance) => {
-          const originRef = children.ref;
-          if (originRef) {
-            if (typeof originRef === "function") {
-              originRef(componentInstance);
-            }
-            if ("current" in originRef) {
-              originRef.current = componentInstance;
-            }
-          }
-          this.componentRef = componentInstance;
-        };
-      }
-      return controlled;
-    };
-    this.refresh = () => {
-      this.setState(({ resetCount }) => ({
-        resetCount: resetCount + 1
-      }));
-    };
-    this.onStoreChange = (type) => {
-      if (type === "reset") {
-        this.context.errors[this.props.name] = [];
-        this.refresh();
-      } else {
-        this.forceUpdate();
-      }
-    };
-    this.renderLayout = (childNode) => {
-      const { label, name, required, rules, className, style, errorMessageAlign, align } = Object.assign(Object.assign({}, defaultProps), this.props);
-      const requiredInRules = rules === null || rules === void 0 ? void 0 : rules.some((rule) => rule.required);
-      const item = name ? this.context.errors[name] : [];
-      const { starPosition } = this.context;
-      const renderStar = (required || requiredInRules) && React__default.createElement("i", { className: "required" });
-      const renderLabel = React__default.createElement(
-        React__default.Fragment,
-        null,
-        starPosition === "left" ? renderStar : null,
-        label,
-        starPosition === "right" ? renderStar : null
-      );
-      return React__default.createElement(
-        Cell__default,
-        { className: `nut-form-item ${className}`, style, align, onClick: (e) => this.props.onClick && this.props.onClick(e, this.componentRef) },
-        label ? React__default.createElement("div", { className: "nut-cell-title nut-form-item-label" }, renderLabel) : null,
-        React__default.createElement(
-          "div",
-          { className: "nut-cell-value nut-form-item-body" },
-          React__default.createElement("div", { className: "nut-form-item-body-slots" }, childNode),
-          item && item.length > 0 && React__default.createElement("div", { className: "nut-form-item-body-tips", style: { textAlign: errorMessageAlign } }, item[0].message)
-        )
-      );
-    };
-    this.componentRef = React__default.createRef();
-    this.state = {
-      resetCount: 1
-    };
-  }
-  componentDidMount() {
-    const { store = {}, setInitialValues } = this.context.getInternal(SECRET);
-    if (this.props.initialValue && this.props.name && !Object.keys(store).includes(this.props.name)) {
-      setInitialValues(Object.assign(Object.assign({}, store), { [this.props.name]: this.props.initialValue }), true);
-    }
-    const { registerField, registerUpdate } = this.context.getInternal(SECRET);
-    this.cancelRegister = registerField(this);
-    this.eventOff = registerUpdate(this, this.props.shouldUpdate);
-  }
-  componentWillUnmount() {
-    if (this.cancelRegister) {
-      this.cancelRegister();
-    }
-    if (this.eventOff) {
-      this.eventOff();
-    }
-  }
-  render() {
-    const { children } = this.props;
-    const child = Array.isArray(children) ? children[0] : children;
-    let returnChildNode;
-    if (!this.props.shouldUpdate) {
-      returnChildNode = React__default.cloneElement(child, this.getControlled(child));
-    } else {
-      returnChildNode = child(this.context);
-    }
-    return React__default.createElement(React__default.Fragment, { key: this.state.resetCount }, this.props.noStyle ? returnChildNode : this.renderLayout(returnChildNode));
-  }
-}
-FormItem.defaultProps = defaultProps;
-FormItem.contextType = Context;
-export {
-  Context as C,
-  FormItem as F,
-  SECRET as S,
-  useForm as u
-};

package/dist/esm/get-scroll-parent.js

@@ -1,39 +0,0 @@
-import { c as canUseDom } from "./can-use-dom.js";
-const defaultRoot = canUseDom ? window : void 0;
-const overflowStylePatterns = ["scroll", "auto", "overlay"];
-function isElement(node) {
-  const ELEMENT_NODE_TYPE = 1;
-  return node.nodeType === ELEMENT_NODE_TYPE;
-}
-function getScrollParent(el, root = defaultRoot) {
-  let node = el;
-  while (node && node !== root && isElement(node)) {
-    if (node === document.body) {
-      return root;
-    }
-    const { overflowY } = window.getComputedStyle(node);
-    if (overflowStylePatterns.includes(overflowY) && node.scrollHeight > node.clientHeight) {
-      return node;
-    }
-    node = node.parentNode;
-  }
-  return root;
-}
-function getAllScrollableParents(element, scrollableParents = []) {
-  if (!element) {
-    return scrollableParents;
-  }
-  const isScrollable = element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
-  if (isScrollable) {
-    if (element.nodeName === "HTML") {
-      scrollableParents.push(document);
-    } else {
-      scrollableParents.push(element);
-    }
-  }
-  return getAllScrollableParents(element.parentElement, scrollableParents);
-}
-export {
-  getAllScrollableParents as a,
-  getScrollParent as g
-};

package/dist/esm/griditem2.js

@@ -1,74 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default, { useContext } from "react";
-import classNames from "classnames";
-import { p as pxCheck } from "./px-check.js";
-const gridContext = {
-  onClick: (item, index) => {
-  }
-};
-const GridContext = React__default.createContext(gridContext);
-const defaultProps = {
-  text: "",
-  columns: 4,
-  gap: 0,
-  center: true,
-  square: false,
-  reverse: false,
-  direction: "vertical"
-};
-const GridItem = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, style, columns, index, gap, square, text, center, reverse, direction, className, onClick } = _a, rest = __rest(_a, ["children", "style", "columns", "index", "gap", "square", "text", "center", "reverse", "direction", "className", "onClick"]);
-  const classPrefix = "nut-grid-item";
-  const classes = classNames(classPrefix, className);
-  const context = useContext(GridContext);
-  const rootStyle = () => {
-    const styles = Object.assign({ flexBasis: `${100 / +columns}%` }, style);
-    if (square) {
-      styles.paddingTop = `${100 / +columns}%`;
-    } else if (gap) {
-      styles.paddingRight = pxCheck(gap);
-      if (index >= Number(columns)) {
-        styles.marginTop = pxCheck(gap);
-      }
-    }
-    return styles;
-  };
-  const contentClass = () => {
-    return classNames(`${classPrefix}-content`, {
-      [`${classPrefix}-content-border`]: true,
-      [`${classPrefix}-content-surround`]: gap,
-      [`${classPrefix}-content-center`]: center,
-      [`${classPrefix}-content-square`]: square,
-      [`${classPrefix}-content-reverse`]: reverse,
-      [`${classPrefix}-content-${direction}`]: !!direction
-    });
-  };
-  const handleClick = (e) => {
-    onClick && onClick(e);
-    context.onClick && context.onClick({
-      text,
-      index,
-      columns,
-      gap,
-      center,
-      square,
-      reverse,
-      direction
-    }, index);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes, style: rootStyle() }, rest, { onClick: handleClick }),
-    React__default.createElement(
-      "div",
-      { className: contentClass() },
-      children && React__default.createElement(React__default.Fragment, null, children),
-      text && React__default.createElement("div", { className: `${classPrefix}-text` }, text)
-    )
-  );
-};
-GridItem.displayName = "NutGridItem";
-export {
-  GridItem as G,
-  GridContext as a
-};

package/dist/esm/index.js

@@ -1,21 +0,0 @@
-const isObject = (val) => val !== null && typeof val === "object";
-const isFunction = (val) => typeof val === "function";
-const isPromise = (val) => {
-  return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-};
-const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    event.stopPropagation();
-  }
-}
-export {
-  isObject as a,
-  isPromise as b,
-  clamp as c,
-  isFunction as i,
-  preventDefault as p
-};

package/dist/esm/menuitem2.js

@@ -1,152 +0,0 @@
-import React__default, { forwardRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, useRef } from "react";
-import classNames from "classnames";
-import { CSSTransition } from "react-transition-group";
-import { Check } from "@nutui/icons-react";
-import { O as Overlay } from "./overlay2.js";
-import { u as useClickAway } from "./use-click-away.js";
-import { C as ComponentDefaults } from "./typings.js";
-import { u as usePropsValue } from "./use-props-value.js";
-import { g as getScrollParent } from "./get-scroll-parent.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { titleIcon: null, columns: 1, direction: "down", icon: null, closeOnClickAway: true, activeTitleClass: "", inactiveTitleClass: "", onChange: (value) => void 0 });
-const MenuItem = forwardRef((props, ref) => {
-  const { className, style, options, value, defaultValue, columns, title, icon, direction, onChange, activeTitleClass, inactiveTitleClass, closeOnClickAway, children, activeColor, show, parent, index } = Object.assign(Object.assign({}, defaultProps), props);
-  const [showPopup, setShowPopup] = useState(show);
-  const [innerValue, setValue] = usePropsValue({
-    defaultValue,
-    value,
-    finalValue: void 0,
-    onChange: (v) => {
-      const [option] = options.filter((o) => o.value === v);
-      onChange === null || onChange === void 0 ? void 0 : onChange(option);
-    }
-  });
-  useEffect(() => {
-    setShowPopup(show);
-  }, [show]);
-  const getParentOffset = useCallback(() => {
-    setTimeout(() => {
-      const p = parent.menuRef.current;
-      if (p) {
-        const rect = p.getBoundingClientRect();
-        setPosition({
-          height: rect.height,
-          top: rect.top
-        });
-      }
-    });
-  }, [parent.menuRef]);
-  useEffect(() => {
-    getParentOffset();
-  }, [showPopup, getParentOffset]);
-  useImperativeHandle(ref, () => ({
-    toggle: (s) => {
-      const from = "REF";
-      s ? parent.toggleMenuItem(index, from) : parent.hideMenuItem(index, from);
-    }
-  }));
-  const getIconCName = (optionVal, value2) => {
-    return classNames({
-      [activeTitleClass]: optionVal === value2,
-      [inactiveTitleClass]: optionVal !== value2
-    });
-  };
-  const setTitle = (text) => {
-    if (!title) {
-      parent.updateTitle(text, index);
-    }
-  };
-  const handleClick = (item) => {
-    parent.toggleMenuItem(index);
-    setTitle(item.text);
-    setValue(item.value);
-  };
-  const isShow = () => {
-    if (showPopup)
-      return {};
-    return { display: "none" };
-  };
-  const [position, setPosition] = useState({
-    top: 0,
-    height: 0
-  });
-  const scrollParent = useMemo(() => {
-    return getScrollParent(parent.menuRef, window);
-  }, [parent.menuRef]);
-  useEffect(() => {
-    if (!parent.lockScroll) {
-      scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.addEventListener("scroll", getParentOffset, false);
-      return () => {
-        scrollParent === null || scrollParent === void 0 ? void 0 : scrollParent.removeEventListener("scroll", getParentOffset, false);
-      };
-    }
-  }, [parent.lockScroll, scrollParent, getParentOffset]);
-  const getPosition = () => {
-    return direction === "down" ? {
-      top: `${position.top + position.height}px`,
-      bottom: "0",
-      height: "initial"
-    } : {
-      bottom: `${window.innerHeight - position.top}px`,
-      top: "auto",
-      height: "initial"
-    };
-  };
-  const micRef = useRef(null);
-  const cssRef = useRef(null);
-  const targetSet = [micRef.current];
-  useClickAway(
-    () => {
-      parent.hideMenuItem(index);
-    },
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    targetSet,
-    "click",
-    false,
-    showPopup,
-    closeOnClickAway
-  );
-  return React__default.createElement(
-    "div",
-    { className: "nut-menu-container", ref: micRef },
-    parent.overlay ? React__default.createElement(Overlay, { className: "nut-menu-container-overlay", style: getPosition(), lockScroll: parent.lockScroll, visible: showPopup, closeOnOverlayClick: parent.closeOnOverlayClick, onClick: () => {
-      parent.closeOnOverlayClick && parent.hideMenuItem(index);
-    } }) : null,
-    React__default.createElement(
-      "div",
-      { className: classNames({
-        "nut-menu-container-wrap": direction === "down",
-        "nut-menu-container-wrap-up": direction !== "down"
-      }, className), style: Object.assign(Object.assign({}, style), isShow()) },
-      React__default.createElement(
-        CSSTransition,
-        { nodeRef: cssRef, in: showPopup, timeout: 100, classNames: direction === "down" ? "nut-menu-container-down" : "nut-menu-container-up" },
-        React__default.createElement(
-          "div",
-          { className: "nut-menu-container-content" },
-          options === null || options === void 0 ? void 0 : options.map((item) => {
-            return React__default.createElement(
-              "div",
-              { className: `nut-menu-container-item ${classNames({
-                active: item.value === innerValue
-              })}`, key: item.text, style: {
-                flexBasis: `${100 / columns}%`
-              }, onClick: () => {
-                handleClick(item);
-              } },
-              item.value === innerValue ? React__default.createElement("i", { className: "nut-menu-container-item-icon" }, icon || React__default.createElement(Check, { color: activeColor, className: getIconCName(item.value, value) })) : null,
-              React__default.createElement("div", { className: `nut-menu-container-item-title ${getIconCName(item.value, value)}`, style: {
-                color: `${item.value === innerValue ? activeColor : ""}`
-              } }, item.text)
-            );
-          }),
-          children
-        )
-      )
-    )
-  );
-});
-MenuItem.displayName = "NutMenuItem";
-export {
-  MenuItem as M
-};

package/dist/esm/merge-props.js

@@ -1,16 +0,0 @@
-function mergeProps(...items) {
-  const ret = {};
-  items.forEach((item) => {
-    if (item) {
-      Object.keys(item).forEach((key) => {
-        if (item[key] !== void 0) {
-          ret[key] = item[key];
-        }
-      });
-    }
-  });
-  return ret;
-}
-export {
-  mergeProps as m
-};