tntd 2.8.38 → 2.8.40

package/es/_util/hooks/useScrollLock.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+// ==================== 优化版 Hook ====================
+var _default = exports["default"] = function _default(config) {
+  var _ref = config || {},
+    _ref$enableScrollObse = _ref.enableScrollObserver,
+    enableScrollObserver = _ref$enableScrollObse === void 0 ? true : _ref$enableScrollObse,
+    _ref$debounceTime = _ref.debounceTime,
+    debounceTime = _ref$debounceTime === void 0 ? 100 : _ref$debounceTime,
+    _ref$throttleTime = _ref.throttleTime,
+    throttleTime = _ref$throttleTime === void 0 ? 50 : _ref$throttleTime,
+    _ref$scrollContainer = _ref.scrollContainer,
+    scrollContainer = _ref$scrollContainer === void 0 ? window : _ref$scrollContainer;
+  // 滚动状态追踪
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isScrolling = _useState2[0],
+    setIsScrolling = _useState2[1];
+  // 定时器引用
+  var timerRef = (0, _react.useRef)();
+  // 最后一次滚动时间戳
+  var lastScrollTime = (0, _react.useRef)(0);
+  // ==================== 核心逻辑 ====================
+  var handleScroll = (0, _react.useCallback)(function () {
+    // 节流控制：限制执行频率
+    var now = Date.now();
+    if (now - lastScrollTime.current < throttleTime) return;
+    lastScrollTime.current = now;
+    // 标记开始滚动
+    setIsScrolling(true);
+    // 防抖控制：延迟结束标记
+    if (timerRef.current) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(function () {
+      setIsScrolling(false);
+    }, debounceTime);
+  }, [debounceTime, throttleTime]);
+  // ==================== 事件监听 ====================
+  (0, _react.useEffect)(function () {
+    var container = scrollContainer || window;
+    if (!container || !enableScrollObserver) return;
+    // 高性能事件监听选项
+    var options = {
+      passive: true,
+      capture: true // 捕获阶段触发
+    };
+    container.addEventListener('scroll', handleScroll, options);
+    return function () {
+      container.removeEventListener('scroll', handleScroll, options);
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [handleScroll, scrollContainer, enableScrollObserver]);
+  return isScrolling;
+};

package/es/_util/hooks/useScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollLock.js","sourceRoot":"","sources":["../../../src/_util/hooks/useScrollLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAUhE,qDAAqD;AACrD,eAAe,CAAC,MAA4B,EAAE,EAAE;IAC9C,MAAM,EACJ,oBAAoB,GAAG,IAAI,EAC3B,YAAY,GAAG,GAAG,EAClB,YAAY,GAAG,EAAE,EACjB,eAAe,GAAG,MAAM,GACzB,GAAG,MAAM,IAAI,EAAE,CAAA;IAEhB,SAAS;IACT,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,QAAQ;IACR,MAAM,QAAQ,GAAG,MAAM,EAAiC,CAAA;IACxD,YAAY;IACZ,MAAM,cAAc,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;IAEhC,iDAAiD;IACjD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,cAAc;QACd,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACtB,IAAI,GAAG,GAAG,cAAc,CAAC,OAAO,GAAG,YAAY;YAAE,OAAM;QACvD,cAAc,CAAC,OAAO,GAAG,GAAG,CAAA;QAE5B,SAAS;QACT,cAAc,CAAC,IAAI,CAAC,CAAA;QAEpB,cAAc;QACd,IAAI,QAAQ,CAAC,OAAO;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACpD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,cAAc,CAAC,KAAK,CAAC,CAAA;QACvB,CAAC,EAAE,YAAY,CAAC,CAAA;IAClB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,CAAA;IAEhC,iDAAiD;IACjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,eAAe,IAAI,MAAM,CAAA;QAC3C,IAAI,CAAC,SAAS,IAAI,CAAC,oBAAoB;YAAE,OAAM;QAE/C,YAAY;QACZ,MAAM,OAAO,GAA4B;YACvC,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI,EAAE,SAAS;SACzB,CAAA;QAED,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,CAAA;QAE3D,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,CAAC,CAAA;YAC9D,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAA;IAEzD,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA","sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react'\n\n// ==================== 类型定义 ====================\ninterface ScrollControlConfig {\n  debounceTime?: number // 防抖时间 (默认: 100ms)\n  throttleTime?: number // 节流时间 (默认: 50ms)\n  scrollContainer?: HTMLElement | Window | null\n  enableScrollObserver?: boolean\n}\n\n// ==================== 优化版 Hook ====================\nexport default (config?: ScrollControlConfig) => {\n  const {\n    enableScrollObserver = true,\n    debounceTime = 100,\n    throttleTime = 50,\n    scrollContainer = window,\n  } = config || {}\n\n  // 滚动状态追踪\n  const [isScrolling, setIsScrolling] = useState(false)\n  // 定时器引用\n  const timerRef = useRef<ReturnType<typeof setTimeout>>()\n  // 最后一次滚动时间戳\n  const lastScrollTime = useRef(0)\n\n  // ==================== 核心逻辑 ====================\n  const handleScroll = useCallback(() => {\n    // 节流控制：限制执行频率\n    const now = Date.now()\n    if (now - lastScrollTime.current < throttleTime) return\n    lastScrollTime.current = now\n\n    // 标记开始滚动\n    setIsScrolling(true)\n\n    // 防抖控制：延迟结束标记\n    if (timerRef.current) clearTimeout(timerRef.current)\n    timerRef.current = setTimeout(() => {\n      setIsScrolling(false)\n    }, debounceTime)\n  }, [debounceTime, throttleTime])\n\n  // ==================== 事件监听 ====================\n  useEffect(() => {\n    const container = scrollContainer || window\n    if (!container || !enableScrollObserver) return\n\n    // 高性能事件监听选项\n    const options: AddEventListenerOptions = {\n      passive: true, // 启用被动监听提升性能\n      capture: true, // 捕获阶段触发\n    }\n\n    container.addEventListener('scroll', handleScroll, options)\n\n    return () => {\n      container.removeEventListener('scroll', handleScroll, options)\n      if (timerRef.current) clearTimeout(timerRef.current)\n    }\n  }, [handleScroll, scrollContainer, enableScrollObserver])\n\n  return isScrolling\n}\n"]}

package/es/array-input/index.js

@@ -110,6 +110,7 @@ function ArrayInput(_ref) {
     gutter = _ref$gutter === void 0 ? 10 : _ref$gutter,
     _ref$require = _ref.require,
     require = _ref$require === void 0 ? false : _ref$require,
+    errorMap = _ref.errorMap,
     _ref$deleteTip = _ref.deleteTip,
     deleteTip = _ref$deleteTip === void 0 ? '' : _ref$deleteTip,
     _ref$plusTip = _ref.plusTip,
@@ -221,9 +222,12 @@ function ArrayInput(_ref) {
           span = _a$span === void 0 ? 4 : _a$span,
           fieldChange = _a.onChange,
           other = __rest(_a, ["name", "span", "onChange"]);
+        var isError = errorMap ? errorMap["".concat(index, "-").concat(name)] : '';
         return _react["default"].createElement(_col["default"], {
           span: span,
           key: i
+        }, _react["default"].createElement("div", {
+          className: !isError ? 'tntd-array-input-hide-error' : ''
         }, _react["default"].cloneElement(field, Object.assign({
           value: item[name] || undefined,
           onChange: function onChange(e) {
@@ -231,7 +235,9 @@ function ArrayInput(_ref) {
             var newValue = e.target ? e.target.value : e;
             changeValue(index, name, newValue);
           }
-        }, other)));
+        }, other))), isError && _react["default"].createElement("div", {
+          className: "ant-form-item-explain-error"
+        }, isError));
       }), _react["default"].createElement(_col["default"], {
         span: actionSpan
       }, _react["default"].createElement("span", {
@@ -316,15 +322,22 @@ function ArrayInput(_ref) {
           if (!(0, _react.isValidElement)(field)) {
             return field;
           }
-          var fieldChange = field.props.onChange;
-          return _react["default"].cloneElement(field, {
+          var _field$props = field.props,
+            name = _field$props.name,
+            fieldChange = _field$props.onChange;
+          var isError = errorMap ? errorMap["".concat(index, "-").concat(name)] : '';
+          return _react["default"].createElement("div", {
+            className: !isError ? 'tntd-array-input-hide-error' : ''
+          }, _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);
             }
-          });
+          }), isError && _react["default"].createElement("div", {
+            className: "ant-form-item-explain-error"
+          }, isError));
         }
       });
     }), _react["default"].createElement(Column, {

package/es/array-input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/array-input/index.js"],"names":[],"mappings":"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","sourcesContent":["import { DndContext } from '@dnd-kit/core'\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport Button from '../button'\nimport Col from '../col'\nimport Icon from '../icon'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\nimport './index.less'\n\nconst { Column } = Table\nconst RowContext = React.createContext({})\nconst getWidth = (span) => 1000 / span\nlet key = 1\n\nfunction DragHandle() {\n  const { setActivatorNodeRef, listeners } = useContext(RowContext)\n  return (\n    <Button\n      className=\"drag-btn\"\n      type=\"tertiary\"\n      size=\"small\"\n      icon=\"drag\"\n      ref={setActivatorNodeRef}\n      {...listeners}\n    />\n  )\n}\nfunction BodyRow(props) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: props['data-row-key'],\n  })\n  const style = {\n    ...props.style,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n        }\n      : {}),\n  }\n  const contextValue = useMemo(\n    () => ({\n      setActivatorNodeRef,\n      listeners,\n    }),\n    [setActivatorNodeRef, listeners]\n  )\n  return (\n    <RowContext.Provider value={contextValue}>\n      <tr {...props} ref={setNodeRef} style={style} {...attributes} />\n    </RowContext.Provider>\n  )\n}\n\nfunction ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  drag = false, // 只做了table的拖拽排序\n  gutter = 10,\n  require = false,\n  deleteTip = '',\n  plusTip = '',\n  addText,\n  locale,\n  xProps = {},\n  renderAction,\n}) {\n  if (!isFunction(children)) {\n    throw new Error(locale.error)\n  }\n  if (addText === undefined) {\n    addText = locale?.add\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    let newValue = value\n    // 如果数组没有key\n    if (Array.isArray(value) && value.some((obj) => !obj.key)) {\n      newValue = value.map((obj) => ({ ...obj, key: obj.key || key++ }))\n      _onChange(newValue)\n    } else {\n      setValue(newValue)\n    }\n  }, [value])\n\n  const _onChange = useCallback((value) => {\n    if (onChange) {\n      onChange(value)\n    } else {\n      setValue(value)\n    }\n  }, [])\n\n  let inValue = _value || []\n  if (require && inValue.length === 0) {\n    inValue = [{ key: key++ }]\n  }\n\n  const changeValue = (index, name, value) => {\n    inValue[index] = {\n      ...inValue[index],\n      [name]: value,\n    }\n    _onChange([...inValue])\n  }\n\n  const onAdd = (index) => {\n    if (index === undefined) {\n      _onChange([...inValue, { key: key++ }])\n    } else {\n      inValue.splice(index + 1, 0, { key: key++ })\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  const onDragEnd = ({ active, over }) => {\n    if (active.id !== over?.id) {\n      _onChange((prevState) => {\n        const activeIndex = prevState.findIndex((record) => record.key === active?.id)\n        const overIndex = prevState.findIndex((record) => record.key === over?.id)\n        return arrayMove(prevState, activeIndex, overIndex)\n      })\n    }\n  }\n\n  if (mode === 'list') {\n    return (\n      <div className=\"tntd-array-input\">\n        {inValue.map((item, index) => {\n          let fields = children(item, index)\n          if (!isArray(fields)) {\n            fields = get(fields, 'props.children', [])\n          }\n          const actionSpan = 24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24)\n          return (\n            <Row gutter={gutter} key={index} className=\"tntd-array-input-item\">\n              {fields.map((field, i) => {\n                if (!isValidElement(field)) {\n                  return field ? (\n                    <Col span={4} key={i}>\n                      {field}\n                    </Col>\n                  ) : (\n                    ''\n                  )\n                }\n                const { name, span = 4, onChange: fieldChange, ...other } = field?.props\n                return (\n                  <Col span={span} key={i}>\n                    {React.cloneElement(field, {\n                      value: item[name] || undefined,\n                      onChange: (e) => {\n                        fieldChange && fieldChange(e, index, changeValue)\n                        const newValue = e.target ? e.target.value : e\n                        changeValue(index, name, newValue)\n                      },\n                      ...other,\n                    })}\n                  </Col>\n                )\n              })}\n              <Col span={actionSpan}>\n                <span className=\"tntd-array-input-action\">\n                  {renderAction ? (\n                    renderAction(item, index, onDelete, onAdd)\n                  ) : (\n                    <>\n                      {deleteTip ? (\n                        <Tooltip title={deleteTip}>\n                          <span onClick={() => onDelete(index)}>\n                            <Icon type=\"delete\" />\n                          </span>\n                        </Tooltip>\n                      ) : (\n                        <span onClick={() => onDelete(index)}>\n                          <Icon type=\"delete\" />\n                        </span>\n                      )}\n                    </>\n                  )}\n                </span>\n              </Col>\n            </Row>\n          )\n        })}\n        <Button type=\"link\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  } else {\n    let fields = children({}, 0)\n    if (!isArray(fields)) {\n      fields = get(fields, 'props.children', [])\n    }\n    const dataSource = inValue.map((value, index) => {\n      const fields = children(value, index)\n      const back = { key: value.key }\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n\n    return (\n      <div className=\"tntd-array-input\">\n        <DndContext modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n          <SortableContext\n            items={dataSource.map((i) => i.key)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Table\n              dataSource={dataSource}\n              pagination={false}\n              components={{\n                body: {\n                  row: BodyRow,\n                },\n              }}\n              bordered\n              {...xProps}\n            >\n              {drag && (\n                <Column\n                  key=\"dragger\"\n                  dataIndex=\"dragger\"\n                  width={60}\n                  render={() => <DragHandle />}\n                ></Column>\n              )}\n              {fields.map((field) => {\n                const { name, span, title } = field?.props || {}\n                return (\n                  <Column\n                    key={name}\n                    dataIndex={name}\n                    title={title}\n                    width={getWidth(span || 24 / (fields.length + 1))}\n                    render={(field, row, index) => {\n                      if (!isValidElement(field)) {\n                        return field\n                      }\n                      const { onChange: fieldChange } = field.props\n                      return React.cloneElement(field, {\n                        value: inValue[index][name] || undefined,\n                        onChange: (e) => {\n                          fieldChange && fieldChange(e, index, changeValue)\n                          const newValue = e.target ? e.target.value : e\n                          changeValue(index, name, newValue)\n                        },\n                      })\n                    }}\n                  ></Column>\n                )\n              })}\n              <Column\n                key=\"action\"\n                dataIndex=\"action\"\n                title={locale.action}\n                width={getWidth(24 - (sumBy(fields, 'props.span') % 24))}\n                render={(text, row, index) => {\n                  if (renderAction) {\n                    return renderAction(row, index, onDelete, onAdd)\n                  }\n                  return (\n                    <span className=\"tntd-array-input-action\">\n                      {deleteTip ? (\n                        <Tooltip title={deleteTip}>\n                          <span onClick={() => onDelete(index)}>\n                            <Icon type=\"delete\" />\n                          </span>\n                        </Tooltip>\n                      ) : (\n                        <span onClick={() => onDelete(index)}>\n                          <Icon type=\"delete\" />\n                        </span>\n                      )}\n                    </span>\n                  )\n                }}\n              ></Column>\n            </Table>\n          </SortableContext>\n        </DndContext>\n        <Button type=\"dashed\" block className=\"mt10\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  }\n}\n\nexport default function WarpArrayInput(props) {\n  return (\n    <LocaleReceiver componentName=\"ArrayInput\">\n      {(locale) => {\n        return <ArrayInput {...props} locale={locale} />\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/array-input/index.js"],"names":[],"mappings":"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","sourcesContent":["import { DndContext } from '@dnd-kit/core'\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers'\nimport {\n  SortableContext,\n  arrayMove,\n  useSortable,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable'\nimport { CSS } from '@dnd-kit/utilities'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport { get, isArray, isFunction, set, sum, sumBy } from 'lodash'\nimport React, { isValidElement, useCallback, useContext, useEffect, useMemo, useState } from 'react'\nimport Button from '../button'\nimport Col from '../col'\nimport Icon from '../icon'\nimport Row from '../row'\nimport Table from '../table'\nimport Tooltip from '../tooltip'\nimport './index.less'\n\nconst { Column } = Table\nconst RowContext = React.createContext({})\nconst getWidth = (span) => 1000 / span\nlet key = 1\n\nfunction DragHandle() {\n  const { setActivatorNodeRef, listeners } = useContext(RowContext)\n  return (\n    <Button\n      className=\"drag-btn\"\n      type=\"tertiary\"\n      size=\"small\"\n      icon=\"drag\"\n      ref={setActivatorNodeRef}\n      {...listeners}\n    />\n  )\n}\nfunction BodyRow(props) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    setActivatorNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({\n    id: props['data-row-key'],\n  })\n  const style = {\n    ...props.style,\n    transform: CSS.Translate.toString(transform),\n    transition,\n    ...(isDragging\n      ? {\n          position: 'relative',\n          zIndex: 9999,\n        }\n      : {}),\n  }\n  const contextValue = useMemo(\n    () => ({\n      setActivatorNodeRef,\n      listeners,\n    }),\n    [setActivatorNodeRef, listeners]\n  )\n  return (\n    <RowContext.Provider value={contextValue}>\n      <tr {...props} ref={setNodeRef} style={style} {...attributes} />\n    </RowContext.Provider>\n  )\n}\n\nfunction ArrayInput({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  mode = 'list',\n  drag = false, // 只做了table的拖拽排序\n  gutter = 10,\n  require = false,\n  errorMap,\n  deleteTip = '',\n  plusTip = '',\n  addText,\n  locale,\n  xProps = {},\n  renderAction,\n}) {\n  if (!isFunction(children)) {\n    throw new Error(locale.error)\n  }\n  if (addText === undefined) {\n    addText = locale?.add\n  }\n\n  const [_value, setValue] = useState(value || defaultValue)\n\n  useEffect(() => {\n    let newValue = value\n    // 如果数组没有key\n    if (Array.isArray(value) && value.some((obj) => !obj.key)) {\n      newValue = value.map((obj) => ({ ...obj, key: obj.key || key++ }))\n      _onChange(newValue)\n    } else {\n      setValue(newValue)\n    }\n  }, [value])\n\n  const _onChange = useCallback((value) => {\n    if (onChange) {\n      onChange(value)\n    } else {\n      setValue(value)\n    }\n  }, [])\n\n  let inValue = _value || []\n  if (require && inValue.length === 0) {\n    inValue = [{ key: key++ }]\n  }\n\n  const changeValue = (index, name, value) => {\n    inValue[index] = {\n      ...inValue[index],\n      [name]: value,\n    }\n    _onChange([...inValue])\n  }\n\n  const onAdd = (index) => {\n    if (index === undefined) {\n      _onChange([...inValue, { key: key++ }])\n    } else {\n      inValue.splice(index + 1, 0, { key: key++ })\n      _onChange([...inValue])\n    }\n  }\n\n  const onDelete = (i) => {\n    inValue.splice(i, 1)\n    _onChange([...inValue])\n  }\n\n  const onDragEnd = ({ active, over }) => {\n    if (active.id !== over?.id) {\n      _onChange((prevState) => {\n        const activeIndex = prevState.findIndex((record) => record.key === active?.id)\n        const overIndex = prevState.findIndex((record) => record.key === over?.id)\n        return arrayMove(prevState, activeIndex, overIndex)\n      })\n    }\n  }\n\n  if (mode === 'list') {\n    return (\n      <div className=\"tntd-array-input\">\n        {inValue.map((item, index) => {\n          let fields = children(item, index)\n          if (!isArray(fields)) {\n            fields = get(fields, 'props.children', [])\n          }\n          const actionSpan = 24 - (sum(fields.map((f) => get(f, 'props.span', 4))) % 24)\n          return (\n            <Row gutter={gutter} key={index} className=\"tntd-array-input-item\">\n              {fields.map((field, i) => {\n                if (!isValidElement(field)) {\n                  return field ? (\n                    <Col span={4} key={i}>\n                      {field}\n                    </Col>\n                  ) : (\n                    ''\n                  )\n                }\n                const { name, span = 4, onChange: fieldChange, ...other } = field?.props;\n                const isError = errorMap ? errorMap[`${index}-${name}`] : '';\n                return (\n                  <Col span={span} key={i}>\n                    <div className={!isError ? 'tntd-array-input-hide-error' : ''}>\n                      {React.cloneElement(field, {\n                        value: item[name] || undefined,\n                        onChange: (e) => {\n                          fieldChange && fieldChange(e, index, changeValue)\n                          const newValue = e.target ? e.target.value : e\n                          changeValue(index, name, newValue)\n                        },\n                        ...other,\n                      })}\n                    </div>\n                    {isError&&<div className=\"ant-form-item-explain-error\">{isError}</div>}\n                  </Col>\n                )\n              })}\n              <Col span={actionSpan}>\n                <span className=\"tntd-array-input-action\">\n                  {renderAction ? (\n                    renderAction(item, index, onDelete, onAdd)\n                  ) : (\n                    <>\n                      {deleteTip ? (\n                        <Tooltip title={deleteTip}>\n                          <span onClick={() => onDelete(index)}>\n                            <Icon type=\"delete\" />\n                          </span>\n                        </Tooltip>\n                      ) : (\n                        <span onClick={() => onDelete(index)}>\n                          <Icon type=\"delete\" />\n                        </span>\n                      )}\n                    </>\n                  )}\n                </span>\n              </Col>\n            </Row>\n          )\n        })}\n        <Button type=\"link\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  } else {\n    let fields = children({}, 0)\n    if (!isArray(fields)) {\n      fields = get(fields, 'props.children', [])\n    }\n    const dataSource = inValue.map((value, index) => {\n      const fields = children(value, index)\n      const back = { key: value.key }\n      fields.forEach((field) => {\n        const name = field?.props?.name\n        name && set(back, name, field)\n      })\n      return back\n    })\n\n    return (\n      <div className=\"tntd-array-input\">\n        <DndContext modifiers={[restrictToVerticalAxis]} onDragEnd={onDragEnd}>\n          <SortableContext\n            items={dataSource.map((i) => i.key)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Table\n              dataSource={dataSource}\n              pagination={false}\n              components={{\n                body: {\n                  row: BodyRow,\n                },\n              }}\n              bordered\n              {...xProps}\n            >\n              {drag && (\n                <Column\n                  key=\"dragger\"\n                  dataIndex=\"dragger\"\n                  width={60}\n                  render={() => <DragHandle />}\n                ></Column>\n              )}\n              {fields.map((field) => {\n                const { name, span, title } = field?.props || {}\n                return (\n                  <Column\n                    key={name}\n                    dataIndex={name}\n                    title={title}\n                    width={getWidth(span || 24 / (fields.length + 1))}\n                    render={(field, row, index) => {\n                      if (!isValidElement(field)) {\n                        return field\n                      }\n                      const { name, onChange: fieldChange } = field.props\n                      const isError = errorMap ? errorMap[`${index}-${name}`] : '';\n                      return <div className={!isError ? 'tntd-array-input-hide-error' : ''}>\n                        { React.cloneElement(field, {\n                          value: inValue[index][name] || undefined,\n                          onChange: (e) => {\n                            fieldChange && fieldChange(e, index, changeValue)\n                            const newValue = e.target ? e.target.value : e\n                            changeValue(index, name, newValue)\n                          },\n                        }) }\n                        { isError && <div className=\"ant-form-item-explain-error\">{isError}</div> }\n                      </div>\n                    }}\n                  ></Column>\n                )\n              })}\n              <Column\n                key=\"action\"\n                dataIndex=\"action\"\n                title={locale.action}\n                width={getWidth(24 - (sumBy(fields, 'props.span') % 24))}\n                render={(text, row, index) => {\n                  if (renderAction) {\n                    return renderAction(row, index, onDelete, onAdd)\n                  }\n                  return (\n                    <span className=\"tntd-array-input-action\">\n                      {deleteTip ? (\n                        <Tooltip title={deleteTip}>\n                          <span onClick={() => onDelete(index)}>\n                            <Icon type=\"delete\" />\n                          </span>\n                        </Tooltip>\n                      ) : (\n                        <span onClick={() => onDelete(index)}>\n                          <Icon type=\"delete\" />\n                        </span>\n                      )}\n                    </span>\n                  )\n                }}\n              ></Column>\n            </Table>\n          </SortableContext>\n        </DndContext>\n        <Button type=\"dashed\" block className=\"mt10\" onClick={() => onAdd()}>\n          <Icon type=\"plus\" />\n          {addText}\n        </Button>\n      </div>\n    )\n  }\n}\n\nexport default function WarpArrayInput(props) {\n  return (\n    <LocaleReceiver componentName=\"ArrayInput\">\n      {(locale) => {\n        return <ArrayInput {...props} locale={locale} />\n      }}\n    </LocaleReceiver>\n  )\n}\n"]}

package/es/array-input/index.less

@@ -1,28 +1,150 @@
+@import '../style/themes/index';
+@import '../style/mixins/index';
+@import '../form/style/mixin.less';
+
+@form-prefix-cls: ~'@{ant-prefix}-form';
+
 .tntd-array-input {
+  line-height: 1.5;
+
   &-item {
     margin-bottom: 10px;
   }
+
   .ant-col,
   .ant-table-row {
     .ant-select {
       width: 100%;
     }
   }
+
   .mr10 {
     margin-right: 10px;
   }
+
   .mt10 {
     margin-top: 10px;
   }
+
   &-action {
     line-height: @btn-height-base;
-    > span {
+
+    >span {
       cursor: pointer;
     }
   }
+
   .drag-btn {
     border: none;
     background-color: transparent;
     cursor: move;
   }
 }
+
+.has-error {
+  .tntd-array-input-hide-error {
+    .form-control-validation();
+
+    &.has-feedback .@{form-prefix-cls}-item-children-icon {
+      color: @text-color;
+      animation-name: diffZoomIn2 !important;
+    }
+
+    //select
+    .@{ant-prefix}-select {
+      &-selection {
+        border-color: @input-border-color;
+
+        &:hover {
+          border-color: @primary-color;
+        }
+      }
+
+      &-open .@{ant-prefix}-select-selection,
+      &-focused .@{ant-prefix}-select-selection {
+        .active();
+      }
+    }
+
+    .@{ant-prefix}-select.@{ant-prefix}-select-auto-complete {
+      .@{ant-prefix}-input:focus {
+        border-color: @primary-color;
+      }
+    }
+
+    .@{ant-prefix}-input-group-addon .@{ant-prefix}-select {
+      &-selection {
+        border-color: transparent;
+        box-shadow: none;
+      }
+    }
+
+    // arrow and icon
+    .@{ant-prefix}-calendar-picker-icon::after,
+    .@{ant-prefix}-time-picker-icon::after,
+    .@{ant-prefix}-picker-icon::after,
+    .@{ant-prefix}-select-arrow,
+    .@{ant-prefix}-cascader-picker-arrow {
+      color: @disabled-color;
+    }
+
+    //input-number, timepicker
+    .@{ant-prefix}-input-number,
+    .@{ant-prefix}-time-picker-input {
+      border-color: @input-border-color;
+
+      &-focused,
+      &:focus {
+        .active();
+      }
+
+      &:not([disabled]):hover {
+        border-color: @primary-color;
+      }
+    }
+
+    .@{ant-prefix}-mention-wrapper {
+      .@{ant-prefix}-mention-editor {
+
+        &,
+        &:not([disabled]):hover {
+          border-color: @primary-color;
+        }
+      }
+
+      &.@{ant-prefix}-mention-active:not([disabled]) .@{ant-prefix}-mention-editor,
+      .@{ant-prefix}-mention-editor:not([disabled]):focus {
+        .active();
+      }
+    }
+
+    .@{ant-prefix}-cascader-picker {
+      &:focus .@{ant-prefix}-cascader-input {
+        .active();
+      }
+
+      &:hover .@{ant-prefix}-cascader-input {
+        border-color: @input-border-color;
+      }
+    }
+
+    // transfer
+    .@{ant-prefix}-transfer {
+      &-list {
+        border-color: @input-border-color;
+
+        &-search:not([disabled]) {
+          border-color: @input-border-color;
+
+          &:hover {
+            .hover();
+          }
+
+          &:focus {
+            .active();
+          }
+        }
+      }
+    }
+  }
+}

package/es/array-input/utils.js

@@ -0,0 +1,71 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validateRules = validateRules;
+var _isObject2 = _interopRequireDefault(require("lodash/isObject"));
+var _isNil2 = _interopRequireDefault(require("lodash/isNil"));
+var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function validateRules(rules, value) {
+  return new Promise( /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve) {
+      var i, rule, meg;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            i = 0;
+          case 1:
+            if (!(i < rules.length)) {
+              _context.next = 17;
+              break;
+            }
+            rule = rules[i];
+            if (!((0, _isObject2["default"])(rule) && rule.required)) {
+              _context.next = 8;
+              break;
+            }
+            if (!((0, _isNil2["default"])(value) || value === '')) {
+              _context.next = 6;
+              break;
+            }
+            return _context.abrupt("return", resolve(rule.message));
+          case 6:
+            _context.next = 14;
+            break;
+          case 8:
+            if (!(0, _isFunction2["default"])(rule)) {
+              _context.next = 14;
+              break;
+            }
+            _context.next = 11;
+            return rule(value);
+          case 11:
+            meg = _context.sent;
+            if (!meg) {
+              _context.next = 14;
+              break;
+            }
+            return _context.abrupt("return", resolve(meg));
+          case 14:
+            i++;
+            _context.next = 1;
+            break;
+          case 17:
+            resolve(false);
+          case 18:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function (_x) {
+      return _ref.apply(this, arguments);
+    };
+  }());
+}

package/es/array-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/array-input/utils.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEpD,MAAM,UAAU,aAAa,CAAC,KAAK,EAAE,KAAK;IACxC,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,MAAM,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;YACrB,IAAI,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACnC,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,EAAE,EAAE;oBAChC,OAAO,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;iBAC7B;aACF;iBAAM,IAAI,UAAU,CAAC,IAAI,CAAC,EAAE;gBAC3B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,CAAA;gBAC7B,IAAI,GAAG,EAAE;oBACP,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;iBACpB;aACF;SACF;QACD,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import { isFunction, isNil, isObject } from 'lodash'\n\nexport function validateRules(rules, value) {\n  return new Promise(async (resolve) => {\n    for (let i = 0; i < rules.length; i++) {\n      const rule = rules[i]\n      if (isObject(rule) && rule.required) {\n        if (isNil(value) || value === '') {\n          return resolve(rule.message)\n        }\n      } else if (isFunction(rule)) {\n        const meg = await rule(value)\n        if (meg) {\n          return resolve(meg)\n        }\n      }\n    }\n    resolve(false)\n  })\n}\n"]}

package/es/ellipsis/index.js

@@ -11,6 +11,7 @@ var _popover2 = _interopRequireDefault(require("../popover"));
 var _tooltip = _interopRequireDefault(require("../tooltip"));
 var _CopySVG = _interopRequireDefault(require("./Svg/CopySVG"));
 var _TickSVG = _interopRequireDefault(require("./Svg/TickSVG"));
+var _useScrollLock = _interopRequireDefault(require("../_util/hooks/useScrollLock"));
 require("./index.less");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -57,7 +58,8 @@ var _default = exports["default"] = function _default(props) {
     prefix = props.prefix,
     suffix = props.suffix,
     _props$needRefresh = props.needRefresh,
-    needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh;
+    needRefresh = _props$needRefresh === void 0 ? true : _props$needRefresh,
+    enableScrollObserver = props.enableScrollObserver;
   var _useState = (0, _react.useState)(1),
     _useState2 = _slicedToArray(_useState, 2),
     renderId = _useState2[0],
@@ -82,6 +84,14 @@ var _default = exports["default"] = function _default(props) {
     lineHeight = _useState10[0],
     setLineHeight = _useState10[1];
   var elementRef = (0, _react.useRef)();
+  var isScrolling = (0, _useScrollLock["default"])({
+    enableScrollObserver: enableScrollObserver
+  });
+  (0, _react.useEffect)(function () {
+    if (isScrolling) {
+      setTipVisible(false);
+    }
+  }, [isScrolling]);
   var computeElement = function computeElement() {
     elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
     if (elementRef.current) {

package/es/ellipsis/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    let styleStr = 'overflow:visible; '\n    if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n      styleStr += 'max-width:100%;'\n    }\n    e.parentNode.setAttribute('style', styleStr)\n    e.setAttribute(\"style\",'overflow:inherit');\n  }else {\n    e.setAttribute(\"style\", \"\")\n  }\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n  let {\n    _popover = props.Popover, // `Popover` or `Tooltip` ?\n    title, // in most cases for `Tooltip`\n    content, // in most cases for `Popover`\n    className,\n    style,\n    widthLimit, // width trigger value\n    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n    children, // children Node\n    emptyText, // default: null\n    _copyable = props.copyable, // copy function\n    prefix, // 前缀dom\n    suffix, // 后缀dom\n    needRefresh = true // select.options的情况下不要刷新\n  } = props\n\n  const [renderId, setRenderId] = useState(1);\n  // allow visible or not state\n  const [flag, setFlag] = useState(true)\n  // visible[Tooltip/Popover] state\n  const [tipVisible, setTipVisible] = useState(false)\n  // copy animation state\n  const [hasCopy, setHasCopy] = useState(false)\n  const [lineHeight, setLineHeight] = useState()\n\n  const elementRef = useRef()\n\n  const computeElement = ()=>{\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\n\n    if (elementRef.current) {\n      setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'))\n    }\n  }\n\n  useLayoutEffect(()=>{\n    if (needRefresh) {\n      setRenderId(id => id + 1);\n    }else {\n      if(renderId < 2) {\n          setRenderId(id => id + 1);\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [title, needRefresh, content, children])\n\n  useEffect(() => {\n    computeElement()\n  },[renderId])\n\n  useEffect(()=>{\n    window.addEventListener(\"resize\",computeElement)\n    return ()=>{\n        window.removeEventListener('resize',computeElement)\n    }\n  },[])\n\n  // original Node\n  const inner = typeof children === 'string' ? children : _popover ? content : title\n\n  // for className\n  const getClassName = () => {\n    return `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n  }\n\n  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n  const handleVisibleChange = (visible) => {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible)\n  }\n\n  // onClick Copy Button\n  const handleCopy = (innerText) => {\n    copy(innerText)\n    setHasCopy(!hasCopy)\n    setTimeout(() => {\n      setHasCopy(false)\n    }, 1000)\n  }\n\n  const renderNode = () => {\n    const popoverNode = (\n      <Popover\n        {...props}\n        content={content || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || content}\n        </div>\n      </Popover>\n    )\n\n    const tooltipNode = (\n      <Tooltip\n        {...props}\n        title={title || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || title}\n        </div>\n      </Tooltip>\n    )\n\n    return _popover ? popoverNode : tooltipNode\n  }\n\n  return (\n    <>\n      <div\n        className=\"tntd-ellipsis\"\n        style={{\n          ...style,\n          maxWidth: widthLimit,\n        }}\n      >\n        {/* prefix */}\n        {prefix && prefix}\n        {/* content */}\n        <div className={getClassName()} key={renderId}>{(inner||inner===0) ? renderNode() : emptyText}</div>\n        {/* suffix */}\n        {!!suffix && suffix}\n        {/* copyable button */}\n        {(inner||inner===0) && _copyable && lineHeight && (\n          <div\n            className=\"svg-button\"\n            style={{\n              height: lineHeight,\n            }}\n            onClick={() => handleCopy(elementRef.current.innerText)}\n          >\n            {!hasCopy ? (\n              <CopySVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            ) : (\n              <TickSVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useLayoutEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport useScrollLock from '../_util/hooks/useScrollLock'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n  if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n    let styleStr = 'overflow:visible; '\n    if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n      styleStr += 'max-width:100%;'\n    }\n    e.parentNode.setAttribute('style', styleStr)\n    e.setAttribute(\"style\",'overflow:inherit');\n  }else {\n    e.setAttribute(\"style\", \"\")\n  }\n  return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n  let {\n    _popover = props.Popover, // `Popover` or `Tooltip` ?\n    title, // in most cases for `Tooltip`\n    content, // in most cases for `Popover`\n    className,\n    style,\n    widthLimit, // width trigger value\n    _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n    children, // children Node\n    emptyText, // default: null\n    _copyable = props.copyable, // copy function\n    prefix, // 前缀dom\n    suffix, // 后缀dom\n    needRefresh = true, \n    enableScrollObserver// select.options的情况下不要刷新\n  } = props\n\n  const [renderId, setRenderId] = useState(1);\n  // allow visible or not state\n  const [flag, setFlag] = useState(true)\n  // visible[Tooltip/Popover] state\n  const [tipVisible, setTipVisible] = useState(false)\n  // copy animation state\n  const [hasCopy, setHasCopy] = useState(false)\n  const [lineHeight, setLineHeight] = useState()\n\n  const elementRef = useRef()\n\n  const isScrolling = useScrollLock({enableScrollObserver});\n  useEffect(()=>{\n    if(isScrolling) {\n      setTipVisible(false)\n    }\n  },[isScrolling])\n  \n  const computeElement = ()=>{\n    elementRef.current && isEllipsisActive(elementRef.current)\n      ? setFlag(true)\n      : (setFlag(false), setTipVisible(false))\n\n    if (elementRef.current) {\n      setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'))\n    }\n  }\n\n  useLayoutEffect(()=>{\n    if (needRefresh) {\n      setRenderId(id => id + 1);\n    }else {\n      if(renderId < 2) {\n          setRenderId(id => id + 1);\n    }\n  }\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [title, needRefresh, content, children])\n\n  useEffect(() => {\n    computeElement()\n  },[renderId])\n\n  useEffect(()=>{\n    window.addEventListener(\"resize\",computeElement)\n    return ()=>{\n        window.removeEventListener('resize',computeElement)\n    }\n  },[])\n\n  // original Node\n  const inner = typeof children === 'string' ? children : _popover ? content : title\n\n  // for className\n  const getClassName = () => {\n    return `overflow min-width-0 ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n  }\n\n  // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n  const handleVisibleChange = (visible) => {\n    // const { onVisibleChange } = props;\n    // onVisibleChange(visible);\n    flag && setTipVisible(visible)\n  }\n\n  // onClick Copy Button\n  const handleCopy = (innerText) => {\n    copy(innerText)\n    setHasCopy(!hasCopy)\n    setTimeout(() => {\n      setHasCopy(false)\n    }, 1000)\n  }\n\n  const renderNode = () => {\n    const popoverNode = (\n      <Popover\n        {...props}\n        content={content || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || content}\n        </div>\n      </Popover>\n    )\n\n    const tooltipNode = (\n      <Tooltip\n        {...props}\n        title={title || children}\n        visible={tipVisible}\n        onVisibleChange={(visible) => handleVisibleChange(visible)}\n      >\n        <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n          {children || title}\n        </div>\n      </Tooltip>\n    )\n\n    return _popover ? popoverNode : tooltipNode\n  }\n\n  return (\n    <>\n      <div\n        className=\"tntd-ellipsis\"\n        style={{\n          ...style,\n          maxWidth: widthLimit,\n        }}\n      >\n        {/* prefix */}\n        {prefix && prefix}\n        {/* content */}\n        <div className={getClassName()} key={renderId}>{(inner||inner===0) ? renderNode() : emptyText}</div>\n        {/* suffix */}\n        {!!suffix && suffix}\n        {/* copyable button */}\n        {(inner||inner===0) && _copyable && lineHeight && (\n          <div\n            className=\"svg-button\"\n            style={{\n              height: lineHeight,\n            }}\n            onClick={() => handleCopy(elementRef.current.innerText)}\n          >\n            {!hasCopy ? (\n              <CopySVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            ) : (\n              <TickSVG\n                style={{\n                  height: lineHeight,\n                }}\n              />\n            )}\n          </div>\n        )}\n      </div>\n    </>\n  )\n}\n"]}

package/es/page-loading/index.less

@@ -10,8 +10,8 @@
         position: absolute;
         top: 45%;
         left: 50%;
-        width: 70px;
-        height: 70px;
+        width: 51px;
+        height: 64px;
         background-size: 100% 100%;
         transform: translate(-50%, -50%);
         background-repeat: no-repeat;
@@ -21,7 +21,7 @@
         span {
             position: absolute;
             left: 50%;
-            bottom: 0;
+            bottom: -17px;
             transform: translate(-50%, 0);
             width: 100%;
             font-size: 12px;
@@ -35,4 +35,4 @@
             color: #fff;
         }
     }
-}
+}

package/es/tntd-rc-select/style/index.less

@@ -1338,7 +1338,7 @@
 .tntd-rc-select:not(.tntd-rc-select-customize-input) .tntd-rc-select-selector {
   position: relative;
   background-color: #fff;
-  border: 1px solid @border-color;
+  border: 1px solid #c9d2dd;
   border-radius: 2px;
   transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
@@ -1446,7 +1446,7 @@
   align-items: center;
   height: 12px;
   margin-top: -6px;
-  color: rgba(0, 0, 0, 0.25);
+  color: rgba(23, 35, 61, 0.3);
   font-size: 12px;
   line-height: 1;
   text-align: center;
@@ -1767,3 +1767,21 @@
 .tntd-rc-select:not(.tntd-rc-select-customize-input) .tntd-rc-select-selector {
   border-radius: @border-radius-base;
 }
+
+.has-error{
+  .tntd-rc-select:not(.tntd-rc-select-customize-input) .tntd-rc-select-selector {
+      border-color: @red-5;
+      box-shadow: none ;
+  }
+
+  .tntd-rc-select-focused:not(.tntd-rc-select-disabled).tntd-rc-select:not(
+    .tntd-rc-select-customize-input
+  ) .tntd-rc-select-selector {
+    border-color: @red-5;
+    box-shadow: none;
+  }
+
+  .tntd-rc-select-arrow{
+    color: @red-5;
+  }
+}