@cozeloop/components 0.0.1
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/README.md +3 -0
- package/dist/base-search-select/base-search-form-select.d.ts +3 -0
- package/dist/base-search-select/base-search-form-select.js +6 -0
- package/dist/base-search-select/base-search-form-select.js.map +1 -0
- package/dist/base-search-select/base-search-select.d.ts +9 -0
- package/dist/base-search-select/base-search-select.js +125 -0
- package/dist/base-search-select/base-search-select.js.map +1 -0
- package/dist/base-search-select/index.d.ts +3 -0
- package/dist/base-search-select/index.js +3 -0
- package/dist/base-search-select/index.js.map +1 -0
- package/dist/base-search-select/types.d.ts +10 -0
- package/dist/base-search-select/types.js +2 -0
- package/dist/base-search-select/types.js.map +1 -0
- package/dist/base-search-select/utils.d.ts +8 -0
- package/dist/base-search-select/utils.js +48 -0
- package/dist/base-search-select/utils.js.map +1 -0
- package/dist/code-editor/index.d.ts +3 -0
- package/dist/code-editor/index.js +6 -0
- package/dist/code-editor/index.js.map +1 -0
- package/dist/collapse-card/index.d.ts +13 -0
- package/dist/collapse-card/index.js +31 -0
- package/dist/collapse-card/index.js.map +1 -0
- package/dist/collapsible-card/index.d.ts +13 -0
- package/dist/collapsible-card/index.js +13 -0
- package/dist/collapsible-card/index.js.map +1 -0
- package/dist/column-manage-storage/index.d.ts +11 -0
- package/dist/column-manage-storage/index.js +48 -0
- package/dist/column-manage-storage/index.js.map +1 -0
- package/dist/columns-select/index.d.ts +19 -0
- package/dist/columns-select/index.js +79 -0
- package/dist/columns-select/index.js.map +1 -0
- package/dist/edit-icon-button/index.d.ts +8 -0
- package/dist/edit-icon-button/index.js +13 -0
- package/dist/edit-icon-button/index.js.map +1 -0
- package/dist/es/collapsible-card/index.js +45 -0
- package/dist/es/collapsible-card/index.module.js +5 -0
- package/dist/es/collapsible-card/index_module.css +48 -0
- package/dist/es/column-manage-storage/index.js +73 -0
- package/dist/es/columns-select/index.js +219 -0
- package/dist/es/hooks/use-infinite-scroll.js +178 -0
- package/dist/es/hooks/use-mouse-down-offset.js +41 -0
- package/dist/es/id-render/icon-button-container.js +61 -0
- package/dist/es/id-render/index.js +78 -0
- package/dist/es/index.js +66 -0
- package/dist/es/infinite-scroll-table/index.js +98 -0
- package/dist/es/input-slider/index.js +123 -0
- package/dist/es/input-slider/index.module.js +5 -0
- package/dist/es/input-slider/index_module.css +21 -0
- package/dist/es/large-txt-render/index.js +38 -0
- package/dist/es/page-content/index.js +108 -0
- package/dist/es/primary-page/index.js +4 -0
- package/dist/es/primary-page/primary-header.js +38 -0
- package/dist/es/resize-sidesheet/index.js +100 -0
- package/dist/es/resize-sidesheet/index.module.js +5 -0
- package/dist/es/resize-sidesheet/index_module.css +9 -0
- package/dist/es/resize-sidesheet/use-drag.js +31 -0
- package/dist/es/table/index.js +56 -0
- package/dist/es/table/index.module.js +5 -0
- package/dist/es/table/index_module.css +90 -0
- package/dist/es/table/sort-icon.js +105 -0
- package/dist/es/table/table-with-pagination.js +112 -0
- package/dist/es/table/table-without-pagniation.js +74 -0
- package/dist/es/table-col-actions/index.js +103 -0
- package/dist/es/table-header/index.js +68 -0
- package/dist/es/table-header/index.module.js +5 -0
- package/dist/es/table-header/index_module.css +3 -0
- package/dist/es/tabs/index.js +42 -0
- package/dist/es/tabs/index.module.js +5 -0
- package/dist/es/tabs/index_module.css +37 -0
- package/dist/es/text-with-copy/index.js +71 -0
- package/dist/es/tooltip-with-disabled/index.js +49 -0
- package/dist/es/utils/basic.js +44 -0
- package/dist/es/utils/rect.js +37 -0
- package/dist/hooks/use-infinite-scroll.d.ts +23 -0
- package/dist/hooks/use-infinite-scroll.js +133 -0
- package/dist/hooks/use-infinite-scroll.js.map +1 -0
- package/dist/hooks/use-mouse-down-offset.d.ts +9 -0
- package/dist/hooks/use-mouse-down-offset.js +39 -0
- package/dist/hooks/use-mouse-down-offset.js.map +1 -0
- package/dist/id-render/icon-button-container.d.ts +6 -0
- package/dist/id-render/icon-button-container.js +6 -0
- package/dist/id-render/icon-button-container.js.map +1 -0
- package/dist/id-render/index.d.ts +7 -0
- package/dist/id-render/index.js +21 -0
- package/dist/id-render/index.js.map +1 -0
- package/dist/index.d.ts +19 -0
- package/dist/index.js +22 -0
- package/dist/index.js.map +1 -0
- package/dist/infinite-scroll-table/index.d.ts +19 -0
- package/dist/infinite-scroll-table/index.js +34 -0
- package/dist/infinite-scroll-table/index.js.map +1 -0
- package/dist/info-tooltip/index.d.ts +6 -0
- package/dist/info-tooltip/index.js +6 -0
- package/dist/info-tooltip/index.js.map +1 -0
- package/dist/input-slider/index.d.ts +14 -0
- package/dist/input-slider/index.js +81 -0
- package/dist/input-slider/index.js.map +1 -0
- package/dist/jump-button/jump-icon-button.d.ts +4 -0
- package/dist/jump-button/jump-icon-button.js +7 -0
- package/dist/jump-button/jump-icon-button.js.map +1 -0
- package/dist/large-txt-render/index.d.ts +4 -0
- package/dist/large-txt-render/index.js +26 -0
- package/dist/large-txt-render/index.js.map +1 -0
- package/dist/lib/collapsible-card/index.js +79 -0
- package/dist/lib/collapsible-card/index.module.js +25 -0
- package/dist/lib/collapsible-card/index_module.css +48 -0
- package/dist/lib/column-manage-storage/index.js +98 -0
- package/dist/lib/columns-select/index.js +241 -0
- package/dist/lib/hooks/use-infinite-scroll.js +195 -0
- package/dist/lib/hooks/use-mouse-down-offset.js +65 -0
- package/dist/lib/id-render/icon-button-container.js +89 -0
- package/dist/lib/id-render/index.js +112 -0
- package/dist/lib/index.js +110 -0
- package/dist/lib/infinite-scroll-table/index.js +126 -0
- package/dist/lib/input-slider/index.js +154 -0
- package/dist/lib/input-slider/index.module.js +25 -0
- package/dist/lib/input-slider/index_module.css +21 -0
- package/dist/lib/large-txt-render/index.js +62 -0
- package/dist/lib/page-content/index.js +136 -0
- package/dist/lib/primary-page/index.js +28 -0
- package/dist/lib/primary-page/primary-header.js +72 -0
- package/dist/lib/resize-sidesheet/index.js +129 -0
- package/dist/lib/resize-sidesheet/index.module.js +25 -0
- package/dist/lib/resize-sidesheet/index_module.css +9 -0
- package/dist/lib/resize-sidesheet/use-drag.js +55 -0
- package/dist/lib/table/index.js +88 -0
- package/dist/lib/table/index.module.js +25 -0
- package/dist/lib/table/index_module.css +90 -0
- package/dist/lib/table/sort-icon.js +137 -0
- package/dist/lib/table/table-with-pagination.js +146 -0
- package/dist/lib/table/table-without-pagniation.js +108 -0
- package/dist/lib/table-col-actions/index.js +123 -0
- package/dist/lib/table-header/index.js +96 -0
- package/dist/lib/table-header/index.module.js +25 -0
- package/dist/lib/table-header/index_module.css +3 -0
- package/dist/lib/tabs/index.js +74 -0
- package/dist/lib/tabs/index.module.js +25 -0
- package/dist/lib/tabs/index_module.css +37 -0
- package/dist/lib/text-with-copy/index.js +105 -0
- package/dist/lib/tooltip-with-disabled/index.js +71 -0
- package/dist/lib/utils/basic.js +78 -0
- package/dist/lib/utils/rect.js +65 -0
- package/dist/logic-expr/consts.d.ts +4 -0
- package/dist/logic-expr/consts.js +5 -0
- package/dist/logic-expr/consts.js.map +1 -0
- package/dist/logic-expr/expr-group-render.d.ts +2 -0
- package/dist/logic-expr/expr-group-render.js +60 -0
- package/dist/logic-expr/expr-group-render.js.map +1 -0
- package/dist/logic-expr/expr-render.d.ts +2 -0
- package/dist/logic-expr/expr-render.js +84 -0
- package/dist/logic-expr/expr-render.js.map +1 -0
- package/dist/logic-expr/index.d.ts +2 -0
- package/dist/logic-expr/index.js +2 -0
- package/dist/logic-expr/index.js.map +1 -0
- package/dist/logic-expr/logic-expr.d.ts +2 -0
- package/dist/logic-expr/logic-expr.js +187 -0
- package/dist/logic-expr/logic-expr.js.map +1 -0
- package/dist/logic-expr/logic-not.d.ts +10 -0
- package/dist/logic-expr/logic-not.js +20 -0
- package/dist/logic-expr/logic-not.js.map +1 -0
- package/dist/logic-expr/logic-toggle.d.ts +12 -0
- package/dist/logic-expr/logic-toggle.js +32 -0
- package/dist/logic-expr/logic-toggle.js.map +1 -0
- package/dist/logic-expr/types.d.ts +79 -0
- package/dist/logic-expr/types.js +2 -0
- package/dist/logic-expr/types.js.map +1 -0
- package/dist/open-detail-button/index.d.ts +6 -0
- package/dist/open-detail-button/index.js +11 -0
- package/dist/open-detail-button/index.js.map +1 -0
- package/dist/page-content/index.d.ts +20 -0
- package/dist/page-content/index.js +23 -0
- package/dist/page-content/index.js.map +1 -0
- package/dist/primary-page/index.d.ts +1 -0
- package/dist/primary-page/index.js +2 -0
- package/dist/primary-page/index.js.map +1 -0
- package/dist/primary-page/primary-header.d.ts +10 -0
- package/dist/primary-page/primary-header.js +4 -0
- package/dist/primary-page/primary-header.js.map +1 -0
- package/dist/resize-sidesheet/index.d.ts +6 -0
- package/dist/resize-sidesheet/index.js +15 -0
- package/dist/resize-sidesheet/index.js.map +1 -0
- package/dist/resize-sidesheet/use-drag.d.ts +10 -0
- package/dist/resize-sidesheet/use-drag.js +25 -0
- package/dist/resize-sidesheet/use-drag.js.map +1 -0
- package/dist/route/route-back-action.d.ts +6 -0
- package/dist/route/route-back-action.js +29 -0
- package/dist/route/route-back-action.js.map +1 -0
- package/dist/table/index.d.ts +2 -0
- package/dist/table/index.js +6 -0
- package/dist/table/index.js.map +1 -0
- package/dist/table/sort-icon.d.ts +8 -0
- package/dist/table/sort-icon.js +30 -0
- package/dist/table/sort-icon.js.map +1 -0
- package/dist/table/table-with-pagination.d.ts +14 -0
- package/dist/table/table-with-pagination.js +55 -0
- package/dist/table/table-with-pagination.js.map +1 -0
- package/dist/table/table-without-pagniation.d.ts +8 -0
- package/dist/table/table-without-pagniation.js +36 -0
- package/dist/table/table-without-pagniation.js.map +1 -0
- package/dist/table-col-actions/index.d.ts +17 -0
- package/dist/table-col-actions/index.js +24 -0
- package/dist/table-col-actions/index.js.map +1 -0
- package/dist/table-header/index.d.ts +12 -0
- package/dist/table-header/index.js +10 -0
- package/dist/table-header/index.js.map +1 -0
- package/dist/tabs/index.d.ts +2 -0
- package/dist/tabs/index.js +9 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/text-with-copy/index.d.ts +14 -0
- package/dist/text-with-copy/index.js +21 -0
- package/dist/text-with-copy/index.js.map +1 -0
- package/dist/tooltip-with-disabled/index.d.ts +5 -0
- package/dist/tooltip-with-disabled/index.js +9 -0
- package/dist/tooltip-with-disabled/index.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/dist/types/collapsible-card/index.d.ts +22 -0
- package/dist/types/column-manage-storage/index.d.ts +11 -0
- package/dist/types/columns-select/index.d.ts +29 -0
- package/dist/types/hooks/use-infinite-scroll.d.ts +23 -0
- package/dist/types/hooks/use-mouse-down-offset.d.ts +9 -0
- package/dist/types/id-render/icon-button-container.d.ts +12 -0
- package/dist/types/id-render/index.d.ts +13 -0
- package/dist/types/index.d.ts +19 -0
- package/dist/types/infinite-scroll-table/index.d.ts +19 -0
- package/dist/types/input-slider/index.d.ts +14 -0
- package/dist/types/large-txt-render/index.d.ts +4 -0
- package/dist/types/page-content/index.d.ts +36 -0
- package/dist/types/primary-page/index.d.ts +1 -0
- package/dist/types/primary-page/primary-header.d.ts +17 -0
- package/dist/types/resize-sidesheet/index.d.ts +6 -0
- package/dist/types/resize-sidesheet/use-drag.d.ts +10 -0
- package/dist/types/table/index.d.ts +2 -0
- package/dist/types/table/sort-icon.d.ts +13 -0
- package/dist/types/table/table-with-pagination.d.ts +14 -0
- package/dist/types/table/table-without-pagniation.d.ts +8 -0
- package/dist/types/table-col-actions/index.d.ts +21 -0
- package/dist/types/table-header/index.d.ts +20 -0
- package/dist/types/tabs/index.d.ts +2 -0
- package/dist/types/text-with-copy/index.d.ts +24 -0
- package/dist/types/tooltip-with-disabled/index.d.ts +9 -0
- package/dist/types/utils/basic.d.ts +1 -0
- package/dist/types/utils/rect.d.ts +10 -0
- package/dist/upload/index.d.ts +9 -0
- package/dist/upload/index.js +25 -0
- package/dist/upload/index.js.map +1 -0
- package/dist/user-profile/index.d.ts +8 -0
- package/dist/user-profile/index.js +16 -0
- package/dist/user-profile/index.js.map +1 -0
- package/dist/user-select/index.d.ts +0 -0
- package/dist/user-select/index.js +188 -0
- package/dist/user-select/index.js.map +1 -0
- package/dist/user-select/user-info.d.ts +8 -0
- package/dist/user-select/user-info.js +16 -0
- package/dist/user-select/user-info.js.map +1 -0
- package/dist/utils/basic.d.ts +1 -0
- package/dist/utils/basic.js +24 -0
- package/dist/utils/basic.js.map +1 -0
- package/dist/utils/rect.d.ts +10 -0
- package/dist/utils/rect.js +35 -0
- package/dist/utils/rect.js.map +1 -0
- package/dist/version-list/version-descriptions.d.ts +15 -0
- package/dist/version-list/version-descriptions.js +14 -0
- package/dist/version-list/version-descriptions.js.map +1 -0
- package/dist/version-list/version-item.d.ts +9 -0
- package/dist/version-list/version-item.js +6 -0
- package/dist/version-list/version-item.js.map +1 -0
- package/dist/version-list/version-list.d.ts +11 -0
- package/dist/version-list/version-list.js +11 -0
- package/dist/version-list/version-list.js.map +1 -0
- package/dist/version-list/version-switch-panel.d.ts +5 -0
- package/dist/version-list/version-switch-panel.js +10 -0
- package/dist/version-list/version-switch-panel.js.map +1 -0
- package/package.json +54 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useRef, useImperativeHandle, } from 'react';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import { useSize, useInfiniteScroll } from 'ahooks';
|
|
5
|
+
import { IconCozIllusEmpty } from '@coze-arch/coze-design/illustrations';
|
|
6
|
+
import { EmptyState } from '@coze-arch/coze-design';
|
|
7
|
+
import { LoopTable } from '@/table';
|
|
8
|
+
// 显式指定 forwardRef 的类型
|
|
9
|
+
export const InfiniteScrollTable = forwardRef(({ service, options, className, ...restTableProps }, ref) => {
|
|
10
|
+
const containerRef = useRef(null);
|
|
11
|
+
const hookRes = useInfiniteScroll(d => service?.(d), {
|
|
12
|
+
isNoMore: d => !d?.hasMore,
|
|
13
|
+
...options,
|
|
14
|
+
reloadDeps: [...(options?.reloadDeps || [])],
|
|
15
|
+
});
|
|
16
|
+
const { data, loading, loadingMore, noMore, loadMore } = hookRes;
|
|
17
|
+
const scrollSize = useSize(containerRef);
|
|
18
|
+
const height = scrollSize?.height || 0;
|
|
19
|
+
useImperativeHandle(ref, () => ({
|
|
20
|
+
// @ts-expect-error type
|
|
21
|
+
hookRes,
|
|
22
|
+
}));
|
|
23
|
+
return (_jsx("div", { className: classNames('w-full h-full overflow-hidden', className), ref: containerRef, children: _jsx(LoopTable, { tableProps: {
|
|
24
|
+
...restTableProps.tableProps,
|
|
25
|
+
loading: loading || loadingMore,
|
|
26
|
+
pagination: false,
|
|
27
|
+
dataSource: data?.list || [],
|
|
28
|
+
scroll: {
|
|
29
|
+
y: height - 48,
|
|
30
|
+
...restTableProps.tableProps?.scroll,
|
|
31
|
+
},
|
|
32
|
+
}, empty: restTableProps.empty ?? (_jsx(EmptyState, { size: "full_screen", icon: _jsx(IconCozIllusEmpty, {}), title: "\u6682\u65E0\u6570\u636E" })), enableLoad: true, loadMode: "cursor", hasMore: !noMore, onLoad: loadMore, offsetY: 0, strictDataSourceProp: true }) }));
|
|
33
|
+
});
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/infinite-scroll-table/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,UAAU,EACV,MAAM,EACN,mBAAmB,GACpB,MAAM,OAAO,CAAC;AAEf,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAmB,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAkBpC,sBAAsB;AACtB,MAAM,CAAC,MAAM,mBAAmB,GAEC,UAAU,CACzC,CACE,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,cAAc,EAAgB,EAChE,GAAyC,EAC5B,EAAE;IACf,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,MAAM,OAAO,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE;QACnD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO;QAC1B,GAAG,OAAO;QACV,UAAU,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,IAAI,EAAE,CAAC,CAAC;KAC7C,CAAC,CAAC;IAEH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAEjE,MAAM,UAAU,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,CAAC,CAAC;IAEvC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,wBAAwB;QACxB,OAAO;KACR,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,SAAS,CAAC,EACjE,GAAG,EAAE,YAAY,YAEjB,KAAC,SAAS,IACR,UAAU,EAAE;gBACV,GAAG,cAAc,CAAC,UAAU;gBAC5B,OAAO,EAAE,OAAO,IAAI,WAAW;gBAC/B,UAAU,EAAE,KAAK;gBACjB,UAAU,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE;gBAC5B,MAAM,EAAE;oBACN,CAAC,EAAE,MAAM,GAAG,EAAE;oBACd,GAAG,cAAc,CAAC,UAAU,EAAE,MAAM;iBACrC;aACF,EACD,KAAK,EACH,cAAc,CAAC,KAAK,IAAI,CACtB,KAAC,UAAU,IACT,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,KAAC,iBAAiB,KAAG,EAC3B,KAAK,EAAC,0BAAM,GACZ,CACH,EAEH,UAAU,EAAE,IAAI,EAChB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,CAAC,MAAM,EAChB,MAAM,EAAE,QAAQ,EAChB,OAAO,EAAE,CAAC,EACV,oBAAoB,SACpB,GACE,CACP,CAAC;AACJ,CAAC,CAG2B,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { IconCozInfoCircle } from '@coze-arch/coze-design/icons';
|
|
4
|
+
import { Tooltip } from '@coze-arch/coze-design';
|
|
5
|
+
export const InfoTooltip = ({ content, className }) => (_jsx(Tooltip, { content: content, theme: "dark", children: _jsx("div", { className: classNames('h-[17px]', className), children: _jsx(IconCozInfoCircle, { className: "coz-fg-secondary cursor-pointer hover:coz-fg-primary" }) }) }));
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/info-tooltip/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAOjD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAS,EAAE,EAAE,CAAC,CAC5D,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,YACrC,cAAK,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,YAC/C,KAAC,iBAAiB,IAAC,SAAS,EAAC,sDAAsD,GAAG,GAClF,GACE,CACX,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type SliderProps } from '@coze-arch/coze-design';
|
|
2
|
+
interface InputSliderProps {
|
|
3
|
+
value?: number;
|
|
4
|
+
onChange?: (v: number) => void;
|
|
5
|
+
max?: number;
|
|
6
|
+
min?: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
decimalPlaces?: number;
|
|
10
|
+
marks?: SliderProps['marks'];
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const InputSlider: React.FC<InputSliderProps>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
3
|
+
/* eslint-disable @typescript-eslint/no-magic-numbers */
|
|
4
|
+
/* eslint-disable max-params */
|
|
5
|
+
import { useRef } from 'react';
|
|
6
|
+
import { isInteger, isUndefined } from 'lodash-es';
|
|
7
|
+
import classNames from 'classnames';
|
|
8
|
+
import { CozInputNumber, Slider, } from '@coze-arch/coze-design';
|
|
9
|
+
import styles from './index.module.less';
|
|
10
|
+
const formateDecimalPlacesString = (value, prevValue, decimalPlaces) => {
|
|
11
|
+
if (isUndefined(decimalPlaces)) {
|
|
12
|
+
return value.toString();
|
|
13
|
+
}
|
|
14
|
+
const numberValue = Number(value);
|
|
15
|
+
const stringValue = value.toString();
|
|
16
|
+
if (Number.isNaN(numberValue)) {
|
|
17
|
+
return `${value}`;
|
|
18
|
+
}
|
|
19
|
+
if (decimalPlaces === 0 && !isInteger(Number(value)) && prevValue) {
|
|
20
|
+
return `${prevValue}`;
|
|
21
|
+
}
|
|
22
|
+
const decimalPointIndex = stringValue.indexOf('.');
|
|
23
|
+
if (decimalPointIndex < 0) {
|
|
24
|
+
return stringValue;
|
|
25
|
+
}
|
|
26
|
+
const formattedValue = stringValue.substring(0, decimalPointIndex + 1 + decimalPlaces);
|
|
27
|
+
if (formattedValue.endsWith('.') && decimalPlaces === 0) {
|
|
28
|
+
return formattedValue.substring(0, formattedValue.length - 1);
|
|
29
|
+
}
|
|
30
|
+
return formattedValue;
|
|
31
|
+
};
|
|
32
|
+
function getDecimalPlaces(num) {
|
|
33
|
+
if (!num) {
|
|
34
|
+
return 0;
|
|
35
|
+
}
|
|
36
|
+
// 将数字转换为字符串
|
|
37
|
+
const numStr = num.toString();
|
|
38
|
+
// 检查是否包含小数点
|
|
39
|
+
if (numStr.includes('.')) {
|
|
40
|
+
// 使用正则表达式匹配小数点后面的数字
|
|
41
|
+
const decimalPart = numStr.split('.')[1];
|
|
42
|
+
return decimalPart.length; // 返回小数位数
|
|
43
|
+
}
|
|
44
|
+
return 0; // 如果没有小数点,返回0
|
|
45
|
+
}
|
|
46
|
+
const formateDecimalPlacesNumber = (value, prevValue, decimalPlaces, isPasted) => {
|
|
47
|
+
if (isUndefined(decimalPlaces)) {
|
|
48
|
+
if (isPasted) {
|
|
49
|
+
return value;
|
|
50
|
+
}
|
|
51
|
+
const currentDecimalPlaces = getDecimalPlaces(value);
|
|
52
|
+
const prevDecimalPlaces = getDecimalPlaces(prevValue);
|
|
53
|
+
if (prevDecimalPlaces === 2 &&
|
|
54
|
+
currentDecimalPlaces > 2 &&
|
|
55
|
+
!isUndefined(prevValue) &&
|
|
56
|
+
Math.abs(prevValue - value).toFixed(2) === '0.01') {
|
|
57
|
+
const pow2 = Math.pow(10, 2);
|
|
58
|
+
return Math.round(value * pow2) / pow2;
|
|
59
|
+
}
|
|
60
|
+
return value;
|
|
61
|
+
}
|
|
62
|
+
if (decimalPlaces === 0 && !isInteger(value) && prevValue) {
|
|
63
|
+
return prevValue;
|
|
64
|
+
}
|
|
65
|
+
const pow = Math.pow(10, decimalPlaces);
|
|
66
|
+
return Math.round(value * pow) / pow;
|
|
67
|
+
};
|
|
68
|
+
export const InputSlider = ({ value, onChange, max = 1, min = 0, step = 1, disabled, decimalPlaces, marks, className, }) => {
|
|
69
|
+
const isPasted = useRef(false);
|
|
70
|
+
const onNumberChange = (numberValue) => {
|
|
71
|
+
const formattedValue = formateDecimalPlacesNumber(numberValue, value, decimalPlaces, isPasted.current);
|
|
72
|
+
isPasted.current = false;
|
|
73
|
+
onChange?.(formattedValue);
|
|
74
|
+
};
|
|
75
|
+
return (_jsxs("div", { className: classNames(styles['input-slider'], className), children: [_jsx(Slider, { disabled: disabled, value: value, max: max, min: min, step: step, marks: marks, onChange: v => {
|
|
76
|
+
if (typeof v === 'number') {
|
|
77
|
+
onChange?.(v);
|
|
78
|
+
}
|
|
79
|
+
} }, `${min}-${max}`), _jsx(CozInputNumber, { className: styles['input-number'], value: value, disabled: disabled, formatter: inputValue => formateDecimalPlacesString(inputValue, value), onNumberChange: onNumberChange, max: max, min: min, step: step, onPaste: () => (isPasted.current = true) })] }));
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/input-slider/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconCozLongArrowTopRight } from '@coze-arch/coze-design/icons';
|
|
3
|
+
import IconButtonContainer from '../id-render/icon-button-container';
|
|
4
|
+
export default function JumpIconButton(props) {
|
|
5
|
+
return _jsx(IconButtonContainer, { ...props, icon: _jsx(IconCozLongArrowTopRight, {}) });
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=jump-icon-button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"jump-icon-button.js","sourceRoot":"","sources":["../../src/jump-button/jump-icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAExE,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAGuC;IAEvC,OAAO,KAAC,mBAAmB,OAAK,KAAK,EAAE,IAAI,EAAE,KAAC,wBAAwB,KAAG,GAAI,CAAC;AAChF,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import { useInfiniteScroll } from 'ahooks';
|
|
4
|
+
const PER_PRE_MAX_LENGTH = 25000;
|
|
5
|
+
export const LargeTxtRender = (props) => {
|
|
6
|
+
const { text } = props;
|
|
7
|
+
const ref = useRef(null);
|
|
8
|
+
const getMoreTextChunk = (startIndex) => {
|
|
9
|
+
const endIndex = startIndex + PER_PRE_MAX_LENGTH;
|
|
10
|
+
const chunk = text.slice(startIndex, endIndex);
|
|
11
|
+
const hasMore = endIndex < text.length;
|
|
12
|
+
return {
|
|
13
|
+
list: [chunk],
|
|
14
|
+
nextId: hasMore ? endIndex.toString() : undefined,
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
const { data } = useInfiniteScroll(d => {
|
|
18
|
+
const startIndex = d ? parseInt(d.nextId) : 0;
|
|
19
|
+
return Promise.resolve(getMoreTextChunk(startIndex));
|
|
20
|
+
}, {
|
|
21
|
+
target: ref,
|
|
22
|
+
isNoMore: d => d?.nextId === undefined,
|
|
23
|
+
});
|
|
24
|
+
return (_jsx("pre", { ref: ref, className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal", dangerouslySetInnerHTML: { __html: data?.list.join('') || '' } }));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/large-txt-render/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAMjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC9C,MAAM,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAEvC,OAAO;YACL,IAAI,EAAE,CAAC,KAAK,CAAC;YACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;SAClD,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAChC,CAAC,CAAC,EAAE;QACF,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IACvD,CAAC,EACD;QACE,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,SAAS;KACvC,CACF,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+HAA+H,EACzI,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,GAC9D,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
var collapsible_card_exports = {};
|
|
30
|
+
__export(collapsible_card_exports, {
|
|
31
|
+
CollapsibleCard: () => CollapsibleCard
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(collapsible_card_exports);
|
|
34
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
+
var import_classnames = __toESM(require("classnames"));
|
|
36
|
+
var import_icons = require("@coze-arch/coze-design/icons");
|
|
37
|
+
var import_coze_design = require("@coze-arch/coze-design");
|
|
38
|
+
var import_index = __toESM(require("./index.module"));
|
|
39
|
+
function CollapsibleCard({
|
|
40
|
+
title,
|
|
41
|
+
children,
|
|
42
|
+
actionBtns,
|
|
43
|
+
className,
|
|
44
|
+
style,
|
|
45
|
+
isExpand,
|
|
46
|
+
setIsExpand,
|
|
47
|
+
hideExpand
|
|
48
|
+
}) {
|
|
49
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_coze_design.Card, { className: (0, import_classnames.default)(import_index.default.card, className), style, bordered: false, children: [
|
|
50
|
+
title || actionBtns ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: import_index.default["card-header"], children: [
|
|
51
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_coze_design.Typography.Text, { className: import_index.default["card-title"], children: [
|
|
52
|
+
title,
|
|
53
|
+
children && !hideExpand ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
54
|
+
import_icons.IconCozArrowUpFill,
|
|
55
|
+
{
|
|
56
|
+
className: (0, import_classnames.default)(import_index.default["chevron-icon"], {
|
|
57
|
+
[import_index.default["chevron-icon-close"]]: !isExpand
|
|
58
|
+
}),
|
|
59
|
+
onClick: () => setIsExpand == null ? void 0 : setIsExpand(!isExpand)
|
|
60
|
+
}
|
|
61
|
+
) : null
|
|
62
|
+
] }),
|
|
63
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: actionBtns })
|
|
64
|
+
] }) : null,
|
|
65
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
66
|
+
"div",
|
|
67
|
+
{
|
|
68
|
+
className: (0, import_classnames.default)(import_index.default["card-content"], {
|
|
69
|
+
[import_index.default.active]: isExpand
|
|
70
|
+
}),
|
|
71
|
+
children
|
|
72
|
+
}
|
|
73
|
+
)
|
|
74
|
+
] });
|
|
75
|
+
}
|
|
76
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
77
|
+
0 && (module.exports = {
|
|
78
|
+
CollapsibleCard
|
|
79
|
+
});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var index_module_exports = {};
|
|
20
|
+
__export(index_module_exports, {
|
|
21
|
+
default: () => index_module_default
|
|
22
|
+
});
|
|
23
|
+
module.exports = __toCommonJS(index_module_exports);
|
|
24
|
+
var import_index_module = require("./index_module.css");
|
|
25
|
+
var index_module_default = { "card": "card_42a41", "card-header": "card-header_42a41", "card-title": "card-title_42a41", "chevron-icon": "chevron-icon_42a41", "chevron-icon-close": "chevron-icon-close_42a41", "card-content": "card-content_42a41", "active": "active_42a41" };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/* stylelint-disable declaration-no-important */
|
|
2
|
+
.card_42a41 {
|
|
3
|
+
background: transparent !important;
|
|
4
|
+
border-radius: 0 !important;
|
|
5
|
+
}
|
|
6
|
+
.card_42a41 .semi-card-body {
|
|
7
|
+
display: flex;
|
|
8
|
+
flex-direction: column;
|
|
9
|
+
gap: 8px;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
height: 100%;
|
|
12
|
+
padding: 0;
|
|
13
|
+
}
|
|
14
|
+
.card_42a41 .card-header_42a41 {
|
|
15
|
+
display: flex;
|
|
16
|
+
align-items: center;
|
|
17
|
+
justify-content: space-between;
|
|
18
|
+
height: 24px;
|
|
19
|
+
min-height: 24px;
|
|
20
|
+
padding: 10px 20px 0;
|
|
21
|
+
}
|
|
22
|
+
.card_42a41 .card-title_42a41 {
|
|
23
|
+
position: relative;
|
|
24
|
+
display: flex;
|
|
25
|
+
gap: 4px;
|
|
26
|
+
align-items: center;
|
|
27
|
+
font-weight: 600;
|
|
28
|
+
}
|
|
29
|
+
.card_42a41 .card-title_42a41 .chevron-icon_42a41 {
|
|
30
|
+
cursor: pointer;
|
|
31
|
+
transition: transform 0.3s;
|
|
32
|
+
}
|
|
33
|
+
.card_42a41 .card-title_42a41 .chevron-icon_42a41.chevron-icon-close_42a41 {
|
|
34
|
+
transform: rotate(180deg);
|
|
35
|
+
}
|
|
36
|
+
.card_42a41 .card-title_42a41 .chevron-icon_42a41:hover {
|
|
37
|
+
color: var(--semi-color-primary);
|
|
38
|
+
}
|
|
39
|
+
.card_42a41 .card-content_42a41 {
|
|
40
|
+
height: 0;
|
|
41
|
+
opacity: 0;
|
|
42
|
+
transition: height 0.2s, opacity 0.2s;
|
|
43
|
+
}
|
|
44
|
+
.card_42a41 .card-content_42a41.active_42a41 {
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
height: 100%;
|
|
47
|
+
opacity: 1;
|
|
48
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
11
|
+
var __spreadValues = (a, b) => {
|
|
12
|
+
for (var prop in b || (b = {}))
|
|
13
|
+
if (__hasOwnProp.call(b, prop))
|
|
14
|
+
__defNormalProp(a, prop, b[prop]);
|
|
15
|
+
if (__getOwnPropSymbols)
|
|
16
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
17
|
+
if (__propIsEnum.call(b, prop))
|
|
18
|
+
__defNormalProp(a, prop, b[prop]);
|
|
19
|
+
}
|
|
20
|
+
return a;
|
|
21
|
+
};
|
|
22
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
23
|
+
var __export = (target, all) => {
|
|
24
|
+
for (var name in all)
|
|
25
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
26
|
+
};
|
|
27
|
+
var __copyProps = (to, from, except, desc) => {
|
|
28
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
29
|
+
for (let key of __getOwnPropNames(from))
|
|
30
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
31
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
32
|
+
}
|
|
33
|
+
return to;
|
|
34
|
+
};
|
|
35
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
36
|
+
var column_manage_storage_exports = {};
|
|
37
|
+
__export(column_manage_storage_exports, {
|
|
38
|
+
DATASET_COLUMN_STORAGE_KEY: () => DATASET_COLUMN_STORAGE_KEY,
|
|
39
|
+
dealColumnsWithStorage: () => dealColumnsWithStorage,
|
|
40
|
+
getColumnManageStorage: () => getColumnManageStorage,
|
|
41
|
+
setColumnsManageStorage: () => setColumnsManageStorage
|
|
42
|
+
});
|
|
43
|
+
module.exports = __toCommonJS(column_manage_storage_exports);
|
|
44
|
+
var import_lodash_es = require("lodash-es");
|
|
45
|
+
var import_toolkit = require("@cozeloop/toolkit");
|
|
46
|
+
const DATASET_COLUMN_STORAGE_KEY = "dataset-column";
|
|
47
|
+
const getColumnManageStorage = (storageKey) => {
|
|
48
|
+
const storage = localStorage.getItem(storageKey);
|
|
49
|
+
return (0, import_toolkit.safeJsonParse)(storage || "{}") || {};
|
|
50
|
+
};
|
|
51
|
+
const setColumnsManageStorage = (storageKey, columns) => {
|
|
52
|
+
if (!storageKey) {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
const data = {};
|
|
56
|
+
columns.forEach((column, index) => {
|
|
57
|
+
var _a;
|
|
58
|
+
data[column.key] = {
|
|
59
|
+
index,
|
|
60
|
+
checked: (_a = column.checked) != null ? _a : true
|
|
61
|
+
};
|
|
62
|
+
});
|
|
63
|
+
localStorage.setItem(storageKey, JSON.stringify(data));
|
|
64
|
+
};
|
|
65
|
+
const dealColumnsWithStorage = (storageKey, columns) => {
|
|
66
|
+
const sort = getColumnManageStorage(storageKey);
|
|
67
|
+
if (!sort || (0, import_lodash_es.isEmpty)(sort)) {
|
|
68
|
+
return columns;
|
|
69
|
+
}
|
|
70
|
+
const newColumns = [...columns || []].sort((a, b) => {
|
|
71
|
+
var _a, _b, _c, _d;
|
|
72
|
+
const indexA = (_b = (_a = sort[a.key]) == null ? void 0 : _a.index) != null ? _b : Infinity;
|
|
73
|
+
const indexB = (_d = (_c = sort[b.key]) == null ? void 0 : _c.index) != null ? _d : Infinity;
|
|
74
|
+
if (indexA !== Infinity && indexB !== Infinity) {
|
|
75
|
+
return indexA - indexB;
|
|
76
|
+
}
|
|
77
|
+
if (indexA !== Infinity) {
|
|
78
|
+
return -1;
|
|
79
|
+
}
|
|
80
|
+
if (indexB !== Infinity) {
|
|
81
|
+
return 1;
|
|
82
|
+
}
|
|
83
|
+
return 0;
|
|
84
|
+
});
|
|
85
|
+
return newColumns.map((column) => {
|
|
86
|
+
var _a, _b;
|
|
87
|
+
return __spreadProps(__spreadValues({}, column), {
|
|
88
|
+
checked: (_b = (_a = sort[column.key]) == null ? void 0 : _a.checked) != null ? _b : true
|
|
89
|
+
});
|
|
90
|
+
});
|
|
91
|
+
};
|
|
92
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
93
|
+
0 && (module.exports = {
|
|
94
|
+
DATASET_COLUMN_STORAGE_KEY,
|
|
95
|
+
dealColumnsWithStorage,
|
|
96
|
+
getColumnManageStorage,
|
|
97
|
+
setColumnsManageStorage
|
|
98
|
+
});
|