tntd 2.8.33 → 2.8.35

package/lib/time-picker/TimePicker.js

@@ -0,0 +1,90 @@
+"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
+});
+var _exportNames = {};
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _configProvider = require("antd/lib/config-provider");
+var _timePicker = _interopRequireWildcard(require("antd/lib/time-picker"));
+Object.keys(_timePicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _timePicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _timePicker[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+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;
+}
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var TimePicker = function TimePicker(props) {
+  //theme样式类型 outline | fill  默认 outline
+  var _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'outline' : _props$theme,
+    className = props.className,
+    suffixIcon = props.suffixIcon,
+    restProps = __rest(props, ["theme", "className", "suffixIcon"]);
+  var defaultIcon = _react["default"].createElement(_icon["default"], {
+    type: "clock-circle"
+  });
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    var prefixCls = getPrefixCls('time-picker');
+    return _react["default"].createElement(_timePicker["default"], Object.assign({
+      suffixIcon: suffixIcon || defaultIcon,
+      className: (0, _classnames["default"])(className, "".concat(prefixCls, "-").concat(theme))
+    }, restProps));
+  });
+};
+var _default = exports["default"] = TimePicker;

package/lib/time-picker/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../src/time-picker/TimePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAuC;AACvC,mDAA0B;AAE1B,6DAAwD;AACxD,sEAA+C;AAC/C,4DAAmC;AACnC,sDAAmC;AACnC,MAAM,UAAU,GAA2E,CACzF,KAAK,EACL,EAAE;IACF,sCAAsC;IACtC,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,SAAS,EAAE,UAAU,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAlE,oCAA0D,CAAQ,CAAA;IACxE,MAAM,WAAW,GAAG,8BAAC,cAAI,IAAC,IAAI,EAAC,cAAc,GAAG,CAAA;IAEhD,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;QAC7C,OAAO,CACL,8BAAC,qBAAa,kBACZ,UAAU,EAAE,UAAU,IAAI,WAAW,EACrC,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,EAAE,CAAC,IACrD,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA","sourcesContent":["import React, { useState } from 'react'\nimport Icon from '../icon'\nimport type { TimePickerProps as AntdTimePickerProps } from 'antd/lib/time-picker'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntTimePicker from 'antd/lib/time-picker'\nimport classNames from 'classnames'\nexport * from 'antd/lib/time-picker'\nconst TimePicker: React.FC<AntdTimePickerProps & { theme?: string; readonly?: boolean }> = (\n  props\n) => {\n  //theme样式类型 outline | fill  默认 outline\n  const { theme = 'outline', className, suffixIcon, ...restProps } = props\n  const defaultIcon = <Icon type=\"clock-circle\" />\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('time-picker')\n        return (\n          <AntTimePicker\n            suffixIcon={suffixIcon || defaultIcon}\n            className={classNames(className, `${prefixCls}-${theme}`)}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default TimePicker\n"]}

package/lib/time-picker/index.less

@@ -0,0 +1,38 @@
+@import '../style/themes/index';
+
+@timepicker-prefix-cls: ~'@{ant-prefix}-time-picker';
+.@{timepicker-prefix-cls} {
+  input{
+    border-color: @border-color-secondary;
+  }
+  &:has(input:not([value=''])),&:hover {
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @text-color-secondary;
+      }
+    }
+  }
+  &:has(input[disabled]){
+    .@{timepicker-prefix-cls}-icon{
+      i{
+        color: @disabled-color;
+      }
+    }
+  }
+  &-fill{
+    input {
+      background-color: @fill-color-quaternary;
+      border-color: @fill-color-quaternary;
+      &[disabled] {
+        border: none;
+      }
+      &:focus{
+        background-color: @white;
+      }
+      &:not([value='']):hover {
+        background-color: @white;
+      }
+    }
+  }
+}
+

package/lib/tntd-action/Action.d.ts

@@ -0,0 +1,6 @@
+export default function WarpAction({ getContainer, ...other }: {
+    [x: string]: any;
+    getContainer?: (() => HTMLElement) | undefined;
+}): React.JSX.Element;
+import React from "react";
+//# sourceMappingURL=Action.d.ts.map

package/lib/tntd-action/Action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.d.ts","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"AASA;;;sBAgBC"}

package/lib/tntd-action/Action.js

@@ -0,0 +1,218 @@
+"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["default"] = WarpAction;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _configProvider = require("antd/lib/config-provider");
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _button = require("../button");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    "default": e
+  };
+}
+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;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+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(r) {
+  if (Array.isArray(r)) return r;
+}
+var __rest = void 0 && (void 0).__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+var defaultGetContainer = function defaultGetContainer() {
+  return document.getElementById('subapp-viewport') || document.body;
+};
+function WarpAction(_a) {
+  var _a$getContainer = _a.getContainer,
+    getContainer = _a$getContainer === void 0 ? defaultGetContainer : _a$getContainer,
+    other = __rest(_a, ["getContainer"]);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls,
+      getContextPopupContainer = _ref.getPopupContainer;
+    var _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer;
+    return _react["default"].createElement(_LocaleReceiver["default"], {
+      componentName: "TntdAction"
+    }, function (locale) {
+      return _react["default"].createElement(Action, Object.assign({
+        getPopupContainer: _getContainer
+      }, other, {
+        locale: locale
+      }));
+    });
+  });
+}
+function Action(_ref2) {
+  var title = _ref2.title,
+    hidden = _ref2.hidden,
+    data = _ref2.data,
+    afterClose = _ref2.afterClose,
+    locale = _ref2.locale,
+    className = _ref2.className,
+    _ref2$width = _ref2.width,
+    width = _ref2$width === void 0 ? 700 : _ref2$width,
+    getPopupContainer = _ref2.getPopupContainer;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      left: 400,
+      bottom: 100,
+      width: width
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    offset = _useState4[0],
+    setOffset = _useState4[1];
+  var ref = (0, _react.useRef)();
+  var refDom = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    ref.current = getPopupContainer();
+  }, [getPopupContainer]);
+  (0, _react.useEffect)(function () {
+    var visible = data.length > 0;
+    if (visible && ref.current) {
+      var _offset = ref.current.getBoundingClientRect();
+      setOffset({
+        left: _offset.left + (_offset.width - width) / 2,
+        bottom: 100,
+        width: width
+      });
+    }
+    setVisible(visible);
+  }, [data, width]);
+  var onMouseDown = function onMouseDown(e) {
+    var startX = e.clientX - offset.left;
+    var startY = e.clientY + offset.bottom;
+    var onmousemove = function onmousemove(e) {
+      if (e.buttons === 1) {
+        refDom.current.style.left = e.clientX - startX + 'px';
+        refDom.current.style.bottom = startY - e.clientY + 'px';
+      } else {
+        _onmouseup(e);
+      }
+    };
+    var _onmouseup = function onmouseup(e) {
+      setOffset(function (offset) {
+        return Object.assign(Object.assign({}, offset), {
+          left: e.clientX - startX,
+          bottom: startY - e.clientY
+        });
+      });
+      document.removeEventListener('mousemove', onmousemove);
+      document.removeEventListener('mouseup', _onmouseup);
+    };
+    document.addEventListener('mousemove', onmousemove);
+    document.addEventListener('mouseup', _onmouseup);
+  };
+  if (ref.current && visible && !hidden) {
+    return _reactDom["default"].createPortal(_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('tnt-action', className),
+      style: offset,
+      onMouseDown: onMouseDown,
+      ref: refDom
+    }, _react["default"].createElement("div", {
+      className: "fr",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+      }
+    }, data), _react["default"].createElement(_button.Button, {
+      shape: "circle",
+      icon: "close",
+      type: "tertiary",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        setVisible(false);
+        afterClose && afterClose();
+      }
+    }), _react["default"].createElement("span", {
+      className: "tnt-action-text"
+    }, title)), document.body);
+  }
+  return null;
+}

package/lib/tntd-action/Action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../src/tntd-action/Action.js"],"names":[],"mappings":"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","sourcesContent":["import React, { useState, useEffect, useRef } from 'react'\nimport ReactDOM from 'react-dom'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport classNames from 'classnames'\nimport { Button } from '../button'\n\nconst defaultGetContainer = () => document.getElementById('subapp-viewport') || document.body\n\nexport default function WarpAction({ getContainer = defaultGetContainer, ...other }) {\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls, getPopupContainer: getContextPopupContainer }) => {\n        const _getContainer = getContainer === undefined ? getContextPopupContainer : getContainer\n\n        return (\n          <LocaleReceiver componentName=\"TntdAction\">\n            {(locale) => {\n              return <Action getPopupContainer={_getContainer} {...other} locale={locale} />\n            }}\n          </LocaleReceiver>\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nfunction Action({\n  title,\n  hidden,\n  data,\n  afterClose,\n  locale,\n  className,\n  width = 700,\n  getPopupContainer,\n}) {\n  const [visible, setVisible] = useState(false)\n  const [offset, setOffset] = useState({ left: 400, bottom: 100, width })\n  const ref = useRef()\n  const refDom = useRef()\n\n  useEffect(() => {\n    ref.current = getPopupContainer()\n  }, [getPopupContainer])\n\n  useEffect(() => {\n    const visible = data.length > 0\n    if (visible && ref.current) {\n      const offset = ref.current.getBoundingClientRect()\n      setOffset({ left: offset.left + (offset.width - width) / 2, bottom: 100, width })\n    }\n    setVisible(visible)\n  }, [data, width])\n\n  const onMouseDown = (e) => {\n    const startX = e.clientX - offset.left\n    const startY = e.clientY + offset.bottom\n    const onmousemove = (e) => {\n      if (e.buttons === 1) {\n        refDom.current.style.left = e.clientX - startX + 'px'\n        refDom.current.style.bottom = startY - e.clientY + 'px'\n      } else {\n        onmouseup(e);\n      }\n    }\n    const onmouseup = (e) => {\n      setOffset((offset) => ({ ...offset, left: e.clientX - startX, bottom: startY - e.clientY }))\n      document.removeEventListener('mousemove', onmousemove)\n      document.removeEventListener('mouseup', onmouseup)\n    }\n    document.addEventListener('mousemove', onmousemove)\n    document.addEventListener('mouseup', onmouseup)\n  }\n\n  if (ref.current && visible && !hidden) {\n    return ReactDOM.createPortal(\n      <div\n        className={classNames('tnt-action', className)}\n        style={offset}\n        onMouseDown={onMouseDown}\n        ref={refDom}\n      >\n        <div\n          className=\"fr\"\n          onClick={(e) => {\n            e.stopPropagation()\n          }}\n        >\n          {data}\n        </div>\n        <Button\n          shape=\"circle\"\n          icon=\"close\"\n          type=\"tertiary\"\n          onClick={(e) => {\n            e.stopPropagation()\n            setVisible(false)\n            afterClose && afterClose()\n          }}\n        />\n        <span className=\"tnt-action-text\">{title}</span>\n      </div>,\n      document.body\n    )\n  }\n  return null\n}\n"]}

package/lib/tntd-action/index.less

@@ -0,0 +1,61 @@
+.tnt-action {
+  position: fixed;
+  // bottom: 100px;
+  // width: @tnt-action-width;
+  // left: calc(50vw - @tnt-action-width / 2);
+  padding: 10px 16px;
+  background-color: @text-color;
+  border-radius: @border-radius-base;
+  z-index: 200;
+  cursor: grab;
+  box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25), 0px 1px 1px 0px #263354 inset;
+  &-text {
+    color: @white;
+    margin-left: 20px;
+    font-size: 14px;
+    user-select: none;
+    .num {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      background: #454f64;
+      border-radius: 8px;
+      font-size: 10px;
+      margin-right: 4px;
+      vertical-align: text-bottom;
+      text-align: center;
+    }
+  }
+  > .tnt-btn-tertiary {
+    opacity: 0.5;
+    background: #454f64;
+    color: @white;
+    border-width: 0;
+    width: @tnt-action-close-width;
+    height: @tnt-action-close-width;
+    min-width: @tnt-action-close-width;
+    line-height: @tnt-action-close-width;
+    margin-top: 4px;
+    font-size: 14px;
+    &:hover {
+      opacity: 0.8;
+    }
+  }
+  .fr {
+    float: right;
+    .ant-btn {
+      margin-left: 10px;
+      .tntd-anticon {
+        margin-right: 4px;
+      }
+    }
+    .ant-btn:not(.ant-btn-danger) {
+      background: rgba(69, 79, 100, 0.5);
+      color: @white;
+      border-width: 0;
+      &:hover {
+        background: rgba(69, 79, 100, 0.8);
+      }
+    }
+  }
+}

package/lib/tntd-cascader/rc-cascader/OptionList/Column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAA;IACvB,2CAA2C;IAC3C,aAAa,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;IAC9C,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC1B,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAA;IACpD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAc,GACf,EAAE,WAAW,qBAsNb"}
+{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGrE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAE5C,eAAO,MAAM,SAAS,2BAA2B,CAAA;AAEjD,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B,qCAAqC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAA;IACvB,2CAA2C;IAC3C,aAAa,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;IAC1B,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC7D,QAAQ,EAAE,CAAC,SAAS,EAAE,eAAe,KAAK,IAAI,CAAA;IAC9C,UAAU,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC1B,cAAc,EAAE,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,EAAE,CAAA;IACxB,YAAY,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAA;IACpD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAA;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,EACX,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,cAAc,EACd,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,KAAK,EACL,eAAe,EACf,YAAY,EACZ,OAAO,EACP,UAAc,GACf,EAAE,WAAW,qBAqNb"}

package/lib/tntd-cascader/rc-cascader/OptionList/Column.js

@@ -135,7 +135,7 @@ function Column(_ref) {
     }
     return 180;
   }, [optionsNum, optionHeight]);
-  var dropDownVisibleRef = React.useRef(dropdownVisible);
+  var initDropRenderRef = React.useRef(dropdownVisible);
   var _React$useContext = React.useContext(_context["default"]),
     fieldNames = _React$useContext.fieldNames,
     changeOnSelect = _React$useContext.changeOnSelect,
@@ -146,12 +146,12 @@ function Column(_ref) {
   var hoverOpen = expandTrigger === 'hover';
   // 将drop展示赋值给ref
   React.useEffect(function () {
-    dropDownVisibleRef.current = dropdownVisible;
+    initDropRenderRef.current = dropdownVisible;
   }, [dropdownVisible]);
   /** 单选情况下滚动到相应的位置 */
   React.useEffect(function () {
     var timer = null;
-    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible && dropDownVisibleRef.current) {
+    if (ref.current && ref.current.scrollTo && !multiple && dropdownVisible && initDropRenderRef.current) {
       var index = options.findIndex(function (it) {
         return it[fieldNames.value] === activeValue;
       });
@@ -160,7 +160,6 @@ function Column(_ref) {
           ref.current.scrollTo((optionHeight || 36) * index);
         }, 5);
       }
-      dropDownVisibleRef.current = false;
     }
     return function () {
       if (timer) {
@@ -237,6 +236,7 @@ function Column(_ref) {
     };
     // >>>>> Selection
     var triggerSelect = function triggerSelect() {
+      initDropRenderRef.current = false;
       if (isSelectable(option)) {
         onSelect(fullPath, isMergedLeaf);
       }

package/lib/tntd-cascader/rc-cascader/OptionList/Column.js.map

@@ -1 +1 @@
-{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight,\n  isEmpty,\n  optionsNum = 7,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const listHeight = React.useMemo(() => {\n    if (optionsNum) {\n      return Math.ceil((optionHeight || 36) * optionsNum) || 180\n    }\n    return 180\n  }, [optionsNum, optionHeight])\n\n  const dropDownVisibleRef = React.useRef(dropdownVisible)\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  // 将drop展示赋值给ref\n  React.useEffect(() => {\n    dropDownVisibleRef.current = dropdownVisible\n  }, [dropdownVisible])\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n\n    if (\n      ref.current &&\n      ref.current.scrollTo &&\n      !multiple &&\n      dropdownVisible &&\n      dropDownVisibleRef.current\n    ) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n\n      dropDownVisibleRef.current = false\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\" style={!isEmpty ? { height: listHeight + 'px' } : {}}>\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={isEmpty ? 'auto' : listHeight}\n        itemHeight={optionHeight || 36}\n        itemKey=\"fullPathKey\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}
+{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../src/tntd-cascader/rc-cascader/OptionList/Column.tsx"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { isLeaf, toPathKey } from '../utils/commonUtil'\nimport CascaderContext from '../context'\nimport Checkbox from './Checkbox'\nimport type { DefaultOptionType, SingleValueType } from '../Cascader'\nimport { SEARCH_MARK } from '../hooks/useSearchOptions'\nimport List, { ListRef } from 'rc-virtual-list'\nimport type { RenderItem } from '../context'\n\nexport const FIX_LABEL = '__cascader_fix_label__'\n\nexport interface ColumnProps {\n  prefixCls: string\n  multiple?: boolean\n  options: DefaultOptionType[]\n  /** Current Column opened item key */\n  activeValue?: React.Key\n  /** The value path before current column */\n  prevValuePath: React.Key[]\n  onToggleOpen: (open: boolean) => void\n  onSelect: (valuePath: SingleValueType, leaf: boolean) => void\n  onActive: (valuePath: SingleValueType) => void\n  checkedSet: Set<React.Key>\n  halfCheckedSet: Set<React.Key>\n  loadingKeys: React.Key[]\n  isSelectable: (option: DefaultOptionType) => boolean\n  renderItem?: (item: RenderItem) => React.ReactNode\n  searchValue?: string\n  level?: number\n  dropdownVisible?: boolean\n  optionHeight?: number\n}\n\nexport default function Column({\n  prefixCls,\n  multiple,\n  options,\n  activeValue,\n  prevValuePath,\n  onToggleOpen,\n  onSelect,\n  onActive,\n  checkedSet,\n  halfCheckedSet,\n  loadingKeys,\n  isSelectable,\n  renderItem,\n  searchValue,\n  level,\n  dropdownVisible,\n  optionHeight,\n  isEmpty,\n  optionsNum = 7,\n}: ColumnProps) {\n  const ref = React.useRef<ListRef>(null)\n  const menuPrefixCls = `${prefixCls}-menu ${prefixCls}-menu-${level}`\n  const menuItemPrefixCls = `${prefixCls}-menu-item`\n\n  const listHeight = React.useMemo(() => {\n    if (optionsNum) {\n      return Math.ceil((optionHeight || 36) * optionsNum) || 180\n    }\n    return 180\n  }, [optionsNum, optionHeight])\n\n  const initDropRenderRef = React.useRef(dropdownVisible)\n\n  const {\n    fieldNames,\n    changeOnSelect,\n    expandTrigger,\n    expandIcon,\n    loadingIcon,\n    dropdownMenuColumnStyle,\n  } = React.useContext(CascaderContext)\n\n  const hoverOpen = expandTrigger === 'hover'\n\n  // 将drop展示赋值给ref\n  React.useEffect(() => {\n    initDropRenderRef.current = dropdownVisible\n  }, [dropdownVisible])\n\n  /** 单选情况下滚动到相应的位置 */\n  React.useEffect(() => {\n    let timer = null\n\n    if (\n      ref.current &&\n      ref.current.scrollTo &&\n      !multiple &&\n      dropdownVisible &&\n      initDropRenderRef.current\n    ) {\n      const index = options.findIndex((it) => it[fieldNames.value] === activeValue)\n\n      if (index > 0 && !isNaN(index)) {\n        timer = window.setTimeout(() => {\n          ref.current.scrollTo((optionHeight || 36) * index)\n        }, 5)\n      }\n    }\n\n    return () => {\n      if (timer) {\n        window.clearTimeout(timer)\n      }\n      timer = null\n    }\n  }, [multiple, activeValue, options, fieldNames, dropdownVisible, optionHeight])\n\n  // ============================ Option ============================\n  const optionInfoList = React.useMemo(\n    () =>\n      options.map((option) => {\n        const { disabled } = option\n        const searchOptions = option[SEARCH_MARK]\n        const label = option[FIX_LABEL] ?? option[fieldNames.label]\n        const value = option[fieldNames.value]\n\n        const isMergedLeaf = isLeaf(option, fieldNames)\n\n        // Get real value of option. Search option is different way.\n        const fullPath = searchOptions\n          ? // @ts-ignore\n            searchOptions.map((opt) => opt[fieldNames.value])\n          : [...prevValuePath, value]\n        const fullPathKey = toPathKey(fullPath)\n\n        const isLoading = loadingKeys.includes(fullPathKey)\n\n        // >>>>> checked\n        const checked = checkedSet.has(fullPathKey)\n\n        // >>>>> halfChecked\n        const halfChecked = halfCheckedSet.has(fullPathKey)\n\n        return {\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }\n      }),\n    [options, checkedSet, fieldNames, halfCheckedSet, loadingKeys, prevValuePath]\n  )\n  // ============================ Render ============================\n  return (\n    <ul className={menuPrefixCls} role=\"menu\" style={!isEmpty ? { height: listHeight + 'px' } : {}}>\n      <List\n        className={\n          optionInfoList[0].fullPathKey === '__EMPTY__' || !!searchValue\n            ? 'rc-virtual-list-full'\n            : ''\n        }\n        data={optionInfoList}\n        height={isEmpty ? 'auto' : listHeight}\n        itemHeight={optionHeight || 36}\n        itemKey=\"fullPathKey\"\n        ref={ref}\n      >\n        {({\n          disabled,\n          label,\n          value,\n          isLeaf: isMergedLeaf,\n          isLoading,\n          checked,\n          halfChecked,\n          option,\n          fullPath,\n          fullPathKey,\n        }) => {\n          // >>>>> Open\n          const triggerOpenPath = () => {\n            if (!disabled && (!hoverOpen || !isMergedLeaf)) {\n              onActive(fullPath)\n            }\n          }\n\n          // >>>>> Selection\n          const triggerSelect = () => {\n            initDropRenderRef.current = false\n            if (isSelectable(option)) {\n              onSelect(fullPath, isMergedLeaf)\n            }\n          }\n\n          // >>>>> Title\n          let title: string\n          if (typeof option.title === 'string') {\n            title = option.title\n          } else if (typeof label === 'string') {\n            title = label\n          }\n          return (\n            <li\n              key={fullPathKey}\n              className={classNames(menuItemPrefixCls, {\n                [`${menuItemPrefixCls}-expand`]: !isMergedLeaf,\n                [`${menuItemPrefixCls}-active`]: activeValue === value,\n                [`${menuItemPrefixCls}-disabled`]: disabled,\n                [`${menuItemPrefixCls}-loading`]: isLoading,\n              })}\n              style={dropdownMenuColumnStyle}\n              role=\"menuitemcheckbox\"\n              // @ts-ignore\n              title={title}\n              aria-checked={checked}\n              data-path-key={fullPathKey}\n              onClick={() => {\n                triggerOpenPath()\n                if (!multiple || isMergedLeaf) {\n                  triggerSelect()\n                }\n              }}\n              onDoubleClick={() => {\n                if (changeOnSelect) {\n                  onToggleOpen(false)\n                }\n              }}\n              onMouseEnter={() => {\n                if (hoverOpen) {\n                  triggerOpenPath()\n                }\n              }}\n              onMouseDown={(e) => {\n                // Prevent selector from blurring\n                e.preventDefault()\n              }}\n            >\n              {multiple && (\n                <Checkbox\n                  prefixCls={`${prefixCls}-checkbox`}\n                  checked={checked}\n                  halfChecked={halfChecked}\n                  disabled={disabled}\n                  onClick={(e: React.MouseEvent<HTMLSpanElement>) => {\n                    e.stopPropagation()\n                    triggerSelect()\n                  }}\n                />\n              )}\n              <div className={`${menuItemPrefixCls}-content`}>\n                {optionInfoList[0].fullPathKey !== '__EMPTY__' && renderItem\n                  ? renderItem(option, level)\n                  : label}\n              </div>\n              {!isLoading && expandIcon && !isMergedLeaf && (\n                <div className={`${menuItemPrefixCls}-expand-icon`}>{expandIcon}</div>\n              )}\n              {isLoading && loadingIcon && (\n                <div className={`${menuItemPrefixCls}-loading-icon`}>{loadingIcon}</div>\n              )}\n            </li>\n          )\n        }}\n      </List>\n    </ul>\n  )\n}\n"]}

package/lib/tntd-select/index.less

@@ -0,0 +1,7 @@
+.tntd-select-empty-container {
+  padding: 5px 12px;
+
+  & > .ant-empty > .ant-empty-image > svg {
+    width: 100%;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "2.8.33",
+    "version": "2.8.35",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -32,7 +32,7 @@
         "rc-tree": "~5.7.0",
         "rc-overflow": "^1.0.0",
         "rc-trigger": "^5.0.4",
-        "rc-virtual-list": "^3.4.13",
+        "rc-virtual-list": "~3.16.1",
         "rc-align": "^4.0.0",
         "react-color": "^2.17.2",
         "lodash": "~4.17.21",