@textbus/xnote 0.0.1-alpha.33 → 0.0.1-alpha.35
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/bundles/components/dropdown/dropdown-menu.d.ts +1 -1
- package/bundles/components/menu-item/menu-item.d.ts +3 -3
- package/bundles/components/popup/popup.d.ts +1 -1
- package/bundles/index.css +1 -1
- package/bundles/index.esm.css +1 -1
- package/bundles/index.esm.js +12 -8
- package/bundles/index.js +12 -8
- package/bundles/plugins/link-jump/link-jump.d.ts +1 -1
- package/package.json +9 -9
|
@@ -9,5 +9,5 @@ export interface DropdownMenuProps extends Props {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const DropdownMenuPortal: (props: DropdownMenuProps) => {
|
|
11
11
|
$portalHost: HTMLElement;
|
|
12
|
-
$render: () => import("@viewfly/core").
|
|
12
|
+
$render: () => import("@viewfly/core").ViewFlyNode<string | import("@viewfly/core").ComponentSetup<any>>;
|
|
13
13
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { Props,
|
|
1
|
+
import { Props, JSXNode } from '@viewfly/core';
|
|
2
2
|
export interface MenuItemProps extends Props {
|
|
3
3
|
disabled?: boolean;
|
|
4
4
|
checked?: boolean;
|
|
5
|
-
icon?:
|
|
5
|
+
icon?: JSXNode;
|
|
6
6
|
value?: any;
|
|
7
7
|
arrow?: boolean;
|
|
8
|
-
desc?:
|
|
8
|
+
desc?: JSXNode;
|
|
9
9
|
onClick?(value: any): void;
|
|
10
10
|
}
|
|
11
11
|
export declare function MenuItem(props: MenuItemProps): () => any;
|
|
@@ -5,5 +5,5 @@ export interface PopupProps extends Props {
|
|
|
5
5
|
}
|
|
6
6
|
export declare function Popup(props: PopupProps): {
|
|
7
7
|
$portalHost: HTMLElement;
|
|
8
|
-
$render: () => import("@viewfly/core").
|
|
8
|
+
$render: () => import("@viewfly/core").ViewFlyNode<string | import("@viewfly/core").ComponentSetup<any>>;
|
|
9
9
|
};
|
package/bundles/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.btn[vf-d94b56]{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;height:28px;outline:none;padding:6px 5px;transition:all .2s}.btn>span[vf-d94b56]{white-space:nowrap}.btn[vf-d94b56]:hover{background:rgba(0,0,0,.1)}.btn-arrow[vf-d94b56]{position:relative;transform:rotate(0);transform-origin:50%;width:1em}.btn.active[vf-d94b56]{background:rgba(0,0,0,.1)}.btn.active .btn-arrow[vf-d94b56]{transform:rotate(180deg)}.btn.highlight[vf-d94b56]{background-color:rgba(41,110,255,.063);color:#296eff}.component-toolbar[vf-ac7e8d]{position:relative;z-index:3}.toolbar[vf-ac7e8d]{background:#fff;border:1px solid #dee0e3;border-radius:5px;bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.08);box-sizing:border-box;display:flex;font-size:14px;height:36px;opacity:0;padding:0 6px;pointer-events:none;position:absolute;text-align:left;transform:translateY(10px)}.toolbar.active[vf-ac7e8d]{opacity:1;pointer-events:auto;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease}.divider[vf-ede279]{border-top:1px solid #eee;margin:6px 0}.drag-resize[vf-
|
|
1
|
+
.btn[vf-d94b56]{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;height:28px;outline:none;padding:6px 5px;transition:all .2s}.btn>span[vf-d94b56]{white-space:nowrap}.btn[vf-d94b56]:hover{background:rgba(0,0,0,.1)}.btn-arrow[vf-d94b56]{position:relative;transform:rotate(0);transform-origin:50%;width:1em}.btn.active[vf-d94b56]{background:rgba(0,0,0,.1)}.btn.active .btn-arrow[vf-d94b56]{transform:rotate(180deg)}.btn.highlight[vf-d94b56]{background-color:rgba(41,110,255,.063);color:#296eff}.component-toolbar[vf-ac7e8d]{position:relative;z-index:3}.toolbar[vf-ac7e8d]{background:#fff;border:1px solid #dee0e3;border-radius:5px;bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.08);box-sizing:border-box;display:flex;font-size:14px;height:36px;opacity:0;padding:0 6px;pointer-events:none;position:absolute;text-align:left;transform:translateY(10px)}.toolbar.active[vf-ac7e8d]{opacity:1;pointer-events:auto;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease}.divider[vf-ede279]{border-top:1px solid #eee;margin:6px 0}.drag-resize[vf-90d534]{position:relative;width:100%}.drag-resize .container[vf-90d534]{font-size:0;text-indent:0}.drag-resize .resize-tool[vf-90d534]{align-items:center;border:1px dashed #296eff;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.drag-resize .resize-tool.active[vf-90d534]{display:flex}.drag-resize .mask[vf-90d534]{background-color:rgba(0,0,0,.8);border-radius:3px;color:#fff;font-size:14px;padding:3px 8px;position:relative;text-shadow:1px 2px 3px rgba(0,0,0,.7);white-space:nowrap;z-index:10}.drag-resize .btn-group[vf-90d534]{height:100%;left:0;position:absolute;top:0;width:100%}.drag-resize button[vf-90d534]{background:#fff;border:2px solid #296eff;border-radius:50%;box-sizing:border-box;cursor:pointer;font-size:0;height:14px;outline:none;padding:0;pointer-events:auto;position:absolute;width:14px}.drag-resize button[vf-90d534]:hover{background-color:#fff;box-shadow:0 0 0 3px rgba(18,150,219,.3)}.drag-resize button[vf-90d534]:first-child,.drag-resize button[vf-90d534]:nth-child(2),.drag-resize button[vf-90d534]:nth-child(3){margin-top:-5px;top:0}.drag-resize button[vf-90d534]:nth-child(3),.drag-resize button[vf-90d534]:nth-child(4),.drag-resize button[vf-90d534]:nth-child(5){margin-right:-5px;right:0}.drag-resize button[vf-90d534]:nth-child(5),.drag-resize button[vf-90d534]:nth-child(6),.drag-resize button[vf-90d534]:nth-child(7){bottom:0;margin-bottom:-5px}.drag-resize button[vf-90d534]:first-child,.drag-resize button[vf-90d534]:nth-child(7),.drag-resize button[vf-90d534]:nth-child(8){left:0;margin-left:-5px}.drag-resize button[vf-90d534]:nth-child(2),.drag-resize button[vf-90d534]:nth-child(6){left:50%;margin-left:-5px}.drag-resize button[vf-90d534]:nth-child(4),.drag-resize button[vf-90d534]:nth-child(8){margin-top:-5px;top:50%}.drag-resize button[vf-90d534]:first-child{cursor:nw-resize}.drag-resize button[vf-90d534]:nth-child(2){cursor:n-resize}.drag-resize button[vf-90d534]:nth-child(3){cursor:ne-resize}.drag-resize button[vf-90d534]:nth-child(4){cursor:e-resize}.drag-resize button[vf-90d534]:nth-child(5){cursor:se-resize}.drag-resize button[vf-90d534]:nth-child(6){cursor:s-resize}.drag-resize button[vf-90d534]:nth-child(7){cursor:sw-resize}.drag-resize button[vf-90d534]:nth-child(8){cursor:w-resize}.dropdown[vf-a99c5e]{display:inline-block;position:relative}.dropdown[vf-a99c5e]:hover{z-index:1}.dropdown-btn[vf-a99c5e]{display:flex;width:100%}.dropdown-btn-inner[vf-a99c5e]{flex:1}.dropdown-menu[vf-8a05e9]{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:2px 3px 5px rgba(0,0,0,.1);box-sizing:content-box;height:0;left:-10px;max-height:400px;opacity:0;overflow-y:auto;position:absolute;top:100%;transition-duration:0s;transition:transform .3s,opacity .3s;user-select:none;width:200px;z-index:10}.dropdown-menu[vf-8a05e9]:hover::-webkit-scrollbar-thumb{background-color:#80848f}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar-thumb{border:0;border-radius:4px;height:50px;outline:0;outline-offset:0}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar-thumb:hover{background-color:#495060;height:50px}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar{border-radius:3px;height:6px;width:6px}.dropdown-menu-content[vf-8a05e9]{box-sizing:content-box;padding:6px}.keymap[vf-c32a7b]{align-items:center;display:inline-flex;font-family:Microsoft YaHei Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;margin-left:1em;opacity:.6}.keymap[vf-c32a7b] span{margin:0 2px}.menu-heading[vf-acaa5f]{font-size:14px;opacity:.5;padding:10px}.menu-item[vf-c3b9dc]{border-radius:4px;box-sizing:content-box;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:space-between;line-height:26px;padding:2px 10px;transition:background-color .2s}.menu-item-content[vf-c3b9dc]{display:flex;flex:1;justify-content:space-between}.menu-item.disabled[vf-c3b9dc]{cursor:not-allowed;opacity:.5}.menu-item[vf-c3b9dc]:hover{background:#eee}.menu-item.active[vf-c3b9dc]{background:rgba(0,0,0,.1)}.menu-icon[vf-c3b9dc]{display:inline-block;width:1.8em}.menu-check[vf-c3b9dc]{display:none}.menu-check.checked[vf-c3b9dc]{color:#296eff;display:block}.popup[vf-a23c47]{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:2px 3px 5px rgba(0,0,0,.1);overflow:hidden;position:absolute}.toolbar-item[vf-216815]{padding:3px}.heading-icon[vf-2a8a65]{font-size:1.2em;font-weight:700}.heading-icon sub[vf-2a8a65]{font-weight:400}.xnote-source-code.atom-one-dark pre code.hljs{display:block;overflow-x:auto;padding:1em}.xnote-source-code.atom-one-dark code.hljs{padding:3px 5px}.xnote-source-code.atom-one-dark .hljs{background:#282c34;color:#abb2bf}.xnote-source-code.atom-one-dark .hljs-comment,.xnote-source-code.atom-one-dark .hljs-quote{color:#5c6370;font-style:italic}.xnote-source-code.atom-one-dark .hljs-doctag,.xnote-source-code.atom-one-dark .hljs-formula,.xnote-source-code.atom-one-dark .hljs-keyword{color:#c678dd}.xnote-source-code.atom-one-dark .hljs-deletion,.xnote-source-code.atom-one-dark .hljs-name,.xnote-source-code.atom-one-dark .hljs-section,.xnote-source-code.atom-one-dark .hljs-selector-tag,.xnote-source-code.atom-one-dark .hljs-subst{color:#e06c75}.xnote-source-code.atom-one-dark .hljs-literal{color:#56b6c2}.xnote-source-code.atom-one-dark .hljs-addition,.xnote-source-code.atom-one-dark .hljs-attribute,.xnote-source-code.atom-one-dark .hljs-meta .hljs-string,.xnote-source-code.atom-one-dark .hljs-regexp,.xnote-source-code.atom-one-dark .hljs-string{color:#98c379}.xnote-source-code.atom-one-dark .hljs-attr,.xnote-source-code.atom-one-dark .hljs-number,.xnote-source-code.atom-one-dark .hljs-selector-attr,.xnote-source-code.atom-one-dark .hljs-selector-class,.xnote-source-code.atom-one-dark .hljs-selector-pseudo,.xnote-source-code.atom-one-dark .hljs-template-variable,.xnote-source-code.atom-one-dark .hljs-type,.xnote-source-code.atom-one-dark .hljs-variable{color:#d19a66}.xnote-source-code.atom-one-dark .hljs-bullet,.xnote-source-code.atom-one-dark .hljs-link,.xnote-source-code.atom-one-dark .hljs-meta,.xnote-source-code.atom-one-dark .hljs-selector-id,.xnote-source-code.atom-one-dark .hljs-symbol,.xnote-source-code.atom-one-dark .hljs-title{color:#61aeee}.xnote-source-code.atom-one-dark .hljs-built_in,.xnote-source-code.atom-one-dark .hljs-class .hljs-title,.xnote-source-code.atom-one-dark .hljs-title.class_{color:#e6c07b}.xnote-source-code.atom-one-dark .hljs-emphasis{font-style:italic}.xnote-source-code.atom-one-dark .hljs-strong{font-weight:700}.xnote-source-code.atom-one-dark .hljs-link{text-decoration:underline}.xnote-source-code.foundation pre code.hljs{display:block;overflow-x:auto;padding:1em}.xnote-source-code.foundation code.hljs{padding:3px 5px}.xnote-source-code.foundation .hljs{background:#eee;color:#000}.xnote-source-code.foundation .hljs-addition,.xnote-source-code.foundation .hljs-attribute,.xnote-source-code.foundation .hljs-emphasis,.xnote-source-code.foundation .hljs-link{color:#070}.xnote-source-code.foundation .hljs-emphasis{font-style:italic}.xnote-source-code.foundation .hljs-deletion,.xnote-source-code.foundation .hljs-string,.xnote-source-code.foundation .hljs-strong{color:#d14}.xnote-source-code.foundation .hljs-strong{font-weight:700}.xnote-source-code.foundation .hljs-comment,.xnote-source-code.foundation .hljs-quote{color:#998;font-style:italic}.xnote-source-code.foundation .hljs-section,.xnote-source-code.foundation .hljs-title{color:#900}.xnote-source-code.foundation .hljs-class .hljs-title,.xnote-source-code.foundation .hljs-title.class_,.xnote-source-code.foundation .hljs-type{color:#458}.xnote-source-code.foundation .hljs-template-variable,.xnote-source-code.foundation .hljs-variable{color:#369}.xnote-source-code.foundation .hljs-bullet{color:#970}.xnote-source-code.foundation .hljs-meta{color:#34b}.xnote-source-code.foundation .hljs-code,.xnote-source-code.foundation .hljs-keyword,.xnote-source-code.foundation .hljs-literal,.xnote-source-code.foundation .hljs-number,.xnote-source-code.foundation .hljs-selector-tag{color:#099}.xnote-source-code.foundation .hljs-regexp{background-color:#fff0ff;color:#808}.xnote-source-code.foundation .hljs-symbol{color:#990073}.xnote-source-code.foundation .hljs-name,.xnote-source-code.foundation .hljs-selector-class,.xnote-source-code.foundation .hljs-selector-id,.xnote-source-code.foundation .hljs-tag{color:#070}.xnote-source-code.github{
|
|
2
2
|
/*!
|
|
3
3
|
Theme: GitHub
|
|
4
4
|
Description: Light theme as seen on github.com
|
package/bundles/index.esm.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.btn[vf-d94b56]{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;height:28px;outline:none;padding:6px 5px;transition:all .2s}.btn>span[vf-d94b56]{white-space:nowrap}.btn[vf-d94b56]:hover{background:rgba(0,0,0,.1)}.btn-arrow[vf-d94b56]{position:relative;transform:rotate(0);transform-origin:50%;width:1em}.btn.active[vf-d94b56]{background:rgba(0,0,0,.1)}.btn.active .btn-arrow[vf-d94b56]{transform:rotate(180deg)}.btn.highlight[vf-d94b56]{background-color:rgba(41,110,255,.063);color:#296eff}.component-toolbar[vf-ac7e8d]{position:relative;z-index:3}.toolbar[vf-ac7e8d]{background:#fff;border:1px solid #dee0e3;border-radius:5px;bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.08);box-sizing:border-box;display:flex;font-size:14px;height:36px;opacity:0;padding:0 6px;pointer-events:none;position:absolute;text-align:left;transform:translateY(10px)}.toolbar.active[vf-ac7e8d]{opacity:1;pointer-events:auto;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease}.divider[vf-ede279]{border-top:1px solid #eee;margin:6px 0}.drag-resize[vf-
|
|
1
|
+
.btn[vf-d94b56]{align-items:center;background:none;border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:inherit;height:28px;outline:none;padding:6px 5px;transition:all .2s}.btn>span[vf-d94b56]{white-space:nowrap}.btn[vf-d94b56]:hover{background:rgba(0,0,0,.1)}.btn-arrow[vf-d94b56]{position:relative;transform:rotate(0);transform-origin:50%;width:1em}.btn.active[vf-d94b56]{background:rgba(0,0,0,.1)}.btn.active .btn-arrow[vf-d94b56]{transform:rotate(180deg)}.btn.highlight[vf-d94b56]{background-color:rgba(41,110,255,.063);color:#296eff}.component-toolbar[vf-ac7e8d]{position:relative;z-index:3}.toolbar[vf-ac7e8d]{background:#fff;border:1px solid #dee0e3;border-radius:5px;bottom:10px;box-shadow:0 4px 8px rgba(0,0,0,.08);box-sizing:border-box;display:flex;font-size:14px;height:36px;opacity:0;padding:0 6px;pointer-events:none;position:absolute;text-align:left;transform:translateY(10px)}.toolbar.active[vf-ac7e8d]{opacity:1;pointer-events:auto;transform:translateY(0);transition-duration:.2s;transition-property:all;transition-timing-function:ease}.divider[vf-ede279]{border-top:1px solid #eee;margin:6px 0}.drag-resize[vf-90d534]{position:relative;width:100%}.drag-resize .container[vf-90d534]{font-size:0;text-indent:0}.drag-resize .resize-tool[vf-90d534]{align-items:center;border:1px dashed #296eff;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.drag-resize .resize-tool.active[vf-90d534]{display:flex}.drag-resize .mask[vf-90d534]{background-color:rgba(0,0,0,.8);border-radius:3px;color:#fff;font-size:14px;padding:3px 8px;position:relative;text-shadow:1px 2px 3px rgba(0,0,0,.7);white-space:nowrap;z-index:10}.drag-resize .btn-group[vf-90d534]{height:100%;left:0;position:absolute;top:0;width:100%}.drag-resize button[vf-90d534]{background:#fff;border:2px solid #296eff;border-radius:50%;box-sizing:border-box;cursor:pointer;font-size:0;height:14px;outline:none;padding:0;pointer-events:auto;position:absolute;width:14px}.drag-resize button[vf-90d534]:hover{background-color:#fff;box-shadow:0 0 0 3px rgba(18,150,219,.3)}.drag-resize button[vf-90d534]:first-child,.drag-resize button[vf-90d534]:nth-child(2),.drag-resize button[vf-90d534]:nth-child(3){margin-top:-5px;top:0}.drag-resize button[vf-90d534]:nth-child(3),.drag-resize button[vf-90d534]:nth-child(4),.drag-resize button[vf-90d534]:nth-child(5){margin-right:-5px;right:0}.drag-resize button[vf-90d534]:nth-child(5),.drag-resize button[vf-90d534]:nth-child(6),.drag-resize button[vf-90d534]:nth-child(7){bottom:0;margin-bottom:-5px}.drag-resize button[vf-90d534]:first-child,.drag-resize button[vf-90d534]:nth-child(7),.drag-resize button[vf-90d534]:nth-child(8){left:0;margin-left:-5px}.drag-resize button[vf-90d534]:nth-child(2),.drag-resize button[vf-90d534]:nth-child(6){left:50%;margin-left:-5px}.drag-resize button[vf-90d534]:nth-child(4),.drag-resize button[vf-90d534]:nth-child(8){margin-top:-5px;top:50%}.drag-resize button[vf-90d534]:first-child{cursor:nw-resize}.drag-resize button[vf-90d534]:nth-child(2){cursor:n-resize}.drag-resize button[vf-90d534]:nth-child(3){cursor:ne-resize}.drag-resize button[vf-90d534]:nth-child(4){cursor:e-resize}.drag-resize button[vf-90d534]:nth-child(5){cursor:se-resize}.drag-resize button[vf-90d534]:nth-child(6){cursor:s-resize}.drag-resize button[vf-90d534]:nth-child(7){cursor:sw-resize}.drag-resize button[vf-90d534]:nth-child(8){cursor:w-resize}.dropdown[vf-a99c5e]{display:inline-block;position:relative}.dropdown[vf-a99c5e]:hover{z-index:1}.dropdown-btn[vf-a99c5e]{display:flex;width:100%}.dropdown-btn-inner[vf-a99c5e]{flex:1}.dropdown-menu[vf-8a05e9]{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:2px 3px 5px rgba(0,0,0,.1);box-sizing:content-box;height:0;left:-10px;max-height:400px;opacity:0;overflow-y:auto;position:absolute;top:100%;transition-duration:0s;transition:transform .3s,opacity .3s;user-select:none;width:200px;z-index:10}.dropdown-menu[vf-8a05e9]:hover::-webkit-scrollbar-thumb{background-color:#80848f}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar-thumb{border:0;border-radius:4px;height:50px;outline:0;outline-offset:0}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar-thumb:hover{background-color:#495060;height:50px}.dropdown-menu[vf-8a05e9]::-webkit-scrollbar{border-radius:3px;height:6px;width:6px}.dropdown-menu-content[vf-8a05e9]{box-sizing:content-box;padding:6px}.keymap[vf-c32a7b]{align-items:center;display:inline-flex;font-family:Microsoft YaHei Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;margin-left:1em;opacity:.6}.keymap[vf-c32a7b] span{margin:0 2px}.menu-heading[vf-acaa5f]{font-size:14px;opacity:.5;padding:10px}.menu-item[vf-c3b9dc]{border-radius:4px;box-sizing:content-box;cursor:pointer;display:flex;font-size:14px;height:26px;justify-content:space-between;line-height:26px;padding:2px 10px;transition:background-color .2s}.menu-item-content[vf-c3b9dc]{display:flex;flex:1;justify-content:space-between}.menu-item.disabled[vf-c3b9dc]{cursor:not-allowed;opacity:.5}.menu-item[vf-c3b9dc]:hover{background:#eee}.menu-item.active[vf-c3b9dc]{background:rgba(0,0,0,.1)}.menu-icon[vf-c3b9dc]{display:inline-block;width:1.8em}.menu-check[vf-c3b9dc]{display:none}.menu-check.checked[vf-c3b9dc]{color:#296eff;display:block}.popup[vf-a23c47]{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:2px 3px 5px rgba(0,0,0,.1);overflow:hidden;position:absolute}.toolbar-item[vf-216815]{padding:3px}.heading-icon[vf-2a8a65]{font-size:1.2em;font-weight:700}.heading-icon sub[vf-2a8a65]{font-weight:400}.xnote-source-code.atom-one-dark pre code.hljs{display:block;overflow-x:auto;padding:1em}.xnote-source-code.atom-one-dark code.hljs{padding:3px 5px}.xnote-source-code.atom-one-dark .hljs{background:#282c34;color:#abb2bf}.xnote-source-code.atom-one-dark .hljs-comment,.xnote-source-code.atom-one-dark .hljs-quote{color:#5c6370;font-style:italic}.xnote-source-code.atom-one-dark .hljs-doctag,.xnote-source-code.atom-one-dark .hljs-formula,.xnote-source-code.atom-one-dark .hljs-keyword{color:#c678dd}.xnote-source-code.atom-one-dark .hljs-deletion,.xnote-source-code.atom-one-dark .hljs-name,.xnote-source-code.atom-one-dark .hljs-section,.xnote-source-code.atom-one-dark .hljs-selector-tag,.xnote-source-code.atom-one-dark .hljs-subst{color:#e06c75}.xnote-source-code.atom-one-dark .hljs-literal{color:#56b6c2}.xnote-source-code.atom-one-dark .hljs-addition,.xnote-source-code.atom-one-dark .hljs-attribute,.xnote-source-code.atom-one-dark .hljs-meta .hljs-string,.xnote-source-code.atom-one-dark .hljs-regexp,.xnote-source-code.atom-one-dark .hljs-string{color:#98c379}.xnote-source-code.atom-one-dark .hljs-attr,.xnote-source-code.atom-one-dark .hljs-number,.xnote-source-code.atom-one-dark .hljs-selector-attr,.xnote-source-code.atom-one-dark .hljs-selector-class,.xnote-source-code.atom-one-dark .hljs-selector-pseudo,.xnote-source-code.atom-one-dark .hljs-template-variable,.xnote-source-code.atom-one-dark .hljs-type,.xnote-source-code.atom-one-dark .hljs-variable{color:#d19a66}.xnote-source-code.atom-one-dark .hljs-bullet,.xnote-source-code.atom-one-dark .hljs-link,.xnote-source-code.atom-one-dark .hljs-meta,.xnote-source-code.atom-one-dark .hljs-selector-id,.xnote-source-code.atom-one-dark .hljs-symbol,.xnote-source-code.atom-one-dark .hljs-title{color:#61aeee}.xnote-source-code.atom-one-dark .hljs-built_in,.xnote-source-code.atom-one-dark .hljs-class .hljs-title,.xnote-source-code.atom-one-dark .hljs-title.class_{color:#e6c07b}.xnote-source-code.atom-one-dark .hljs-emphasis{font-style:italic}.xnote-source-code.atom-one-dark .hljs-strong{font-weight:700}.xnote-source-code.atom-one-dark .hljs-link{text-decoration:underline}.xnote-source-code.foundation pre code.hljs{display:block;overflow-x:auto;padding:1em}.xnote-source-code.foundation code.hljs{padding:3px 5px}.xnote-source-code.foundation .hljs{background:#eee;color:#000}.xnote-source-code.foundation .hljs-addition,.xnote-source-code.foundation .hljs-attribute,.xnote-source-code.foundation .hljs-emphasis,.xnote-source-code.foundation .hljs-link{color:#070}.xnote-source-code.foundation .hljs-emphasis{font-style:italic}.xnote-source-code.foundation .hljs-deletion,.xnote-source-code.foundation .hljs-string,.xnote-source-code.foundation .hljs-strong{color:#d14}.xnote-source-code.foundation .hljs-strong{font-weight:700}.xnote-source-code.foundation .hljs-comment,.xnote-source-code.foundation .hljs-quote{color:#998;font-style:italic}.xnote-source-code.foundation .hljs-section,.xnote-source-code.foundation .hljs-title{color:#900}.xnote-source-code.foundation .hljs-class .hljs-title,.xnote-source-code.foundation .hljs-title.class_,.xnote-source-code.foundation .hljs-type{color:#458}.xnote-source-code.foundation .hljs-template-variable,.xnote-source-code.foundation .hljs-variable{color:#369}.xnote-source-code.foundation .hljs-bullet{color:#970}.xnote-source-code.foundation .hljs-meta{color:#34b}.xnote-source-code.foundation .hljs-code,.xnote-source-code.foundation .hljs-keyword,.xnote-source-code.foundation .hljs-literal,.xnote-source-code.foundation .hljs-number,.xnote-source-code.foundation .hljs-selector-tag{color:#099}.xnote-source-code.foundation .hljs-regexp{background-color:#fff0ff;color:#808}.xnote-source-code.foundation .hljs-symbol{color:#990073}.xnote-source-code.foundation .hljs-name,.xnote-source-code.foundation .hljs-selector-class,.xnote-source-code.foundation .hljs-selector-id,.xnote-source-code.foundation .hljs-tag{color:#070}.xnote-source-code.github{
|
|
2
2
|
/*!
|
|
3
3
|
Theme: GitHub
|
|
4
4
|
Description: Light theme as seen on github.com
|
package/bundles/index.esm.js
CHANGED
|
@@ -165,7 +165,7 @@ function Divider() {
|
|
|
165
165
|
});
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
-
var scopedId$k = "vf-
|
|
168
|
+
var scopedId$k = "vf-90d534";
|
|
169
169
|
|
|
170
170
|
function DragResize(props) {
|
|
171
171
|
const isShow = createSignal(false);
|
|
@@ -2635,6 +2635,8 @@ function useBlockTransform() {
|
|
|
2635
2635
|
lineNumber: true,
|
|
2636
2636
|
autoBreak: true,
|
|
2637
2637
|
slots: slots.map(slot => {
|
|
2638
|
+
slot.cleanFormats();
|
|
2639
|
+
slot.cleanAttributes();
|
|
2638
2640
|
return {
|
|
2639
2641
|
slot,
|
|
2640
2642
|
emphasize: false
|
|
@@ -3463,7 +3465,6 @@ function LinkTool(props) {
|
|
|
3463
3465
|
});
|
|
3464
3466
|
}
|
|
3465
3467
|
isShow.set(false);
|
|
3466
|
-
editorService.hideInlineToolbar = false;
|
|
3467
3468
|
}
|
|
3468
3469
|
let isClickFromSelf = false;
|
|
3469
3470
|
const sub = fromEvent(document, 'click').subscribe(() => {
|
|
@@ -4212,6 +4213,7 @@ function LinkJump() {
|
|
|
4212
4213
|
onSelectionChange();
|
|
4213
4214
|
});
|
|
4214
4215
|
function cleanLink() {
|
|
4216
|
+
isShow.set(false);
|
|
4215
4217
|
const commonAncestorSlot = selection.commonAncestorSlot;
|
|
4216
4218
|
const index = selection.focusOffset;
|
|
4217
4219
|
const ranges = commonAncestorSlot.getFormatRangesByFormatter(linkFormatter, 0, commonAncestorSlot.length);
|
|
@@ -4237,6 +4239,8 @@ const Toolbar = withAnnotation({
|
|
|
4237
4239
|
}, function Toolbar() {
|
|
4238
4240
|
const selection = inject(Selection);
|
|
4239
4241
|
const viewDocument = inject(VIEW_CONTAINER);
|
|
4242
|
+
const rootComponentRef = inject(RootComponentRef);
|
|
4243
|
+
const adapter = inject(DomAdapter);
|
|
4240
4244
|
const bridge = inject(SelectionBridge);
|
|
4241
4245
|
const textbus = inject(Textbus);
|
|
4242
4246
|
const editorService = inject(EditorService);
|
|
@@ -4258,7 +4262,7 @@ const Toolbar = withAnnotation({
|
|
|
4258
4262
|
const toolbarRef = createRef();
|
|
4259
4263
|
function getTop() {
|
|
4260
4264
|
const docRect = viewDocument.getBoundingClientRect();
|
|
4261
|
-
const
|
|
4265
|
+
const toolbarHeight = 36;
|
|
4262
4266
|
// const documentHeight = document.documentElement.clientHeight
|
|
4263
4267
|
const selectionFocusRect = bridge.getRect({
|
|
4264
4268
|
slot: selection.focusSlot,
|
|
@@ -4267,12 +4271,11 @@ const Toolbar = withAnnotation({
|
|
|
4267
4271
|
if (!selectionFocusRect) {
|
|
4268
4272
|
return null;
|
|
4269
4273
|
}
|
|
4270
|
-
// console.log(selectionFocusRect.top, toolbarRect.height)
|
|
4271
4274
|
const centerLeft = selectionFocusRect.left;
|
|
4272
|
-
const toBottom = selectionFocusRect.top <
|
|
4275
|
+
const toBottom = selectionFocusRect.top < toolbarHeight + 10;
|
|
4273
4276
|
const top = toBottom ?
|
|
4274
4277
|
selectionFocusRect.top + selectionFocusRect.height - docRect.top + 10 :
|
|
4275
|
-
selectionFocusRect.top - docRect.top -
|
|
4278
|
+
selectionFocusRect.top - docRect.top - toolbarHeight - 10;
|
|
4276
4279
|
updateViewPosition(draft => {
|
|
4277
4280
|
draft.transitionDuration = .15;
|
|
4278
4281
|
draft.left = centerLeft - docRect.left;
|
|
@@ -4294,7 +4297,8 @@ const Toolbar = withAnnotation({
|
|
|
4294
4297
|
sub.unsubscribe();
|
|
4295
4298
|
});
|
|
4296
4299
|
function bindMouseup() {
|
|
4297
|
-
|
|
4300
|
+
const docElement = adapter.getNativeNodeByComponent(rootComponentRef.component);
|
|
4301
|
+
mouseupSubscription = fromEvent(docElement, 'mouseup').pipe(filter(ev => {
|
|
4298
4302
|
return !ev.composedPath().includes(toolbarRef.current);
|
|
4299
4303
|
}), delay(100), filter(() => {
|
|
4300
4304
|
return !selection.isCollapsed && !(selection.commonAncestorComponent instanceof SourceCodeComponent);
|
|
@@ -4732,7 +4736,7 @@ function RootView(props) {
|
|
|
4732
4736
|
const output = useOutput();
|
|
4733
4737
|
return () => {
|
|
4734
4738
|
const { rootRef } = props;
|
|
4735
|
-
return (jsx("div", { class: "xnote-root", ref: [rootRef, ref], "data-comopnent": props.component.name, children: adapter.slotRender(content, children => {
|
|
4739
|
+
return (jsx("div", { class: "xnote-root", dir: "auto", ref: [rootRef, ref], "data-comopnent": props.component.name, children: adapter.slotRender(content, children => {
|
|
4736
4740
|
return (createVNode('div', {
|
|
4737
4741
|
class: 'xnote-content',
|
|
4738
4742
|
'data-placeholder': content.isEmpty ? '请输入内容' : ''
|
package/bundles/index.js
CHANGED
|
@@ -167,7 +167,7 @@ function Divider() {
|
|
|
167
167
|
});
|
|
168
168
|
}
|
|
169
169
|
|
|
170
|
-
var scopedId$k = "vf-
|
|
170
|
+
var scopedId$k = "vf-90d534";
|
|
171
171
|
|
|
172
172
|
function DragResize(props) {
|
|
173
173
|
const isShow = core.createSignal(false);
|
|
@@ -2637,6 +2637,8 @@ function useBlockTransform() {
|
|
|
2637
2637
|
lineNumber: true,
|
|
2638
2638
|
autoBreak: true,
|
|
2639
2639
|
slots: slots.map(slot => {
|
|
2640
|
+
slot.cleanFormats();
|
|
2641
|
+
slot.cleanAttributes();
|
|
2640
2642
|
return {
|
|
2641
2643
|
slot,
|
|
2642
2644
|
emphasize: false
|
|
@@ -3465,7 +3467,6 @@ function LinkTool(props) {
|
|
|
3465
3467
|
});
|
|
3466
3468
|
}
|
|
3467
3469
|
isShow.set(false);
|
|
3468
|
-
editorService.hideInlineToolbar = false;
|
|
3469
3470
|
}
|
|
3470
3471
|
let isClickFromSelf = false;
|
|
3471
3472
|
const sub = core$1.fromEvent(document, 'click').subscribe(() => {
|
|
@@ -4214,6 +4215,7 @@ function LinkJump() {
|
|
|
4214
4215
|
onSelectionChange();
|
|
4215
4216
|
});
|
|
4216
4217
|
function cleanLink() {
|
|
4218
|
+
isShow.set(false);
|
|
4217
4219
|
const commonAncestorSlot = selection.commonAncestorSlot;
|
|
4218
4220
|
const index = selection.focusOffset;
|
|
4219
4221
|
const ranges = commonAncestorSlot.getFormatRangesByFormatter(linkFormatter, 0, commonAncestorSlot.length);
|
|
@@ -4239,6 +4241,8 @@ const Toolbar = core.withAnnotation({
|
|
|
4239
4241
|
}, function Toolbar() {
|
|
4240
4242
|
const selection = core.inject(core$1.Selection);
|
|
4241
4243
|
const viewDocument = core.inject(platformBrowser.VIEW_CONTAINER);
|
|
4244
|
+
const rootComponentRef = core.inject(core$1.RootComponentRef);
|
|
4245
|
+
const adapter = core.inject(platformBrowser.DomAdapter);
|
|
4242
4246
|
const bridge = core.inject(platformBrowser.SelectionBridge);
|
|
4243
4247
|
const textbus = core.inject(core$1.Textbus);
|
|
4244
4248
|
const editorService = core.inject(exports.EditorService);
|
|
@@ -4260,7 +4264,7 @@ const Toolbar = core.withAnnotation({
|
|
|
4260
4264
|
const toolbarRef = core.createRef();
|
|
4261
4265
|
function getTop() {
|
|
4262
4266
|
const docRect = viewDocument.getBoundingClientRect();
|
|
4263
|
-
const
|
|
4267
|
+
const toolbarHeight = 36;
|
|
4264
4268
|
// const documentHeight = document.documentElement.clientHeight
|
|
4265
4269
|
const selectionFocusRect = bridge.getRect({
|
|
4266
4270
|
slot: selection.focusSlot,
|
|
@@ -4269,12 +4273,11 @@ const Toolbar = core.withAnnotation({
|
|
|
4269
4273
|
if (!selectionFocusRect) {
|
|
4270
4274
|
return null;
|
|
4271
4275
|
}
|
|
4272
|
-
// console.log(selectionFocusRect.top, toolbarRect.height)
|
|
4273
4276
|
const centerLeft = selectionFocusRect.left;
|
|
4274
|
-
const toBottom = selectionFocusRect.top <
|
|
4277
|
+
const toBottom = selectionFocusRect.top < toolbarHeight + 10;
|
|
4275
4278
|
const top = toBottom ?
|
|
4276
4279
|
selectionFocusRect.top + selectionFocusRect.height - docRect.top + 10 :
|
|
4277
|
-
selectionFocusRect.top - docRect.top -
|
|
4280
|
+
selectionFocusRect.top - docRect.top - toolbarHeight - 10;
|
|
4278
4281
|
updateViewPosition(draft => {
|
|
4279
4282
|
draft.transitionDuration = .15;
|
|
4280
4283
|
draft.left = centerLeft - docRect.left;
|
|
@@ -4296,7 +4299,8 @@ const Toolbar = core.withAnnotation({
|
|
|
4296
4299
|
sub.unsubscribe();
|
|
4297
4300
|
});
|
|
4298
4301
|
function bindMouseup() {
|
|
4299
|
-
|
|
4302
|
+
const docElement = adapter.getNativeNodeByComponent(rootComponentRef.component);
|
|
4303
|
+
mouseupSubscription = core$1.fromEvent(docElement, 'mouseup').pipe(core$1.filter(ev => {
|
|
4300
4304
|
return !ev.composedPath().includes(toolbarRef.current);
|
|
4301
4305
|
}), core$1.delay(100), core$1.filter(() => {
|
|
4302
4306
|
return !selection.isCollapsed && !(selection.commonAncestorComponent instanceof SourceCodeComponent);
|
|
@@ -4734,7 +4738,7 @@ function RootView(props) {
|
|
|
4734
4738
|
const output = useOutput();
|
|
4735
4739
|
return () => {
|
|
4736
4740
|
const { rootRef } = props;
|
|
4737
|
-
return (jsxRuntime.jsx("div", { class: "xnote-root", ref: [rootRef, ref], "data-comopnent": props.component.name, children: adapter.slotRender(content, children => {
|
|
4741
|
+
return (jsxRuntime.jsx("div", { class: "xnote-root", dir: "auto", ref: [rootRef, ref], "data-comopnent": props.component.name, children: adapter.slotRender(content, children => {
|
|
4738
4742
|
return (core$1.createVNode('div', {
|
|
4739
4743
|
class: 'xnote-content',
|
|
4740
4744
|
'data-placeholder': content.isEmpty ? '请输入内容' : ''
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@textbus/xnote",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.35",
|
|
4
4
|
"description": "A high-performance rich text editor that supports multiplayer online collaboration.",
|
|
5
5
|
"main": "./bundles/index.js",
|
|
6
6
|
"module": "./bundles/index.esm.js",
|
|
@@ -27,14 +27,14 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@tanbo/color": "^0.1.1",
|
|
30
|
-
"@textbus/adapter-viewfly": "^4.0.0-alpha.
|
|
31
|
-
"@textbus/collaborate": "^4.0.0-alpha.
|
|
32
|
-
"@textbus/core": "^4.0.0-alpha.
|
|
33
|
-
"@textbus/platform-browser": "^4.0.0-alpha.
|
|
34
|
-
"@viewfly/core": "^1.0.0-alpha.
|
|
35
|
-
"@viewfly/hooks": "^1.0.0-alpha.
|
|
36
|
-
"@viewfly/platform-browser": "^1.0.0-alpha.
|
|
37
|
-
"@viewfly/scoped-css": "^1.0.0-alpha.
|
|
30
|
+
"@textbus/adapter-viewfly": "^4.0.0-alpha.64",
|
|
31
|
+
"@textbus/collaborate": "^4.0.0-alpha.64",
|
|
32
|
+
"@textbus/core": "^4.0.0-alpha.64",
|
|
33
|
+
"@textbus/platform-browser": "^4.0.0-alpha.64",
|
|
34
|
+
"@viewfly/core": "^1.0.0-alpha.16",
|
|
35
|
+
"@viewfly/hooks": "^1.0.0-alpha.16",
|
|
36
|
+
"@viewfly/platform-browser": "^1.0.0-alpha.16",
|
|
37
|
+
"@viewfly/scoped-css": "^1.0.0-alpha.16",
|
|
38
38
|
"highlight.js": "^11.9.0",
|
|
39
39
|
"katex": "^0.16.10"
|
|
40
40
|
},
|