@shijiu/jsview-vue 0.9.246 → 0.9.254

package/samples/TextBox/RenderLeft.vue

@@ -1,109 +1,109 @@
-<script>
-import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
-export default {
-  props: {
-    text: String,
-    moveCount: Number,
-    sStyleToken: String,
-    sLayoutSet: Object,
-    sFontSetLeft40Top: Object,
-    sFontSetLeft40Center: Object,
-    sFontSetLeft40Bottom: Object,
-    sFontSetLeft80: Object,
-  },
-  components: { JsvTextBox },
-};
-</script>
-
-<template>
-  <div :style="{ top: 50 }">
-    <div
-      :style="{
-        left: 0,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体向上对齐、文字居左显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'top'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetLeft40Top, { left: 0, top: 0 }]"
-    >
-      {{ `测试文字变化能引起刷新: [${moveCount}]\n[TL]${text}` }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 410,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直居中对齐、文字水平居左显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'middle'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetLeft40Center, { left: 410, top: 0 }]"
-    >
-      {{ `[ML]${text}` }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 820,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向下对齐、文字水平居左显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'bottom'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetLeft40Bottom, { left: 820, top: 0 }]"
-    >
-      {{ `[BL]${text}` }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 1240,
-        top: -50,
-        width: 500,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向上对齐、文字水平居左显示、行高80px
-    </div>
-    <JsvTextBox
-      :verticalAlign="'top'"
-      :styleToken="sStyleToken"
-      :stylesList="[
-        sLayoutSet,
-        sFontSetLeft80,
-        { left: 1240, top: 0, width: 500 },
-      ]"
-    >
-      {{ `[TL]${text}` }}
-    </JsvTextBox>
-  </div>
+<script>
+import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
+export default {
+  props: {
+    text: String,
+    moveCount: Number,
+    sStyleToken: String,
+    sLayoutSet: Object,
+    sFontSetLeft40Top: Object,
+    sFontSetLeft40Center: Object,
+    sFontSetLeft40Bottom: Object,
+    sFontSetLeft80: Object,
+  },
+  components: { JsvTextBox },
+};
+</script>
+
+<template>
+  <div :style="{ top: 50 }">
+    <div
+      :style="{
+        left: 0,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体向上对齐、文字居左显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'top'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetLeft40Top, { left: 0, top: 0 }]"
+    >
+      {{ `测试文字变化能引起刷新: [${moveCount}]\n[TL]${text}` }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 410,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直居中对齐、文字水平居左显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'middle'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetLeft40Center, { left: 410, top: 0 }]"
+    >
+      {{ `[ML]${text}` }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 820,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向下对齐、文字水平居左显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'bottom'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetLeft40Bottom, { left: 820, top: 0 }]"
+    >
+      {{ `[BL]${text}` }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 1240,
+        top: -50,
+        width: 500,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向上对齐、文字水平居左显示、行高80px
+    </div>
+    <JsvTextBox
+      :verticalAlign="'top'"
+      :styleToken="sStyleToken"
+      :stylesList="[
+        sLayoutSet,
+        sFontSetLeft80,
+        { left: 1240, top: 0, width: 500 },
+      ]"
+    >
+      {{ `[TL]${text}` }}
+    </JsvTextBox>
+  </div>
 </template>

package/samples/TextBox/RenderOneLine.vue

@@ -1,120 +1,120 @@
-<script>
-import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
-export default {
-  props: {
-    text: String,
-    sStyleToken: String,
-  },
-  components: { JsvTextBox },
-};
-</script>
-
-<template>
-  <div :style="{ top: 750 + 300 + 50 }">
-    <div
-      :style="{
-        left: 0,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向上对齐、文字水平居左显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'top'"
-      :styleToken="sStyleToken"
-      :stylesList="[
-        {
-          left: 0,
-          top: 0,
-          width: 400,
-          height: 80,
-          backgroundColor: 'rgba(255,255,0,0.5)',
-        },
-        {
-          backgroundColor: 'rgba(255,255,0,0.5)',
-          fontSize: '30px',
-          textAlign: 'left',
-          lineHeight: '80px',
-        },
-      ]"
-    >
-      {{ text }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 410,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直居中对齐、文字水平居中显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'middle'"
-      :styleToken="sStyleToken"
-      :stylesList="[
-        {
-          left: 410,
-          top: 0,
-          width: 400,
-          height: 80,
-          backgroundColor: 'rgba(255,255,0,0.5)',
-        },
-        {
-          backgroundColor: 'rgba(255,255,0,0.5)',
-          fontSize: '30px',
-          textAlign: 'center',
-          lineHeight: '80px',
-        },
-      ]"
-    >
-      {{ text }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 820,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向下对齐、文字水平居右显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'bottom'"
-      :styleToken="sStyleToken"
-      :stylesList="[
-        {
-          left: 820,
-          top: 0,
-          width: 400,
-          height: 80,
-          backgroundColor: 'rgba(255,255,0,0.5)',
-        },
-        {
-          backgroundColor: 'rgba(255,255,0,0.5)',
-          fontSize: '30px',
-          textAlign: 'right',
-          lineHeight: '80px',
-        },
-      ]"
-    >
-      {{ text }}
-    </JsvTextBox>
-  </div>
+<script>
+import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
+export default {
+  props: {
+    text: String,
+    sStyleToken: String,
+  },
+  components: { JsvTextBox },
+};
+</script>
+
+<template>
+  <div :style="{ top: 750 + 300 + 50 }">
+    <div
+      :style="{
+        left: 0,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向上对齐、文字水平居左显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'top'"
+      :styleToken="sStyleToken"
+      :stylesList="[
+        {
+          left: 0,
+          top: 0,
+          width: 400,
+          height: 80,
+          backgroundColor: 'rgba(255,255,0,0.5)',
+        },
+        {
+          backgroundColor: 'rgba(255,255,0,0.5)',
+          fontSize: '30px',
+          textAlign: 'left',
+          lineHeight: '80px',
+        },
+      ]"
+    >
+      {{ text }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 410,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直居中对齐、文字水平居中显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'middle'"
+      :styleToken="sStyleToken"
+      :stylesList="[
+        {
+          left: 410,
+          top: 0,
+          width: 400,
+          height: 80,
+          backgroundColor: 'rgba(255,255,0,0.5)',
+        },
+        {
+          backgroundColor: 'rgba(255,255,0,0.5)',
+          fontSize: '30px',
+          textAlign: 'center',
+          lineHeight: '80px',
+        },
+      ]"
+    >
+      {{ text }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 820,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向下对齐、文字水平居右显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'bottom'"
+      :styleToken="sStyleToken"
+      :stylesList="[
+        {
+          left: 820,
+          top: 0,
+          width: 400,
+          height: 80,
+          backgroundColor: 'rgba(255,255,0,0.5)',
+        },
+        {
+          backgroundColor: 'rgba(255,255,0,0.5)',
+          fontSize: '30px',
+          textAlign: 'right',
+          lineHeight: '80px',
+        },
+      ]"
+    >
+      {{ text }}
+    </JsvTextBox>
+  </div>
 </template>

package/samples/TextBox/RenderRight.vue

@@ -1,107 +1,107 @@
-<script>
-import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
-export default {
-  props: {
-    text: String,
-    sStyleToken: String,
-    sLayoutSet: Object,
-    sFontSetRight40: Object,
-    sFontSetRight80: Object,
-  },
-  components: { JsvTextBox },
-};
-</script>
-
-<template>
-  <div :style="{ top: 750 }">
-    <div
-      :style="{
-        left: 0,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向上对齐、文字水平居右显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'top'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetRight40, { left: 0, top: 0 }]"
-    >
-      {{ `[TR]${text}` }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 410,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直居中对齐、文字水平居右显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'middle'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetRight40, { left: 410, top: 0 }]"
-    >
-      {{ `[MR]${text}` }}
-    </JsvTextBox>
-    <div
-      :style="{
-        left: 820,
-        top: -50,
-        width: 400,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向下对齐、文字水平居右显示
-    </div>
-    <JsvTextBox
-      :verticalAlign="'bottom'"
-      :styleToken="sStyleToken"
-      :stylesList="[sLayoutSet, sFontSetRight40, { left: 820, top: 0 }]"
-    >
-      {{ `[BR]${text}` }}
-    </JsvTextBox>
-
-    <div
-      :style="{
-        left: 1240,
-        top: -50,
-        width: 500,
-        height: 50,
-        fontSize: '20px',
-        textAlign: 'left',
-        lineHeight: '50px',
-        backgroundColor: '#00ff00',
-      }"
-    >
-      整体垂直向下对齐、文字水平居右显示、行高80px
-    </div>
-    <JsvTextBox
-      :verticalAlign="'bottom'"
-      :styleToken="sStyleToken"
-      :stylesList="[
-        sLayoutSet,
-        sFontSetRight80,
-        { left: 1240, top: 0, width: 500 },
-      ]"
-    >
-      {{ `[BR]${text}` }}
-    </JsvTextBox>
-  </div>
+<script>
+import JsvTextBox from "jsview/utils/JsViewVueWidget/JsvTextBox.vue";
+export default {
+  props: {
+    text: String,
+    sStyleToken: String,
+    sLayoutSet: Object,
+    sFontSetRight40: Object,
+    sFontSetRight80: Object,
+  },
+  components: { JsvTextBox },
+};
+</script>
+
+<template>
+  <div :style="{ top: 750 }">
+    <div
+      :style="{
+        left: 0,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向上对齐、文字水平居右显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'top'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetRight40, { left: 0, top: 0 }]"
+    >
+      {{ `[TR]${text}` }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 410,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直居中对齐、文字水平居右显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'middle'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetRight40, { left: 410, top: 0 }]"
+    >
+      {{ `[MR]${text}` }}
+    </JsvTextBox>
+    <div
+      :style="{
+        left: 820,
+        top: -50,
+        width: 400,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向下对齐、文字水平居右显示
+    </div>
+    <JsvTextBox
+      :verticalAlign="'bottom'"
+      :styleToken="sStyleToken"
+      :stylesList="[sLayoutSet, sFontSetRight40, { left: 820, top: 0 }]"
+    >
+      {{ `[BR]${text}` }}
+    </JsvTextBox>
+
+    <div
+      :style="{
+        left: 1240,
+        top: -50,
+        width: 500,
+        height: 50,
+        fontSize: '20px',
+        textAlign: 'left',
+        lineHeight: '50px',
+        backgroundColor: '#00ff00',
+      }"
+    >
+      整体垂直向下对齐、文字水平居右显示、行高80px
+    </div>
+    <JsvTextBox
+      :verticalAlign="'bottom'"
+      :styleToken="sStyleToken"
+      :stylesList="[
+        sLayoutSet,
+        sFontSetRight80,
+        { left: 1240, top: 0, width: 500 },
+      ]"
+    >
+      {{ `[BR]${text}` }}
+    </JsvTextBox>
+  </div>
 </template>