@1money/component-ui 0.0.32 → 0.0.33

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.
@@ -0,0 +1,6 @@
1
+ import type { FC } from 'react';
2
+ import type { ClipboardProps } from './interface';
3
+ import './style';
4
+ export declare const Clipboard: FC<ClipboardProps>;
5
+ declare const _default: import("react").NamedExoticComponent<ClipboardProps>;
6
+ export default _default;
@@ -0,0 +1,43 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { memo } from 'react';
3
+ import { TypographyBody, TypographyLabel } from '../Typography';
4
+ import { default as classnames, joinCls } from '../../utils/classnames';
5
+ import Copy from './Copy';
6
+ import './style';
7
+ var COPY_ICON_SIZE = 16;
8
+ export var Clipboard = function Clipboard(props) {
9
+ var content = props.content,
10
+ className = props.className,
11
+ label = props.label,
12
+ labelCls = props.labelCls,
13
+ _props$prefixCls = props.prefixCls,
14
+ prefixCls = _props$prefixCls === void 0 ? 'clipboard' : _props$prefixCls,
15
+ onSuccess = props.onSuccess,
16
+ onError = props.onError;
17
+ var classes = classnames(prefixCls);
18
+ return _jsxs("div", {
19
+ className: classes(undefined, className),
20
+ children: [label && _jsx(TypographyLabel, {
21
+ strong: true,
22
+ size: "lg",
23
+ className: joinCls(classes('label'), labelCls),
24
+ children: label
25
+ }), _jsxs("div", {
26
+ className: classes('content'),
27
+ children: [_jsx(TypographyBody, {
28
+ size: "lg",
29
+ className: classes('content-text'),
30
+ children: content
31
+ }), _jsx(Copy, {
32
+ value: content,
33
+ contained: false,
34
+ iconSize: COPY_ICON_SIZE,
35
+ onSuccess: onSuccess,
36
+ onError: onError,
37
+ className: classes('content-icon')
38
+ })]
39
+ })]
40
+ });
41
+ };
42
+ export default /*#__PURE__*/memo(Clipboard);
43
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9DbGlwYm9hcmQuanMiLCJjb21wb25lbnRzL3NyYy9jb21wb25lbnRzL0NvcHkvQ2xpcGJvYXJkLnRzeCJdLCJuYW1lcyI6WyJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwibWVtbyIsIlR5cG9ncmFwaHlCb2R5IiwiVHlwb2dyYXBoeUxhYmVsIiwiZGVmYXVsdCIsImNsYXNzbmFtZXMiLCJqb2luQ2xzIiwiQ29weSIsIkNPUFlfSUNPTl9TSVpFIiwiQ2xpcGJvYXJkIiwicHJvcHMiLCJjb250ZW50IiwiY2xhc3NOYW1lIiwibGFiZWwiLCJsYWJlbENscyIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJvblN1Y2Nlc3MiLCJvbkVycm9yIiwiY2xhc3NlcyIsInVuZGVmaW5lZCIsImNoaWxkcmVuIiwic3Ryb25nIiwic2l6ZSIsInZhbHVlIiwiY29udGFpbmVkIiwiaWNvblNpemUiXSwibWFwcGluZ3MiOiJBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsU0FBU0MsY0FBYyxFQUFFQyxlQUFlLFFBQVEsZUFBZTtBQUMvRCxTQUFTQyxPQUFPLElBQUlDLFVBQVUsRUFBRUMsT0FBTyxRQUFRLHdCQUF3QjtBQUN2RSxPQUFPQyxJQUFJLE1BQU0sUUFBUTtBQUd6QixPQUFPLFNBQVM7QUFFaEIsSUFBTUMsY0FBYyxHQUFHLEVBQUU7QUFFekIsT0FBTyxJQUFNQyxTQUFTLEdBQXVCLFNBQWhDQSxTQUFTQSxDQUF1QkMsS0FBSyxFQUFHO0VBQ25ELElBQ0VDLE9BQU8sR0FPTEQsS0FBSyxDQVBQQyxPQUFPO0lBQ1BDLFNBQVMsR0FNUEYsS0FBSyxDQU5QRSxTQUFTO0lBQ1RDLEtBQUssR0FLSEgsS0FBSyxDQUxQRyxLQUFLO0lBQ0xDLFFBQVEsR0FJTkosS0FBSyxDQUpQSSxRQUFRO0lBQUFDLGdCQUFBLEdBSU5MLEtBQUssQ0FIUE0sU0FBUztJQUFUQSxTQUFTLEdBQUFELGdCQUFBLGNBQUcsV0FBVyxHQUFBQSxnQkFBQTtJQUN2QkUsU0FBUyxHQUVQUCxLQUFLLENBRlBPLFNBQVM7SUFDVEMsT0FBTyxHQUNMUixLQUFLLENBRFBRLE9BQU87RUFHVCxJQUFNQyxPQUFPLEdBQUdkLFVBQVUsQ0FBQ1csU0FBUyxDQUFDO0VBRXJDLE9BQ0VoQixLQUFBLENBQUEsS0FBQSxFQUFBO0lBQUtZLFNBQVMsRUFBRU8sT0FBTyxDQUFDQyxTQUFTLEVBQUVSLFNBQVMsQ0FBQztJQUFBUyxRQUFBLEVBQUEsQ0FDMUNSLEtBQUssSUFDSmYsSUFBQSxDQUFDSyxlQUFlLEVBQUE7TUFDZG1CLE1BQU0sRUFBQSxJQUFBO01BQ05DLElBQUksRUFBQyxJQUFJO01BQ1RYLFNBQVMsRUFBRU4sT0FBTyxDQUFDYSxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUVMLFFBQVEsQ0FBQztNQUFBTyxRQUFBLEVBRTdDUjtJQUFLLENBQUEsQ0FFVCxFQUNEYixLQUFBLENBQUEsS0FBQSxFQUFBO01BQUtZLFNBQVMsRUFBRU8sT0FBTyxDQUFDLFNBQVMsQ0FBQztNQUFBRSxRQUFBLEVBQUEsQ0FDaEN2QixJQUFBLENBQUNJLGNBQWMsRUFBQTtRQUFDcUIsSUFBSSxFQUFDLElBQUk7UUFBQ1gsU0FBUyxFQUFFTyxPQUFPLENBQUMsY0FBYyxDQUFDO1FBQUFFLFFBQUEsRUFDekRWO01BQU8sQ0FBQSxDQUNPLEVBQ2pCYixJQUFBLENBQUNTLElBQUksRUFBQTtRQUNIaUIsS0FBSyxFQUFFYixPQUFPO1FBQ2RjLFNBQVMsRUFBRSxLQUFLO1FBQ2hCQyxRQUFRLEVBQUVsQixjQUFjO1FBQ3hCUyxTQUFTLEVBQUVBLFNBQVM7UUFDcEJDLE9BQU8sRUFBRUEsT0FBTztRQUNoQk4sU0FBUyxFQUFFTyxPQUFPLENBQUMsY0FBYztNQUFDLENBQUEsQ0FDbEM7SUFBQSxDQUFBLENBQ0U7RUFBQSxDQUFBLENBQ0Y7QUFFVixDQUFDO0FBRUQsNEJBQWVsQixJQUFJLENBQUNRLFNBQVMsQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvQ2xpcGJvYXJkLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5Qm9keSwgVHlwb2dyYXBoeUxhYmVsIH0gZnJvbSAnLi4vVHlwb2dyYXBoeSc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBDb3B5IGZyb20gJy4vQ29weSc7XG5pbXBvcnQgJy4vc3R5bGUnO1xuY29uc3QgQ09QWV9JQ09OX1NJWkUgPSAxNjtcbmV4cG9ydCBjb25zdCBDbGlwYm9hcmQgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjb250ZW50LCBjbGFzc05hbWUsIGxhYmVsLCBsYWJlbENscywgcHJlZml4Q2xzID0gJ2NsaXBib2FyZCcsIG9uU3VjY2Vzcywgb25FcnJvciwgfSA9IHByb3BzO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh1bmRlZmluZWQsIGNsYXNzTmFtZSksIGNoaWxkcmVuOiBbbGFiZWwgJiYgKF9qc3goVHlwb2dyYXBoeUxhYmVsLCB7IHN0cm9uZzogdHJ1ZSwgc2l6ZTogXCJsZ1wiLCBjbGFzc05hbWU6IGpvaW5DbHMoY2xhc3NlcygnbGFiZWwnKSwgbGFiZWxDbHMpLCBjaGlsZHJlbjogbGFiZWwgfSkpLCBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29udGVudCcpLCBjaGlsZHJlbjogW19qc3goVHlwb2dyYXBoeUJvZHksIHsgc2l6ZTogXCJsZ1wiLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtdGV4dCcpLCBjaGlsZHJlbjogY29udGVudCB9KSwgX2pzeChDb3B5LCB7IHZhbHVlOiBjb250ZW50LCBjb250YWluZWQ6IGZhbHNlLCBpY29uU2l6ZTogQ09QWV9JQ09OX1NJWkUsIG9uU3VjY2Vzczogb25TdWNjZXNzLCBvbkVycm9yOiBvbkVycm9yLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbnRlbnQtaWNvbicpIH0pXSB9KV0gfSkpO1xufTtcbmV4cG9ydCBkZWZhdWx0IG1lbW8oQ2xpcGJvYXJkKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -1,4 +1,5 @@
1
1
  import Copy from './Copy';
2
2
  export { Copy } from './Copy';
3
+ export { Clipboard } from './Clipboard';
3
4
  export default Copy;
4
5
  export * from './interface';
@@ -1,5 +1,6 @@
1
1
  import Copy from './Copy';
2
2
  export { Copy } from './Copy';
3
+ export { Clipboard } from './Clipboard';
3
4
  export default Copy;
4
5
  export * from './interface';
5
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29weS9pbmRleC50cyJdLCJuYW1lcyI6WyJDb3B5Il0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxJQUFJLE1BQU0sUUFBUTtBQUV6QixTQUFTQSxJQUFJLFFBQVEsUUFBUTtBQUU3QixlQUFlQSxJQUFJO0FBRW5CLGNBQWMsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
6
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvQ29weS9pbmRleC50cyJdLCJuYW1lcyI6WyJDb3B5IiwiQ2xpcGJvYXJkIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxJQUFJLE1BQU0sUUFBUTtBQUV6QixTQUFTQSxJQUFJLFFBQVEsUUFBUTtBQUM3QixTQUFTQyxTQUFTLFFBQVEsYUFBYTtBQUV2QyxlQUFlRCxJQUFJO0FBRW5CLGNBQWMsYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
@@ -18,3 +18,19 @@ export interface CopyProps {
18
18
  /** Callback fired when copy fails */
19
19
  onError?: (value: string) => void;
20
20
  }
21
+ export interface ClipboardProps {
22
+ /** The text content to display and copy to clipboard */
23
+ content: string;
24
+ /** Optional label rendered above the content card */
25
+ label?: string;
26
+ /** Additional CSS class names for the root element */
27
+ className?: string;
28
+ /** Additional CSS class names for the label */
29
+ labelCls?: string;
30
+ /** CSS class name prefix (default: 'clipboard') */
31
+ prefixCls?: string;
32
+ /** Callback fired when the copy operation succeeds */
33
+ onSuccess?: (value: string) => void;
34
+ /** Callback fired when the copy operation fails */
35
+ onError?: (value: string) => void;
36
+ }
@@ -0,0 +1 @@
1
+ .om-component-ui-clipboard{display:flex;flex-direction:column;gap:var(--om-spacing-200,8px)}.om-component-ui-clipboard-content{display:flex;flex-direction:row;gap:var(--om-spacing-200,8px);align-items:center;justify-content:space-between;padding:var(--om-spacing-200,8px) var(--om-spacing-400,16px);background-color:var(--om-bg-default-secondary,#f8f8f8);border:1px solid var(--om-border-neutral,#e3e4e4);border-radius:var(--om-radius-300,12px)}.om-component-ui-clipboard-content-text{display:inline-block;margin:0;color:var(--om-text-default-tertiary,#646465);word-wrap:break-word;word-break:break-all}
@@ -1,2 +1,3 @@
1
1
  import './Copy.css';
2
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
2
+ import './Clipboard.css';
3
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYTtBQUNwQixPQUFPLGtCQUFrQiIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvY3NzLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
@@ -1 +1,2 @@
1
1
  import './Copy.css';
2
+ import './Clipboard.css';
@@ -1,2 +1,3 @@
1
1
  import './Copy.css';
2
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
2
+ import './Clipboard.css';
3
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvQ29weS9zcmMvY29tcG9uZW50cy9Db3B5L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYTtBQUNwQixPQUFPLGtCQUFrQiIsImZpbGUiOiJjb21wb25lbnRzL0NvcHkvc3R5bGUvaW5kZXguanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=