web-component-gallery 0.1.67 → 0.1.68

package/dist/amap.umd.js

@@ -8571,7 +8571,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ind
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/browse/index.less\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Base64 */ \"./plugins/utils/Base64.js\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_Utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/Utils */ \"./plugins/utils/Utils.js\");\n\n\n\n\nconst pictureType = [\"gif\", \"jpeg\", \"png\", \"jpg\", \"bmp\", \"tif\", \"svg\", \"psd\", \"raw\", \"WMF\", \"webp\", \"apng\"];\nconst audioType = [\"mp3\", \"wma\", \"flac\", \"aac\", \"mmf\", \"amr\", \"m4a\", \"m4r\", \"ogg\", \"mp2\", \"wav\"];\nconst videoType = [\"avi\", \"flv\", \"mpg\", \"mpeg\", \"mpe\", \"m1v\", \"m2v\", \"mpv2\", \"mp2v\", \"dat\", \"ts\", \"tp\", \"tpr\", \"pva\", \"pss\", \"mp4\", \"m4v\", \"m4p\", \"m4b\", \"3gp\", \"3gpp\", \"3g2\", \"3gp2\", \"ogg\", \"mov\", \"qt\", \"amr\", \"rm\", \"ram\", \"rmvb\", \"rpm\"];\nconst BrowseProps = {\n  data: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object]).def([]),\n  /** 限制高度 */\n  astrictH: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number])\n};\nconst renderContent = (h, item, https, astrictH) => {\n  const type = item.url.slice(item.url.lastIndexOf('.') + 1).toLowerCase();\n  const CustomTag = pictureType.includes(type) && 'img' || audioType.includes(type) && 'audio' || videoType.includes(type) && 'video' || 'iframe';\n  const attrs = {\n    src: https.FILEURL + item.url\n  };\n  CustomTag === 'iframe' && (attrs.src = https.KKFILEURL + encodeURIComponent(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__.Base64.encode(attrs.src)));\n  if (astrictH) {\n    const style = (0,_utils_Utils__WEBPACK_IMPORTED_MODULE_2__.getPictureAttrs)(attrs.src, astrictH);\n    attrs.style = `width: ${style.width}px; height: ${style.height}px;`;\n  }\n  return h(CustomTag, {\n    \"attrs\": {\n      ...attrs\n    }\n  });\n};\nconst Browse = {\n  name: 'Browse',\n  props: BrowseProps,\n  render(h, content) {\n    let {\n      data,\n      $https,\n      astrictH\n    } = this;\n    if (typeof data === 'string') {\n      try {\n        data = JSON.parse(data);\n      } catch (error) {\n        data = [];\n      }\n    }\n    return h(\"div\", {\n      \"class\": \"Browse\"\n    }, [data instanceof Array ? data.map(dataItem => renderContent(h, dataItem, $https, astrictH)) : renderContent(h, data, $https, astrictH)]);\n  }\n};\nBrowse.install = function (Vue) {\n  Vue.component('Browse', Browse);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Browse);\n\n//# sourceURL=webpack://mui/./plugins/lib/browse/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/browse/index.less\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Base64 */ \"./plugins/utils/Base64.js\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_Utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/Utils */ \"./plugins/utils/Utils.js\");\n\n\n\n\nconst pictureType = [\"gif\", \"jpeg\", \"png\", \"jpg\", \"bmp\", \"tif\", \"svg\", \"psd\", \"raw\", \"WMF\", \"webp\", \"apng\"];\nconst audioType = [\"mp3\", \"wma\", \"flac\", \"aac\", \"mmf\", \"amr\", \"m4a\", \"m4r\", \"ogg\", \"mp2\", \"wav\"];\nconst videoType = [\"avi\", \"flv\", \"mpg\", \"mpeg\", \"mpe\", \"m1v\", \"m2v\", \"mpv2\", \"mp2v\", \"dat\", \"ts\", \"tp\", \"tpr\", \"pva\", \"pss\", \"mp4\", \"m4v\", \"m4p\", \"m4b\", \"3gp\", \"3gpp\", \"3g2\", \"3gp2\", \"ogg\", \"mov\", \"qt\", \"amr\", \"rm\", \"ram\", \"rmvb\", \"rpm\"];\nconst BrowseProps = {\n  data: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object]).def([]),\n  /** 限制高度 */\n  astrictH: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number])\n};\nconst renderContent = (h, item, https, astrictH) => {\n  const type = item.url.slice(item.url.lastIndexOf('.') + 1).toLowerCase();\n  const CustomTag = pictureType.includes(type) && 'img' || audioType.includes(type) && 'audio' || videoType.includes(type) && 'video' || 'iframe';\n  const attrs = {\n    controls: true,\n    src: https.FILEURL + item.url\n  };\n  CustomTag === 'iframe' && (attrs.src = https.KKFILEURL + encodeURIComponent(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__.Base64.encode(attrs.src)));\n  if (astrictH) {\n    const style = (0,_utils_Utils__WEBPACK_IMPORTED_MODULE_2__.getPictureAttrs)(attrs.src, astrictH);\n    attrs.style = `width: ${style.width}px; height: ${style.height}px;`;\n  }\n  return h(CustomTag, {\n    \"attrs\": {\n      ...attrs\n    }\n  });\n};\nconst Browse = {\n  name: 'Browse',\n  props: BrowseProps,\n  render(h, content) {\n    let {\n      data,\n      $https,\n      astrictH\n    } = this;\n    if (typeof data === 'string') {\n      try {\n        data = JSON.parse(data);\n      } catch (error) {\n        data = [];\n      }\n    }\n    return h(\"div\", {\n      \"class\": \"Browse\"\n    }, [data instanceof Array ? data.map(dataItem => renderContent(h, dataItem, $https, astrictH)) : renderContent(h, data, $https, astrictH)]);\n  }\n};\nBrowse.install = function (Vue) {\n  Vue.component('Browse', Browse);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Browse);\n\n//# sourceURL=webpack://mui/./plugins/lib/browse/index.jsx?");
 
 /***/ }),
 
@@ -8999,7 +8999,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  let parents = [];\n  let inx = 0;\n  function findParents(nodes, count) {\n    nodes.forEach(node => {\n      inx = count;\n      parents[count] = node[replaceFields.key];\n      if (node[replaceFields.key] === key) {\n        parents = parents.slice(0, count + 1);\n        return;\n      } else {\n        if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n          inx++;\n          findParents(node[replaceFields.children], inx);\n        }\n      }\n    });\n    return parents;\n  }\n  return findParents(tree, inx);\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, nodeId, replaceFields = {}) {\n  const {\n    children = 'children',\n    key = 'id'\n  } = replaceFields;\n  const toFlatArray = (tree, parentId) => {\n    return tree.reduce((t, _) => {\n      const child = _[children];\n      return [...t, parentId ? {\n        ..._,\n        parentId\n      } : _, ...(child && child.length ? toFlatArray(child, _[key]) : [])];\n    }, []);\n  };\n  const getIds = flatArray => {\n    let ids = [nodeId];\n    let child = flatArray.find(_ => _[key] === nodeId);\n    while (child && child.parentId) {\n      ids = [child.parentId, ...ids];\n      child = flatArray.find(_ => _[key] === child.parentId);\n    }\n    return ids;\n  };\n  return getIds(toFlatArray(tree));\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
 
 /***/ }),
 

package/dist/index.umd.js

@@ -8571,7 +8571,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _ind
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/browse/index.less\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Base64 */ \"./plugins/utils/Base64.js\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_Utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/Utils */ \"./plugins/utils/Utils.js\");\n\n\n\n\nconst pictureType = [\"gif\", \"jpeg\", \"png\", \"jpg\", \"bmp\", \"tif\", \"svg\", \"psd\", \"raw\", \"WMF\", \"webp\", \"apng\"];\nconst audioType = [\"mp3\", \"wma\", \"flac\", \"aac\", \"mmf\", \"amr\", \"m4a\", \"m4r\", \"ogg\", \"mp2\", \"wav\"];\nconst videoType = [\"avi\", \"flv\", \"mpg\", \"mpeg\", \"mpe\", \"m1v\", \"m2v\", \"mpv2\", \"mp2v\", \"dat\", \"ts\", \"tp\", \"tpr\", \"pva\", \"pss\", \"mp4\", \"m4v\", \"m4p\", \"m4b\", \"3gp\", \"3gpp\", \"3g2\", \"3gp2\", \"ogg\", \"mov\", \"qt\", \"amr\", \"rm\", \"ram\", \"rmvb\", \"rpm\"];\nconst BrowseProps = {\n  data: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object]).def([]),\n  /** 限制高度 */\n  astrictH: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number])\n};\nconst renderContent = (h, item, https, astrictH) => {\n  const type = item.url.slice(item.url.lastIndexOf('.') + 1).toLowerCase();\n  const CustomTag = pictureType.includes(type) && 'img' || audioType.includes(type) && 'audio' || videoType.includes(type) && 'video' || 'iframe';\n  const attrs = {\n    src: https.FILEURL + item.url\n  };\n  CustomTag === 'iframe' && (attrs.src = https.KKFILEURL + encodeURIComponent(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__.Base64.encode(attrs.src)));\n  if (astrictH) {\n    const style = (0,_utils_Utils__WEBPACK_IMPORTED_MODULE_2__.getPictureAttrs)(attrs.src, astrictH);\n    attrs.style = `width: ${style.width}px; height: ${style.height}px;`;\n  }\n  return h(CustomTag, {\n    \"attrs\": {\n      ...attrs\n    }\n  });\n};\nconst Browse = {\n  name: 'Browse',\n  props: BrowseProps,\n  render(h, content) {\n    let {\n      data,\n      $https,\n      astrictH\n    } = this;\n    if (typeof data === 'string') {\n      try {\n        data = JSON.parse(data);\n      } catch (error) {\n        data = [];\n      }\n    }\n    return h(\"div\", {\n      \"class\": \"Browse\"\n    }, [data instanceof Array ? data.map(dataItem => renderContent(h, dataItem, $https, astrictH)) : renderContent(h, data, $https, astrictH)]);\n  }\n};\nBrowse.install = function (Vue) {\n  Vue.component('Browse', Browse);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Browse);\n\n//# sourceURL=webpack://mui/./plugins/lib/browse/index.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ant-design-vue/es/_util/vue-types */ \"./node_modules/ant-design-vue/es/_util/vue-types/index.js\");\n/* harmony import */ var _index_less__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./index.less */ \"./plugins/lib/browse/index.less\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils/Base64 */ \"./plugins/utils/Base64.js\");\n/* harmony import */ var _utils_Base64__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _utils_Utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/Utils */ \"./plugins/utils/Utils.js\");\n\n\n\n\nconst pictureType = [\"gif\", \"jpeg\", \"png\", \"jpg\", \"bmp\", \"tif\", \"svg\", \"psd\", \"raw\", \"WMF\", \"webp\", \"apng\"];\nconst audioType = [\"mp3\", \"wma\", \"flac\", \"aac\", \"mmf\", \"amr\", \"m4a\", \"m4r\", \"ogg\", \"mp2\", \"wav\"];\nconst videoType = [\"avi\", \"flv\", \"mpg\", \"mpeg\", \"mpe\", \"m1v\", \"m2v\", \"mpv2\", \"mp2v\", \"dat\", \"ts\", \"tp\", \"tpr\", \"pva\", \"pss\", \"mp4\", \"m4v\", \"m4p\", \"m4b\", \"3gp\", \"3gpp\", \"3g2\", \"3gp2\", \"ogg\", \"mov\", \"qt\", \"amr\", \"rm\", \"ram\", \"rmvb\", \"rpm\"];\nconst BrowseProps = {\n  data: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].array, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].object]).def([]),\n  /** 限制高度 */\n  astrictH: ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].oneOfType([ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].string, ant_design_vue_es_util_vue_types__WEBPACK_IMPORTED_MODULE_3__[\"default\"].number])\n};\nconst renderContent = (h, item, https, astrictH) => {\n  const type = item.url.slice(item.url.lastIndexOf('.') + 1).toLowerCase();\n  const CustomTag = pictureType.includes(type) && 'img' || audioType.includes(type) && 'audio' || videoType.includes(type) && 'video' || 'iframe';\n  const attrs = {\n    controls: true,\n    src: https.FILEURL + item.url\n  };\n  CustomTag === 'iframe' && (attrs.src = https.KKFILEURL + encodeURIComponent(_utils_Base64__WEBPACK_IMPORTED_MODULE_1__.Base64.encode(attrs.src)));\n  if (astrictH) {\n    const style = (0,_utils_Utils__WEBPACK_IMPORTED_MODULE_2__.getPictureAttrs)(attrs.src, astrictH);\n    attrs.style = `width: ${style.width}px; height: ${style.height}px;`;\n  }\n  return h(CustomTag, {\n    \"attrs\": {\n      ...attrs\n    }\n  });\n};\nconst Browse = {\n  name: 'Browse',\n  props: BrowseProps,\n  render(h, content) {\n    let {\n      data,\n      $https,\n      astrictH\n    } = this;\n    if (typeof data === 'string') {\n      try {\n        data = JSON.parse(data);\n      } catch (error) {\n        data = [];\n      }\n    }\n    return h(\"div\", {\n      \"class\": \"Browse\"\n    }, [data instanceof Array ? data.map(dataItem => renderContent(h, dataItem, $https, astrictH)) : renderContent(h, data, $https, astrictH)]);\n  }\n};\nBrowse.install = function (Vue) {\n  Vue.component('Browse', Browse);\n};\n/* harmony default export */ __webpack_exports__[\"default\"] = (Browse);\n\n//# sourceURL=webpack://mui/./plugins/lib/browse/index.jsx?");
 
 /***/ }),
 
@@ -8999,7 +8999,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  let parents = [];\n  let inx = 0;\n  function findParents(nodes, count) {\n    nodes.forEach(node => {\n      inx = count;\n      parents[count] = node[replaceFields.key];\n      if (node[replaceFields.key] === key) {\n        parents = parents.slice(0, count + 1);\n        return;\n      } else {\n        if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n          inx++;\n          findParents(node[replaceFields.children], inx);\n        }\n      }\n    });\n    return parents;\n  }\n  return findParents(tree, inx);\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, nodeId, replaceFields = {}) {\n  const {\n    children = 'children',\n    key = 'id'\n  } = replaceFields;\n  const toFlatArray = (tree, parentId) => {\n    return tree.reduce((t, _) => {\n      const child = _[children];\n      return [...t, parentId ? {\n        ..._,\n        parentId\n      } : _, ...(child && child.length ? toFlatArray(child, _[key]) : [])];\n    }, []);\n  };\n  const getIds = flatArray => {\n    let ids = [nodeId];\n    let child = flatArray.find(_ => _[key] === nodeId);\n    while (child && child.parentId) {\n      ids = [child.parentId, ...ids];\n      child = flatArray.find(_ => _[key] === child.parentId);\n    }\n    return ids;\n  };\n  return getIds(toFlatArray(tree));\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
 
 /***/ }),
 

package/dist/tree.umd.js

@@ -3401,7 +3401,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  let parents = [];\n  let inx = 0;\n  function findParents(nodes, count) {\n    nodes.forEach(node => {\n      inx = count;\n      parents[count] = node[replaceFields.key];\n      if (node[replaceFields.key] === key) {\n        parents = parents.slice(0, count + 1);\n        return;\n      } else {\n        if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n          inx++;\n          findParents(node[replaceFields.children], inx);\n        }\n      }\n    });\n    return parents;\n  }\n  return findParents(tree, inx);\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   filterTreeById: function() { return /* binding */ filterTreeById; },\n/* harmony export */   findCheckNodes: function() { return /* binding */ findCheckNodes; },\n/* harmony export */   getAllParents: function() { return /* binding */ getAllParents; },\n/* harmony export */   getTreeKey: function() { return /* binding */ getTreeKey; },\n/* harmony export */   joinTreeMessage: function() { return /* binding */ joinTreeMessage; }\n/* harmony export */ });\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es.array.push.js */ \"./node_modules/core-js/modules/es.array.push.js\");\n/* harmony import */ var core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_push_js__WEBPACK_IMPORTED_MODULE_0__);\n\n/**\r\n * 获取树形结构所有key\r\n * @param nodes 数组对象\r\n * @param parent 是否只获取父一层的属性\r\n * @param replaceFields 自定义属性进行查询\r\n */\nfunction getTreeKey(nodes, parent = false, replaceFields = {\n  children: 'children',\n  key: 'id',\n  title: 'title'\n}) {\n  const filterNodes = [];\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      if (!parent) filterNodes.push(e[replaceFields.key]);\n      if (e[replaceFields.children]?.length) {\n        if (parent) filterNodes.push(e[replaceFields.key]);\n        generateList(e[replaceFields.children]);\n      }\n    });\n  }\n  generateList(nodes);\n  return filterNodes;\n}\n\n/**\r\n * 根据树子节点ID过滤出最后一级child\r\n * @param {array} dataSource 树形结构数据源\r\n * @param {array} nodeIds 需要过滤的数据集\r\n * @param {string} hasField 过滤包含属性(默认为children)\r\n * @param {string} searchField 查找属性(默认为id)\r\n */\n\nfunction findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {\n  let checkNodes = [];\n  function traverse(node, nodeIds) {\n    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {\n      checkNodes.push(node);\n      return true;\n    }\n    node[hasField] && node[hasField].forEach(childNode => {\n      if (traverse(childNode, nodeIds)) return true;\n    });\n    return false;\n  }\n  for (let i = 0; i < dataSource.length; i++) {\n    if (traverse(dataSource[i], nodeIds)) {\n      break;\n    }\n  }\n  return checkNodes;\n}\n\n/**\r\n * 根据要求拼接树结构字段 ( 比如：后端返回name phone，前端显示要求name后拼接phone\r\n * @param nodes 数组对象\r\n * @param fileds 哪些字段需要拼接\r\n * @param replaceField 拼接后赋值字段\r\n * @param childNode 子级结点\r\n */\nfunction joinTreeMessage(nodes, fileds, replaceField, childNode) {\n  function generateList(checkNodes) {\n    checkNodes.forEach(e => {\n      e[replaceField] = '';\n      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`));\n      if (e[childNode]?.length) {\n        generateList(e[childNode]);\n      }\n    });\n  }\n  generateList(nodes);\n  return nodes;\n}\n\n/**\r\n * 根据某个属性查找出整个树结构中匹配相同的数据\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction filterTreeById(tree, key, replaceFields = {\n  children: 'children',\n  key: 'id'\n}) {\n  return tree.reduce((acc, node) => {\n    if (node[replaceFields.key] === key) {\n      return [...acc, node];\n    } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {\n      const filteredChildren = filterTreeById(node[replaceFields.children], key);\n      if (filteredChildren.length > 0) return filteredChildren;\n    }\n    return acc;\n  }, []);\n}\n\n/**\r\n * 根据最后一级子id获取全部父id\r\n * @param tree 数组对象\r\n * @param key 需要查找的属性\r\n * @param replaceFields 树结构对应子级及查找key的属性\r\n * {\r\n      children: 'children', // 查找子级字段\r\n      key: 'id'  // key的字段\r\n    }\r\n */\nfunction getAllParents(tree, nodeId, replaceFields = {}) {\n  const {\n    children = 'children',\n    key = 'id'\n  } = replaceFields;\n  const toFlatArray = (tree, parentId) => {\n    return tree.reduce((t, _) => {\n      const child = _[children];\n      return [...t, parentId ? {\n        ..._,\n        parentId\n      } : _, ...(child && child.length ? toFlatArray(child, _[key]) : [])];\n    }, []);\n  };\n  const getIds = flatArray => {\n    let ids = [nodeId];\n    let child = flatArray.find(_ => _[key] === nodeId);\n    while (child && child.parentId) {\n      ids = [child.parentId, ...ids];\n      child = flatArray.find(_ => _[key] === child.parentId);\n    }\n    return ids;\n  };\n  return getIds(toFlatArray(tree));\n}\n\n//# sourceURL=webpack://mui/./plugins/utils/Tree.js?");
 
 /***/ }),
 

package/lib/browse/index.jsx

@@ -27,6 +27,7 @@ const renderContent = (h, item, https, astrictH) => {
         videoType.includes(type) && 'video' || 'iframe'
 
     const attrs = {
+      controls: true,
       src: https.FILEURL + item.url
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "web-component-gallery",
-  "version": "0.1.67",
+  "version": "0.1.68",
   "description": "vue-library-ui组件库",
   "main": "dist/index.umd.js",
   "files": [

package/plugins/lib/browse/index.jsx

@@ -27,6 +27,7 @@ const renderContent = (h, item, https, astrictH) => {
         videoType.includes(type) && 'video' || 'iframe'
 
     const attrs = {
+      controls: true,
       src: https.FILEURL + item.url
     }
 

package/plugins/utils/Tree.js

@@ -6,22 +6,22 @@
  * @param parent 是否只获取父一层的属性
  * @param replaceFields 自定义属性进行查询
  */
-export function getTreeKey(nodes, parent = false, replaceFields = { children: 'children', key: 'id', title: 'title' }) {  
+export function getTreeKey(nodes, parent = false, replaceFields = { children: 'children', key: 'id', title: 'title' }) {
 
   const filterNodes = []
 
-  function generateList( checkNodes ) {
+  function generateList(checkNodes) {
 
-    checkNodes.forEach( e => {
+    checkNodes.forEach(e => {
 
-      if( !parent ) filterNodes.push( e[ replaceFields.key ] )
-      if( e[ replaceFields.children ]?.length ) {
-        if( parent ) filterNodes.push( e[ replaceFields.key ] )
-        generateList( e[ replaceFields.children ] )
+      if (!parent) filterNodes.push(e[replaceFields.key])
+      if (e[replaceFields.children]?.length) {
+        if (parent) filterNodes.push(e[replaceFields.key])
+        generateList(e[replaceFields.children])
       }
 
-    } )
-  } 
+    })
+  }
 
   generateList(nodes)
 
@@ -38,30 +38,30 @@ export function getTreeKey(nodes, parent = false, replaceFields = { children: 'c
  * @param {string} searchField 查找属性(默认为id)
  */
 
-export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children' ) {
+export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {
   let checkNodes = []
- 
+
   function traverse(node, nodeIds) {
 
-    if ( nodeIds.includes( node[ searchField ] ) && !node.hasOwnProperty( hasField ) ) { 
-      checkNodes.push( node )
+    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {
+      checkNodes.push(node)
       return true
-    } 
-		
-    node[ hasField ] && node[ hasField ].forEach( childNode => {
-      if ( traverse(childNode, nodeIds) ) return true
-    } )
- 
+    }
+
+    node[hasField] && node[hasField].forEach(childNode => {
+      if (traverse(childNode, nodeIds)) return true
+    })
+
     return false
-  } 
- 
-  for( let i = 0; i < dataSource.length; i++ ) {
-      
-    if ( traverse( dataSource[ i ], nodeIds ) ) {
+  }
+
+  for (let i = 0; i < dataSource.length; i++) {
+
+    if (traverse(dataSource[i], nodeIds)) {
       break
     }
   }
- 
+
   return checkNodes;
 }
 
@@ -72,28 +72,28 @@ export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField
  * @param replaceField 拼接后赋值字段
  * @param childNode 子级结点
  */
-export function joinTreeMessage(nodes, fileds, replaceField, childNode) {  
+export function joinTreeMessage(nodes, fileds, replaceField, childNode) {
 
-  function generateList( checkNodes ) {
+  function generateList(checkNodes) {
 
-    checkNodes.forEach( e => {
+    checkNodes.forEach(e => {
 
-      e[ replaceField ] = ''
+      e[replaceField] = ''
 
-      fileds.forEach( filed => e[ filed ] && ( e[ replaceField ] += ` ${ e[ filed ] }` ) )
+      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`))
 
-      if( e[ childNode ]?.length ) {
-        generateList( e[ childNode ] )
+      if (e[childNode]?.length) {
+        generateList(e[childNode])
       }
 
-    } )
-  } 
+    })
+  }
 
   generateList(nodes)
 
   return nodes
 
-} 
+}
 
 
 
@@ -106,14 +106,14 @@ export function joinTreeMessage(nodes, fileds, replaceField, childNode) {
       children: 'children', // 查找子级字段
       key: 'id'  // key的字段
     }
- */ 
+ */
 export function filterTreeById(tree, key, replaceFields = { children: 'children', key: 'id' }) {
   return tree.reduce((acc, node) => {
     if (node[replaceFields.key] === key) {
       return [...acc, node]
     } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {
       const filteredChildren = filterTreeById(node[replaceFields.children], key)
-      if (filteredChildren.length > 0) return filteredChildren 
+      if (filteredChildren.length > 0) return filteredChildren
     }
     return acc
   }, [])
@@ -130,26 +130,25 @@ export function filterTreeById(tree, key, replaceFields = { children: 'children'
       key: 'id'  // key的字段
     }
  */
-export function getAllParents(tree, key, replaceFields = { children: 'children', key: 'id' }) {
-  let parents = []
-  let inx = 0
- 
-  function findParents(nodes, count) {
-    nodes.forEach(node => {
-      inx = count
-      parents[count] = node[replaceFields.key]
-      if (node[replaceFields.key] === key) {
-        parents = parents.slice(0, count + 1)
-        return
-      } else {
-        if (node[replaceFields.children] && node[replaceFields.children].length > 0) {
-          inx++
-          findParents(node[replaceFields.children], inx)
-        }
-      }
-    })
-    return parents
+export function getAllParents(tree, nodeId, replaceFields = {}) {
+  const { children = 'children', key = 'id' } = replaceFields
+  const toFlatArray = (tree, parentId) => {
+    return tree.reduce((t, _) => {
+      const child = _[children]
+      return [
+        ...t,
+        parentId ? { ..._, parentId } : _,
+        ...(child && child.length ? toFlatArray(child, _[key]) : [])]
+    }, [])
+  }
+  const getIds = flatArray => {
+    let ids = [nodeId]
+    let child = flatArray.find(_ => _[key] === nodeId)
+    while (child && child.parentId) {
+      ids = [child.parentId, ...ids]
+      child = flatArray.find(_ => _[key] === child.parentId)
+    }
+    return ids
   }
- 
-  return findParents(tree, inx)
+  return getIds(toFlatArray(tree))
 }

package/utils/Tree.js

@@ -6,22 +6,22 @@
  * @param parent 是否只获取父一层的属性
  * @param replaceFields 自定义属性进行查询
  */
-export function getTreeKey(nodes, parent = false, replaceFields = { children: 'children', key: 'id', title: 'title' }) {  
+export function getTreeKey(nodes, parent = false, replaceFields = { children: 'children', key: 'id', title: 'title' }) {
 
   const filterNodes = []
 
-  function generateList( checkNodes ) {
+  function generateList(checkNodes) {
 
-    checkNodes.forEach( e => {
+    checkNodes.forEach(e => {
 
-      if( !parent ) filterNodes.push( e[ replaceFields.key ] )
-      if( e[ replaceFields.children ]?.length ) {
-        if( parent ) filterNodes.push( e[ replaceFields.key ] )
-        generateList( e[ replaceFields.children ] )
+      if (!parent) filterNodes.push(e[replaceFields.key])
+      if (e[replaceFields.children]?.length) {
+        if (parent) filterNodes.push(e[replaceFields.key])
+        generateList(e[replaceFields.children])
       }
 
-    } )
-  } 
+    })
+  }
 
   generateList(nodes)
 
@@ -38,30 +38,30 @@ export function getTreeKey(nodes, parent = false, replaceFields = { children: 'c
  * @param {string} searchField 查找属性(默认为id)
  */
 
-export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children' ) {
+export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField = 'children') {
   let checkNodes = []
- 
+
   function traverse(node, nodeIds) {
 
-    if ( nodeIds.includes( node[ searchField ] ) && !node.hasOwnProperty( hasField ) ) { 
-      checkNodes.push( node )
+    if (nodeIds.includes(node[searchField]) && !node.hasOwnProperty(hasField)) {
+      checkNodes.push(node)
       return true
-    } 
-		
-    node[ hasField ] && node[ hasField ].forEach( childNode => {
-      if ( traverse(childNode, nodeIds) ) return true
-    } )
- 
+    }
+
+    node[hasField] && node[hasField].forEach(childNode => {
+      if (traverse(childNode, nodeIds)) return true
+    })
+
     return false
-  } 
- 
-  for( let i = 0; i < dataSource.length; i++ ) {
-      
-    if ( traverse( dataSource[ i ], nodeIds ) ) {
+  }
+
+  for (let i = 0; i < dataSource.length; i++) {
+
+    if (traverse(dataSource[i], nodeIds)) {
       break
     }
   }
- 
+
   return checkNodes;
 }
 
@@ -72,28 +72,28 @@ export function findCheckNodes(dataSource, nodeIds, searchField = 'id', hasField
  * @param replaceField 拼接后赋值字段
  * @param childNode 子级结点
  */
-export function joinTreeMessage(nodes, fileds, replaceField, childNode) {  
+export function joinTreeMessage(nodes, fileds, replaceField, childNode) {
 
-  function generateList( checkNodes ) {
+  function generateList(checkNodes) {
 
-    checkNodes.forEach( e => {
+    checkNodes.forEach(e => {
 
-      e[ replaceField ] = ''
+      e[replaceField] = ''
 
-      fileds.forEach( filed => e[ filed ] && ( e[ replaceField ] += ` ${ e[ filed ] }` ) )
+      fileds.forEach(filed => e[filed] && (e[replaceField] += ` ${e[filed]}`))
 
-      if( e[ childNode ]?.length ) {
-        generateList( e[ childNode ] )
+      if (e[childNode]?.length) {
+        generateList(e[childNode])
       }
 
-    } )
-  } 
+    })
+  }
 
   generateList(nodes)
 
   return nodes
 
-} 
+}
 
 
 
@@ -106,14 +106,14 @@ export function joinTreeMessage(nodes, fileds, replaceField, childNode) {
       children: 'children', // 查找子级字段
       key: 'id'  // key的字段
     }
- */ 
+ */
 export function filterTreeById(tree, key, replaceFields = { children: 'children', key: 'id' }) {
   return tree.reduce((acc, node) => {
     if (node[replaceFields.key] === key) {
       return [...acc, node]
     } else if (node[replaceFields.children] && node[replaceFields.children].length > 0) {
       const filteredChildren = filterTreeById(node[replaceFields.children], key)
-      if (filteredChildren.length > 0) return filteredChildren 
+      if (filteredChildren.length > 0) return filteredChildren
     }
     return acc
   }, [])
@@ -130,26 +130,25 @@ export function filterTreeById(tree, key, replaceFields = { children: 'children'
       key: 'id'  // key的字段
     }
  */
-export function getAllParents(tree, key, replaceFields = { children: 'children', key: 'id' }) {
-  let parents = []
-  let inx = 0
- 
-  function findParents(nodes, count) {
-    nodes.forEach(node => {
-      inx = count
-      parents[count] = node[replaceFields.key]
-      if (node[replaceFields.key] === key) {
-        parents = parents.slice(0, count + 1)
-        return
-      } else {
-        if (node[replaceFields.children] && node[replaceFields.children].length > 0) {
-          inx++
-          findParents(node[replaceFields.children], inx)
-        }
-      }
-    })
-    return parents
+export function getAllParents(tree, nodeId, replaceFields = {}) {
+  const { children = 'children', key = 'id' } = replaceFields
+  const toFlatArray = (tree, parentId) => {
+    return tree.reduce((t, _) => {
+      const child = _[children]
+      return [
+        ...t,
+        parentId ? { ..._, parentId } : _,
+        ...(child && child.length ? toFlatArray(child, _[key]) : [])]
+    }, [])
+  }
+  const getIds = flatArray => {
+    let ids = [nodeId]
+    let child = flatArray.find(_ => _[key] === nodeId)
+    while (child && child.parentId) {
+      ids = [child.parentId, ...ids]
+      child = flatArray.find(_ => _[key] === child.parentId)
+    }
+    return ids
   }
- 
-  return findParents(tree, inx)
+  return getIds(toFlatArray(tree))
 }