@pisell/materials 6.11.4 → 6.11.6

package/es/components/PisellTabbar/constants.js

@@ -6,7 +6,7 @@ import { getText } from "../../locales";
 export var DEFAULT_LEVEL_CONFIG = {
   level1: {
     superTabsBg: '#3b2865',
-    cardWidth: 100,
+    cardWidth: 106,
     cardHeight: 60,
     paddingLeft: 0
   },
@@ -56,8 +56,9 @@ export var DEFAULT_ITEMS = {
     id: '-1',
     shop_id: 9,
     parent_id: 0,
-    name: 'Search',
-    slug: 'Search',
+    name: getText('table-filter-search'),
+    text: getText('table-filter-search'),
+    slug: 'search',
     key: 'search',
     icon: '',
     customClick: true
@@ -78,7 +79,7 @@ export var DEFAULT_ITEMS = {
  * 获取层级对应的添加项配置
  */
 export var LEVEL_ADD_ITEMS = {
-  level1: ['expand'],
+  level1: ['search', 'expand'],
   level2: ['expand', 'all'],
   level3: ['expand', 'all']
 };

package/es/components/PisellTabbar/hooks/useActiveKey.d.ts

@@ -19,6 +19,12 @@ interface UseActiveKeyReturn {
     getActiveKey: (level: number) => string | number;
     /** 内部设置方法（用于同步外部值） */
     _setActiveKey: (value: (string | number)[]) => void;
+    /** 设置缓存key */
+    setCacheActiveKey: (val: (string | number)[]) => void;
+    /** 重置value为缓存key */
+    resetActiveKey: () => void;
+    /** 获取缓存key */
+    getCacheActiveKey: () => (string | number)[];
 }
 /**
  * Tabbar 激活状态管理 Hook

package/es/components/PisellTabbar/hooks/useActiveKey.js

@@ -8,7 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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 _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; }
-import { useState } from 'react';
+import { useRef, useState } from 'react';
 
 /**
  * useActiveKey Hook 参数
@@ -51,6 +51,20 @@ var useActiveKey = function useActiveKey(props) {
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
     _setActiveKey2 = _useState2[1];
+  var cacheActiveKey = useRef([]);
+
+  // 设置缓存key
+  var setCacheActiveKey = function setCacheActiveKey(val) {
+    cacheActiveKey.current = _toConsumableArray(val);
+  };
+
+  // 重置value为缓存key
+  var resetActiveKey = function resetActiveKey() {
+    var val = cacheActiveKey.current;
+    _setActiveKey2(val);
+    onChange === null || onChange === void 0 || onChange(val);
+    cacheActiveKey.current = [];
+  };
 
   /**
    * 设置指定层级的激活 key
@@ -84,12 +98,17 @@ var useActiveKey = function useActiveKey(props) {
    * @returns 该层级的激活 key
    */
   var getActiveKey = function getActiveKey(level) {
-    return activeKey[level];
+    return activeKey === null || activeKey === void 0 ? void 0 : activeKey[level];
   };
   return {
     activeKey: activeKey,
     setActiveKey: setActiveKey,
     getActiveKey: getActiveKey,
+    resetActiveKey: resetActiveKey,
+    getCacheActiveKey: function getCacheActiveKey() {
+      return cacheActiveKey.current;
+    },
+    setCacheActiveKey: setCacheActiveKey,
     /**
      * 内部设置方法，用于同步外部传入的 value
      * 会进行深比较，避免不必要的更新

package/es/components/PisellTabbar/hooks/useExpand.d.ts

@@ -18,6 +18,7 @@ interface UseExpandReturn {
     toggleExpand: (level: LevelType) => void;
     /** 获取指定层级的展开状态 */
     getExpand: (level: LevelType) => boolean;
+    closeAll: () => void;
 }
 /**
  * Tabbar 展开状态管理 Hook

package/es/components/PisellTabbar/hooks/useExpand.js

@@ -59,6 +59,13 @@ var useExpand = function useExpand() {
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, level, !prev[level]));
     });
   }, []);
+  var closeAll = function closeAll() {
+    setExpand({
+      level1: false,
+      level2: false,
+      level3: false
+    });
+  };
 
   /**
    * 获取指定层级的展开状态
@@ -70,7 +77,8 @@ var useExpand = function useExpand() {
     expand: expand,
     setExpand: setExpand,
     toggleExpand: toggleExpand,
-    getExpand: getExpand
+    getExpand: getExpand,
+    closeAll: closeAll
   };
 };
 export default useExpand;

package/es/components/PisellTabbar/template/Template1/PisellTabbar.d.ts

@@ -1,20 +1,5 @@
 import React from 'react';
-import { PisellTabbarProps } from '../../types';
 import '../../PisellTabbar.less';
-/**
- * PisellTabbar - 多层级 Tabbar 组件
- *
- * 支持最多 3 层级的 Tab 导航，每层级可独立展开/收起
- *
- * @component
- * @example
- * ```tsx
- * <PisellTabbar
- *   dataSource={categoryData}
- *   value={[1, 10, 100]}
- *   onChange={(value) => console.log('当前选中:', value)}
- * />
- * ```
- */
-declare const PisellTabbar: React.FC<PisellTabbarProps>;
-export default PisellTabbar;
+import { PisellTabbarProps } from '../../types';
+declare const _default: React.ForwardRefExoticComponent<PisellTabbarProps & React.RefAttributes<unknown>>;
+export default _default;

package/es/components/PisellTabbar/template/Template1/PisellTabbar.js

@@ -5,16 +5,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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); }
-import React, { useCallback, useEffect, useMemo } from 'react';
 import classNames from 'classnames';
-import SuperTabs from "../../../PisellSuperTabs";
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { getText } from "../../../../locales";
 import PisellCards from "../../../PisellCards";
+import SuperTabs from "../../../PisellSuperTabs";
 import Iconfont from "../../../iconfont";
+import { PisellFind } from "../../../pisellFind";
+import "../../PisellTabbar.less";
 import { useActiveKey, useExpand } from "../../hooks";
-import { addDataSourceItemsByKey, getDefaultActiveKey } from "./utils";
-import { DEFAULT_LEVEL_CONFIG, LEVEL_ADD_ITEMS, getExpandConfig } from "./constants";
 import mock from "../../mock";
-import "../../PisellTabbar.less";
+import { DEFAULT_LEVEL_CONFIG, LEVEL_ADD_ITEMS, getExpandConfig } from "./constants";
+import { addDataSourceItemsByKey, getDefaultActiveKey } from "./utils";
 var tabbarId = 'sku-list-tabbar-temp1';
 
 /**
@@ -32,7 +34,7 @@ var tabbarId = 'sku-list-tabbar-temp1';
  * />
  * ```
  */
-var PisellTabbar = function PisellTabbar(props) {
+var PisellTabbar = function PisellTabbar(props, ref) {
   var _props$dataSource = props.dataSource,
     dataSource = _props$dataSource === void 0 ? props !== null && props !== void 0 && props.__designMode ? mock : mock : _props$dataSource,
     value = props.value,
@@ -42,7 +44,10 @@ var PisellTabbar = function PisellTabbar(props) {
     customLevelConfig = props.levelConfig,
     customExpandConfig = props.expandConfig,
     _props$maxLevel = props.maxLevel,
-    maxLevel = _props$maxLevel === void 0 ? 3 : _props$maxLevel;
+    maxLevel = _props$maxLevel === void 0 ? 3 : _props$maxLevel,
+    _onSearch = props.onSearch;
+  var containerRef = useRef(null);
+  var searchRef = useRef(null);
 
   // 激活的 key 管理
   var _useActiveKey = useActiveKey({
@@ -52,7 +57,9 @@ var PisellTabbar = function PisellTabbar(props) {
     setActiveKey = _useActiveKey.setActiveKey,
     getActiveKey = _useActiveKey.getActiveKey,
     _setActiveKey = _useActiveKey._setActiveKey,
-    activeKey = _useActiveKey.activeKey;
+    activeKey = _useActiveKey.activeKey,
+    setCacheActiveKey = _useActiveKey.setCacheActiveKey,
+    resetActiveKey = _useActiveKey.resetActiveKey;
   console.log('getActiveKey', activeKey);
 
   // 展开状态管理
@@ -63,6 +70,43 @@ var PisellTabbar = function PisellTabbar(props) {
 
   // 展开配置
   var expandConfig = customExpandConfig || getExpandConfig();
+  var level1Value = useMemo(function () {
+    return getActiveKey(0);
+  }, [activeKey]);
+  var level2Value = useMemo(function () {
+    return getActiveKey(1);
+  }, [activeKey]);
+  var level3Value = useMemo(function () {
+    return getActiveKey(2);
+  }, [activeKey]);
+
+  /**
+   * 打开搜索模式
+   */
+  var openSearchMode = function openSearchMode() {
+    setCacheActiveKey(activeKey);
+    _setActiveKey([]);
+    onChange === null || onChange === void 0 || onChange([]);
+  };
+
+  /**
+   * 关闭搜索模式
+   */
+  var closeSearchMode = function closeSearchMode() {
+    _onSearch === null || _onSearch === void 0 || _onSearch('');
+    resetActiveKey();
+  };
+
+  //@ts-ignore
+  useImperativeHandle(ref, function () {
+    var _searchRef$current;
+    if (props !== null && props !== void 0 && props.__designMode) {
+      return containerRef.current;
+    }
+    return {
+      closeSearchMode: searchRef === null || searchRef === void 0 || (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 ? void 0 : _searchRef$current.close
+    };
+  });
 
   /**
    * 同步外部 value 到内部状态
@@ -144,6 +188,50 @@ var PisellTabbar = function PisellTabbar(props) {
       })
     }));
   }, [expandConfig, activeKey, getLevelConfig]);
+  var renderSearch = useCallback(function (itemProps, level) {
+    return /*#__PURE__*/React.createElement(PisellFind, {
+      showHistory: false,
+      modalWidth: '100%',
+      ref: searchRef,
+      onSearch: function onSearch(e) {
+        _onSearch === null || _onSearch === void 0 || _onSearch(e);
+      },
+      getContainer: function getContainer() {
+        return document.querySelector("#".concat(tabbarId)) || document.body;
+      },
+      modalStyle: {
+        width: '100%'
+      },
+      onOpen: openSearchMode,
+      onClose: closeSearchMode,
+      trigger: /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+        card: function card(cardProps) {
+          var _cardProps = _objectSpread(_objectSpread({}, cardProps), {}, {
+            text: /*#__PURE__*/React.createElement("div", {
+              style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: 4
+              }
+            }, /*#__PURE__*/React.createElement(Iconfont, {
+              type: "pisell2-search-lg",
+              style: {
+                color: '#000',
+                fontSize: 20
+              }
+            }), /*#__PURE__*/React.createElement(Iconfont, {
+              type: "pisell2-scan",
+              style: {
+                color: '#000',
+                fontSize: 20
+              }
+            }), /*#__PURE__*/React.createElement("span", null, getText('table-filter-find')))
+          });
+          return renderNormalCard(_cardProps, level);
+        }
+      }))
+    });
+  }, [activeKey]);
 
   /**
    * 渲染 level2/level3 普通卡片
@@ -152,8 +240,9 @@ var PisellTabbar = function PisellTabbar(props) {
     var _cardProps$active2;
     var itemData = cardProps.dataSource;
     var levelCfg = getLevelConfig(level);
-    return /*#__PURE__*/React.createElement(PisellCards.TextCard, _extends({}, cardProps, {
-      text: itemData.name,
+    return /*#__PURE__*/React.createElement(PisellCards.TextCard, _extends({
+      text: itemData.name
+    }, cardProps, {
       variant: "outlined",
       widthMode: "auto",
       textConfig: {
@@ -190,19 +279,22 @@ var PisellTabbar = function PisellTabbar(props) {
    */
   var renderLevel1Item = useCallback(function (itemProps) {
     var itemData = itemProps.dataSource;
-    var level1Config = getLevelConfig('level1');
     var isExpanded = getExpand('level1');
-
-    // 处理展开按钮
     if (itemData !== null && itemData !== void 0 && itemData.customClick) {
-      return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
-        card: function card(cardProps) {
-          return renderExpandCard(cardProps, 'level1', isExpanded);
-        },
-        onClick: function onClick() {
-          return toggleExpand('level1');
-        }
-      }));
+      if (itemProps.dataSource.key === 'search') {
+        return renderSearch(itemProps, 'level1');
+      }
+      if (itemProps.dataSource.key === 'expand') {
+        return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
+          card: function card(cardProps) {
+            return renderExpandCard(cardProps, 'level1', isExpanded);
+          },
+          onClick: function onClick() {
+            return toggleExpand('level1');
+          }
+        }));
+      }
+      return null;
     }
 
     // 普通项
@@ -237,9 +329,10 @@ var PisellTabbar = function PisellTabbar(props) {
     var skuId = "sku-list-tabbar-".concat(panelProps.dataSource.id);
     return /*#__PURE__*/React.createElement(SuperTabs, {
       id: skuId,
+      isControlled: true,
       tabItemStyle: {},
       dataSource: _dataSource,
-      value: String(getActiveKey(1)),
+      value: level2Value,
       onChange: handleLevel2Change,
       rowKey: "id",
       style: {
@@ -307,7 +400,7 @@ var PisellTabbar = function PisellTabbar(props) {
         }));
       }
     });
-  }, [maxLevel, activeKey, getActiveKey, handleLevel2Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard]);
+  }, [level2Value, maxLevel, activeKey, getActiveKey, handleLevel2Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard]);
 
   /**
    * 渲染三级 Tabbar 面板
@@ -323,9 +416,10 @@ var PisellTabbar = function PisellTabbar(props) {
     var skuId = "sku-list-tabbar-".concat(panelProps2.dataSource.id);
     return /*#__PURE__*/React.createElement(SuperTabs, {
       id: skuId,
+      isControlled: true,
       tabItemStyle: {},
       dataSource: _dataSource2,
-      value: String(getActiveKey(2)),
+      value: level3Value,
       onChange: handleLevel3Change,
       rowKey: "id",
       style: {
@@ -383,7 +477,7 @@ var PisellTabbar = function PisellTabbar(props) {
         }));
       }
     });
-  }, [maxLevel, activeKey, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard]);
+  }, [level3Value, maxLevel, activeKey, getActiveKey, handleLevel3Change, getExpand, toggleExpand, getLevelConfig, renderExpandCard, renderNormalCard]);
 
   /**
    * 渲染一级 Tabbar
@@ -392,12 +486,14 @@ var PisellTabbar = function PisellTabbar(props) {
   var isExpanded1 = getExpand('level1');
   return dataSource.length ? /*#__PURE__*/React.createElement("div", {
     className: classNames('pisell-tabbar', className),
-    style: style
+    style: style,
+    ref: containerRef
   }, /*#__PURE__*/React.createElement(SuperTabs, {
+    isControlled: true,
     id: tabbarId,
     tabItemStyle: {},
     dataSource: level1DataSource,
-    value: String(getActiveKey(0)),
+    value: level1Value,
     onChange: handleLevel1Change,
     rowKey: "id",
     style: {
@@ -424,4 +520,4 @@ var PisellTabbar = function PisellTabbar(props) {
   })) : null;
 };
 PisellTabbar.displayName = 'PisellTabbar';
-export default PisellTabbar;
+export default /*#__PURE__*/forwardRef(PisellTabbar);

package/es/components/PisellTabbar/template/Template1/constants.js

@@ -27,7 +27,7 @@ export var DEFAULT_LEVEL_CONFIG = {
  * 获取层级对应的添加项配置
  */
 export var LEVEL_ADD_ITEMS = {
-  level1: ['all'],
+  level1: ['search', 'all'],
   level2: ['expand', 'all'],
   level3: ['expand', 'all']
 };

package/es/components/PisellTabbar/types.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode } from 'react';
+import { CSSProperties } from 'react';
 /**
  * Tabbar 数据源项类型
  */
@@ -62,31 +62,6 @@ export interface ExpandState {
  * 层级类型
  */
 export declare type LevelType = 'level1' | 'level2' | 'level3';
-/**
- * TabbarLevel 组件属性
- */
-export interface TabbarLevelProps {
-    /** SKU ID */
-    skuId: string;
-    /** 数据源 */
-    dataSource: TabbarDataSource[];
-    /** 当前激活的面板 key */
-    activePanelKey: string | number;
-    /** 层级 */
-    level: LevelType;
-    /** 设置激活面板 key */
-    setActivePanelKey: (key: string | number, item?: TabbarDataSource) => void;
-    /** 是否展开 */
-    expand: boolean;
-    /** 展开处理函数 */
-    handleExpand: () => void;
-    /** 渲染子级内容 */
-    renderChildren?: (panelProps: any) => ReactNode;
-    /** 层级配置 */
-    levelConfig?: TabbarLevelConfig;
-    /** 展开配置 */
-    expandConfig?: ExpandConfig;
-}
 /**
  * PisellTabbar 组件属性
  */
@@ -107,5 +82,9 @@ export interface PisellTabbarProps {
     expandConfig?: ExpandConfig;
     /** 最大层级数 */
     maxLevel?: 1 | 2 | 3;
+    onSearch?: (value: string) => void;
     __designMode?: boolean;
 }
+export interface PisellTabbarRef {
+    closeSearchMode: () => void;
+}

package/es/components/PisellTabbar/utils/index.d.ts

@@ -18,7 +18,8 @@ export declare const defaultItems: {
         id: number;
         shop_id: number;
         parent_id: number;
-        name: string;
+        name: any;
+        text: any;
         slug: string;
         key: string;
         icon: string;

package/es/components/PisellTabbar/utils/index.js

@@ -25,7 +25,8 @@ export var defaultItems = {
     id: -1,
     shop_id: 9,
     parent_id: 0,
-    name: 'Search',
+    name: getText('table-filter-find'),
+    text: getText('table-filter-find'),
     slug: 'Search',
     key: 'search',
     icon: '',

package/es/components/dataSourceComponents/dataSourceTable/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;

package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts

@@ -19,7 +19,7 @@ interface UseTablePropsProps {
  */
 declare const useTableProps: (props: UseTablePropsProps) => {
     currentComponentId: any;
-    title: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    title: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     pagination: {
         total: number;
         current: number;
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
         showSizeChanger: boolean;
     };
     columns: import("./useColumns").Column[];
-    subTitle: number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
+    subTitle: string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | (() => React.ReactNode) | null | undefined;
     buttons: any[] | null;
     filter: {
         dom: any;

package/es/components/page/index.js

@@ -8,7 +8,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { useMemo } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import ConfigProvider from "../config-provider";
 import { AdapterDayjs } from '@pisell/date-picker/es/AdapterDayjs';
 import VariablesProvider from "../dataSourceComponents/provider/variables/VariablesProvider";
@@ -84,6 +84,11 @@ var Page = function Page(props) {
     });
   }, [platform, themeColor]);
   var PisellConfigProvid = isRenderPisellConfigProvider ? PisellConfigProvider : React.Fragment;
+  useEffect(function () {
+    // body追加id来处理antd 5 取消:where 时css权重问题
+    // 物料中css使用post-css追加 #body 前缀
+    document.body.id = 'body';
+  }, []);
   return /*#__PURE__*/React.createElement(ConfigProvider, _extends({}, others, {
     locale: localMap[locale],
     prefixCls: props.prefixCls || 'pisell-lowcode',

package/es/components/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,5 +1,5 @@
 declare const useDataSourceKey: () => {
-    dataSourceKey: string | undefined;
-    dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;
+    dataSourceKey: string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined;
+    dataSourceKeyRef: import("react").MutableRefObject<string | import("../../dataSourceComponents/provider/dataSource/DataSourceContext").DataSourceType | undefined>;
 };
 export default useDataSourceKey;