bkui-vue 0.0.1-beta.416 → 0.0.1-beta.418

package/dist/index.esm.js

@@ -334,7 +334,7 @@ function getWindow$1(node) {
   }
   return node;
 }
-function isElement$3(node) {
+function isElement$4(node) {
   var OwnElement = getWindow$1(node).Element;
   return node instanceof OwnElement || node instanceof Element;
 }
@@ -488,7 +488,7 @@ function isTableElement$1(element) {
   return ["table", "td", "th"].indexOf(getNodeName$1(element)) >= 0;
 }
 function getDocumentElement$1(element) {
-  return ((isElement$3(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+  return ((isElement$4(element) ? element.ownerDocument : element.document) || window.document).documentElement;
 }
 function getParentNode$1(element) {
   if (getNodeName$1(element) === "html") {
@@ -896,17 +896,17 @@ function getInnerBoundingClientRect$1(element) {
   return rect;
 }
 function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element)) : isElement$3(clippingParent) ? getInnerBoundingClientRect$1(clippingParent) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
+  return clippingParent === viewport ? rectToClientRect$1(getViewportRect$1(element)) : isElement$4(clippingParent) ? getInnerBoundingClientRect$1(clippingParent) : rectToClientRect$1(getDocumentRect$1(getDocumentElement$1(element)));
 }
 function getClippingParents(element) {
   var clippingParents2 = listScrollParents(getParentNode$1(element));
   var canEscapeClipping = ["absolute", "fixed"].indexOf(getComputedStyle$2(element).position) >= 0;
   var clipperElement = canEscapeClipping && isHTMLElement$1(element) ? getOffsetParent$1(element) : element;
-  if (!isElement$3(clipperElement)) {
+  if (!isElement$4(clipperElement)) {
     return [];
   }
   return clippingParents2.filter(function(clippingParent) {
-    return isElement$3(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== "body";
+    return isElement$4(clippingParent) && contains$1(clippingParent, clipperElement) && getNodeName$1(clippingParent) !== "body";
   });
 }
 function getClippingRect$1(element, boundary, rootBoundary) {
@@ -988,7 +988,7 @@ function detectOverflow$1(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect$1(isElement$3(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect$1(isElement$4(element) ? element : element.contextElement || getDocumentElement$1(state.elements.popper), boundary, rootBoundary);
   var referenceClientRect = getBoundingClientRect$1(state.elements.reference);
   var popperOffsets2 = computeOffsets({
     reference: referenceClientRect,
@@ -1505,7 +1505,7 @@ function popperGenerator(generatorOptions) {
         cleanupModifierEffects();
         state.options = Object.assign({}, defaultOptions, state.options, options2);
         state.scrollParents = {
-          reference: isElement$3(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
+          reference: isElement$4(reference2) ? listScrollParents(reference2) : reference2.contextElement ? listScrollParents(reference2.contextElement) : [],
           popper: listScrollParents(popper2)
         };
         var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
@@ -1664,7 +1664,7 @@ function merge$1(target, source, options) {
   }
   return target;
 }
-function isElement$2(obj) {
+function isElement$3(obj) {
   try {
     return obj instanceof HTMLElement;
   } catch (e) {
@@ -1773,13 +1773,13 @@ class BKPopover {
   }
   restorePopContent() {
     const target = this.getAppendToTarget();
-    if (isElement$2(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
+    if (isElement$3(target) && target.contains(this.popperRefer) && this.container && !this.container.contains(this.popperRefer)) {
       this.container.append(this.popperRefer);
     }
   }
   appendToTarget() {
     const target = this.getAppendToTarget();
-    if (isElement$2(target) && target.contains(this.popperRefer)) {
+    if (isElement$3(target) && target.contains(this.popperRefer)) {
       target.append(this.popperRefer);
     }
   }
@@ -1860,7 +1860,7 @@ class BKPopover {
     return null;
   }
   isElement(obj) {
-    return isElement$2(obj);
+    return isElement$3(obj);
   }
   registerEvents() {
     if (this.isElement(this.referenceTarget)) {
@@ -7935,9 +7935,7 @@ var SizeEnum = /* @__PURE__ */ ((SizeEnum2) => {
   return SizeEnum2;
 })(SizeEnum || {});
 function renderDirectiveType() {
-  return j("renderDirective", {
-    default: "show"
-  });
+  return E().def("show");
 }
 var AlignEnum = /* @__PURE__ */ ((AlignEnum2) => {
   AlignEnum2["LEFT"] = "left";
@@ -7946,9 +7944,7 @@ var AlignEnum = /* @__PURE__ */ ((AlignEnum2) => {
   return AlignEnum2;
 })(AlignEnum || {});
 function alignType() {
-  return j("align", {
-    default: "left"
-  }).def("left");
+  return E().def("left");
 }
 var ThemeEnum = /* @__PURE__ */ ((ThemeEnum2) => {
   ThemeEnum2["PRIMARY"] = "primary";
@@ -7976,10 +7972,16 @@ var PlacementEnum = /* @__PURE__ */ ((PlacementEnum2) => {
   return PlacementEnum2;
 })(PlacementEnum || {});
 function placementType() {
-  return j("placement", {}).def("bottom");
-}
+  return E().def("bottom");
+}
+var TriggerEnum = /* @__PURE__ */ ((TriggerEnum2) => {
+  TriggerEnum2["HOVER"] = "hover";
+  TriggerEnum2["CLICK"] = "click";
+  TriggerEnum2["MANUAL"] = "manual";
+  return TriggerEnum2;
+})(TriggerEnum || {});
 function triggerType() {
-  return j("trigger", {}).def("hover");
+  return E().def("hover");
 }
 var RenderType = /* @__PURE__ */ ((RenderType2) => {
   RenderType2["AUTO"] = "auto";
@@ -8046,7 +8048,6 @@ class PropTypes extends propTypesNS {
         if (!val || placements2.includes(val)) {
           return true;
         }
-        console.error(`invalid placements, ${val}, the placement must be one of \u3010${placements2.join(" | ")}\u3011`);
         return false;
       },
       default: "top"
@@ -9458,7 +9459,7 @@ var Component$y = defineComponent({
       var _a, _b;
       return createVNode("div", {
         "class": loadingWrapperCls.value
-      }, [props2.loading && [ctx.slots.default && createVNode("div", {
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a), props2.loading && [ctx.slots.default && createVNode("div", {
         "class": "bk-loading-mask",
         "style": maskStyle.value
       }, null), createVNode("div", {
@@ -9466,7 +9467,7 @@ var Component$y = defineComponent({
         "style": zIndexStyle.value
       }, [indicator.value, hasTitle.value && createVNode("div", {
         "class": "bk-loading-title"
-      }, [props2.title])])], (_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)]);
+      }, [props2.title])])]]);
     };
   }
 });
@@ -11110,7 +11111,7 @@ var Component$r = defineComponent({
   }
 });
 const BkLink = withInstall(Component$r);
-const isElement$1 = (e) => {
+const isElement$2 = (e) => {
   if (typeof Element === "undefined")
     return false;
   return e instanceof Element;
@@ -11129,7 +11130,7 @@ function createDocumentHandler(el, binding) {
   let excludes = [];
   if (Array.isArray(binding.arg)) {
     excludes = binding.arg;
-  } else if (isElement$1(binding.arg)) {
+  } else if (isElement$2(binding.arg)) {
     excludes.push(binding.arg);
   }
   return function(mouseup, mousedown) {
@@ -11252,11 +11253,11 @@ const PopoverProps = __spreadValues({
   width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   height: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
   maxHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def("auto"),
-  content: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).def(""),
-  allowHTML: PropTypes.bool.def(false),
-  placement: PropTypes.oneOfType([placementType().def(PlacementEnum.TOP), PropTypes.string]).def(PlacementEnum.TOP),
+  content: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.any]).def(""),
+  allowHtml: PropTypes.bool.def(false),
+  placement: placementType().def(PlacementEnum.TOP),
   theme: PropTypes.string.def("dark"),
-  trigger: PropTypes.oneOfType([triggerType(), PropTypes.string]).def("hover"),
+  trigger: triggerType(),
   renderType: renderType(),
   arrow: PropTypes.bool.def(true),
   padding: PropTypes.number.def(5),
@@ -12093,7 +12094,7 @@ function getUAString() {
 function isHTMLElement(value) {
   return value instanceof getWindow(value).HTMLElement;
 }
-function isElement(value) {
+function isElement$1(value) {
   return value instanceof getWindow(value).Element;
 }
 function isNode(value) {
@@ -12143,7 +12144,7 @@ function getBoundingClientRect(element, includeScale, isFixedStrategy) {
     scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
     scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
-  const win = isElement(element) ? getWindow(element) : window;
+  const win = isElement$1(element) ? getWindow(element) : window;
   const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
   const x2 = (clientRect.left + (addVisualOffsets ? (_win$visualViewport$o = (_win$visualViewport = win.visualViewport) == null ? void 0 : _win$visualViewport.offsetLeft) != null ? _win$visualViewport$o : 0 : 0)) / scaleX;
   const y2 = (clientRect.top + (addVisualOffsets ? (_win$visualViewport$o2 = (_win$visualViewport2 = win.visualViewport) == null ? void 0 : _win$visualViewport2.offsetTop) != null ? _win$visualViewport$o2 : 0 : 0)) / scaleY;
@@ -12164,7 +12165,7 @@ function getDocumentElement(node) {
   return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
 }
 function getNodeScroll(element) {
-  if (isElement(element)) {
+  if (isElement$1(element)) {
     return {
       scrollLeft: element.scrollLeft,
       scrollTop: element.scrollTop
@@ -12396,7 +12397,7 @@ function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
   if (clippingParent === "viewport") {
     return rectToClientRect(getViewportRect(element, strategy));
   }
-  if (isElement(clippingParent)) {
+  if (isElement$1(clippingParent)) {
     return getInnerBoundingClientRect(clippingParent, strategy);
   }
   return rectToClientRect(getDocumentRect(getDocumentElement(element)));
@@ -12405,10 +12406,10 @@ function getClippingAncestors(element) {
   const clippingAncestors = getOverflowAncestors(element);
   const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1$1(element).position);
   const clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;
-  if (!isElement(clipperElement)) {
+  if (!isElement$1(clipperElement)) {
     return [];
   }
-  return clippingAncestors.filter((clippingAncestors2) => isElement(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
+  return clippingAncestors.filter((clippingAncestors2) => isElement$1(clippingAncestors2) && contains(clippingAncestors2, clipperElement) && getNodeName(clippingAncestors2) !== "body");
 }
 function getClippingRect(_ref) {
   let {
@@ -12438,7 +12439,7 @@ function getClippingRect(_ref) {
 const platform = {
   getClippingRect,
   convertOffsetParentRelativeRectToViewportRelativeRect,
-  isElement,
+  isElement: isElement$1,
   getDimensions,
   getOffsetParent,
   getDocumentElement,
@@ -12471,7 +12472,7 @@ function autoUpdate(reference2, floating, update, options) {
   } = options;
   const ancestorScroll = _ancestorScroll && !animationFrame;
   const ancestorResize = _ancestorResize && !animationFrame;
-  const ancestors = ancestorScroll || ancestorResize ? [...isElement(reference2) ? getOverflowAncestors(reference2) : [], ...getOverflowAncestors(floating)] : [];
+  const ancestors = ancestorScroll || ancestorResize ? [...isElement$1(reference2) ? getOverflowAncestors(reference2) : [], ...getOverflowAncestors(floating)] : [];
   ancestors.forEach((ancestor) => {
     ancestorScroll && ancestor.addEventListener("scroll", update, {
       passive: true
@@ -12481,7 +12482,7 @@ function autoUpdate(reference2, floating, update, options) {
   let observer = null;
   if (elementResize) {
     observer = new ResizeObserver(update);
-    isElement(reference2) && !animationFrame && observer.observe(reference2);
+    isElement$1(reference2) && !animationFrame && observer.observe(reference2);
     observer.observe(floating);
   }
   let frameId;
@@ -12933,6 +12934,7 @@ const getFullscreenUid = () => {
   }
   return CachedConst.fullscreenReferId;
 };
+const isElement = (element) => element instanceof Element || element instanceof HTMLDocument;
 let popContainerId = null;
 let parentNodeReferId = null;
 var usePopperId = (props2, prefix = "#") => {
@@ -13209,7 +13211,21 @@ var Component$q = defineComponent({
       return localIsShow.value;
     });
     const renderContent2 = () => {
-      if (props2.allowHTML) {
+      if (props2.allowHtml) {
+        if (isElement(props2.content)) {
+          return h$1("div", {
+            innerHTML: props2.content.innerHTML
+          });
+        }
+        if (/^(#|\.)/.test(props2.content)) {
+          const target = document.querySelector(props2.content);
+          if (isElement(target)) {
+            return h$1("div", {
+              innerHTML: target.innerHTML
+            });
+          }
+          return content;
+        }
         return h$1("div", {
           innerHTML: props2.content
         });
@@ -13284,7 +13300,6 @@ function createPopoverComponent(options) {
   }, options), {
     trigger: "manual"
   });
-  const isElement2 = (element) => element instanceof Element || element instanceof HTMLDocument;
   const popoverComponent = {
     name: "$popover",
     setup(_2, {
@@ -13302,7 +13317,7 @@ function createPopoverComponent(options) {
         transform: ""
       });
       const updateStyle = (target) => {
-        if (isElement2(target)) {
+        if (isElement(target)) {
           const {
             x: x2,
             y: y2,
@@ -13385,7 +13400,7 @@ function createPopoverComponent(options) {
       return document.body;
     }
     if (/^parent$/i.test(boundary)) {
-      if (isElement2(resolvedOptions.target)) {
+      if (isElement(resolvedOptions.target)) {
         return resolvedOptions.target.parentNode;
       }
       return resolvedOptions.target.target.parentNode;
@@ -15049,7 +15064,7 @@ const createInstance = (el, binding) => {
       const targetOptions = resolveOptions(el, binding);
       targetOptions.isShow = true;
       targetOptions.content = targetOptions.content || el.innerHTML;
-      targetOptions.allowHTML = true;
+      targetOptions.allowHtml = true;
       Object.assign(targetOptions, {
         onContentMouseenter: handleContentEnter,
         onContentMouseleave: handleContentLeave
@@ -15807,10 +15822,10 @@ var Component$j = defineComponent({
     const isCollapseTags = computed(() => autoHeight.value ? collapseTags.value && !isPopoverShow.value : collapseTags.value);
     const popoverConfig = computed(() => lodash.exports.merge({
       theme: "light bk-select-popover",
-      trigger: "manual",
+      trigger: TriggerEnum.MANUAL,
       width: popperWidth.value,
       arrow: false,
-      placement: "bottom-start",
+      placement: PlacementEnum.BOTTOM_START,
       isShow: isPopoverShow.value,
       reference: selectTagInputRef.value,
       offset: 6,
@@ -16821,6 +16836,8 @@ const createDefaultSizeList = (t2) => [
   { value: "large", label: t2.value.setting.lineHeight.large, height: SETTING_SIZE.large }
 ];
 const PROVIDE_KEY_INIT_COL = "InitColumns";
+const PROVIDE_KEY_TB_CACHE = "BKTableCahce";
+const BK_COLUMN_UPDATE_DEFINE = "Bk_COlumn_Update_Define";
 var SORT_OPTION = /* @__PURE__ */ ((SORT_OPTION2) => {
   SORT_OPTION2["ASC"] = "asc";
   SORT_OPTION2["DESC"] = "desc";
@@ -16853,7 +16870,7 @@ var SettingSizeEnum = /* @__PURE__ */ ((SettingSizeEnum2) => {
 const settingSizeType = j("columnSize", {
   default: "small"
 });
-const fixedType = j("columnSize", {});
+const fixedType = E();
 const sortScopeType = j("sortScope", {}).def("current");
 var ResizerWay = /* @__PURE__ */ ((ResizerWay2) => {
   ResizerWay2["DEBOUNCE"] = "debounce";
@@ -16984,47 +17001,86 @@ var Column = defineComponent({
   setup(props2) {
     const initColumns = inject(PROVIDE_KEY_INIT_COL, (_column, _remove = false) => {
     }, false);
+    const bkTableCache = inject(PROVIDE_KEY_TB_CACHE, {
+      queueStack: (_2, fn2) => fn2 == null ? void 0 : fn2()
+    });
     const column = reactive(__spreadProps(__spreadValues({}, props2), {
       field: props2.prop || props2.field
     }));
-    onUnmounted(() => {
-      initColumns(column, true);
-    });
     return {
       initColumns,
+      bkTableCache,
       column
     };
   },
+  unmounted() {
+    this.updateColumnDefine();
+  },
   mounted() {
-    const selfVnode = this._;
-    const colList = selfVnode.parent.vnode.children.default() || [];
-    const sortColumns = [];
-    const reduceColumns = (nodes) => {
-      this.column.render = this.$slots.default ? (args) => {
-        var _a, _b;
-        return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, args);
-      } : void 0;
-      nodes.forEach((node) => {
-        var _a, _b;
-        if (((_a = node.type) == null ? void 0 : _a.name) === "TableColumn") {
-          const resolveProp = __spreadProps(__spreadValues({}, node.props), {
-            field: node.props.prop || node.props.field
-          });
-          if (resolveProp.label === this.column.label && resolveProp.field === this.column.field) {
-            sortColumns.push(unref(this.column));
-          } else {
-            sortColumns.push(unref(resolveProp));
+    this.updateColumnDefine();
+  },
+  methods: {
+    updateColumnDefine() {
+      const fn2 = () => {
+        const selfVnode = this._;
+        const colList = selfVnode.parent.vnode.children.default() || [];
+        const sortColumns = [];
+        const reduceColumns = (nodes) => {
+          if (!Array.isArray(nodes)) {
+            return;
           }
-        }
-        if (Object.hasOwnProperty.call(node.props || {}, "key") && ((_b = node.children) == null ? void 0 : _b.length)) {
-          reduceColumns(node.children);
-        }
-      });
-    };
-    reduceColumns(colList);
-    this.initColumns(sortColumns);
+          this.column.render = this.$slots.default ? (args) => {
+            var _a, _b;
+            return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, args);
+          } : void 0;
+          nodes.forEach((node) => {
+            var _a, _b;
+            let skipValidateKey0 = true;
+            if (((_a = node.type) == null ? void 0 : _a.name) === "TableColumn") {
+              skipValidateKey0 = Object.hasOwnProperty.call(node.props || {}, "key");
+              const resolveProp = __spreadProps(__spreadValues({}, node.props), {
+                field: node.props.prop || node.props.field
+              });
+              if (resolveProp.label === this.column.label && resolveProp.field === this.column.field) {
+                sortColumns.push(unref(this.column));
+              } else {
+                sortColumns.push(unref(resolveProp));
+              }
+            }
+            if (((_b = node.children) == null ? void 0 : _b.length) && skipValidateKey0) {
+              reduceColumns(node.children);
+            }
+          });
+        };
+        reduceColumns(colList);
+        this.initColumns(sortColumns);
+      };
+      if (typeof this.bkTableCache.queueStack === "function") {
+        this.bkTableCache.queueStack(BK_COLUMN_UPDATE_DEFINE, fn2);
+      }
+    }
+  },
+  render() {
+    var _a, _b;
+    return (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a, {
+      row: {}
+    });
   }
 });
+class BkTableCache {
+  constructor() {
+    this.storage = void 0;
+    this.storage = {};
+  }
+  queueStack(methodName, fn2 = () => {
+  }) {
+    this.storage[methodName] && clearTimeout(this.storage[methodName]);
+    this.storage[methodName] = setTimeout(() => fn2());
+  }
+  clearQueueStack(methodName) {
+    this.storage[methodName] && clearTimeout(this.storage[methodName]);
+  }
+}
 const resolvePaginationOption = (propPagination, defVal) => {
   if (!!propPagination) {
     if (typeof propPagination === "object") {
@@ -18443,7 +18499,7 @@ var TableCell = defineComponent({
       };
     };
     const resolveOverflowTooltip = () => {
-      if (!refRoot.value || !isElement$2(refRoot.value)) {
+      if (!refRoot.value || !isElement$3(refRoot.value)) {
         return;
       }
       const {
@@ -20286,11 +20342,13 @@ var Component$e = defineComponent({
     let columnSortFn = null;
     let activeSortColumn = null;
     let columnFilterFn = null;
+    const bkTableCache = new BkTableCache();
     const targetColumns = reactive([]);
     const {
       initColumns
     } = useColumn(props2, targetColumns);
     provide(PROVIDE_KEY_INIT_COL, initColumns);
+    provide(PROVIDE_KEY_TB_CACHE, bkTableCache);
     const root = ref();
     const refVirtualRender = ref();
     const tableOffsetRight = ref(0);
@@ -20614,13 +20672,10 @@ var Component$e = defineComponent({
           isExist,
           colPos,
           column
-        }) => {
-          console.log("fixedWrapperClass");
-          return isExist ? "" : createVNode("div", {
-            "class": resolveColumnClass(column, reactiveSchema.scrollTranslateX, tableOffsetRight.value),
-            "style": resolveColumnStyle(colPos)
-          }, null);
-        }), createVNode("div", {
+        }) => isExist ? "" : createVNode("div", {
+          "class": resolveColumnClass(column, reactiveSchema.scrollTranslateX, tableOffsetRight.value),
+          "style": resolveColumnStyle(colPos)
+        }, null)), createVNode("div", {
           "class": resizeColumnClass,
           "style": resizeColumnStyle.value
         }, null), createVNode("div", {
@@ -22316,7 +22371,7 @@ const Message$1 = (constructor, options) => {
   render$1(vm, container2);
   instances[position].push(vm);
   let target;
-  if (vm.props.getContainer && isElement$2(vm.props.getContainer)) {
+  if (vm.props.getContainer && isElement$3(vm.props.getContainer)) {
     target = vm.props.getContainer;
   } else {
     target = document.body;
@@ -22369,7 +22424,7 @@ var MessageConstructor = defineComponent({
   }) {
     const classNames = computed(() => ["bk-message", `bk-message-${props2.theme}`, `${props2.extCls}`]);
     const zIndex = bkZIndexManager.getMessageNextIndex();
-    const isGetContainer = computed(() => props2.getContainer && isElement$2(props2.getContainer));
+    const isGetContainer = computed(() => props2.getContainer && isElement$3(props2.getContainer));
     const styles = computed(() => ({
       top: `${props2.offsetY}px`,
       zIndex,
@@ -28890,10 +28945,10 @@ const treeProps = {
         PropTypes.bool
       ]).def(""),
       match: PropTypes.oneOfType([
-        j("TreeSearchMatchType", {}).def("fuzzy"),
+        E(),
         PropTypes.func
-      ]),
-      resultType: j("treeSearchResultType", {}).def("tree"),
+      ]).def("fuzzy"),
+      resultType: E().def("tree"),
       openResultNode: PropTypes.bool
     }),
     PropTypes.string,