tntd 1.4.17 → 2.0.0-beta

package/dist/es/svg-components/index.js

@@ -0,0 +1,11 @@
+export { default as Illustration403 } from './illustration-403';
+export { default as Illustration404 } from './illustration-404';
+export { default as Illustration500 } from './illustration-500';
+export { default as IllustrationEmpty } from './illustration-empty';
+export { default as IllustrationFailure } from './illustration-failure';
+export { default as IllustrationNoAccess } from './illustration-no-access';
+export { default as IllustrationNoChart } from './illustration-no-chart';
+export { default as IllustrationNoResult } from './illustration-no-result';
+export { default as IllustrationOffline } from './illustration-offline';
+export { default as IllustrationSuccess } from './illustration-success';
+//# sourceMappingURL=index.js.map

package/dist/es/svg-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/svg-components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAA","sourcesContent":["export { default as Illustration403 } from './illustration-403'\nexport { default as Illustration404 } from './illustration-404'\nexport { default as Illustration500 } from './illustration-500'\nexport { default as IllustrationEmpty } from './illustration-empty'\nexport { default as IllustrationFailure } from './illustration-failure'\nexport { default as IllustrationNoAccess } from './illustration-no-access'\nexport { default as IllustrationNoChart } from './illustration-no-chart'\nexport { default as IllustrationNoResult } from './illustration-no-result'\nexport { default as IllustrationOffline } from './illustration-offline'\nexport { default as IllustrationSuccess } from './illustration-success'\n"]}

package/dist/es/table/assets/image-loading-background.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+function SvgTableLoading(props, svgRef) {
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 135, height: 135, fill: "none", fillRule: "evenodd", ref: svgRef }, props),
+        React.createElement("g", { fillRule: "nonzero" },
+            React.createElement("path", { d: "M.612 67.592c0 36.917 29.927 66.844 66.844 66.844S134.3 104.509 134.3 67.592C134.3 30.675 104.373.748 67.456.748S.612 30.675.612 67.592z", fill: "#f5f5f5" }),
+            React.createElement("path", { d: "M14.484 94.18v1.7s1.496 1.632 4.964 1.632h97.172s2.652-.816 3.808-1.632v-1.632H14.484v-.068z", fill: "#d9d9da" }),
+            React.createElement("path", { d: "M26.305 37.57c0-.102 0-.102 0 0 0-.102 0-.102 0 0zm.031-.102h.2-.2z", fill: "#929397" }),
+            React.createElement("path", { d: "M108.324 37.4h-62.9l3.876 3.4h57.46v50.32h-4.352l3.536 2.72h2.312c.884 0 1.836-.476 1.836-1.36V39.168c.068-.952-.884-1.768-1.768-1.768z", fill: "#18263c" }),
+            React.createElement("path", { d: "M26.248 37.556h.309-.309zM25.16 92.48V39.1s-.136-.952.544-1.428c.272-.272.816-.272.816-.272h18.904l3.876 3.4H27.88v50.32h74.528l3.536 2.72H26.52s-1.36.204-1.36-1.36z", fill: "#58585a" }),
+            React.createElement("path", { fill: "#fff", d: "M27.66 40.48h80v51h-80z" })),
+        React.createElement("g", { stroke: "#1b1b1b", strokeWidth: 0.6 },
+            React.createElement("path", { d: "M100.694 49.664v8.4H34.3v-8.4h66.394z", fill: "#7eaee9" }),
+            React.createElement("g", { fill: "#f3f6fc" },
+                React.createElement("path", { d: "M100.694 57.664v8.4H34.3v-8.4h66.394z" }),
+                React.createElement("path", { d: "M100.694 65.664v8.4H34.3v-8.4h66.394z" }),
+                React.createElement("path", { d: "M100.694 73.664v8.4H34.3v-8.4h66.394z" })),
+            React.createElement("path", { d: "M54.056 49.364v33m22-33v33" }))));
+}
+const ForwardRef = React.forwardRef(SvgTableLoading);
+const MemoForwardRef = React.memo(ForwardRef);
+export default MemoForwardRef;
+//# sourceMappingURL=image-loading-background.js.map

package/dist/es/table/assets/image-loading-background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-loading-background.js","sourceRoot":"","sources":["../../../../src/table/assets/image-loading-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,SAAS,eAAe,CAAC,KAAoC,EAAE,MAAiC;IAC9F,OAAO,CACL,2CACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,IAAI,EAAC,MAAM,EACX,QAAQ,EAAC,SAAS,EAClB,GAAG,EAAE,MAAM,IACP,KAAK;QAET,2BAAG,QAAQ,EAAC,SAAS;YACnB,8BACE,CAAC,EAAC,0IAA0I,EAC5I,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,8FAA8F,EAChG,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,qEAAqE,EACvE,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,SAAS,GACd;YACF,8BACE,CAAC,EAAC,uKAAuK,EACzK,IAAI,EAAC,SAAS,GACd;YACF,8BAAM,IAAI,EAAC,MAAM,EAAC,CAAC,EAAC,yBAAyB,GAAG,CAC9C;QACJ,2BAAG,MAAM,EAAC,SAAS,EAAC,WAAW,EAAE,GAAG;YAClC,8BAAM,CAAC,EAAC,uCAAuC,EAAC,IAAI,EAAC,SAAS,GAAG;YACjE,2BAAG,IAAI,EAAC,SAAS;gBACf,8BAAM,CAAC,EAAC,uCAAuC,GAAG;gBAClD,8BAAM,CAAC,EAAC,uCAAuC,GAAG;gBAClD,8BAAM,CAAC,EAAC,uCAAuC,GAAG,CAChD;YACJ,8BAAM,CAAC,EAAC,4BAA4B,GAAG,CACrC,CACA,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AACpD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;AAC7C,eAAe,cAAc,CAAA","sourcesContent":["import * as React from 'react'\n\nfunction SvgTableLoading(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={135}\n      height={135}\n      fill=\"none\"\n      fillRule=\"evenodd\"\n      ref={svgRef}\n      {...props}\n    >\n      <g fillRule=\"nonzero\">\n        <path\n          d=\"M.612 67.592c0 36.917 29.927 66.844 66.844 66.844S134.3 104.509 134.3 67.592C134.3 30.675 104.373.748 67.456.748S.612 30.675.612 67.592z\"\n          fill=\"#f5f5f5\"\n        />\n        <path\n          d=\"M14.484 94.18v1.7s1.496 1.632 4.964 1.632h97.172s2.652-.816 3.808-1.632v-1.632H14.484v-.068z\"\n          fill=\"#d9d9da\"\n        />\n        <path\n          d=\"M26.305 37.57c0-.102 0-.102 0 0 0-.102 0-.102 0 0zm.031-.102h.2-.2z\"\n          fill=\"#929397\"\n        />\n        <path\n          d=\"M108.324 37.4h-62.9l3.876 3.4h57.46v50.32h-4.352l3.536 2.72h2.312c.884 0 1.836-.476 1.836-1.36V39.168c.068-.952-.884-1.768-1.768-1.768z\"\n          fill=\"#18263c\"\n        />\n        <path\n          d=\"M26.248 37.556h.309-.309zM25.16 92.48V39.1s-.136-.952.544-1.428c.272-.272.816-.272.816-.272h18.904l3.876 3.4H27.88v50.32h74.528l3.536 2.72H26.52s-1.36.204-1.36-1.36z\"\n          fill=\"#58585a\"\n        />\n        <path fill=\"#fff\" d=\"M27.66 40.48h80v51h-80z\" />\n      </g>\n      <g stroke=\"#1b1b1b\" strokeWidth={0.6}>\n        <path d=\"M100.694 49.664v8.4H34.3v-8.4h66.394z\" fill=\"#7eaee9\" />\n        <g fill=\"#f3f6fc\">\n          <path d=\"M100.694 57.664v8.4H34.3v-8.4h66.394z\" />\n          <path d=\"M100.694 65.664v8.4H34.3v-8.4h66.394z\" />\n          <path d=\"M100.694 73.664v8.4H34.3v-8.4h66.394z\" />\n        </g>\n        <path d=\"M54.056 49.364v33m22-33v33\" />\n      </g>\n    </svg>\n  )\n}\n\nconst ForwardRef = React.forwardRef(SvgTableLoading)\nconst MemoForwardRef = React.memo(ForwardRef)\nexport default MemoForwardRef\n"]}

package/dist/es/table/assets/image-loading.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+function SvgTableLoading(props, svgRef) {
+    return (React.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 135, height: 135, viewBox: "0 0 80 80", preserveAspectRatio: "xMidYMid", display: "block", ref: svgRef }, props),
+        React.createElement("circle", { cx: "40", cy: "40", r: "38.5", fill: "none", stroke: "#91b7f8", strokeLinecap: "round", strokeDasharray: "94.24777960769379 31.41592653589793", strokeWidth: 3 },
+            React.createElement("animateTransform", { attributeName: "transform", type: "rotate", values: "0 40 40;360 40 40", dur: "1s", repeatCount: "indefinite", keyTimes: "0;1" }))));
+}
+const ForwardRef = React.forwardRef(SvgTableLoading);
+const MemoForwardRef = React.memo(ForwardRef);
+export default MemoForwardRef;
+//# sourceMappingURL=image-loading.js.map

package/dist/es/table/assets/image-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-loading.js","sourceRoot":"","sources":["../../../../src/table/assets/image-loading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,SAAS,eAAe,CAAC,KAAoC,EAAE,MAAiC;IAC9F,OAAO,CACL,2CACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,GAAG,EACX,OAAO,EAAC,WAAW,EACnB,mBAAmB,EAAC,UAAU,EAC9B,OAAO,EAAC,OAAO,EACf,GAAG,EAAE,MAAM,IACP,KAAK;QAET,gCACE,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAC,MAAM,EACR,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,SAAS,EAChB,aAAa,EAAC,OAAO,EACrB,eAAe,EAAC,qCAAqC,EACrD,WAAW,EAAE,CAAC;YAEd,0CACE,aAAa,EAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EACb,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAC,IAAI,EACR,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAC,KAAK,GACd,CACK,CACL,CACP,CAAA;AACH,CAAC;AAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AACpD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;AAC7C,eAAe,cAAc,CAAA","sourcesContent":["import * as React from 'react'\n\nfunction SvgTableLoading(props: React.SVGProps<SVGSVGElement>, svgRef?: React.Ref<SVGSVGElement>) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={135}\n      height={135}\n      viewBox=\"0 0 80 80\"\n      preserveAspectRatio=\"xMidYMid\"\n      display=\"block\"\n      ref={svgRef}\n      {...props}\n    >\n      <circle\n        cx=\"40\"\n        cy=\"40\"\n        r=\"38.5\"\n        fill=\"none\"\n        stroke=\"#91b7f8\"\n        strokeLinecap=\"round\"\n        strokeDasharray=\"94.24777960769379 31.41592653589793\"\n        strokeWidth={3}\n      >\n        <animateTransform\n          attributeName=\"transform\"\n          type=\"rotate\"\n          values=\"0 40 40;360 40 40\"\n          dur=\"1s\"\n          repeatCount=\"indefinite\"\n          keyTimes=\"0;1\"\n        />\n      </circle>\n    </svg>\n  )\n}\n\nconst ForwardRef = React.forwardRef(SvgTableLoading)\nconst MemoForwardRef = React.memo(ForwardRef)\nexport default MemoForwardRef\n"]}

package/dist/es/table/constants.js

@@ -0,0 +1,2 @@
+export const TABLE_SIZE_STORAGE_KEY = '__$table-custom-size';
+//# sourceMappingURL=constants.js.map

package/dist/es/table/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../src/table/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG,sBAAsB,CAAA","sourcesContent":["export const TABLE_SIZE_STORAGE_KEY = '__$table-custom-size'\n"]}

package/dist/es/table/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const TableContext = createContext({});
+//# sourceMappingURL=context.js.map

package/dist/es/table/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/table/context.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAa,MAAM,OAAO,CAAA;AAoChD,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAA","sourcesContent":["import type { TableProps } from 'antd/es/table'\nimport { createContext, RefObject } from 'react'\n\nimport type { ColumnSetting } from './hooks/use-column-setting'\n\nexport interface TableContextValue {\n  /**\n   * column setting\n   */\n  columnSetting?: ColumnSetting[]\n\n  /**\n   * size\n   */\n  size?: TableProps<unknown>['size']\n\n  /**\n   * container ref\n   */\n  tableContainer?: RefObject<HTMLDivElement>\n\n  /**\n   * set column setting function\n   */\n  setColumnSetting?(columnSetting: ColumnSetting[] | undefined): void\n\n  /**\n   * refresh function\n   */\n  refresh?(): void\n\n  /**\n   * set size function\n   */\n  setSize?(size: TableProps<unknown>['size']): void\n}\n\nexport const TableContext = createContext<TableContextValue>({})\n"]}

package/dist/es/table/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './use-column-setting';
+//# sourceMappingURL=index.js.map

package/dist/es/table/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './use-column-setting'\n"]}

package/dist/es/table/hooks/use-column-setting.js

@@ -0,0 +1,19 @@
+import { useLocalStorageMayEmpty } from '@stellaris/hooks';
+import { useMemo } from 'react';
+export const useColumnSetting = (columns, storageKey) => {
+    const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty(storageKey, []);
+    const displayColumns = useMemo(() => {
+        if (!columnSetting || columnSetting.length === 0) {
+            return columns;
+        }
+        return columns
+            .filter((column) => columnSetting.some((setting) => setting.key === column.key))
+            .sort((a, b) => {
+            const aIndex = columnSetting.find((setting) => setting.key === a.key);
+            const bIndex = columnSetting.find((setting) => setting.key === b.key);
+            return ((aIndex === null || aIndex === void 0 ? void 0 : aIndex.order) || 0) - ((bIndex === null || bIndex === void 0 ? void 0 : bIndex.order) || 0);
+        });
+    }, []);
+    return [displayColumns, columnSetting, setColumnSetting];
+};
+//# sourceMappingURL=use-column-setting.js.map

package/dist/es/table/hooks/use-column-setting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-column-setting.js","sourceRoot":"","sources":["../../../../src/table/hooks/use-column-setting.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAQ/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,OAAyB,EACzB,UAAmB,EAKnB,EAAE;IACF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,uBAAuB,CAAkB,UAAU,EAAE,EAAE,CAAC,CAAA;IAClG,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,OAAO,OAAO,CAAA;SACf;QAED,OAAO,OAAO;aACX,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC;aAC/E,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACb,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YACrE,MAAM,MAAM,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAA;YAErE,OAAO,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,GAAG,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,CAAC,CAAC,CAAA;QACpD,CAAC,CAAC,CAAA;IACN,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,CAAA;AAC1D,CAAC,CAAA","sourcesContent":["import { useLocalStorageMayEmpty } from '@stellaris/hooks'\nimport type { ColumnProps } from 'antd/es/table'\nimport type { Dispatch, SetStateAction } from 'react'\nimport { useMemo } from 'react'\n\nexport interface ColumnSetting {\n  key: string\n  order: number\n  enable: boolean\n}\n\nexport const useColumnSetting = <T>(\n  columns: ColumnProps<T>[],\n  storageKey?: string\n): [\n  ColumnProps<T>[],\n  ColumnSetting[] | undefined,\n  Dispatch<SetStateAction<ColumnSetting[] | undefined>>\n] => {\n  const [columnSetting, setColumnSetting] = useLocalStorageMayEmpty<ColumnSetting[]>(storageKey, [])\n  const displayColumns = useMemo(() => {\n    if (!columnSetting || columnSetting.length === 0) {\n      return columns\n    }\n\n    return columns\n      .filter((column) => columnSetting.some((setting) => setting.key === column.key))\n      .sort((a, b) => {\n        const aIndex = columnSetting.find((setting) => setting.key === a.key)\n        const bIndex = columnSetting.find((setting) => setting.key === b.key)\n\n        return (aIndex?.order || 0) - (bIndex?.order || 0)\n      })\n  }, [])\n\n  return [displayColumns, columnSetting, setColumnSetting]\n}\n"]}

package/dist/es/table/index.js

@@ -0,0 +1,2 @@
+export * from './table';
+//# sourceMappingURL=index.js.map

package/dist/es/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA","sourcesContent":["export * from './table'\n"]}

package/dist/es/table/table.js

@@ -0,0 +1,63 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { useLocalStorage } from '@stellaris/hooks';
+import LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver';
+import Column from 'antd/es/table/Column';
+import ColumnGroup from 'antd/es/table/ColumnGroup';
+import classNames from 'classnames';
+import React, { useEffect, useMemo, useRef } from 'react';
+import { Table as AntdTable } from '../antd-components/table';
+import { TABLE_SIZE_STORAGE_KEY } from './constants';
+import { TableContext } from './context';
+import { useColumnSetting } from './hooks';
+import { Toolbar } from './toolbar';
+import { normalizeColumns } from './utils';
+import styles from './table.module.less';
+export const Table = (_a) => {
+    var { className, loading, locale, bordered, toolbar, refresh, size, storageKey, columns, children, pagination = {
+        showTotal: (total) => `共 ${total} 条记录`,
+    }, enableToolbar = false } = _a, rest = __rest(_a, ["className", "loading", "locale", "bordered", "toolbar", "refresh", "size", "storageKey", "columns", "children", "pagination", "enableToolbar"]);
+    const tableContainer = useRef(null);
+    const [innerSize, setInnerSize] = useLocalStorage(TABLE_SIZE_STORAGE_KEY, 'default');
+    const normalizedColumns = useMemo(() => columns || normalizeColumns(children), [children, columns]);
+    const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(normalizedColumns, storageKey);
+    /**
+     * update the innerSize when props size changes
+     */
+    useEffect(() => {
+        if (size) {
+            setInnerSize(size);
+        }
+    }, [setInnerSize, size]);
+    return (React.createElement(TableContext.Provider, { value: {
+            size: innerSize,
+            tableContainer,
+            columnSetting,
+            refresh,
+            setSize: setInnerSize,
+            setColumnSetting,
+        } },
+        React.createElement("div", { ref: tableContainer },
+            enableToolbar === true && React.createElement(Toolbar, Object.assign({}, toolbar)),
+            React.createElement(LocaleReceiver, { componentName: "Table", defaultLocale: locale }, (localeObject) => {
+                const locale = localeObject;
+                return (React.createElement(AntdTable, Object.assign({ className: classNames(styles.table, {
+                        [styles.borderless]: !bordered,
+                        [styles.small]: innerSize === 'small',
+                        [styles.middle]: innerSize === 'middle',
+                    }, className), locale: locale, bordered: bordered, size: innerSize, columns: displayColumns, pagination: pagination }, rest)));
+            }))));
+};
+Table.Column = Column;
+Table.ColumnGroup = ColumnGroup;
+Table.displayName = 'Table';
+//# sourceMappingURL=table.js.map

package/dist/es/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useLocalStorage } from '@stellaris/hooks'\nimport LocaleReceiver from 'antd/es/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/es/table'\nimport Column from 'antd/es/table/Column'\nimport ColumnGroup from 'antd/es/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useEffect, useMemo, useRef } from 'react'\n\nimport { Table as AntdTable } from '../antd-components/table'\nimport { TABLE_SIZE_STORAGE_KEY } from './constants'\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { Toolbar, ToolBarProps } from './toolbar'\nimport { normalizeColumns } from './utils'\n\nimport styles from './table.module.less'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n  storageKey?: string\n  enableToolbar?: boolean\n  toolbar?: ToolBarProps\n  locale?: AntdTableProps<T>['locale'] & {\n    loadingDescription?: string\n    emptyText?: string\n  }\n  refresh?(): void\n}\n\nexport const Table = <T,>({\n  className,\n  loading,\n  locale,\n  bordered,\n  toolbar,\n  refresh,\n  size,\n  storageKey,\n  columns,\n  children,\n  pagination = {\n    showTotal: (total) => `共 ${total} 条记录`,\n  },\n  enableToolbar = false,\n  ...rest\n}: TableProps<T>) => {\n  const tableContainer = useRef<HTMLDivElement>(null)\n  const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n    TABLE_SIZE_STORAGE_KEY,\n    'default'\n  )\n  const normalizedColumns = useMemo(\n    () => columns || normalizeColumns<T>(children as React.ReactChildren),\n    [children, columns]\n  )\n  const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n    normalizedColumns,\n    storageKey\n  )\n\n  /**\n   * update the innerSize when props size changes\n   */\n  useEffect(() => {\n    if (size) {\n      setInnerSize(size)\n    }\n  }, [setInnerSize, size])\n\n  return (\n    <TableContext.Provider\n      value={{\n        size: innerSize,\n        tableContainer,\n        columnSetting,\n        refresh,\n        setSize: setInnerSize,\n        setColumnSetting,\n      }}\n    >\n      <div ref={tableContainer}>\n        {enableToolbar === true && <Toolbar {...toolbar} />}\n\n        <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n          {(localeObject) => {\n            const locale = localeObject as Record<string, string>\n\n            return (\n              <AntdTable\n                className={classNames(\n                  styles.table,\n                  {\n                    [styles.borderless]: !bordered,\n                    [styles.small]: innerSize === 'small',\n                    [styles.middle]: innerSize === 'middle',\n                  },\n                  className\n                )}\n                locale={locale}\n                bordered={bordered}\n                size={innerSize}\n                columns={displayColumns}\n                pagination={pagination}\n                {...rest}\n              />\n            )\n          }}\n        </LocaleReceiver>\n      </div>\n    </TableContext.Provider>\n  )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}

package/dist/es/table/table.module.less

@@ -0,0 +1,94 @@
+// @ref https://github.com/ant-design/ant-design/blob/3.x-stable/components/table/style/size.less
+@table-padding-vertical-md: @table-padding-vertical * 3 / 4;
+@table-padding-horizontal-md: @table-padding-horizontal / 2;
+@table-padding-vertical-sm: @table-padding-vertical / 2;
+@table-padding-horizontal-sm: @table-padding-horizontal / 2;
+@table-borderless-shadow: 0 0 14px rgba(0, 0, 0, 0.08);
+@table-placeholder-min-height: 280px;
+
+.table {
+  background-color: @white;
+  border-radius: @border-radius-base;
+
+  &.borderless {
+    box-shadow: @table-borderless-shadow;
+
+    :global .ant-table-small {
+      border: none;
+    }
+  }
+
+  :global {
+    // make the loading of table centered
+    .ant-table-placeholder {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      min-height: @table-placeholder-min-height;
+    }
+
+    // customize the loading of table
+    .ant-spin-nested-loading > div > .ant-spin {
+      background-color: @white;
+      max-height: initial;
+
+      .ant-spin-dot {
+        margin: 0;
+        display: initial;
+        font-size: initial;
+        width: initial;
+        height: initial;
+        transform: translate(-50%, -50%);
+      }
+    }
+
+    // customize the pagination of table
+    .ant-table-pagination.ant-pagination {
+      width: 100%;
+      text-align: right;
+      margin: 0;
+      padding: @table-padding-vertical @table-padding-horizontal;
+    }
+
+    .ant-pagination-total-text {
+      float: left;
+    }
+
+    // clear the default style when table is small
+    .ant-table-small {
+      .ant-table-content .ant-table-placeholder,
+      .ant-table-content .ant-table-row:last-child td {
+        border-bottom: @border-width-base @border-style-base @border-color-split;
+      }
+
+      > .ant-table-content > .ant-table-body {
+        margin: 0;
+      }
+
+      & + .ant-table-pagination.ant-pagination {
+        padding: @table-padding-vertical-sm @table-padding-horizontal-sm;
+      }
+    }
+
+    .ant-table-middle + .ant-table-pagination.ant-pagination {
+      padding: @table-padding-vertical-md @table-padding-horizontal-md;
+    }
+
+    .ant-table-pagination.ant-pagination {
+      padding: 12px @table-padding-horizontal;
+    }
+  }
+}
+
+.spin-container {
+  position: relative;
+  display: flex;
+
+  .spin-loading {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+  }
+}

package/dist/es/table/table.stories.js

@@ -0,0 +1,154 @@
+import React from 'react';
+import { Tag } from '../';
+import { Table } from './';
+const { Column, ColumnGroup } = Table;
+export default {
+    component: Table,
+    title: 'Table',
+    parameters: {
+        backgrounds: {
+            default: 'gary',
+            values: [{ name: 'gary', value: '#f1f2f5' }],
+        },
+    },
+};
+const Template = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args))));
+export const Empty = Template.bind({});
+Empty.args = {
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+};
+export const Loading = Template.bind({});
+Loading.args = {
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    loading: true,
+};
+export const Default = Template.bind({});
+Default.args = {
+    columns: [
+        {
+            title: '姓名',
+            dataIndex: 'name',
+            key: 'name',
+        },
+        {
+            title: '年龄',
+            dataIndex: 'age',
+            key: 'age',
+            render: (cellData) => React.createElement(Tag, { color: "green" }, cellData),
+        },
+        {
+            title: '住址',
+            dataIndex: 'address',
+            key: 'address',
+        },
+    ],
+    dataSource: [
+        {
+            key: '1',
+            name: '胡彦斌',
+            age: 32,
+            address: '西湖区湖底公园1号',
+        },
+        {
+            key: '2',
+            name: '胡彦祖',
+            age: 42,
+            address: '西湖区湖底公园1号',
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,
+    },
+    loading: false,
+};
+export const ColumnFilter = (args) => (React.createElement("div", { style: {
+        marginTop: '20px',
+    } },
+    React.createElement(Table, Object.assign({}, args),
+        React.createElement(ColumnGroup, { title: "Name" },
+            React.createElement(Column, { title: "First Name", dataIndex: "firstName", key: "firstName" }),
+            React.createElement(Column, { title: "Last Name", dataIndex: "lastName", key: "lastName" })),
+        React.createElement(Column, { title: "Age", dataIndex: "age", key: "age" }),
+        React.createElement(Column, { title: "Address", dataIndex: "address", key: "address" }),
+        React.createElement(Column, { title: "Tags", dataIndex: "tags", key: "tags", render: (tags) => (React.createElement("span", null, tags.map((tag) => (React.createElement(Tag, { color: "blue", key: tag }, tag))))) }),
+        React.createElement(Column, { title: "Action", key: "action", render: (_, record) => (React.createElement("span", null,
+                React.createElement("a", null,
+                    "Invite ",
+                    record.lastName),
+                React.createElement("a", null, "Delete"))) }))));
+ColumnFilter.args = {
+    dataSource: [
+        {
+            key: '1',
+            firstName: 'John',
+            lastName: 'Brown',
+            age: 32,
+            address: 'New York No. 1 Lake Park',
+            tags: ['nice', 'developer'],
+        },
+        {
+            key: '2',
+            firstName: 'Jim',
+            lastName: 'Green',
+            age: 42,
+            address: 'London No. 1 Lake Park',
+            tags: ['loser'],
+        },
+        {
+            key: '3',
+            firstName: 'Joe',
+            lastName: 'Black',
+            age: 32,
+            address: 'Sidney No. 1 Lake Park',
+            tags: ['cool', 'teacher'],
+        },
+    ],
+    pagination: {
+        total: 50,
+        position: 'bottom',
+        showSizeChanger: true,
+        showQuickJumper: true,
+        showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,
+    },
+    loading: false,
+};
+//# sourceMappingURL=table.stories.js.map

package/dist/es/table/table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/table/table.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Meta, Story } from '@tntd/storybook-react-storykit'\nimport React from 'react'\n\nimport { Tag } from '../'\nimport { Table, TableProps } from './'\n\nconst { Column, ColumnGroup } = Table\n\nexport default {\n  component: Table,\n  title: 'Table',\n  parameters: {\n    backgrounds: {\n      default: 'gary',\n      values: [{ name: 'gary', value: '#f1f2f5' }],\n    },\n  },\n} as Meta\n\nconst Template: Story<\n  TableProps<{\n    key: string\n    name: string\n    age: number\n    address: string\n  }>\n> = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args} />\n  </div>\n)\n\nexport const Empty = Template.bind({})\n\nEmpty.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n}\n\nexport const Loading = Template.bind({})\n\nLoading.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  loading: true,\n}\n\nexport const Default = Template.bind({})\n\nDefault.args = {\n  columns: [\n    {\n      title: '姓名',\n      dataIndex: 'name',\n      key: 'name',\n    },\n    {\n      title: '年龄',\n      dataIndex: 'age',\n      key: 'age',\n      render: (cellData) => <Tag color=\"green\">{cellData}</Tag>,\n    },\n    {\n      title: '住址',\n      dataIndex: 'address',\n      key: 'address',\n    },\n  ],\n  dataSource: [\n    {\n      key: '1',\n      name: '胡彦斌',\n      age: 32,\n      address: '西湖区湖底公园1号',\n    },\n    {\n      key: '2',\n      name: '胡彦祖',\n      age: 42,\n      address: '西湖区湖底公园1号',\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]}, 共 ${total} 条记录`,\n  },\n  loading: false,\n}\n\ninterface MockData {\n  key: string\n  age: number\n  address: string\n  firstName: string\n  lastName: string\n  tags: string[]\n}\n\nexport const ColumnFilter: Story<TableProps<MockData>> = (args) => (\n  <div\n    style={{\n      marginTop: '20px',\n    }}\n  >\n    <Table {...args}>\n      <ColumnGroup title=\"Name\">\n        <Column title=\"First Name\" dataIndex=\"firstName\" key=\"firstName\" />\n        <Column title=\"Last Name\" dataIndex=\"lastName\" key=\"lastName\" />\n      </ColumnGroup>\n      <Column title=\"Age\" dataIndex=\"age\" key=\"age\" />\n      <Column title=\"Address\" dataIndex=\"address\" key=\"address\" />\n      <Column\n        title=\"Tags\"\n        dataIndex=\"tags\"\n        key=\"tags\"\n        render={(tags: string[]) => (\n          <span>\n            {tags.map((tag) => (\n              <Tag color=\"blue\" key={tag}>\n                {tag}\n              </Tag>\n            ))}\n          </span>\n        )}\n      />\n      <Column\n        title=\"Action\"\n        key=\"action\"\n        render={(_, record: MockData) => (\n          <span>\n            <a>Invite {record.lastName}</a>\n            <a>Delete</a>\n          </span>\n        )}\n      />\n    </Table>\n  </div>\n)\n\nColumnFilter.args = {\n  dataSource: [\n    {\n      key: '1',\n      firstName: 'John',\n      lastName: 'Brown',\n      age: 32,\n      address: 'New York No. 1 Lake Park',\n      tags: ['nice', 'developer'],\n    },\n    {\n      key: '2',\n      firstName: 'Jim',\n      lastName: 'Green',\n      age: 42,\n      address: 'London No. 1 Lake Park',\n      tags: ['loser'],\n    },\n    {\n      key: '3',\n      firstName: 'Joe',\n      lastName: 'Black',\n      age: 32,\n      address: 'Sidney No. 1 Lake Park',\n      tags: ['cool', 'teacher'],\n    },\n  ],\n  pagination: {\n    total: 50,\n    position: 'bottom',\n    showSizeChanger: true,\n    showQuickJumper: true,\n    showTotal: (total, range) => `${range[0]}-${range[1]} of ${total} items`,\n  },\n  loading: false,\n}\n"]}

package/dist/es/table/toolbar/built-in/built-in.module.less

@@ -0,0 +1,4 @@
+.size-menu {
+  width: 80px;
+  text-align: center;
+}

package/dist/es/table/toolbar/built-in/column.js

@@ -0,0 +1,9 @@
+import { SettingTwo } from '@icon-park/react';
+import React, { memo } from 'react';
+import { IconWrapper } from '../icon-wrapper';
+export const Column = memo(() => {
+    return (React.createElement(IconWrapper, null,
+        React.createElement(SettingTwo, null)));
+});
+Column.displayName = 'Column';
+//# sourceMappingURL=column.js.map

package/dist/es/table/toolbar/built-in/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../../../src/table/toolbar/built-in/column.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE;IAC9B,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,UAAU,OAAG,CACF,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA","sourcesContent":["import { SettingTwo } from '@icon-park/react'\nimport React, { memo } from 'react'\n\nimport { IconWrapper } from '../icon-wrapper'\n\nexport const Column = memo(() => {\n  return (\n    <IconWrapper>\n      <SettingTwo />\n    </IconWrapper>\n  )\n})\n\nColumn.displayName = 'Column'\n"]}

package/dist/es/table/toolbar/built-in/fullscreen.js

@@ -0,0 +1,17 @@
+import { FullScreen as FullScreenIcon, OffScreen } from '@icon-park/react';
+import { useFullscreen, useToggle } from '@stellaris/hooks';
+import React, { memo, useContext } from 'react';
+import { TableContext } from '../../context';
+import { IconWrapper } from '../icon-wrapper';
+export const Fullscreen = memo(() => {
+    const { tableContainer } = useContext(TableContext);
+    const [show, toggle] = useToggle(false);
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    const isFullscreen = useFullscreen(tableContainer, show, {
+        onClose: () => toggle(false),
+    });
+    const icon = isFullscreen ? React.createElement(OffScreen, null) : React.createElement(FullScreenIcon, null);
+    return React.createElement(IconWrapper, { onClick: toggle }, icon);
+});
+Fullscreen.displayName = 'FullscreenIcon';
+//# sourceMappingURL=fullscreen.js.map

package/dist/es/table/toolbar/built-in/fullscreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fullscreen.js","sourceRoot":"","sources":["../../../../../src/table/toolbar/built-in/fullscreen.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,EAAE;IAClC,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACnD,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACvC,oEAAoE;IACpE,MAAM,YAAY,GAAG,aAAa,CAAC,cAAe,EAAE,IAAI,EAAE;QACxD,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC;KAC7B,CAAC,CAAA;IACF,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAG,CAAC,CAAC,CAAC,oBAAC,cAAc,OAAG,CAAA;IAE9D,OAAO,oBAAC,WAAW,IAAC,OAAO,EAAE,MAAM,IAAG,IAAI,CAAe,CAAA;AAC3D,CAAC,CAAC,CAAA;AAEF,UAAU,CAAC,WAAW,GAAG,gBAAgB,CAAA","sourcesContent":["import { FullScreen as FullScreenIcon, OffScreen } from '@icon-park/react'\nimport { useFullscreen, useToggle } from '@stellaris/hooks'\nimport React, { memo, useContext } from 'react'\n\nimport { TableContext } from '../../context'\nimport { IconWrapper } from '../icon-wrapper'\n\nexport const Fullscreen = memo(() => {\n  const { tableContainer } = useContext(TableContext)\n  const [show, toggle] = useToggle(false)\n  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n  const isFullscreen = useFullscreen(tableContainer!, show, {\n    onClose: () => toggle(false),\n  })\n  const icon = isFullscreen ? <OffScreen /> : <FullScreenIcon />\n\n  return <IconWrapper onClick={toggle}>{icon}</IconWrapper>\n})\n\nFullscreen.displayName = 'FullscreenIcon'\n"]}

package/dist/es/table/toolbar/built-in/index.js

@@ -0,0 +1,5 @@
+export * from './column';
+export * from './fullscreen';
+export * from './refresh';
+export * from './size';
+//# sourceMappingURL=index.js.map

package/dist/es/table/toolbar/built-in/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/toolbar/built-in/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA","sourcesContent":["export * from './column'\nexport * from './fullscreen'\nexport * from './refresh'\nexport * from './size'\n"]}

package/dist/es/table/toolbar/built-in/refresh.js

@@ -0,0 +1,14 @@
+import { Refresh as RefreshIcon } from '@icon-park/react';
+import React, { memo, useCallback, useContext } from 'react';
+import { TableContext } from '../../context';
+import { IconWrapper } from '../icon-wrapper';
+export const Refresh = memo(() => {
+    const { refresh } = useContext(TableContext);
+    const handleClick = useCallback(() => {
+        refresh === null || refresh === void 0 ? void 0 : refresh();
+    }, [refresh]);
+    return (React.createElement(IconWrapper, { onClick: handleClick },
+        React.createElement(RefreshIcon, null)));
+});
+Refresh.displayName = 'Refresh';
+//# sourceMappingURL=refresh.js.map

package/dist/es/table/toolbar/built-in/refresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refresh.js","sourceRoot":"","sources":["../../../../../src/table/toolbar/built-in/refresh.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,MAAM,CAAC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;IACb,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAA;IAEb,OAAO,CACL,oBAAC,WAAW,IAAC,OAAO,EAAE,WAAW;QAC/B,oBAAC,WAAW,OAAG,CACH,CACf,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAA","sourcesContent":["import { Refresh as RefreshIcon } from '@icon-park/react'\nimport React, { memo, useCallback, useContext } from 'react'\n\nimport { TableContext } from '../../context'\nimport { IconWrapper } from '../icon-wrapper'\n\nexport const Refresh = memo(() => {\n  const { refresh } = useContext(TableContext)\n  const handleClick = useCallback(() => {\n    refresh?.()\n  }, [refresh])\n\n  return (\n    <IconWrapper onClick={handleClick}>\n      <RefreshIcon />\n    </IconWrapper>\n  )\n})\n\nRefresh.displayName = 'Refresh'\n"]}

package/dist/es/table/toolbar/built-in/size.js

@@ -0,0 +1,29 @@
+import { RowHeight } from '@icon-park/react';
+import React, { memo, useContext } from 'react';
+import { Dropdown, Menu } from '../../../antd-components';
+import { TableContext } from '../../context';
+import { IconWrapper } from '../icon-wrapper';
+import styles from './built-in.module.less';
+export const Size = memo(() => {
+    const { size, setSize } = useContext(TableContext);
+    return (React.createElement(Dropdown, { placement: "bottomCenter", trigger: ['click'], overlay: React.createElement(Menu, { className: styles.sizeMenu, selectedKeys: size ? [size] : [] },
+            React.createElement(Menu.Item, { key: "small", title: "\u7D27\u51D1", onClick: () => {
+                    if (setSize) {
+                        setSize('small');
+                    }
+                } }, "\u7D27\u51D1"),
+            React.createElement(Menu.Item, { key: "middle", title: "\u4E2D\u7B49", onClick: () => {
+                    if (setSize) {
+                        setSize('middle');
+                    }
+                } }, "\u4E2D\u7B49"),
+            React.createElement(Menu.Item, { key: "default", title: "\u5BBD\u677E", onClick: () => {
+                    if (setSize) {
+                        setSize('default');
+                    }
+                } }, "\u5BBD\u677E")) },
+        React.createElement(IconWrapper, null,
+            React.createElement(RowHeight, null))));
+});
+Size.displayName = 'Size';
+//# sourceMappingURL=size.js.map

package/dist/es/table/toolbar/built-in/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../src/table/toolbar/built-in/size.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,MAAM,MAAM,wBAAwB,CAAA;AAE3C,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAE;IAC5B,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAElD,OAAO,CACL,oBAAC,QAAQ,IACP,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,CAAC,OAAO,CAAC,EAClB,OAAO,EACL,oBAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,YAAY,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;YAChE,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAC,OAAO,EACX,KAAK,EAAC,cAAI,EACV,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,OAAO,CAAC,CAAA;qBACjB;gBACH,CAAC,mBAGS;YACZ,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAC,cAAI,EACV,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,QAAQ,CAAC,CAAA;qBAClB;gBACH,CAAC,mBAGS;YACZ,oBAAC,IAAI,CAAC,IAAI,IACR,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,cAAI,EACV,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,EAAE;wBACX,OAAO,CAAC,SAAS,CAAC,CAAA;qBACnB;gBACH,CAAC,mBAGS,CACP;QAGT,oBAAC,WAAW;YACV,oBAAC,SAAS,OAAG,CACD,CACL,CACZ,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA","sourcesContent":["import { RowHeight } from '@icon-park/react'\nimport React, { memo, useContext } from 'react'\n\nimport { Dropdown, Menu } from '../../../antd-components'\nimport { TableContext } from '../../context'\nimport { IconWrapper } from '../icon-wrapper'\nimport styles from './built-in.module.less'\n\nexport const Size = memo(() => {\n  const { size, setSize } = useContext(TableContext)\n\n  return (\n    <Dropdown\n      placement=\"bottomCenter\"\n      trigger={['click']}\n      overlay={\n        <Menu className={styles.sizeMenu} selectedKeys={size ? [size] : []}>\n          <Menu.Item\n            key=\"small\"\n            title=\"紧凑\"\n            onClick={() => {\n              if (setSize) {\n                setSize('small')\n              }\n            }}\n          >\n            紧凑\n          </Menu.Item>\n          <Menu.Item\n            key=\"middle\"\n            title=\"中等\"\n            onClick={() => {\n              if (setSize) {\n                setSize('middle')\n              }\n            }}\n          >\n            中等\n          </Menu.Item>\n          <Menu.Item\n            key=\"default\"\n            title=\"宽松\"\n            onClick={() => {\n              if (setSize) {\n                setSize('default')\n              }\n            }}\n          >\n            宽松\n          </Menu.Item>\n        </Menu>\n      }\n    >\n      <IconWrapper>\n        <RowHeight />\n      </IconWrapper>\n    </Dropdown>\n  )\n})\n\nSize.displayName = 'Size'\n"]}

package/dist/es/table/toolbar/constants.js

@@ -0,0 +1,26 @@
+export var BuiltInToolkitType;
+(function (BuiltInToolkitType) {
+    /**
+     * fullscreen toggle
+     */
+    BuiltInToolkitType["Fullscreen"] = "fullscreen";
+    /**
+     *  table size setter
+     */
+    BuiltInToolkitType["Size"] = "size";
+    /**
+     * table column setter
+     */
+    BuiltInToolkitType["Column"] = "column";
+    /**
+     * table reload button
+     */
+    BuiltInToolkitType["Refresh"] = "reload";
+})(BuiltInToolkitType || (BuiltInToolkitType = {}));
+export const DefaultToolkit = [
+    BuiltInToolkitType.Refresh,
+    BuiltInToolkitType.Column,
+    BuiltInToolkitType.Size,
+    BuiltInToolkitType.Fullscreen,
+];
+//# sourceMappingURL=constants.js.map