@nutui/nutui-react-taro 1.5.2-beta.1 → 1.5.2

package/dist/esm/Empty.js

@@ -1,11 +1,82 @@
-import { E as Empty } from './empty.taro-04ae4389.js';
-import 'react';
-import './bem-350c1702.js';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["image", "imageSize", "description", "children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useState, useEffect } from 'react';
+import { c as cn } from './bem-3b438e61.js';
+import { useConfig } from './ConfigProvider.js';
 import '@bem-react/classname';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-
-
 
+/**
+ * 内置图片地址
+ */
+var defaultStatus = {
+  empty: 'https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png',
+  error: 'https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png',
+  network: 'https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png'
+};
+var defaultProps = {
+  description: '',
+  image: 'empty',
+  imageSize: '',
+  className: ''
+};
+var Empty = function Empty(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  // defaultProps.description = locale.noData || defaultProps.description
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    image = _defaultProps$props.image,
+    imageSize = _defaultProps$props.imageSize,
+    description = _defaultProps$props.description,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    imgStyle = _useState2[0],
+    setImgStyle = _useState2[1];
+  var b = cn('empty');
+  var imageNode = image;
+  if (typeof image === 'string') {
+    var isHttpUrl = image.startsWith('https://') || image.startsWith('http://') || image.startsWith('//');
+    var imageUrl = isHttpUrl ? image : defaultStatus[image];
+    imageNode = React__default.createElement("img", {
+      className: "img",
+      src: imageUrl,
+      alt: "empty"
+    });
+  }
+  useEffect(function () {
+    setImgStyle(function () {
+      if (!imageSize) {
+        return {};
+      }
+      if (typeof imageSize === 'number') {
+        return {
+          width: "".concat(imageSize, "px"),
+          height: "".concat(imageSize, "px")
+        };
+      }
+      return {
+        width: imageSize,
+        height: imageSize
+      };
+    });
+  }, [imageSize]);
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+    className: b('image'),
+    style: imgStyle
+  }, imageNode), typeof description === 'string' ? React__default.createElement("div", {
+    className: b('description')
+  }, description || locale.noData) : {
+    description: description
+  }, children));
+};
+Empty.defaultProps = defaultProps;
+Empty.displayName = 'NutEmpty';
 export { Empty as default };

package/dist/esm/FixedNav.js

@@ -1,16 +1,105 @@
-import { F as FixedNav } from './fixednav.taro-1f05acaf.js';
-import 'react';
-import 'classnames';
-import './icon.taro-296a1bec.js';
-import './bem-350c1702.js';
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["fixednavClass", "overlay", "visible", "navList", "activeText", "unActiveText", "position", "onChange", "onSelected", "type", "slotList", "slotBtn", "iconClassPrefix", "iconFontClassName"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default from 'react';
+import classNames from 'classnames';
+import Icon from './Icon.js';
+import Overlay from './Overlay.js';
+import { c as cn } from './bem-3b438e61.js';
+import { useConfig } from './ConfigProvider.js';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
 import '@bem-react/classname';
-import './overlay.taro-21e87fb1.js';
-import '@tarojs/components';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import './typings-b9828dba.js';
-
-
-
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  fixednavClass: 'nut-fixednav',
+  activeText: '',
+  unActiveText: '',
+  type: 'right',
+  position: {
+    top: 'auto',
+    bottom: 'auto'
+  }
+});
+var FixedNav = function FixedNav(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    fixednavClass = _defaultProps$props.fixednavClass,
+    overlay = _defaultProps$props.overlay,
+    visible = _defaultProps$props.visible,
+    navList = _defaultProps$props.navList,
+    activeText = _defaultProps$props.activeText,
+    unActiveText = _defaultProps$props.unActiveText,
+    position = _defaultProps$props.position,
+    onChange = _defaultProps$props.onChange,
+    onSelected = _defaultProps$props.onSelected,
+    type = _defaultProps$props.type,
+    slotList = _defaultProps$props.slotList,
+    slotBtn = _defaultProps$props.slotBtn,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var b = cn('fixednav');
+  var classes = classNames({
+    active: visible
+  }, type, fixednavClass, b(''));
+  var onSelectCb = function onSelectCb(event, item) {
+    onSelected(item, event);
+  };
+  var onUpdateValue = function onUpdateValue() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !visible;
+    onChange(value);
+  };
+  // const [classNames, setClassNames] = useState('')
+  // const classes = () => {
+  //   return `${fixednavClass} ${type} ${visible ? 'active' : ''}`
+  // }
+  // useEffect(() => {
+  //   setClassNames(classes())
+  // }, [visible])
+  return React__default.createElement("div", _objectSpread({
+    className: classes,
+    style: position
+  }, rest), overlay && React__default.createElement(Overlay, {
+    visible: visible,
+    zIndex: 200,
+    onClick: function onClick() {
+      return onUpdateValue(false);
+    }
+  }), React__default.createElement("div", {
+    className: "list"
+  }, slotList || React__default.createElement("div", {
+    className: "nut-fixednav__list"
+  }, navList.map(function (item, index) {
+    return React__default.createElement("div", {
+      className: "nut-fixednav__list-item",
+      onClick: function onClick(event) {
+        return onSelectCb(event, item);
+      },
+      key: item.id || index
+    }, React__default.createElement("img", {
+      src: item.icon,
+      alt: ""
+    }), React__default.createElement("div", {
+      className: "nut-fixednav__list-text"
+    }, item.text), item.num && React__default.createElement("div", {
+      className: "b"
+    }, item.num));
+  }))), React__default.createElement("div", {
+    className: "nut-fixednav__btn",
+    onClick: function onClick() {
+      return onUpdateValue();
+    }
+  }, slotBtn || React__default.createElement(React__default.Fragment, null, React__default.createElement(Icon, {
+    classPrefix: iconClassPrefix,
+    fontClassName: iconFontClassName,
+    name: "left",
+    color: "#fff"
+  }), React__default.createElement("div", {
+    className: "text"
+  }, visible ? activeText || locale.fixednav.activeText : unActiveText || locale.fixednav.unActiveText))));
+};
+FixedNav.defaultProps = defaultProps;
+FixedNav.displayName = 'NutFixedNav';
 export { FixedNav as default };

package/dist/esm/Form.js

@@ -1,14 +1,219 @@
-import { F as Form } from './form.taro-0c8e7a39.js';
-import 'react';
-import './typings-b9828dba.js';
-import './cellgroup.taro-abe501bc.js';
-import './bem-350c1702.js';
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["children", "onFinish", "onFinishFailed", "labelPosition", "starPositon", "form"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default, { useRef } from 'react';
+import { C as CellGroup } from './cellgroup-fcc72767.js';
+import { F as FormItemContext, a as FormItem } from './formitem-8a73a5fb.js';
+import Schema from 'async-validator';
+import { C as ComponentDefaults } from './typings-f27b58f4.js';
+import './bem-3b438e61.js';
 import '@bem-react/classname';
-import './formitem.taro-190a3326.js';
-import './cell.taro-a10a74d3.js';
-import '@tarojs/taro';
-import './icon.taro-296a1bec.js';
-
+import './Cell.js';
 
+/**
+ * 用于存储表单的数据
+ */
+var FormStore = /*#__PURE__*/_createClass(function FormStore() {
+  var _this = this;
+  _classCallCheck(this, FormStore);
+  _defineProperty(this, "store", {});
+  // 存放表单中所有的数据 eg. {password: "ddd",username: "123"}
+  _defineProperty(this, "fieldEntities", []);
+  // 所有的组件实例
+  // 成功和失败的回调
+  _defineProperty(this, "callbacks", {});
+  _defineProperty(this, "errList", []);
+  /**
+   * 注册组件实例
+   * @param field
+   */
+  _defineProperty(this, "registerField", function (field) {
+    _this.fieldEntities.push(field);
+    return function () {
+      _this.fieldEntities = _this.fieldEntities.filter(function (item) {
+        return item != field;
+      });
+      delete _this.store[field.props.name];
+    };
+  });
+  _defineProperty(this, "getFieldValue", function (name) {
+    return _this.store[name];
+  });
+  /**
+   * 存储组件数据
+   * @param newStore { [name]: newValue }
+   */
+  _defineProperty(this, "setFieldsValue", function (newStore) {
+    _this.store = _objectSpread(_objectSpread({}, _this.store), newStore);
+    _this.fieldEntities.forEach(function (enetity) {
+      var name = enetity.props.name;
+      Object.keys(newStore).forEach(function (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)
+   *      },
+   *    },
+   *  }
+   */
+  _defineProperty(this, "validate", function () {
+    var err = [];
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (entity) {
+      var _entity$props = entity.props,
+        name = _entity$props.name,
+        _entity$props$rules = _entity$props.rules,
+        rules = _entity$props$rules === void 0 ? [] : _entity$props$rules;
+      var descriptor = {};
+      if (rules.length) {
+        // 多条校验规则
+        if (rules.length > 1) {
+          descriptor[name] = [];
+          rules.map(function (v) {
+            descriptor[name].push(v);
+          });
+        } else {
+          descriptor[name] = rules[0];
+        }
+      }
+      var validator = new Schema(descriptor);
+      validator.validate(_defineProperty({}, name, _this.store[name]), function (errors) {
+        if (errors) {
+          var _this$errList;
+          err.push.apply(err, _toConsumableArray(errors));
+          (_this$errList = _this.errList).push.apply(_this$errList, _toConsumableArray(errors));
+          // 表单项更新
+        }
 
+        entity.onStoreChange();
+      });
+    });
+    return err;
+  });
+  _defineProperty(this, "setCallback", function (callback) {
+    _this.callbacks = _objectSpread(_objectSpread({}, _this.callbacks), callback);
+  });
+  _defineProperty(this, "submit", function () {
+    var err = _this.validate();
+    if (err.length === 0) {
+      var _this$callbacks$onFin, _this$callbacks;
+      (_this$callbacks$onFin = (_this$callbacks = _this.callbacks).onFinish) === null || _this$callbacks$onFin === void 0 ? void 0 : _this$callbacks$onFin.call(_this$callbacks, _this.store);
+    } else if (err.length > 0) {
+      var _this$callbacks$onFin2, _this$callbacks2;
+      (_this$callbacks$onFin2 = (_this$callbacks2 = _this.callbacks).onFinishFailed) === null || _this$callbacks$onFin2 === void 0 ? void 0 : _this$callbacks$onFin2.call(_this$callbacks2, err);
+    }
+  });
+  _defineProperty(this, "resetFields", function () {
+    _this.errList.length = 0;
+    _this.fieldEntities.forEach(function (enetity) {
+      enetity.onStoreChange();
+    });
+  });
+  _defineProperty(this, "getForm", function () {
+    return {
+      setCallback: _this.setCallback,
+      registerField: _this.registerField,
+      getFieldValue: _this.getFieldValue,
+      setFieldsValue: _this.setFieldsValue,
+      resetFields: _this.resetFields,
+      submit: _this.submit,
+      store: _this.store,
+      errList: _this.errList,
+      fieldEntities: _this.fieldEntities
+    };
+  });
+  this.callbacks = {
+    onFinish: function onFinish(value) {},
+    onFinishFailed: function onFinishFailed() {}
+  };
+});
+var useForm = function useForm(form) {
+  var formRef = useRef();
+  if (!formRef.current) {
+    if (form) {
+      formRef.current = form;
+    } else {
+      var formStore = new FormStore();
+      formRef.current = formStore.getForm();
+    }
+  }
+  return [formRef.current];
+};
+var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
+  className: '',
+  style: undefined,
+  form: {},
+  labelPosition: 'Right',
+  formGroupTitle: '',
+  onFinish: function onFinish(obj) {},
+  onFinishFailed: function onFinishFailed(value) {},
+  starPositon: 'Left'
+});
+var PositionInfo = {
+  Top: 'form-layout-top',
+  Left: 'form-layout-left',
+  Right: 'form-layout-right'
+};
+var Form = function Form(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    onFinish = _defaultProps$props.onFinish,
+    onFinishFailed = _defaultProps$props.onFinishFailed,
+    labelPosition = _defaultProps$props.labelPosition,
+    starPositon = _defaultProps$props.starPositon,
+    form = _defaultProps$props.form,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var formInstance = {};
+  if (Object.keys(form).length !== 0) {
+    formInstance = form;
+  } else {
+    var _useForm = useForm();
+    var _useForm2 = _slicedToArray(_useForm, 1);
+    formInstance = _useForm2[0];
+  }
+  formInstance.starPositon = starPositon;
+  var _formInstance = formInstance,
+    setCallback = _formInstance.setCallback,
+    submit = _formInstance.submit,
+    resetFields = _formInstance.resetFields;
+  setCallback({
+    onFinish: onFinish,
+    onFinishFailed: onFinishFailed
+  });
+  return React__default.createElement("form", {
+    className: "nut-form ".concat(PositionInfo[labelPosition], " ").concat(props.className),
+    style: props.style,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+      submit();
+    },
+    onReset: function onReset(e) {
+      e.preventDefault();
+      resetFields();
+    }
+  }, React__default.createElement(CellGroup, null, React__default.createElement(FormItemContext.Provider, {
+    value: formInstance
+  }, children)));
+};
+Form.defaultProps = defaultProps;
+Form.displayName = 'NutForm';
+Form.Item = FormItem;
+Form.useForm = useForm;
 export { Form as default };

package/dist/esm/FormItem.js

@@ -1,12 +1,5 @@
-import { F as FormItem } from './formitem.taro-190a3326.js';
+import { a as FormItem } from './formitem-8a73a5fb.js';
 import 'react';
-import './cell.taro-a10a74d3.js';
-import '@tarojs/taro';
-import './bem-350c1702.js';
-import '@bem-react/classname';
-import './icon.taro-296a1bec.js';
-import './typings-b9828dba.js';
-
-
-
+import './Cell.js';
+import './typings-f27b58f4.js';
 export { FormItem as default };

package/dist/esm/Grid.js

@@ -1,13 +1,83 @@
-import { G as Grid } from './grid.taro-3503b82c.js';
-import 'react';
-import 'classnames';
-import './configprovider.taro-8d71eb49.js';
-import 'lodash.kebabcase';
-import './zh-CN-c779e6c1.js';
-import './bem-350c1702.js';
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className", "onClick"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import React__default from 'react';
+import classNames from 'classnames';
+import { useConfig } from './ConfigProvider.js';
+import { c as cn } from './bem-3b438e61.js';
+import { G as GridContext } from './grid.context-2ee27d95.js';
 import '@bem-react/classname';
-import './grid.taro.context-c2bbfb4f.js';
-
-
-
+var defaultProps = {
+  columnNum: 4,
+  border: true,
+  gutter: 0,
+  center: true,
+  square: false,
+  reverse: false,
+  direction: 'vertical',
+  iconSize: 28,
+  iconColor: ''
+};
+var Grid = function Grid(props) {
+  useConfig();
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    children = _defaultProps$props.children,
+    columnNum = _defaultProps$props.columnNum,
+    border = _defaultProps$props.border,
+    gutter = _defaultProps$props.gutter,
+    center = _defaultProps$props.center,
+    square = _defaultProps$props.square,
+    reverse = _defaultProps$props.reverse,
+    direction = _defaultProps$props.direction,
+    style = _defaultProps$props.style,
+    iconSize = _defaultProps$props.iconSize,
+    iconColor = _defaultProps$props.iconColor,
+    className = _defaultProps$props.className,
+    onClick = _defaultProps$props.onClick,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var childrenDom = React__default.Children.toArray(children);
+  var pxCheck = function pxCheck(value) {
+    return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+  };
+  var b = cn('grid');
+  var rootClass = function rootClass() {
+    var prefixCls = b();
+    return classNames(className, prefixCls, _defineProperty({}, b('border'), border && !gutter));
+  };
+  var rootStyle = function rootStyle() {
+    var styleSelf = {};
+    if (style) {
+      styleSelf = style;
+    }
+    if (gutter) {
+      styleSelf.paddingLeft = pxCheck(gutter);
+    }
+    return styleSelf;
+  };
+  return React__default.createElement("div", _objectSpread({
+    className: rootClass(),
+    style: rootStyle()
+  }, rest), React__default.createElement(GridContext.Provider, {
+    value: {
+      onClick: onClick
+    }
+  }, childrenDom.map(function (item, idex) {
+    return React__default.cloneElement(item, {
+      index: idex,
+      columnNum: columnNum,
+      center: center,
+      border: border,
+      gutter: gutter,
+      square: square,
+      reverse: reverse,
+      direction: direction,
+      parentIconSize: iconSize,
+      parentIconColor: iconColor
+    });
+  })));
+};
+Grid.defaultProps = defaultProps;
+Grid.displayName = 'NutGrid';
 export { Grid as default };