tdesign-react 0.17.0 → 0.18.2

package/es/tree-select/index.js

@@ -1,47 +1,45 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
 import TreeSelect$1 from './TreeSelect.js';
 import './style/css.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/tree-select/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
-import 'classnames';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-638e70bc.js';
-import '../_chunks/dep-cb2ab567.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-8e48c9f4.js';
-import '../_chunks/dep-0bebd973.js';
-import '../_chunks/dep-c6be3527.js';
-import '../_chunks/dep-192c8209.js';
-import '../_chunks/dep-169d1f12.js';
-import '../_chunks/dep-d637b20e.js';
-import '../_chunks/dep-a80d1e95.js';
-import '../_chunks/dep-62694799.js';
-import '../_chunks/dep-c8805e88.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-582e49a8.js';
-import '../_chunks/dep-8ce9524a.js';
-import 'tdesign-icons-react';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-3959464c.js';
+import '../_chunks/dep-8faed49a.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-bb05ae7d.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-f7d3ea79.js';
+import '../_chunks/dep-e83a1558.js';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-efa4ba54.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-039ac0dd.js';
 import '../locale/LocalReceiver.js';
 import '../config-provider/index.js';
 import '../config-provider/ConfigProvider.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
-import '../_util/useCommonClassName.js';
 import '../_util/useConfig.js';
 import '../_util/useDefault.js';
 import '../_util/noop.js';
 import '../popup/index.js';
 import '../popup/Popup.js';
+import 'classnames';
 import 'react-popper';
 import '../_util/composeRefs.js';
 import '../_util/usePrevious.js';
@@ -49,11 +47,7 @@ import '../popup/Portal.js';
 import 'react-dom';
 import '../popup/useTriggerProps.js';
 import '../_util/useClickOutside.js';
-import '../tag/index.js';
-import '../tag/Tag.js';
-import '../_util/forwardRefWithStatics.js';
-import 'hoist-non-react-statics';
-import '../tag/CheckTag.js';
+import '../_type/components/popup/index.js';
 import '../tree/index.js';
 import '../tree/Tree.js';
 import 'react-transition-group';
@@ -61,35 +55,59 @@ import '../_util/usePersistFn.js';
 import '../tree/useTreeConfig.js';
 import '../tree/useControllable.js';
 import '../tree/TreeItem.js';
+import 'tdesign-icons-react';
+import '../loading/index.js';
+import '../loading/loading.js';
+import '../_util/dom.js';
+import 'raf';
+import '../_chunks/dep-e507e9db.js';
+import '../_util/easing.js';
+import '../common/Portal.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_type/components/loading/index.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
 import '../checkbox/index.js';
-import '../checkbox/Checkbox.js';
+import '../_chunks/dep-edb4c08f.js';
+import '../_util/forwardRefWithStatics.js';
+import 'hoist-non-react-statics';
 import '../common/Check.js';
-import '../checkbox/CheckboxGroup.js';
-import '../_chunks/dep-8f70dd0b.js';
+import '../_util/helper.js';
+import '../_chunks/dep-8037ad24.js';
+import '../_chunks/dep-43869d17.js';
+import '../_chunks/dep-9d2e7b62.js';
+import '../_chunks/dep-5ec09fbd.js';
+import '../_chunks/dep-0c106052.js';
+import '../_chunks/dep-462edfd5.js';
+import '../_type/components/checkbox/index.js';
 import '../tree/useStore.js';
-import '../_chunks/dep-72f42a94.js';
-import '../_chunks/dep-cc4fe4a7.js';
-import '../_chunks/dep-860f801e.js';
-import '../_chunks/dep-e48c1464.js';
-import '../_chunks/dep-6e666254.js';
-import '../_chunks/dep-037cf0e5.js';
-import '../_chunks/dep-970e57f2.js';
-import '../_chunks/dep-c8279fb6.js';
-import '../_chunks/dep-ba094f88.js';
-import '../_chunks/dep-ef419a2e.js';
-import '../_chunks/dep-983e6e8d.js';
-import '../_chunks/dep-c7963465.js';
-import '../_chunks/dep-7145d9df.js';
-import '../_chunks/dep-37e609b3.js';
-import '../_chunks/dep-ada253d1.js';
+import '../_chunks/dep-744f52b3.js';
+import '../_chunks/dep-ed9505a3.js';
+import '../_chunks/dep-4e5953fc.js';
+import '../_chunks/dep-1b2238b1.js';
+import '../_chunks/dep-32b70135.js';
+import '../_chunks/dep-b44aec31.js';
+import '../_chunks/dep-9c56e17c.js';
+import '../_chunks/dep-11b4e1d1.js';
+import '../_chunks/dep-2eeaa58b.js';
+import '../_chunks/dep-b6158110.js';
 import '../_util/useUpdateEffect.js';
-import '../common/FakeArrow.js';
+import '../_type/components/tree/index.js';
+import './TreeSelectTags.js';
+import '../tag/index.js';
+import '../tag/Tag.js';
+import '../tag/CheckTag.js';
+import '../_type/components/tag/index.js';
+import './TreeSelectInput.js';
 import '../input/index.js';
 import '../input/Input.js';
 import '../input/InputGroup.js';
 import '../_util/useDefaultValue.js';
+import '../_type/components/input/index.js';
+import './TreeSelectSuffix.js';
+import '../common/FakeArrow.js';
+import './useTreeSelectConfig.js';
+import '../_util/useCommonClassName.js';
 
 var TreeSelect = TreeSelect$1;
 

package/es/tree-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMaA,aAAaC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tree-select/index.ts"],"sourcesContent":["import _TreeSelect from './TreeSelect';\n\nimport './style/index.js';\n\nexport type { TreeSelectProps } from './TreeSelect';\nexport * from '../_type/components/tree-select';\n\nexport const TreeSelect = _TreeSelect;\nexport default TreeSelect;\n"],"names":["TreeSelect","_TreeSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOaA,aAAaC;;;;"}

package/es/tree-select/style/index.js

@@ -1,5 +1,5 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */

package/es/tree-select/useTreeSelectConfig.d.ts

@@ -0,0 +1,10 @@
+import { TdTreeSelectProps } from '../_type/components/tree-select';
+import { PopupProps } from '../popup';
+export interface TreeSelectConfigProps extends TdTreeSelectProps {
+    visible: boolean;
+}
+export default function useTreeSelectConfig(props: TreeSelectConfigProps): {
+    selectClassName: string;
+    popupClassName: string;
+    popupObject: PopupProps;
+};

package/es/tree-select/useTreeSelectConfig.js

@@ -0,0 +1,50 @@
+/**
+ * tdesign v0.18.2
+ * (c) 2021 tdesign
+ * @license MIT
+ */
+
+import { _ as _defineProperty } from '../_chunks/dep-efe7433b.js';
+import { useMemo } from 'react';
+import classNames from 'classnames';
+import useConfig from '../_util/useConfig.js';
+import useCommonClassName from '../_util/useCommonClassName.js';
+import '../config-provider/ConfigContext.js';
+import '../locale/zh_CN.js';
+
+var defaultPopupProps = {
+  trigger: "click",
+  placement: "bottom-left",
+  overlayClassName: "",
+  overlayStyle: function overlayStyle(trigger) {
+    return {
+      width: "".concat(trigger.offsetWidth, "px")
+    };
+  }
+};
+function useTreeSelectConfig(props) {
+  var _useConfig = useConfig(),
+      prefix = _useConfig.classPrefix;
+
+  var CLASSNAMES = useCommonClassName();
+  var disabled = props.disabled,
+      prefixIcon = props.prefixIcon,
+      size = props.size,
+      visible = props.visible,
+      popupProps = props.popupProps;
+  return useMemo(function () {
+    var _classNames;
+
+    var selectClassName = classNames("".concat(prefix, "-select"), (_classNames = {}, _defineProperty(_classNames, CLASSNAMES.STATUS.disabled, disabled), _defineProperty(_classNames, CLASSNAMES.STATUS.active, visible), _defineProperty(_classNames, CLASSNAMES.SIZE[size], size), _defineProperty(_classNames, "".concat(prefix, "-has-prefix"), prefixIcon), _classNames));
+    var popupObject = Object.assign(defaultPopupProps, popupProps);
+    var popupClassName = classNames(popupObject.overlayClassName, "".concat(prefix, "-select-dropdown"), "narrow-scrollbar");
+    return {
+      selectClassName: selectClassName,
+      popupClassName: popupClassName,
+      popupObject: popupObject
+    };
+  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);
+}
+
+export { useTreeSelectConfig as default };
+//# sourceMappingURL=useTreeSelectConfig.js.map

package/es/tree-select/useTreeSelectConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeSelectConfig.js","sources":["../../src/tree-select/useTreeSelectConfig.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport classNames from 'classnames';\nimport useConfig from '../_util/useConfig';\nimport useCommonClassName from '../_util/useCommonClassName';\nimport { TdTreeSelectProps } from '../_type/components/tree-select';\nimport { PopupProps } from '../popup';\n\nconst defaultPopupProps: PopupProps = {\n  trigger: 'click',\n  placement: 'bottom-left',\n  overlayClassName: '',\n  overlayStyle: (trigger) => ({\n    width: `${trigger.offsetWidth}px`,\n  }),\n};\n\nexport interface TreeSelectConfigProps extends TdTreeSelectProps {\n  visible: boolean;\n}\n\nexport default function useTreeSelectConfig(props: TreeSelectConfigProps) {\n  const { classPrefix: prefix } = useConfig();\n  const CLASSNAMES = useCommonClassName();\n\n  const { disabled, prefixIcon, size, visible, popupProps } = props;\n\n  return useMemo(() => {\n\n    const selectClassName = classNames(`${prefix}-select`, {\n      [CLASSNAMES.STATUS.disabled]: disabled,\n      [CLASSNAMES.STATUS.active]: visible,\n      [CLASSNAMES.SIZE[size]]: size,\n      [`${prefix}-has-prefix`]: prefixIcon,\n    });\n\n    const popupObject = Object.assign(defaultPopupProps, popupProps);\n\n    const popupClassName = classNames(popupObject.overlayClassName, `${prefix}-select-dropdown`, 'narrow-scrollbar');\n\n    return {\n      selectClassName,\n      popupClassName,\n      popupObject,\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [prefix, size, prefixIcon, disabled, visible, popupProps]);\n}\n"],"names":["defaultPopupProps","trigger","placement","overlayClassName","overlayStyle","width","offsetWidth","props","useConfig","prefix","classPrefix","CLASSNAMES","useCommonClassName","disabled","prefixIcon","size","visible","popupProps","useMemo","selectClassName","classNames","STATUS","active","SIZE","popupObject","Object","assign","popupClassName"],"mappings":";;;;;;;;;;;;;;AAOA,IAAMA,oBAAgC;AACpCC,EAAAA,SAAS,OAD2B;AAEpCC,EAAAA,WAAW,aAFyB;AAGpCC,EAAAA,kBAAkB,EAHkB;AAIpCC,EAAAA,cAAc,sBAACH,OAAD;AAAA;AACZI,MAAAA,iBAAUJ,QAAQK;KADN;AAAA;AAJsB,CAAtC;6BAa4CC,OAA8B;mBACxCC;MAAXC,oBAAbC;;MACFC,aAAaC;MAEXC,WAAoDN,MAApDM;MAAUC,aAA0CP,MAA1CO;MAAYC,OAA8BR,MAA9BQ;MAAMC,UAAwBT,MAAxBS;MAASC,aAAeV,MAAfU;SAEtCC,QAAQ,YAAM;AAAA;;QAEbC,kBAAkBC,qBAAcX,oEACnCE,WAAWU,MAAX,CAAkBR,UAAWA,wCAC7BF,WAAWU,MAAX,CAAkBC,QAASN,uCAC3BL,WAAWY,IAAX,CAAgBR,IAAhB,GAAwBA,8CACrBN,wBAAsBK;QAGtBU,cAAcC,OAAOC,MAAP,CAAc1B,iBAAd,EAAiCiB,UAAjC;QAEdU,iBAAiBP,WAAWI,YAAYrB,4BAAqBM,6BAA0B;WAEtF;AACLU,MAAAA,iBAAAA,eADK;AAELQ,MAAAA,gBAAAA,cAFK;AAGLH,MAAAA,aAAAA;AAHK;KAMN,CAACf,MAAD,EAASM,IAAT,EAAeD,UAAf,EAA2BD,QAA3B,EAAqCG,OAArC,EAA8CC,UAA9C;;;;;"}

package/es/upload/dragger.js

@@ -1,22 +1,22 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _slicedToArray } from '../_chunks/dep-01d52b00.js';
+import { _ as _slicedToArray } from '../_chunks/dep-2f008905.js';
 import React__default, { useState } from 'react';
 import classNames from 'classnames';
 import useConfig from '../_util/useConfig.js';
 import DraggerProgress from './themes/dragger-progress.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_chunks/dep-6a5b1968.js';
 import '../config-provider/ConfigContext.js';
 import '../locale/zh_CN.js';
 import 'tdesign-icons-react';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/noop.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -25,19 +25,21 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-8ce9524a.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-0bebd973.js';
+import '../_chunks/dep-e507e9db.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-f3eac264.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
 import './style/css.js';
+import '../_type/components/loading/index.js';
+import '../_type/components/button/index.js';
 import './util.js';
-import '../_chunks/dep-983e6e8d.js';
+import '../_chunks/dep-2eeaa58b.js';
 
 var Dragger = function Dragger(props) {
   var file = props.file,

package/es/upload/dragger.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../_type/common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from '../_type/components/upload';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload__highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,SAAS;;MAAtCC;MAAYC;;MACbC,SAASC,eAAMC,MAAN;MAETC,UAAUC,qBACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,eAAMM,OAAN,CAAc,YAAM;QACvCC,8DACH,OAAD,kDACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,yEACpD,QAAD,MAAM;QAGJc,4DAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,eAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;4DAE7BqB,iBAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;4DAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;qDAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}
+{"version":3,"file":"dragger.js","sources":["../../src/upload/dragger.tsx"],"sourcesContent":["import React, { FC, useState, DragEvent } from 'react';\nimport classNames from 'classnames';\nimport { TNode } from '../_type/common';\nimport { TriggerContext, UploadFile, UploadRemoveContext } from '../_type/components/upload';\nimport useConfig from '../_util/useConfig';\nimport DraggerProgress from './themes/dragger-progress';\n\nexport interface DraggerProps {\n  file?: UploadFile;\n  display?: string;\n  trigger?: string | TNode<TriggerContext>;\n  onCancel?: () => void;\n  onTrigger?: () => void;\n  onRemove?: (context: UploadRemoveContext) => void;\n  onUpload?: (uploadFile: UploadFile) => void;\n  onChange?: (files: FileList) => void;\n  onDragenter?: (e: DragEvent) => void;\n  onDragleave?: (e: DragEvent) => void;\n}\n\nconst Dragger: FC<DraggerProps> = (props) => {\n  const { file, display, onUpload, onRemove } = props;\n  const { classPrefix } = useConfig();\n  const [dragActive, setDragActive] = useState(false);\n  const target = React.useRef();\n\n  const classes = classNames(\n    `${classPrefix}-upload__dragger`,\n    !file ? `${classPrefix}-upload__dragger-center` : '',\n    file?.status === 'fail' ? `${classPrefix}-upload__dragger-error` : '',\n  );\n\n  const defaultDragElement = React.useMemo(() => {\n    const unActiveElement = (\n      <div>\n        <span className={`${classPrefix}-upload__highlight`}>点击上传</span>\n        <span>&nbsp;&nbsp;/&nbsp;&nbsp;拖拽到此区域</span>\n      </div>\n    );\n    const activeElement = <div>释放鼠标</div>;\n    return dragActive ? activeElement : unActiveElement;\n  }, [classPrefix, dragActive]);\n\n  const dragElement = React.useMemo(() => {\n    let content: React.ReactNode;\n    if (file && display !== 'custom') {\n      content = (\n        <DraggerProgress\n          onRemove={onRemove}\n          display={display}\n          onTrigger={props.onTrigger}\n          file={file}\n          onUpload={() => {\n            onUpload?.(file);\n          }}\n        />\n      );\n    } else {\n      content = (\n        <div className={`${classPrefix}-upload__trigger`} onClick={props.onTrigger}>\n          {props.children || defaultDragElement}\n        </div>\n      );\n    }\n\n    return content;\n  }, [classPrefix, defaultDragElement, display, file, onRemove, onUpload, props.children, props.onTrigger]);\n\n  const handleDrop = (event: DragEvent) => {\n    event.preventDefault();\n    props.onChange?.(event.dataTransfer.files);\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragenter = (event: DragEvent) => {\n    event.preventDefault();\n    props.onDragenter?.(event);\n    setDragActive(true);\n  };\n\n  const handleDragleave = (event: DragEvent) => {\n    if (!target.current) return;\n    event.preventDefault();\n    props.onDragleave?.(event);\n    setDragActive(false);\n  };\n\n  const handleDragover = (event: DragEvent) => {\n    event.preventDefault();\n  };\n\n  return (\n    <div\n      ref={target}\n      className={classes}\n      onDrop={handleDrop}\n      onDragEnter={handleDragenter}\n      onDragOver={handleDragover}\n      onDragLeave={handleDragleave}\n    >\n      {dragElement}\n    </div>\n  );\n};\n\nexport default Dragger;\n"],"names":["Dragger","props","file","display","onUpload","onRemove","useConfig","classPrefix","useState","dragActive","setDragActive","target","React","useRef","classes","classNames","status","defaultDragElement","useMemo","unActiveElement","className","activeElement","dragElement","content","DraggerProgress","onTrigger","onClick","children","handleDrop","event","preventDefault","onChange","dataTransfer","files","onDragleave","handleDragenter","onDragenter","handleDragleave","current","handleDragover","ref","onDrop","onDragEnter","onDragOver","onDragLeave"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoBMA,UAA4B,SAA5BA,OAA4B,CAACC,KAAD,EAAW;MACnCC,OAAsCD,MAAtCC;MAAMC,UAAgCF,MAAhCE;MAASC,YAAuBH,MAAvBG;MAAUC,WAAaJ,MAAbI;;mBACTC;MAAhBC,yBAAAA;;kBAC4BC,SAAS;;MAAtCC;MAAYC;;MACbC,SAASC,eAAMC,MAAN;MAETC,UAAUC,qBACXR,kCACH,CAACL,IAAD,aAAWK,WAAX,+BAAkD,IAClD,CAAAL,aAAA,IAAAA,eAAA,YAAAA,KAAMc,MAAN,MAAiB,MAAjB,aAA6BT,WAA7B,8BAAmE;MAG/DU,qBAAqBL,eAAMM,OAAN,CAAc,YAAM;QACvCC,8DACH,OAAD,kDACG,QAAD;AAAMC,MAAAA,qBAAcb;AAApB,OAAqD,yEACpD,QAAD,MAAM;QAGJc,4DAAiB,OAAD,MAAK;WACpBZ,aAAaY,gBAAgBF;GARX,EASxB,CAACZ,WAAD,EAAcE,UAAd,CATwB;MAWrBa,cAAcV,eAAMM,OAAN,CAAc,YAAM;QAClCK;;QACArB,QAAQC,YAAY,UAAU;4DAE7BqB,iBAAD;AACEnB,QAAAA,UAAAA,QADF;AAEEF,QAAAA,SAAAA,OAFF;AAGEsB,QAAAA,WAAWxB,MAAMwB,SAHnB;AAIEvB,QAAAA,MAAAA,IAJF;AAKEE,QAAAA,UAAU,oBAAM;0EACHF;;AANf;WAUG;4DAEF,OAAD;AAAKkB,QAAAA,qBAAcb,gCAAnB;AAAkDmB,QAAAA,SAASzB,MAAMwB;AAAjE,SACGxB,MAAM0B,QAAN,IAAkBV;;;WAKlBM;GAtBW,EAuBjB,CAAChB,WAAD,EAAcU,kBAAd,EAAkCd,OAAlC,EAA2CD,IAA3C,EAAiDG,QAAjD,EAA2DD,SAA3D,EAAqEH,MAAM0B,QAA3E,EAAqF1B,MAAMwB,SAA3F,CAvBiB;;MAyBdG,aAAa,SAAbA,UAAa,CAACC,KAAD,EAAsB;AAAA;;UACjCC;6BACAC,wFAAWF,MAAMG,YAAN,CAAmBC;gCAC9BC,iGAAcL;kBACN;;;MAGVM,kBAAkB,SAAlBA,eAAkB,CAACN,KAAD,EAAsB;AAAA;;UACtCC;gCACAM,iGAAcP;kBACN;;;MAGVQ,kBAAkB,SAAlBA,eAAkB,CAACR,KAAD,EAAsB;AAAA;;QACxC,CAAClB,OAAO2B;UACNR;iCACAI,mGAAcL;kBACN;;;MAGVU,iBAAiB,SAAjBA,cAAiB,CAACV,KAAD,EAAsB;UACrCC;;;qDAIL,OAAD;AACEU,IAAAA,KAAK7B,MADP;AAEES,IAAAA,WAAWN,OAFb;AAGE2B,IAAAA,QAAQb,UAHV;AAIEc,IAAAA,aAAaP,eAJf;AAKEQ,IAAAA,YAAYJ,cALd;AAMEK,IAAAA,aAAaP;AANf,KAQGf;;;;;"}

package/es/upload/hooks/useDefaultValue.js

@@ -1,18 +1,18 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import { _ as _defineProperty } from '../../_chunks/dep-308ea020.js';
-import { _ as _slicedToArray } from '../../_chunks/dep-01d52b00.js';
-import { _ as _objectWithoutProperties } from '../../_chunks/dep-34727236.js';
+import { _ as _defineProperty } from '../../_chunks/dep-efe7433b.js';
+import { _ as _slicedToArray } from '../../_chunks/dep-2f008905.js';
+import { _ as _objectWithoutProperties } from '../../_chunks/dep-016d27a7.js';
 import { useMemo } from 'react';
-import { i as isArray_1 } from '../../_chunks/dep-50d67a9e.js';
+import { i as isArray_1 } from '../../_chunks/dep-9ad4f4b7.js';
 import useDefault from '../../_util/useDefault.js';
 import noop from '../../_util/noop.js';
-import '../../_chunks/dep-65d3c0dc.js';
-import '../../_chunks/dep-d77e1dab.js';
+import '../../_chunks/dep-6a5b1968.js';
+import '../../_chunks/dep-cb80da27.js';
 
 var _excluded = ["value", "defaultFiles", "files", "onChange"];
 

package/es/upload/index.d.ts

@@ -1,5 +1,7 @@
-import Upload from './upload';
+/// <reference types="react" />
 import type { TdUploadProps as UploadProps } from '../_type/components/upload';
 import './style/index.js';
+export declare const Upload: import("react").ForwardRefExoticComponent<UploadProps & import("react").RefAttributes<unknown>>;
 export type { UploadProps };
+export * from '../_type/components/upload';
 export default Upload;

package/es/upload/index.js

@@ -1,33 +1,33 @@
 /**
- * tdesign v0.17.0
+ * tdesign v0.18.2
  * (c) 2021 tdesign
  * @license MIT
  */
 
-import Upload from './upload.js';
-export { default } from './upload.js';
+import _Upload from './upload.js';
 import './style/css.js';
-import '../_chunks/dep-308ea020.js';
-import '../_chunks/dep-01d52b00.js';
-import '../_chunks/dep-65d3c0dc.js';
+import '../_type/components/upload/index.js';
+import '../_chunks/dep-efe7433b.js';
+import '../_chunks/dep-2f008905.js';
+import '../_chunks/dep-6a5b1968.js';
 import 'react';
-import '../_chunks/dep-638e70bc.js';
-import '../_chunks/dep-d77e1dab.js';
-import '../_chunks/dep-cb2ab567.js';
-import '../_chunks/dep-72e49bf9.js';
-import '../_chunks/dep-4f8d4a92.js';
-import '../_chunks/dep-8e48c9f4.js';
-import '../_chunks/dep-0bebd973.js';
-import '../_chunks/dep-c6be3527.js';
-import '../_chunks/dep-192c8209.js';
-import '../_chunks/dep-169d1f12.js';
-import '../_chunks/dep-d637b20e.js';
-import '../_chunks/dep-a80d1e95.js';
-import '../_chunks/dep-62694799.js';
-import '../_chunks/dep-c8805e88.js';
-import '../_chunks/dep-50d67a9e.js';
-import '../_chunks/dep-6d4ba42b.js';
-import '../_chunks/dep-582e49a8.js';
+import '../_chunks/dep-3959464c.js';
+import '../_chunks/dep-cb80da27.js';
+import '../_chunks/dep-8faed49a.js';
+import '../_chunks/dep-b6ff8559.js';
+import '../_chunks/dep-1189939f.js';
+import '../_chunks/dep-bb05ae7d.js';
+import '../_chunks/dep-f3eac264.js';
+import '../_chunks/dep-f7d3ea79.js';
+import '../_chunks/dep-e83a1558.js';
+import '../_chunks/dep-83646039.js';
+import '../_chunks/dep-504203df.js';
+import '../_chunks/dep-74a044dc.js';
+import '../_chunks/dep-47afb0bc.js';
+import '../_chunks/dep-efa4ba54.js';
+import '../_chunks/dep-9ad4f4b7.js';
+import '../_chunks/dep-4e491803.js';
+import '../_chunks/dep-039ac0dd.js';
 import './dragger.js';
 import 'classnames';
 import '../_util/useConfig.js';
@@ -37,7 +37,7 @@ import './themes/dragger-progress.js';
 import 'tdesign-icons-react';
 import '../button/index.js';
 import '../button/Button.js';
-import '../_chunks/dep-34727236.js';
+import '../_chunks/dep-016d27a7.js';
 import '../_util/noop.js';
 import '../_util/useRipple.js';
 import '../_util/setStyle.js';
@@ -46,12 +46,14 @@ import '../loading/loading.js';
 import 'react-dom';
 import '../_util/dom.js';
 import 'raf';
-import '../_chunks/dep-8ce9524a.js';
+import '../_chunks/dep-e507e9db.js';
 import '../_util/easing.js';
 import '../common/Portal.js';
-import '../_chunks/dep-edc09aef.js';
+import '../_chunks/dep-65c183dc.js';
+import '../_type/components/loading/index.js';
+import '../_type/components/button/index.js';
 import './util.js';
-import '../_chunks/dep-983e6e8d.js';
+import '../_chunks/dep-2eeaa58b.js';
 import './upload-trigger.js';
 import './tips.js';
 import './utils/request.js';
@@ -65,7 +67,12 @@ import '../config-provider/ConfigProvider.js';
 import '../dialog/RenderDialog.js';
 import 'react-transition-group';
 import '../_util/useSetState.js';
+import '../_type/components/dialog/index.js';
 import '../dialog/plugin.js';
 import './hooks/useDefaultValue.js';
 import '../_util/useDefault.js';
+
+var Upload = _Upload;
+
+export { Upload, Upload as default };
 //# sourceMappingURL=index.js.map

package/es/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/upload/index.tsx"],"sourcesContent":["import _Upload from './upload';\nimport type { TdUploadProps as UploadProps } from '../_type/components/upload';\nimport './style/index.js';\n\nexport const Upload = _Upload;\n\nexport type { UploadProps };\nexport * from '../_type/components/upload';\n\nexport default Upload;\n"],"names":["Upload","_Upload"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIaA,SAASC;;;;"}