@nutui/nutui-react-taro 2.0.0-alpha.9 → 2.0.0-beta.2

package/dist/esm/card.taro-2080f4d2.js

@@ -1,51 +0,0 @@
-import React from "react";
-import classNames from "classnames";
-import { P as Price } from "./price.taro-479f1b82.js";
-import { T as Tag } from "./tag.taro-1b4134a5.js";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {};
-const Card = (props) => {
-  const { className, style, imgUrl, title, price, vipPrice, shopDesc, delivery, shopName, shopTagTpl, originTpl, prolistTpl, footerTpl, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const b = cn("card");
-  return React.createElement(
-    "div",
-    { className: classNames(b(), className), style, ...rest },
-    React.createElement(
-      "div",
-      { className: b("left") },
-      React.createElement("img", { src: imgUrl, alt: "" })
-    ),
-    React.createElement(
-      "div",
-      { className: b("right") },
-      React.createElement("div", { className: b("right__title") }, title),
-      prolistTpl,
-      React.createElement(
-        "div",
-        { className: b("right__price") },
-        React.createElement(Price, { price }),
-        originTpl || React.createElement(Price, { className: b("right__price__origin"), price: vipPrice })
-      ),
-      React.createElement("div", { className: b("right__other") }, shopTagTpl || React.createElement(
-        React.Fragment,
-        null,
-        React.createElement(Tag, { type: "danger" }, shopDesc),
-        React.createElement(Tag, { plain: true }, delivery)
-      )),
-      React.createElement(
-        "div",
-        { className: b("right__shop") },
-        React.createElement("div", { className: b("right__shop__name") }, shopName),
-        footerTpl
-      )
-    )
-  );
-};
-Card.defaultProps = defaultProps;
-Card.displayName = "NutCard";
-export {
-  Card as C
-};

package/dist/esm/collapse.taro-3d997680.js

@@ -1,70 +0,0 @@
-import React, { memo, useState, useEffect } from "react";
-import classNames from "classnames";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  activeName: ["0"],
-  accordion: false,
-  expandIcon: null,
-  rotate: 180
-};
-function areEqual(prevProps, nextProps) {
-  return prevProps.children === nextProps.children && JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
-}
-const Collapse = memo((props) => {
-  const { className, style, children, activeName, accordion, expandIcon, rotate, onChange } = {
-    ...defaultProps,
-    ...props
-  };
-  const childrenDom = React.Children.toArray(children);
-  const [defaultOpenIndex, setDefaultOpenIndex] = useState([]);
-  const handleActiveName = () => {
-    let activeArr = [];
-    if (!Array.isArray(activeName)) {
-      activeArr.push(activeName.toString());
-    } else {
-      if (accordion && activeName.length > 1) {
-        console.warn("手风琴模式不支持传递多个打开页签");
-      }
-      const activeNameStr = activeName.map((item) => {
-        return item.toString();
-      });
-      activeArr = [...activeNameStr];
-    }
-    return activeArr;
-  };
-  const colBem = cn("collapse");
-  useEffect(() => {
-    const activeArr = handleActiveName();
-    setDefaultOpenIndex(activeArr);
-  }, [activeName]);
-  const onToggle = (isOpen, name) => {
-    let newOpenIndex = [...defaultOpenIndex];
-    if (isOpen) {
-      const removeIndex = newOpenIndex.findIndex((value) => {
-        return value === name;
-      });
-      newOpenIndex.splice(removeIndex, 1);
-    } else {
-      if (accordion) {
-        newOpenIndex = [name];
-      } else {
-        newOpenIndex.push(name);
-      }
-    }
-    setDefaultOpenIndex(newOpenIndex);
-    onChange && onChange(!isOpen, name);
-  };
-  return React.createElement("div", { className: classNames(colBem(), className), style }, childrenDom.map((item) => {
-    return React.cloneElement(item, {
-      isOpen: defaultOpenIndex.includes(item.props.name),
-      onToggle: (isOpen, name) => onToggle(isOpen, name),
-      expandIcon: item.props.expandIcon || expandIcon,
-      rotate
-    });
-  }));
-}, areEqual);
-Collapse.defaultProps = defaultProps;
-Collapse.displayName = "NutCollapse";
-export {
-  Collapse as C
-};

package/dist/esm/collapseitem-f4571575.js

@@ -1,76 +0,0 @@
-import React, { useState, useCallback, useEffect } from "react";
-import { c as cn } from "./bem-cdccae08.js";
-const defaultProps = {
-  title: null,
-  name: "",
-  isOpen: false,
-  expandIcon: null,
-  disabled: false,
-  rotate: 180,
-  subTitle: null,
-  childnull: true
-};
-const CollapseItem = (props) => {
-  const { children, title, isOpen, onToggle, name, disabled, expandIcon, rotate, subTitle, childnull, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  const [domHeight, setDomHeight] = useState(-1);
-  const [currHeight, setCurrHeight] = useState("auto");
-  const [update, setUpdate] = useState(false);
-  const [iconStyle, setIconStyle] = useState({
-    transform: "translateY(-50%)"
-  });
-  const colBem = cn("collapse-item");
-  const measuredRef = useCallback((node) => {
-    if (node !== null) {
-      setDomHeight(node.getBoundingClientRect().height);
-    }
-  }, [update]);
-  useEffect(() => {
-    setTimeout(() => {
-      if (domHeight !== -1) {
-        isOpen ? setCurrHeight(`${domHeight}px`) : setCurrHeight("0px");
-      }
-      const newIconStyle = isOpen ? { transform: `translateY(-50%) rotate(${rotate}deg)` } : { transform: "translateY(-50%)" };
-      setIconStyle(newIconStyle);
-    }, 10);
-  }, [isOpen, domHeight, rotate]);
-  useEffect(() => {
-    if (!isOpen) {
-      setCurrHeight("0px");
-    } else {
-      setCurrHeight("auto");
-    }
-    setUpdate(!update);
-  }, [children, isOpen]);
-  return React.createElement(
-    "div",
-    { className: colBem(), ...rest },
-    React.createElement(
-      "div",
-      { className: colBem("header", { disabled }), onClick: () => {
-        if (disabled)
-          return;
-        onToggle && onToggle(isOpen, name);
-      } },
-      React.createElement("div", { className: colBem("title") }, title),
-      React.createElement("div", { className: colBem("sub-title") }, subTitle),
-      React.createElement(
-        "div",
-        { className: colBem("icon-box") },
-        React.createElement("div", { className: colBem("icon"), style: iconStyle }, expandIcon)
-      )
-    ),
-    childnull && React.createElement(
-      "div",
-      { className: colBem("content"), style: { height: currHeight }, ref: measuredRef },
-      React.createElement("div", { className: colBem("content-text") }, children)
-    )
-  );
-};
-CollapseItem.defaultProps = defaultProps;
-CollapseItem.displayName = "NutCollapseItem";
-export {
-  CollapseItem as C
-};

package/dist/esm/form.taro-b06754e8.js

@@ -1,182 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import React, { useRef } from "react";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-import { C as CellGroup } from "./cellgroup.taro-a790d91b.js";
-import { a as FormItemContext, F as FormItem } from "./formitem.taro-b326809d.js";
-class FormStore {
-  constructor() {
-    __publicField(this, "store", {});
-    // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
-    __publicField(this, "fieldEntities", []);
-    // 所有的组件实例
-    // 成功和失败的回调
-    __publicField(this, "callbacks", {});
-    __publicField(this, "errList", []);
-    /**
-     * 注册组件实例
-     * @param field
-     */
-    __publicField(this, "registerField", (field) => {
-      this.fieldEntities.push(field);
-      return () => {
-        this.fieldEntities = this.fieldEntities.filter((item) => item != field);
-        delete this.store[field.props.name];
-      };
-    });
-    __publicField(this, "getFieldValue", (name) => {
-      return this.store[name];
-    });
-    /**
-     * 存储组件数据
-     * @param newStore { [name]: newValue }
-     */
-    __publicField(this, "setFieldsValue", (newStore) => {
-      this.store = {
-        ...this.store,
-        ...newStore
-      };
-      this.fieldEntities.forEach((enetity) => {
-        const { name } = enetity.props;
-        Object.keys(newStore).forEach((key) => {
-          if (key === name) {
-            enetity.onStoreChange();
-          }
-        });
-      });
-    });
-    /**
-     * 表单校验
-     * rules: { required: true, message: '' }
-     * descriptor: {
-     *    username: {
-     *      type: 'string',
-     *      required: true,
-     *      validator: (rule, value) => {
-     *        return /^[a-zA-Z0-9]+$/.test(value)
-     *      },
-     *    },
-     *  }
-     */
-    __publicField(this, "validate", () => {
-      const err = [];
-      this.errList.length = 0;
-      this.fieldEntities.forEach((entity) => {
-        const { name, rules = [] } = entity.props;
-        const descriptor = {};
-        if (rules.length) {
-          if (rules.length > 1) {
-            descriptor[name] = [];
-            rules.map((v) => {
-              descriptor[name].push(v);
-            });
-          } else {
-            descriptor[name] = rules[0];
-          }
-        }
-      });
-      return err;
-    });
-    __publicField(this, "setCallback", (callback) => {
-      this.callbacks = {
-        ...this.callbacks,
-        ...callback
-      };
-    });
-    __publicField(this, "submit", () => {
-      var _a, _b, _c, _d;
-      const err = this.validate();
-      if (err.length === 0) {
-        (_b = (_a = this.callbacks).onFinish) == null ? void 0 : _b.call(_a, this.store);
-      } else if (err.length > 0) {
-        (_d = (_c = this.callbacks).onFinishFailed) == null ? void 0 : _d.call(_c, err);
-      }
-    });
-    __publicField(this, "resetFields", () => {
-    });
-    __publicField(this, "getForm", () => {
-      return {
-        setCallback: this.setCallback,
-        registerField: this.registerField,
-        getFieldValue: this.getFieldValue,
-        setFieldsValue: this.setFieldsValue,
-        submit: this.submit,
-        store: this.store,
-        errList: this.errList,
-        fieldEntities: this.fieldEntities
-      };
-    });
-    this.callbacks = {
-      onFinish: (value) => {
-      },
-      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];
-};
-const defaultProps = {
-  ...ComponentDefaults,
-  className: "",
-  style: void 0,
-  form: {},
-  labelPosition: "Right",
-  formGroupTitle: "",
-  onFinish: (obj) => {
-  },
-  onFinishFailed: (value) => {
-  },
-  starPositon: "Left"
-};
-const PositionInfo = {
-  Top: "form-layout-top",
-  Left: "form-layout-left",
-  Right: "form-layout-right"
-};
-const Form = (props) => {
-  const { children, onFinish, onFinishFailed, labelPosition, starPositon, ...rest } = {
-    ...defaultProps,
-    ...props
-  };
-  console.log("46 dddd");
-  const [formInstance] = useForm();
-  formInstance.starPositon = starPositon;
-  const { setCallback, submit } = formInstance;
-  setCallback({
-    onFinish,
-    onFinishFailed
-  });
-  return React.createElement(
-    "form",
-    { className: `nut-form ${PositionInfo[labelPosition]} ${props.className}`, style: props.style, onSubmit: (e) => {
-      e.preventDefault();
-      submit();
-    } },
-    React.createElement(
-      CellGroup,
-      null,
-      React.createElement(FormItemContext.Provider, { value: formInstance }, children)
-    )
-  );
-};
-Form.defaultProps = defaultProps;
-Form.displayName = "NutForm";
-Form.Item = FormItem;
-export {
-  Form as F
-};

package/dist/esm/formitem.taro-b326809d.js

@@ -1,108 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import React, { createContext } from "react";
-import { C as Cell } from "./cell.taro-4e31d1fa.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-const FormItemContext = createContext({});
-const defaultProps = {
-  ...ComponentDefaults,
-  name: "",
-  label: "",
-  className: "",
-  rules: [{ required: false, message: "" }],
-  disabled: false,
-  labelWidth: 90,
-  errorMessageAlign: "left",
-  showErrorLine: true,
-  showErrorMessage: true
-};
-class FormItem extends React.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "cancelRegister");
-    // children添加value属性和onChange事件
-    __publicField(this, "getControlled", (children) => {
-      const { getFieldValue, setFieldsValue } = this.context;
-      const { name } = this.props;
-      const type = children.type.NAME;
-      return {
-        value: getFieldValue(name),
-        onChange: (event) => {
-          let newValue = event;
-          switch (type) {
-            case "checkbox":
-              newValue = event.target.value;
-              break;
-          }
-          setFieldsValue({ [name]: newValue });
-        }
-      };
-    });
-    __publicField(this, "onStoreChange", () => {
-      this.forceUpdate();
-    });
-    __publicField(this, "renderLayout", (childNode) => {
-      var _a, _b;
-      const { label, name, rules = [{ required: false, message: "" }], className, labelWidth, errorMessageAlign, showErrorLine, showErrorMessage } = {
-        ...defaultProps,
-        ...this.props
-      };
-      const item = ((_a = this.context.errList) == null ? void 0 : _a.length) > 0 && ((_b = this.context.errList) == null ? void 0 : _b.filter((item2) => {
-        return item2.field === name;
-      }));
-      const { starPositon } = this.context;
-      const renderStar = rules.length > 0 && rules[0].required && React.createElement("i", { className: "required" });
-      const renderLabel = starPositon === "Right" ? React.createElement(
-        React.Fragment,
-        null,
-        label,
-        renderStar
-      ) : React.createElement(
-        React.Fragment,
-        null,
-        renderStar,
-        label
-      );
-      return React.createElement(
-        Cell,
-        { className: `nut-form-item ${className}` },
-        label ? React.createElement("div", { className: "nut-cell__title nut-form-item__label", style: {
-          width: this.pxCheck(labelWidth)
-        } }, renderLabel) : null,
-        React.createElement(
-          "div",
-          { className: "nut-cell__value nut-form-item__body" },
-          React.createElement("div", { className: "nut-form-item__body__slots" }, childNode),
-          item.length > 0 && React.createElement("div", { className: "nut-form-item__body__tips", style: { textAlign: errorMessageAlign } }, item[0].message)
-        )
-      );
-    });
-    __publicField(this, "pxCheck", (value) => {
-      return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
-    });
-  }
-  componentDidMount() {
-    this.cancelRegister = this.context.registerField(this);
-  }
-  componentWillUnmount() {
-    if (this.cancelRegister) {
-      this.cancelRegister();
-    }
-  }
-  render() {
-    const { children } = this.props;
-    const c = Array.isArray(children) ? children[0] : children;
-    const returnChildNode = React.cloneElement(c, this.getControlled(c));
-    return this.renderLayout(returnChildNode);
-  }
-}
-__publicField(FormItem, "defaultProps", defaultProps);
-__publicField(FormItem, "contextType", FormItemContext);
-export {
-  FormItem as F,
-  FormItemContext as a
-};

package/dist/esm/popover.taro-ad483372.js

@@ -1,162 +0,0 @@
-import React, { useRef, useState, useEffect } from "react";
-import { O as Overlay } from "./overlay.taro-75012bd3.js";
-import { g as getRectByTaro } from "./use-client-rect-f317804e.js";
-import { C as ComponentDefaults } from "./typings-11d83a22.js";
-function fillRef(ref, node) {
-  if (typeof ref === "function") {
-    ref(node);
-  } else if (typeof ref === "object" && ref && "current" in ref) {
-    ref.current = node;
-  }
-}
-function composeRef(...refs) {
-  return (node) => {
-    refs.forEach((ref) => {
-      fillRef(ref, node);
-    });
-  };
-}
-class Trigger extends React.Component {
-  fireEvents(type, e) {
-    const childCallback = this.props.children.props[type];
-    if (childCallback) {
-      childCallback(e);
-    }
-    const callback = this.props[type];
-    if (callback) {
-      callback(e);
-    }
-  }
-  render() {
-    const { children, className = "" } = this.props;
-    const child = React.Children.only(children);
-    const newChildProps = {
-      key: "trigger"
-    };
-    if (child && child.props && child.props.className) {
-      newChildProps.className = className;
-    }
-    const cloneProps = {
-      ...newChildProps
-    };
-    cloneProps.ref = composeRef(this.props.forwardedRef, child.ref);
-    const trigger = React.cloneElement(child, cloneProps);
-    return trigger;
-  }
-}
-const defaultProps = {
-  ...ComponentDefaults,
-  list: [],
-  theme: "light",
-  location: "bottom",
-  visible: false,
-  offset: 20,
-  className: "",
-  onClick: (e) => {
-  },
-  onChoose: (item, index) => {
-  }
-};
-const Popover = (props) => {
-  const { children, list, theme, location, visible, offset, className, style, onClick, onChoose, ...reset } = {
-    ...defaultProps,
-    ...props
-  };
-  const goodItem = useRef(null);
-  setTimeout(async () => {
-    if (goodItem.current) {
-      const res = await getRectByTaro(goodItem.current);
-      setElWidth(res == null ? void 0 : res.width);
-      setElHeight(res == null ? void 0 : res.height);
-    }
-  });
-  const [classes, setClasses] = useState("");
-  const [elWidth, setElWidth] = useState(0);
-  const [elHeight, setElHeight] = useState(0);
-  const [popoverContent, setPopoverContent] = useState("");
-  const [popoverArrow, setPopoverArrow] = useState("");
-  useEffect(() => {
-    setClasses(classesSelf());
-    setPopoverContent(popoverContentSelf());
-    setPopoverArrow(popoverArrowSelf());
-  }, [list, theme]);
-  const getStyle = () => {
-    const offNumer = Number(offset) ? Number(offset) : 0;
-    const style2 = {};
-    if (location.includes("top")) {
-      style2.bottom = `${elHeight + offNumer}px`;
-    } else if (location.includes("right")) {
-      style2.left = `${elWidth + offNumer}px`;
-    } else if (location.includes("left")) {
-      style2.right = `${elWidth + offNumer}px`;
-    } else {
-      style2.top = `${elHeight + offNumer}px`;
-    }
-    return style2;
-  };
-  const classesSelf = () => {
-    const prefixCls = "nut-popover";
-    return `${prefixCls} ${theme ? `${prefixCls}--${theme}` : ""}`;
-  };
-  const popoverContentSelf = () => {
-    const prefixCls = "popover-content";
-    return `${prefixCls}-show ${prefixCls} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const filter = () => {
-    const ms = ["top", "bottom", "left", "right"];
-    return ms.filter((m) => location.includes(m))[0];
-  };
-  const popoverArrowSelf = () => {
-    const prefixCls = "popover-arrow";
-    return `${prefixCls} ${prefixCls}-${filter()} ${location ? `${prefixCls}--${location}` : ""}`;
-  };
-  const handleClick = (e) => {
-    if (props.onClick) {
-      props.onClick(e);
-    }
-  };
-  const handleChoose = (item, index) => {
-    if (!item.disabled) {
-      onChoose(item, index);
-    }
-  };
-  return React.createElement(
-    React.Fragment,
-    null,
-    React.createElement(
-      "div",
-      { className: `${classes} ${className}`, style: { ...style }, ...reset },
-      React.createElement(
-        Trigger,
-        { forwardedRef: goodItem },
-        React.createElement(
-          "div",
-          { onClick: (e) => handleClick(e) },
-          Array.isArray(children) ? children[0] : children,
-          visible ? React.createElement(
-            "div",
-            { className: `${popoverContent}`, style: getStyle() },
-            React.createElement("div", { className: `${popoverArrow}` }),
-            Array.isArray(children) ? children[1] : "",
-            React.createElement("div", null, list.map((item, i) => {
-              return React.createElement(
-                "div",
-                { key: item.name, className: `popover-menu-item ${item.disabled ? "disabled" : ""}`, onClick: () => {
-                  handleChoose(item, i);
-                } },
-                item.icon ? item.icon : null,
-                React.createElement("div", { className: "popover-menu-item-name" }, item.name)
-              );
-            }))
-          ) : null
-        )
-      )
-    ),
-    visible ? React.createElement(Overlay, { visible, onClick: (e) => handleClick(e), style: { background: "transparent" } }) : null
-  );
-};
-Popover.defaultProps = defaultProps;
-Popover.displayName = "NutPopover";
-export {
-  Popover as P
-};