@cozeloop/components 0.0.12-beta-1778488172610 → 0.0.12-beta-1378.344125032425

package/dist/lib/semi-schema-form/components/widgets/checkbox.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ariaDescribedByIds, } from '@rjsf/utils';
+import { Checkbox } from '@coze-arch/coze-design';
+/** The `CheckBoxWidget` is a widget for rendering boolean properties.
+ *  It is typically used to represent a boolean.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxWidget(props) {
+    const { autofocus, disabled, formContext, id, 
+    // label,
+    // hideLabel,
+    onBlur, onChange, onFocus, readonly, value, } = props;
+    const { readonlyAsDisabled = true } = formContext;
+    const handleChange = ({ target }) => onChange(target.checked);
+    const handleBlur = ({ target }) => onBlur(id, target && target.checked);
+    const handleFocus = ({ target }) => onFocus(id, target && target.checked);
+    // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+    // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+    const extraProps = {
+        onBlur: !readonly ? handleBlur : undefined,
+        onFocus: !readonly ? handleFocus : undefined,
+    };
+    return (_jsx(Checkbox, { autoFocus: autofocus, checked: typeof value === 'undefined' ? false : value, disabled: disabled || (readonlyAsDisabled && readonly), id: id, onChange: !readonly ? handleChange : undefined, ...extraProps, "aria-describedby": ariaDescribedByIds(id) }));
+}
+//# sourceMappingURL=checkbox.js.map

package/dist/lib/semi-schema-form/components/widgets/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,kBAAkB,GAOnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAsB,MAAM,wBAAwB,CAAC;AAEtE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,KAA2B;IAC3B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,EAAE;IACF,SAAS;IACT,aAAa;IACb,MAAM,EACN,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAC7D,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE3B,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC9D,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC/D,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IAExC,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IACF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EACrD,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,KAC1C,UAAU,sBACI,kBAAkB,CAAI,EAAE,CAAC,GAGlC,CACZ,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/widgets/checkboxs.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex, optionId, } from '@rjsf/utils';
+import { Checkbox } from '@coze-arch/coze-design';
+/** The `CheckboxesWidget` is a widget for rendering checkbox groups.
+ *  It is typically used to represent an array of enums.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function CheckboxesWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value, }) {
+    const { readonlyAsDisabled = true } = formContext;
+    const { enumOptions, enumDisabled, inline, emptyValue } = options;
+    const handleChange = nextValue => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+    const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+    const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target.value, enumOptions, emptyValue));
+    // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+    // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+    const extraProps = {
+        id,
+        onBlur: !readonly ? handleBlur : undefined,
+        onFocus: !readonly ? handleFocus : undefined,
+    };
+    const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, true);
+    return Array.isArray(enumOptions) && enumOptions.length > 0 ? (_jsx(_Fragment, { children: _jsx(Checkbox.Group, { disabled: disabled || (readonlyAsDisabled && readonly), name: id, onChange: !readonly ? handleChange : undefined, value: selectedIndexes, ...extraProps, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
+                enumOptions.map((option, i) => (_jsxs("span", { children: [_jsx(Checkbox, { id: optionId(id, i), autoFocus: i === 0 ? autofocus : false, disabled: Array.isArray(enumDisabled) &&
+                                enumDisabled.indexOf(option.value) !== -1, value: String(i), children: option.label }), !inline && _jsx("br", {})] }, i))) }) })) : null;
+}
+//# sourceMappingURL=checkboxs.js.map

package/dist/lib/semi-schema-form/components/widgets/checkboxs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxs.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/checkboxs.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,EACxB,QAAQ,GAMT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAA2B,MAAM,wBAAwB,CAAC;AAE3E;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAItC,EACA,SAAS,EACT,QAAQ,EACR,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAElE,MAAM,YAAY,GAAmC,SAAS,CAAC,EAAE,CAC/D,QAAQ,CAAC,wBAAwB,CAAI,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC9D,MAAM,CACJ,EAAE,EACF,wBAAwB,CAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CACnE,CAAC;IAEJ,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC/D,OAAO,CACL,EAAE,EACF,wBAAwB,CAAI,MAAM,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,CAAC,CACnE,CAAC;IAEJ,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,EAAE;QACF,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IAEF,MAAM,eAAe,GAAG,wBAAwB,CAC9C,KAAK,EACL,WAAW,EACX,IAAI,CACO,CAAC;IAEd,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5D,4BACE,KAAC,QAAQ,CAAC,KAAK,IACb,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,eAAe,KAClB,UAAU,sBACI,kBAAkB,CAAI,EAAE,CAAC,YAE1C,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;gBACzB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,2BACE,KAAC,QAAQ,IACP,EAAE,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC,EACnB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACtC,QAAQ,EACN,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;gCAC3B,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAE3C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAEf,MAAM,CAAC,KAAK,GACJ,EACV,CAAC,MAAM,IAAI,cAAM,KAZT,CAAC,CAaL,CACR,CAAC,GACW,GAChB,CACJ,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC"}

package/dist/lib/semi-schema-form/components/widgets/index.js

@@ -0,0 +1,15 @@
+import TextAreaWidget from './textarea';
+import SelectWidget from './select';
+import RangeWidget from './range';
+import RadioWidget from './radio';
+import CheckboxesWidget from './checkboxs';
+import CheckboxWidget from './checkbox';
+export const widgets = {
+    TextAreaWidget,
+    SelectWidget,
+    CheckboxWidget,
+    CheckboxesWidget,
+    RadioWidget,
+    RangeWidget,
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/semi-schema-form/components/widgets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/index.ts"],"names":[],"mappings":"AAEA,OAAO,cAAc,MAAM,YAAY,CAAC;AACxC,OAAO,YAAY,MAAM,UAAU,CAAC;AACpC,OAAO,WAAW,MAAM,SAAS,CAAC;AAClC,OAAO,WAAW,MAAM,SAAS,CAAC;AAClC,OAAO,gBAAgB,MAAM,aAAa,CAAC;AAC3C,OAAO,cAAc,MAAM,YAAY,CAAC;AAExC,MAAM,CAAC,MAAM,OAAO,GAAwB;IAC1C,cAAc;IACd,YAAY;IACZ,cAAc;IACd,gBAAgB;IAChB,WAAW;IACX,WAAW;CACZ,CAAC"}

package/dist/lib/semi-schema-form/components/widgets/radio.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex, } from '@rjsf/utils';
+import { Radio } from '@coze-arch/coze-design';
+/** The `RadioWidget` is a widget for rendering a radio group.
+ *  It is typically used with a string property constrained with enum options.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function RadioWidget({ autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, readonly, value, }) {
+    const { readonlyAsDisabled = true } = formContext;
+    const { enumOptions, enumDisabled, emptyValue } = options;
+    const handleChange = ({ target: { value: nextValue }, }) => onChange(enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+    const handleBlur = ({ target }) => onBlur(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const handleFocus = ({ target }) => onFocus(id, enumOptionsValueForIndex(target && target.value, enumOptions, emptyValue));
+    const selectedIndexes = enumOptionsIndexForValue(value, enumOptions);
+    // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+    // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+    const extraProps = {
+        onBlur: !readonly ? handleBlur : undefined,
+        onFocus: !readonly ? handleFocus : undefined,
+    };
+    return (_jsx(Radio.Group, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onChange: !readonly ? handleChange : undefined, ...extraProps, value: selectedIndexes, "aria-describedby": ariaDescribedByIds(id), children: Array.isArray(enumOptions) &&
+            enumOptions.map((option, i) => (_jsx(Radio, { name: id, autoFocus: i === 0 ? autofocus : false, disabled: disabled ||
+                    (Array.isArray(enumDisabled) &&
+                        enumDisabled.indexOf(option.value) !== -1), value: String(i), children: option.label }, i))) }));
+}
+//# sourceMappingURL=radio.js.map

package/dist/lib/semi-schema-form/components/widgets/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/radio.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,wBAAwB,GAMzB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAwB,MAAM,wBAAwB,CAAC;AAErE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAIjC,EACA,SAAS,EACT,QAAQ,EACR,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAE1D,MAAM,YAAY,GAAgC,CAAC,EACjD,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAC7B,EAAE,EAAE,CACH,QAAQ,CAAC,wBAAwB,CAAI,SAAS,EAAE,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC9D,MAAM,CACJ,EAAE,EACF,wBAAwB,CACtB,MAAM,IAAI,MAAM,CAAC,KAAK,EACtB,WAAW,EACX,UAAU,CACX,CACF,CAAC;IAEJ,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAgC,EAAE,EAAE,CAC/D,OAAO,CACL,EAAE,EACF,wBAAwB,CACtB,MAAM,IAAI,MAAM,CAAC,KAAK,EACtB,WAAW,EACX,UAAU,CACX,CACF,CAAC;IAEJ,MAAM,eAAe,GAAG,wBAAwB,CAC9C,KAAK,EACL,WAAW,CACF,CAAC;IAEZ,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,KAC1C,UAAU,EACd,KAAK,EAAE,eAAe,sBACJ,kBAAkB,CAAI,EAAE,CAAC,YAE1C,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;YACzB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,KAAK,IACJ,IAAI,EAAE,EAAE,EACR,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EACtC,QAAQ,EACN,QAAQ;oBACR,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;wBAC1B,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAG9C,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,YAEf,MAAM,CAAC,KAAK,IAHR,CAAC,CAIA,CACT,CAAC,GACQ,CACf,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/widgets/range.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ariaDescribedByIds, rangeSpec, } from '@rjsf/utils';
+import { Slider } from '@coze-arch/coze-design';
+/** The `RangeWidget` component uses the `BaseInputTemplate` changing the type to `range` and wrapping the result
+ * in a div, with the value along side it.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function RangeWidget(props) {
+    const { autofocus, disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, schema, value, } = props;
+    const { readonlyAsDisabled = true } = formContext;
+    const { min, max, step } = rangeSpec(schema);
+    const emptyValue = options.emptyValue || '';
+    const handleChange = nextValue => onChange(typeof nextValue === 'undefined' ? emptyValue : nextValue);
+    const handleBlur = () => onBlur(id, value);
+    const handleFocus = () => onFocus(id, value);
+    // Antd's typescript definitions do not contain the following props that are actually necessary and, if provided,
+    // they are used, so hacking them in via by spreading `extraProps` on the component to avoid typescript errors
+    const extraProps = {
+        placeholder,
+        onBlur: !readonly ? handleBlur : undefined,
+        onFocus: !readonly ? handleFocus : undefined,
+    };
+    return (_jsx(Slider, { autoFocus: autofocus, disabled: disabled || (readonlyAsDisabled && readonly), id: id, max: max, min: min, onChange: !readonly ? handleChange : undefined, range: false, step: step, value: value, ...extraProps, "aria-describedby": ariaDescribedByIds(id) }));
+}
+//# sourceMappingURL=range.js.map

package/dist/lib/semi-schema-form/components/widgets/range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"range.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/range.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,kBAAkB,EAClB,SAAS,GAMV,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAElE;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAIjC,KAA2B;IAC3B,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,MAAM,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAE7C,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC;IAE5C,MAAM,YAAY,GAA4B,SAAS,CAAC,EAAE,CACxD,QAAQ,CAAC,OAAO,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEtE,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE3C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;IAE7C,iHAAiH;IACjH,8GAA8G;IAC9G,MAAM,UAAU,GAAG;QACjB,WAAW;QACX,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;QAC1C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAC;IAEF,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,KACR,UAAU,sBACI,kBAAkB,CAAI,EAAE,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/components/widgets/select.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { ariaDescribedByIds, enumOptionsIndexForValue, enumOptionsValueForIndex, } from '@rjsf/utils';
+import { Select, } from '@coze-arch/coze-design';
+const SELECT_STYLE = {
+    width: '100%',
+};
+/** The `SelectWidget` is a widget for rendering dropdowns.
+ *  It is typically used with string properties constrained with enum options.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function SelectWidget({ autofocus, disabled, formContext = {}, id, multiple, onBlur, onChange, onFocus, options, placeholder, readonly, value, }) {
+    const { readonlyAsDisabled = true } = formContext;
+    const { enumOptions, enumDisabled, emptyValue } = options;
+    const handleChange = nextValue => {
+        if (typeof nextValue === 'object' && !Array.isArray(nextValue)) {
+            throw new Error('Object type value is not supported');
+        }
+        else {
+            onChange(typeof nextValue === 'undefined'
+                ? undefined
+                : enumOptionsValueForIndex(nextValue, enumOptions, emptyValue));
+        }
+    };
+    const handleBlur = () => onBlur(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+    const handleFocus = () => onFocus(id, enumOptionsValueForIndex(value, enumOptions, emptyValue));
+    const selectedIndexes = enumOptionsIndexForValue(value, enumOptions, multiple);
+    const selectOptions = useMemo(() => {
+        if (Array.isArray(enumOptions)) {
+            const opts = enumOptions.map(({ value: optionValue, label: optionLabel }, index) => ({
+                disabled: Array.isArray(enumDisabled) &&
+                    enumDisabled.indexOf(optionValue) !== -1,
+                key: String(index),
+                value: String(index),
+                label: optionLabel,
+            }));
+            return opts;
+        }
+        return undefined;
+    }, [enumDisabled, enumOptions]);
+    return (_jsx(Select, { autoFocus: autofocus, disabled: disabled || (readonlyAsDisabled && readonly), id: id, multiple: multiple, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, style: SELECT_STYLE, value: selectedIndexes, "aria-describedby": ariaDescribedByIds(id), optionList: selectOptions }));
+}
+//# sourceMappingURL=select.js.map

package/dist/lib/semi-schema-form/components/widgets/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/select.tsx"],"names":[],"mappings":"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"}

package/dist/lib/semi-schema-form/components/widgets/textarea.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ariaDescribedByIds, } from '@rjsf/utils';
+import { TextArea } from '@coze-arch/coze-design';
+const INPUT_STYLE = {
+    width: '100%',
+};
+/** The `TextareaWidget` is a widget for rendering input fields as textarea.
+ *
+ * @param props - The `WidgetProps` for this component
+ */
+export default function TextareaWidget({ disabled, formContext, id, onBlur, onChange, onFocus, options, placeholder, readonly, value, }) {
+    const { readonlyAsDisabled = true } = formContext;
+    const handleChange = nextValue => onChange(nextValue === '' ? options.emptyValue : nextValue);
+    const handleBlur = ({ target }) => onBlur(id, target && target.value);
+    const handleFocus = ({ target }) => onFocus(id, target && target.value);
+    return (_jsx(TextArea, { disabled: disabled || (readonlyAsDisabled && readonly), id: id, name: id, onBlur: !readonly ? handleBlur : undefined, onChange: !readonly ? handleChange : undefined, onFocus: !readonly ? handleFocus : undefined, placeholder: placeholder, rows: options.rows || 4, style: INPUT_STYLE, value: value, "aria-describedby": ariaDescribedByIds(id) }));
+}
+//# sourceMappingURL=textarea.js.map

package/dist/lib/semi-schema-form/components/widgets/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../../../src/semi-schema-form/components/widgets/textarea.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,kBAAkB,GAMnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,QAAQ,EAAsB,MAAM,wBAAwB,CAAC;AAEtE,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAIpC,EACA,QAAQ,EACR,WAAW,EACX,EAAE,EACF,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,WAAW,EACX,QAAQ,EACR,KAAK,GACgB;IACrB,MAAM,EAAE,kBAAkB,GAAG,IAAI,EAAE,GAAG,WAAgC,CAAC;IAEvE,MAAM,YAAY,GAA8B,SAAS,CAAC,EAAE,CAC1D,QAAQ,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE9D,MAAM,UAAU,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CACjE,MAAM,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAErC,MAAM,WAAW,GAAG,CAAC,EAAE,MAAM,EAAmC,EAAE,EAAE,CAClE,OAAO,CAAC,EAAE,EAAE,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,OAAO,CACL,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,IAAI,CAAC,kBAAkB,IAAI,QAAQ,CAAC,EACtD,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC9C,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EAC5C,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,CAAC,EACvB,KAAK,EAAE,WAAW,EAClB,KAAK,EAAE,KAAK,sBACM,kBAAkB,CAAI,EAAE,CAAC,GAC3C,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/semi-schema-form/index.js

@@ -0,0 +1,9 @@
+import { withTheme } from '@rjsf/core';
+export { default as schemaValidators } from '@rjsf/validator-ajv8';
+import { widgets } from './components/widgets';
+import { templates } from './components/tmpls';
+export const SemiSchemaForm = withTheme({
+    widgets,
+    templates,
+});
+//# sourceMappingURL=index.js.map

package/dist/lib/semi-schema-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/semi-schema-form/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;IACtC,OAAO;IACP,SAAS;CACV,CAAC,CAAC"}

package/dist/lib/sentinel-form/enum.js

@@ -0,0 +1,15 @@
+export var EventNames;
+(function (EventNames) {
+    // 进入相关
+    EventNames["INIT_LOOP_FORM"] = "init_loop_form";
+    // 保点击保存，表单报错
+    EventNames["LOOP_FORM_FIELD_VALIDATE_ERROR"] = "loop_form_field_validate_error";
+    // 点击保存，接口报错
+    EventNames["LOOP_FORM_SUBMIT_INTERFACE_ERROR"] = "loop_form_submit_interface_error";
+    // 点击保存，成功
+    EventNames["LOOP_FORM_SUBMIT_SUCCESS"] = "loop_form_submit_success";
+    // 离开表单
+    EventNames["LOOP_FORM_FIELD_CHANGE_TIMELINE"] = "loop_form_field_change_timeline";
+    EventNames["LOOP_FORM_CLOSE"] = "loop_form_close";
+})(EventNames || (EventNames = {}));
+//# sourceMappingURL=enum.js.map

package/dist/lib/sentinel-form/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum.js","sourceRoot":"","sources":["../../../src/sentinel-form/enum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,UAeX;AAfD,WAAY,UAAU;IACpB,OAAO;IACP,+CAAiC,CAAA;IACjC,aAAa;IACb,+EAAiE,CAAA;IAEjE,YAAY;IACZ,mFAAqE,CAAA;IAErE,UAAU;IACV,mEAAqD,CAAA;IAErD,OAAO;IACP,iFAAmE,CAAA;IACnE,iDAAmC,CAAA;AACrC,CAAC,EAfW,UAAU,KAAV,UAAU,QAerB"}

package/dist/lib/sentinel-form/index.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from 'react';
+import type { Ref } from 'react';
 import { type BaseFormProps, Form, type FormApi } from '@coze-arch/coze-design';
 export interface SentinelFormProps<T extends Record<string, any>> extends BaseFormProps<any> {
     /**

package/dist/lib/sentinel-form/index.js

@@ -0,0 +1,323 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-magic-numbers */
+/* eslint-disable max-lines-per-function */
+/* eslint-disable security/detect-object-injection */
+/* eslint-disable @coze-arch/max-line-per-function -- 监控逻辑较多，函数较长，后续可拆分 */
+/* eslint-disable @typescript-eslint/no-explicit-any -- 表单组件需要处理任意类型的表单数据与第三方库接口 */
+import { forwardRef, isValidElement, useCallback, useImperativeHandle, useMemo, useRef, useState, useEffect, } from 'react';
+import { nanoid } from 'nanoid';
+import { debounce } from 'lodash-es';
+import dayjs from 'dayjs';
+import { useReportEvent } from '@cozeloop/config-provider';
+import { Form } from '@coze-arch/coze-design';
+import { EventNames } from './enum';
+function safeStringify(obj) {
+    return JSON.stringify(obj, (_, value) => {
+        if (isValidElement(value)) {
+            return '[ReactElement]';
+        }
+        if (typeof value === 'function') {
+            return '[Function]';
+        }
+        if (value instanceof HTMLElement) {
+            return '[HTMLElement]';
+        }
+        return value;
+    });
+}
+const SentinelFormInner = ({ formID, children, onValueChange, onSubmit, getFormApi, ...props }, ref) => {
+    const sendEvent = useReportEvent();
+    const sessionID = useMemo(() => nanoid(), []);
+    const formRef = useRef(null);
+    const instanceRef = useRef(null);
+    const startTimeRef = useRef(0);
+    const interfaceErrorCount = useRef(0);
+    const validateErrorCount = useRef(0);
+    const firstValidateSuccess = useRef(true);
+    const noOperation = useRef(true);
+    const noSubmit = useRef(true);
+    const submitSuccess = useRef(false);
+    const validateErrorLog = debounce((error) => {
+        firstValidateSuccess.current = false;
+        validateErrorCount.current = validateErrorCount.current + 1;
+        const validateErrorTime = Date.now();
+        const errorKeys = Object.keys(error) || [];
+        sendEvent(EventNames.LOOP_FORM_FIELD_VALIDATE_ERROR, {
+            form_id: formID,
+            session_id: sessionID,
+            form_item_error_count: errorKeys.length,
+            form_item_error_detail: JSON.stringify(error || {}),
+            time: validateErrorTime,
+            time_str: dayjs(validateErrorTime).format('YYYY-MM-DD HH:mm:ss'),
+        });
+    }, 500);
+    // 提交日志：仅用于接口错误统计与成功上报，不处理校验错误
+    const submitLog = useCallback(async (isInterfaceError, error) => {
+        noSubmit.current = false;
+        if (isInterfaceError) {
+            firstValidateSuccess.current = false;
+            interfaceErrorCount.current = interfaceErrorCount.current + 1;
+            sendEvent?.(EventNames.LOOP_FORM_SUBMIT_INTERFACE_ERROR, {
+                form_id: formID,
+                session_id: sessionID,
+                form_interface_error_detail: JSON.stringify(error || {}),
+                time: Date.now(),
+                time_str: dayjs(Date.now()).format('YYYY-MM-DD HH:mm:ss'),
+            });
+            return;
+        }
+        const values = await formRef?.current?.formApi?.getValues();
+        submitSuccess.current = true;
+        const formItemShow = Object.keys(values);
+        const formItemFilled = formItemShow.filter(key => values[key]);
+        const successTime = Date.now();
+        sendEvent?.(EventNames.LOOP_FORM_SUBMIT_SUCCESS, {
+            form_id: formID,
+            session_id: sessionID,
+            // 完成耗时
+            form_complete_consume_time: Date.now() - startTimeRef.current,
+            // 接口报错次数，需要计算
+            form_interface_error: interfaceErrorCount.current,
+            // 一次点击成功次数 pv
+            form_once_success_submit: interfaceErrorCount.current === 0 && firstValidateSuccess.current,
+            // 表单填写项
+            form_item_filled: JSON.stringify(formItemFilled),
+            // 表单展现项
+            form_item_show: JSON.stringify(formItemShow),
+            // 表单项使用率
+            form_item_used_percent: formItemFilled.length / formItemShow.length,
+            form_values: safeStringify(values),
+            time: successTime,
+            time_str: dayjs(successTime).format('YYYY-MM-DD HH:mm:ss'),
+        });
+    }, [formID, sessionID]);
+    // 劫持 validate，确保任何方式获取到的 formApi 都会命中被包装的 validate
+    const hijackValidate = useCallback((instance) => {
+        if (!instance) {
+            return instance;
+        }
+        const FLAG = '__validateHijacked__';
+        if (instance[FLAG]) {
+            return instance;
+        }
+        const originalValidate = typeof instance.validate === 'function'
+            ? instance.validate.bind(instance)
+            : null;
+        if (originalValidate) {
+            instance.validate = (...args) => {
+                try {
+                    const maybePromise = originalValidate(...args);
+                    return Promise.resolve(maybePromise).catch(err => {
+                        // 校验失败：直接上报校验错误，不触发 submitLog
+                        validateErrorLog(err);
+                        throw err;
+                    });
+                }
+                catch (err) {
+                    validateErrorLog(err);
+                    throw err;
+                }
+            };
+            instance[FLAG] = true;
+        }
+        if (!instance?.submitLog) {
+            instance.submitLog = submitLog;
+        }
+        return instance;
+    }, [submitLog]);
+    const operationTimelineRef = useRef({});
+    // 关闭标签页/浏览器上报所需：保证拿到最新的 formID/sessionID 与避免重复上报
+    const formIdRef = useRef(formID);
+    const sessionIdRef = useRef(sessionID);
+    const flushedRef = useRef(false);
+    const latestValuesRef = useRef('');
+    useEffect(() => {
+        formIdRef.current = formID;
+    }, [formID]);
+    useEffect(() => {
+        sessionIdRef.current = sessionID;
+    }, [sessionID]);
+    // 空闲状态相关
+    const [isIdle, setIsIdle] = useState(false);
+    const [idleStartTime, setIdleStartTime] = useState(null);
+    const IDLE_THRESHOLD = 5000; // 空闲阈值，单位毫秒（5秒）
+    const IDLE_CHECK_INTERVAL = 1000; // 空闲检查间隔，单位毫秒（1秒）
+    // 记录最后一次用户活跃时间
+    const [lastActiveTime, setLastActiveTime] = useState(Date.now());
+    const handleValueChange = changedValues => {
+        noOperation.current = false;
+        for (const key in changedValues) {
+            if (Object.prototype.hasOwnProperty.call(changedValues, key)) {
+                const currentTime = Date.now();
+                setLastActiveTime(currentTime); // 更新最后活跃时间
+                if (!operationTimelineRef.current[key]) {
+                    // 首次操作该字段，初始化操作记录
+                    operationTimelineRef.current = {
+                        ...operationTimelineRef.current,
+                        [key]: [
+                            {
+                                startTime: currentTime,
+                                startTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
+                                endTime: currentTime,
+                                endTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
+                                duration: 0,
+                                idleTime: 0, // 初始无效空闲时间为0
+                            },
+                        ],
+                    };
+                }
+                else {
+                    const lastOperation = operationTimelineRef.current[key][operationTimelineRef.current[key].length - 1];
+                    const totalDurationSinceLast = currentTime - lastOperation.startTime; // 本次操作从上次开始到现在的总时长
+                    let idleTimeDeducted = 0;
+                    if (isIdle && idleStartTime !== null) {
+                        // 如果之前处于空闲状态，扣除这段空闲时间
+                        idleTimeDeducted = currentTime - idleStartTime;
+                        setIsIdle(false); // 重置空闲状态
+                    }
+                    const effectiveDuration = totalDurationSinceLast - idleTimeDeducted;
+                    const newOperation = {
+                        startTime: currentTime,
+                        startTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
+                        endTime: currentTime,
+                        endTimeStr: dayjs(currentTime).format('YYYY-MM-DD HH:mm:ss'),
+                        duration: effectiveDuration,
+                        idleTime: idleTimeDeducted,
+                    };
+                    // 更新操作时间轴，添加新的操作记录
+                    operationTimelineRef.current = {
+                        ...operationTimelineRef.current,
+                        [key]: [...operationTimelineRef.current[key], newOperation],
+                    };
+                }
+            }
+        }
+    };
+    const onFormClose = () => {
+        const closeTime = Date.now();
+        sendEvent?.(EventNames.LOOP_FORM_CLOSE, {
+            form_id: formIdRef.current,
+            session_id: sessionIdRef.current,
+            // 无表单操作 pv
+            form_no_operation: noOperation.current,
+            // 有表单操作，无表单提交操作次数 pv
+            form_operation_no_submit: !noOperation.current && noSubmit.current,
+            // 表单是否提交成功
+            form_operation_submit_success: submitSuccess.current,
+            // 接口报错次数​, 需要计算
+            form_request_error_times: interfaceErrorCount.current,
+            // 表单项报错次数
+            form_item_error_times: validateErrorCount.current,
+            form_values: latestValuesRef.current,
+            time: closeTime,
+            time_str: dayjs(closeTime).format('YYYY-MM-DD HH:mm:ss'),
+        });
+    };
+    const onValuesChange = (values, changedValues) => {
+        try {
+            latestValuesRef.current = safeStringify(values);
+        }
+        catch (err) {
+            console.error(err);
+        }
+        handleValueChange(changedValues);
+        onValueChange?.(values, changedValues);
+    };
+    useEffect(() => {
+        if (sessionID && formID) {
+            startTimeRef.current = Date.now();
+        }
+    }, [formID, sessionID]);
+    // 定时检测用户是否进入空闲状态
+    useEffect(() => {
+        const idleChecker = setInterval(() => {
+            if (!isIdle && Date.now() - lastActiveTime > IDLE_THRESHOLD) {
+                setIsIdle(true);
+                setIdleStartTime(Date.now());
+            }
+        }, IDLE_CHECK_INTERVAL); // 每秒检查一次
+        return () => clearInterval(idleChecker);
+    }, [isIdle, lastActiveTime]);
+    // 初始化: 进入表单时间
+    useEffect(() => {
+        if (sessionID && formID) {
+            const initTime = Date.now();
+            sendEvent?.(EventNames.INIT_LOOP_FORM, {
+                form_id: formID,
+                session_id: sessionID,
+                time: initTime,
+                time_str: dayjs(initTime).format('YYYY-MM-DD HH:mm:ss'),
+            });
+        }
+        return () => {
+            if (formID && sessionID && !flushedRef.current) {
+                flushedRef.current = true;
+                try {
+                    sendEvent?.(EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                        form_id: formID,
+                        session_id: sessionID,
+                        time_line: JSON.stringify(operationTimelineRef.current),
+                    });
+                }
+                catch (err) {
+                    console.error(err);
+                }
+                finally {
+                    onFormClose();
+                }
+            }
+        };
+    }, [formID, sessionID]);
+    // 关注页面关闭（tab 关闭/浏览器退出/导航离开等），不处理页面隐藏
+    useEffect(() => {
+        const flushOnClose = () => {
+            if (flushedRef.current) {
+                return;
+            }
+            const fid = formIdRef.current;
+            const sid = sessionIdRef.current;
+            if (!fid || !sid) {
+                return;
+            }
+            flushedRef.current = true;
+            try {
+                sendEvent?.(EventNames.LOOP_FORM_FIELD_CHANGE_TIMELINE, {
+                    form_id: fid,
+                    session_id: sid,
+                    time_line: JSON.stringify(operationTimelineRef.current),
+                });
+            }
+            catch (err) {
+                console.error(err);
+            }
+            finally {
+                onFormClose();
+            }
+        };
+        // 仅监听会导致页面真正卸载的事件
+        window.addEventListener('pagehide', flushOnClose);
+        window.addEventListener('beforeunload', flushOnClose);
+        return () => {
+            window.removeEventListener('pagehide', flushOnClose);
+            window.removeEventListener('beforeunload', flushOnClose);
+        };
+    }, []);
+    useImperativeHandle(ref, () => {
+        const newFormApi = hijackValidate(formRef?.current?.formApi);
+        const result = {
+            ...(formRef?.current || {}),
+            formApi: newFormApi,
+            submitLog,
+        };
+        return result;
+    });
+    return (_jsx(Form, { ref: formRef, onValueChange: onValuesChange, getFormApi: instance => {
+            const hijacked = hijackValidate(instance);
+            instanceRef.current = hijacked;
+            getFormApi?.(hijacked);
+        }, onSubmit: values => {
+            onSubmit?.(values);
+        }, onSubmitFail: validateErrorLog, ...props, children: children }));
+};
+export const SentinelForm = forwardRef(SentinelFormInner);
+//# sourceMappingURL=index.js.map

package/dist/lib/sentinel-form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sentinel-form/index.tsx"],"names":[],"mappings":"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"}

package/dist/lib/step-nav/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { IconCozCheckMarkFill } from '@coze-arch/coze-design/icons';
+import { Typography } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export function StepNav({ currentStep, stepItems, onStepChange, clickToChange, }) {
+    const activeStepIndex = stepItems.findIndex(item => item.key === currentStep);
+    return (_jsx("div", { className: styles['step-nav'], children: stepItems.map((item, index) => (_jsx(Typography.Text, { className: classNames(styles['tab-step'], {
+                [styles['tab-active']]: currentStep === item.key || index <= activeStepIndex,
+                'cursor-pointer': clickToChange,
+            }), 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))) }));
+}
+//# sourceMappingURL=index.js.map