tntd 1.4.4 → 1.4.7

package/lib/ArrayInput/index.js

@@ -1,308 +1,221 @@
-"use strict";
-
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = ArrayInput;
-
-require("antd/lib/row/style");
-
-var _row = _interopRequireDefault(require("antd/lib/row"));
-
-require("antd/lib/tooltip/style");
-
-var _tooltip = _interopRequireDefault(require("antd/lib/tooltip"));
-
-require("antd/lib/col/style");
-
-var _col = _interopRequireDefault(require("antd/lib/col"));
-
-require("antd/lib/table/style");
-
-var _table = _interopRequireDefault(require("antd/lib/table"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = require("lodash");
-
-var _icon = require("./icon");
-
-require("./index.less");
-
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); }
-
-function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
-
-function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var Column = _table["default"].Column;
-
-var getWidth = function getWidth(span) {
-  return 1000 / span;
-};
-
-function ArrayInput(_ref) {
-  var children = _ref.children,
-      defaultValue = _ref.defaultValue,
-      value = _ref.value,
-      onChange = _ref.onChange,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? "list" : _ref$mode,
-      _ref$gutter = _ref.gutter,
-      gutter = _ref$gutter === void 0 ? 10 : _ref$gutter,
-      _ref$require = _ref.require,
-      require = _ref$require === void 0 ? false : _ref$require,
-      _ref$deleteTip = _ref.deleteTip,
-      deleteTip = _ref$deleteTip === void 0 ? "" : _ref$deleteTip,
-      _ref$plusTip = _ref.plusTip,
-      plusTip = _ref$plusTip === void 0 ? "" : _ref$plusTip,
-      _ref$addText = _ref.addText,
-      addText = _ref$addText === void 0 ? "添加" : _ref$addText;
-
-  if (!(0, _lodash.isFunction)(children)) {
-    throw new Error("ArrayInput的children必须是函数");
-  }
-
-  var _useState = (0, _react.useState)(value || defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      _value = _useState2[0],
-      setValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setValue(value);
-  }, [value]);
-
-  var _onChange = (0, _react.useCallback)(function (value) {
-    if (onChange) {
-      onChange(value);
-    } else {
-      setValue(value);
+import React, { useEffect, useState, useCallback, isValidElement } from "react";
+import { Row, Col, Table, Tooltip } from "antd";
+import { isFunction, isArray, sumBy, sum, set, get } from "lodash";
+import { plusIcon, deleteIcon } from "./icon";
+import "./index.less";
+
+const { Column } = Table;
+const getWidth = span => 1000 / span;
+
+export default function ArrayInput({
+    children,
+    defaultValue,
+    value,
+    onChange,
+    mode = "list",
+    gutter = 10,
+    require = false,
+    deleteTip = "",
+    plusTip = "",
+    addText = "添加",
+}) {
+    if (!isFunction(children)) {
+        throw new Error("ArrayInput的children必须是函数");
     }
-  }, []);
-
-  var inValue = _value || [];
-
-  if (require && inValue.length === 0) {
-    inValue = [{}];
-  }
-
-  var changeValue = function changeValue(index, name, value) {
-    inValue[index] = _objectSpread({}, inValue[index], _defineProperty({}, name, value));
 
-    _onChange(_toConsumableArray(inValue));
-  };
+    const [_value, setValue] = useState(value || defaultValue);
 
-  var onAdd = function onAdd(index) {
-    if (index === undefined) {
-      _onChange([].concat(_toConsumableArray(inValue), [{}]));
-    } else {
-      inValue.splice(index + 1, 0, {});
-
-      _onChange(_toConsumableArray(inValue));
-    }
-  };
+    useEffect(() => {
+        setValue(value);
+    }, [value]);
 
-  var onDelete = function onDelete(i) {
-    inValue.splice(i, 1);
-
-    _onChange(_toConsumableArray(inValue));
-  };
-
-  if (mode === "list") {
-    return _react["default"].createElement("div", {
-      className: "tntd-array-input"
-    }, inValue.map(function (item, index) {
-      var fields = children(item, index);
-
-      if (!(0, _lodash.isArray)(fields)) {
-        fields = (0, _lodash.get)(fields, "props.children", []);
-      }
-
-      return _react["default"].createElement(_row["default"], {
-        gutter: gutter,
-        key: index,
-        className: "tntd-array-input-item"
-      }, fields.map(function (field, i) {
-        if (!(0, _react.isValidElement)(field)) {
-          return field ? _react["default"].createElement(_col["default"], {
-            span: 4,
-            key: i
-          }, field) : "";
+    const _onChange = useCallback(value => {
+        if (onChange) {
+            onChange(value);
+        } else {
+            setValue(value);
         }
+    }, []);
 
-        var _ref2 = field == null ? void 0 : field.props,
-            name = _ref2.name,
-            _ref2$span = _ref2.span,
-            span = _ref2$span === void 0 ? 4 : _ref2$span,
-            fieldChange = _ref2.onChange,
-            other = _objectWithoutProperties(_ref2, ["name", "span", "onChange"]);
+    let inValue = _value || [];
+    if (require && inValue.length === 0) {
+        inValue = [{}];
+    }
 
-        return _react["default"].createElement(_col["default"], {
-          span: span,
-          key: i
-        }, _react["default"].cloneElement(field, _objectSpread({
-          value: item[name] || undefined,
-          onChange: function onChange(e) {
-            fieldChange && fieldChange(e, index, changeValue);
-            var newValue = e.target ? e.target.value : e;
-            changeValue(index, name, newValue);
-          }
-        }, other)));
-      }), _react["default"].createElement(_col["default"], {
-        span: 24 - (0, _lodash.sum)(fields.map(function (f) {
-          return (0, _lodash.get)(f, "props.span", 4);
-        })) % 24
-      }, _react["default"].createElement("span", {
-        className: "tntd-array-input-action"
-      }, plusTip ? _react["default"].createElement(_tooltip["default"], {
-        title: plusTip,
-        placement: "left"
-      }, _react["default"].createElement("span", {
-        className: "mr10",
-        onClick: function onClick() {
-          return onAdd(index);
-        }
-      }, _icon.plusIcon)) : _react["default"].createElement("span", {
-        className: "mr10",
-        onClick: function onClick() {
-          return onAdd(index);
-        }
-      }, _icon.plusIcon), deleteTip ? _react["default"].createElement(_tooltip["default"], {
-        title: deleteTip,
-        placement: "right"
-      }, _react["default"].createElement("span", {
-        onClick: function onClick() {
-          return onDelete(index);
+    const changeValue = (index, name, value) => {
+        inValue[index] = {
+            ...inValue[index],
+            [name]: value,
+        };
+        _onChange([...inValue]);
+    };
+
+    const onAdd = index => {
+        if (index === undefined) {
+            _onChange([...inValue, {}]);
+        } else {
+            inValue.splice(index + 1, 0, {});
+            _onChange([...inValue]);
         }
-      }, _icon.deleteIcon)) : _react["default"].createElement("span", {
-        onClick: function onClick() {
-          return onDelete(index);
+    };
+
+    const onDelete = i => {
+        inValue.splice(i, 1);
+        _onChange([...inValue]);
+    };
+
+    if (mode === "list") {
+        return (
+            <div className="tntd-array-input">
+                {inValue.map((item, index) => {
+                    let fields = children(item, index);
+                    if (!isArray(fields)) {
+                        fields = get(fields, "props.children", []);
+                    }
+                    return (
+                        <Row gutter={gutter} key={index} className="tntd-array-input-item">
+                            {fields.map((field, i) => {
+                                if (!isValidElement(field)) {
+                                    return field ? (
+                                        <Col span={4} key={i}>
+                                            {field}
+                                        </Col>
+                                    ) : (
+                                        ""
+                                    );
+                                }
+                                const {
+                                    name,
+                                    span = 4,
+                                    onChange: fieldChange,
+                                    ...other
+                                } = field?.props;
+                                return (
+                                    <Col span={span} key={i}>
+                                        {React.cloneElement(field, {
+                                            value: item[name] || undefined,
+                                            onChange: e => {
+                                                fieldChange && fieldChange(e, index, changeValue);
+                                                const newValue = e.target ? e.target.value : e;
+                                                changeValue(index, name, newValue);
+                                            },
+                                            ...other,
+                                        })}
+                                    </Col>
+                                );
+                            })}
+                            <Col span={24 - (sum(fields.map(f => get(f, "props.span", 4))) % 24)}>
+                                <span className="tntd-array-input-action">
+                                    {plusTip ? (
+                                        <Tooltip title={plusTip} placement="left">
+                                            <span className="mr10" onClick={() => onAdd(index)}>
+                                                {plusIcon}
+                                            </span>
+                                        </Tooltip>
+                                    ) : (
+                                        <span className="mr10" onClick={() => onAdd(index)}>
+                                            {plusIcon}
+                                        </span>
+                                    )}
+                                    {deleteTip ? (
+                                        <Tooltip title={deleteTip} placement="right">
+                                            <span onClick={() => onDelete(index)}>
+                                                {deleteIcon}
+                                            </span>
+                                        </Tooltip>
+                                    ) : (
+                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
+                                    )}
+                                </span>
+                            </Col>
+                        </Row>
+                    );
+                })}
+                {inValue.length === 0 && <a onClick={() => onAdd()}>{addText}</a>}
+            </div>
+        );
+    } else {
+        let fields = children({}, 0);
+        if (!isArray(fields)) {
+            fields = get(fields, "props.children", []);
         }
-      }, _icon.deleteIcon))));
-    }), inValue.length === 0 && _react["default"].createElement("a", {
-      onClick: function onClick() {
-        return onAdd();
-      }
-    }, addText));
-  } else {
-    var fields = children({}, 0);
-
-    if (!(0, _lodash.isArray)(fields)) {
-      fields = (0, _lodash.get)(fields, "props.children", []);
+        const dataSource = inValue.map((value, index) => {
+            const fields = children(value, index);
+            const back = {};
+            fields.forEach(field => {
+                const name = field?.props?.name;
+                name && set(back, name, field);
+            });
+            return back;
+        });
+        return (
+            <div className="tntd-array-input">
+                <Table
+                    dataSource={dataSource}
+                    pagination={false}
+                    locale={{
+                        emptyText: <a onClick={() => onAdd()}>{addText}</a>,
+                    }}
+                >
+                    {fields.map(field => {
+                        const { name, span, title } = field?.props || {};
+                        return (
+                            <Column
+                                key={name}
+                                dataIndex={name}
+                                title={title}
+                                width={getWidth(span || 24 / (fields.length + 1))}
+                                render={(field, row, index) => {
+                                    if (!isValidElement(field)) {
+                                        return field;
+                                    }
+                                    const { onChange: fieldChange } = field.props;
+                                    return React.cloneElement(field, {
+                                        value: inValue[index][name] || undefined,
+                                        onChange: e => {
+                                            fieldChange && fieldChange(e, index, changeValue);
+                                            const newValue = e.target ? e.target.value : e;
+                                            changeValue(index, name, newValue);
+                                        },
+                                    });
+                                }}
+                            ></Column>
+                        );
+                    })}
+                    <Column
+                        key="action"
+                        dataIndex="action"
+                        title="操作"
+                        width={getWidth(24 - (sumBy(fields, "props.span") % 24))}
+                        render={(text, row, index) => {
+                            return (
+                                <span className="tntd-array-input-action">
+                                    {plusTip ? (
+                                        <Tooltip title={plusTip} placement="left">
+                                            <span className="mr10" onClick={() => onAdd(index)}>
+                                                {plusIcon}
+                                            </span>
+                                        </Tooltip>
+                                    ) : (
+                                        <span className="mr10" onClick={() => onAdd(index)}>
+                                            {plusIcon}
+                                        </span>
+                                    )}
+                                    {deleteTip ? (
+                                        <Tooltip title={deleteTip} placement="right">
+                                            <span onClick={() => onDelete(index)}>
+                                                {deleteIcon}
+                                            </span>
+                                        </Tooltip>
+                                    ) : (
+                                        <span onClick={() => onDelete(index)}>{deleteIcon}</span>
+                                    )}
+                                </span>
+                            );
+                        }}
+                    ></Column>
+                </Table>
+            </div>
+        );
     }
-
-    var dataSource = inValue.map(function (value, index) {
-      var fields = children(value, index);
-      var back = {};
-      fields.forEach(function (field) {
-        var _field$props;
-
-        var name = field == null ? void 0 : (_field$props = field.props) == null ? void 0 : _field$props.name;
-        name && (0, _lodash.set)(back, name, field);
-      });
-      return back;
-    });
-    return _react["default"].createElement("div", {
-      className: "tntd-array-input"
-    }, _react["default"].createElement(_table["default"], {
-      dataSource: dataSource,
-      pagination: false,
-      locale: {
-        emptyText: _react["default"].createElement("a", {
-          onClick: function onClick() {
-            return onAdd();
-          }
-        }, addText)
-      }
-    }, fields.map(function (field) {
-      var _ref3 = (field == null ? void 0 : field.props) || {},
-          name = _ref3.name,
-          span = _ref3.span,
-          title = _ref3.title;
-
-      return _react["default"].createElement(Column, {
-        key: name,
-        dataIndex: name,
-        title: title,
-        width: getWidth(span || 24 / (fields.length + 1)),
-        render: function render(field, row, index) {
-          if (!(0, _react.isValidElement)(field)) {
-            return field;
-          }
-
-          var fieldChange = field.props.onChange;
-          return _react["default"].cloneElement(field, {
-            value: inValue[index][name] || undefined,
-            onChange: function onChange(e) {
-              fieldChange && fieldChange(e, index, changeValue);
-              var newValue = e.target ? e.target.value : e;
-              changeValue(index, name, newValue);
-            }
-          });
-        }
-      });
-    }), _react["default"].createElement(Column, {
-      key: "action",
-      dataIndex: "action",
-      title: "\u64CD\u4F5C",
-      width: getWidth(24 - (0, _lodash.sumBy)(fields, "props.span") % 24),
-      render: function render(text, row, index) {
-        return _react["default"].createElement("span", {
-          className: "tntd-array-input-action"
-        }, plusTip ? _react["default"].createElement(_tooltip["default"], {
-          title: plusTip,
-          placement: "left"
-        }, _react["default"].createElement("span", {
-          className: "mr10",
-          onClick: function onClick() {
-            return onAdd(index);
-          }
-        }, _icon.plusIcon)) : _react["default"].createElement("span", {
-          className: "mr10",
-          onClick: function onClick() {
-            return onAdd(index);
-          }
-        }, _icon.plusIcon), deleteTip ? _react["default"].createElement(_tooltip["default"], {
-          title: deleteTip,
-          placement: "right"
-        }, _react["default"].createElement("span", {
-          onClick: function onClick() {
-            return onDelete(index);
-          }
-        }, _icon.deleteIcon)) : _react["default"].createElement("span", {
-          onClick: function onClick() {
-            return onDelete(index);
-          }
-        }, _icon.deleteIcon));
-      }
-    })));
-  }
-}
+}

package/lib/AuthContext.js

@@ -1,14 +1,3 @@
-"use strict";
+import { createContext } from 'react';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var _default = (0, _react.createContext)(function () {
-  return true;
-});
-
-exports["default"] = _default;
+export default createContext(() => true);