Fix page bug

This commit is contained in:
syuilo 2020-10-18 12:55:26 +09:00
parent 244822298a
commit f0c5943e87
4 changed files with 6 additions and 8 deletions

View file

@ -6,7 +6,6 @@
<script lang="ts">
import { defineComponent } from 'vue';
import * as os from '@/os';
export default defineComponent({
props: {

View file

@ -5,7 +5,6 @@
<script lang="ts">
import { defineComponent } from 'vue';
import MkTextarea from '../ui/textarea.vue';
import * as os from '@/os';
export default defineComponent({
components: {

View file

@ -12,7 +12,6 @@ import { faHeart } from '@fortawesome/free-regular-svg-icons';
import XBlock from './page.block.vue';
import { Hpml } from '@/scripts/hpml/evaluator';
import { url } from '@/config';
import * as os from '@/os';
export default defineComponent({
components: {

View file

@ -7,6 +7,7 @@ import { createAiScriptEnv } from '../aiscript/api';
import { collectPageVars } from '../collect-page-vars';
import { initLib } from './lib';
import * as os from '@/os';
import { markRaw, ref, Ref } from 'vue';
type Fn = {
slots: string[];
@ -23,7 +24,7 @@ export class Hpml {
public aiscript?: AiScript;
private pageVarUpdatedCallback;
public canvases: Record<string, HTMLCanvasElement> = {};
public vars: Record<string, any>;
public vars: Ref<Record<string, any>> = ref({});
public page: Record<string, any>;
private opts: {
@ -38,7 +39,7 @@ export class Hpml {
this.opts = opts;
if (this.opts.enableAiScript) {
this.aiscript = new AiScript({ ...createAiScriptEnv({
this.aiscript = markRaw(new AiScript({ ...createAiScriptEnv({
storageKey: 'pages:' + this.page.id
}), ...initLib(this)}, {
in: (q) => {
@ -56,7 +57,7 @@ export class Hpml {
},
log: (type, params) => {
},
});
}));
this.aiscript.scope.opts.onUpdated = (name, value) => {
this.eval();
@ -89,7 +90,7 @@ export class Hpml {
@autobind
public eval() {
try {
this.vars = this.evaluateVars();
this.vars.value = this.evaluateVars();
} catch (e) {
//this.onError(e);
}
@ -99,7 +100,7 @@ export class Hpml {
public interpolate(str: string) {
if (str == null) return null;
return str.replace(/{(.+?)}/g, match => {
const v = this.vars ? this.vars[match.slice(1, -1).trim()] : null;
const v = this.vars[match.slice(1, -1).trim()];
return v == null ? 'NULL' : v.toString();
});
}