@pisell/materials 6.12.8 → 6.12.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/lowcode/assets-daily.json +11 -11
- package/build/lowcode/assets-dev.json +2 -2
- package/build/lowcode/assets-prod.json +11 -11
- package/build/lowcode/index.js +1 -1
- package/build/lowcode/meta.js +1 -1
- package/build/lowcode/preview.js +6 -6
- package/build/lowcode/render/default/view.css +1 -1
- package/build/lowcode/render/default/view.js +5 -5
- package/build/lowcode/view.css +1 -1
- package/build/lowcode/view.js +5 -5
- package/es/components/PisellTabbar/PisellTabbar.js +36 -13
- package/es/components/PisellTabbar/constants.js +3 -3
- package/es/components/PisellTabbar/index.d.ts +1 -1
- package/es/components/PisellTabbar/template/Template1/PisellTabbar.js +35 -13
- package/es/components/PisellTabbar/types.d.ts +20 -1
- package/es/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/es/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +5 -5
- package/es/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Tabs/index.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
- package/es/components/dataSourceComponents/fields/index.d.ts +6 -6
- package/es/components/date-picker/index.d.ts +0 -1
- package/es/components/page/index.d.ts +0 -1
- package/es/components/table/Table/utils.d.ts +1 -1
- package/es/index.d.ts +1 -1
- package/es/pisell-materials.tw.css +1 -1
- package/lib/components/PisellTabbar/PisellTabbar.js +33 -15
- package/lib/components/PisellTabbar/constants.js +3 -3
- package/lib/components/PisellTabbar/index.d.ts +1 -1
- package/lib/components/PisellTabbar/template/Template1/PisellTabbar.js +42 -15
- package/lib/components/PisellTabbar/types.d.ts +20 -1
- package/lib/components/dataSourceComponents/dataSourceForm/utils.d.ts +1 -1
- package/lib/components/dataSourceComponents/dataSourceTable/hooks/useTableProps.d.ts +5 -5
- package/lib/components/dataSourceComponents/fields/RecordListWrapper/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Select/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Tabs/index.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/Upload/utils.d.ts +1 -1
- package/lib/components/dataSourceComponents/fields/index.d.ts +6 -6
- package/lib/components/date-picker/index.d.ts +0 -1
- package/lib/components/page/index.d.ts +0 -1
- package/lib/components/table/Table/utils.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/pisell-materials.tw.css +1 -1
- package/lowcode/pisell-group-view/meta.ts +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
5
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
2
6
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
8
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -86,7 +90,8 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
86
90
|
_props$maxLevel = props.maxLevel,
|
|
87
91
|
maxLevel = _props$maxLevel === void 0 ? 3 : _props$maxLevel,
|
|
88
92
|
_onSearch = props.onSearch,
|
|
89
|
-
searchProps = props.searchProps
|
|
93
|
+
searchProps = props.searchProps,
|
|
94
|
+
level1Actions = props.level1Actions;
|
|
90
95
|
var containerRef = useRef(null);
|
|
91
96
|
var tabbarIdRef = useRef(createTabbarId());
|
|
92
97
|
var searchRef = useRef(null);
|
|
@@ -276,7 +281,17 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
276
281
|
* 一级数据源
|
|
277
282
|
*/
|
|
278
283
|
var level1DataSource = useMemo(function () {
|
|
279
|
-
var
|
|
284
|
+
var categoryItems = dataSource.length ? addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1) : [];
|
|
285
|
+
var actionItems = (level1Actions || []).map(function (action, index) {
|
|
286
|
+
return {
|
|
287
|
+
id: "__level1-action-".concat(String(action.key), "-").concat(index),
|
|
288
|
+
key: "__level1-action-".concat(String(action.key), "-").concat(index),
|
|
289
|
+
name: '',
|
|
290
|
+
customClick: true,
|
|
291
|
+
__action: action
|
|
292
|
+
};
|
|
293
|
+
});
|
|
294
|
+
var full = [].concat(_toConsumableArray(categoryItems), _toConsumableArray(actionItems));
|
|
280
295
|
// 搜索弹层展开时,隐藏分类切换(普通分类 / 全部 / 展开),仅保留搜索入口本身。
|
|
281
296
|
if (isSearchOpen) {
|
|
282
297
|
return full.filter(function (item) {
|
|
@@ -284,7 +299,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
284
299
|
});
|
|
285
300
|
}
|
|
286
301
|
return full;
|
|
287
|
-
}, [dataSource, isSearchOpen]);
|
|
302
|
+
}, [dataSource, isSearchOpen, level1Actions]);
|
|
288
303
|
var level2Expand = getExpand('level2');
|
|
289
304
|
var level3Expand = getExpand('level3');
|
|
290
305
|
var level3ScrollViewProps = useMemo(function () {
|
|
@@ -484,7 +499,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
484
499
|
style: {
|
|
485
500
|
display: 'flex',
|
|
486
501
|
alignItems: 'center',
|
|
487
|
-
|
|
502
|
+
justifyContent: 'center'
|
|
488
503
|
}
|
|
489
504
|
}, /*#__PURE__*/React.createElement(Iconfont, {
|
|
490
505
|
type: "pisell2-search-lg",
|
|
@@ -492,13 +507,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
492
507
|
color: '#fff',
|
|
493
508
|
fontSize: 20
|
|
494
509
|
}
|
|
495
|
-
})
|
|
496
|
-
type: "pisell2-scan",
|
|
497
|
-
style: {
|
|
498
|
-
color: '#fff',
|
|
499
|
-
fontSize: 20
|
|
500
|
-
}
|
|
501
|
-
}), /*#__PURE__*/React.createElement("span", null, "Find"))
|
|
510
|
+
}))
|
|
502
511
|
});
|
|
503
512
|
return renderLevelNCard(_cardProps, level);
|
|
504
513
|
}
|
|
@@ -510,6 +519,20 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
510
519
|
*/
|
|
511
520
|
var renderLevel1Item = useMemoizedFn(function (itemProps) {
|
|
512
521
|
var itemData = itemProps.dataSource;
|
|
522
|
+
var action = itemData === null || itemData === void 0 ? void 0 : itemData.__action;
|
|
523
|
+
if (action) {
|
|
524
|
+
return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
|
|
525
|
+
"aria-label": action.ariaLabel,
|
|
526
|
+
onClick: action.onClick,
|
|
527
|
+
card: function card(cardProps) {
|
|
528
|
+
var _action$label;
|
|
529
|
+
return renderLevelNCard(_objectSpread(_objectSpread({}, cardProps), {}, {
|
|
530
|
+
text: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : action.icon
|
|
531
|
+
}), 'level1');
|
|
532
|
+
}
|
|
533
|
+
}));
|
|
534
|
+
}
|
|
535
|
+
|
|
513
536
|
// 处理自定义点击事件的项(如展开按钮)
|
|
514
537
|
if (itemData !== null && itemData !== void 0 && itemData.customClick) {
|
|
515
538
|
if (itemProps.dataSource.key === 'search') {
|
|
@@ -554,7 +577,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
554
577
|
* // activeKey / expand 未变时复用同一 SuperTabs 元素
|
|
555
578
|
*/
|
|
556
579
|
var tabbarDom = useMemo(function () {
|
|
557
|
-
return
|
|
580
|
+
return level1DataSource.length ? /*#__PURE__*/React.createElement("div", {
|
|
558
581
|
className: classNames('pisell-tabbar', className),
|
|
559
582
|
style: style,
|
|
560
583
|
ref: containerRef
|
|
@@ -578,7 +601,7 @@ var PisellTabbar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
578
601
|
scrollViewProps: level1ScrollViewProps,
|
|
579
602
|
renderItem: renderLevel1Item
|
|
580
603
|
})) : null;
|
|
581
|
-
}, [
|
|
604
|
+
}, [className, style, level1DataSource, activeKey, expand, maxLevel, level1Value, handleLevel1Change, level1Config, level1Expand, level1ScrollViewProps, renderLevel1Item]);
|
|
582
605
|
return tabbarDom;
|
|
583
606
|
});
|
|
584
607
|
PisellTabbar.displayName = 'PisellTabbar';
|
|
@@ -7,19 +7,19 @@ export var DEFAULT_LEVEL_CONFIG = {
|
|
|
7
7
|
level1: {
|
|
8
8
|
superTabsBg: '#3b2865',
|
|
9
9
|
cardWidth: 106,
|
|
10
|
-
cardHeight:
|
|
10
|
+
cardHeight: 48,
|
|
11
11
|
paddingLeft: 0
|
|
12
12
|
},
|
|
13
13
|
level2: {
|
|
14
14
|
superTabsBg: '#7F56DA',
|
|
15
15
|
cardWidth: 120,
|
|
16
|
-
cardHeight:
|
|
16
|
+
cardHeight: 48,
|
|
17
17
|
paddingLeft: 20
|
|
18
18
|
},
|
|
19
19
|
level3: {
|
|
20
20
|
superTabsBg: '#344054',
|
|
21
21
|
cardWidth: 120,
|
|
22
|
-
cardHeight:
|
|
22
|
+
cardHeight: 48,
|
|
23
23
|
paddingLeft: 40
|
|
24
24
|
}
|
|
25
25
|
};
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import PisellTabbar from './PisellTabbar';
|
|
6
6
|
import PisellTabbarTemplate1 from './template/Template1';
|
|
7
|
-
export type { PisellTabbarProps, TabbarDataSource,
|
|
7
|
+
export type { LevelType, PisellTabbarProps, TabbarActionItem, TabbarDataSource, } from './types';
|
|
8
8
|
export { PisellTabbarTemplate1 };
|
|
9
9
|
export default PisellTabbar;
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
3
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
5
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
2
6
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
3
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
8
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -50,7 +54,8 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
50
54
|
_props$maxLevel = props.maxLevel,
|
|
51
55
|
maxLevel = _props$maxLevel === void 0 ? 3 : _props$maxLevel,
|
|
52
56
|
_onSearch = props.onSearch,
|
|
53
|
-
searchProps = props.searchProps
|
|
57
|
+
searchProps = props.searchProps,
|
|
58
|
+
level1Actions = props.level1Actions;
|
|
54
59
|
var containerRef = useRef(null);
|
|
55
60
|
var searchRef = useRef(null);
|
|
56
61
|
|
|
@@ -243,7 +248,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
243
248
|
style: {
|
|
244
249
|
display: 'flex',
|
|
245
250
|
alignItems: 'center',
|
|
246
|
-
|
|
251
|
+
justifyContent: 'center'
|
|
247
252
|
}
|
|
248
253
|
}, /*#__PURE__*/React.createElement(Iconfont, {
|
|
249
254
|
type: "pisell2-search-lg",
|
|
@@ -251,13 +256,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
251
256
|
color: '#000',
|
|
252
257
|
fontSize: 20
|
|
253
258
|
}
|
|
254
|
-
})
|
|
255
|
-
type: "pisell2-scan",
|
|
256
|
-
style: {
|
|
257
|
-
color: '#000',
|
|
258
|
-
fontSize: 20
|
|
259
|
-
}
|
|
260
|
-
}), /*#__PURE__*/React.createElement("span", null, "Find"))
|
|
259
|
+
}))
|
|
261
260
|
});
|
|
262
261
|
return renderNormalCard(_cardProps, level);
|
|
263
262
|
}
|
|
@@ -303,7 +302,17 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
303
302
|
* 一级 Tabbar 数据源
|
|
304
303
|
*/
|
|
305
304
|
var level1DataSource = useMemo(function () {
|
|
306
|
-
var
|
|
305
|
+
var categoryItems = dataSource.length ? addDataSourceItemsByKey(dataSource, LEVEL_ADD_ITEMS.level1) : [];
|
|
306
|
+
var actionItems = (level1Actions || []).map(function (action, index) {
|
|
307
|
+
return {
|
|
308
|
+
id: "__level1-action-".concat(String(action.key), "-").concat(index),
|
|
309
|
+
key: "__level1-action-".concat(String(action.key), "-").concat(index),
|
|
310
|
+
name: '',
|
|
311
|
+
customClick: true,
|
|
312
|
+
__action: action
|
|
313
|
+
};
|
|
314
|
+
});
|
|
315
|
+
var full = [].concat(_toConsumableArray(categoryItems), _toConsumableArray(actionItems));
|
|
307
316
|
// 搜索弹层展开时,隐藏分类切换(普通分类 / 全部 / 展开),仅保留搜索入口本身。
|
|
308
317
|
if (isSearchOpen) {
|
|
309
318
|
return full.filter(function (item) {
|
|
@@ -311,7 +320,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
311
320
|
});
|
|
312
321
|
}
|
|
313
322
|
return full;
|
|
314
|
-
}, [dataSource, isSearchOpen]);
|
|
323
|
+
}, [dataSource, isSearchOpen, level1Actions]);
|
|
315
324
|
|
|
316
325
|
/**
|
|
317
326
|
* 渲染一级 Tab Item
|
|
@@ -319,6 +328,19 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
319
328
|
var renderLevel1Item = useCallback(function (itemProps) {
|
|
320
329
|
var itemData = itemProps.dataSource;
|
|
321
330
|
var isExpanded = getExpand('level1');
|
|
331
|
+
var action = itemData === null || itemData === void 0 ? void 0 : itemData.__action;
|
|
332
|
+
if (action) {
|
|
333
|
+
return /*#__PURE__*/React.createElement(PisellCards.MultilevelCard, _extends({}, itemProps, {
|
|
334
|
+
"aria-label": action.ariaLabel,
|
|
335
|
+
onClick: action.onClick,
|
|
336
|
+
card: function card(cardProps) {
|
|
337
|
+
var _action$label;
|
|
338
|
+
return renderNormalCard(_objectSpread(_objectSpread({}, cardProps), {}, {
|
|
339
|
+
text: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : action.icon
|
|
340
|
+
}), 'level1');
|
|
341
|
+
}
|
|
342
|
+
}));
|
|
343
|
+
}
|
|
322
344
|
if (itemData !== null && itemData !== void 0 && itemData.customClick) {
|
|
323
345
|
if (itemProps.dataSource.key === 'search') {
|
|
324
346
|
return renderSearch(itemProps, 'level1');
|
|
@@ -352,7 +374,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
352
374
|
return document.querySelector(".pisell-super-tabs-slot-bottom-".concat(tabbarId));
|
|
353
375
|
}
|
|
354
376
|
}));
|
|
355
|
-
}, [
|
|
377
|
+
}, [getExpand, toggleExpand, maxLevel, tabbarId, renderSearch, renderExpandCard, renderNormalCard]);
|
|
356
378
|
|
|
357
379
|
/**
|
|
358
380
|
* 渲染二级 Tabbar 面板
|
|
@@ -523,7 +545,7 @@ var PisellTabbar = function PisellTabbar(props, ref) {
|
|
|
523
545
|
*/
|
|
524
546
|
var level1Config = getLevelConfig('level1');
|
|
525
547
|
var isExpanded1 = getExpand('level1');
|
|
526
|
-
return
|
|
548
|
+
return level1DataSource.length ? /*#__PURE__*/React.createElement("div", {
|
|
527
549
|
className: classNames('pisell-tabbar', className),
|
|
528
550
|
style: style,
|
|
529
551
|
ref: containerRef
|
|
@@ -1,4 +1,21 @@
|
|
|
1
|
-
import { CSSProperties } from 'react';
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* 一级 Tabbar 操作项。
|
|
4
|
+
*
|
|
5
|
+
* 操作项复用一级卡片样式,但点击时不进入分类选中态。
|
|
6
|
+
*/
|
|
7
|
+
export interface TabbarActionItem {
|
|
8
|
+
/** 唯一标识 */
|
|
9
|
+
key: string | number;
|
|
10
|
+
/** 卡片图标 */
|
|
11
|
+
icon: ReactNode;
|
|
12
|
+
/** 可选的卡片文案;未传时只显示图标 */
|
|
13
|
+
label?: ReactNode;
|
|
14
|
+
/** 无障碍名称 */
|
|
15
|
+
ariaLabel: string;
|
|
16
|
+
/** 点击回调 */
|
|
17
|
+
onClick: () => void;
|
|
18
|
+
}
|
|
2
19
|
/**
|
|
3
20
|
* Tabbar 数据源项类型
|
|
4
21
|
*/
|
|
@@ -85,6 +102,8 @@ export interface PisellTabbarProps {
|
|
|
85
102
|
onSearch?: (value: string) => void;
|
|
86
103
|
/** 透传给内部 PisellFind 的搜索配置(如 inputRender 插槽)。 */
|
|
87
104
|
searchProps?: Record<string, any>;
|
|
105
|
+
/** 追加在一级分类末尾、且不参与分类选中态的操作卡片。 */
|
|
106
|
+
level1Actions?: TabbarActionItem[];
|
|
88
107
|
__designMode?: boolean;
|
|
89
108
|
}
|
|
90
109
|
export interface PisellTabbarRef {
|
|
@@ -44,7 +44,7 @@ export declare const withDataSource: <P extends unknown>(WrappedComponent: React
|
|
|
44
44
|
}) => JSX.Element;
|
|
45
45
|
export declare const withOptions: <P extends unknown>(WrappedComponent: React.ComponentType<P>) => (props: P & {
|
|
46
46
|
options?: any;
|
|
47
|
-
optionSourceType?: "default" | "
|
|
47
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
48
48
|
labelField: string;
|
|
49
49
|
valueField: string;
|
|
50
50
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -19,7 +19,7 @@ interface UseTablePropsProps {
|
|
|
19
19
|
*/
|
|
20
20
|
declare const useTableProps: (props: UseTablePropsProps) => {
|
|
21
21
|
currentComponentId: any;
|
|
22
|
-
title: number | boolean |
|
|
22
|
+
title: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
|
|
23
23
|
pagination: {
|
|
24
24
|
total: number;
|
|
25
25
|
current: number;
|
|
@@ -28,7 +28,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
|
|
|
28
28
|
showSizeChanger: boolean;
|
|
29
29
|
};
|
|
30
30
|
columns: import("./useColumns").Column[];
|
|
31
|
-
subTitle: number | boolean |
|
|
31
|
+
subTitle: number | boolean | React.ReactFragment | JSX.Element | (() => React.ReactNode) | null | undefined;
|
|
32
32
|
buttons: any[] | null;
|
|
33
33
|
filter: {
|
|
34
34
|
dom: any;
|
|
@@ -52,9 +52,9 @@ declare const useTableProps: (props: UseTablePropsProps) => {
|
|
|
52
52
|
show: boolean;
|
|
53
53
|
title: string;
|
|
54
54
|
width: number;
|
|
55
|
-
align: "
|
|
55
|
+
align: "center" | "left" | "right";
|
|
56
56
|
fixed: false | "left" | "right";
|
|
57
|
-
type: "
|
|
57
|
+
type: "button" | "link";
|
|
58
58
|
items: OperationItem[];
|
|
59
59
|
} | undefined;
|
|
60
60
|
operationContent?: {
|
|
@@ -72,7 +72,7 @@ declare const useTableProps: (props: UseTablePropsProps) => {
|
|
|
72
72
|
useCustomAction: boolean;
|
|
73
73
|
actionType: string;
|
|
74
74
|
openMode: "modal" | "drawer";
|
|
75
|
-
openContentSize: "small" | "
|
|
75
|
+
openContentSize: "small" | "middle" | "large";
|
|
76
76
|
openTitle: string;
|
|
77
77
|
key: string;
|
|
78
78
|
} | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const RecordListWrapperWithDataSource: (props: import("./type").RecordListWrapperProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
|
|
2
2
|
options?: any;
|
|
3
|
-
optionSourceType?: "default" | "
|
|
3
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
4
4
|
labelField: string;
|
|
5
5
|
valueField: string;
|
|
6
6
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
|
|
2
2
|
options?: any;
|
|
3
|
-
optionSourceType?: "default" | "
|
|
3
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
4
4
|
labelField: string;
|
|
5
5
|
valueField: string;
|
|
6
6
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/** 包装 DataSource 层(提供数据源上下文) */
|
|
2
2
|
declare const FormItemTabs: (props: import("./type").TabsProps & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
|
|
3
3
|
options?: any;
|
|
4
|
-
optionSourceType?: "default" | "
|
|
4
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
5
5
|
labelField: string;
|
|
6
6
|
valueField: string;
|
|
7
7
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -15,4 +15,4 @@ export declare const getFileMetadataParams: (file: RcFile & {
|
|
|
15
15
|
metadata?: MediaMetadata;
|
|
16
16
|
}) => Record<string, any>;
|
|
17
17
|
export declare const isValueEqual: (value: any, fileListValue: any) => boolean;
|
|
18
|
-
export declare const getBaseTime: (size: number) =>
|
|
18
|
+
export declare const getBaseTime: (size: number) => 2000 | 1000 | 4000 | 8000;
|
|
@@ -34,7 +34,7 @@ declare const formFieldMap: {
|
|
|
34
34
|
};
|
|
35
35
|
FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
36
36
|
options?: any;
|
|
37
|
-
optionSourceType?: "default" | "
|
|
37
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
38
38
|
labelField: string;
|
|
39
39
|
valueField: string;
|
|
40
40
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -61,7 +61,7 @@ declare const formFieldMap: {
|
|
|
61
61
|
FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
|
|
62
62
|
FormItemRecordListWrapper: (props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
63
63
|
options?: any;
|
|
64
|
-
optionSourceType?: "default" | "
|
|
64
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
65
65
|
labelField: string;
|
|
66
66
|
valueField: string;
|
|
67
67
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -71,7 +71,7 @@ declare const formFieldMap: {
|
|
|
71
71
|
}) => JSX.Element;
|
|
72
72
|
FormItemTabs: (props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
73
73
|
options?: any;
|
|
74
|
-
optionSourceType?: "default" | "
|
|
74
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
75
75
|
labelField: string;
|
|
76
76
|
valueField: string;
|
|
77
77
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -112,7 +112,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
112
112
|
Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
|
|
113
113
|
}) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
114
114
|
options?: any;
|
|
115
|
-
optionSourceType?: "default" | "
|
|
115
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
116
116
|
labelField: string;
|
|
117
117
|
valueField: string;
|
|
118
118
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -121,7 +121,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
121
121
|
extraParams?: Record<string, any> | undefined;
|
|
122
122
|
}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
123
123
|
options?: any;
|
|
124
|
-
optionSourceType?: "default" | "
|
|
124
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
125
125
|
labelField: string;
|
|
126
126
|
valueField: string;
|
|
127
127
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -130,7 +130,7 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
|
|
|
130
130
|
extraParams?: Record<string, any> | undefined;
|
|
131
131
|
}) => JSX.Element) | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
|
|
132
132
|
options?: any;
|
|
133
|
-
optionSourceType?: "default" | "
|
|
133
|
+
optionSourceType?: "default" | "api" | "custom" | undefined;
|
|
134
134
|
labelField: string;
|
|
135
135
|
valueField: string;
|
|
136
136
|
extraParams?: Record<string, any> | undefined;
|
|
@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
|
|
|
155
155
|
sort?: SortType | undefined;
|
|
156
156
|
mode: "" | "localStorage" | "remote";
|
|
157
157
|
currentViewMode: ModeType;
|
|
158
|
-
}) => ("filters" | "
|
|
158
|
+
}) => ("filters" | "filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
|
|
159
159
|
export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
|
|
160
160
|
export declare const stringify: (obj: Record<string, any>) => string;
|
|
161
161
|
export {};
|
package/es/index.d.ts
CHANGED
|
@@ -42,7 +42,7 @@ export type { PisellStepItem, PisellStepsProps, } from './components/PisellSteps
|
|
|
42
42
|
export { default as PisellSuperTabs } from './components/PisellSuperTabs';
|
|
43
43
|
export type { PisellSuperTabsProps, TabDataItem, } from './components/PisellSuperTabs';
|
|
44
44
|
export { default as PisellTabbar } from './components/PisellTabbar';
|
|
45
|
-
export type { LevelType, PisellTabbarProps, TabbarDataSource, } from './components/PisellTabbar';
|
|
45
|
+
export type { LevelType, PisellTabbarProps, TabbarActionItem, TabbarDataSource, } from './components/PisellTabbar';
|
|
46
46
|
export { default as PisellTabbarTemplate1 } from './components/PisellTabbar/template/Template1';
|
|
47
47
|
export { default as PisellTabbar2 } from './components/PisellTabbar2';
|
|
48
48
|
export { default as AppVersionControl } from './components/appVersionControl';
|