@pinnacle0/web-ui 0.5.36 → 0.5.37

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.
@@ -28,6 +28,8 @@ export var PagedList = ReactUtil.memo("PagedList", function (_a) {
28
28
  var upperLimit = dataSource.length - pageSize;
29
29
  var isPreviousDisabled = currentItemIndex >= upperLimit;
30
30
  var currentPageIndex = React.useMemo(function () { return Math.floor(currentItemIndex / pageSize); }, [currentItemIndex, pageSize]);
31
+ var shownDataIndex = [Math.max(currentItemIndex - 1 * pageSize, 0), Math.min(currentItemIndex + 2 * pageSize, dataSource.length)];
32
+ var totalSize = dataSource.length * itemWidth * pageSize;
31
33
  var goPreviousPage = function () {
32
34
  setCurrentItemIndex(Math.max(0, Math.min(currentItemIndex + pageSize, upperLimit)));
33
35
  };
@@ -51,8 +53,14 @@ export var PagedList = ReactUtil.memo("PagedList", function (_a) {
51
53
  }, [currentPageIndex, onPageChange]);
52
54
  return (React.createElement("div", { className: "g-paged-list" },
53
55
  React.createElement("div", { className: "list-wrap", style: { width: itemWidth * pageSize } },
54
- React.createElement("div", { className: "list", style: { transform: "translateX(".concat(currentItemIndex * itemWidth, "px)") } }, dataSource.map(function (_, index) { return (React.createElement("div", { style: { flex: "0 0 ".concat(itemWidth, "px") }, key: getRowKey(_, index) },
55
- React.createElement(Component, { index: index, item: _ }))); })),
56
+ React.createElement("div", { className: "list", style: { width: totalSize, transform: "translateX(".concat(-(totalSize - (currentItemIndex + pageSize) * itemWidth), "px)") } }, dataSource.map(function (item, index) {
57
+ if (index < shownDataIndex[0])
58
+ return null;
59
+ if (index > shownDataIndex[1])
60
+ return null;
61
+ return (React.createElement("div", { style: { position: "absolute", width: itemWidth, transform: "translateX(-".concat(index * itemWidth, "px)") }, key: getRowKey(item, index) },
62
+ React.createElement(Component, { index: index, item: item })));
63
+ })),
56
64
  dataSource.length === 0 && React.createElement("div", { className: "no-data" }, t.noData)),
57
65
  React.createElement("div", { className: "navigation" },
58
66
  React.createElement("div", { onClick: isNextDisabled ? undefined : goNextPage, className: classNames({ disabled: isNextDisabled }) },
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/PagedList/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/PagedList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAE9C,OAAO,cAAc,CAAC;AAWtB,MAAM,CAAC,IAAM,SAAS,GAAG,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,UAAmB,EAA6E;QAA5E,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAE,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAChI,IAAA,KAAA,OAA0C,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAA1D,gBAAgB,QAAA,EAAE,mBAAmB,QAAqB,CAAC;IAClE,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,IAAM,SAAS,GAAG,UAAU,CAAC;IAC7B,IAAM,cAAc,GAAG,gBAAgB,KAAK,CAAC,CAAC;IAC9C,IAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC;IAChD,IAAM,kBAAkB,GAAG,gBAAgB,IAAI,UAAU,CAAC;IAC1D,IAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,QAAQ,CAAC,EAAvC,CAAuC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC;IACpH,IAAM,cAAc,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,CAAC,GAAG,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IACpI,IAAM,SAAS,GAAG,UAAU,CAAC,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAE3D,IAAM,cAAc,GAAG;QACnB,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,gBAAgB,GAAG,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC;IACxF,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACf,mBAAmB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,cAAM,OAAA,mBAAmB,CAAC,CAAC,CAAC,EAAtB,CAAsB,CAAC;IAEnD,IAAM,SAAS,GAAG,UAAC,MAAS,EAAE,KAAa;QACvC,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC;QACjB,CAAC;aAAM,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACtC,OAAO,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACjC,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC,MAAM,CAAQ,CAAC;QACjC,CAAC;IACL,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,gBAAgB,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,OAAO,CACH,6BAAK,SAAS,EAAC,cAAc;QACzB,6BAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,GAAG,QAAQ,EAAC;YAC3D,6BAAK,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,qBAAc,CAAC,CAAC,SAAS,GAAG,CAAC,gBAAgB,GAAG,QAAQ,CAAC,GAAG,SAAS,CAAC,QAAK,EAAC,IAClI,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK;gBACxB,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAC3C,IAAI,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAC3C,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,sBAAe,KAAK,GAAG,SAAS,QAAK,EAAC,EAAE,GAAG,EAAE,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC;oBAC/H,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CACrC,CACT,CAAC;YACN,CAAC,CAAC,CACA;YACL,UAAU,CAAC,MAAM,KAAK,CAAC,IAAI,6BAAK,SAAS,EAAC,SAAS,IAAE,CAAC,CAAC,MAAM,CAAO,CACnE;QACN,6BAAK,SAAS,EAAC,YAAY;YACvB,6BAAK,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC;gBACpG,6BAAK,SAAS,EAAC,aAAa,GAAG;gBAC/B,iCAAM,CAAC,CAAC,QAAQ,CAAO,CACrB;YACN,6BAAK,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,EAAE,SAAS,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;gBAC1G,6BAAK,SAAS,EAAC,iBAAiB,GAAG;gBACnC,iCAAM,CAAC,CAAC,QAAQ,CAAO,CACrB;YACN,6BAAK,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,EAAC,QAAQ,EAAE,cAAc,EAAC,CAAC;gBACvG,6BAAK,SAAS,EAAC,gBAAgB,GAAG;gBAClC,iCAAM,CAAC,CAAC,WAAW,CAAO,CACxB,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
@@ -11,6 +11,7 @@
11
11
 
12
12
  > .list {
13
13
  display: flex;
14
+ position: relative;
14
15
  flex-direction: row-reverse;
15
16
  transition: transform 0.8s;
16
17
  height: 100%;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pinnacle0/web-ui",
3
- "version": "0.5.36",
3
+ "version": "0.5.37",
4
4
  "author": "Pinnacle",
5
5
  "license": "MIT",
6
6
  "sideEffects": [