Skip to content

Commit

Permalink
build: 1.0.0-beta.9 released
Browse files Browse the repository at this point in the history
  • Loading branch information
@yangfuhai
yangfuhai committed Dec 8, 2023
1 parent 4fa77d2 commit 982aeea
Show file tree
Hide file tree
Showing 6 changed files with 147 additions and 51 deletions.
4 changes: 2 additions & 2 deletions demos/docs-ts/dist/assets/index-1f258931.js → demos/docs-ts/dist/assets/index-aba47f88.js
View file

Large diffs are not rendered by default.

62 changes: 59 additions & 3 deletions demos/docs-ts/dist/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@
height: 100%;
min-height: 100vh;
padding: 1rem;
z-index: 99;

}

.page-header {
Expand All @@ -38,8 +40,56 @@
justify-content: center;
padding: 10px 0;
}
.aie-main{
position: relative;
}
.aie-directory{
position: absolute;
top:30px;
left:10px;
min-width: 260px;
max-width: 280px;
z-index: 0;
}

.aie-directory h5{
color:#000000e0;
font-size: 16px;
text-indent: 4px;
line-height: 32px;
}
.aie-directory a{
height: 30px;
font-size: 14px;
color:#000000a3;
text-indent: 4px;
line-height: 30px;
text-decoration: none;
width: 100%;
display: inline-block;
margin:0;
padding:0;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;

}
.aie-directory a:hover{
cursor: pointer;
background-color: #334d660f;
border-radius: 4px;
}
.aie-title1{
font-size: 14px;
font-weight: 500;
}
.aie-title2,.aie-title3,.aie-title4,.aie-title5,.aie-title6{
font-size: 12px;
}

</style>
<script type="module" crossorigin src="/assets/index-1f258931.js"></script>
<script type="module" crossorigin src="/assets/index-aba47f88.js"></script>
<link rel="stylesheet" href="/assets/index-f8bfcb06.css">
</head>
<body style="padding: 0;margin: 0;background: #f3f4f6;">
Expand All @@ -60,8 +110,14 @@
<div class="aie-header-panel">
<div class="aie-container-header" style="background: #fff;"></div>
</div>
<div class="aie-container-panel">
<div class="aie-container-main"></div>
<div class="aie-main">
<!-- <div class="aie-directory">-->
<!-- <div id="outline">-->
<!-- </div>-->
<!-- </div>-->
<div class="aie-container-panel">
<div class="aie-container-main"></div>
</div>
</div>
<div class="aie-container-footer"></div>
</div>
Expand Down
8 changes: 4 additions & 4 deletions dist/index.cjs
View file

Large diffs are not rendered by default.

21 changes: 17 additions & 4 deletions dist/index.d.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ export declare interface AiCommand {
export declare class AiEditor {
innerEditor: InnerEditor;
container: HTMLDivElement;
menus: Header;
header: Header;
footer: Footer;
options: AiEditorOptions;
eventComponents: AiEditorEvent[];
Expand Down Expand Up @@ -77,29 +77,35 @@ export declare type AiEditorOptions = {
cbName?: string;
cbUrl?: string;
onMentionQuery?: (query: string) => any[] | Promise<any[]>;
onCreated?: (editor: AiEditor) => void;
onChange?: (editor: AiEditor) => void;
toolbarKeys?: string[];
link?: {
autolink?: boolean;
rel?: string;
class?: string;
};
uploader?: (file: File, uploadUrl: string, headers: Record<string, any>, formName: string) => Promise<Record<string, any>>;
image?: {
customMenuInvoke?: (editor: Editor) => void;
uploadUrl?: string;
uploadHeaders?: Record<string, any>;
uploader?: (file: File, uploadUrl: string, headers: Record<string, any>, formName: string) => Promise<Record<string, any>>;
dataProcessor?: (data: any) => Record<string, any>;
uploaderEvent?: UploaderEvent;
};
video?: {
customMenuInvoke?: (editor: Editor) => void;
uploadUrl?: string;
uploadHeaders?: Record<string, any>;
uploader?: (file: File, uploadUrl: string, headers: Record<string, any>, formName: string) => Promise<Record<string, any>>;
dataProcessor?: (data: any) => Record<string, any>;
uploaderEvent?: UploaderEvent;
};
attachment?: {
customMenuInvoke?: (editor: Editor) => void;
uploadUrl?: string;
uploadHeaders?: Record<string, any>;
uploader?: (file: File, uploadUrl: string, headers: Record<string, any>, formName: string) => Promise<Record<string, any>>;
dataProcessor?: (data: any) => Record<string, any>;
uploaderEvent?: UploaderEvent;
};
fontFamily?: {
values: NameAndValue[];
Expand Down Expand Up @@ -178,6 +184,13 @@ export declare interface NameAndValue {
value: any;
}

export declare interface UploaderEvent {
onBeforeUpload: (file: File, uploadUrl: string, headers: Record<string, any>) => void;
onSuccess: (file: File, response: any) => any;
onFailed: (file: File, response: any) => void;
onError: (file: File, err: any) => void;
}

declare class XingHuoModel implements AiModel {
protocol: string;
appId: string;
Expand Down
101 changes: 64 additions & 37 deletions dist/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15682,7 +15682,9 @@ class ex extends me {
}
// @ts-ignore
onClick(e) {
const t = this.closest(".aie-container").querySelector(".aie-content").innerHTML, i = Array.from(document.querySelectorAll("style, link")).map((l) => l.outerHTML).join("") + t, s = document.createElement("iframe");
let t = this.closest(".aie-container").querySelector(".aie-content").innerHTML;
t = `<div class="aie-container" style="border: none;padding: 0;margin: 0"><div class="aie-content" style="border: none;height: auto;overflow: visible">${t}</div></div>`;
const i = Array.from(document.querySelectorAll("style, link")).map((l) => l.outerHTML).join("") + t, s = document.createElement("iframe");
s.id = "aie-print-iframe", s.setAttribute("style", "position: absolute; width: 0; height: 0; top: -10px; left: -10px;"), document.body.appendChild(s);
const o = s.contentWindow, a = s.contentDocument || s.contentWindow && s.contentWindow.document;
a && (a.open(), a.write(i), a.close()), o && (s.onload = function() {
Expand Down Expand Up @@ -18674,19 +18676,25 @@ const zg = (n, e) => {
id: e,
pos: t.selection.from,
text: n.name
})), (this.options.uploader || Nc(this.options.uploadUrl))(n, this.options.uploadUrl, this.options.uploadHeaders, "attachment").then((o) => {
if (this.options.dataProcessor && (o = this.options.dataProcessor(o)), o.errorCode === 0 && o.data && o.data.href) {
})), this.options.uploaderEvent && this.options.uploaderEvent.onBeforeUpload && this.options.uploaderEvent.onBeforeUpload(n, this.options.uploadUrl, this.options.uploadHeaders), (this.options.uploader || Nc(this.options.uploadUrl))(n, this.options.uploadUrl, this.options.uploadHeaders, "attachment").then((o) => {
if (this.options.uploaderEvent && this.options.uploaderEvent.onSuccess) {
const a = this.options.uploaderEvent.onSuccess(n, o);
if (typeof a == "boolean" && !a)
return;
typeof a == "object" && (o = a);
}
if (o.errorCode === 0 && o.data && o.data.href) {
let l = Qd.getState(this.editor.state).find(void 0, void 0, (u) => u.id == e);
const c = o.data.fileName || n.name;
r.dispatch(r.state.tr.insertText(` ${c} `, l[0].from).addMark(l[0].from + 1, c.length + l[0].from + 1, i.marks.link.create({
href: o.data.href,
target: "_blank"
})).setMeta(oi, { type: "remove", id: e }));
} else
r.dispatch(t.setMeta(oi, { type: "remove", id: e }));
}).catch(() => {
const { state: { tr: o }, view: a } = this.editor;
a.dispatch(o.setMeta(oi, { type: "remove", id: e }));
r.dispatch(t.setMeta(oi, { type: "remove", id: e })), this.options.uploaderEvent && this.options.uploaderEvent.onFailed && this.options.uploaderEvent.onFailed(n, o);
}).catch((o) => {
const { state: { tr: a }, view: l } = this.editor;
l.dispatch(a.setMeta(oi, { type: "remove", id: e })), this.options.uploaderEvent && this.options.uploaderEvent.onError && this.options.uploaderEvent.onError(n, o);
}), !0;
}
};
Expand Down Expand Up @@ -19160,17 +19168,24 @@ const zg = (n, e) => {
type: "add",
id: t,
pos: r.selection.from
})), (this.options.uploader || Nc(this.options.uploadUrl))(e, this.options.uploadUrl, this.options.uploadHeaders, "image").then((a) => {
if (this.options.dataProcessor && (a = this.options.dataProcessor(a)), a.errorCode === 0 && a.data && a.data.src) {
})), this.options.uploaderEvent && this.options.uploaderEvent.onBeforeUpload && this.options.uploaderEvent.onBeforeUpload(e, this.options.uploadUrl, this.options.uploadHeaders), (this.options.uploader || Nc(this.options.uploadUrl))(e, this.options.uploadUrl, this.options.uploadHeaders, "image").then((a) => {
if (this.options.uploaderEvent && this.options.uploaderEvent.onSuccess) {
const l = this.options.uploaderEvent.onSuccess(e, a);
if (typeof l == "boolean" && !l)
return;
typeof l == "object" && (a = l);
}
if (a.errorCode === 0 && a.data && a.data.src) {
let c = ef.getState(this.editor.state).find(void 0, void 0, (u) => u.id == t);
i.dispatch(i.state.tr.insert(c[0].from, s.nodes.image.create({
src: a.data.src,
alt: a.data.alt
})).setMeta(ai, { type: "remove", id: t }));
} else
i.dispatch(r.setMeta(ai, { type: "remove", id: t }));
}).catch(() => {
i.dispatch(r.setMeta(ai, { type: "remove", id: t }));
i.dispatch(r.setMeta(ai, { type: "remove", id: t })), this.options.uploaderEvent && this.options.uploaderEvent.onFailed && this.options.uploaderEvent.onFailed(e, a);
}).catch((a) => {
const { state: { tr: l }, view: c } = this.editor;
c.dispatch(l.setMeta(ai, { type: "remove", id: t })), this.options.uploaderEvent && this.options.uploaderEvent.onError && this.options.uploaderEvent.onError(e, a);
}), !0;
}
};
Expand Down Expand Up @@ -36836,17 +36851,24 @@ const IA = /!\[(.+|:?)]\((\S+)(?:(?:\s+)["'](\S+)["'])?\)/, Yf = new Me("aie-vid
type: "add",
id: e,
pos: t.selection.from
})), (this.options.uploader || Nc(this.options.uploadUrl))(n, this.options.uploadUrl, this.options.uploadHeaders, "video").then((o) => {
if (this.options.dataProcessor && (o = this.options.dataProcessor(o)), o.errorCode === 0 && o.data && o.data.src) {
})), this.options.uploaderEvent && this.options.uploaderEvent.onBeforeUpload && this.options.uploaderEvent.onBeforeUpload(n, this.options.uploadUrl, this.options.uploadHeaders), (this.options.uploader || Nc(this.options.uploadUrl))(n, this.options.uploadUrl, this.options.uploadHeaders, "video").then((o) => {
if (this.options.uploaderEvent && this.options.uploaderEvent.onSuccess) {
const a = this.options.uploaderEvent.onSuccess(n, o);
if (typeof a == "boolean" && !a)
return;
typeof a == "object" && (o = a);
}
if (o.errorCode === 0 && o.data && o.data.src) {
let l = Yf.getState(this.editor.state).find(void 0, void 0, (c) => c.id == e);
r.dispatch(r.state.tr.insert(l[0].from, i.nodes.video.create({
src: o.data.src,
poster: o.data.poster
})).setMeta(li, { type: "remove", id: e }));
} else
r.dispatch(t.setMeta(li, { type: "remove", id: e }));
}).catch(() => {
r.dispatch(t.setMeta(li, { type: "remove", id: e }));
r.dispatch(t.setMeta(li, { type: "remove", id: e })), this.options.uploaderEvent && this.options.uploaderEvent.onFailed && this.options.uploaderEvent.onFailed(n, o);
}).catch((o) => {
const { state: { tr: a }, view: l } = this.editor;
l.dispatch(a.setMeta(li, { type: "remove", id: e })), this.options.uploaderEvent && this.options.uploaderEvent.onError && this.options.uploaderEvent.onError(n, o);
}), !0;
}
};
Expand Down Expand Up @@ -43788,7 +43810,7 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
];
}
}), Rde = (n, e) => {
var r, i, s, o, a, l, c, u, d, f, p, h, g, m, v, y;
var r, i, s, o, a, l, c, u, d, f, p, h, g, m, v, y, k, b, x, w;
const t = e.cbName && e.cbUrl ? [Xd.configure({
history: !1,
codeBlock: !1
Expand All @@ -43803,7 +43825,7 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
uploadUrl: (r = e.attachment) == null ? void 0 : r.uploadUrl,
uploadHeaders: (i = e.attachment) == null ? void 0 : i.uploadHeaders,
uploader: ((s = e.attachment) == null ? void 0 : s.uploader) || e.uploader,
dataProcessor: (o = e.attachment) == null ? void 0 : o.dataProcessor
uploaderEvent: (o = e.attachment) == null ? void 0 : o.uploaderEvent
}),
AC,
eT,
Expand All @@ -43822,7 +43844,7 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
uploadUrl: (a = e.image) == null ? void 0 : a.uploadUrl,
uploadHeaders: (l = e.image) == null ? void 0 : l.uploadHeaders,
uploader: ((c = e.image) == null ? void 0 : c.uploader) || e.uploader,
dataProcessor: (u = e.image) == null ? void 0 : u.dataProcessor
uploaderEvent: (u = e.image) == null ? void 0 : u.uploaderEvent
}),
FS.configure({
resizable: !0,
Expand All @@ -43834,7 +43856,12 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
qS,
US,
p_.configure({
openOnClick: !1
openOnClick: !1,
autolink: typeof ((d = e.link) == null ? void 0 : d.autolink) > "u" ? !0 : (f = e.link) == null ? void 0 : f.autolink,
HTMLAttributes: {
ref: (p = e == null ? void 0 : e.link) == null ? void 0 : p.rel,
class: (h = e == null ? void 0 : e.link) == null ? void 0 : h.class
}
}),
h_,
g_,
Expand All @@ -43846,20 +43873,20 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
lowlight: RA(HM),
defaultLanguage: "auto",
languageClassPrefix: "language-",
codeExplainAi: ((f = (d = e.ai) == null ? void 0 : d.codeBlock) == null ? void 0 : f.codeExplain) || {
codeExplainAi: ((m = (g = e.ai) == null ? void 0 : g.codeBlock) == null ? void 0 : m.codeExplain) || {
model: "xinghuo",
prompt: "帮我对这个代码进行解释，返回代码的解释内容，注意，不需要对代码的注释进行解释"
},
codeCommentsAi: ((h = (p = e.ai) == null ? void 0 : p.codeBlock) == null ? void 0 : h.codeComments) || {
codeCommentsAi: ((y = (v = e.ai) == null ? void 0 : v.codeBlock) == null ? void 0 : y.codeComments) || {
model: "xinghuo",
prompt: "帮我对这个代码添加一些注释，并返回添加注释的代码，只返回代码"
}
}),
BA.configure({
uploadUrl: (g = e.video) == null ? void 0 : g.uploadUrl,
uploadHeaders: (m = e.video) == null ? void 0 : m.uploadHeaders,
uploader: ((v = e.video) == null ? void 0 : v.uploader) || e.uploader,
dataProcessor: (y = e.video) == null ? void 0 : y.dataProcessor
uploadUrl: (k = e.video) == null ? void 0 : k.uploadUrl,
uploadHeaders: (b = e.video) == null ? void 0 : b.uploadHeaders,
uploader: ((x = e.video) == null ? void 0 : x.uploader) || e.uploader,
uploaderEvent: (w = e.video) == null ? void 0 : w.uploaderEvent
}),
HA,
// PasteExt,
Expand Down Expand Up @@ -43887,9 +43914,9 @@ const Nde = /* @__PURE__ */ Xr(Tde), Ode = /^:::([a-z]+)?[\s\n]$/, Lde = le.crea
placeholder: e.placeholder
})), t.push(QA.configure({
suggestion: {
items: (k) => {
var x;
return ((x = e.ai) == null ? void 0 : x.commands) || XA;
items: (S) => {
var M;
return ((M = e.ai) == null ? void 0 : M.commands) || XA;
}
}
})), e.onMentionQuery && t.push(YA(e.onMentionQuery)), t;
Expand Down Expand Up @@ -44065,7 +44092,7 @@ const Dde = {
"default-font-size": "Size",
"default-font-family": "Default font"
};
window.customElements.define("aie-menus", Ex);
window.customElements.define("aie-header", Ex);
window.customElements.define("aie-footer", xx);
const Bde = {
theme: "light",
Expand Down Expand Up @@ -44097,7 +44124,7 @@ class ufe {
constructor(e) {
j(this, "innerEditor");
j(this, "container");
j(this, "menus");
j(this, "header");
j(this, "footer");
j(this, "options");
j(this, "eventComponents", []);
Expand All @@ -44121,9 +44148,9 @@ class ufe {
}
initInnerEditor() {
const e = typeof this.options.element == "string" ? document.querySelector(this.options.element) : this.options.element;
e.classList.add(`aie-theme-${this.options.theme}`), this.container = document.createElement("div"), this.container.classList.add("aie-container"), e.appendChild(this.container);
e.classList.add(`aie-theme-${this.options.theme}`), this.container = e.querySelector(".aie-container"), this.container || (this.container = document.createElement("div"), this.container.classList.add("aie-container")), e.appendChild(this.container);
const t = document.createElement("div");
t.style.flexGrow = "1", t.style.overflow = "auto", this.menus = document.createElement("aie-menus"), this.footer = document.createElement("aie-footer"), this.eventComponents.push(this.menus), this.eventComponents.push(this.footer);
t.style.flexGrow = "1", t.style.overflow = "auto", this.header = document.createElement("aie-header"), this.footer = document.createElement("aie-footer"), this.eventComponents.push(this.header), this.eventComponents.push(this.footer);
let r = this.options.content;
if (this.options.contentRetention && this.options.contentRetentionKey) {
const i = localStorage.getItem(this.options.contentRetentionKey);
Expand All @@ -44144,9 +44171,9 @@ class ufe {
});
}
onCreate(e, t) {
this.innerEditor.view.dom.style.height = "calc(100% - 20px)", this.eventComponents.forEach((r) => {
r.onCreate && r.onCreate(e, this.options);
}), this.container.appendChild(this.menus), this.container.appendChild(t), this.container.appendChild(this.footer);
this.innerEditor.view.dom.style.height = "calc(100% - 20px)", this.eventComponents.forEach((o) => {
o.onCreate && o.onCreate(e, this.options);
}), (this.container.querySelector(".aie-container-header") || this.container).appendChild(this.header), (this.container.querySelector(".aie-container-main") || this.container).appendChild(t), (this.container.querySelector(".aie-container-footer") || this.container).appendChild(this.footer), this.options.onCreated && this.options.onCreated(this);
}
onTransaction(e) {
if (this.eventComponents.forEach((t) => {
Expand Down
2 changes: 1 addition & 1 deletion dist/style.css
View file

Large diffs are not rendered by default.

0 comments on commit 982aeea

Please sign in to comment.