@markput/react 0.8.0 → 0.10.0
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/index.css +1 -1
- package/index.d.ts +5 -8
- package/index.js +2611 -2039
- package/package.json +1 -1
package/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.
|
|
1
|
+
._Container_jix5i_1{min-height:1.4em}._Icon_jix5i_5{background-color:currentColor;flex-shrink:0;width:14px;height:14px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._IconGrip_jix5i_16{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='3' r='1.5'/%3E%3Ccircle cx='11' cy='3' r='1.5'/%3E%3Ccircle cx='5' cy='8' r='1.5'/%3E%3Ccircle cx='11' cy='8' r='1.5'/%3E%3Ccircle cx='5' cy='13' r='1.5'/%3E%3Ccircle cx='11' cy='13' r='1.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='5' cy='3' r='1.5'/%3E%3Ccircle cx='11' cy='3' r='1.5'/%3E%3Ccircle cx='5' cy='8' r='1.5'/%3E%3Ccircle cx='11' cy='8' r='1.5'/%3E%3Ccircle cx='5' cy='13' r='1.5'/%3E%3Ccircle cx='11' cy='13' r='1.5'/%3E%3C/svg%3E")}._IconAdd_jix5i_20,._IconDuplicate_jix5i_21,._IconTrash_jix5i_22{opacity:.75}._IconAdd_jix5i_20{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.75.75 0 0 1 .75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5A.75.75 0 0 1 8 2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 2a.75.75 0 0 1 .75.75v4.5h4.5a.75.75 0 0 1 0 1.5h-4.5v4.5a.75.75 0 0 1-1.5 0v-4.5h-4.5a.75.75 0 0 1 0-1.5h4.5v-4.5A.75.75 0 0 1 8 2Z'/%3E%3C/svg%3E")}._IconDuplicate_jix5i_21{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 9C9.44772 9 9 9.44772 9 10V20C9 20.5523 9.44772 21 10 21H20C20.5523 21 21 20.5523 21 20V10C21 9.44772 20.5523 9 20 9H10ZM7 10C7 8.34315 8.34315 7 10 7H20C21.6569 7 23 8.34315 23 10V20C23 21.6569 21.6569 23 20 23H10C8.34315 23 7 21.6569 7 20V10Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 3C3.45228 3 3 3.45228 3 4V14C3 14.5477 3.45228 15 4 15C4.55228 15 5 15.4477 5 16C5 16.5523 4.55228 17 4 17C2.34772 17 1 15.6523 1 14V4C1 2.34772 2.34772 1 4 1H14C15.6523 1 17 2.34772 17 4C17 4.55228 16.5523 5 16 5C15.4477 5 15 4.55228 15 4C15 3.45228 14.5477 3 14 3H4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 9C9.44772 9 9 9.44772 9 10V20C9 20.5523 9.44772 21 10 21H20C20.5523 21 21 20.5523 21 20V10C21 9.44772 20.5523 9 20 9H10ZM7 10C7 8.34315 8.34315 7 10 7H20C21.6569 7 23 8.34315 23 10V20C23 21.6569 21.6569 23 20 23H10C8.34315 23 7 21.6569 7 20V10Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 3C3.45228 3 3 3.45228 3 4V14C3 14.5477 3.45228 15 4 15C4.55228 15 5 15.4477 5 16C5 16.5523 4.55228 17 4 17C2.34772 17 1 15.6523 1 14V4C1 2.34772 2.34772 1 4 1H14C15.6523 1 17 2.34772 17 4C17 4.55228 16.5523 5 16 5C15.4477 5 15 4.55228 15 4C15 3.45228 14.5477 3 14 3H4Z'/%3E%3C/svg%3E")}._IconTrash_jix5i_22{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 5V4C7 3.17477 7.40255 2.43324 7.91789 1.91789C8.43324 1.40255 9.17477 1 10 1H14C14.8252 1 15.5668 1.40255 16.0821 1.91789C16.5975 2.43324 17 3.17477 17 4V5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H20V20C20 20.8252 19.5975 21.5668 19.0821 22.0821C18.5668 22.5975 17.8252 23 17 23H7C6.17477 23 5.43324 22.5975 4.91789 22.0821C4.40255 21.5668 4 20.8252 4 20V7H3C2.44772 7 2 6.55228 2 6C2 5.44772 2.44772 5 3 5H7ZM9 4C9 3.82523 9.09745 3.56676 9.33211 3.33211C9.56676 3.09745 9.82523 3 10 3H14C14.1748 3 14.4332 3.09745 14.6679 3.33211C14.9025 3.56676 15 3.82523 15 4V5H9V4ZM6 7V20C6 20.1748 6.09745 20.4332 6.33211 20.6679C6.56676 20.9025 6.82523 21 7 21H17C17.1748 21 17.4332 20.9025 17.6679 20.6679C17.9025 20.4332 18 20.1748 18 20V7H6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 5V4C7 3.17477 7.40255 2.43324 7.91789 1.91789C8.43324 1.40255 9.17477 1 10 1H14C14.8252 1 15.5668 1.40255 16.0821 1.91789C16.5975 2.43324 17 3.17477 17 4V5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H20V20C20 20.8252 19.5975 21.5668 19.0821 22.0821C18.5668 22.5975 17.8252 23 17 23H7C6.17477 23 5.43324 22.5975 4.91789 22.0821C4.40255 21.5668 4 20.8252 4 20V7H3C2.44772 7 2 6.55228 2 6C2 5.44772 2.44772 5 3 5H7ZM9 4C9 3.82523 9.09745 3.56676 9.33211 3.33211C9.56676 3.09745 9.82523 3 10 3H14C14.1748 3 14.4332 3.09745 14.6679 3.33211C14.9025 3.56676 15 3.82523 15 4V5H9V4ZM6 7V20C6 20.1748 6.09745 20.4332 6.33211 20.6679C6.56676 20.9025 6.82523 21 7 21H17C17.1748 21 17.4332 20.9025 17.6679 20.6679C17.9025 20.4332 18 20.1748 18 20V7H6Z'/%3E%3C/svg%3E")}._Popup_jix5i_38{z-index:9999;color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:fit-content;min-width:100px;padding:4px;font-size:14px;position:fixed;box-shadow:0 3px 6px -2px #0009}._PopupList_jix5i_52{max-height:186px;margin:0;padding-left:0;list-style:none;overflow-y:auto}._PopupItem_jix5i_60{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}._PopupItem_jix5i_60:hover,._PopupItemActive_jix5i_71{color:#2589f5;background-color:#cce9ff}._Block_jix5i_76{background:0 0;border-radius:3px;outline:none;min-height:1.2em;margin-left:0;transition:opacity .2s;position:relative}._SidePanel_jix5i_86{opacity:0;align-items:center;width:24px;transition:opacity .15s;display:flex;position:absolute;top:0;bottom:0;left:-24px}._SidePanelVisible_jix5i_98{opacity:1;pointer-events:auto}._SidePanelAlways_jix5i_103{opacity:1;pointer-events:auto;transition:none}._GripButton_jix5i_109{color:#9ca3af;width:24px;height:24px;font:inherit;-webkit-user-select:none;user-select:none;cursor:grab;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}._GripButtonDragging_jix5i_128{cursor:grabbing}._DropIndicator_jix5i_132{pointer-events:none;z-index:10;background-color:#3b82f6;border-radius:1px;height:2px;position:absolute;left:0;right:0}._Container_jix5i_1 span{white-space:pre-wrap;outline:none}
|
|
2
2
|
/*$vite$:1*/
|
package/index.d.ts
CHANGED
|
@@ -6,7 +6,6 @@ import type { CSSProperties } from 'react';
|
|
|
6
6
|
import type { DataAttributes } from '@markput/core';
|
|
7
7
|
import { denote } from '@markput/core';
|
|
8
8
|
import type { ElementType } from 'react';
|
|
9
|
-
import type { HTMLAttributes } from 'react';
|
|
10
9
|
import { JSX } from 'react/jsx-runtime';
|
|
11
10
|
import { MarkHandler } from '@markput/core';
|
|
12
11
|
import type { MarkOptions } from '@markput/core';
|
|
@@ -25,7 +24,7 @@ export { annotate }
|
|
|
25
24
|
|
|
26
25
|
export { denote }
|
|
27
26
|
|
|
28
|
-
export declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps = OverlayProps>(props: MarkedInputProps<TMarkProps, TOverlayProps>): JSX.Element;
|
|
27
|
+
export declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps extends CoreOption['overlay'] = OverlayProps>(props: MarkedInputProps<TMarkProps, TOverlayProps>): JSX.Element;
|
|
29
28
|
|
|
30
29
|
/**
|
|
31
30
|
* Props for MarkedInput component.
|
|
@@ -44,7 +43,7 @@ export declare function MarkedInput<TMarkProps = MarkProps, TOverlayProps = Over
|
|
|
44
43
|
* />
|
|
45
44
|
* ```
|
|
46
45
|
*/
|
|
47
|
-
export declare interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps = OverlayProps> {
|
|
46
|
+
export declare interface MarkedInputProps<TMarkProps = MarkProps, TOverlayProps extends CoreOption['overlay'] = OverlayProps> {
|
|
48
47
|
/** Ref to handler */
|
|
49
48
|
ref?: Ref<MarkputHandler>;
|
|
50
49
|
/** Global component used for rendering text tokens (default: built-in Span) */
|
|
@@ -127,7 +126,7 @@ export { Markup }
|
|
|
127
126
|
* mark: { slot: Chip, label: 'Click' }
|
|
128
127
|
* }
|
|
129
128
|
*/
|
|
130
|
-
declare interface Option_2<TMarkProps = MarkProps, TOverlayProps = OverlayProps> extends CoreOption {
|
|
129
|
+
declare interface Option_2<TMarkProps = MarkProps, TOverlayProps extends CoreOption['overlay'] = OverlayProps> extends CoreOption {
|
|
131
130
|
/** Per-option component for rendering this mark */
|
|
132
131
|
Mark?: ComponentType<TMarkProps>;
|
|
133
132
|
/**
|
|
@@ -169,7 +168,7 @@ export declare interface OverlayProps {
|
|
|
169
168
|
}
|
|
170
169
|
|
|
171
170
|
declare interface SlotProps {
|
|
172
|
-
container?:
|
|
171
|
+
container?: Record<string, unknown> & DataAttributes;
|
|
173
172
|
}
|
|
174
173
|
|
|
175
174
|
/**
|
|
@@ -177,11 +176,9 @@ declare interface SlotProps {
|
|
|
177
176
|
*/
|
|
178
177
|
declare interface Slots extends CoreSlots {
|
|
179
178
|
/** Root container component */
|
|
180
|
-
container?: ElementType<
|
|
179
|
+
container?: ElementType<Record<string, unknown>>;
|
|
181
180
|
}
|
|
182
181
|
|
|
183
|
-
export declare const Span: (_props: MarkProps) => JSX.Element;
|
|
184
|
-
|
|
185
182
|
export { TextToken }
|
|
186
183
|
|
|
187
184
|
export { Token }
|