tntd 3.0.79 → 3.0.80

package/lib/typography/index.js

@@ -1,24 +1,55 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+
+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 _typography = _interopRequireWildcard(require("antd/lib/typography"));
+Object.keys(_typography).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _typography[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _typography[key];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const typography_1 = __importDefault(require("antd/es/typography"));
+  });
+});
 require("./style");
-__exportStar(require("antd/es/typography"), exports);
-exports.default = typography_1.default;
-//# sourceMappingURL=index.js.map
+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;
+}
+var _default = exports["default"] = _typography["default"];

package/lib/typography/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,oEAA2C;AAE3C,mBAAgB;AAEhB,qDAAkC;AAElC,kBAAe,oBAAU,CAAA","sourcesContent":["import Typography from 'antd/es/typography'\n\nimport './style'\n\nexport * from 'antd/es/typography'\n\nexport default Typography\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/typography/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,oEAA2C;AAE3C,mBAAgB;AAEhB,qDAAkC;AAElC,kBAAe,oBAAU,CAAA","sourcesContent":["import Typography from 'antd/lib/typography'\n\nimport './style'\n\nexport * from 'antd/lib/typography'\n\nexport default Typography\n"]}

package/lib/typography/style/index.js

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+
 require("../../style/index.less");
 require("./index.less");
-// style dependencies
 require("../../tooltip/style");
-require("../../input/style");
-//# sourceMappingURL=index.js.map
+require("../../input/style");

package/lib/upload/index.d.ts

@@ -1,8 +1,8 @@
 import { ComponentType } from 'react';
-import type { UploadProps as AntdUploadProps } from 'antd/es/upload';
+import type { UploadProps as AntdUploadProps } from 'antd/lib/upload';
 import './upload.less';
 import './style';
-export * from 'antd/es/upload';
+export * from 'antd/lib/upload';
 export declare type UploadProps = AntdUploadProps & {
     readonly?: boolean;
 };

package/lib/upload/index.js

@@ -1,161 +1,358 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+
+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 = _interopRequireWildcard(require("react"));
+var _upload = _interopRequireWildcard(require("antd/lib/upload"));
+Object.keys(_upload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _upload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _upload[key];
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+  });
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-var __rest = (this && this.__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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const upload_1 = __importDefault(require("antd/es/upload"));
-const LocaleReceiver_1 = __importDefault(require("antd/es/locale-provider/LocaleReceiver"));
-const config_provider_1 = require("antd/es/config-provider");
-const connect_1 = require("../connect");
-const UploadSVG_1 = __importDefault(require("./svg/UploadSVG"));
-const ellipsis_1 = __importDefault(require("../ellipsis"));
-const icon_1 = __importDefault(require("../icon"));
-const classnames_1 = __importDefault(require("classnames"));
+var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
+var _configProvider = require("antd/lib/config-provider");
+var _connect = require("../connect");
+var _UploadSVG = _interopRequireDefault(require("./svg/UploadSVG"));
+var _ellipsis = _interopRequireDefault(require("../ellipsis"));
+var _icon = _interopRequireDefault(require("../icon"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("./upload.less");
 require("./style");
-__exportStar(require("antd/es/upload"), exports);
+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 _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+      t && (r = t);
+      var _n = 0,
+        F = function F() {};
+      return {
+        s: F,
+        n: function n() {
+          return _n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[_n++]
+          };
+        },
+        e: function e(r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function s() {
+      t = t.call(r);
+    },
+    n: function n() {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function e(r) {
+      u = !0, o = r;
+    },
+    f: function f() {
+      try {
+        a || null == t["return"] || t["return"]();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+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;
+};
 //头像
-const TntdAvatar = (0, react_1.forwardRef)((props, ref) => {
-    const { children, listType, avatar, avatarStyle, onChange: cusOnChange } = props, rest = __rest(props, ["children", "listType", "avatar", "avatarStyle", "onChange"]);
-    const [imageUrl, setImageUrl] = (0, react_1.useState)();
-    const [loading, setLoading] = (0, react_1.useState)(false);
-    const getBase64 = (img, callback) => {
-        const reader = new FileReader();
-        reader.addEventListener('load', () => callback(reader.result));
-        reader.readAsDataURL(img);
-    };
-    const handleChange = (info) => {
-        if (cusOnChange) {
-            cusOnChange(info);
-        }
-        getBase64(info.file.originFileObj, (imageUrl) => {
-            setImageUrl(imageUrl);
-            setLoading(false);
-        });
-    };
-    const uploadButton = (react_1.default.createElement("div", { className: "avatar-uploader-btn", style: avatarStyle },
-        react_1.default.createElement("img", { src: imageUrl, style: {
-                width: '100%',
-                height: '100%',
-                borderRadius: '100%',
-                background: 'white',
-                border: '2px solid #00000066',
-            } }),
-        react_1.default.createElement("div", { className: "avatar-uploader-btn-mask" },
-            react_1.default.createElement(icon_1.default, { type: loading ? 'loading' : 'picture' }))));
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)({
-            'tntd-upload-wrapper-avatar': avatar,
-        }) },
-        react_1.default.createElement(upload_1.default, Object.assign({}, rest, { ref: ref, name: "avatar", listType: "picture-card", className: "avatar-uploader", showUploadList: false, onChange: handleChange }), children || uploadButton)));
+var TntdAvatar = (0, _react.forwardRef)(function (props, ref) {
+  var children = props.children,
+    listType = props.listType,
+    avatar = props.avatar,
+    avatarStyle = props.avatarStyle,
+    cusOnChange = props.onChange,
+    rest = __rest(props, ["children", "listType", "avatar", "avatarStyle", "onChange"]);
+  var _useState = (0, _react.useState)(),
+    _useState2 = _slicedToArray(_useState, 2),
+    imageUrl = _useState2[0],
+    setImageUrl = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var getBase64 = function getBase64(img, callback) {
+    var reader = new FileReader();
+    reader.addEventListener('load', function () {
+      return callback(reader.result);
+    });
+    reader.readAsDataURL(img);
+  };
+  var handleChange = function handleChange(info) {
+    if (cusOnChange) {
+      cusOnChange(info);
+    }
+    getBase64(info.file.originFileObj, function (imageUrl) {
+      setImageUrl(imageUrl);
+      setLoading(false);
+    });
+  };
+  var uploadButton = _react["default"].createElement("div", {
+    className: "avatar-uploader-btn",
+    style: avatarStyle
+  }, _react["default"].createElement("img", {
+    src: imageUrl,
+    style: {
+      width: '100%',
+      height: '100%',
+      borderRadius: '100%',
+      background: 'white',
+      border: '2px solid #00000066'
+    }
+  }), _react["default"].createElement("div", {
+    className: "avatar-uploader-btn-mask"
+  }, _react["default"].createElement(_icon["default"], {
+    type: loading ? 'loading' : 'picture'
+  })));
+  return _react["default"].createElement("div", {
+    className: (0, _classnames["default"])({
+      'tntd-upload-wrapper-avatar': avatar
+    })
+  }, _react["default"].createElement(_upload["default"], Object.assign({}, rest, {
+    ref: ref,
+    name: "avatar",
+    listType: "picture-card",
+    className: "avatar-uploader",
+    showUploadList: false,
+    onChange: handleChange
+  }), children || uploadButton));
 });
 //拖拽
-const TntdDragger = (0, react_1.forwardRef)((_a, ref) => {
-    var { className, children, hintText, hintTitle } = _a, rest = __rest(_a, ["className", "children", "hintText", "hintTitle"]);
-    return (react_1.default.createElement(LocaleReceiver_1.default, { componentName: "Upload" }, (locale) => {
-        return (react_1.default.createElement(config_provider_1.ConfigConsumer, null, ({ getPrefixCls }) => {
-            const prefixCls = getPrefixCls('upload');
-            return (react_1.default.createElement(upload_1.default.Dragger, Object.assign({}, rest, { ref: ref, className: `${className} tntd-upload-dragger` }), children || (react_1.default.createElement("div", { className: "tntd-upload-dragger-body" },
-                react_1.default.createElement(UploadSVG_1.default, null),
-                react_1.default.createElement("p", { className: "tntd-upload-dragger-text" }, hintTitle || locale.hintTitle),
-                !!hintText && react_1.default.createElement("p", { className: "tntd-upload-dragger-hint" }, hintText)))));
-        }));
-    }));
+var TntdDragger = (0, _react.forwardRef)(function (_a, ref) {
+  var className = _a.className,
+    children = _a.children,
+    hintText = _a.hintText,
+    hintTitle = _a.hintTitle,
+    rest = __rest(_a, ["className", "children", "hintText", "hintTitle"]);
+  return _react["default"].createElement(_LocaleReceiver["default"], {
+    componentName: "Upload"
+  }, function (locale) {
+    return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+      var getPrefixCls = _ref.getPrefixCls;
+      var prefixCls = getPrefixCls('upload');
+      return _react["default"].createElement(_upload["default"].Dragger, Object.assign({}, rest, {
+        ref: ref,
+        className: "".concat(className, " tntd-upload-dragger")
+      }), children || _react["default"].createElement("div", {
+        className: "tntd-upload-dragger-body"
+      }, _react["default"].createElement(_UploadSVG["default"], null), _react["default"].createElement("p", {
+        className: "tntd-upload-dragger-text"
+      }, hintTitle || locale.hintTitle), !!hintText && _react["default"].createElement("p", {
+        className: "tntd-upload-dragger-hint"
+      }, hintText)));
+    });
+  });
 });
 //特殊处理照片墙
-const TntdUpload = (0, react_1.forwardRef)((props, ref) => {
-    const { fileList, defaultFileList, pictureCardTitle, listType, avatar } = props;
-    const showList = fileList ? fileList : defaultFileList;
-    const uploadRef = (0, react_1.useRef)(null); // 新增的ref用于访问AntdUpload
-    (0, react_1.useLayoutEffect)(() => {
-        if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {
-            const container = uploadRef.current.querySelector('.ant-upload-list');
-            // 初次渲染时手动更新 ellipsis
-            const updateEllipsis = () => {
-                if (uploadRef.current) {
-                    const updatedContainers = uploadRef.current.querySelectorAll(`.ant-upload-list-picture-card-container`);
-                    const ellipsisElements = uploadRef.current.querySelectorAll(`.tntd-upload-ellipsis .tntd-ellipsis`);
-                    if (updatedContainers.length === ellipsisElements.length) {
-                        updatedContainers.forEach((item, index) => {
-                            if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {
-                                const existingEllipsis = item.querySelector('.tntd-ellipsis');
-                                if (existingEllipsis) {
-                                    item.removeChild(existingEllipsis);
-                                }
-                                item.appendChild(ellipsisElements[index]);
-                            }
-                        });
-                    }
-                }
-            };
-            const observer = new MutationObserver((mutationsList) => {
-                for (const mutation of mutationsList) {
-                    if (mutation.type === 'childList') {
-                        // 处理 DOM 变化时的更新逻辑
-                        updateEllipsis();
-                    }
+var TntdUpload = (0, _react.forwardRef)(function (props, ref) {
+  var fileList = props.fileList,
+    defaultFileList = props.defaultFileList,
+    pictureCardTitle = props.pictureCardTitle,
+    listType = props.listType,
+    avatar = props.avatar;
+  var showList = fileList ? fileList : defaultFileList;
+  var uploadRef = (0, _react.useRef)(null); // 新增的ref用于访问AntdUpload
+  (0, _react.useLayoutEffect)(function () {
+    if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {
+      var container = uploadRef.current.querySelector('.ant-upload-list');
+      // 初次渲染时手动更新 ellipsis
+      var updateEllipsis = function updateEllipsis() {
+        if (uploadRef.current) {
+          var updatedContainers = uploadRef.current.querySelectorAll(".ant-upload-list-picture-card-container");
+          var ellipsisElements = uploadRef.current.querySelectorAll(".tntd-upload-ellipsis .tntd-ellipsis");
+          if (updatedContainers.length === ellipsisElements.length) {
+            updatedContainers.forEach(function (item, index) {
+              if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {
+                var existingEllipsis = item.querySelector('.tntd-ellipsis');
+                if (existingEllipsis) {
+                  item.removeChild(existingEllipsis);
                 }
+                item.appendChild(ellipsisElements[index]);
+              }
             });
-            // 初次渲染时立即执行一次 updateEllipsis
-            updateEllipsis();
-            if (container) {
-                observer.observe(container, { childList: true, subtree: true });
+          }
+        }
+      };
+      var observer = new MutationObserver(function (mutationsList) {
+        var _iterator = _createForOfIteratorHelper(mutationsList),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var mutation = _step.value;
+            if (mutation.type === 'childList') {
+              // 处理 DOM 变化时的更新逻辑
+              updateEllipsis();
             }
-            // 清理 observer
-            return () => {
-                observer.disconnect();
-            };
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
-    }, [listType, uploadRef, showList, pictureCardTitle]);
-    const isPictureCard = listType === 'picture-card' && pictureCardTitle;
-    return (react_1.default.createElement("span", { className: (0, classnames_1.default)('tntd-upload-wrapper', {
-            'tntd-upload-wrapper-picture-card': isPictureCard,
-        }), ref: uploadRef },
-        listType === 'picture-card' && avatar ? (react_1.default.createElement(TntdAvatar, Object.assign({}, props, { ref: ref }))) : (react_1.default.createElement(upload_1.default, Object.assign({}, props, { ref: ref }))),
-        isPictureCard && (react_1.default.createElement("div", { className: "tntd-upload-ellipsis", style: { visibility: 'hidden', position: 'absolute' }, key: showList === null || showList === void 0 ? void 0 : showList.length }, showList === null || showList === void 0 ? void 0 : showList.map((item) => {
-            return (react_1.default.createElement(ellipsis_1.default, { title: item.name, widthLimit: 104, className: `tntd-upload-list-Ellipsis uid-${item.uid}`, style: { width: 104 } }));
-        })))));
+      });
+      // 初次渲染时立即执行一次 updateEllipsis
+      updateEllipsis();
+      if (container) {
+        observer.observe(container, {
+          childList: true,
+          subtree: true
+        });
+      }
+      // 清理 observer
+      return function () {
+        observer.disconnect();
+      };
+    }
+  }, [listType, uploadRef, showList, pictureCardTitle]);
+  var isPictureCard = listType === 'picture-card' && pictureCardTitle;
+  return _react["default"].createElement("span", {
+    className: (0, _classnames["default"])('tntd-upload-wrapper', {
+      'tntd-upload-wrapper-picture-card': isPictureCard
+    }),
+    ref: uploadRef
+  }, listType === 'picture-card' && avatar ? _react["default"].createElement(TntdAvatar, Object.assign({}, props, {
+    ref: ref
+  })) : _react["default"].createElement(_upload["default"], Object.assign({}, props, {
+    ref: ref
+  })), isPictureCard && _react["default"].createElement("div", {
+    className: "tntd-upload-ellipsis",
+    style: {
+      visibility: 'hidden',
+      position: 'absolute'
+    },
+    key: showList === null || showList === void 0 ? void 0 : showList.length
+  }, showList === null || showList === void 0 ? void 0 : showList.map(function (item) {
+    return _react["default"].createElement(_ellipsis["default"], {
+      title: item.name,
+      widthLimit: 104,
+      className: "tntd-upload-list-Ellipsis uid-".concat(item.uid),
+      style: {
+        width: 104
+      }
+    });
+  })));
+});
+var Upload = (0, _connect.connectReadonlyComponent)(TntdUpload, function (props) {
+  return _react["default"].createElement(_upload["default"], Object.assign({}, props, {
+    disabled: true
+  }));
 });
-const Upload = (0, connect_1.connectReadonlyComponent)(TntdUpload, (props) => (react_1.default.createElement(upload_1.default, Object.assign({}, props, { disabled: true }))));
 // @ts-ignore
 Upload.Dragger = TntdDragger;
 // Upload.Dragger = AntdUpload.Dragger
-exports.default = Upload;
-//# sourceMappingURL=index.js.map
+var _default = exports["default"] = Upload;