@sheinx/base 3.5.0-beta.1 → 3.5.0-beta.11
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/cjs/absolute-list/absolute-context.d.ts +5 -1
- package/cjs/absolute-list/absolute-context.d.ts.map +1 -1
- package/cjs/absolute-list/absolute-context.js +4 -1
- package/cjs/absolute-list/absolute-list.d.ts.map +1 -1
- package/cjs/absolute-list/absolute-list.js +18 -3
- package/cjs/avatar/avatar.d.ts +5 -0
- package/cjs/avatar/avatar.d.ts.map +1 -0
- package/cjs/avatar/avatar.js +140 -0
- package/cjs/avatar/avatar.type.d.ts +101 -0
- package/cjs/avatar/avatar.type.d.ts.map +1 -0
- package/cjs/avatar/avatar.type.js +5 -0
- package/cjs/avatar/context.d.ts +5 -0
- package/cjs/avatar/context.d.ts.map +1 -0
- package/cjs/avatar/context.js +8 -0
- package/cjs/avatar/group.d.ts +5 -0
- package/cjs/avatar/group.d.ts.map +1 -0
- package/cjs/avatar/group.js +82 -0
- package/cjs/avatar/index.d.ts +5 -0
- package/cjs/avatar/index.d.ts.map +1 -0
- package/cjs/avatar/index.js +27 -0
- package/cjs/button/button.js +2 -1
- package/cjs/card/card.js +4 -2
- package/cjs/card-group/item.d.ts.map +1 -1
- package/cjs/card-group/item.js +20 -2
- package/cjs/card-group/lazyload.d.ts +1 -0
- package/cjs/card-group/lazyload.d.ts.map +1 -1
- package/cjs/card-group/lazyload.js +1 -1
- package/cjs/cascader/cascader.d.ts.map +1 -1
- package/cjs/cascader/cascader.js +11 -8
- package/cjs/cascader/cascader.type.d.ts +24 -0
- package/cjs/cascader/cascader.type.d.ts.map +1 -1
- package/cjs/cascader/index.d.ts +1 -1
- package/cjs/cascader/index.d.ts.map +1 -1
- package/cjs/cascader/list.d.ts.map +1 -1
- package/cjs/cascader/list.js +60 -24
- package/cjs/cascader/list.type.d.ts +1 -1
- package/cjs/cascader/list.type.d.ts.map +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +6 -3
- package/cjs/common/use-with-form-config.d.ts.map +1 -1
- package/cjs/common/use-with-form-config.js +4 -1
- package/cjs/date-picker/date-picker.d.ts.map +1 -1
- package/cjs/date-picker/date-picker.js +1 -1
- package/cjs/date-picker/date-picker.type.d.ts +18 -2
- package/cjs/date-picker/date-picker.type.d.ts.map +1 -1
- package/cjs/date-picker/picker.d.ts.map +1 -1
- package/cjs/date-picker/picker.js +1 -0
- package/cjs/date-picker/quick.d.ts.map +1 -1
- package/cjs/date-picker/quick.js +6 -1
- package/cjs/date-picker/quick.type.d.ts +1 -0
- package/cjs/date-picker/quick.type.d.ts.map +1 -1
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +7 -1
- package/cjs/form/form.type.d.ts +5 -0
- package/cjs/form/form.type.d.ts.map +1 -1
- package/cjs/image/image.js +3 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +12 -0
- package/cjs/link/link.type.d.ts +10 -0
- package/cjs/link/link.type.d.ts.map +1 -1
- package/cjs/list/list.d.ts.map +1 -1
- package/cjs/list/list.js +3 -1
- package/cjs/list/list.type.d.ts +3 -0
- package/cjs/list/list.type.d.ts.map +1 -1
- package/cjs/modal/modal-content.d.ts.map +1 -1
- package/cjs/modal/modal-content.js +2 -2
- package/cjs/modal/modal.type.d.ts +2 -1
- package/cjs/modal/modal.type.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.js +8 -1
- package/cjs/pagination/pagination-size-list.type.d.ts +1 -1
- package/cjs/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/cjs/pagination/pagination.d.ts.map +1 -1
- package/cjs/pagination/pagination.js +3 -1
- package/cjs/pagination/pagination.type.d.ts +15 -0
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/radio/radio-group.d.ts.map +1 -1
- package/cjs/radio/radio-group.js +6 -6
- package/cjs/select/result-more.d.ts.map +1 -1
- package/cjs/select/result-more.js +17 -6
- package/cjs/select/result-more.type.d.ts +4 -1
- package/cjs/select/result-more.type.d.ts.map +1 -1
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +61 -13
- package/cjs/select/result.type.d.ts +2 -1
- package/cjs/select/result.type.d.ts.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +1 -0
- package/cjs/select/select.type.d.ts +20 -0
- package/cjs/select/select.type.d.ts.map +1 -1
- package/cjs/spin/base.js +2 -1
- package/cjs/spin/spin.d.ts.map +1 -1
- package/cjs/spin/spin.js +9 -2
- package/cjs/spin/spin.type.d.ts +8 -2
- package/cjs/spin/spin.type.d.ts.map +1 -1
- package/cjs/spin/spins.js +13 -13
- package/cjs/table/colgroup.d.ts +1 -0
- package/cjs/table/colgroup.d.ts.map +1 -1
- package/cjs/table/colgroup.js +9 -3
- package/cjs/table/table.js +11 -7
- package/cjs/table/table.type.d.ts +13 -3
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +3 -1
- package/cjs/table/tbody.type.d.ts +1 -1
- package/cjs/table/tbody.type.d.ts.map +1 -1
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +37 -6
- package/cjs/table/thead.type.d.ts +1 -1
- package/cjs/table/thead.type.d.ts.map +1 -1
- package/cjs/table/tr.d.ts +1 -1
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +105 -15
- package/cjs/transfer/transfer-list.d.ts.map +1 -1
- package/cjs/transfer/transfer-list.js +2 -0
- package/cjs/tree/tree-content.js +3 -1
- package/cjs/upload/button.js +3 -1
- package/cjs/upload/result.d.ts.map +1 -1
- package/cjs/upload/result.js +3 -1
- package/esm/absolute-list/absolute-context.d.ts +5 -1
- package/esm/absolute-list/absolute-context.d.ts.map +1 -1
- package/esm/absolute-list/absolute-context.js +4 -1
- package/esm/absolute-list/absolute-list.d.ts.map +1 -1
- package/esm/absolute-list/absolute-list.js +20 -5
- package/esm/avatar/avatar.d.ts +5 -0
- package/esm/avatar/avatar.d.ts.map +1 -0
- package/esm/avatar/avatar.js +131 -0
- package/esm/avatar/avatar.type.d.ts +101 -0
- package/esm/avatar/avatar.type.d.ts.map +1 -0
- package/esm/avatar/avatar.type.js +1 -0
- package/esm/avatar/context.d.ts +5 -0
- package/esm/avatar/context.d.ts.map +1 -0
- package/esm/avatar/context.js +2 -0
- package/esm/avatar/group.d.ts +5 -0
- package/esm/avatar/group.d.ts.map +1 -0
- package/esm/avatar/group.js +74 -0
- package/esm/avatar/index.d.ts +5 -0
- package/esm/avatar/index.d.ts.map +1 -0
- package/esm/avatar/index.js +3 -0
- package/esm/button/button.js +2 -1
- package/esm/card/card.js +4 -2
- package/esm/card-group/item.d.ts.map +1 -1
- package/esm/card-group/item.js +21 -2
- package/esm/card-group/lazyload.d.ts +1 -0
- package/esm/card-group/lazyload.d.ts.map +1 -1
- package/esm/card-group/lazyload.js +1 -1
- package/esm/cascader/cascader.d.ts.map +1 -1
- package/esm/cascader/cascader.js +11 -8
- package/esm/cascader/cascader.type.d.ts +24 -0
- package/esm/cascader/cascader.type.d.ts.map +1 -1
- package/esm/cascader/index.d.ts +1 -1
- package/esm/cascader/index.d.ts.map +1 -1
- package/esm/cascader/list.d.ts.map +1 -1
- package/esm/cascader/list.js +60 -24
- package/esm/cascader/list.type.d.ts +1 -1
- package/esm/cascader/list.type.d.ts.map +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +6 -3
- package/esm/common/use-with-form-config.d.ts.map +1 -1
- package/esm/common/use-with-form-config.js +4 -1
- package/esm/date-picker/date-picker.d.ts.map +1 -1
- package/esm/date-picker/date-picker.js +1 -1
- package/esm/date-picker/date-picker.type.d.ts +18 -2
- package/esm/date-picker/date-picker.type.d.ts.map +1 -1
- package/esm/date-picker/picker.d.ts.map +1 -1
- package/esm/date-picker/picker.js +1 -0
- package/esm/date-picker/quick.d.ts.map +1 -1
- package/esm/date-picker/quick.js +6 -1
- package/esm/date-picker/quick.type.d.ts +1 -0
- package/esm/date-picker/quick.type.d.ts.map +1 -1
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +8 -2
- package/esm/form/form.type.d.ts +5 -0
- package/esm/form/form.type.d.ts.map +1 -1
- package/esm/image/image.js +3 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/esm/link/link.type.d.ts +10 -0
- package/esm/link/link.type.d.ts.map +1 -1
- package/esm/list/list.d.ts.map +1 -1
- package/esm/list/list.js +3 -1
- package/esm/list/list.type.d.ts +3 -0
- package/esm/list/list.type.d.ts.map +1 -1
- package/esm/modal/modal-content.d.ts.map +1 -1
- package/esm/modal/modal-content.js +2 -2
- package/esm/modal/modal.type.d.ts +2 -1
- package/esm/modal/modal.type.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.js +8 -1
- package/esm/pagination/pagination-size-list.type.d.ts +1 -1
- package/esm/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/esm/pagination/pagination.d.ts.map +1 -1
- package/esm/pagination/pagination.js +3 -1
- package/esm/pagination/pagination.type.d.ts +15 -0
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/radio/radio-group.d.ts.map +1 -1
- package/esm/radio/radio-group.js +6 -6
- package/esm/select/result-more.d.ts.map +1 -1
- package/esm/select/result-more.js +17 -6
- package/esm/select/result-more.type.d.ts +4 -1
- package/esm/select/result-more.type.d.ts.map +1 -1
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +62 -14
- package/esm/select/result.type.d.ts +2 -1
- package/esm/select/result.type.d.ts.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +1 -0
- package/esm/select/select.type.d.ts +20 -0
- package/esm/select/select.type.d.ts.map +1 -1
- package/esm/spin/base.js +2 -1
- package/esm/spin/spin.d.ts.map +1 -1
- package/esm/spin/spin.js +9 -2
- package/esm/spin/spin.type.d.ts +8 -2
- package/esm/spin/spin.type.d.ts.map +1 -1
- package/esm/spin/spins.js +13 -13
- package/esm/table/colgroup.d.ts +1 -0
- package/esm/table/colgroup.d.ts.map +1 -1
- package/esm/table/colgroup.js +9 -3
- package/esm/table/table.js +11 -7
- package/esm/table/table.type.d.ts +13 -3
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +3 -1
- package/esm/table/tbody.type.d.ts +1 -1
- package/esm/table/tbody.type.d.ts.map +1 -1
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +38 -7
- package/esm/table/thead.type.d.ts +1 -1
- package/esm/table/thead.type.d.ts.map +1 -1
- package/esm/table/tr.d.ts +1 -1
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +106 -16
- package/esm/transfer/transfer-list.d.ts.map +1 -1
- package/esm/transfer/transfer-list.js +2 -0
- package/esm/tree/tree-content.js +3 -1
- package/esm/upload/button.js +3 -1
- package/esm/upload/result.d.ts.map +1 -1
- package/esm/upload/result.js +3 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,
|
|
1
|
+
{"version":3,"file":"thead.type.d.ts","sourceRoot":"","sources":["thead.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAEjF,MAAM,WAAW,UACf,SAAQ,IAAI,CACR,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,OAAO,GACP,UAAU,GACV,cAAc,GACd,gBAAgB,CACnB,EACD,IAAI,CAAC,UAAU,CAAC,OAAO,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,GAAG,gBAAgB,CAAC,EACzE,IAAI,CAAC,wBAAwB,EAAE,SAAS,GAAG,WAAW,CAAC;IACzD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC"}
|
package/cjs/table/tr.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TableFormatColumn } from '@sheinx/hooks';
|
|
3
3
|
import { TbodyProps, UseTableRowResult } from './tbody.type';
|
|
4
|
-
interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag' | 'treeCheckAll' | 'onCellClick'> {
|
|
4
|
+
interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'treeExpandIcon' | 'loader' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag' | 'treeCheckAll' | 'onCellClick'> {
|
|
5
5
|
row: {
|
|
6
6
|
data: any[];
|
|
7
7
|
colSpan: number;
|
package/cjs/table/tr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,gBAwYzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/cjs/table/tr.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _spin = _interopRequireDefault(require("../spin"));
|
|
10
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
12
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
12
13
|
var _radio = _interopRequireDefault(require("../radio"));
|
|
@@ -16,6 +17,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
17
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
18
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
19
|
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); }
|
|
20
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
21
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
22
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
23
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
26
|
+
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; }
|
|
27
|
+
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; } }
|
|
28
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
29
|
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; }
|
|
20
30
|
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; }
|
|
21
31
|
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; }
|
|
@@ -23,8 +33,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
23
33
|
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); }
|
|
24
34
|
var toNum = _hooks.util.toNum;
|
|
25
35
|
var Tr = function Tr(props) {
|
|
26
|
-
var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
|
|
27
|
-
var treeFunc = props.treeFunc
|
|
36
|
+
var _props$jssStyle, _props$jssStyle$table, _jssStyle$input, _jssStyle$select, _jssStyle$datePicker, _jssStyle$treeSelect, _jssStyle$switch, _jssStyle$checkbox, _jssStyle$radio, _jssStyle$cascader, _props$rowClassName;
|
|
37
|
+
var treeFunc = props.treeFunc,
|
|
38
|
+
jssStyle = props.jssStyle;
|
|
28
39
|
var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
|
|
29
40
|
var trRef = (0, _react.useRef)(null);
|
|
30
41
|
var expandRef = (0, _react.useRef)(null);
|
|
@@ -91,35 +102,96 @@ var Tr = function Tr(props) {
|
|
|
91
102
|
cancelObserver();
|
|
92
103
|
};
|
|
93
104
|
}, []);
|
|
105
|
+
var _useState = (0, _react.useState)(false),
|
|
106
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
107
|
+
isExpandLoading = _useState2[0],
|
|
108
|
+
setIsExpandLoading = _useState2[1];
|
|
109
|
+
var innerExpandClick = (0, _hooks.usePersistFn)( /*#__PURE__*/function () {
|
|
110
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
|
|
111
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
112
|
+
while (1) switch (_context.prev = _context.next) {
|
|
113
|
+
case 0:
|
|
114
|
+
if (!(showLoader && props.loader && typeof props.loader === 'function')) {
|
|
115
|
+
_context.next = 11;
|
|
116
|
+
break;
|
|
117
|
+
}
|
|
118
|
+
setIsExpandLoading(true);
|
|
119
|
+
_context.prev = 2;
|
|
120
|
+
_context.next = 5;
|
|
121
|
+
return props.loader(props.rawData, props.rowIndex);
|
|
122
|
+
case 5:
|
|
123
|
+
treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
|
|
124
|
+
case 6:
|
|
125
|
+
_context.prev = 6;
|
|
126
|
+
setIsExpandLoading(false);
|
|
127
|
+
return _context.finish(6);
|
|
128
|
+
case 9:
|
|
129
|
+
_context.next = 12;
|
|
130
|
+
break;
|
|
131
|
+
case 11:
|
|
132
|
+
treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
|
|
133
|
+
case 12:
|
|
134
|
+
case "end":
|
|
135
|
+
return _context.stop();
|
|
136
|
+
}
|
|
137
|
+
}, _callee, null, [[2,, 6, 9]]);
|
|
138
|
+
}));
|
|
139
|
+
return function (_x) {
|
|
140
|
+
return _ref.apply(this, arguments);
|
|
141
|
+
};
|
|
142
|
+
}());
|
|
94
143
|
var renderTreeExpand = function renderTreeExpand(content) {
|
|
95
144
|
var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
|
|
96
145
|
var level = props.treeExpandLevel.get(props.originKey) || 0;
|
|
97
146
|
var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
|
|
98
147
|
var children = props.rawData[props.treeColumnsName];
|
|
148
|
+
var showLoader = children === undefined && typeof props.loader === 'function';
|
|
99
149
|
var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
|
|
100
150
|
var dirName = isRtl ? 'Right' : 'Left';
|
|
101
|
-
|
|
151
|
+
var shouldRenderPlain = !children && !props.loader || (children === null || children === void 0 ? void 0 : children.length) === 0 && !props.treeEmptyExpand && !props.loader;
|
|
152
|
+
if (shouldRenderPlain) {
|
|
102
153
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
103
154
|
className: className,
|
|
104
155
|
style: _defineProperty(_defineProperty({}, "margin".concat(dirName), level * treeIndent), "padding".concat(dirName), props.isEmptyTree ? 0 : 22),
|
|
105
156
|
children: content
|
|
106
157
|
});
|
|
107
158
|
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
159
|
+
var $expandIcon;
|
|
160
|
+
if (typeof props.treeExpandIcon === 'function') {
|
|
161
|
+
$expandIcon = props.treeExpandIcon(props.rawData, props.rowIndex, isExpanded);
|
|
162
|
+
} else if (showLoader) {
|
|
163
|
+
$expandIcon = _icons.default.table.Collapse;
|
|
164
|
+
} else if ((children === null || children === void 0 ? void 0 : children.length) > 0 || props.treeEmptyExpand) {
|
|
165
|
+
$expandIcon = isExpanded ? _icons.default.table.Expand : _icons.default.table.Collapse;
|
|
166
|
+
}
|
|
167
|
+
if (isExpandLoading) {
|
|
168
|
+
$expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
|
|
169
|
+
size: 12,
|
|
170
|
+
jssStyle: props.jssStyle,
|
|
171
|
+
name: "ring",
|
|
172
|
+
ignoreConfig: true
|
|
173
|
+
});
|
|
174
|
+
}
|
|
175
|
+
var $expandIconWrapper;
|
|
176
|
+
if ($expandIcon !== null) {
|
|
177
|
+
$expandIconWrapper = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
114
178
|
className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
|
|
115
179
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
180
|
+
"data-role": "tree-expand-icon",
|
|
116
181
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
|
|
117
182
|
onClick: function onClick() {
|
|
118
|
-
|
|
183
|
+
return innerExpandClick(showLoader);
|
|
119
184
|
},
|
|
120
|
-
children:
|
|
185
|
+
children: $expandIcon
|
|
121
186
|
})
|
|
122
|
-
})
|
|
187
|
+
});
|
|
188
|
+
}
|
|
189
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
190
|
+
className: className,
|
|
191
|
+
style: {
|
|
192
|
+
marginLeft: level * treeIndent
|
|
193
|
+
},
|
|
194
|
+
children: [$expandIconWrapper, content]
|
|
123
195
|
});
|
|
124
196
|
};
|
|
125
197
|
var renderContent = function renderContent(col, data) {
|
|
@@ -133,6 +205,7 @@ var Tr = function Tr(props) {
|
|
|
133
205
|
className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIconWrapper),
|
|
134
206
|
onClick: clickEvent,
|
|
135
207
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
208
|
+
"data-role": "expand-icon",
|
|
136
209
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
|
|
137
210
|
children: props.expanded ? _icons.default.table.Expand : _icons.default.table.Collapse
|
|
138
211
|
})
|
|
@@ -206,15 +279,16 @@ var Tr = function Tr(props) {
|
|
|
206
279
|
var td = /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
|
|
207
280
|
colSpan: data[i].colSpan,
|
|
208
281
|
rowSpan: data[i].rowSpan,
|
|
209
|
-
onMouseEnter: props.hover && hasSiblingRowSpan ? function () {
|
|
282
|
+
onMouseEnter: props.hover && hasSiblingRowSpan || data[i].rowSpan > 1 ? function () {
|
|
210
283
|
props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
211
284
|
} : undefined,
|
|
212
|
-
onMouseLeave: props.hover && hasSiblingRowSpan ? function () {
|
|
285
|
+
onMouseLeave: props.hover && hasSiblingRowSpan || data[i].rowSpan > 1 ? function () {
|
|
213
286
|
props.handleCellHover(-1, 0);
|
|
214
287
|
} : undefined,
|
|
215
|
-
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
288
|
+
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), props.hoverIndex.has(props.rowIndex) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
216
289
|
style: getTdStyle(col, data[i].colSpan),
|
|
217
290
|
dir: config.direction,
|
|
291
|
+
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
218
292
|
onClick: props.onCellClick ? function () {
|
|
219
293
|
return handleCellClick(data[i].data, i);
|
|
220
294
|
} : undefined,
|
|
@@ -251,6 +325,21 @@ var Tr = function Tr(props) {
|
|
|
251
325
|
}
|
|
252
326
|
}
|
|
253
327
|
};
|
|
328
|
+
var preventClasses = [jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$treeSelect = jssStyle.treeSelect) === null || _jssStyle$treeSelect === void 0 ? void 0 : _jssStyle$treeSelect.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$switch = jssStyle.switch) === null || _jssStyle$switch === void 0 ? void 0 : _jssStyle$switch.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle).wrapper];
|
|
329
|
+
var isNotExpandableElement = function isNotExpandableElement(el) {
|
|
330
|
+
var tagName = el.tagName;
|
|
331
|
+
if (tagName === 'TD' || tagName === 'TR') return false;
|
|
332
|
+
if (tagName === 'A' || tagName === 'BUTTON' || tagName === 'INPUT') return true;
|
|
333
|
+
var isPreventElement = preventClasses.find(function (cl) {
|
|
334
|
+
var classes = cl === null || cl === void 0 ? void 0 : cl.split(' ');
|
|
335
|
+
return classes.some(function (c) {
|
|
336
|
+
return el.classList.contains(c);
|
|
337
|
+
});
|
|
338
|
+
});
|
|
339
|
+
if (isPreventElement) return true;
|
|
340
|
+
if (!el.parentElement) return true;
|
|
341
|
+
return isNotExpandableElement(el.parentElement);
|
|
342
|
+
};
|
|
254
343
|
var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
|
|
255
344
|
var target = e.target;
|
|
256
345
|
var _props$rowClickAttr = props.rowClickAttr,
|
|
@@ -272,6 +361,7 @@ var Tr = function Tr(props) {
|
|
|
272
361
|
}
|
|
273
362
|
}
|
|
274
363
|
if (props.rowClickExpand) {
|
|
364
|
+
if (isNotExpandableElement(target)) return;
|
|
275
365
|
props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
|
|
276
366
|
}
|
|
277
367
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"transfer-list.d.ts","sourceRoot":"","sources":["transfer-list.tsx"],"names":[],"mappings":";AACA,OAAO,EAAQ,YAAY,EAAE,MAAM,eAAe,CAAC;AAGnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AASzD,QAAA,MAAM,YAAY,oGA6MjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
package/cjs/tree/tree-content.js
CHANGED
|
@@ -101,7 +101,9 @@ var NodeContent = function NodeContent(props) {
|
|
|
101
101
|
dir: config.direction,
|
|
102
102
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
|
|
103
103
|
size: 12,
|
|
104
|
-
jssStyle: jssStyle
|
|
104
|
+
jssStyle: jssStyle,
|
|
105
|
+
ignoreConfig: true,
|
|
106
|
+
name: "ring"
|
|
105
107
|
})
|
|
106
108
|
});
|
|
107
109
|
};
|
package/cjs/upload/button.js
CHANGED
|
@@ -82,7 +82,9 @@ var UploadButton = function UploadButton(props) {
|
|
|
82
82
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
|
|
83
83
|
jssStyle: props.jssStyle,
|
|
84
84
|
size: 10,
|
|
85
|
-
color: color
|
|
85
|
+
color: color,
|
|
86
|
+
ignoreConfig: true,
|
|
87
|
+
name: "ring"
|
|
86
88
|
})
|
|
87
89
|
}), typeof loading === 'string' ? loading : placeholder]
|
|
88
90
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAIjE,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEtC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,
|
|
1
|
+
{"version":3,"file":"result.d.ts","sourceRoot":"","sources":["result.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAIjE,UAAU,WAAW;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEtC,MAAM,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC,WAAW,CAAC,CAAC;IAC1C,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,MAAM,UAAW,WAAW,gBAwKjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/upload/result.js
CHANGED
|
@@ -67,7 +67,8 @@ var Result = function Result(props) {
|
|
|
67
67
|
children: [status === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
|
|
68
68
|
jssStyle: props.jssStyle,
|
|
69
69
|
size: 10,
|
|
70
|
-
name: 'ring'
|
|
70
|
+
name: 'ring',
|
|
71
|
+
ignoreConfig: true
|
|
71
72
|
}), status === 2 && _icons.default.upload.Success, status === 3 && _icons.default.upload.Warning]
|
|
72
73
|
}), status === 1 && props.process !== -1 && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
73
74
|
children: [Math.min(99, Math.floor(props.process || 0)), "%"]
|
|
@@ -120,6 +121,7 @@ var Result = function Result(props) {
|
|
|
120
121
|
size: 'null',
|
|
121
122
|
jssStyle: props.jssStyle,
|
|
122
123
|
name: 'ring',
|
|
124
|
+
ignoreConfig: true,
|
|
123
125
|
className: uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.imageResultLoading
|
|
124
126
|
}), (status === 2 || status === -1) && src && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
125
127
|
className: (0, _classnames.default)(uploadClasses === null || uploadClasses === void 0 ? void 0 : uploadClasses.icon),
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
2
|
+
interface AbsoluteContextProps {
|
|
3
|
+
absolute: boolean;
|
|
4
|
+
scrollElRef?: React.RefObject<HTMLElement>;
|
|
5
|
+
}
|
|
6
|
+
declare const AbsoluteContext: import("react").Context<AbsoluteContextProps>;
|
|
3
7
|
export default AbsoluteContext;
|
|
4
8
|
//# sourceMappingURL=absolute-context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CAC5C;AAGD,QAAA,MAAM,eAAe,+CAEnB,CAAC;AAIH,eAAe,eAAe,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
|
|
3
3
|
import { createContext } from 'react';
|
|
4
|
-
var AbsoluteContext = /*#__PURE__*/createContext(
|
|
4
|
+
var AbsoluteContext = /*#__PURE__*/createContext({
|
|
5
|
+
absolute: false
|
|
6
|
+
});
|
|
7
|
+
AbsoluteContext.displayName = 'AbsoluteContext';
|
|
5
8
|
export default AbsoluteContext;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"absolute-list.d.ts","sourceRoot":"","sources":["absolute-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAG7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIzD,QAAA,MAAM,YAAY,UAAW,iBAAiB;;sBAuF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -4,8 +4,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
4
4
|
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; }
|
|
5
5
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
6
|
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); }
|
|
7
|
-
import React, { useRef, useContext } from 'react';
|
|
8
|
-
import { usePositionStyle, util } from '@sheinx/hooks';
|
|
7
|
+
import React, { useRef, useContext, useEffect } from 'react';
|
|
8
|
+
import { getClosestScrollContainer, usePositionStyle, util } from '@sheinx/hooks';
|
|
9
9
|
import ReactDOM from 'react-dom';
|
|
10
10
|
import useContainer from "./use-container";
|
|
11
11
|
import AbsoluteContext from "./absolute-context";
|
|
@@ -13,7 +13,7 @@ var AbsoluteList = function AbsoluteList(props) {
|
|
|
13
13
|
var position = props.position,
|
|
14
14
|
children = props.children,
|
|
15
15
|
parentElRef = props.parentElRef,
|
|
16
|
-
|
|
16
|
+
scrollElRefProp = props.scrollElRef,
|
|
17
17
|
fixedWidth = props.fixedWidth,
|
|
18
18
|
_props$zIndex = props.zIndex,
|
|
19
19
|
zIndex = _props$zIndex === void 0 ? 1051 : _props$zIndex,
|
|
@@ -27,7 +27,9 @@ var AbsoluteList = function AbsoluteList(props) {
|
|
|
27
27
|
destroy = _props$destroy === void 0 ? false : _props$destroy,
|
|
28
28
|
_props$lazy = props.lazy,
|
|
29
29
|
lazy = _props$lazy === void 0 ? true : _props$lazy;
|
|
30
|
-
var
|
|
30
|
+
var _useContext = useContext(AbsoluteContext),
|
|
31
|
+
defaultAbsolute = _useContext.absolute,
|
|
32
|
+
scrollElRefContext = _useContext.scrollElRef;
|
|
31
33
|
var absolute = props.absolute === undefined ? defaultAbsolute : props.absolute;
|
|
32
34
|
var _useContainer = useContainer({
|
|
33
35
|
container: typeof absolute === 'function' ? absolute : undefined
|
|
@@ -37,6 +39,19 @@ var AbsoluteList = function AbsoluteList(props) {
|
|
|
37
39
|
rendered: false
|
|
38
40
|
}),
|
|
39
41
|
context = _useRef.current;
|
|
42
|
+
var closestScrollContainerRef = React.useRef(null);
|
|
43
|
+
|
|
44
|
+
// scrollElRef的3个来源:1. 外部传入 2. 上下文传入 3. 最接近的滚动容器
|
|
45
|
+
var finalScrollElRef = React.useMemo(function () {
|
|
46
|
+
return scrollElRefProp || scrollElRefContext || closestScrollContainerRef;
|
|
47
|
+
}, [scrollElRefProp, scrollElRefContext]);
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (scrollElRefProp || scrollElRefContext) return;
|
|
50
|
+
var closestScrollContainer = getClosestScrollContainer(parentElRef.current);
|
|
51
|
+
if (closestScrollContainer) {
|
|
52
|
+
closestScrollContainerRef.current = closestScrollContainer;
|
|
53
|
+
}
|
|
54
|
+
}, [parentElRef, scrollElRefProp, scrollElRefContext]);
|
|
40
55
|
var _usePositionStyle = usePositionStyle({
|
|
41
56
|
getContainer: getRoot,
|
|
42
57
|
position: position,
|
|
@@ -45,7 +60,7 @@ var AbsoluteList = function AbsoluteList(props) {
|
|
|
45
60
|
show: focus,
|
|
46
61
|
fixedWidth: fixedWidth,
|
|
47
62
|
zIndex: zIndex,
|
|
48
|
-
scrollElRef:
|
|
63
|
+
scrollElRef: finalScrollElRef,
|
|
49
64
|
popupElRef: popupElRef,
|
|
50
65
|
updateKey: updateKey,
|
|
51
66
|
popupGap: popupGap,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["avatar.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,WAAW,EAAiB,MAAM,eAAe,CAAC;AAE3D,QAAA,MAAM,MAAM,UAAW,WAAW,gBA4HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
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
|
+
var _excluded = ["jssStyle", "className", "children", "style", "src", "alt", "icon", "gap", "shape", "srcSet", "draggable", "size", "crossOrigin", "onError"];
|
|
3
|
+
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
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
7
|
+
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); }
|
|
8
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
+
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; }
|
|
12
|
+
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; } }
|
|
13
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
|
+
import React, { useState, useRef, isValidElement, useEffect, useContext } from 'react';
|
|
17
|
+
import classNames from 'classnames';
|
|
18
|
+
import { AvatarContext } from "./context";
|
|
19
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
+
var Avatar = function Avatar(props) {
|
|
21
|
+
var _jssStyle$avatar;
|
|
22
|
+
var jssStyle = props.jssStyle,
|
|
23
|
+
className = props.className,
|
|
24
|
+
children = props.children,
|
|
25
|
+
style = props.style,
|
|
26
|
+
src = props.src,
|
|
27
|
+
alt = props.alt,
|
|
28
|
+
icon = props.icon,
|
|
29
|
+
_props$gap = props.gap,
|
|
30
|
+
gap = _props$gap === void 0 ? 4 : _props$gap,
|
|
31
|
+
shapeProp = props.shape,
|
|
32
|
+
srcSet = props.srcSet,
|
|
33
|
+
draggable = props.draggable,
|
|
34
|
+
sizeProp = props.size,
|
|
35
|
+
crossOrigin = props.crossOrigin,
|
|
36
|
+
onError = props.onError,
|
|
37
|
+
rest = _objectWithoutProperties(props, _excluded);
|
|
38
|
+
var _useState = useState(1),
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
+
scale = _useState2[0],
|
|
41
|
+
setScale = _useState2[1];
|
|
42
|
+
var _useState3 = useState(false),
|
|
43
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
+
mounted = _useState4[0],
|
|
45
|
+
setMounted = _useState4[1];
|
|
46
|
+
var _useState5 = useState(true),
|
|
47
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
48
|
+
isImgExist = _useState6[0],
|
|
49
|
+
setIsImgExist = _useState6[1];
|
|
50
|
+
var avatarRef = useRef(null);
|
|
51
|
+
var childrenRef = useRef(null);
|
|
52
|
+
var avatarContext = useContext(AvatarContext);
|
|
53
|
+
var shape = shapeProp || avatarContext.shape || 'circle';
|
|
54
|
+
var size = sizeProp || avatarContext.size;
|
|
55
|
+
var hasImageElement = /*#__PURE__*/isValidElement(src);
|
|
56
|
+
var avatarClasses = (jssStyle === null || jssStyle === void 0 || (_jssStyle$avatar = jssStyle.avatar) === null || _jssStyle$avatar === void 0 ? void 0 : _jssStyle$avatar.call(jssStyle)) || {};
|
|
57
|
+
var rootClass = classNames(className, avatarClasses.wrapper, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, avatarClasses.circle, shape === 'circle'), avatarClasses.square, shape === 'square'), avatarClasses.image, hasImageElement || src), avatarClasses.small, size === 'small'), avatarClasses.large, size === 'large'), avatarClasses.icon, !!icon));
|
|
58
|
+
var setScaleByChildren = function setScaleByChildren() {
|
|
59
|
+
if (!childrenRef.current || !avatarRef.current) return;
|
|
60
|
+
var avatarWidth = avatarRef.current.offsetWidth;
|
|
61
|
+
var childrenWidth = childrenRef.current.offsetWidth;
|
|
62
|
+
if (childrenWidth !== 0 && avatarWidth !== 0) {
|
|
63
|
+
if (gap * 2 < avatarWidth) {
|
|
64
|
+
setScale(avatarWidth - gap * 2 < childrenWidth ? (avatarWidth - gap * 2) / childrenWidth : 1);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
var handleImageLoadError = function handleImageLoadError() {
|
|
69
|
+
var errorFlag = (onError === null || onError === void 0 ? void 0 : onError()) || false;
|
|
70
|
+
if (errorFlag !== false) {
|
|
71
|
+
setIsImgExist(false);
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
var renderChildren = function renderChildren() {
|
|
75
|
+
if (typeof src === 'string' && isImgExist) {
|
|
76
|
+
return /*#__PURE__*/_jsx("img", {
|
|
77
|
+
src: src,
|
|
78
|
+
alt: alt,
|
|
79
|
+
draggable: draggable,
|
|
80
|
+
srcSet: srcSet,
|
|
81
|
+
crossOrigin: crossOrigin,
|
|
82
|
+
onError: handleImageLoadError
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
if (hasImageElement) {
|
|
86
|
+
return src;
|
|
87
|
+
}
|
|
88
|
+
if (icon) {
|
|
89
|
+
return icon;
|
|
90
|
+
}
|
|
91
|
+
var className = classNames(icon ? avatarClasses.icon : avatarClasses.string);
|
|
92
|
+
if (mounted || scale !== 1) {
|
|
93
|
+
var transform = "scale(".concat(scale, ")");
|
|
94
|
+
var childrenStyle = {
|
|
95
|
+
transform: transform,
|
|
96
|
+
msTransform: transform,
|
|
97
|
+
WebkitTransform: transform
|
|
98
|
+
};
|
|
99
|
+
return /*#__PURE__*/_jsx("span", {
|
|
100
|
+
style: childrenStyle,
|
|
101
|
+
className: className,
|
|
102
|
+
ref: childrenRef,
|
|
103
|
+
children: children
|
|
104
|
+
});
|
|
105
|
+
}
|
|
106
|
+
return /*#__PURE__*/_jsx("span", {
|
|
107
|
+
style: {
|
|
108
|
+
opacity: 0
|
|
109
|
+
},
|
|
110
|
+
className: className,
|
|
111
|
+
ref: childrenRef,
|
|
112
|
+
children: children
|
|
113
|
+
});
|
|
114
|
+
};
|
|
115
|
+
useEffect(function () {
|
|
116
|
+
setMounted(true);
|
|
117
|
+
}, []);
|
|
118
|
+
useEffect(function () {
|
|
119
|
+
setIsImgExist(true);
|
|
120
|
+
setScale(1);
|
|
121
|
+
}, [props.src]);
|
|
122
|
+
useEffect(setScaleByChildren, [gap]);
|
|
123
|
+
return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
|
|
124
|
+
ref: avatarRef,
|
|
125
|
+
className: rootClass,
|
|
126
|
+
style: style
|
|
127
|
+
}, rest), {}, {
|
|
128
|
+
children: renderChildren()
|
|
129
|
+
}));
|
|
130
|
+
};
|
|
131
|
+
export default Avatar;
|