tntd 2.8.22 → 2.8.24

package/es/tntd-virtual-tree/index.less

@@ -7,17 +7,18 @@
     text-decoration: none;
     cursor: pointer;
     line-height: 22px;
-    padding: 1px 0;
     font-size: 14px;
     box-sizing: border-box;
     display: inline-flex;
+    line-height: @line-height-base;
+    padding-bottom: 8px;
 
-    &:hover{
-      background-color: var(--blue-1);
+    &>div:hover{
+      background-color: @blue-1;
     }
 
-    &_active{
-      background-color: #E6F4FF !important;
+    &_active>div{
+      background-color: @blue-2 !important;
       color: #17233d;
       font-weight: 600;
     }
@@ -25,7 +26,7 @@
     .tntd-virtual-tree-item-expand-icon{
       display: inline-block;
       width: 16px;
-      line-height: 28px;
+      line-height: 26px;
 
       .anticon-caret-down,.anticon-caret-right {
         vertical-align: middle;
@@ -41,12 +42,14 @@
     }
 
     .tntd-virtual-tree-title{
-      padding: 5px 5px;
+      padding: 3px 5px;
       flex: 1;
       overflow: hidden;
       display: inline-block;
       vertical-align: middle;
       flex: 1;
+      line-height: @line-height-base;
+      width: calc(100% - 16px);
     }
 
     &.tntd-virtual-tree-item_disabled{

package/es/tntd-virtual-tree-select/index.js

@@ -11,7 +11,7 @@ var __rest = this && this.__rest || function (s, e) {
  * @Author: 郑泳健
  * @Date: 2024-08-05 10:50:17
  * @LastEditors: 郑泳健
- * @LastEditTime: 2024-10-29 11:08:15
+ * @LastEditTime: 2024-11-06 16:05:58
  */
 import React, { useState, useRef, useMemo } from 'react';
 import RcSelect from '../tntd-rc-select';
@@ -21,7 +21,7 @@ import './index.less';
 const TntdVirtualTreeSelect = _a => {
   var {
       indent = 24,
-      itemHeight = 32,
+      itemHeight,
       isOrg = false,
       showPrefixIcon = false,
       dropdownClassName,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9F,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,CAAC,EAsB9B,EAAE,EAAE;QAtB0B,EAC7B,MAAM,GAAG,EAAE,EACX,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,KAAK,EACb,cAAc,GAAE,KAAK,EACrB,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,UAAU,EACV,wBAAwB,EACxB,aAAa,EACb,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,eAAe,OAEhB,EADI,SAAS,cArBiB,6UAsB9B,CADa;IAEZ,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAEtD,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IACzE,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,MAAM,6BAA6B,GAAG,OAAO,CAAC,GAAG,EAAE;QACjD,OAAO,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC;IACtF,CAAC,EAAE,CAAC,wBAAwB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,OAAO,eAAe,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;IAC9C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAE1B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,OAAO,YAAY,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;IAC3C,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAG1B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAG,CAAC,aAAa,EAAE;YACjB,OAAO,eAAe,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAA;SACxC;QAED,IAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACvB,IAAG,mBAAmB,KAAK,qBAAqB,CAAC,QAAQ,EAAE;gBACzD,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;aACpD;YACD,WAAW;YACX,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;gBAClC,OAAO,iBAAiB,CAAC,mBAAmB,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;YACzD,CAAC,CAAC,CAAA;YACF,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;SACzD;QACD,OAAO,SAAS,CAAA;IAElB,CAAC,EAAE,CAAC,aAAa,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE9E,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAG,aAAa,EAAE;YAChB,OAAO;gBACL,QAAQ,EAAE,IAAI;gBACd,IAAI,EAAE,MAAM;aACb,CAAA;SACF;QACD,OAAO,EAAE,CAAA;IACX,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAA;IAEnB,MAAM,YAAY,GAAG,CAAC,EAAuB,EAAE,EAAE;YAA3B,EAAE,UAAU,OAAW,EAAN,IAAI,cAArB,cAAuB,CAAF;QACzC,OAAO,CACL,6BAAK,SAAS,EAAC,sBAAsB;YACnC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CACzB,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;QAC3B,QAAQ,CAAC,GAAG,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;QAC3B,YAAY,CAAC,GAAG,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,EAAE;;QAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAC/E,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,GAAG,EAAE,IAAI,CAAC,CAAC;QACtB,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,YAAY;YACZ,MAAA,SAAS,CAAC,OAAO,0CAAE,IAAI,EAAE,CAAC;SAC3B;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,QAAQ,kBACP,GAAG,EAAE,SAAS,EACd,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,YAAY,IAClB,SAAS,EACT,SAAS,IACb,iBAAiB,EAAE,GAAG,iBAAiB,oCAAoC,EAC3E,wBAAwB,EAAE,6BAA6B,EACvD,aAAa,kBAAI,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAK,kBAAkB,GAC5E,cAAc,EAAE,GAAG,EAAE;YACnB,IAAI,GAAG,GAAG;gBACR,MAAM;gBACN,UAAU;gBACV,KAAK;gBACL,cAAc;gBACd,MAAM,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,KAAI,GAAG;gBAChC,QAAQ;gBACR,SAAS;gBACT,gBAAgB,EAAE,oBAAoB;gBACtC,YAAY,EAAE,gBAAgB;gBAC9B,UAAU;gBACV,QAAQ,EAAE,YAAY;gBACtB,WAAW,EAAE,eAAe;gBAC5B,QAAQ,EAAE,YAAY;aACvB,CAAC;YACF,IAAI,aAAa,EAAE;gBACjB,GAAG,mCAAQ,GAAG,KAAE,WAAW,EAAE,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,WAAW,GAAE,CAAC;aACxH;iBAAM;gBACL,GAAG,mCAAQ,GAAG,KAAE,KAAK,GAAE,CAAC;aACzB;YACD,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB,CAAC,UAAU,GAAG,YAAY,CAAA;AAC/C,qBAAqB,CAAC,QAAQ,GAAG,UAAU,CAAA;AAE3C,eAAe,qBAAqB,CAAC","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-10-29 11:08:15\n */\nimport React, { useState, useRef, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select';\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport { filterLastestNode, flatWithParents, getLableByValue, flatTreeData } from './utils.js'\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({\n  indent = 24,\n  itemHeight = 32,\n  isOrg = false,\n  showPrefixIcon= false,\n  dropdownClassName,\n  value,\n  onChange,\n  treeData,\n  showSearch,\n  fieldNames,\n  dropdownMatchSelectWidth,\n  dropdownStyle,\n  showCheckedStrategy,\n  treeCheckable,\n  treeCheckStrictly,\n  treeDefaultExpandAll,\n  treeExpandedKeys,\n  onTreeCheck,\n  onTreeExpand,\n  treeTitleRender,\n  ...restProps\n}) => {\n  const selectRef = useRef(null);\n  const [filterKey, setFilterKey] = useState(undefined);\n\n  const mergeDropdownStyle = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};\n  }, [dropdownStyle, treeData]);\n\n  const mergeDropdownMatchSelectWidth = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;\n  }, [dropdownMatchSelectWidth, treeData]);\n\n  const treeNodeWithParents = useMemo(() => {\n    return flatWithParents(treeData, fieldNames)\n  }, [treeData, fieldNames])\n\n  const treeList = useMemo(() => {\n    return flatTreeData(treeData, fieldNames)\n  }, [treeData, fieldNames])\n\n\n  const selectValue = useMemo(() => {\n    if(!treeCheckable) {\n      return getLableByValue(treeList, value)\n    }\n\n    if(Array.isArray(value)) {\n      if(showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {\n        return value.map(i => getLableByValue(treeList, i))\n      }\n      // 过滤掉有子节点，\n      const filterList = value.filter(i => {\n        return filterLastestNode(treeNodeWithParents, i, value)\n      })\n      return filterList.map(i => getLableByValue(treeList, i))\n    }\n    return undefined\n\n  }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy, treeList])\n\n  const mergeMode = useMemo(() => {\n    if(treeCheckable) {\n      return {\n        multiple: true,\n        mode: 'tags'\n      }\n    }\n    return {}\n  }, [treeCheckable])\n\n  const handleRender = ({ showSearch, ...rest }) => {\n    return (\n      <div className=\"virtual-tree-options\">\n        <TntdVirtualTree {...rest} />\n      </div>\n    );\n  };\n\n  const handleChange = (val) => {\n    onChange(val);\n  };\n\n  const handleSearch = (val) => {\n    setFilterKey(val);\n  };\n\n  const handleSelect = (val) => {\n    const item = Array.isArray(treeList) ? treeList.find(i => i.value === val) : {}\n    onChange?.(val, item);\n    if (selectRef.current) {\n      // 主动触发下拉框消失\n      selectRef.current?.blur();\n    }\n  };\n\n  return (\n    <RcSelect\n      ref={selectRef}\n      value={selectValue}\n      onChange={handleChange}\n      showSearch={showSearch}\n      onSearch={handleSearch}\n      {...mergeMode}\n      {...restProps}\n      dropdownClassName={`${dropdownClassName} tntd-virtual-tree-select-dropdown`}\n      dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n      dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n      dropdownRender={() => {\n        let obj = {\n          indent,\n          itemHeight,\n          isOrg,\n          showPrefixIcon,\n          height: restProps?.height || 300,\n          treeData,\n          filterKey,\n          defaultExpandAll: treeDefaultExpandAll,\n          expandedKeys: treeExpandedKeys,\n          fieldNames,\n          onExpand: onTreeExpand,\n          titleRender: treeTitleRender,\n          onSelect: handleSelect\n        };\n        if (treeCheckable) {\n          obj = { ...obj, checkedKeys: value, checkStrictly: treeCheckStrictly, checkable: treeCheckable, onCheck: onTreeCheck };\n        } else {\n          obj = { ...obj, value };\n        }\n        return handleRender(obj);\n      }}\n    />\n  );\n};\n\nTntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD'\nTntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL'\n\nexport default TntdVirtualTreeSelect;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/index.jsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: 用select包裹虚拟树\n * @Author: 郑泳健\n * @Date: 2024-08-05 10:50:17\n * @LastEditors: 郑泳健\n * @LastEditTime: 2024-11-06 16:05:58\n */\nimport React, { useState, useRef, useMemo } from 'react';\nimport RcSelect from '../tntd-rc-select';\nimport TntdVirtualTree from '../tntd-virtual-tree';\nimport { filterLastestNode, flatWithParents, getLableByValue, flatTreeData } from './utils.js'\nimport './index.less';\n\nconst TntdVirtualTreeSelect = ({\n  indent = 24,\n  itemHeight,\n  isOrg = false,\n  showPrefixIcon= false,\n  dropdownClassName,\n  value,\n  onChange,\n  treeData,\n  showSearch,\n  fieldNames,\n  dropdownMatchSelectWidth,\n  dropdownStyle,\n  showCheckedStrategy,\n  treeCheckable,\n  treeCheckStrictly,\n  treeDefaultExpandAll,\n  treeExpandedKeys,\n  onTreeCheck,\n  onTreeExpand,\n  treeTitleRender,\n  ...restProps\n}) => {\n  const selectRef = useRef(null);\n  const [filterKey, setFilterKey] = useState(undefined);\n\n  const mergeDropdownStyle = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownStyle : {};\n  }, [dropdownStyle, treeData]);\n\n  const mergeDropdownMatchSelectWidth = useMemo(() => {\n    return Array.isArray(treeData) && treeData.length ? dropdownMatchSelectWidth : true;\n  }, [dropdownMatchSelectWidth, treeData]);\n\n  const treeNodeWithParents = useMemo(() => {\n    return flatWithParents(treeData, fieldNames)\n  }, [treeData, fieldNames])\n\n  const treeList = useMemo(() => {\n    return flatTreeData(treeData, fieldNames)\n  }, [treeData, fieldNames])\n\n\n  const selectValue = useMemo(() => {\n    if(!treeCheckable) {\n      return getLableByValue(treeList, value)\n    }\n\n    if(Array.isArray(value)) {\n      if(showCheckedStrategy === TntdVirtualTreeSelect.SHOW_ALL) {\n        return value.map(i => getLableByValue(treeList, i))\n      }\n      // 过滤掉有子节点，\n      const filterList = value.filter(i => {\n        return filterLastestNode(treeNodeWithParents, i, value)\n      })\n      return filterList.map(i => getLableByValue(treeList, i))\n    }\n    return undefined\n\n  }, [treeCheckable, treeNodeWithParents, value, showCheckedStrategy, treeList])\n\n  const mergeMode = useMemo(() => {\n    if(treeCheckable) {\n      return {\n        multiple: true,\n        mode: 'tags'\n      }\n    }\n    return {}\n  }, [treeCheckable])\n\n  const handleRender = ({ showSearch, ...rest }) => {\n    return (\n      <div className=\"virtual-tree-options\">\n        <TntdVirtualTree {...rest} />\n      </div>\n    );\n  };\n\n  const handleChange = (val) => {\n    onChange(val);\n  };\n\n  const handleSearch = (val) => {\n    setFilterKey(val);\n  };\n\n  const handleSelect = (val) => {\n    const item = Array.isArray(treeList) ? treeList.find(i => i.value === val) : {}\n    onChange?.(val, item);\n    if (selectRef.current) {\n      // 主动触发下拉框消失\n      selectRef.current?.blur();\n    }\n  };\n\n  return (\n    <RcSelect\n      ref={selectRef}\n      value={selectValue}\n      onChange={handleChange}\n      showSearch={showSearch}\n      onSearch={handleSearch}\n      {...mergeMode}\n      {...restProps}\n      dropdownClassName={`${dropdownClassName} tntd-virtual-tree-select-dropdown`}\n      dropdownMatchSelectWidth={mergeDropdownMatchSelectWidth}\n      dropdownStyle={{ maxHeight: '100vh', overflow: 'auto', ...mergeDropdownStyle }}\n      dropdownRender={() => {\n        let obj = {\n          indent,\n          itemHeight,\n          isOrg,\n          showPrefixIcon,\n          height: restProps?.height || 300,\n          treeData,\n          filterKey,\n          defaultExpandAll: treeDefaultExpandAll,\n          expandedKeys: treeExpandedKeys,\n          fieldNames,\n          onExpand: onTreeExpand,\n          titleRender: treeTitleRender,\n          onSelect: handleSelect\n        };\n        if (treeCheckable) {\n          obj = { ...obj, checkedKeys: value, checkStrictly: treeCheckStrictly, checkable: treeCheckable, onCheck: onTreeCheck };\n        } else {\n          obj = { ...obj, value };\n        }\n        return handleRender(obj);\n      }}\n    />\n  );\n};\n\nTntdVirtualTreeSelect.SHOW_CHILD = 'SHOW_CHILD'\nTntdVirtualTreeSelect.SHOW_ALL = 'SHOW_ALL'\n\nexport default TntdVirtualTreeSelect;\n"]}

package/es/tntd-virtual-tree-select/index.less

@@ -2,20 +2,3 @@
   padding: 16px;
   margin: -4px 0;
 }
-
-&.tntd-virtual-tree-select-dropdown{
-  border-radius: 4px;
-}
-
-.tntd-rc-select-selection-placeholder{
-  color: rgba(23, 35, 61, 0.3);
-}
-
-.tntd-rc-select:not(.tntd-rc-select-disabled):hover .tntd-rc-select-selector{
-  border-color: var(--blue-6) !important;
-}
-
-.tnt-select-focused .tnt-select-selection, .tnt-select-selection:focus, .tnt-select-selection:active{
-  border-color: var(--blue-5);
-  box-shadow: 0 0 0 2px rgba(var(--blue-6-fade), 0.2);
-}

package/es/tntd-virtual-tree-select/utils.js

@@ -59,7 +59,7 @@ export const getLableByValue = (treeList, value) => {
     const {
       title
     } = treeList.find(i => i.value === value) || {};
-    return title;
+    return title || value;
   }
-  return undefined;
+  return value;
 };

package/es/tntd-virtual-tree-select/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * 给每个节点增加一个parent字段，记录其父节点用于showCheckedStrategy\n * @param {*} treeData \n * @param {*} fieldNames \n * @param {*} parents \n * @returns \n */\nexport const flatWithParents = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, parents = [], result = {}) => {\n  if(Array.isArray(treeData)) {\n    treeData.forEach(i => {\n      result[i[fieldNames['value']]] = parents;\n      if(Array.isArray(i[fieldNames['children']])){\n        const list = flatWithParents(i[fieldNames['children']], fieldNames, [...parents, i[fieldNames['value']]])\n        result = {...result, ...list}\n      }else{\n        \n      }\n    })\n  }\n  return result\n}\n\nexport const filterLastestNode = (treeNodeWithParents, item, list) => {\n  const parents = treeNodeWithParents[item] || {}\n \n  if(Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {\n    return parents.every(el => !list.includes(el))\n  }\n\n  return false\n}\n\n/**\n * 扁平树\n * @param {*} treeData\n * @param {*} fieldNames 展开的节点\n * @returns\n */\nexport const flatTreeData = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, result = []) => {\n  if(Array.isArray(treeData)) {\n    treeData.forEach(i => {\n      i['title'] = i[fieldNames['title']];\n      i['value'] = i[fieldNames['value']]\n      i['children'] = i[fieldNames['children']]\n      result.push(i);\n\n      if(Array.isArray(i.children) && !!i.children.length) {\n        result = [...result, ...flatTreeData(i.children, fieldNames)]\n      }\n    })\n  }\n  return result\n};\n\nexport const getLableByValue = (treeList, value) => {\n  if(Array.isArray(treeList)) {\n    const { title } = treeList.find(i => i.value === value) || {}\n    return title;\n  }\n  return undefined\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/tntd-virtual-tree-select/utils.js"],"names":[],"mappings":"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","sourcesContent":["/**\n * 给每个节点增加一个parent字段，记录其父节点用于showCheckedStrategy\n * @param {*} treeData \n * @param {*} fieldNames \n * @param {*} parents \n * @returns \n */\nexport const flatWithParents = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, parents = [], result = {}) => {\n  if(Array.isArray(treeData)) {\n    treeData.forEach(i => {\n      result[i[fieldNames['value']]] = parents;\n      if(Array.isArray(i[fieldNames['children']])){\n        const list = flatWithParents(i[fieldNames['children']], fieldNames, [...parents, i[fieldNames['value']]])\n        result = {...result, ...list}\n      }else{\n        \n      }\n    })\n  }\n  return result\n}\n\nexport const filterLastestNode = (treeNodeWithParents, item, list) => {\n  const parents = treeNodeWithParents[item] || {}\n \n  if(Array.isArray(parents) && !!parents.length && Array.isArray(list) && !!list.length) {\n    return parents.every(el => !list.includes(el))\n  }\n\n  return false\n}\n\n/**\n * 扁平树\n * @param {*} treeData\n * @param {*} fieldNames 展开的节点\n * @returns\n */\nexport const flatTreeData = (treeData, fieldNames = { title: 'title', value: 'value', children: 'children', disabled: 'disabled' }, result = []) => {\n  if(Array.isArray(treeData)) {\n    treeData.forEach(i => {\n      i['title'] = i[fieldNames['title']];\n      i['value'] = i[fieldNames['value']]\n      i['children'] = i[fieldNames['children']]\n      result.push(i);\n\n      if(Array.isArray(i.children) && !!i.children.length) {\n        result = [...result, ...flatTreeData(i.children, fieldNames)]\n      }\n    })\n  }\n  return result\n};\n\nexport const getLableByValue = (treeList, value) => {\n  if(Array.isArray(treeList)) {\n    const { title } = treeList.find(i => i.value === value) || {}\n    return title || value;\n  }\n  return value\n}\n"]}

package/es/upload/index.js

@@ -157,37 +157,33 @@ const TntdUpload = forwardRef((props, ref) => {
       };
     }
   }, [listType, uploadRef, showList, pictureCardTitle]);
-  return React.createElement(ConfigConsumer, null, ({
-    getPrefixCls
-  }) => {
-    const prefixCls = getPrefixCls('upload');
-    return React.createElement("div", {
-      className: cn('tntd-upload-wrapper', {
-        'tntd-upload-wrapper-picture-card': listType === 'picture-card' && pictureCardTitle
-      }),
-      ref: uploadRef
-    }, listType === 'picture-card' && avatar ? React.createElement(TntdAvatar, Object.assign({}, props, {
-      ref: ref
-    })) : React.createElement(AntdUpload, Object.assign({}, props, {
-      ref: ref
-    })), React.createElement("div", {
-      className: "tntd-upload-ellipsis",
+  const isPictureCard = listType === 'picture-card' && pictureCardTitle;
+  return React.createElement("span", {
+    className: cn('tntd-upload-wrapper', {
+      'tntd-upload-wrapper-picture-card': isPictureCard
+    }),
+    ref: uploadRef
+  }, listType === 'picture-card' && avatar ? React.createElement(TntdAvatar, Object.assign({}, props, {
+    ref: ref
+  })) : React.createElement(AntdUpload, Object.assign({}, props, {
+    ref: ref
+  })), isPictureCard && React.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.createElement(Ellipsis, {
+      title: item.name,
+      widthLimit: 104,
+      className: `tntd-upload-list-Ellipsis uid-${item.uid}`,
       style: {
-        visibility: 'hidden',
-        position: 'absolute'
-      },
-      key: showList === null || showList === void 0 ? void 0 : showList.length
-    }, listType === 'picture-card' && pictureCardTitle && (showList === null || showList === void 0 ? void 0 : showList.map(item => {
-      return React.createElement(Ellipsis, {
-        title: item.name,
-        widthLimit: 104,
-        className: `tntd-upload-list-Ellipsis uid-${item.uid}`,
-        style: {
-          width: 104
-        }
-      });
-    }))));
-  });
+        width: 104
+      }
+    });
+  })));
 });
 const Upload = connectReadonlyComponent(TntdUpload, props => React.createElement(AntdUpload, Object.assign({}, props, {
   disabled: true

package/es/upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useRef,\n} from 'react'\nimport AntdUpload from 'antd/es/upload'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { UploadProps as AntdUploadProps, UploadChangeParam, RcFile } from 'antd/lib/upload'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { connectReadonlyComponent } from '../connect'\nimport UploadSVG from './svg/UploadSVG'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport cn from 'classnames'\nimport './upload.less'\nimport './style'\n\nexport * from 'antd/es/upload'\n\nexport type UploadProps = AntdUploadProps & {\n  readonly?: boolean\n}\n\n//头像\nconst TntdAvatar = forwardRef<\n  AntdUpload,\n  UploadProps & { avatar?: boolean; avatarStyle?: React.CSSProperties }\n>((props, ref) => {\n  const { children, listType, avatar, avatarStyle, onChange: cusOnChange, ...rest } = props\n  const [imageUrl, setImageUrl] = useState<string>()\n  const [loading, setLoading] = useState(false)\n  const getBase64 = (\n    img: Blob,\n    callback: { (imageUrl: string): void; (arg0: string | ArrayBuffer | null): any }\n  ) => {\n    const reader = new FileReader()\n    reader.addEventListener('load', () => callback(reader.result))\n    reader.readAsDataURL(img)\n  }\n\n  const handleChange = (info: UploadChangeParam<any>) => {\n    if (cusOnChange) {\n      cusOnChange(info)\n    }\n    getBase64(info.file.originFileObj, (imageUrl) => {\n      setImageUrl(imageUrl as string)\n      setLoading(false)\n    })\n  }\n\n  const uploadButton = (\n    <div className=\"avatar-uploader-btn\" style={avatarStyle}>\n      <img\n        src={imageUrl}\n        style={{\n          width: '100%',\n          height: '100%',\n          borderRadius: '100%',\n          background: 'white',\n          border: '2px solid #00000066',\n        }}\n      />\n      <div className=\"avatar-uploader-btn-mask\">\n        <Icon type={loading ? 'loading' : 'picture'} />\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      className={cn({\n        'tntd-upload-wrapper-avatar': avatar,\n      })}\n    >\n      <AntdUpload\n        {...rest}\n        ref={ref}\n        name=\"avatar\"\n        listType=\"picture-card\"\n        className=\"avatar-uploader\"\n        showUploadList={false}\n        onChange={handleChange}\n      >\n        {children || uploadButton}\n      </AntdUpload>\n    </div>\n  )\n})\n\n//拖拽\nconst TntdDragger = forwardRef<AntdUpload, UploadProps & { hintText?: string; hintTitle?: string }>(\n  ({ className, children, hintText, hintTitle, ...rest }, ref) => {\n    return (\n      <LocaleReceiver componentName=\"Upload\">\n        {(locale) => {\n          return (\n            <ConfigConsumer>\n              {({ getPrefixCls }) => {\n                const prefixCls = getPrefixCls('upload')\n                return (\n                  <AntdUpload.Dragger\n                    {...rest}\n                    ref={ref}\n                    className={`${className} tntd-upload-dragger`}\n                  >\n                    {children || (\n                      <div className=\"tntd-upload-dragger-body\">\n                        <UploadSVG />\n                        <p className=\"tntd-upload-dragger-text\">\n                          {hintTitle || (locale as Record<'hintTitle', object>).hintTitle}\n                        </p>\n                        {!!hintText && <p className=\"tntd-upload-dragger-hint\">{hintText}</p>}\n                      </div>\n                    )}\n                  </AntdUpload.Dragger>\n                )\n              }}\n            </ConfigConsumer>\n          )\n        }}\n      </LocaleReceiver>\n    )\n  }\n)\n\n//特殊处理照片墙\nconst TntdUpload = forwardRef<\n  AntdUpload,\n  UploadProps & {\n    pictureCardTitle?: boolean\n    pictureCardId?: string\n    avatar?: boolean\n    avatarStyle?: React.CSSProperties\n  }\n>((props, ref) => {\n  const { fileList, defaultFileList, pictureCardTitle, listType, avatar } = props\n  const showList = fileList ? fileList : defaultFileList\n  const uploadRef = useRef<HTMLDivElement>(null) // 新增的ref用于访问AntdUpload\n\n  useLayoutEffect(() => {\n    if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {\n      const container = uploadRef.current.querySelector('.ant-upload-list')\n      // 初次渲染时手动更新 ellipsis\n      const updateEllipsis = () => {\n        if (uploadRef.current) {\n          const updatedContainers = uploadRef.current.querySelectorAll(\n            `.ant-upload-list-picture-card-container`\n          )\n          const ellipsisElements = uploadRef.current.querySelectorAll(\n            `.tntd-upload-ellipsis .tntd-ellipsis`\n          )\n\n          if (updatedContainers.length === ellipsisElements.length) {\n            updatedContainers.forEach((item, index) => {\n              if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {\n                const existingEllipsis = item.querySelector('.tntd-ellipsis')\n                if (existingEllipsis) {\n                  item.removeChild(existingEllipsis)\n                }\n                item.appendChild(ellipsisElements[index])\n              }\n            })\n          }\n        }\n      }\n\n      const observer = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'childList') {\n            // 处理 DOM 变化时的更新逻辑\n            updateEllipsis()\n          }\n        }\n      })\n\n      // 初次渲染时立即执行一次 updateEllipsis\n      updateEllipsis()\n\n      if (container) {\n        observer.observe(container, { childList: true, subtree: true })\n      }\n\n      // 清理 observer\n      return () => {\n        observer.disconnect()\n      }\n    }\n  }, [listType, uploadRef, showList, pictureCardTitle])\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('upload')\n        return (\n          <div\n            className={cn('tntd-upload-wrapper', {\n              'tntd-upload-wrapper-picture-card': listType === 'picture-card' && pictureCardTitle,\n            })}\n            ref={uploadRef}\n          >\n            {listType === 'picture-card' && avatar ? (\n              <TntdAvatar {...props} ref={ref} />\n            ) : (\n              <AntdUpload {...props} ref={ref} />\n            )}\n            <div\n              className=\"tntd-upload-ellipsis\"\n              style={{ visibility: 'hidden', position: 'absolute' }}\n              key={showList?.length}\n            >\n              {listType === 'picture-card' &&\n                pictureCardTitle &&\n                showList?.map((item) => {\n                  return (\n                    <Ellipsis\n                      title={item.name}\n                      widthLimit={104}\n                      className={`tntd-upload-list-Ellipsis uid-${item.uid}`}\n                      style={{ width: 104 }}\n                    />\n                  )\n                })}\n            </div>\n          </div>\n        )\n      }}\n    </ConfigConsumer>\n  )\n})\n\nconst Upload: ComponentType<UploadProps> = connectReadonlyComponent(TntdUpload, (props) => (\n  <AntdUpload {...props} disabled />\n))\n\n// @ts-ignore\nUpload.Dragger = TntdDragger\n// Upload.Dragger = AntdUpload.Dragger\n\nexport default Upload\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/upload/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  ComponentType,\n  forwardRef,\n  useEffect,\n  useLayoutEffect,\n  useState,\n  useRef,\n} from 'react'\nimport AntdUpload from 'antd/es/upload'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { UploadProps as AntdUploadProps, UploadChangeParam, RcFile } from 'antd/lib/upload'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { connectReadonlyComponent } from '../connect'\nimport UploadSVG from './svg/UploadSVG'\nimport Ellipsis from '../ellipsis'\nimport Icon from '../icon'\nimport cn from 'classnames'\nimport './upload.less'\nimport './style'\n\nexport * from 'antd/es/upload'\n\nexport type UploadProps = AntdUploadProps & {\n  readonly?: boolean\n}\n\n//头像\nconst TntdAvatar = forwardRef<\n  AntdUpload,\n  UploadProps & { avatar?: boolean; avatarStyle?: React.CSSProperties }\n>((props, ref) => {\n  const { children, listType, avatar, avatarStyle, onChange: cusOnChange, ...rest } = props\n  const [imageUrl, setImageUrl] = useState<string>()\n  const [loading, setLoading] = useState(false)\n  const getBase64 = (\n    img: Blob,\n    callback: { (imageUrl: string): void; (arg0: string | ArrayBuffer | null): any }\n  ) => {\n    const reader = new FileReader()\n    reader.addEventListener('load', () => callback(reader.result))\n    reader.readAsDataURL(img)\n  }\n\n  const handleChange = (info: UploadChangeParam<any>) => {\n    if (cusOnChange) {\n      cusOnChange(info)\n    }\n    getBase64(info.file.originFileObj, (imageUrl) => {\n      setImageUrl(imageUrl as string)\n      setLoading(false)\n    })\n  }\n\n  const uploadButton = (\n    <div className=\"avatar-uploader-btn\" style={avatarStyle}>\n      <img\n        src={imageUrl}\n        style={{\n          width: '100%',\n          height: '100%',\n          borderRadius: '100%',\n          background: 'white',\n          border: '2px solid #00000066',\n        }}\n      />\n      <div className=\"avatar-uploader-btn-mask\">\n        <Icon type={loading ? 'loading' : 'picture'} />\n      </div>\n    </div>\n  )\n\n  return (\n    <div\n      className={cn({\n        'tntd-upload-wrapper-avatar': avatar,\n      })}\n    >\n      <AntdUpload\n        {...rest}\n        ref={ref}\n        name=\"avatar\"\n        listType=\"picture-card\"\n        className=\"avatar-uploader\"\n        showUploadList={false}\n        onChange={handleChange}\n      >\n        {children || uploadButton}\n      </AntdUpload>\n    </div>\n  )\n})\n\n//拖拽\nconst TntdDragger = forwardRef<AntdUpload, UploadProps & { hintText?: string; hintTitle?: string }>(\n  ({ className, children, hintText, hintTitle, ...rest }, ref) => {\n    return (\n      <LocaleReceiver componentName=\"Upload\">\n        {(locale) => {\n          return (\n            <ConfigConsumer>\n              {({ getPrefixCls }) => {\n                const prefixCls = getPrefixCls('upload')\n                return (\n                  <AntdUpload.Dragger\n                    {...rest}\n                    ref={ref}\n                    className={`${className} tntd-upload-dragger`}\n                  >\n                    {children || (\n                      <div className=\"tntd-upload-dragger-body\">\n                        <UploadSVG />\n                        <p className=\"tntd-upload-dragger-text\">\n                          {hintTitle || (locale as Record<'hintTitle', object>).hintTitle}\n                        </p>\n                        {!!hintText && <p className=\"tntd-upload-dragger-hint\">{hintText}</p>}\n                      </div>\n                    )}\n                  </AntdUpload.Dragger>\n                )\n              }}\n            </ConfigConsumer>\n          )\n        }}\n      </LocaleReceiver>\n    )\n  }\n)\n\n//特殊处理照片墙\nconst TntdUpload = forwardRef<\n  AntdUpload,\n  UploadProps & {\n    pictureCardTitle?: boolean\n    pictureCardId?: string\n    avatar?: boolean\n    avatarStyle?: React.CSSProperties\n  }\n>((props, ref) => {\n  const { fileList, defaultFileList, pictureCardTitle, listType, avatar } = props\n  const showList = fileList ? fileList : defaultFileList\n  const uploadRef = useRef<HTMLDivElement>(null) // 新增的ref用于访问AntdUpload\n\n  useLayoutEffect(() => {\n    if (listType === 'picture-card' && pictureCardTitle && uploadRef.current) {\n      const container = uploadRef.current.querySelector('.ant-upload-list')\n      // 初次渲染时手动更新 ellipsis\n      const updateEllipsis = () => {\n        if (uploadRef.current) {\n          const updatedContainers = uploadRef.current.querySelectorAll(\n            `.ant-upload-list-picture-card-container`\n          )\n          const ellipsisElements = uploadRef.current.querySelectorAll(\n            `.tntd-upload-ellipsis .tntd-ellipsis`\n          )\n\n          if (updatedContainers.length === ellipsisElements.length) {\n            updatedContainers.forEach((item, index) => {\n              if (ellipsisElements[index] && !item.contains(ellipsisElements[index])) {\n                const existingEllipsis = item.querySelector('.tntd-ellipsis')\n                if (existingEllipsis) {\n                  item.removeChild(existingEllipsis)\n                }\n                item.appendChild(ellipsisElements[index])\n              }\n            })\n          }\n        }\n      }\n\n      const observer = new MutationObserver((mutationsList) => {\n        for (const mutation of mutationsList) {\n          if (mutation.type === 'childList') {\n            // 处理 DOM 变化时的更新逻辑\n            updateEllipsis()\n          }\n        }\n      })\n\n      // 初次渲染时立即执行一次 updateEllipsis\n      updateEllipsis()\n\n      if (container) {\n        observer.observe(container, { childList: true, subtree: true })\n      }\n\n      // 清理 observer\n      return () => {\n        observer.disconnect()\n      }\n    }\n  }, [listType, uploadRef, showList, pictureCardTitle])\n\n  const isPictureCard = listType === 'picture-card' && pictureCardTitle\n\n  return (\n    <span\n      className={cn('tntd-upload-wrapper', {\n        'tntd-upload-wrapper-picture-card': isPictureCard,\n      })}\n      ref={uploadRef}\n    >\n      {listType === 'picture-card' && avatar ? (\n        <TntdAvatar {...props} ref={ref} />\n      ) : (\n        <AntdUpload {...props} ref={ref} />\n      )}\n      {isPictureCard && (\n        <div\n          className=\"tntd-upload-ellipsis\"\n          style={{ visibility: 'hidden', position: 'absolute' }}\n          key={showList?.length}\n        >\n          {showList?.map((item) => {\n            return (\n              <Ellipsis\n                title={item.name}\n                widthLimit={104}\n                className={`tntd-upload-list-Ellipsis uid-${item.uid}`}\n                style={{ width: 104 }}\n              />\n            )\n          })}\n        </div>\n      )}\n    </span>\n  )\n})\n\nconst Upload: ComponentType<UploadProps> = connectReadonlyComponent(TntdUpload, (props) => (\n  <AntdUpload {...props} disabled />\n))\n\n// @ts-ignore\nUpload.Dragger = TntdDragger\n// Upload.Dragger = AntdUpload.Dragger\n\nexport default Upload\n"]}

package/es/upload/upload.less

@@ -6,14 +6,11 @@
   align-items: center;
   .tntd-upload-dragger-text{
     margin-top: 16px;
-    font-family: PingFang SC;
     font-size: 14px;
     font-weight: 400;
     line-height: 22px;
   }
   .tntd-upload-dragger-hint{
-    //styleName: Body1-12/Regular;
-    font-family: PingFang SC;
     font-size: 12px;
     font-weight: 400;
     line-height: 20px;
@@ -33,7 +30,7 @@
           margin: 20px;
         }
         path:nth-child(1){
-          fill: #17233D;
+          fill: @text-color;
         }
         path:nth-child(2){
           fill: transparent;
@@ -45,7 +42,7 @@
           fill: transparent;
         }
         path:nth-child(5){
-          fill: #17233D;
+          fill: @text-color;
         }
       }
     }
@@ -55,18 +52,14 @@
 //头像
 .tntd-upload-wrapper-avatar{
   .ant-upload-picture-card-wrapper{
-    // width: 52px;
-    // height: 52px;
-    // border-radius: 50%;
     width: auto;
     height: auto;
-    // background-color: red;
     .ant-upload.ant-upload-select-picture-card{
       margin: 0;
       width: auto;
       height: auto;
       border: transparent;
-      background-color: #fff;
+      background-color: @white;
       .ant-upload{
         padding: 0;
       }
@@ -90,7 +83,7 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        color: white;
+        color: @white;
         display: none;
       }
     }
@@ -103,6 +96,6 @@
 }
 .ant-upload-list-item-error{
   .anticon.anticon-paper-clip{
-    color: #17233D;
+    color: @text-color;
   }
 }

package/lib/_util/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultIconPrefixCls = exports.ConfigContext = exports.ConfigConsumer = void 0;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) return customizePrefixCls;
   return "tnt-".concat(suffixCls);

package/lib/_util/defaultRenderEmpty.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _context = require("./context");
 var _LocaleReceiver = _interopRequireDefault(require("antd/lib/locale-provider/LocaleReceiver"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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; }
 /*

package/lib/_util/hooks/useFlexGapSupport.js

@@ -9,12 +9,12 @@ var React = _interopRequireWildcard(require("react"));
 var _styleChecker = require("../styleChecker");
 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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _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(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 var _default = exports["default"] = function _default() {
   var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),

package/lib/_util/hooks/useForceUpdate.js

@@ -8,12 +8,12 @@ exports["default"] = useForceUpdate;
 var React = _interopRequireWildcard(require("react"));
 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(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+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(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _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(arr) { if (Array.isArray(arr)) return arr; }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function useForceUpdate() {
   var _React$useReducer = React.useReducer(function (x) {
       return x + 1;

package/lib/_util/responsiveObserve.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.responsiveMap = exports.responsiveArray = exports["default"] = void 0;
 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); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var responsiveArray = exports.responsiveArray = ['xxl', 'xl', 'lg', 'md', 'sm', 'xs'];

package/lib/_util/styleChecker.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "isStyleSupport", {
 });
 var _canUseDom = _interopRequireDefault(require("rc-util/lib/Dom/canUseDom"));
 var _styleChecker = require("rc-util/lib/Dom/styleChecker");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var canUseDocElement = exports.canUseDocElement = function canUseDocElement() {
   return (0, _canUseDom["default"])() && window.document.documentElement;
 };

package/lib/actions/index.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireDefault(require("react"));
 require("./index.less");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 var ProCardActions = function ProCardActions(props) {
   var actions = props.actions,
     prefixCls = props.prefixCls;

package/lib/alert/alert.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AlertProps as AntdAlertProps } from 'antd/lib/alert';
+import { default as AntdAlert } from 'antd/lib/alert';
+export * from 'antd/lib/alert';
+export interface AlertProps extends AntdAlertProps {
+    action: React.ReactNode;
+}
+interface AlertComponent extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {
+}
+export declare const Alert: AlertComponent;
+export default Alert;
+//# sourceMappingURL=alert.d.ts.map

package/lib/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAqB,MAAM,OAAO,CAAA;AACzC,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,eAAe,CAAA;AAIjE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAEpD,cAAc,eAAe,CAAA;AAE7B,MAAM,WAAW,UAAW,SAAQ,cAAc;IAChD,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;CACxB;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,yBAAyB,CAAC,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;CAAG;AAI7F,eAAO,MAAM,KAAK,gBAmDC,CAAA;AAEnB,eAAe,KAAK,CAAA"}

package/lib/alert/alert.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Alert: true
+};
+exports["default"] = exports.Alert = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _icon = _interopRequireDefault(require("antd/lib/icon"));
+var _configProvider = require("antd/lib/config-provider");
+var _alert = _interopRequireWildcard(require("antd/lib/alert"));
+Object.keys(_alert).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _alert[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _alert[key];
+    }
+  });
+});
+var _classnames = _interopRequireDefault(require("classnames"));
+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 _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); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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;
+};
+/*
+ * @Author: 周泽飞 zefei.zhou@tongdun.net
+ * @Date: 2024-03-21 19:43:36
+ * @LastEditors: 周泽飞 zefei.zhou@tongdun.net
+ * @LastEditTime: 2024-03-21 19:46:23
+ * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx
+ * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
+ */
+
+var prefix = 'tnt-alert';
+var Alert = exports.Alert = (0, _react.forwardRef)(function (_a, ref) {
+  var action = _a.action,
+    message = _a.message,
+    icon = _a.icon,
+    rest = __rest(_a, ["action", "message", "icon"]);
+  var fragment = _react["default"].createElement(_react["default"].Fragment, null, message, !!action && _react["default"].createElement("span", {
+    className: "action-btn"
+  }, action));
+  var iconTheme = 'filled';
+  var iconType = 'default';
+  switch (rest === null || rest === void 0 ? void 0 : rest.type) {
+    case 'success':
+      iconType = 'check-circle';
+      break;
+    case 'info':
+      iconType = 'info-circle';
+      break;
+    case 'error':
+      iconType = 'close-circle';
+      break;
+    case 'warning':
+      iconType = 'exclamation-circle';
+      break;
+    default:
+      iconType = 'default';
+  }
+  var iconNode = icon || (rest.type ? _react["default"].createElement(_icon["default"], {
+    className: "".concat(prefix, "-icon"),
+    type: iconType,
+    theme: iconTheme
+  }) : null);
+  return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
+    var getPrefixCls = _ref.getPrefixCls;
+    return _react["default"].createElement(_alert["default"], Object.assign({
+      ref: ref
+    }, rest, {
+      message: fragment,
+      icon: iconNode,
+      className: (0, _classnames["default"])(rest === null || rest === void 0 ? void 0 : rest.className, 'tnt-alert', _defineProperty({}, "".concat(prefix, "-with-action"), action))
+    }));
+  });
+});
+var _default = exports["default"] = Alert;

package/lib/alert/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/alert/alert.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,+CAAyC;AAGzC,wDAA+B;AAC/B,6DAAwD;AACxD,0DAAoD;AACpD,4DAAkC;AAClC,gDAA6B;AAS7B,MAAM,MAAM,GAAG,WAAW,CAAA;AAEb,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAkC,EAAE,GAAG,EAAE,EAAE;QAA3C,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,OAAW,EAAN,IAAI,cAAhC,6BAAkC,CAAF;IAC/B,MAAM,QAAQ,GAAG,CACf;QACG,OAAO;QACP,CAAC,CAAC,MAAM,IAAI,wCAAM,SAAS,EAAC,YAAY,IAAE,MAAM,CAAQ,CACxD,CACJ,CAAA;IAED,MAAM,SAAS,GAAc,QAAQ,CAAA;IACrC,IAAI,QAAQ,GAAG,SAAS,CAAA;IAExB,QAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,EAAE;QAClB,KAAK,SAAS;YACZ,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,MAAM;YACT,QAAQ,GAAG,aAAa,CAAA;YACxB,MAAK;QACP,KAAK,OAAO;YACV,QAAQ,GAAG,cAAc,CAAA;YACzB,MAAK;QACP,KAAK,SAAS;YACZ,QAAQ,GAAG,oBAAoB,CAAA;YAC/B,MAAK;QACP;YACE,QAAQ,GAAG,SAAS,CAAA;KACvB;IAED,MAAM,QAAQ,GACZ,IAAI;QACJ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,8BAAC,cAAI,IAAC,SAAS,EAAE,GAAG,MAAM,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAE9F,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,CACL,8BAAC,eAAS,kBACR,GAAG,EAAE,GAAG,IACJ,IAAI,IACR,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,QAAQ,EACd,SAAS,EAAE,IAAA,oBAAS,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,EAAE,WAAW,EAAE;gBACjD,CAAC,GAAG,MAAM,cAAc,CAAC,EAAE,MAAM;aAClC,CAAC,IACF,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACgB,CAAA;AAEnB,kBAAe,aAAK,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2024-03-21 19:43:36\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2024-03-21 19:46:23\n * @FilePath: /tntd/packages/tntd/src/alert/alert.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { AlertProps as AntdAlertProps } from 'antd/lib/alert'\nimport type { ThemeType } from 'antd/lib/icon'\nimport Icon from 'antd/lib/icon'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport { default as AntdAlert } from 'antd/lib/alert'\nimport classname from 'classnames'\nexport * from 'antd/lib/alert'\n\nexport interface AlertProps extends AntdAlertProps {\n  action: React.ReactNode\n}\n\ninterface AlertComponent\n  extends React.ForwardRefExoticComponent<AntdAlertProps & React.RefAttributes<AntdAlert>> {}\n\nconst prefix = 'tnt-alert'\n\nexport const Alert = forwardRef<AntdAlert, AlertProps>(\n  ({ action, message, icon, ...rest }, ref) => {\n    const fragment = (\n      <>\n        {message}\n        {!!action && <span className=\"action-btn\">{action}</span>}\n      </>\n    )\n\n    const iconTheme: ThemeType = 'filled'\n    let iconType = 'default'\n\n    switch (rest?.type) {\n      case 'success':\n        iconType = 'check-circle'\n        break\n      case 'info':\n        iconType = 'info-circle'\n        break\n      case 'error':\n        iconType = 'close-circle'\n        break\n      case 'warning':\n        iconType = 'exclamation-circle'\n        break\n      default:\n        iconType = 'default'\n    }\n\n    const iconNode =\n      icon ||\n      (rest.type ? <Icon className={`${prefix}-icon`} type={iconType} theme={iconTheme} /> : null)\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return (\n            <AntdAlert\n              ref={ref}\n              {...rest}\n              message={fragment}\n              icon={iconNode}\n              className={classname(rest?.className, 'tnt-alert', {\n                [`${prefix}-with-action`]: action,\n              })}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as AlertComponent\n\nexport default Alert\n"]}