@cozeloop/components 0.0.6 → 0.0.7-beta-1766595012100
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/dist/es/index.css +11 -27
- package/dist/es/{index.js → index.mjs} +494 -448
- package/dist/lib/code-editor-with-loading/index.d.ts +10 -0
- package/dist/lib/codemirror-editor/code-editor.d.ts +23 -2
- package/dist/lib/codemirror-editor/index.d.ts +2 -0
- package/dist/lib/codemirror-editor/json-editor.d.ts +1 -1
- package/dist/lib/codemirror-editor/raw-code-editor.d.ts +20 -0
- package/dist/lib/codemirror-editor/text-editor.d.ts +23 -2
- package/dist/lib/collapse-card/index.d.ts +2 -1
- package/dist/lib/copyable/index.d.ts +5 -0
- package/dist/lib/hooks/use-unsave-leave-warning.d.ts +4 -1
- package/dist/lib/index.d.ts +5 -5
- package/dist/lib/logic-editor/logic-editor.d.ts +2 -4
- package/dist/lib/logic-editor/logic-types.d.ts +6 -2
- package/dist/lib/loop-icons/index.d.ts +1 -0
- package/dist/lib/multi-part-editor/type.d.ts +1 -1
- package/dist/lib/provider/index.d.ts +10 -9
- package/dist/lib/table/sort-icon.d.ts +3 -3
- package/package.json +23 -25
- package/dist/lib/base-search-select/base-search-form-select.js +0 -6
- package/dist/lib/base-search-select/base-search-form-select.js.map +0 -1
- package/dist/lib/base-search-select/base-search-select.js +0 -127
- package/dist/lib/base-search-select/base-search-select.js.map +0 -1
- package/dist/lib/base-search-select/index.js +0 -3
- package/dist/lib/base-search-select/index.js.map +0 -1
- package/dist/lib/base-search-select/types.js +0 -2
- package/dist/lib/base-search-select/types.js.map +0 -1
- package/dist/lib/base-search-select/utils.js +0 -48
- package/dist/lib/base-search-select/utils.js.map +0 -1
- package/dist/lib/basic-card/index.js +0 -4
- package/dist/lib/basic-card/index.js.map +0 -1
- package/dist/lib/card-pane/index.js +0 -9
- package/dist/lib/card-pane/index.js.map +0 -1
- package/dist/lib/chip-select/index.js +0 -6
- package/dist/lib/chip-select/index.js.map +0 -1
- package/dist/lib/code-editor/index.js +0 -9
- package/dist/lib/code-editor/index.js.map +0 -1
- package/dist/lib/code-usage/index.d.ts +0 -14
- package/dist/lib/code-usage/index.js +0 -31
- package/dist/lib/code-usage/index.js.map +0 -1
- package/dist/lib/codemirror-editor/code-editor.js +0 -108
- package/dist/lib/codemirror-editor/code-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/index.js +0 -5
- package/dist/lib/codemirror-editor/index.js.map +0 -1
- package/dist/lib/codemirror-editor/json-editor.js +0 -97
- package/dist/lib/codemirror-editor/json-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/raw-text-editor.js +0 -32
- package/dist/lib/codemirror-editor/raw-text-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/text-editor.js +0 -44
- package/dist/lib/codemirror-editor/text-editor.js.map +0 -1
- package/dist/lib/codemirror-editor/themes/coze-dark.js +0 -113
- package/dist/lib/codemirror-editor/themes/coze-dark.js.map +0 -1
- package/dist/lib/codemirror-editor/themes/coze-light.js +0 -119
- package/dist/lib/codemirror-editor/themes/coze-light.js.map +0 -1
- package/dist/lib/collapse-card/index.js +0 -31
- package/dist/lib/collapse-card/index.js.map +0 -1
- package/dist/lib/collapsible-card/index.js +0 -13
- package/dist/lib/collapsible-card/index.js.map +0 -1
- package/dist/lib/column-manage-storage/index.js +0 -48
- package/dist/lib/column-manage-storage/index.js.map +0 -1
- package/dist/lib/columns-select/index.js +0 -77
- package/dist/lib/columns-select/index.js.map +0 -1
- package/dist/lib/edit-icon-button/index.js +0 -13
- package/dist/lib/edit-icon-button/index.js.map +0 -1
- package/dist/lib/footer-actions/index.js +0 -9
- package/dist/lib/footer-actions/index.js.map +0 -1
- package/dist/lib/hooks/use-infinite-scroll.js +0 -133
- package/dist/lib/hooks/use-infinite-scroll.js.map +0 -1
- package/dist/lib/hooks/use-mouse-down-offset.js +0 -39
- package/dist/lib/hooks/use-mouse-down-offset.js.map +0 -1
- package/dist/lib/hooks/use-unsave-leave-warning.js +0 -33
- package/dist/lib/hooks/use-unsave-leave-warning.js.map +0 -1
- package/dist/lib/id-render/icon-button-container.js +0 -8
- package/dist/lib/id-render/icon-button-container.js.map +0 -1
- package/dist/lib/id-render/index.js +0 -21
- package/dist/lib/id-render/index.js.map +0 -1
- package/dist/lib/index-controller/record-navigation.js +0 -9
- package/dist/lib/index-controller/record-navigation.js.map +0 -1
- package/dist/lib/index-controller/use-item-index-controller.js +0 -123
- package/dist/lib/index-controller/use-item-index-controller.js.map +0 -1
- package/dist/lib/index.js +0 -76
- package/dist/lib/index.js.map +0 -1
- package/dist/lib/infinite-scroll-table/index.js +0 -34
- package/dist/lib/infinite-scroll-table/index.js.map +0 -1
- package/dist/lib/info-tooltip/index.js +0 -9
- package/dist/lib/info-tooltip/index.js.map +0 -1
- package/dist/lib/input-components/radio-button.js +0 -21
- package/dist/lib/input-components/radio-button.js.map +0 -1
- package/dist/lib/input-slider/index.js +0 -81
- package/dist/lib/input-slider/index.js.map +0 -1
- package/dist/lib/input-with-count/index.js +0 -7
- package/dist/lib/input-with-count/index.js.map +0 -1
- package/dist/lib/jump-button/jump-icon-button.js +0 -7
- package/dist/lib/jump-button/jump-icon-button.js.map +0 -1
- package/dist/lib/large-txt-render/index.js +0 -26
- package/dist/lib/large-txt-render/index.js.map +0 -1
- package/dist/lib/layout/content.js +0 -5
- package/dist/lib/layout/content.js.map +0 -1
- package/dist/lib/layout/header.js +0 -6
- package/dist/lib/layout/header.js.map +0 -1
- package/dist/lib/layout/index.js +0 -9
- package/dist/lib/layout/index.js.map +0 -1
- package/dist/lib/layout/tabs.js +0 -10
- package/dist/lib/layout/tabs.js.map +0 -1
- package/dist/lib/lazy-load-component/index.js +0 -42
- package/dist/lib/lazy-load-component/index.js.map +0 -1
- package/dist/lib/logic-editor/index.js +0 -3
- package/dist/lib/logic-editor/index.js.map +0 -1
- package/dist/lib/logic-editor/logic-editor.js +0 -69
- package/dist/lib/logic-editor/logic-editor.js.map +0 -1
- package/dist/lib/logic-editor/logic-left-render.js +0 -60
- package/dist/lib/logic-editor/logic-left-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-operator-render.js +0 -29
- package/dist/lib/logic-editor/logic-operator-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-right-render.js +0 -25
- package/dist/lib/logic-editor/logic-right-render.js.map +0 -1
- package/dist/lib/logic-editor/logic-types.js +0 -136
- package/dist/lib/logic-editor/logic-types.js.map +0 -1
- package/dist/lib/logic-editor/utils.js +0 -18
- package/dist/lib/logic-editor/utils.js.map +0 -1
- package/dist/lib/logic-expr/consts.js +0 -5
- package/dist/lib/logic-expr/consts.js.map +0 -1
- package/dist/lib/logic-expr/expr-group-render.js +0 -61
- package/dist/lib/logic-expr/expr-group-render.js.map +0 -1
- package/dist/lib/logic-expr/expr-render.js +0 -85
- package/dist/lib/logic-expr/expr-render.js.map +0 -1
- package/dist/lib/logic-expr/index.js +0 -2
- package/dist/lib/logic-expr/index.js.map +0 -1
- package/dist/lib/logic-expr/logic-expr.js +0 -187
- package/dist/lib/logic-expr/logic-expr.js.map +0 -1
- package/dist/lib/logic-expr/logic-not.js +0 -21
- package/dist/lib/logic-expr/logic-not.js.map +0 -1
- package/dist/lib/logic-expr/logic-toggle.js +0 -33
- package/dist/lib/logic-expr/logic-toggle.js.map +0 -1
- package/dist/lib/logic-expr/types.js +0 -2
- package/dist/lib/logic-expr/types.js.map +0 -1
- package/dist/lib/loop-radio-group/index.js +0 -7
- package/dist/lib/loop-radio-group/index.js.map +0 -1
- package/dist/lib/multi-part-editor/components/image-item-renderer.js +0 -57
- package/dist/lib/multi-part-editor/components/image-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js +0 -25
- package/dist/lib/multi-part-editor/components/multipart-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/components/url-input-modal.js +0 -150
- package/dist/lib/multi-part-editor/components/url-input-modal.js.map +0 -1
- package/dist/lib/multi-part-editor/components/video-item-renderer.js +0 -57
- package/dist/lib/multi-part-editor/components/video-item-renderer.js.map +0 -1
- package/dist/lib/multi-part-editor/index.js +0 -300
- package/dist/lib/multi-part-editor/index.js.map +0 -1
- package/dist/lib/multi-part-editor/multi-part-render.js +0 -40
- package/dist/lib/multi-part-editor/multi-part-render.js.map +0 -1
- package/dist/lib/multi-part-editor/type.js +0 -25
- package/dist/lib/multi-part-editor/type.js.map +0 -1
- package/dist/lib/multi-part-editor/upload-button.js +0 -103
- package/dist/lib/multi-part-editor/upload-button.js.map +0 -1
- package/dist/lib/multi-part-editor/utils.js +0 -43
- package/dist/lib/multi-part-editor/utils.js.map +0 -1
- package/dist/lib/open-detail-button/index.js +0 -11
- package/dist/lib/open-detail-button/index.js.map +0 -1
- package/dist/lib/page-content/index.js +0 -23
- package/dist/lib/page-content/index.js.map +0 -1
- package/dist/lib/primary-page/index.js +0 -2
- package/dist/lib/primary-page/index.js.map +0 -1
- package/dist/lib/primary-page/primary-header.js +0 -4
- package/dist/lib/primary-page/primary-header.js.map +0 -1
- package/dist/lib/primary-title/index.js +0 -8
- package/dist/lib/primary-title/index.js.map +0 -1
- package/dist/lib/provider/index.js +0 -43
- package/dist/lib/provider/index.js.map +0 -1
- package/dist/lib/resizable-side-sheet/index.js +0 -32
- package/dist/lib/resizable-side-sheet/index.js.map +0 -1
- package/dist/lib/resize-sidesheet/index.js +0 -15
- package/dist/lib/resize-sidesheet/index.js.map +0 -1
- package/dist/lib/resize-sidesheet/use-drag.js +0 -30
- package/dist/lib/resize-sidesheet/use-drag.js.map +0 -1
- package/dist/lib/schema-editor/index.js +0 -5
- package/dist/lib/schema-editor/index.js.map +0 -1
- package/dist/lib/search-form/index.d.ts +0 -15
- package/dist/lib/search-form/index.js +0 -77
- package/dist/lib/search-form/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js +0 -19
- package/dist/lib/semi-schema-form/components/tmpls/array-field-item.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js +0 -39
- package/dist/lib/semi-schema-form/components/tmpls/array-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js +0 -32
- package/dist/lib/semi-schema-form/components/tmpls/base-input.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js +0 -13
- package/dist/lib/semi-schema-form/components/tmpls/description-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js +0 -14
- package/dist/lib/semi-schema-form/components/tmpls/error-list.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js +0 -16
- package/dist/lib/semi-schema-form/components/tmpls/field-error.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/field.js +0 -21
- package/dist/lib/semi-schema-form/components/tmpls/field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js +0 -29
- package/dist/lib/semi-schema-form/components/tmpls/icon-button.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/index.js +0 -31
- package/dist/lib/semi-schema-form/components/tmpls/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js +0 -81
- package/dist/lib/semi-schema-form/components/tmpls/object-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/submit.js +0 -13
- package/dist/lib/semi-schema-form/components/tmpls/submit.js.map +0 -1
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js +0 -12
- package/dist/lib/semi-schema-form/components/tmpls/title-field.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js +0 -26
- package/dist/lib/semi-schema-form/components/widgets/checkbox.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js +0 -27
- package/dist/lib/semi-schema-form/components/widgets/checkboxs.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/index.js +0 -15
- package/dist/lib/semi-schema-form/components/widgets/index.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/radio.js +0 -27
- package/dist/lib/semi-schema-form/components/widgets/radio.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/range.js +0 -26
- package/dist/lib/semi-schema-form/components/widgets/range.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/select.js +0 -44
- package/dist/lib/semi-schema-form/components/widgets/select.js.map +0 -1
- package/dist/lib/semi-schema-form/components/widgets/textarea.js +0 -18
- package/dist/lib/semi-schema-form/components/widgets/textarea.js.map +0 -1
- package/dist/lib/semi-schema-form/index.js +0 -9
- package/dist/lib/semi-schema-form/index.js.map +0 -1
- package/dist/lib/sentinel-form/enum.js +0 -15
- package/dist/lib/sentinel-form/enum.js.map +0 -1
- package/dist/lib/sentinel-form/index.js +0 -289
- package/dist/lib/sentinel-form/index.js.map +0 -1
- package/dist/lib/step-nav/index.js +0 -13
- package/dist/lib/step-nav/index.js.map +0 -1
- package/dist/lib/table/index.js +0 -6
- package/dist/lib/table/index.js.map +0 -1
- package/dist/lib/table/sort-icon.js +0 -30
- package/dist/lib/table/sort-icon.js.map +0 -1
- package/dist/lib/table/table-with-pagination.js +0 -74
- package/dist/lib/table/table-with-pagination.js.map +0 -1
- package/dist/lib/table/table-without-pagniation.js +0 -37
- package/dist/lib/table/table-without-pagniation.js.map +0 -1
- package/dist/lib/table-batch-operate/table-batch-operation.js +0 -14
- package/dist/lib/table-batch-operate/table-batch-operation.js.map +0 -1
- package/dist/lib/table-batch-operate/use-batch-operate.js +0 -71
- package/dist/lib/table-batch-operate/use-batch-operate.js.map +0 -1
- package/dist/lib/table-col-actions/index.js +0 -35
- package/dist/lib/table-col-actions/index.js.map +0 -1
- package/dist/lib/table-cols-config/index.js +0 -57
- package/dist/lib/table-cols-config/index.js.map +0 -1
- package/dist/lib/table-cols-config/type.js +0 -2
- package/dist/lib/table-cols-config/type.js.map +0 -1
- package/dist/lib/table-cols-config/use-hidden-col-keys.js +0 -32
- package/dist/lib/table-cols-config/use-hidden-col-keys.js.map +0 -1
- package/dist/lib/table-cols-config/util.js +0 -39
- package/dist/lib/table-cols-config/util.js.map +0 -1
- package/dist/lib/table-empty/index.js +0 -10
- package/dist/lib/table-empty/index.js.map +0 -1
- package/dist/lib/table-header/index.js +0 -11
- package/dist/lib/table-header/index.js.map +0 -1
- package/dist/lib/tabs/index.js +0 -9
- package/dist/lib/tabs/index.js.map +0 -1
- package/dist/lib/text-area-pro/index.js +0 -10
- package/dist/lib/text-area-pro/index.js.map +0 -1
- package/dist/lib/text-with-copy/index.js +0 -24
- package/dist/lib/text-with-copy/index.js.map +0 -1
- package/dist/lib/title-with-sub/index.js +0 -6
- package/dist/lib/title-with-sub/index.js.map +0 -1
- package/dist/lib/tooltip-when-disabled/index.js +0 -9
- package/dist/lib/tooltip-when-disabled/index.js.map +0 -1
- package/dist/lib/tooltip-with-disabled/index.js +0 -9
- package/dist/lib/tooltip-with-disabled/index.js.map +0 -1
- package/dist/lib/tsconfig.build.tsbuildinfo +0 -1
- package/dist/lib/upload/index.js +0 -25
- package/dist/lib/upload/index.js.map +0 -1
- package/dist/lib/user-profile/index.js +0 -21
- package/dist/lib/user-profile/index.js.map +0 -1
- package/dist/lib/utils/basic.js +0 -29
- package/dist/lib/utils/basic.js.map +0 -1
- package/dist/lib/version-list/version-descriptions.js +0 -14
- package/dist/lib/version-list/version-descriptions.js.map +0 -1
- package/dist/lib/version-list/version-item.js +0 -6
- package/dist/lib/version-list/version-item.js.map +0 -1
- package/dist/lib/version-list/version-list.js +0 -11
- package/dist/lib/version-list/version-list.js.map +0 -1
- package/dist/lib/version-list/version-switch-panel.js +0 -10
- package/dist/lib/version-list/version-switch-panel.js.map +0 -1
|
@@ -1,289 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable @typescript-eslint/no-magic-numbers */
|
|
3
|
-
/* eslint-disable max-lines-per-function */
|
|
4
|
-
/* eslint-disable security/detect-object-injection */
|
|
5
|
-
/* eslint-disable @coze-arch/max-line-per-function -- 监控逻辑较多,函数较长,后续可拆分 */
|
|
6
|
-
/* eslint-disable @typescript-eslint/no-explicit-any -- 表单组件需要处理任意类型的表单数据与第三方库接口 */
|
|
7
|
-
import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState, useEffect, } from 'react';
|
|
8
|
-
import { nanoid } from 'nanoid';
|
|
9
|
-
import { debounce } from 'lodash-es';
|
|
10
|
-
import dayjs from 'dayjs';
|
|
11
|
-
import { useDebounceFn } from 'ahooks';
|
|
12
|
-
import { Form } from '@coze-arch/coze-design';
|
|
13
|
-
import { useReportEvent } from '../provider';
|
|
14
|
-
import { EventNames } from './enum';
|
|
15
|
-
const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormApi, ...props }, ref) => {
|
|
16
|
-
const sendEvent = useReportEvent();
|
|
17
|
-
const sessionID = useMemo(() => nanoid(), []);
|
|
18
|
-
const formRef = useRef(null);
|
|
19
|
-
const instanceRef = useRef(null);
|
|
20
|
-
const startTimeRef = useRef(0);
|
|
21
|
-
const interfaceErrorCount = useRef(0);
|
|
22
|
-
const validateErrorCount = useRef(0);
|
|
23
|
-
const firstValidateSuccess = useRef(true);
|
|
24
|
-
const noOperation = useRef(true);
|
|
25
|
-
const noSubmit = useRef(true);
|
|
26
|
-
const submitSuccess = useRef(false);
|
|
27
|
-
const validateErrorLog = debounce((error) => {
|
|
28
|
-
firstValidateSuccess.current = false;
|
|
29
|
-
validateErrorCount.current = validateErrorCount.current + 1;
|
|
30
|
-
const validateErrorTime = Date.now();
|
|
31
|
-
const errorKeys = Object.keys(error) || [];
|
|
32
|
-
sendEvent(EventNames.LOOP_FORM_FIELD_VALIDATE_ERROR, {
|
|
33
|
-
form_id: formID,
|
|
34
|
-
session_id: sessionID,
|
|
35
|
-
form_item_error_count: errorKeys.length,
|
|
36
|
-
form_item_error_detail: JSON.stringify(error || {}),
|
|
37
|
-
time: validateErrorTime,
|
|
38
|
-
time_str: dayjs(validateErrorTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
39
|
-
});
|
|
40
|
-
}, 500);
|
|
41
|
-
// 提交日志:仅用于接口错误统计与成功上报,不处理校验错误
|
|
42
|
-
const submitLog = useCallback(async (isInterfaceError, error) => {
|
|
43
|
-
noSubmit.current = false;
|
|
44
|
-
if (isInterfaceError) {
|
|
45
|
-
firstValidateSuccess.current = false;
|
|
46
|
-
interfaceErrorCount.current = interfaceErrorCount.current + 1;
|
|
47
|
-
sendEvent?.(EventNames.LOOP_FORM_SUBMIT_INTERFACE_ERROR, {
|
|
48
|
-
form_id: formID,
|
|
49
|
-
session_id: sessionID,
|
|
50
|
-
form_interface_error_detail: JSON.stringify(error || {}),
|
|
51
|
-
time: Date.now(),
|
|
52
|
-
time_str: dayjs(Date.now()).format('YYYY-MM-DD HH:mm:ss'),
|
|
53
|
-
});
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
const values = await formRef?.current?.formApi?.getValues();
|
|
57
|
-
submitSuccess.current = true;
|
|
58
|
-
const formItemShow = Object.keys(values);
|
|
59
|
-
const formItemFilled = formItemShow.filter(key => values[key]);
|
|
60
|
-
const successTime = Date.now();
|
|
61
|
-
sendEvent?.(EventNames.LOOP_FORM_SUBMIT_SUCCESS, {
|
|
62
|
-
form_id: formID,
|
|
63
|
-
session_id: sessionID,
|
|
64
|
-
// 完成耗时
|
|
65
|
-
form_complete_consume_time: Date.now() - startTimeRef.current,
|
|
66
|
-
// 接口报错次数,需要计算
|
|
67
|
-
form_interface_error: interfaceErrorCount.current,
|
|
68
|
-
// 一次点击成功次数 pv
|
|
69
|
-
form_once_success_submit: interfaceErrorCount.current === 0 && firstValidateSuccess.current,
|
|
70
|
-
// 表单填写项
|
|
71
|
-
form_item_filled: JSON.stringify(formItemFilled),
|
|
72
|
-
// 表单展现项
|
|
73
|
-
form_item_show: JSON.stringify(formItemShow),
|
|
74
|
-
// 表单项使用率
|
|
75
|
-
form_item_used_percent: formItemFilled.length / formItemShow.length,
|
|
76
|
-
form_values: JSON.stringify(values),
|
|
77
|
-
time: successTime,
|
|
78
|
-
time_str: dayjs(successTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
79
|
-
});
|
|
80
|
-
}, [formID, sessionID]);
|
|
81
|
-
// 劫持 validate,确保任何方式获取到的 formApi 都会命中被包装的 validate
|
|
82
|
-
const hijackValidate = useCallback((instance) => {
|
|
83
|
-
if (!instance) {
|
|
84
|
-
return instance;
|
|
85
|
-
}
|
|
86
|
-
const FLAG = '__validateHijacked__';
|
|
87
|
-
if (instance[FLAG]) {
|
|
88
|
-
return instance;
|
|
89
|
-
}
|
|
90
|
-
const originalValidate = typeof instance.validate === 'function'
|
|
91
|
-
? instance.validate.bind(instance)
|
|
92
|
-
: null;
|
|
93
|
-
if (originalValidate) {
|
|
94
|
-
instance.validate = (...args) => {
|
|
95
|
-
try {
|
|
96
|
-
const maybePromise = originalValidate(...args);
|
|
97
|
-
return Promise.resolve(maybePromise).catch(err => {
|
|
98
|
-
// 校验失败:直接上报校验错误,不触发 submitLog
|
|
99
|
-
validateErrorLog(err);
|
|
100
|
-
throw err;
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
catch (err) {
|
|
104
|
-
validateErrorLog(err);
|
|
105
|
-
throw err;
|
|
106
|
-
}
|
|
107
|
-
};
|
|
108
|
-
instance[FLAG] = true;
|
|
109
|
-
}
|
|
110
|
-
if (!instance?.submitLog) {
|
|
111
|
-
instance.submitLog = submitLog;
|
|
112
|
-
}
|
|
113
|
-
return instance;
|
|
114
|
-
}, [submitLog]);
|
|
115
|
-
const operationTimelineRef = useRef({});
|
|
116
|
-
// 关闭标签页/浏览器上报所需:保证拿到最新的 formID/sessionID 与避免重复上报
|
|
117
|
-
const formIdRef = useRef(formID);
|
|
118
|
-
const sessionIdRef = useRef(sessionID);
|
|
119
|
-
const flushedRef = useRef(false);
|
|
120
|
-
useEffect(() => {
|
|
121
|
-
formIdRef.current = formID;
|
|
122
|
-
}, [formID]);
|
|
123
|
-
useEffect(() => {
|
|
124
|
-
sessionIdRef.current = sessionID;
|
|
125
|
-
}, [sessionID]);
|
|
126
|
-
// 空闲状态相关
|
|
127
|
-
const [isIdle, setIsIdle] = useState(false);
|
|
128
|
-
const [idleStartTime, setIdleStartTime] = useState(null);
|
|
129
|
-
const IDLE_THRESHOLD = 5000; // 空闲阈值,单位毫秒(5秒)
|
|
130
|
-
const IDLE_CHECK_INTERVAL = 1000; // 空闲检查间隔,单位毫秒(1秒)
|
|
131
|
-
// 记录最后一次用户活跃时间
|
|
132
|
-
const [lastActiveTime, setLastActiveTime] = useState(Date.now());
|
|
133
|
-
const handleValueChange = changedValues => {
|
|
134
|
-
noOperation.current = false;
|
|
135
|
-
for (const key in changedValues) {
|
|
136
|
-
if (Object.prototype.hasOwnProperty.call(changedValues, key)) {
|
|
137
|
-
const currentTime = Date.now();
|
|
138
|
-
setLastActiveTime(currentTime); // 更新最后活跃时间
|
|
139
|
-
if (!operationTimelineRef.current[key]) {
|
|
140
|
-
// 首次操作该字段,初始化操作记录
|
|
141
|
-
operationTimelineRef.current = {
|
|
142
|
-
...operationTimelineRef.current,
|
|
143
|
-
[key]: [
|
|
144
|
-
{
|
|
145
|
-
startTime: currentTime,
|
|
146
|
-
startTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
147
|
-
endTime: currentTime,
|
|
148
|
-
endTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
149
|
-
duration: 0,
|
|
150
|
-
idleTime: 0, // 初始无效空闲时间为0
|
|
151
|
-
},
|
|
152
|
-
],
|
|
153
|
-
};
|
|
154
|
-
}
|
|
155
|
-
else {
|
|
156
|
-
const lastOperation = operationTimelineRef.current[key][operationTimelineRef.current[key].length - 1];
|
|
157
|
-
const totalDurationSinceLast = currentTime - lastOperation.startTime; // 本次操作从上次开始到现在的总时长
|
|
158
|
-
let idleTimeDeducted = 0;
|
|
159
|
-
if (isIdle && idleStartTime !== null) {
|
|
160
|
-
// 如果之前处于空闲状态,扣除这段空闲时间
|
|
161
|
-
idleTimeDeducted = currentTime - idleStartTime;
|
|
162
|
-
setIsIdle(false); // 重置空闲状态
|
|
163
|
-
}
|
|
164
|
-
const effectiveDuration = totalDurationSinceLast - idleTimeDeducted;
|
|
165
|
-
const newOperation = {
|
|
166
|
-
startTime: currentTime,
|
|
167
|
-
startTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
168
|
-
endTime: currentTime,
|
|
169
|
-
endTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
170
|
-
duration: effectiveDuration,
|
|
171
|
-
idleTime: idleTimeDeducted,
|
|
172
|
-
};
|
|
173
|
-
// 更新操作时间轴,添加新的操作记录
|
|
174
|
-
operationTimelineRef.current = {
|
|
175
|
-
...operationTimelineRef.current,
|
|
176
|
-
[key]: [...operationTimelineRef.current[key], newOperation],
|
|
177
|
-
};
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
|
-
const onFormClose = () => {
|
|
183
|
-
const closeTime = Date.now();
|
|
184
|
-
sendEvent?.(EventNames.LOOP_FORM_CLOSE, {
|
|
185
|
-
form_id: formIdRef.current,
|
|
186
|
-
session_id: sessionIdRef.current,
|
|
187
|
-
// 无表单操作 pv
|
|
188
|
-
form_no_operation: noOperation.current,
|
|
189
|
-
// 有表单操作,无表单提交操作次数 pv
|
|
190
|
-
form_operation_no_submit: !noOperation.current && noSubmit.current,
|
|
191
|
-
// 表单是否提交成功
|
|
192
|
-
form_operation_submit_success: submitSuccess.current,
|
|
193
|
-
// 接口报错次数, 需要计算
|
|
194
|
-
form_request_error_times: interfaceErrorCount.current,
|
|
195
|
-
// 表单项报错次数
|
|
196
|
-
form_item_error_times: validateErrorCount.current,
|
|
197
|
-
time: closeTime,
|
|
198
|
-
time_str: dayjs(closeTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
199
|
-
});
|
|
200
|
-
};
|
|
201
|
-
const onFormCloseDobounce = useDebounceFn(onFormClose, { wait: 200 });
|
|
202
|
-
const onValuesChange = (values, changedValues) => {
|
|
203
|
-
handleValueChange(changedValues);
|
|
204
|
-
onValueChange?.(values, changedValues);
|
|
205
|
-
};
|
|
206
|
-
useEffect(() => {
|
|
207
|
-
if (sessionID && formID) {
|
|
208
|
-
startTimeRef.current = Date.now();
|
|
209
|
-
}
|
|
210
|
-
}, [formID, sessionID]);
|
|
211
|
-
// 定时检测用户是否进入空闲状态
|
|
212
|
-
useEffect(() => {
|
|
213
|
-
const idleChecker = setInterval(() => {
|
|
214
|
-
if (!isIdle && Date.now() - lastActiveTime > IDLE_THRESHOLD) {
|
|
215
|
-
setIsIdle(true);
|
|
216
|
-
setIdleStartTime(Date.now());
|
|
217
|
-
}
|
|
218
|
-
}, IDLE_CHECK_INTERVAL); // 每秒检查一次
|
|
219
|
-
return () => clearInterval(idleChecker);
|
|
220
|
-
}, [isIdle, lastActiveTime]);
|
|
221
|
-
// 初始化: 进入表单时间
|
|
222
|
-
useEffect(() => {
|
|
223
|
-
if (sessionID && formID) {
|
|
224
|
-
const initTime = Date.now();
|
|
225
|
-
sendEvent?.(EventNames.INIT_LOOP_FORM, {
|
|
226
|
-
form_id: formID,
|
|
227
|
-
session_id: sessionID,
|
|
228
|
-
time: initTime,
|
|
229
|
-
time_str: dayjs(initTime).format('YYYY-MM-DD HH:mm:ss'),
|
|
230
|
-
});
|
|
231
|
-
}
|
|
232
|
-
return () => {
|
|
233
|
-
if (formID && sessionID && !flushedRef.current) {
|
|
234
|
-
flushedRef.current = true;
|
|
235
|
-
sendEvent?.(EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
|
|
236
|
-
form_id: formID,
|
|
237
|
-
session_id: sessionID,
|
|
238
|
-
time_line: JSON.stringify(operationTimelineRef.current),
|
|
239
|
-
});
|
|
240
|
-
onFormCloseDobounce.run();
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
}, [formID, sessionID]);
|
|
244
|
-
// 关注页面关闭(tab 关闭/浏览器退出/导航离开等),不处理页面隐藏
|
|
245
|
-
useEffect(() => {
|
|
246
|
-
const flushOnClose = () => {
|
|
247
|
-
if (flushedRef.current) {
|
|
248
|
-
return;
|
|
249
|
-
}
|
|
250
|
-
const fid = formIdRef.current;
|
|
251
|
-
const sid = sessionIdRef.current;
|
|
252
|
-
if (!fid || !sid) {
|
|
253
|
-
return;
|
|
254
|
-
}
|
|
255
|
-
flushedRef.current = true;
|
|
256
|
-
sendEvent?.(EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
|
|
257
|
-
form_id: fid,
|
|
258
|
-
session_id: sid,
|
|
259
|
-
time_line: JSON.stringify(operationTimelineRef.current),
|
|
260
|
-
});
|
|
261
|
-
onFormCloseDobounce.run();
|
|
262
|
-
};
|
|
263
|
-
// 仅监听会导致页面真正卸载的事件
|
|
264
|
-
window.addEventListener('pagehide', flushOnClose);
|
|
265
|
-
window.addEventListener('beforeunload', flushOnClose);
|
|
266
|
-
return () => {
|
|
267
|
-
window.removeEventListener('pagehide', flushOnClose);
|
|
268
|
-
window.removeEventListener('beforeunload', flushOnClose);
|
|
269
|
-
};
|
|
270
|
-
}, []);
|
|
271
|
-
useImperativeHandle(ref, () => {
|
|
272
|
-
const newFormApi = hijackValidate(formRef?.current?.formApi);
|
|
273
|
-
const result = {
|
|
274
|
-
...(formRef?.current || {}),
|
|
275
|
-
formApi: newFormApi,
|
|
276
|
-
submitLog,
|
|
277
|
-
};
|
|
278
|
-
return result;
|
|
279
|
-
});
|
|
280
|
-
return (_jsx(Form, { ref: formRef, onValueChange: onValuesChange, getFormApi: instance => {
|
|
281
|
-
const hijacked = hijackValidate(instance);
|
|
282
|
-
instanceRef.current = hijacked;
|
|
283
|
-
getFormApi?.(hijacked);
|
|
284
|
-
}, onSubmit: values => {
|
|
285
|
-
onSubmit?.(values);
|
|
286
|
-
}, onSubmitFail: validateErrorLog, ...props, children: children }));
|
|
287
|
-
};
|
|
288
|
-
export const SentinelForm = forwardRef(SentinelFormInner);
|
|
289
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sentinel-form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import classNames from 'classnames';
|
|
3
|
-
import { IconCozCheckMarkFill } from '@coze-arch/coze-design/icons';
|
|
4
|
-
import { Typography } from '@coze-arch/coze-design';
|
|
5
|
-
import styles from './index.module.less';
|
|
6
|
-
export function StepNav({ currentStep, stepItems, onStepChange, clickToChange, }) {
|
|
7
|
-
const activeStepIndex = stepItems.findIndex(item => item.key === currentStep);
|
|
8
|
-
return (_jsx("div", { className: styles['step-nav'], children: stepItems.map((item, index) => (_jsx(Typography.Text, { className: classNames(styles['tab-step'], {
|
|
9
|
-
[styles['tab-active']]: currentStep === item.key || index <= activeStepIndex,
|
|
10
|
-
'cursor-pointer': clickToChange,
|
|
11
|
-
}), icon: index < activeStepIndex ? (_jsx("span", { className: styles['tab-icon'], children: _jsx(IconCozCheckMarkFill, {}) })) : (_jsx("span", { className: styles['tab-icon'], children: item?.icon ?? index + 1 })), onClick: () => clickToChange && onStepChange?.(item.key), children: item.label }, item.key))) }));
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/step-nav/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAazC,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,EACX,SAAS,EACT,YAAY,EACZ,aAAa,GACA;IACb,MAAM,eAAe,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,WAAW,CAAC,CAAC;IAC9E,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,YAC/B,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,KAAC,UAAU,CAAC,IAAI,IAEd,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;gBACxC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,EACpB,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,KAAK,IAAI,eAAe;gBACtD,gBAAgB,EAAE,aAAa;aAChC,CAAC,EACF,IAAI,EACF,KAAK,GAAG,eAAe,CAAC,CAAC,CAAC,CACxB,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,YACjC,KAAC,oBAAoB,KAAG,GACnB,CACR,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,CAAC,YAChC,IAAI,EAAE,IAAI,IAAI,KAAK,GAAG,CAAC,GACnB,CACR,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,YAAY,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,YAEvD,IAAI,CAAC,KAAK,IAnBN,IAAI,CAAC,GAAG,CAoBG,CACnB,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}
|
package/dist/lib/table/index.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
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['loop-table'] }));
|
|
6
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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,YAAY,CAAC,GACxB,CACH,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAEzE,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"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect, useMemo, useRef } from 'react';
|
|
3
|
-
import cls from 'classnames';
|
|
4
|
-
import { useSize } from 'ahooks';
|
|
5
|
-
import { CozPagination } from '@coze-arch/coze-design';
|
|
6
|
-
import LoopTableSortIcon from './sort-icon';
|
|
7
|
-
import { LoopTable } from './index';
|
|
8
|
-
/** 获取本地存储的表格分页数量 */
|
|
9
|
-
export function getStoragePageSize(pageSizeStorageKey) {
|
|
10
|
-
if (!pageSizeStorageKey) {
|
|
11
|
-
return undefined;
|
|
12
|
-
}
|
|
13
|
-
const pageSize = localStorage.getItem(pageSizeStorageKey);
|
|
14
|
-
if (pageSize && !isNaN(Number(pageSize))) {
|
|
15
|
-
return Number(pageSize);
|
|
16
|
-
}
|
|
17
|
-
return undefined;
|
|
18
|
-
}
|
|
19
|
-
export const PAGE_SIZE_OPTIONS = [10, 20, 50];
|
|
20
|
-
export const DEFAULT_PAGE_SIZE = 20;
|
|
21
|
-
// eslint-disable-next-line complexity
|
|
22
|
-
export function TableWithPagination(props) {
|
|
23
|
-
const { pageSizeOpts, service, header, heightFull = false, footerWithPagination, pageSizeStorageKey, showSizeChanger = true, footerClassName, className, } = props;
|
|
24
|
-
const { columns } = props.tableProps ?? {};
|
|
25
|
-
const tableContainerRef = useRef(null);
|
|
26
|
-
const size = useSize(tableContainerRef.current);
|
|
27
|
-
const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
|
|
28
|
-
const tablePagination = useMemo(() => ({
|
|
29
|
-
currentPage: service.pagination.current,
|
|
30
|
-
pageSize: getStoragePageSize(pageSizeStorageKey) || service.pagination.pageSize,
|
|
31
|
-
total: Number(service.pagination.total),
|
|
32
|
-
onChange: (page, pageSize) => {
|
|
33
|
-
service.pagination.onChange(page, pageSize);
|
|
34
|
-
},
|
|
35
|
-
onPageSizeChange(newPageSize) {
|
|
36
|
-
if (pageSizeStorageKey) {
|
|
37
|
-
localStorage.setItem(pageSizeStorageKey, String(newPageSize));
|
|
38
|
-
}
|
|
39
|
-
},
|
|
40
|
-
showSizeChanger,
|
|
41
|
-
pageSizeOpts: pageSizeOpts ?? PAGE_SIZE_OPTIONS,
|
|
42
|
-
}), [service.pagination, pageSizeOpts, pageSizeStorageKey, showSizeChanger]);
|
|
43
|
-
useEffect(() => {
|
|
44
|
-
if (service.pagination.current > 1 && service?.data?.list?.length === 0) {
|
|
45
|
-
service.pagination.changeCurrent(1);
|
|
46
|
-
}
|
|
47
|
-
}, [service.pagination.current, service?.data?.list]);
|
|
48
|
-
const tableHeaderHeight = tableHeaderSize?.height ?? 56;
|
|
49
|
-
return (_jsxs("div", { className: cls('flex flex-col gap-3 w-full', className, {
|
|
50
|
-
'h-full flex overflow-hidden': heightFull,
|
|
51
|
-
}), children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
|
|
52
|
-
empty: _jsx(_Fragment, {}),
|
|
53
|
-
...(props.tableProps ?? {}),
|
|
54
|
-
scroll: {
|
|
55
|
-
// 表格容器的高度减去表格头的高度
|
|
56
|
-
y: size?.height === undefined || !heightFull
|
|
57
|
-
? undefined
|
|
58
|
-
: size.height - tableHeaderHeight - 2,
|
|
59
|
-
...(props.tableProps?.scroll ?? {}),
|
|
60
|
-
},
|
|
61
|
-
loading: service?.loading || props?.tableProps?.loading,
|
|
62
|
-
columns: columns
|
|
63
|
-
?.filter(column => column.hidden !== true && column.checked !== false)
|
|
64
|
-
?.map(column => ({
|
|
65
|
-
...column,
|
|
66
|
-
...(column.sorter && !column.sortIcon
|
|
67
|
-
? { sortIcon: LoopTableSortIcon }
|
|
68
|
-
: {}),
|
|
69
|
-
})),
|
|
70
|
-
dataSource: service?.data?.list ?? [],
|
|
71
|
-
} }) }), service.pagination.current > 1 ||
|
|
72
|
-
(service?.data?.list?.length && service?.data?.list?.length > 0) ? (_jsxs("div", { className: cls('shrink-0 flex flex-row-reverse justify-between items-center', footerClassName), children: [_jsx(CozPagination, { ...tablePagination, showTotal: true, showSizeChanger: true }), footerWithPagination] })) : null] }));
|
|
73
|
-
}
|
|
74
|
-
//# sourceMappingURL=table-with-pagination.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-with-pagination.js","sourceRoot":"","sources":["../../../src/table/table-with-pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable complexity */
|
|
3
|
-
import { useRef } from 'react';
|
|
4
|
-
import cls from 'classnames';
|
|
5
|
-
import { useSize } from 'ahooks';
|
|
6
|
-
import LoopTableSortIcon from './sort-icon';
|
|
7
|
-
import { LoopTable } from './index';
|
|
8
|
-
export function TableWithoutPagination(props) {
|
|
9
|
-
const { header, heightFull = false, className } = props;
|
|
10
|
-
const { columns } = props.tableProps ?? {};
|
|
11
|
-
const tableContainerRef = useRef(null);
|
|
12
|
-
const size = useSize(tableContainerRef.current);
|
|
13
|
-
const tableHeaderSize = useSize(tableContainerRef.current?.querySelector('.semi-table-header'));
|
|
14
|
-
const tableHeaderHeight = tableHeaderSize?.height ?? 56;
|
|
15
|
-
return (_jsxs("div", { className: cls('flex flex-col gap-3 w-full', className, {
|
|
16
|
-
'h-full flex overflow-hidden': heightFull,
|
|
17
|
-
}), children: [header ? header : null, _jsx("div", { ref: tableContainerRef, className: heightFull ? 'flex-1 overflow-hidden' : '', children: _jsx(LoopTable, { ...props, tableProps: {
|
|
18
|
-
empty: _jsx(_Fragment, {}),
|
|
19
|
-
...(props.tableProps ?? {}),
|
|
20
|
-
scroll: {
|
|
21
|
-
// 表格容器的高度减去表格头的高度
|
|
22
|
-
y: size?.height === undefined || !heightFull
|
|
23
|
-
? undefined
|
|
24
|
-
: size.height - tableHeaderHeight - 2,
|
|
25
|
-
...(props.tableProps?.scroll ?? {}),
|
|
26
|
-
},
|
|
27
|
-
columns: columns
|
|
28
|
-
?.filter(column => column.hidden !== true && column.checked !== false)
|
|
29
|
-
?.map(column => ({
|
|
30
|
-
...column,
|
|
31
|
-
...(column.sorter && !column.sortIcon
|
|
32
|
-
? { sortIcon: LoopTableSortIcon }
|
|
33
|
-
: {}),
|
|
34
|
-
})),
|
|
35
|
-
} }) })] }));
|
|
36
|
-
}
|
|
37
|
-
//# sourceMappingURL=table-without-pagniation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-without-pagniation.js","sourceRoot":"","sources":["../../../src/table/table-without-pagniation.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,GAAG,MAAM,YAAY,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGjC,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOpC,MAAM,UAAU,sBAAsB,CAAC,KAAkC;IACvE,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACxD,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,CAAC,4BAA4B,EAAE,SAAS,EAAE;YACtD,6BAA6B,EAAE,UAAU;SAC1C,CAAC,aAED,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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '@coze-arch/coze-design';
|
|
3
|
-
/** 表格批量操作 */
|
|
4
|
-
export function TableBatchOperate({ actions, batchOperateStore, }) {
|
|
5
|
-
const { selectedItems, setSelectedItems, enableBatchOperate, setEnableBatchOperate, } = batchOperateStore;
|
|
6
|
-
if (!enableBatchOperate) {
|
|
7
|
-
return (_jsx(Button, { color: "primary", onClick: () => setEnableBatchOperate?.(true), children: "\u6279\u91CF\u9009\u62E9" }));
|
|
8
|
-
}
|
|
9
|
-
return (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "text-xs", children: ["\u5DF2\u9009 ", selectedItems.length, " \u6761\u6570\u636E", _jsx("span", { className: "ml-1 text-[rgb(var(--coze-up-brand-9))] cursor-pointer", onClick: () => {
|
|
10
|
-
setSelectedItems([]);
|
|
11
|
-
setEnableBatchOperate?.(false);
|
|
12
|
-
}, children: "\u53D6\u6D88\u9009\u62E9" })] }), actions] }));
|
|
13
|
-
}
|
|
14
|
-
//# sourceMappingURL=table-batch-operation.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-batch-operation.js","sourceRoot":"","sources":["../../../src/table-batch-operate/table-batch-operation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAWhD,aAAa;AACb,MAAM,UAAU,iBAAiB,CAAa,EAC5C,OAAO,EACP,iBAAiB,GACa;IAC9B,MAAM,EACJ,aAAa,EACb,gBAAgB,EAChB,kBAAkB,EAClB,qBAAqB,GACtB,GAAG,iBAAiB,CAAC;IACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,OAAO,CACL,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,CAAC,yCAE3D,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAK,SAAS,EAAC,SAAS,8BAClB,aAAa,CAAC,MAAM,yBACxB,eACE,SAAS,EAAC,wDAAwD,EAClE,OAAO,EAAE,GAAG,EAAE;4BACZ,gBAAgB,CAAC,EAAE,CAAC,CAAC;4BACrB,qBAAqB,EAAE,CAAC,KAAK,CAAC,CAAC;wBACjC,CAAC,yCAGI,IACH,EACL,OAAO,IACJ,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
/* eslint-disable security/detect-object-injection */
|
|
2
|
-
import { useMemo, useState } from 'react';
|
|
3
|
-
/** 计算数组元素的映射表 */
|
|
4
|
-
function arrayToMap(array, key) {
|
|
5
|
-
const map = {};
|
|
6
|
-
array.forEach(item => {
|
|
7
|
-
const mapKey = item[key];
|
|
8
|
-
if (mapKey !== undefined) {
|
|
9
|
-
const val = item;
|
|
10
|
-
map[mapKey] = val;
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
return map;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* 表格批量操作状态管理。
|
|
17
|
-
* 支持跨分页选择数据。
|
|
18
|
-
* @param recordKey 表格行记录数据的唯一ID字段,默认 `id`
|
|
19
|
-
* @returns 批量操作接口
|
|
20
|
-
*/
|
|
21
|
-
export function useBatchOperate({ recordKey = 'id', maxSelectionCount, } = {}) {
|
|
22
|
-
const [enableBatchOperate, setEnableBatchOperate] = useState(false);
|
|
23
|
-
const [selectedItems, setSelectedItems] = useState([]);
|
|
24
|
-
const rowSelection = useMemo(() => {
|
|
25
|
-
// 是否开启最大可选数量限制
|
|
26
|
-
const hasMaxLimit = typeof maxSelectionCount === 'number' && !Number.isNaN(maxSelectionCount);
|
|
27
|
-
// 选择数量是否达到最大数量
|
|
28
|
-
const isSelectionMaximum = hasMaxLimit && selectedItems.length >= maxSelectionCount;
|
|
29
|
-
// 表格行选择器配置
|
|
30
|
-
const newRowSelection = {
|
|
31
|
-
// 禁用表格列标题处的checkbox
|
|
32
|
-
disabled: hasMaxLimit && selectedItems.length >= maxSelectionCount,
|
|
33
|
-
// 隐藏表格行选择器
|
|
34
|
-
hidden: !enableBatchOperate,
|
|
35
|
-
// 已选择的表格行记录数据的唯一ID字段值数组
|
|
36
|
-
selectedRowKeys: selectedItems?.map(item => item[recordKey]),
|
|
37
|
-
// 表格行选择器变化事件
|
|
38
|
-
onChange(newKeys = [], rows = []) {
|
|
39
|
-
const map = arrayToMap([...rows, ...selectedItems], recordKey);
|
|
40
|
-
const newSelectKeys = hasMaxLimit
|
|
41
|
-
? newKeys.slice(0, maxSelectionCount)
|
|
42
|
-
: newKeys;
|
|
43
|
-
const newSelectedItems = newSelectKeys
|
|
44
|
-
.map(key => map[key])
|
|
45
|
-
.filter(Boolean);
|
|
46
|
-
setSelectedItems(newSelectedItems);
|
|
47
|
-
},
|
|
48
|
-
};
|
|
49
|
-
// 表格行选择器获取checkbox属性事件, 超出最大选中数量时禁用所有未选项
|
|
50
|
-
if (hasMaxLimit) {
|
|
51
|
-
const selectedKeyMap = new Map(selectedItems.map(item => [item[recordKey], item]));
|
|
52
|
-
newRowSelection.getCheckboxProps = (record) => ({
|
|
53
|
-
disabled: isSelectionMaximum && !selectedKeyMap.has(record[recordKey]),
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
return newRowSelection;
|
|
57
|
-
}, [enableBatchOperate, selectedItems, maxSelectionCount, recordKey]);
|
|
58
|
-
const onCancelBatchOperate = () => {
|
|
59
|
-
setEnableBatchOperate(false);
|
|
60
|
-
setSelectedItems([]);
|
|
61
|
-
};
|
|
62
|
-
return {
|
|
63
|
-
enableBatchOperate,
|
|
64
|
-
selectedItems,
|
|
65
|
-
setEnableBatchOperate,
|
|
66
|
-
onCancelBatchOperate,
|
|
67
|
-
setSelectedItems,
|
|
68
|
-
rowSelection,
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
//# sourceMappingURL=use-batch-operate.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-batch-operate.js","sourceRoot":"","sources":["../../../src/table-batch-operate/use-batch-operate.ts"],"names":[],"mappings":"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"}
|