@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,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { IconCozIllusEmpty } from '@coze-arch/coze-design/illustrations';
|
|
3
|
+
import { EmptyState, Table } from '@coze-arch/coze-design';
|
|
4
|
+
import styles from './index.module.less';
|
|
5
|
+
export const LoopTable = ({ className, ...props }) => (_jsx(Table, { empty: _jsx(EmptyState, { size: "full_screen", icon: _jsx(IconCozIllusEmpty, {}), title: "\u6682\u65E0\u6570\u636E" }), ...props, id: styles['fornax-table'] }));
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sCAAsC,CAAC;AACzE,OAAO,EAAmB,UAAU,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE5E,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,SAAS,GAAyB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1E,KAAC,KAAK,IACJ,KAAK,EACH,KAAC,UAAU,IACT,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,KAAC,iBAAiB,KAAG,EAC3B,KAAK,EAAC,0BAAM,GACZ,KAEA,KAAK,EACT,EAAE,EAAE,MAAM,CAAC,cAAc,CAAC,GAC1B,CACH,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type SVGAttributes } from 'react';
|
|
2
|
+
export declare const IconSortArrow: ({ sortOrder, ...rest }: {
|
|
3
|
+
sortOrder?: "ascend" | "descend" | boolean;
|
|
4
|
+
} & SVGAttributes<HTMLOrSVGElement>) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
/** 表格排序专用图标 */
|
|
6
|
+
export default function LoopTableSortIcon({ sortOrder, }: {
|
|
7
|
+
sortOrder?: 'ascend' | 'descend' | boolean;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Tooltip } from '@coze-arch/coze-design';
|
|
3
|
+
import IconButtonContainer from '../id-render/icon-button-container';
|
|
4
|
+
const activeColor = 'rgb(var(--coze-up-brand-9))';
|
|
5
|
+
const unActiveColor = 'var(--coz-fg-dim)';
|
|
6
|
+
export const IconSortArrow = ({ sortOrder, ...rest }) => {
|
|
7
|
+
let descendColor = 'currentColor';
|
|
8
|
+
let ascendColor = 'currentColor';
|
|
9
|
+
if (sortOrder === 'descend') {
|
|
10
|
+
descendColor = activeColor;
|
|
11
|
+
ascendColor = unActiveColor;
|
|
12
|
+
}
|
|
13
|
+
else if (sortOrder === 'ascend') {
|
|
14
|
+
descendColor = unActiveColor;
|
|
15
|
+
ascendColor = activeColor;
|
|
16
|
+
}
|
|
17
|
+
return (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...rest, children: [_jsx("path", { d: "M7.00012 1.99976C7.55241 1.99976 8.00012 2.44747 8.00012 2.99976V17.2677L9.6341 14.4376C9.91024 13.9593 10.5218 13.7954 11.0001 14.0715C11.4784 14.3477 11.6423 14.9593 11.3661 15.4376L7.8758 21.483C7.85628 21.5183 7.83468 21.5523 7.81118 21.5849C7.72727 21.7015 7.62174 21.7953 7.50337 21.8641C7.38229 21.9347 7.24502 21.9807 7.09848 21.995C7.06439 21.9984 7.03007 22 6.99566 21.9999C6.64882 22.0011 6.31102 21.8217 6.12517 21.4998L2.62517 15.4376C2.34903 14.9593 2.5129 14.3477 2.99119 14.0715C3.46949 13.7954 4.08108 13.9593 4.35722 14.4376L6.00012 17.2832V2.99976C6.00012 2.44747 6.44784 1.99976 7.00012 1.99976Z", fill: descendColor }), _jsx("path", { d: "M17.001 21.9999C16.4487 21.9999 16.001 21.5522 16.001 20.9999L16.001 6.73198L14.367 9.5621C14.0909 10.0404 13.4793 10.2043 13.001 9.92813C12.5227 9.65199 12.3589 9.04039 12.635 8.5621L16.1253 2.51665C16.1449 2.48135 16.1665 2.44735 16.19 2.41482C16.2739 2.29823 16.3794 2.20436 16.4978 2.13559C16.6189 2.06494 16.7561 2.019 16.9027 2.0047C16.9368 2.0013 16.9711 1.99964 17.0055 1.99977C17.3523 1.99854 17.6901 2.17802 17.876 2.49993L21.376 8.5621C21.6521 9.0404 21.4882 9.65199 21.0099 9.92813C20.5317 10.2043 19.9201 10.0404 19.6439 9.5621L18.001 6.71652L18.001 20.9999C18.001 21.5522 17.5533 21.9999 17.001 21.9999Z", fill: ascendColor })] }));
|
|
18
|
+
};
|
|
19
|
+
/** 表格排序专用图标 */
|
|
20
|
+
export default function LoopTableSortIcon({ sortOrder, }) {
|
|
21
|
+
let tooltip = '点击升序';
|
|
22
|
+
if (sortOrder === 'ascend') {
|
|
23
|
+
tooltip = '点击降序';
|
|
24
|
+
}
|
|
25
|
+
else if (sortOrder === 'descend') {
|
|
26
|
+
tooltip = '点击恢复默认排序';
|
|
27
|
+
}
|
|
28
|
+
return (_jsx(Tooltip, { theme: "dark", content: tooltip, children: _jsx("div", { className: "flex items-center", children: _jsx(IconButtonContainer, { icon: _jsx(IconSortArrow, { sortOrder: sortOrder, className: "text-[var(--coz-fg-secondary)]" }) }) }) }));
|
|
29
|
+
}
|
|
30
|
+
//# sourceMappingURL=sort-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sort-icon.js","sourceRoot":"","sources":["../../src/table/sort-icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,mBAAmB,MAAM,oCAAoC,CAAC;AAErE,MAAM,WAAW,GAAG,6BAA6B,CAAC;AAClD,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,SAAS,EACT,GAAG,IAAI,EAG0B,EAAE,EAAE;IACrC,IAAI,YAAY,GAAG,cAAc,CAAC;IAClC,IAAI,WAAW,GAAG,cAAc,CAAC;IACjC,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QAC5B,YAAY,GAAG,WAAW,CAAC;QAC3B,WAAW,GAAG,aAAa,CAAC;IAC9B,CAAC;SAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAClC,YAAY,GAAG,aAAa,CAAC;QAC7B,WAAW,GAAG,WAAW,CAAC;IAC5B,CAAC;IAED,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,KAAK,EAAC,4BAA4B,KAC9B,IAAI,aAER,eACE,CAAC,EAAC,ymBAAymB,EAC3mB,IAAI,EAAE,YAAY,GAClB,EACF,eACE,CAAC,EAAC,2mBAA2mB,EAC7mB,IAAI,EAAE,WAAW,GACjB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe;AACf,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,SAAS,GAGV;IACC,IAAI,OAAO,GAAG,MAAM,CAAC;IACrB,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAC3B,OAAO,GAAG,MAAM,CAAC;IACnB,CAAC;SAAM,IAAI,SAAS,KAAK,SAAS,EAAE,CAAC;QACnC,OAAO,GAAG,UAAU,CAAC;IACvB,CAAC;IACD,OAAO,CACL,KAAC,OAAO,IAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,YACpC,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,mBAAmB,IAClB,IAAI,EACF,KAAC,aAAa,IACZ,SAAS,EAAE,SAAS,EACpB,SAAS,EAAC,gCAAgC,GAC1C,GAEJ,GACE,GACE,CACX,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type Params, type PaginationResult } from 'ahooks/lib/usePagination/types';
|
|
2
|
+
import { type TableProps } from '@coze-arch/coze-design';
|
|
3
|
+
export declare const PAGE_SIZE_OPTIONS: number[];
|
|
4
|
+
export declare const DEFAULT_PAGE_SIZE = 10;
|
|
5
|
+
export declare function TableWithPagination<RecordItem>(props: TableProps & {
|
|
6
|
+
heightFull?: boolean;
|
|
7
|
+
service: Pick<PaginationResult<{
|
|
8
|
+
total: number;
|
|
9
|
+
list: RecordItem[];
|
|
10
|
+
}, Params>, 'data' | 'pagination' | 'loading'>;
|
|
11
|
+
pageSizeOpts?: number[];
|
|
12
|
+
header?: React.ReactNode;
|
|
13
|
+
footerWithPagination?: React.ReactNode;
|
|
14
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useEffect, useMemo, useRef } from 'react';
|
|
3
|
+
import { useSize } from 'ahooks';
|
|
4
|
+
import { CozPagination } from '@coze-arch/coze-design';
|
|
5
|
+
import LoopTableSortIcon from './sort-icon';
|
|
6
|
+
import { LoopTable } from './index';
|
|
7
|
+
export const PAGE_SIZE_OPTIONS = [10, 20, 50];
|
|
8
|
+
export const DEFAULT_PAGE_SIZE = 10;
|
|
9
|
+
// eslint-disable-next-line complexity
|
|
10
|
+
export function TableWithPagination(props) {
|
|
11
|
+
const { pageSizeOpts, service, header, heightFull = false, footerWithPagination, } = props;
|
|
12
|
+
const { columns } = props.tableProps ?? {};
|
|
13
|
+
const tableContainerRef = useRef(null);
|
|
14
|
+
const size = useSize(tableContainerRef.current);
|
|
15
|
+
const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
|
|
16
|
+
const tablePagination = useMemo(() => ({
|
|
17
|
+
currentPage: service.pagination.current,
|
|
18
|
+
pageSize: service.pagination.pageSize,
|
|
19
|
+
total: Number(service.pagination.total),
|
|
20
|
+
onChange: (page, pageSize) => {
|
|
21
|
+
service.pagination.onChange(page, pageSize);
|
|
22
|
+
},
|
|
23
|
+
showSizeChanger: true,
|
|
24
|
+
pageSizeOpts: pageSizeOpts ?? PAGE_SIZE_OPTIONS,
|
|
25
|
+
}), [service.pagination, pageSizeOpts]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (service.pagination.current > 1 && service?.data?.list?.length === 0) {
|
|
28
|
+
service.pagination.changeCurrent(1);
|
|
29
|
+
}
|
|
30
|
+
}, [service.pagination.current, service?.data?.list]);
|
|
31
|
+
const tableHeaderHeight = tableHeaderSize?.height ?? 56;
|
|
32
|
+
return (_jsxs("div", { className: `${heightFull ? 'h-full flex overflow-hidden' : ''} flex flex-col gap-3`, children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
|
|
33
|
+
empty: _jsx(_Fragment, {}),
|
|
34
|
+
...(props.tableProps ?? {}),
|
|
35
|
+
scroll: {
|
|
36
|
+
// 表格容器的高度减去表格头的高度
|
|
37
|
+
y: size?.height === undefined || !heightFull
|
|
38
|
+
? undefined
|
|
39
|
+
: size.height - tableHeaderHeight - 2,
|
|
40
|
+
...(props.tableProps?.scroll ?? {}),
|
|
41
|
+
},
|
|
42
|
+
loading: service?.loading,
|
|
43
|
+
columns: columns
|
|
44
|
+
?.filter(column => column.hidden !== true && column.checked !== false)
|
|
45
|
+
?.map(column => ({
|
|
46
|
+
...column,
|
|
47
|
+
...(column.sorter && !column.sortIcon
|
|
48
|
+
? { sortIcon: LoopTableSortIcon }
|
|
49
|
+
: {}),
|
|
50
|
+
})),
|
|
51
|
+
dataSource: service?.data?.list ?? [],
|
|
52
|
+
} }) }), service.pagination.current > 1 ||
|
|
53
|
+
(service?.data?.list?.length && service?.data?.list?.length > 0) ? (_jsxs("div", { className: "shrink-0 flex flex-row-reverse justify-between items-center", children: [_jsx(CozPagination, { ...tablePagination, showTotal: true, showSizeChanger: true }), footerWithPagination] })) : null] }));
|
|
54
|
+
}
|
|
55
|
+
//# sourceMappingURL=table-with-pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-with-pagination.js","sourceRoot":"","sources":["../../src/table/table-with-pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type TableProps } from '@coze-arch/coze-design';
|
|
2
|
+
export declare const PAGE_SIZE_OPTIONS: number[];
|
|
3
|
+
export declare const DEFAULT_PAGE_SIZE = 10;
|
|
4
|
+
export declare function TableWithoutPagination(props: TableProps & {
|
|
5
|
+
heightFull?: boolean;
|
|
6
|
+
pageSizeOpts?: number[];
|
|
7
|
+
header?: React.ReactNode;
|
|
8
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import { useSize } from 'ahooks';
|
|
4
|
+
import LoopTableSortIcon from './sort-icon';
|
|
5
|
+
import { LoopTable } from './index';
|
|
6
|
+
export const PAGE_SIZE_OPTIONS = [10, 20, 50];
|
|
7
|
+
export const DEFAULT_PAGE_SIZE = 10;
|
|
8
|
+
// eslint-disable-next-line complexity
|
|
9
|
+
export function TableWithoutPagination(props) {
|
|
10
|
+
const { header, heightFull = false } = props;
|
|
11
|
+
const { columns } = props.tableProps ?? {};
|
|
12
|
+
const tableContainerRef = useRef(null);
|
|
13
|
+
const size = useSize(tableContainerRef.current);
|
|
14
|
+
const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
|
|
15
|
+
const tableHeaderHeight = tableHeaderSize?.height ?? 56;
|
|
16
|
+
return (_jsxs("div", { className: `${heightFull ? 'h-full flex overflow-hidden' : ''} flex flex-col gap-3`, children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
|
|
17
|
+
empty: _jsx(_Fragment, {}),
|
|
18
|
+
...(props.tableProps ?? {}),
|
|
19
|
+
scroll: {
|
|
20
|
+
// 表格容器的高度减去表格头的高度
|
|
21
|
+
y: size?.height === undefined || !heightFull
|
|
22
|
+
? undefined
|
|
23
|
+
: size.height - tableHeaderHeight - 2,
|
|
24
|
+
...(props.tableProps?.scroll ?? {}),
|
|
25
|
+
},
|
|
26
|
+
columns: columns
|
|
27
|
+
?.filter(column => column.hidden !== true && column.checked !== false)
|
|
28
|
+
?.map(column => ({
|
|
29
|
+
...column,
|
|
30
|
+
...(column.sorter && !column.sortIcon
|
|
31
|
+
? { sortIcon: LoopTableSortIcon }
|
|
32
|
+
: {}),
|
|
33
|
+
})),
|
|
34
|
+
} }) })] }));
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=table-without-pagniation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-without-pagniation.js","sourceRoot":"","sources":["../../src/table/table-without-pagniation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGjC,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,sCAAsC;AACtC,MAAM,UAAU,sBAAsB,CACpC,KAIC;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;IAC3C,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACvD,MAAM,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,OAAO,CAC7B,iBAAiB,CAAC,OAAO,EAAE,aAAa,CAAC,oBAAoB,CAAC,CAC/D,CAAC;IAEF,MAAM,iBAAiB,GAAG,eAAe,EAAE,MAAM,IAAI,EAAE,CAAC;IAExD,OAAO,CACL,eACE,SAAS,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,sBAAsB,aAElF,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACvB,cACE,GAAG,EAAE,iBAAiB,EACtB,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,YAErD,KAAC,SAAS,OACJ,KAAK,EACT,UAAU,EAAE;wBACV,KAAK,EAAE,mBAAK;wBACZ,GAAG,CAAC,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;wBAC3B,MAAM,EAAE;4BACN,kBAAkB;4BAClB,CAAC,EACC,IAAI,EAAE,MAAM,KAAK,SAAS,IAAI,CAAC,UAAU;gCACvC,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,CAAC;4BACzC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,IAAI,EAAE,CAAC;yBACpC;wBACD,OAAO,EAAE,OAAO;4BACd,EAAE,MAAM,CACN,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,IAAI,IAAI,MAAM,CAAC,OAAO,KAAK,KAAK,CAC7D;4BACD,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;4BACf,GAAG,MAAM;4BACT,GAAG,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ;gCACnC,CAAC,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE;gCACjC,CAAC,CAAC,EAAE,CAAC;yBACR,CAAC,CAAC;qBACN,GACD,GACE,IACF,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type TypographyProps } from '@coze-arch/coze-design';
|
|
3
|
+
interface Props {
|
|
4
|
+
actions: {
|
|
5
|
+
label: ReactNode;
|
|
6
|
+
icon?: ReactNode;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
hide?: boolean;
|
|
9
|
+
type?: TypographyProps['type'];
|
|
10
|
+
disabledTooltip?: string;
|
|
11
|
+
onClick?: () => void;
|
|
12
|
+
}[];
|
|
13
|
+
maxCount?: number;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare function TableColActions({ actions, maxCount, disabled }: Props): import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { IconCozMore } from '@coze-arch/coze-design/icons';
|
|
4
|
+
import { Dropdown, Space, Typography, } from '@coze-arch/coze-design';
|
|
5
|
+
import { TooltipWhenDisabled } from '../tooltip-with-disabled';
|
|
6
|
+
export function TableColActions({ actions, maxCount = 2, disabled }) {
|
|
7
|
+
const [visible, setVisible] = useState(false);
|
|
8
|
+
const filteredActions = actions.filter(action => !action.hide);
|
|
9
|
+
const firstActions = filteredActions.slice(0, maxCount);
|
|
10
|
+
const moreActions = filteredActions.slice(maxCount);
|
|
11
|
+
return (_jsx("div", { onClick: e => {
|
|
12
|
+
e.stopPropagation();
|
|
13
|
+
}, children: _jsxs(Space, { spacing: 12, children: [firstActions.map((action, index) => (_jsx(TooltipWhenDisabled, { content: action.disabledTooltip || action.label, disabled: Boolean(action.disabled), children: _jsx(Typography.Text, { size: "small", className: '!text-[13px]', type: action.type, disabled: action.disabled ?? disabled, onClick: () => {
|
|
14
|
+
if (!(action.disabled ?? disabled)) {
|
|
15
|
+
action.onClick?.();
|
|
16
|
+
}
|
|
17
|
+
}, link: !action.type, children: action.icon ? null : action.label }) }, index))), moreActions.length > 0 && (_jsx(Dropdown, { position: "bottomLeft", visible: visible, trigger: "custom", onClickOutSide: () => setVisible(false), render: _jsx(Dropdown.Menu, { mode: "menu", children: moreActions.map((action, index) => (_jsx(Dropdown.Item, { disabled: action.disabled ?? disabled, onClick: () => {
|
|
18
|
+
if (!(action.disabled ?? disabled)) {
|
|
19
|
+
setVisible(false);
|
|
20
|
+
action.onClick?.();
|
|
21
|
+
}
|
|
22
|
+
}, className: "min-w-[90px] !p-0 !pl-2", icon: action.icon, style: { minWidth: '90px' }, children: _jsx(Typography.Text, { type: action.type, size: "small", className: "!text-[13px]", link: !action.type, children: action.label }) }, index))) }), children: _jsx("div", { className: "flex items-center justify-center", onClick: () => setVisible(true), children: _jsx(IconCozMore, { className: "text-[#5A4DED]" }) }) }))] }) }));
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-col-actions/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { type ButtonProps } from '@coze-arch/coze-design';
|
|
2
|
+
import { type ColumnSelectorProps } from '@/columns-select';
|
|
3
|
+
export interface TableHeaderProps {
|
|
4
|
+
columnSelectorConfigProps?: ColumnSelectorProps;
|
|
5
|
+
filterForm?: React.ReactNode;
|
|
6
|
+
actions?: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
spaceProps?: Record<string, unknown>;
|
|
10
|
+
refreshButtonPros?: ButtonProps;
|
|
11
|
+
}
|
|
12
|
+
export declare function TableHeader({ columnSelectorConfigProps, filterForm, actions, className, style, spaceProps, refreshButtonPros, }: TableHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { IconCozRefresh } from '@coze-arch/coze-design/icons';
|
|
4
|
+
import { Button, Space, Tooltip, } from '@coze-arch/coze-design';
|
|
5
|
+
import { ColumnSelector } from '@/columns-select';
|
|
6
|
+
import styles from './index.module.less';
|
|
7
|
+
export function TableHeader({ columnSelectorConfigProps, filterForm, actions, className, style, spaceProps, refreshButtonPros, }) {
|
|
8
|
+
return (_jsxs("div", { className: classNames('flex flex-row justify-between w-full ', className), style: style, children: [_jsx("div", { className: classNames('flex flex-row', styles['table-header-form']), children: filterForm }), _jsxs(Space, { ...(spaceProps || {}), children: [refreshButtonPros ? (_jsx(Tooltip, { content: "\u5237\u65B0", theme: "dark", children: _jsx(Button, { color: "primary", icon: _jsx(IconCozRefresh, {}), ...refreshButtonPros }) })) : null, columnSelectorConfigProps ? (_jsx(ColumnSelector, { className: classNames(columnSelectorConfigProps.className), ...columnSelectorConfigProps })) : null, actions] })] }));
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/table-header/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EACL,MAAM,EACN,KAAK,EACL,OAAO,GAER,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,cAAc,EAA4B,MAAM,kBAAkB,CAAC;AAE5E,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAYzC,MAAM,UAAU,WAAW,CAAC,EAC1B,yBAAyB,EACzB,UAAU,EACV,OAAO,EACP,SAAS,EACT,KAAK,EACL,UAAU,EACV,iBAAiB,GACA;IACjB,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,KAAK,aAEZ,cAAK,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,MAAM,CAAC,mBAAmB,CAAC,CAAC,YACrE,UAAU,GACP,EACN,MAAC,KAAK,OAAK,CAAC,UAAU,IAAI,EAAE,CAAC,aAC1B,iBAAiB,CAAC,CAAC,CAAC,CACnB,KAAC,OAAO,IAAC,OAAO,EAAC,cAAI,EAAC,KAAK,EAAC,MAAM,YAChC,KAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,IAAI,EAAE,KAAC,cAAc,KAAG,KACpB,iBAAiB,GACb,GACF,CACX,CAAC,CAAC,CAAC,IAAI,EACP,yBAAyB,CAAC,CAAC,CAAC,CAC3B,KAAC,cAAc,IACb,SAAS,EAAE,UAAU,CAAC,yBAAyB,CAAC,SAAS,CAAC,KACtD,yBAAyB,GAC7B,CACH,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IACF,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import cs from 'classnames';
|
|
3
|
+
import { Tabs } from '@coze-arch/coze-design';
|
|
4
|
+
import styles from './index.module.less';
|
|
5
|
+
export const LoopTabs = (props) => {
|
|
6
|
+
const { className, ...rest } = props;
|
|
7
|
+
return _jsx(Tabs, { ...rest, className: cs(styles.tabs, className) });
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tabs/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAkB,MAAM,wBAAwB,CAAC;AAE9D,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAgB,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,KAAC,IAAI,OAAK,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAI,CAAC;AACnE,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type CSSProperties } from 'react';
|
|
2
|
+
interface TextWithCopyProps {
|
|
3
|
+
content?: string;
|
|
4
|
+
displayText?: string;
|
|
5
|
+
copyTooltipText?: string;
|
|
6
|
+
maxWidth?: number | string;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
textClassName?: string;
|
|
10
|
+
textType?: 'success' | 'secondary' | 'primary' | 'danger' | 'warning' | 'tertiary' | 'quaternary';
|
|
11
|
+
onlyIconCopy?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare function TextWithCopy({ displayText, copyTooltipText, content, className, maxWidth, style, textClassName, textType, onlyIconCopy, }: TextWithCopyProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { IconCozCopy } from '@coze-arch/coze-design/icons';
|
|
4
|
+
import { IconButton, Tooltip, Typography } from '@coze-arch/coze-design';
|
|
5
|
+
import { handleCopy } from '../utils/basic';
|
|
6
|
+
export function TextWithCopy({ displayText, copyTooltipText, content, className, maxWidth, style, textClassName, textType = 'secondary', onlyIconCopy, }) {
|
|
7
|
+
return (_jsxs("div", { className: classNames('flex items-center justify-start gap-1', className), style: style, children: [_jsx(Typography.Text, { className: classNames('max-w-full', {
|
|
8
|
+
'cursor-pointer': !onlyIconCopy,
|
|
9
|
+
}, textClassName), type: textType, style: { maxWidth }, ellipsis: {
|
|
10
|
+
showTooltip: { opts: { theme: 'dark', content } },
|
|
11
|
+
}, onClick: onlyIconCopy
|
|
12
|
+
? undefined
|
|
13
|
+
: e => {
|
|
14
|
+
content && handleCopy(content);
|
|
15
|
+
e?.stopPropagation();
|
|
16
|
+
}, children: displayText || content || '' }), content ? (_jsx(Tooltip, { content: copyTooltipText || '复制内容', theme: "dark", children: _jsx(IconButton, { size: "mini", color: "secondary", className: "flex-shrink-0 !w-[20px] !h-[20px]", icon: _jsx(IconCozCopy, { className: "", onClick: e => {
|
|
17
|
+
content && handleCopy(content);
|
|
18
|
+
e?.stopPropagation();
|
|
19
|
+
}, fontSize: 14, fill: "var(--semi-color-text-2)" }) }) })) : null] }));
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/text-with-copy/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAqB5C,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,aAAa,EACb,QAAQ,GAAG,WAAW,EACtB,YAAY,GACM;IAClB,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CAAC,uCAAuC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,KAAK,aAEZ,KAAC,UAAU,CAAC,IAAI,IACd,SAAS,EAAE,UAAU,CACnB,YAAY,EACZ;oBACE,gBAAgB,EAAE,CAAC,YAAY;iBAChC,EACD,aAAa,CACd,EACD,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,EAAE,QAAQ,EAAE,EACnB,QAAQ,EAAE;oBACR,WAAW,EAAE,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAClD,EACD,OAAO,EACL,YAAY;oBACV,CAAC,CAAC,SAAS;oBACX,CAAC,CAAC,CAAC,CAAC,EAAE;wBACF,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;wBAC/B,CAAC,EAAE,eAAe,EAAE,CAAC;oBACvB,CAAC,YAGN,WAAW,IAAI,OAAO,IAAI,EAAE,GACb,EACjB,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,KAAK,EAAC,MAAM,YACvD,KAAC,UAAU,IACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,WAAW,EACjB,SAAS,EAAC,mCAAmC,EAC7C,IAAI,EACF,KAAC,WAAW,IACV,SAAS,EAAC,EAAE,EACZ,OAAO,EAAE,CAAC,CAAC,EAAE;4BACX,OAAO,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;4BAC/B,CAAC,EAAE,eAAe,EAAE,CAAC;wBACvB,CAAC,EACD,QAAQ,EAAE,EAAE,EACZ,IAAI,EAAC,0BAA0B,GAC/B,GAEJ,GACM,CACX,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type TooltipProps } from '@coze-arch/coze-design';
|
|
2
|
+
export interface TooltipWhenDisabledProps extends TooltipProps {
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
export declare function TooltipWhenDisabled({ children, disabled, ...rest }: TooltipWhenDisabledProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { Tooltip } from '@coze-arch/coze-design';
|
|
3
|
+
export function TooltipWhenDisabled({ children, disabled, ...rest }) {
|
|
4
|
+
if (disabled) {
|
|
5
|
+
return _jsx(Tooltip, { ...rest, children: children });
|
|
6
|
+
}
|
|
7
|
+
return _jsx(_Fragment, { children: children });
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/tooltip-with-disabled/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAMjD,MAAM,UAAU,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACkB;IACzB,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,KAAC,OAAO,OAAK,IAAI,YAAG,QAAQ,GAAW,CAAC;IACjD,CAAC;IACD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}
|