@npm-questionpro/wick-ui-editor 2.5.1 → 2.6.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/dist/style.css +1 -1
- package/dist/wick-ui-editor/es/index.js +167 -165
- package/package.json +2 -2
package/dist/style.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
._container_15x9c_1{flex-grow:1;padding:1rem;overflow:auto}._editor_15x9c_7{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative;overflow:auto}._formatBtn_15x9c_18{border-radius:var(--we-radius);cursor:pointer;opacity:.4;height:1.5rem;transition:opacity var(--we-speed) ease-in-out;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;font-size:1rem;display:flex;position:absolute;top:.25rem;right:.25rem}._formatBtn_15x9c_18:hover{opacity:1}._formatBtn_15x9c_18:disabled{cursor:not-allowed}._preview_15x9c_48{pointer-events:none;-webkit-user-select:none;user-select:none}._preview_15x9c_48 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._preview_15x9c_48 pre code span{font-family:var(--font-family)!important}._input_15x9c_64{caret-color:var(--we-fg);color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}._input_15x9c_64:disabled{cursor:not-allowed}._dropdown_k3z4n_1{background-color:var(--we-bg);border:1px solid var(--we-primary);border-radius:var(--we-radius);color:var(--we-fg);z-index:51;display:flex}._dropdown_k3z4n_1[data-inline]{gap:.25rem;padding:.25rem}._dropdown_k3z4n_1[data-block]{flex-direction:column}._dropdown_k3z4n_1[data-block] ._dropdownItem_k3z4n_17{cursor:pointer;padding:.25rem .5rem;font-size:12px}._dropdown_k3z4n_1[data-block] ._dropdownItem_k3z4n_17:hover{background-color:color-mix(in srgb,var(--we-primary) 5%,transparent)}._item_wqnwe_1{border-radius:var(--we-radius);cursor:pointer;height:1.5rem;transition:background-color var(--we-speed) ease-in-out;justify-content:center;align-items:center;width:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._item_wqnwe_1:hover,._item_wqnwe_1[data-active=true]{background-color:oklch(from var(--we-primary) l c h/10%)}._item_wqnwe_1[data-active=true]{color:var(--we-primary)}._item_wqnwe_1 input{width:0;height:0}._wuContentEditor_1w25e_3 img{margin:0;display:inline-block}._wuContentEditor_1w25e_3 [data-resize-handle]{z-index:9;background:#00000080;border:1px solid #fffc;border-radius:2px;position:absolute}._wuContentEditor_1w25e_3 [data-resize-handle]:hover{background:#000c}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top-right]{width:8px;height:8px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize;top:0;left:-4px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize;top:-4px;right:-4px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize;bottom:-4px;left:-4px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize;bottom:-4px;right:-4px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top]{height:6px;left:8px;right:8px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize;top:-3px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize;bottom:-3px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=left],._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=right]{width:6px;top:8px;bottom:8px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize;left:-3px}._wuContentEditor_1w25e_3 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize;right:-3px}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditor_1w25e_3 ol,._wuContentEditor_1w25e_3 ul{all:unset;box-sizing:border-box;display:revert}._wuContentEditor_1w25e_3 ul{list-style-type:disc}._wuContentEditor_1w25e_3 ol,._wuContentEditor_1w25e_3 ul{padding-left:2rem}._wuContentEditor_1w25e_3 ol{list-style-type:decimal}._wuContentEditor_1w25e_3 ul[data-type=taskList]{padding-left:1rem;list-style-type:none}._wuContentEditor_1w25e_3 ul[data-type=taskList] li{justify-content:flex-start;align-items:center;gap:8px;display:flex}._wuContentEditor_1w25e_3 ul[data-type=taskList] li label{position:relative;top:2px}._wuContentEditor_1w25e_3 table{border-collapse:collapse;table-layout:fixed;width:100%;margin:0;overflow:hidden}._wuContentEditor_1w25e_3 table td,._wuContentEditor_1w25e_3 table th{box-sizing:border-box;vertical-align:top;border:1px solid #e6e6e6;min-width:1em;padding:6px 8px;position:relative}:is(._wuContentEditor_1w25e_3 table td,._wuContentEditor_1w25e_3 table th)>*{margin-bottom:0}._wuContentEditor_1w25e_3 table th{text-align:left;background-color:#f5f5f5;font-weight:700}._wuContentEditor_1w25e_3 table ._selectedCell_1w25e_1:after{content:"";pointer-events:none;z-index:2;background:green;position:absolute;inset:0}._wuContentEditor_1w25e_3 table ._column-resize-handle_1w25e_1{pointer-events:none;background-color:#00f;width:4px;position:absolute;top:0;bottom:-2px;right:-2px}._wuContentEditor_1w25e_3 ._tableWrapper_1w25e_1{scrollbar-color:var(--we-muted) transparent;scrollbar-width:thin;margin:1.5rem 0;overflow-x:auto}._wuContentEditor_1w25e_3 ._tableWrapper_1w25e_1::-webkit-scrollbar{width:6px;height:6px}._wuContentEditor_1w25e_3 ._tableWrapper_1w25e_1::-webkit-scrollbar-track{background:0 0}._wuContentEditor_1w25e_3 ._tableWrapper_1w25e_1::-webkit-scrollbar-thumb{background-color:var(--we-muted);border-radius:4px}._wuContentEditor_1w25e_3 ._tableWrapper_1w25e_1::-webkit-scrollbar-corner{background:0 0}._wuContentEditor_1w25e_3 ._resize-cursor_1w25e_1{cursor:ew-resize;cursor:col-resize}._wuContentEditor_1w25e_3 a{color:var(--we-primary);cursor:pointer;text-underline-offset:2px;transition:color var(--we-speed) ease-in-out;text-decoration:underline}._wuContentEditor_1w25e_3 a:hover{color:var(--we-secondary)}._wuContentEditor_1w25e_3 h1{font-size:2rem;line-height:40px}._wuContentEditor_1w25e_3 h1,._wuContentEditor_1w25e_3 h2{font-weight:400}._wuContentEditor_1w25e_3 h2{font-size:1.5rem}._wuContentEditor_1w25e_3 h2,._wuContentEditor_1w25e_3 h3{line-height:32px}._wuContentEditor_1w25e_3 h3{font-size:1.25rem}._wuContentEditor_1w25e_3 h3,._wuContentEditor_1w25e_3 h4{font-weight:500}._wuContentEditor_1w25e_3 h4{font-size:1.125rem;line-height:24px}:root{--we-bg:var(--wu-bg,oklch(100% 0 0));--we-fg:var(--wu-fg,oklch(47.8% .0244 255));--we-primary:var(--wu-primary,oklch(61.6% .1696 251.2));--we-primary-fg:var(--wu-primary-fg,oklch(100% 0 0));--we-secondary:var(--wu-secondary,oklch(35.4% .1335 266.3));--we-secondary-fg:var(--wu-secondary-fg,oklch(100% 0 0));--we-accent:var(--wu-accent,oklch(72.3% .1755 56.7));--we-accent-fg:var(--wu-accent-fg,oklch(100% 0 0));--we-muted:var(--wu-muted,oklch(0% 0 0/.06));--we-muted-fg:var(--wu-muted-fg,oklch(68.9% 0 0));--we-error:var(--wu-error,oklch(53.1% .2178 29.2));--we-error-fg:var(--wu-error-fg,oklch(100% 0 0));--we-border:var(--wu-muted,oklch(0% 0 0/.06));--we-radius:var(--wu-radius,.25rem);--we-shadow:var(--wu-shadow,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);--we-speed:var(--wu-speed,.3s)}._wuContentEditor_1w25e_3 code{background-color:var(--we-muted);color:var(--we-secondary);border-radius:2px;padding:4px;font-family:JetBrains Mono,monospace;font-size:.75em}._wuContentEditor_1w25e_3 code:after,._wuContentEditor_1w25e_3 code:before{content:""}._wuContentEditor_1w25e_3 blockquote{background-color:oklch(from var(--we-primary) l c h/5%);border-left:4px solid oklch(from var(--we-primary) l c h/50%);border-radius:0 8px 8px 0;margin:1rem 0;padding:.5rem;font-style:italic}._wuContentEditorRoot_1w25e_3{border:1px solid var(--we-border);border-radius:var(--we-radius);flex-direction:column;min-height:160px;display:flex}._wuContentEditorRoot_1w25e_3 :focus{outline:none}._wuContentEditorRoot_1w25e_3[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorRoot_1w25e_3[data-position=bottom] ._wuContentEditorToolbar_1w25e_17{border-bottom:none;border-top:1px solid var(--we-border);top:auto;bottom:0}._wuContentEditorToolbar_1w25e_17{border-bottom:1px solid var(--we-border);border-top:none;justify-content:flex-start;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:sticky;top:0;overflow-x:auto}._wuContentEditorToolbar_1w25e_17 ._fontSize_1w25e_38{gap:.5rem;display:flex}._wuContentEditorToolbar_1w25e_17 ._fontSize_1w25e_38 input{border:1px solid var(--we-border);border-radius:var(--we-radius);text-align:center;width:2.5rem;height:1.5rem}._wuContentEditorToolbar_1w25e_17 ._fontSize_1w25e_38 input:focus{outline:none}._wuContentEditorTable_1w25e_56{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}._wuContentEditor_1w25e_3{flex-grow:1;padding:1rem;overflow:auto}._button_583n5_1{--btn-hue:var(--we-primary);--btn-bg:var(--btn-hue);--btn-text:var(--we-primary-fg);--btn-bg-hover:color-mix(in oklab,var(--btn-hue),#000 18.5%);--btn-hue-60:oklch(from var(--btn-hue) l c h/60%);background-color:var(--btn-bg);border-radius:var(--we-radius);block-size:2rem;color:var(--btn-text);cursor:pointer;min-inline-size:6.5rem;transition:background-color var(--we-speed) ease-in-out,color var(--we-speed) ease-in-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:.5rem;font-size:.875rem;line-height:1.15;display:inline-flex}._button_583n5_1:hover:not(:disabled){--btn-bg:var(--btn-bg-hover)}._button_583n5_1:focus{outline:none}._button_583n5_1:focus-visible{outline:2px solid var(--btn-hue-60);outline-offset:2px}._button_583n5_1[data-color=error]{--btn-hue:var(--we-error)}._button_583n5_1[data-variant=secondary]{--btn-bg:transparent;--btn-text:var(--btn-hue)}._button_583n5_1[data-variant=secondary]:hover:not(:disabled){--btn-bg:var(--we-muted);--btn-text:var(--btn-bg-hover)}._button_583n5_1:disabled{--btn-bg:var(--we-muted);--btn-text:var(--we-muted-fg);cursor:not-allowed;pointer-events:none}._button_583n5_1:disabled[data-variant=secondary]{--btn-bg:transparent}._dialog_1k05x_1{background-color:var(--we-bg);border:2px solid var(--we-primary);border-radius:calc(var(--we-radius)*4);color:var(--we-fg);max-width:calc(100vw - 3rem);min-height:10rem;transition:all var(--we-speed) ease-in-out;z-index:100;flex-direction:column;gap:2rem;width:24rem;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._dialog_1k05x_1[data-ending-style],._dialog_1k05x_1[data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}._backdrop_1k05x_27{pointer-events:all;min-height:100dvh;transition:all var(--we-speed) ease-in-out;z-index:99;background-color:#0003;position:fixed;inset:0}@supports (-webkit-touch-callout:none){._backdrop_1k05x_27{position:absolute}}._backdrop_1k05x_27[data-ending-style],._backdrop_1k05x_27[data-starting-style]{opacity:0}._content_1k05x_46{flex-direction:column;gap:1rem;display:flex}._footer_1k05x_52{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}._close_1k05x_59{border-radius:var(--we-radius);color:var(--we-muted-fg);cursor:pointer;height:1.5rem;transition:color var(--we-speed) ease-in-out;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex;position:absolute;top:.75rem;right:.75rem}._close_1k05x_59:hover{color:var(--we-fg)}._group_56lao_1{flex-direction:column;gap:.25rem;width:100%;display:flex}._label_56lao_8{color:var(--we-fg);font-size:.75rem;font-weight:500}._input_56lao_14{background:var(--we-muted);border:none;border-bottom:1px solid var(--we-border);color:var(--we-fg);height:2rem;transition:border-color var(--we-speed) ease-in-out;border-radius:0;width:100%;padding:0 .5rem;font-size:.75rem;font-weight:400}._input_56lao_14::placeholder{color:var(--we-muted-fg);font-weight:300}._input_56lao_14:hover{border-bottom-color:var(--we-muted-fg)}._input_56lao_14:focus{border-bottom-color:var(--we-primary);outline:none}._input_56lao_14:disabled{color:var(--we-muted-fg);cursor:not-allowed}._input_56lao_14:disabled:hover{border-bottom-color:var(--we-border)}._label_1kiov_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;font-size:.8125rem;display:flex}._root_1kiov_11{cursor:pointer;height:.5rem;transition:background-color var(--we-speed) ease-in-out;background-color:oklch(93.1% 0 0);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:2rem;padding:0;display:inline-flex}._root_1kiov_11[data-checked]{background-color:oklch(88.2% 0 0)}._root_1kiov_11:hover{background-color:var(--we-muted-fg)}._root_1kiov_11:focus-visible{outline:2px solid oklch(from var(--we-primary) l c h/60%);outline-offset:2px}._root_1kiov_11:disabled{cursor:not-allowed;opacity:.5}._thumb_1kiov_44{background-color:var(--we-muted-fg);height:1rem;transition:transform var(--we-speed) ease-in-out,background-color var(--we-speed) ease-in-out;border-radius:9999px;width:1rem;display:block;box-shadow:0 1px 3px #0003}._thumb_1kiov_44[data-checked]{background-color:var(--we-primary);transform:translate(1rem)}
|
|
1
|
+
@import "https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";._container_15x9c_1{flex-grow:1;padding:1rem;overflow:auto}._editor_15x9c_7{--font-size:12px;--line-height:24px;--font-family:"JetBrains Mono",monospace;width:100%;min-width:fit-content;position:relative;overflow:auto}._formatBtn_15x9c_18{border-radius:var(--we-radius);cursor:pointer;opacity:.4;height:1.5rem;transition:opacity var(--we-speed) ease-in-out;z-index:10;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;font-size:1rem;display:flex;position:absolute;top:.25rem;right:.25rem}._formatBtn_15x9c_18:hover{opacity:1}._formatBtn_15x9c_18:disabled{cursor:not-allowed}._preview_15x9c_48{pointer-events:none;-webkit-user-select:none;user-select:none}._preview_15x9c_48 pre code{font-size:var(--font-size);line-height:var(--line-height);background:0 0;padding:0}._preview_15x9c_48 pre code span{font-family:var(--font-family)!important}._input_15x9c_64{caret-color:var(--we-fg);color:#0000;font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);resize:none;white-space:pre;background:0 0;border:none;outline:none;position:absolute;inset:0;overflow:hidden}._input_15x9c_64:disabled{cursor:not-allowed}._dropdown_sx3z9_1{background-color:var(--we-bg);border:1px solid var(--we-primary);border-radius:var(--we-radius);color:var(--we-fg);z-index:var(--we-z-dropdown);display:flex}._dropdown_sx3z9_1[data-inline]{gap:.25rem;padding:.25rem}._dropdown_sx3z9_1[data-block]{flex-direction:column}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17{cursor:pointer;padding:.25rem .5rem;font-size:12px}._dropdown_sx3z9_1[data-block] ._dropdownItem_sx3z9_17:hover{background-color:color-mix(in srgb,var(--we-primary) 5%,transparent)}._dropdownPositioner_sx3z9_29{z-index:var(--we-z-dropdown)}._item_wqnwe_1{border-radius:var(--we-radius);cursor:pointer;height:1.5rem;transition:background-color var(--we-speed) ease-in-out;justify-content:center;align-items:center;width:1.5rem;font-size:1.125rem;line-height:1.75rem;display:flex}._item_wqnwe_1:hover,._item_wqnwe_1[data-active=true]{background-color:oklch(from var(--we-primary) l c h/10%)}._item_wqnwe_1[data-active=true]{color:var(--we-primary)}._item_wqnwe_1 input{width:0;height:0}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 img{margin:0!important;display:inline-block!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle]{z-index:var(--we-z-resize-handle)!important;background:#00000080!important;border:1px solid #fffc!important;border-radius:2px!important;position:absolute!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle]:hover{background:#000c!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom-left],._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom-right],._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top-left],._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top-right]{width:8px!important;height:8px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top-left]{cursor:nwse-resize!important;top:0!important;left:-4px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top-right]{cursor:nesw-resize!important;top:-4px!important;right:-4px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom-left]{cursor:nesw-resize!important;bottom:-4px!important;left:-4px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom-right]{cursor:nwse-resize!important;bottom:-4px!important;right:-4px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom],._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top]{height:6px!important;left:8px!important;right:8px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=top]{cursor:ns-resize!important;top:-3px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=bottom]{cursor:ns-resize!important;bottom:-3px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=left],._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=right]{width:6px!important;top:8px!important;bottom:8px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=left]{cursor:ew-resize!important;left:-3px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 [data-resize-handle][data-resize-handle=right]{cursor:ew-resize!important;right:-3px!important}:scope [data-resize-state=true] [data-resize-wrapper]{border-radius:.125rem;outline:1px solid #00000040}[data-resize-wrapper]{display:inline-block!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ol,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul{all:unset!important;box-sizing:border-box!important;display:revert!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul{list-style-type:disc!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ol,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul{padding-left:32px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ol{list-style-type:decimal!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul[data-type=taskList]{padding-left:16px!important;list-style-type:none!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul[data-type=taskList] li{justify-content:flex-start!important;align-items:center!important;gap:8px!important;display:flex!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ul[data-type=taskList] li label{position:relative!important;top:2px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;margin:0!important;overflow:hidden!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table td,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table th{box-sizing:border-box!important;vertical-align:top!important;border:1px solid #e6e6e6!important;min-width:1em!important;padding:6px 8px!important;position:relative!important}:is(._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table td,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table th)>*{margin-bottom:0!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table th{text-align:left!important;background-color:#f5f5f5!important;font-weight:700!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table ._selectedCell_1v4bi_1:after{content:""!important;pointer-events:none!important;z-index:var(--we-z-table-selected-cell)!important;background:green!important;position:absolute!important;inset:0!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 table ._column-resize-handle_1v4bi_1{pointer-events:none!important;background-color:#00f!important;width:4px!important;position:absolute!important;top:0!important;bottom:-2px!important;right:-2px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._tableWrapper_1v4bi_1{scrollbar-color:var(--we-muted) transparent!important;scrollbar-width:thin!important;margin:24px 0!important;overflow-x:auto!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._tableWrapper_1v4bi_1::-webkit-scrollbar{width:6px!important;height:6px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._tableWrapper_1v4bi_1::-webkit-scrollbar-track{background:0 0!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._tableWrapper_1v4bi_1::-webkit-scrollbar-thumb{background-color:var(--we-muted)!important;border-radius:4px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._tableWrapper_1v4bi_1::-webkit-scrollbar-corner{background:0 0!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 ._resize-cursor_1v4bi_1{cursor:ew-resize!important;cursor:col-resize!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 a{color:var(--we-primary)!important;cursor:pointer!important;text-underline-offset:2px!important;transition:color var(--we-speed) ease-in-out!important;text-decoration:underline!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 a:hover{color:var(--we-secondary)!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h1{font-size:32px!important;line-height:40px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h1,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h2{font-weight:400!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h2{font-size:24px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h2,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h3{line-height:32px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h3{font-size:20px!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h3,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h4{font-weight:500!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 h4{font-size:18px!important;line-height:24px!important}:root{--we-bg:var(--wu-bg,oklch(100% 0 0));--we-fg:var(--wu-fg,oklch(47.8% .0244 255));--we-primary:var(--wu-primary,oklch(61.6% .1696 251.2));--we-primary-fg:var(--wu-primary-fg,oklch(100% 0 0));--we-secondary:var(--wu-secondary,oklch(35.4% .1335 266.3));--we-secondary-fg:var(--wu-secondary-fg,oklch(100% 0 0));--we-accent:var(--wu-accent,oklch(72.3% .1755 56.7));--we-accent-fg:var(--wu-accent-fg,oklch(100% 0 0));--we-muted:var(--wu-muted,oklch(0% 0 0/.06));--we-muted-fg:var(--wu-muted-fg,oklch(68.9% 0 0));--we-error:var(--wu-error,oklch(53.1% .2178 29.2));--we-error-fg:var(--wu-error-fg,oklch(100% 0 0));--we-border:var(--wu-muted,oklch(0% 0 0/.06));--we-radius:var(--wu-radius,.25rem);--we-shadow:var(--wu-shadow,0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a);--we-speed:var(--wu-speed,.3s);--we-z-dropdown:50;--we-z-modal:50;--we-z-resize-handle:9;--we-z-table-selected-cell:2}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 code{background-color:var(--we-muted)!important;color:var(--we-secondary)!important;border-radius:2px!important;padding:4px!important;font-family:JetBrains Mono,monospace!important;font-size:.75em!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 code:after,._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 code:before{content:""!important}._wuContentEditor_1v4bi_4._wuContentEditor_1v4bi_4 blockquote{background-color:oklch(from var(--we-primary) l c h/5%)!important;border-left:4px solid oklch(from var(--we-primary) l c h/50%)!important;border-radius:0 8px 8px 0!important;margin:16px 0!important;padding:8px!important;font-style:italic!important}._wuContentEditorRoot_1v4bi_4{border:1px solid var(--we-border);border-radius:var(--we-radius);flex-direction:column;min-height:160px;display:flex}._wuContentEditorRoot_1v4bi_4 :focus{outline:none}._wuContentEditorRoot_1v4bi_4[data-position=bottom]{flex-direction:column-reverse}._wuContentEditorRoot_1v4bi_4[data-position=bottom] ._wuContentEditorToolbar_1v4bi_18{border-bottom:none;border-top:1px solid var(--we-border);top:auto;bottom:0}._wuContentEditorToolbar_1v4bi_18{border-bottom:1px solid var(--we-border);border-top:none;justify-content:flex-start;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:sticky;top:0;overflow-x:auto}._wuContentEditorToolbar_1v4bi_18 ._fontSize_1v4bi_39{gap:.5rem;display:flex}._wuContentEditorToolbar_1v4bi_18 ._fontSize_1v4bi_39 input{border:1px solid var(--we-border);border-radius:var(--we-radius);text-align:center;width:2.5rem;height:1.5rem}._wuContentEditorToolbar_1v4bi_18 ._fontSize_1v4bi_39 input:focus{outline:none}._wuContentEditorTable_1v4bi_57{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}._wuContentEditor_1v4bi_4{flex-grow:1;padding:1rem;overflow:auto}._button_583n5_1{--btn-hue:var(--we-primary);--btn-bg:var(--btn-hue);--btn-text:var(--we-primary-fg);--btn-bg-hover:color-mix(in oklab,var(--btn-hue),#000 18.5%);--btn-hue-60:oklch(from var(--btn-hue) l c h/60%);background-color:var(--btn-bg);border-radius:var(--we-radius);block-size:2rem;color:var(--btn-text);cursor:pointer;min-inline-size:6.5rem;transition:background-color var(--we-speed) ease-in-out,color var(--we-speed) ease-in-out;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding-block:.375rem;padding-inline:.5rem;font-size:.875rem;line-height:1.15;display:inline-flex}._button_583n5_1:hover:not(:disabled){--btn-bg:var(--btn-bg-hover)}._button_583n5_1:focus{outline:none}._button_583n5_1:focus-visible{outline:2px solid var(--btn-hue-60);outline-offset:2px}._button_583n5_1[data-color=error]{--btn-hue:var(--we-error)}._button_583n5_1[data-variant=secondary]{--btn-bg:transparent;--btn-text:var(--btn-hue)}._button_583n5_1[data-variant=secondary]:hover:not(:disabled){--btn-bg:var(--we-muted);--btn-text:var(--btn-bg-hover)}._button_583n5_1:disabled{--btn-bg:var(--we-muted);--btn-text:var(--we-muted-fg);cursor:not-allowed;pointer-events:none}._button_583n5_1:disabled[data-variant=secondary]{--btn-bg:transparent}._dialog_vbrv2_1{background-color:var(--we-bg);border:2px solid var(--we-primary);border-radius:calc(var(--we-radius)*4);color:var(--we-fg);max-width:calc(100vw - 3rem);min-height:10rem;transition:all var(--we-speed) ease-in-out;width:24rem;z-index:var(--we-z-modal);flex-direction:column;gap:2rem;padding:1.5rem;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}._dialog_vbrv2_1[data-ending-style],._dialog_vbrv2_1[data-starting-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}._backdrop_vbrv2_27{pointer-events:all;min-height:100dvh;transition:all var(--we-speed) ease-in-out;z-index:var(--we-z-modal);background-color:#0003;position:fixed;inset:0}@supports (-webkit-touch-callout:none){._backdrop_vbrv2_27{position:absolute}}._backdrop_vbrv2_27[data-ending-style],._backdrop_vbrv2_27[data-starting-style]{opacity:0}._content_vbrv2_46{flex-direction:column;gap:1rem;display:flex}._footer_vbrv2_52{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}._close_vbrv2_59{border-radius:var(--we-radius);color:var(--we-muted-fg);cursor:pointer;height:1.5rem;transition:color var(--we-speed) ease-in-out;background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;padding:0;display:flex;position:absolute;top:.75rem;right:.75rem}._close_vbrv2_59:hover{color:var(--we-fg)}._group_56lao_1{flex-direction:column;gap:.25rem;width:100%;display:flex}._label_56lao_8{color:var(--we-fg);font-size:.75rem;font-weight:500}._input_56lao_14{background:var(--we-muted);border:none;border-bottom:1px solid var(--we-border);color:var(--we-fg);height:2rem;transition:border-color var(--we-speed) ease-in-out;border-radius:0;width:100%;padding:0 .5rem;font-size:.75rem;font-weight:400}._input_56lao_14::placeholder{color:var(--we-muted-fg);font-weight:300}._input_56lao_14:hover{border-bottom-color:var(--we-muted-fg)}._input_56lao_14:focus{border-bottom-color:var(--we-primary);outline:none}._input_56lao_14:disabled{color:var(--we-muted-fg);cursor:not-allowed}._input_56lao_14:disabled:hover{border-bottom-color:var(--we-border)}._label_1kiov_1{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;width:fit-content;font-size:.8125rem;display:flex}._root_1kiov_11{cursor:pointer;height:.5rem;transition:background-color var(--we-speed) ease-in-out;background-color:oklch(93.1% 0 0);border:none;border-radius:9999px;flex-shrink:0;align-items:center;width:2rem;padding:0;display:inline-flex}._root_1kiov_11[data-checked]{background-color:oklch(88.2% 0 0)}._root_1kiov_11:hover{background-color:var(--we-muted-fg)}._root_1kiov_11:focus-visible{outline:2px solid oklch(from var(--we-primary) l c h/60%);outline-offset:2px}._root_1kiov_11:disabled{cursor:not-allowed;opacity:.5}._thumb_1kiov_44{background-color:var(--we-muted-fg);height:1rem;transition:transform var(--we-speed) ease-in-out,background-color var(--we-speed) ease-in-out;border-radius:9999px;width:1rem;display:block;box-shadow:0 1px 3px #0003}._thumb_1kiov_44[data-checked]{background-color:var(--we-primary);transform:translate(1rem)}
|
|
2
2
|
/*$vite$:1*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { A as
|
|
2
|
-
import { EditorContent as Te, useEditor as Se, useEditorState as
|
|
1
|
+
import { A as J, C as Q, D as ue, E as fe, M as he, O as ve, S as pe, T as X, _ as Y, a as Z, b as ge, c as me, d as be, f as Ce, g as G, h as V, i as ee, j as ke, k as _e, l as te, m as z, n as L, o as oe, r as ie, s as Ae, t as R, u as we, v as re, w as ne, x as Ie, y as ye } from "../../sanitize-BZ0U7q7z.js";
|
|
2
|
+
import { EditorContent as Te, useEditor as Se, useEditorState as g } from "@tiptap/react";
|
|
3
3
|
import d, { useCallback as D, useRef as xe, useState as O } from "react";
|
|
4
4
|
import Fe from "@tiptap/extension-image";
|
|
5
5
|
import { TaskItem as He, TaskList as Le } from "@tiptap/extension-list";
|
|
@@ -9,10 +9,10 @@ import { TableKit as Ne } from "@tiptap/extension-table";
|
|
|
9
9
|
import ze from "@tiptap/extension-text-align";
|
|
10
10
|
import { BackgroundColor as De, Color as Be, FontFamily as Pe, FontSize as Oe, LineHeight as Me, TextStyle as $e } from "@tiptap/extension-text-style";
|
|
11
11
|
import qe from "@tiptap/starter-kit";
|
|
12
|
-
import { Fragment as N, jsx as e, jsxs as
|
|
12
|
+
import { Fragment as N, jsx as e, jsxs as p } from "react/jsx-runtime";
|
|
13
13
|
import { Menu as C } from "@base-ui/react/menu";
|
|
14
14
|
import { Dialog as I } from "@base-ui/react/dialog";
|
|
15
|
-
import { Switch as
|
|
15
|
+
import { Switch as le } from "@base-ui/react/switch";
|
|
16
16
|
var Ue = [
|
|
17
17
|
qe.configure({ link: {
|
|
18
18
|
openOnClick: !1,
|
|
@@ -77,36 +77,37 @@ var Ue = [
|
|
|
77
77
|
const o = d.useContext(M);
|
|
78
78
|
if (!o) throw new Error("useToolbar must be used within a ToolbarProvider");
|
|
79
79
|
return o;
|
|
80
|
-
}, je = "
|
|
80
|
+
}, je = "_dropdown_sx3z9_1", Ke = "_dropdownItem_sx3z9_17", Je = "_dropdownPositioner_sx3z9_29", $ = {
|
|
81
81
|
dropdown: je,
|
|
82
|
-
dropdownItem: Ke
|
|
83
|
-
|
|
84
|
-
|
|
82
|
+
dropdownItem: Ke,
|
|
83
|
+
dropdownPositioner: Je
|
|
84
|
+
}, Qe = "_item_wqnwe_1", Xe = { item: Qe }, u = d.forwardRef(function({ Icon: t, children: i, ...r }, n) {
|
|
85
|
+
return /* @__PURE__ */ p("button", {
|
|
85
86
|
ref: n,
|
|
86
87
|
...r,
|
|
87
|
-
className:
|
|
88
|
+
className: Xe.item,
|
|
88
89
|
children: [
|
|
89
90
|
t,
|
|
90
91
|
" ",
|
|
91
92
|
i
|
|
92
93
|
]
|
|
93
94
|
});
|
|
94
|
-
}),
|
|
95
|
+
}), q = d.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
|
|
95
96
|
ref: i,
|
|
96
|
-
className:
|
|
97
|
+
className: $.dropdown,
|
|
97
98
|
...t,
|
|
98
99
|
children: o
|
|
99
100
|
}));
|
|
100
|
-
|
|
101
|
-
var
|
|
101
|
+
q.displayName = "DropdownPopup";
|
|
102
|
+
var U = d.forwardRef(({ children: o, ...t }, i) => /* @__PURE__ */ e("div", {
|
|
102
103
|
ref: i,
|
|
103
|
-
className:
|
|
104
|
+
className: $.dropdownItem,
|
|
104
105
|
...t,
|
|
105
106
|
children: o
|
|
106
107
|
}));
|
|
107
|
-
|
|
108
|
-
function
|
|
109
|
-
return /* @__PURE__ */
|
|
108
|
+
U.displayName = "DropdownItem";
|
|
109
|
+
function W({ trigger: o, triggerTitle: t, active: i, items: r, align: n = "start", direction: s = "inline" }) {
|
|
110
|
+
return /* @__PURE__ */ p(C.Root, { children: [/* @__PURE__ */ e(C.Trigger, {
|
|
110
111
|
render: /* @__PURE__ */ e(u, {}),
|
|
111
112
|
"data-active": i,
|
|
112
113
|
title: t,
|
|
@@ -114,13 +115,14 @@ function U({ trigger: o, triggerTitle: t, active: i, items: r, align: n = "start
|
|
|
114
115
|
}), /* @__PURE__ */ e(C.Portal, { children: /* @__PURE__ */ e(C.Positioner, {
|
|
115
116
|
align: n,
|
|
116
117
|
sideOffset: 4,
|
|
118
|
+
className: $.dropdownPositioner,
|
|
117
119
|
children: /* @__PURE__ */ e(C.Popup, {
|
|
118
|
-
render: /* @__PURE__ */ e(
|
|
120
|
+
render: /* @__PURE__ */ e(q, {}),
|
|
119
121
|
"data-inline": s === "inline" ? !0 : void 0,
|
|
120
122
|
"data-block": s === "block" ? !0 : void 0,
|
|
121
123
|
finalFocus: !1,
|
|
122
124
|
children: r.map((l) => s === "block" ? /* @__PURE__ */ e(C.Item, {
|
|
123
|
-
render: /* @__PURE__ */ e(
|
|
125
|
+
render: /* @__PURE__ */ e(U, {}),
|
|
124
126
|
title: l.tooltip,
|
|
125
127
|
"data-active": l.active,
|
|
126
128
|
style: l.style,
|
|
@@ -136,8 +138,8 @@ function U({ trigger: o, triggerTitle: t, active: i, items: r, align: n = "start
|
|
|
136
138
|
})
|
|
137
139
|
}) })] });
|
|
138
140
|
}
|
|
139
|
-
var
|
|
140
|
-
const { editor: o } = f(), t =
|
|
141
|
+
var Ye = () => {
|
|
142
|
+
const { editor: o } = f(), t = g({
|
|
141
143
|
editor: o,
|
|
142
144
|
selector: (r) => ({
|
|
143
145
|
isParagraph: r.editor?.isActive("paragraph"),
|
|
@@ -150,51 +152,51 @@ var Xe = () => {
|
|
|
150
152
|
}), i = [
|
|
151
153
|
{
|
|
152
154
|
id: "paragraph",
|
|
153
|
-
icon: /* @__PURE__ */ e(
|
|
155
|
+
icon: /* @__PURE__ */ e(X, {}),
|
|
154
156
|
event: () => o.chain().focus().setParagraph().run(),
|
|
155
157
|
tooltip: "Paragraph",
|
|
156
158
|
active: t.isParagraph
|
|
157
159
|
},
|
|
158
160
|
{
|
|
159
161
|
id: "h1",
|
|
160
|
-
icon: /* @__PURE__ */ e(
|
|
162
|
+
icon: /* @__PURE__ */ e(V, {}),
|
|
161
163
|
event: () => o.chain().focus().setHeading({ level: 1 }).run(),
|
|
162
164
|
tooltip: "Heading 1",
|
|
163
165
|
active: t.isH1
|
|
164
166
|
},
|
|
165
167
|
{
|
|
166
168
|
id: "h2",
|
|
167
|
-
icon: /* @__PURE__ */ e(
|
|
169
|
+
icon: /* @__PURE__ */ e(G, {}),
|
|
168
170
|
event: () => o.chain().focus().setHeading({ level: 2 }).run(),
|
|
169
171
|
tooltip: "Heading 2",
|
|
170
172
|
active: t.isH2
|
|
171
173
|
},
|
|
172
174
|
{
|
|
173
175
|
id: "h3",
|
|
174
|
-
icon: /* @__PURE__ */ e(
|
|
176
|
+
icon: /* @__PURE__ */ e(Y, {}),
|
|
175
177
|
event: () => o.chain().focus().setHeading({ level: 3 }).run(),
|
|
176
178
|
tooltip: "Heading 3",
|
|
177
179
|
active: t.isH3
|
|
178
180
|
},
|
|
179
181
|
{
|
|
180
182
|
id: "h4",
|
|
181
|
-
icon: /* @__PURE__ */ e(
|
|
183
|
+
icon: /* @__PURE__ */ e(re, {}),
|
|
182
184
|
event: () => o.chain().focus().setHeading({ level: 4 }).run(),
|
|
183
185
|
tooltip: "Heading 4",
|
|
184
186
|
active: t.isH4
|
|
185
187
|
}
|
|
186
188
|
];
|
|
187
|
-
return /* @__PURE__ */ e(
|
|
188
|
-
trigger: t.isH1 ? /* @__PURE__ */ e(
|
|
189
|
+
return /* @__PURE__ */ e(W, {
|
|
190
|
+
trigger: t.isH1 ? /* @__PURE__ */ e(V, {}) : t.isH2 ? /* @__PURE__ */ e(G, {}) : t.isH3 ? /* @__PURE__ */ e(Y, {}) : t.isH4 ? /* @__PURE__ */ e(re, {}) : /* @__PURE__ */ e(X, {}),
|
|
189
191
|
triggerTitle: "Block Style",
|
|
190
192
|
active: t.isHeading,
|
|
191
193
|
items: i
|
|
192
194
|
});
|
|
193
|
-
},
|
|
195
|
+
}, Ze = () => {
|
|
194
196
|
const { editor: o } = f();
|
|
195
197
|
return /* @__PURE__ */ e(u, {
|
|
196
198
|
title: "Bold",
|
|
197
|
-
"data-active":
|
|
199
|
+
"data-active": g({
|
|
198
200
|
editor: o,
|
|
199
201
|
selector: (t) => ({ bold: t.editor?.isActive("bold") })
|
|
200
202
|
}).bold,
|
|
@@ -203,7 +205,7 @@ var Xe = () => {
|
|
|
203
205
|
},
|
|
204
206
|
children: /* @__PURE__ */ e(me, {})
|
|
205
207
|
});
|
|
206
|
-
},
|
|
208
|
+
}, Ge = () => {
|
|
207
209
|
const { editor: o } = f();
|
|
208
210
|
return /* @__PURE__ */ e(N, { children: [{
|
|
209
211
|
id: "clear",
|
|
@@ -217,10 +219,10 @@ var Xe = () => {
|
|
|
217
219
|
},
|
|
218
220
|
children: t.icon
|
|
219
221
|
}, t.id)) });
|
|
220
|
-
},
|
|
222
|
+
}, Ve = () => {
|
|
221
223
|
const { editor: o } = f();
|
|
222
224
|
return /* @__PURE__ */ e(u, {
|
|
223
|
-
"data-active":
|
|
225
|
+
"data-active": g({
|
|
224
226
|
editor: o,
|
|
225
227
|
selector: (t) => ({ code: t.editor.isActive("code") })
|
|
226
228
|
}).code,
|
|
@@ -230,11 +232,11 @@ var Xe = () => {
|
|
|
230
232
|
},
|
|
231
233
|
children: /* @__PURE__ */ e(Ce, {})
|
|
232
234
|
});
|
|
233
|
-
},
|
|
235
|
+
}, et = () => {
|
|
234
236
|
const { editor: o } = f();
|
|
235
237
|
return /* @__PURE__ */ e(u, {
|
|
236
238
|
title: "Italic",
|
|
237
|
-
"data-active":
|
|
239
|
+
"data-active": g({
|
|
238
240
|
editor: o,
|
|
239
241
|
selector: (t) => ({ italic: t.editor?.isActive("italic") })
|
|
240
242
|
}).italic,
|
|
@@ -243,8 +245,8 @@ var Xe = () => {
|
|
|
243
245
|
},
|
|
244
246
|
children: /* @__PURE__ */ e(Ie, {})
|
|
245
247
|
});
|
|
246
|
-
},
|
|
247
|
-
const { editor: o } = f(), t =
|
|
248
|
+
}, tt = () => {
|
|
249
|
+
const { editor: o } = f(), t = g({
|
|
248
250
|
editor: o,
|
|
249
251
|
selector: (r) => ({
|
|
250
252
|
isUl: r.editor?.isActive("bulletList"),
|
|
@@ -255,37 +257,37 @@ var Xe = () => {
|
|
|
255
257
|
}), i = [
|
|
256
258
|
{
|
|
257
259
|
id: "ul",
|
|
258
|
-
icon: /* @__PURE__ */ e(
|
|
260
|
+
icon: /* @__PURE__ */ e(Q, {}),
|
|
259
261
|
event: () => o.chain().focus().toggleBulletList().run(),
|
|
260
262
|
tooltip: "Bulleted List",
|
|
261
263
|
active: t.isUl
|
|
262
264
|
},
|
|
263
265
|
{
|
|
264
266
|
id: "ol",
|
|
265
|
-
icon: /* @__PURE__ */ e(
|
|
267
|
+
icon: /* @__PURE__ */ e(ne, {}),
|
|
266
268
|
event: () => o.chain().focus().toggleOrderedList().run(),
|
|
267
269
|
tooltip: "Numbered List",
|
|
268
270
|
active: t.isOl
|
|
269
271
|
},
|
|
270
272
|
{
|
|
271
273
|
id: "todo",
|
|
272
|
-
icon: /* @__PURE__ */ e(
|
|
274
|
+
icon: /* @__PURE__ */ e(te, {}),
|
|
273
275
|
event: () => o.chain().focus().toggleTaskList().run(),
|
|
274
276
|
tooltip: "To-Do List",
|
|
275
277
|
active: t.isTodo
|
|
276
278
|
}
|
|
277
279
|
];
|
|
278
|
-
return /* @__PURE__ */ e(
|
|
279
|
-
trigger: t.isOl ? /* @__PURE__ */ e(
|
|
280
|
+
return /* @__PURE__ */ e(W, {
|
|
281
|
+
trigger: t.isOl ? /* @__PURE__ */ e(ne, {}) : t.isTodo ? /* @__PURE__ */ e(te, {}) : /* @__PURE__ */ e(Q, {}),
|
|
280
282
|
triggerTitle: "List Style",
|
|
281
283
|
active: t.isList,
|
|
282
284
|
items: i
|
|
283
285
|
});
|
|
284
|
-
},
|
|
286
|
+
}, ot = () => {
|
|
285
287
|
const { editor: o } = f();
|
|
286
288
|
return /* @__PURE__ */ e(u, {
|
|
287
289
|
title: "strikethrough",
|
|
288
|
-
"data-active":
|
|
290
|
+
"data-active": g({
|
|
289
291
|
editor: o,
|
|
290
292
|
selector: (t) => ({ strikethrough: t.editor?.isActive("strike") })
|
|
291
293
|
}).strikethrough,
|
|
@@ -294,11 +296,11 @@ var Xe = () => {
|
|
|
294
296
|
},
|
|
295
297
|
children: /* @__PURE__ */ e(ue, {})
|
|
296
298
|
});
|
|
297
|
-
},
|
|
299
|
+
}, it = () => {
|
|
298
300
|
const { editor: o } = f();
|
|
299
301
|
return /* @__PURE__ */ e(u, {
|
|
300
302
|
title: "Subscript",
|
|
301
|
-
"data-active":
|
|
303
|
+
"data-active": g({
|
|
302
304
|
editor: o,
|
|
303
305
|
selector: (t) => ({ subscript: t.editor?.isActive("subscript") })
|
|
304
306
|
}).subscript,
|
|
@@ -307,11 +309,11 @@ var Xe = () => {
|
|
|
307
309
|
},
|
|
308
310
|
children: /* @__PURE__ */ e(ve, {})
|
|
309
311
|
});
|
|
310
|
-
},
|
|
312
|
+
}, rt = () => {
|
|
311
313
|
const { editor: o } = f();
|
|
312
314
|
return /* @__PURE__ */ e(u, {
|
|
313
315
|
title: "Superscript",
|
|
314
|
-
"data-active":
|
|
316
|
+
"data-active": g({
|
|
315
317
|
editor: o,
|
|
316
318
|
selector: (t) => ({ superscript: t.editor?.isActive("superscript") })
|
|
317
319
|
}).superscript,
|
|
@@ -320,12 +322,12 @@ var Xe = () => {
|
|
|
320
322
|
},
|
|
321
323
|
children: /* @__PURE__ */ e(_e, {})
|
|
322
324
|
});
|
|
323
|
-
},
|
|
324
|
-
const { editor: o, defaultValues: t } = f(), i =
|
|
325
|
+
}, nt = () => {
|
|
326
|
+
const { editor: o, defaultValues: t } = f(), i = g({
|
|
325
327
|
editor: o,
|
|
326
328
|
selector: ({ editor: n }) => ({ textColor: n.getAttributes("textStyle").color })
|
|
327
329
|
}), r = d.useRef(null);
|
|
328
|
-
return /* @__PURE__ */
|
|
330
|
+
return /* @__PURE__ */ p(u, {
|
|
329
331
|
title: "Text Color",
|
|
330
332
|
onClick: () => r.current?.click(),
|
|
331
333
|
children: [/* @__PURE__ */ e(ke, { style: { color: i.textColor } }), /* @__PURE__ */ e("input", {
|
|
@@ -335,11 +337,11 @@ var Xe = () => {
|
|
|
335
337
|
onChange: (n) => o.chain().focus().setColor(n.target.value).run()
|
|
336
338
|
})]
|
|
337
339
|
});
|
|
338
|
-
},
|
|
340
|
+
}, lt = () => {
|
|
339
341
|
const { editor: o } = f();
|
|
340
342
|
return /* @__PURE__ */ e(u, {
|
|
341
343
|
title: "Underline",
|
|
342
|
-
"data-active":
|
|
344
|
+
"data-active": g({
|
|
343
345
|
editor: o,
|
|
344
346
|
selector: (t) => ({ underline: t.editor?.isActive("underline") })
|
|
345
347
|
}).underline,
|
|
@@ -348,12 +350,12 @@ var Xe = () => {
|
|
|
348
350
|
},
|
|
349
351
|
children: /* @__PURE__ */ e(he, {})
|
|
350
352
|
});
|
|
351
|
-
},
|
|
352
|
-
const { editor: o, defaultValues: t } = f(), i =
|
|
353
|
+
}, at = () => {
|
|
354
|
+
const { editor: o, defaultValues: t } = f(), i = g({
|
|
353
355
|
editor: o,
|
|
354
356
|
selector: ({ editor: n }) => ({ bgColor: n.getAttributes("textStyle").backgroundColor })
|
|
355
357
|
}), r = d.useRef(null);
|
|
356
|
-
return /* @__PURE__ */
|
|
358
|
+
return /* @__PURE__ */ p(u, {
|
|
357
359
|
title: "Background Color",
|
|
358
360
|
onClick: () => r.current?.click(),
|
|
359
361
|
children: [/* @__PURE__ */ e(Ae, { style: { color: i.bgColor } }), /* @__PURE__ */ e("input", {
|
|
@@ -363,11 +365,11 @@ var Xe = () => {
|
|
|
363
365
|
onChange: (n) => o.chain().focus().setBackgroundColor(n.target.value).run()
|
|
364
366
|
})]
|
|
365
367
|
});
|
|
366
|
-
},
|
|
368
|
+
}, st = () => {
|
|
367
369
|
const { editor: o } = f();
|
|
368
370
|
return /* @__PURE__ */ e(u, {
|
|
369
371
|
title: "quote",
|
|
370
|
-
"data-active":
|
|
372
|
+
"data-active": g({
|
|
371
373
|
editor: o,
|
|
372
374
|
selector: (t) => ({ blockquote: t.editor?.isActive("blockquote") })
|
|
373
375
|
}).blockquote,
|
|
@@ -377,7 +379,7 @@ var Xe = () => {
|
|
|
377
379
|
children: /* @__PURE__ */ e(fe, {})
|
|
378
380
|
});
|
|
379
381
|
};
|
|
380
|
-
function
|
|
382
|
+
function ct() {
|
|
381
383
|
const { isHtml: o, setIsHtml: t, htmlSourceEnabled: i } = f();
|
|
382
384
|
return i ? /* @__PURE__ */ e(u, {
|
|
383
385
|
title: "HTML source",
|
|
@@ -388,8 +390,8 @@ function st() {
|
|
|
388
390
|
children: /* @__PURE__ */ e(ye, {})
|
|
389
391
|
}) : null;
|
|
390
392
|
}
|
|
391
|
-
var
|
|
392
|
-
const { editor: o } = f(), t =
|
|
393
|
+
var dt = () => {
|
|
394
|
+
const { editor: o } = f(), t = g({
|
|
393
395
|
editor: o,
|
|
394
396
|
selector: (r) => ({
|
|
395
397
|
isLeft: r.editor?.isActive({ textAlign: "left" }),
|
|
@@ -401,74 +403,74 @@ var ct = () => {
|
|
|
401
403
|
}), i = [
|
|
402
404
|
{
|
|
403
405
|
id: "left",
|
|
404
|
-
icon: /* @__PURE__ */ e(
|
|
406
|
+
icon: /* @__PURE__ */ e(Z, {}),
|
|
405
407
|
event: () => o.chain().focus().setTextAlign("left").run(),
|
|
406
408
|
tooltip: "Align Left",
|
|
407
409
|
active: t.isLeft
|
|
408
410
|
},
|
|
409
411
|
{
|
|
410
412
|
id: "center",
|
|
411
|
-
icon: /* @__PURE__ */ e(
|
|
413
|
+
icon: /* @__PURE__ */ e(ie, {}),
|
|
412
414
|
event: () => o.chain().focus().setTextAlign("center").run(),
|
|
413
415
|
tooltip: "Align Center",
|
|
414
416
|
active: t.isCenter
|
|
415
417
|
},
|
|
416
418
|
{
|
|
417
419
|
id: "right",
|
|
418
|
-
icon: /* @__PURE__ */ e(
|
|
420
|
+
icon: /* @__PURE__ */ e(oe, {}),
|
|
419
421
|
event: () => o.chain().focus().setTextAlign("right").run(),
|
|
420
422
|
tooltip: "Align Right",
|
|
421
423
|
active: t.isRight
|
|
422
424
|
},
|
|
423
425
|
{
|
|
424
426
|
id: "justify",
|
|
425
|
-
icon: /* @__PURE__ */ e(
|
|
427
|
+
icon: /* @__PURE__ */ e(ee, {}),
|
|
426
428
|
event: () => o.chain().focus().setTextAlign("justify").run(),
|
|
427
429
|
tooltip: "Justify",
|
|
428
430
|
active: t.isJustify
|
|
429
431
|
}
|
|
430
432
|
];
|
|
431
|
-
return /* @__PURE__ */ e(
|
|
432
|
-
trigger: t.isCenter ? /* @__PURE__ */ e(
|
|
433
|
+
return /* @__PURE__ */ e(W, {
|
|
434
|
+
trigger: t.isCenter ? /* @__PURE__ */ e(ie, {}) : t.isRight ? /* @__PURE__ */ e(oe, {}) : t.isJustify ? /* @__PURE__ */ e(ee, {}) : /* @__PURE__ */ e(Z, {}),
|
|
433
435
|
triggerTitle: "Text Alignment",
|
|
434
436
|
active: t.isAligned,
|
|
435
437
|
items: i
|
|
436
438
|
});
|
|
437
|
-
},
|
|
438
|
-
wuContentEditor:
|
|
439
|
-
selectedCell:
|
|
440
|
-
"column-resize-handle": "_column-resize-
|
|
441
|
-
tableWrapper:
|
|
442
|
-
"resize-cursor": "_resize-
|
|
443
|
-
wuContentEditorRoot:
|
|
444
|
-
wuContentEditorToolbar:
|
|
439
|
+
}, ut = "_wuContentEditor_1v4bi_4", ft = "_selectedCell_1v4bi_1", ht = "_tableWrapper_1v4bi_1", vt = "_wuContentEditorRoot_1v4bi_4", pt = "_wuContentEditorToolbar_1v4bi_18", gt = "_fontSize_1v4bi_39", mt = "_wuContentEditorTable_1v4bi_57", F = {
|
|
440
|
+
wuContentEditor: ut,
|
|
441
|
+
selectedCell: ft,
|
|
442
|
+
"column-resize-handle": "_column-resize-handle_1v4bi_1",
|
|
443
|
+
tableWrapper: ht,
|
|
444
|
+
"resize-cursor": "_resize-cursor_1v4bi_1",
|
|
445
|
+
wuContentEditorRoot: vt,
|
|
446
|
+
wuContentEditorToolbar: pt,
|
|
445
447
|
fontSize: gt,
|
|
446
|
-
wuContentEditorTable:
|
|
447
|
-
},
|
|
448
|
+
wuContentEditorTable: mt
|
|
449
|
+
}, bt = [
|
|
448
450
|
"e",
|
|
449
451
|
"E",
|
|
450
452
|
"+",
|
|
451
453
|
"-"
|
|
452
|
-
],
|
|
453
|
-
const { editor: o, defaultValues: t } = f(), [i, r] = O(t?.fontSize ?? 16), n =
|
|
454
|
+
], ae = 1, Ct = () => {
|
|
455
|
+
const { editor: o, defaultValues: t } = f(), [i, r] = O(t?.fontSize ?? 16), n = g({
|
|
454
456
|
editor: o,
|
|
455
457
|
selector: (h) => ({ fontSize: h.editor.getAttributes("textStyle").fontSize })
|
|
456
458
|
}), s = (h) => {
|
|
457
459
|
o.chain().focus().setFontSize(h + "px").run();
|
|
458
460
|
}, l = (h) => {
|
|
459
|
-
const a = Math.max(
|
|
461
|
+
const a = Math.max(ae, h);
|
|
460
462
|
r(a), s(a);
|
|
461
463
|
}, c = (h) => {
|
|
462
|
-
|
|
464
|
+
bt.includes(h.key) ? h.preventDefault() : h.key === "Enter" && s(i);
|
|
463
465
|
};
|
|
464
466
|
return d.useEffect(() => {
|
|
465
467
|
r(Number(n.fontSize?.replace("px", "")) || (t?.fontSize ?? 16));
|
|
466
|
-
}, [n.fontSize, t?.fontSize]), /* @__PURE__ */
|
|
468
|
+
}, [n.fontSize, t?.fontSize]), /* @__PURE__ */ p("div", {
|
|
467
469
|
className: F.fontSize,
|
|
468
470
|
children: [
|
|
469
471
|
/* @__PURE__ */ e(u, {
|
|
470
472
|
onClick: () => l(i - 1),
|
|
471
|
-
disabled: i <=
|
|
473
|
+
disabled: i <= ae,
|
|
472
474
|
children: "−"
|
|
473
475
|
}),
|
|
474
476
|
/* @__PURE__ */ e("input", {
|
|
@@ -487,8 +489,8 @@ var ct = () => {
|
|
|
487
489
|
})
|
|
488
490
|
]
|
|
489
491
|
});
|
|
490
|
-
},
|
|
491
|
-
const { editor: o, customFonts: t, defaultValues: i } = f(), r =
|
|
492
|
+
}, kt = () => {
|
|
493
|
+
const { editor: o, customFonts: t, defaultValues: i } = f(), r = g({
|
|
492
494
|
editor: o,
|
|
493
495
|
selector: (c) => ({ currentFontFamily: c.editor.getAttributes("textStyle").fontFamily || "" })
|
|
494
496
|
}), n = [
|
|
@@ -501,7 +503,7 @@ var ct = () => {
|
|
|
501
503
|
], [s, l] = O(r.currentFontFamily || i?.fontFamily || n[0]);
|
|
502
504
|
return d.useEffect(() => {
|
|
503
505
|
l(r.currentFontFamily?.replace(/"/g, "") || i?.fontFamily || n[0]);
|
|
504
|
-
}, [r.currentFontFamily]), /* @__PURE__ */
|
|
506
|
+
}, [r.currentFontFamily]), /* @__PURE__ */ p(C.Root, { children: [/* @__PURE__ */ e(C.Trigger, {
|
|
505
507
|
"data-active": s !== (i?.fontFamily ?? n[0]),
|
|
506
508
|
style: { fontFamily: s },
|
|
507
509
|
title: s || "Font Family",
|
|
@@ -511,12 +513,12 @@ var ct = () => {
|
|
|
511
513
|
align: "start",
|
|
512
514
|
sideOffset: 4,
|
|
513
515
|
children: /* @__PURE__ */ e(C.Popup, {
|
|
514
|
-
render: /* @__PURE__ */ e(
|
|
516
|
+
render: /* @__PURE__ */ e(q, {}),
|
|
515
517
|
"data-block": !0,
|
|
516
518
|
finalFocus: !1,
|
|
517
519
|
children: n.map((c) => /* @__PURE__ */ e(C.Item, {
|
|
518
520
|
title: c,
|
|
519
|
-
render: /* @__PURE__ */ e(
|
|
521
|
+
render: /* @__PURE__ */ e(U, {}),
|
|
520
522
|
onClick: () => {
|
|
521
523
|
o.chain().focus().setFontFamily(c).run(), l(c);
|
|
522
524
|
},
|
|
@@ -524,33 +526,33 @@ var ct = () => {
|
|
|
524
526
|
}, c))
|
|
525
527
|
})
|
|
526
528
|
}) })] });
|
|
527
|
-
},
|
|
528
|
-
return /* @__PURE__ */
|
|
529
|
+
}, _t = "_button_583n5_1", At = { button: _t }, ce = d.forwardRef(function({ children: t, variant: i, color: r, icon: n, ...s }, l) {
|
|
530
|
+
return /* @__PURE__ */ p("button", {
|
|
529
531
|
ref: l,
|
|
530
|
-
className:
|
|
532
|
+
className: At.button,
|
|
531
533
|
"data-variant": i,
|
|
532
534
|
"data-color": r,
|
|
533
535
|
...s,
|
|
534
536
|
children: [n, t]
|
|
535
537
|
});
|
|
536
|
-
}),
|
|
537
|
-
dialog:
|
|
538
|
-
backdrop:
|
|
539
|
-
content:
|
|
540
|
-
footer:
|
|
541
|
-
close:
|
|
538
|
+
}), wt = "_dialog_vbrv2_1", It = "_backdrop_vbrv2_27", yt = "_content_vbrv2_46", Tt = "_footer_vbrv2_52", St = "_close_vbrv2_59", x = {
|
|
539
|
+
dialog: wt,
|
|
540
|
+
backdrop: It,
|
|
541
|
+
content: yt,
|
|
542
|
+
footer: Tt,
|
|
543
|
+
close: St
|
|
542
544
|
};
|
|
543
|
-
function
|
|
545
|
+
function j({ Trigger: o, children: t, maxWidth: i, onOpenChange: r, footer: n }) {
|
|
544
546
|
const s = d.useContext(M), l = d.useCallback((c) => {
|
|
545
547
|
s?.editor.setEditable(!c, !1), r?.(c);
|
|
546
548
|
}, [s, r]);
|
|
547
|
-
return /* @__PURE__ */
|
|
549
|
+
return /* @__PURE__ */ p(I.Root, {
|
|
548
550
|
modal: !0,
|
|
549
551
|
onOpenChange: l,
|
|
550
552
|
children: [/* @__PURE__ */ e("span", {
|
|
551
553
|
onClick: (c) => c.stopPropagation(),
|
|
552
554
|
children: /* @__PURE__ */ e(I.Trigger, { render: o })
|
|
553
|
-
}), /* @__PURE__ */
|
|
555
|
+
}), /* @__PURE__ */ p(I.Portal, { children: [/* @__PURE__ */ e(I.Backdrop, { className: x.backdrop }), /* @__PURE__ */ p(I.Popup, {
|
|
554
556
|
className: x.dialog,
|
|
555
557
|
style: i ? { maxWidth: i } : void 0,
|
|
556
558
|
children: [
|
|
@@ -585,13 +587,13 @@ function H({ children: o, variant: t, color: i, icon: r, ...n }) {
|
|
|
585
587
|
children: o
|
|
586
588
|
});
|
|
587
589
|
}
|
|
588
|
-
var
|
|
589
|
-
group:
|
|
590
|
-
label:
|
|
591
|
-
input:
|
|
590
|
+
var xt = "_group_56lao_1", Ft = "_label_56lao_8", Ht = "_input_56lao_14", B = {
|
|
591
|
+
group: xt,
|
|
592
|
+
label: Ft,
|
|
593
|
+
input: Ht
|
|
592
594
|
};
|
|
593
595
|
function E({ label: o, id: t, ...i }) {
|
|
594
|
-
return /* @__PURE__ */
|
|
596
|
+
return /* @__PURE__ */ p("div", {
|
|
595
597
|
className: B.group,
|
|
596
598
|
children: [o && /* @__PURE__ */ e("label", {
|
|
597
599
|
className: B.label,
|
|
@@ -604,8 +606,8 @@ function E({ label: o, id: t, ...i }) {
|
|
|
604
606
|
})]
|
|
605
607
|
});
|
|
606
608
|
}
|
|
607
|
-
var
|
|
608
|
-
const { editor: o } = f(), t =
|
|
609
|
+
var Lt = () => {
|
|
610
|
+
const { editor: o } = f(), t = g({
|
|
609
611
|
editor: o,
|
|
610
612
|
selector: (c) => ({
|
|
611
613
|
isImage: c.editor?.isActive("image"),
|
|
@@ -617,14 +619,14 @@ var Ht = () => {
|
|
|
617
619
|
alt: n
|
|
618
620
|
}).run();
|
|
619
621
|
};
|
|
620
|
-
return /* @__PURE__ */
|
|
622
|
+
return /* @__PURE__ */ p(j, {
|
|
621
623
|
Trigger: /* @__PURE__ */ e(u, {
|
|
622
624
|
title: "Image",
|
|
623
625
|
"data-active": t.isImage,
|
|
624
|
-
children: /* @__PURE__ */ e(
|
|
626
|
+
children: /* @__PURE__ */ e(ge, {})
|
|
625
627
|
}),
|
|
626
628
|
maxWidth: "400px",
|
|
627
|
-
footer: /* @__PURE__ */
|
|
629
|
+
footer: /* @__PURE__ */ p(N, { children: [/* @__PURE__ */ e(H, {
|
|
628
630
|
variant: "secondary",
|
|
629
631
|
children: "Cancel"
|
|
630
632
|
}), /* @__PURE__ */ e(H, {
|
|
@@ -645,8 +647,8 @@ var Ht = () => {
|
|
|
645
647
|
onChange: (c) => s(c.target.value)
|
|
646
648
|
})]
|
|
647
649
|
});
|
|
648
|
-
},
|
|
649
|
-
const { editor: o } = f(), t =
|
|
650
|
+
}, Rt = () => {
|
|
651
|
+
const { editor: o } = f(), t = g({
|
|
650
652
|
editor: o,
|
|
651
653
|
selector: (a) => ({
|
|
652
654
|
isLink: a.editor?.isActive("link"),
|
|
@@ -681,15 +683,15 @@ var Ht = () => {
|
|
|
681
683
|
}
|
|
682
684
|
r(a.href || ""), s(b || a.alt || "");
|
|
683
685
|
};
|
|
684
|
-
return /* @__PURE__ */
|
|
686
|
+
return /* @__PURE__ */ p(j, {
|
|
685
687
|
Trigger: /* @__PURE__ */ e(u, {
|
|
686
688
|
title: "Link",
|
|
687
689
|
"data-active": t.isLink,
|
|
688
|
-
children: /* @__PURE__ */ e(
|
|
690
|
+
children: /* @__PURE__ */ e(pe, {})
|
|
689
691
|
}),
|
|
690
692
|
maxWidth: "400px",
|
|
691
693
|
onOpenChange: (a) => a && h(),
|
|
692
|
-
footer: /* @__PURE__ */
|
|
694
|
+
footer: /* @__PURE__ */ p(N, { children: [t.isLink && /* @__PURE__ */ e(H, {
|
|
693
695
|
color: "error",
|
|
694
696
|
variant: "secondary",
|
|
695
697
|
onClick: () => o.chain().focus().unsetLink().run(),
|
|
@@ -712,24 +714,24 @@ var Ht = () => {
|
|
|
712
714
|
onChange: (a) => s(a.target.value)
|
|
713
715
|
})]
|
|
714
716
|
});
|
|
715
|
-
},
|
|
716
|
-
label:
|
|
717
|
-
root:
|
|
718
|
-
thumb:
|
|
717
|
+
}, Et = "_label_1kiov_1", Nt = "_root_1kiov_11", zt = "_thumb_1kiov_44", P = {
|
|
718
|
+
label: Et,
|
|
719
|
+
root: Nt,
|
|
720
|
+
thumb: zt
|
|
719
721
|
};
|
|
720
|
-
function
|
|
721
|
-
return /* @__PURE__ */
|
|
722
|
+
function Dt({ checked: o, onCheckedChange: t, label: i }) {
|
|
723
|
+
return /* @__PURE__ */ p("label", {
|
|
722
724
|
className: P.label,
|
|
723
|
-
children: [/* @__PURE__ */ e("span", { children: i }), /* @__PURE__ */ e(
|
|
725
|
+
children: [/* @__PURE__ */ e("span", { children: i }), /* @__PURE__ */ e(le.Root, {
|
|
724
726
|
className: P.root,
|
|
725
727
|
checked: o,
|
|
726
728
|
onCheckedChange: t,
|
|
727
|
-
children: /* @__PURE__ */ e(
|
|
729
|
+
children: /* @__PURE__ */ e(le.Thumb, { className: P.thumb })
|
|
728
730
|
})]
|
|
729
731
|
});
|
|
730
732
|
}
|
|
731
|
-
var
|
|
732
|
-
const { editor: o } = f(), t =
|
|
733
|
+
var Bt = () => {
|
|
734
|
+
const { editor: o } = f(), t = g({
|
|
733
735
|
editor: o,
|
|
734
736
|
selector: (a) => ({
|
|
735
737
|
isTable: a.editor.isActive("table"),
|
|
@@ -785,11 +787,11 @@ var Dt = () => {
|
|
|
785
787
|
event: () => o.chain().focus().deleteRow().run()
|
|
786
788
|
}
|
|
787
789
|
];
|
|
788
|
-
return t.isTable ? /* @__PURE__ */
|
|
790
|
+
return t.isTable ? /* @__PURE__ */ p(j, {
|
|
789
791
|
Trigger: /* @__PURE__ */ e(u, {
|
|
790
792
|
title: "Table",
|
|
791
793
|
"data-active": t.isTable,
|
|
792
|
-
children: /* @__PURE__ */ e(
|
|
794
|
+
children: /* @__PURE__ */ e(J, {})
|
|
793
795
|
}),
|
|
794
796
|
maxWidth: "320px",
|
|
795
797
|
footer: /* @__PURE__ */ e(H, {
|
|
@@ -799,7 +801,7 @@ var Dt = () => {
|
|
|
799
801
|
onClick: () => o.chain().focus().deleteTable().run(),
|
|
800
802
|
children: "Delete Table"
|
|
801
803
|
}),
|
|
802
|
-
children: [/* @__PURE__ */ e(
|
|
804
|
+
children: [/* @__PURE__ */ e(Dt, {
|
|
803
805
|
checked: i,
|
|
804
806
|
onCheckedChange: c,
|
|
805
807
|
label: "Title Row"
|
|
@@ -815,35 +817,35 @@ var Dt = () => {
|
|
|
815
817
|
}) : /* @__PURE__ */ e(u, {
|
|
816
818
|
title: "Table",
|
|
817
819
|
onClick: l,
|
|
818
|
-
children: /* @__PURE__ */ e(
|
|
820
|
+
children: /* @__PURE__ */ e(J, {})
|
|
819
821
|
});
|
|
820
|
-
},
|
|
821
|
-
block: /* @__PURE__ */ e(
|
|
822
|
-
fontFamily: /* @__PURE__ */ e(
|
|
823
|
-
fontSize: /* @__PURE__ */ e(
|
|
824
|
-
bold: /* @__PURE__ */ e(
|
|
825
|
-
italic: /* @__PURE__ */ e(
|
|
826
|
-
underline: /* @__PURE__ */ e(
|
|
827
|
-
strike: /* @__PURE__ */ e(
|
|
828
|
-
color: /* @__PURE__ */ e(
|
|
829
|
-
bgColor: /* @__PURE__ */ e(
|
|
830
|
-
list: /* @__PURE__ */ e(
|
|
831
|
-
alignment: /* @__PURE__ */ e(
|
|
832
|
-
image: /* @__PURE__ */ e(
|
|
833
|
-
link: /* @__PURE__ */ e(
|
|
834
|
-
table: /* @__PURE__ */ e(
|
|
835
|
-
blockquote: /* @__PURE__ */ e(
|
|
836
|
-
superscript: /* @__PURE__ */ e(
|
|
837
|
-
subscript: /* @__PURE__ */ e(
|
|
838
|
-
codeline: /* @__PURE__ */ e(
|
|
839
|
-
clear: /* @__PURE__ */ e(
|
|
822
|
+
}, se = {
|
|
823
|
+
block: /* @__PURE__ */ e(Ye, {}),
|
|
824
|
+
fontFamily: /* @__PURE__ */ e(kt, {}),
|
|
825
|
+
fontSize: /* @__PURE__ */ e(Ct, {}),
|
|
826
|
+
bold: /* @__PURE__ */ e(Ze, {}),
|
|
827
|
+
italic: /* @__PURE__ */ e(et, {}),
|
|
828
|
+
underline: /* @__PURE__ */ e(lt, {}),
|
|
829
|
+
strike: /* @__PURE__ */ e(ot, {}),
|
|
830
|
+
color: /* @__PURE__ */ e(nt, {}),
|
|
831
|
+
bgColor: /* @__PURE__ */ e(at, {}),
|
|
832
|
+
list: /* @__PURE__ */ e(tt, {}),
|
|
833
|
+
alignment: /* @__PURE__ */ e(dt, {}),
|
|
834
|
+
image: /* @__PURE__ */ e(Lt, {}),
|
|
835
|
+
link: /* @__PURE__ */ e(Rt, {}),
|
|
836
|
+
table: /* @__PURE__ */ e(Bt, {}),
|
|
837
|
+
blockquote: /* @__PURE__ */ e(st, {}),
|
|
838
|
+
superscript: /* @__PURE__ */ e(rt, {}),
|
|
839
|
+
subscript: /* @__PURE__ */ e(it, {}),
|
|
840
|
+
codeline: /* @__PURE__ */ e(Ve, {}),
|
|
841
|
+
clear: /* @__PURE__ */ e(Ge, {}),
|
|
840
842
|
"|": /* @__PURE__ */ e("div", { style: {
|
|
841
843
|
height: 16,
|
|
842
844
|
width: 1,
|
|
843
845
|
background: "var(--we-border)"
|
|
844
846
|
} }),
|
|
845
|
-
html: /* @__PURE__ */ e(
|
|
846
|
-
},
|
|
847
|
+
html: /* @__PURE__ */ e(ct, {})
|
|
848
|
+
}, Pt = [
|
|
847
849
|
"block",
|
|
848
850
|
"fontFamily",
|
|
849
851
|
"|",
|
|
@@ -871,11 +873,11 @@ var Dt = () => {
|
|
|
871
873
|
"|",
|
|
872
874
|
"html",
|
|
873
875
|
"clear"
|
|
874
|
-
],
|
|
875
|
-
const { editor: t, customFonts: i, defaultValues: r, children: n, items: s =
|
|
876
|
+
], Ot = (o) => {
|
|
877
|
+
const { editor: t, customFonts: i, defaultValues: r, children: n, items: s = Pt, isHtml: l, setIsHtml: c, htmlSourceEnabled: h, ...a } = o;
|
|
876
878
|
return /* @__PURE__ */ e("div", {
|
|
877
879
|
...a,
|
|
878
|
-
children: /* @__PURE__ */
|
|
880
|
+
children: /* @__PURE__ */ p(We, {
|
|
879
881
|
editor: t,
|
|
880
882
|
customFonts: i,
|
|
881
883
|
defaultValues: r,
|
|
@@ -887,15 +889,15 @@ var Dt = () => {
|
|
|
887
889
|
pointerEvents: "none",
|
|
888
890
|
opacity: 0.4
|
|
889
891
|
},
|
|
890
|
-
children:
|
|
891
|
-
}) :
|
|
892
|
+
children: se[m]
|
|
893
|
+
}) : se[m] }, m + A)), n]
|
|
892
894
|
})
|
|
893
895
|
});
|
|
894
896
|
};
|
|
895
|
-
function
|
|
897
|
+
function Mt(...o) {
|
|
896
898
|
return o.filter(Boolean).join(" ");
|
|
897
899
|
}
|
|
898
|
-
function
|
|
900
|
+
function oo({ defaultValue: o, onUpdate: t, className: i, toolbarPosition: r = "top", customToolbarChildren: n, toolbarItems: s, hideToolbar: l, readonly: c, autoFocus: h, customFonts: a, htmlSource: m, isHtml: A, setIsHtml: S, defaultValues: b, ...y }) {
|
|
899
901
|
const [T, w] = d.useState((A ?? !1) && !!m);
|
|
900
902
|
d.useEffect(() => {
|
|
901
903
|
process.env.NODE_ENV !== "production" && A && !m && console.warn('[WuContentEditor]: `isHtml` has no effect without an `htmlSource` component. Import {WuHtmlSource} from "@npm-questionpro/wick-ui-editor/html" and pass it as `htmlSource`.');
|
|
@@ -917,22 +919,22 @@ function to({ defaultValue: o, onUpdate: t, className: i, toolbarPosition: r = "
|
|
|
917
919
|
const de = (v) => {
|
|
918
920
|
v ? k.current = _?.getHTML() ?? "" : _?.commands.setContent(R(k.current)), t && t(R(k.current)), w(v), S?.(v);
|
|
919
921
|
};
|
|
920
|
-
return /* @__PURE__ */
|
|
921
|
-
className:
|
|
922
|
+
return /* @__PURE__ */ p("div", {
|
|
923
|
+
className: Mt(F.wuContentEditorRoot, i),
|
|
922
924
|
"data-position": r,
|
|
923
925
|
"data-slot": "wu-content-editor-root",
|
|
924
926
|
onClick: (v) => {
|
|
925
927
|
if ((v.ctrlKey || v.metaKey) && v.target instanceof HTMLElement) {
|
|
926
|
-
const
|
|
927
|
-
if (
|
|
928
|
-
window.open(
|
|
928
|
+
const K = v.target.closest("a");
|
|
929
|
+
if (K?.href) {
|
|
930
|
+
window.open(K.href, "_blank", "noopener,noreferrer");
|
|
929
931
|
return;
|
|
930
932
|
}
|
|
931
933
|
}
|
|
932
934
|
T || _?.chain().focus().run();
|
|
933
935
|
},
|
|
934
936
|
...y,
|
|
935
|
-
children: [!l && /* @__PURE__ */ e(
|
|
937
|
+
children: [!l && /* @__PURE__ */ e(Ot, {
|
|
936
938
|
editor: _,
|
|
937
939
|
customFonts: a,
|
|
938
940
|
defaultValues: b,
|
|
@@ -957,5 +959,5 @@ function to({ defaultValue: o, onUpdate: t, className: i, toolbarPosition: r = "
|
|
|
957
959
|
});
|
|
958
960
|
}
|
|
959
961
|
export {
|
|
960
|
-
|
|
962
|
+
oo as WuContentEditor
|
|
961
963
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm-questionpro/wick-ui-editor",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "Wick Editor is a powerful and intuitive content editing component built with React. It provides a rich set of features for creating and managing content, making it ideal for applications that require dynamic and interactive content creation.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"vite-plugin-dts": "^4.5.4",
|
|
100
100
|
"vitest": "^4.1.8",
|
|
101
101
|
"@npm-questionpro/wick-ui-eslint-config": "1.0.0",
|
|
102
|
-
"@npm-questionpro/wick-ui-lib": "2.
|
|
102
|
+
"@npm-questionpro/wick-ui-lib": "2.6.0",
|
|
103
103
|
"@wick-ui/tsconfig": "1.0.0"
|
|
104
104
|
},
|
|
105
105
|
"scripts": {
|