@a2simcode/ui 0.0.70 → 0.0.72

package/docs/examples/echarts/basic.vue

@@ -1,31 +1,31 @@
-<template>
-  <div style="width: 100%; height: 400px">
-    <j-echarts :option="option" @click="handleClick" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const option = ref({
-  title: {
-    text: 'ECharts 基础示例',
-  },
-  tooltip: {},
-  xAxis: {
-    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
-  },
-  yAxis: {},
-  series: [
-    {
-      name: '销量',
-      type: 'bar',
-      data: [5, 20, 36, 10, 10, 20],
-    },
-  ],
-})
-
-const handleClick = (params: any) => {
-  console.log('点击了图表', params)
-}
-</script>
+<template>
+  <div style="width: 100%; height: 400px">
+    <j-echarts :option="option" @click="handleClick" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const option = ref({
+  title: {
+    text: 'ECharts 基础示例',
+  },
+  tooltip: {},
+  xAxis: {
+    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
+  },
+  yAxis: {},
+  series: [
+    {
+      name: '销量',
+      type: 'bar',
+      data: [5, 20, 36, 10, 10, 20],
+    },
+  ],
+})
+
+const handleClick = (params: any) => {
+  console.log('点击了图表', params)
+}
+</script>

package/docs/examples/echarts/dynamic.vue

@@ -1,43 +1,43 @@
-<template>
-  <div>
-    <j-button label="更新数据" style="margin-bottom: 16px" @click="updateData" />
-    <div style="width: 100%; height: 400px">
-      <j-echarts :option="option" />
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const option = ref({
-  title: {
-    text: '动态数据更新',
-  },
-  tooltip: {},
-  xAxis: {
-    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
-  },
-  yAxis: {},
-  series: [
-    {
-      name: '销量',
-      type: 'bar',
-      data: [5, 20, 36, 10, 10, 20],
-    },
-  ],
-})
-
-const updateData = () => {
-  option.value = {
-    ...option.value,
-    series: [
-      {
-        name: '销量',
-        type: 'bar',
-        data: option.value.series[0].data.map(() => Math.floor(Math.random() * 100)),
-      },
-    ],
-  }
-}
-</script>
+<template>
+  <div>
+    <j-button label="更新数据" style="margin-bottom: 16px" @click="updateData" />
+    <div style="width: 100%; height: 400px">
+      <j-echarts :option="option" />
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const option = ref({
+  title: {
+    text: '动态数据更新',
+  },
+  tooltip: {},
+  xAxis: {
+    data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子'],
+  },
+  yAxis: {},
+  series: [
+    {
+      name: '销量',
+      type: 'bar',
+      data: [5, 20, 36, 10, 10, 20],
+    },
+  ],
+})
+
+const updateData = () => {
+  option.value = {
+    ...option.value,
+    series: [
+      {
+        name: '销量',
+        type: 'bar',
+        data: option.value.series[0].data.map(() => Math.floor(Math.random() * 100)),
+      },
+    ],
+  }
+}
+</script>

package/docs/examples/echarts/line.vue

@@ -1,46 +1,46 @@
-<template>
-  <div style="width: 100%; height: 400px">
-    <j-echarts :option="option" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const option = ref({
-  title: {
-    text: '折线图示例',
-  },
-  tooltip: {
-    trigger: 'axis',
-  },
-  legend: {
-    data: ['邮件营销', '联盟广告', '视频广告'],
-  },
-  xAxis: {
-    type: 'category',
-    boundaryGap: false,
-    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
-  },
-  yAxis: {
-    type: 'value',
-  },
-  series: [
-    {
-      name: '邮件营销',
-      type: 'line',
-      data: [120, 132, 101, 134, 90, 230, 210],
-    },
-    {
-      name: '联盟广告',
-      type: 'line',
-      data: [220, 182, 191, 234, 290, 330, 310],
-    },
-    {
-      name: '视频广告',
-      type: 'line',
-      data: [150, 232, 201, 154, 190, 330, 410],
-    },
-  ],
-})
-</script>
+<template>
+  <div style="width: 100%; height: 400px">
+    <j-echarts :option="option" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const option = ref({
+  title: {
+    text: '折线图示例',
+  },
+  tooltip: {
+    trigger: 'axis',
+  },
+  legend: {
+    data: ['邮件营销', '联盟广告', '视频广告'],
+  },
+  xAxis: {
+    type: 'category',
+    boundaryGap: false,
+    data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
+  },
+  yAxis: {
+    type: 'value',
+  },
+  series: [
+    {
+      name: '邮件营销',
+      type: 'line',
+      data: [120, 132, 101, 134, 90, 230, 210],
+    },
+    {
+      name: '联盟广告',
+      type: 'line',
+      data: [220, 182, 191, 234, 290, 330, 310],
+    },
+    {
+      name: '视频广告',
+      type: 'line',
+      data: [150, 232, 201, 154, 190, 330, 410],
+    },
+  ],
+})
+</script>

package/docs/examples/echarts/pie.vue

@@ -1,44 +1,44 @@
-<template>
-  <div style="width: 100%; height: 400px">
-    <j-echarts :option="option" />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const option = ref({
-  title: {
-    text: '饼图示例',
-    left: 'center',
-  },
-  tooltip: {
-    trigger: 'item',
-  },
-  legend: {
-    orient: 'vertical',
-    left: 'left',
-  },
-  series: [
-    {
-      name: '访问来源',
-      type: 'pie',
-      radius: '50%',
-      data: [
-        { value: 1048, name: '搜索引擎' },
-        { value: 735, name: '直接访问' },
-        { value: 580, name: '邮件营销' },
-        { value: 484, name: '联盟广告' },
-        { value: 300, name: '视频广告' },
-      ],
-      emphasis: {
-        itemStyle: {
-          shadowBlur: 10,
-          shadowOffsetX: 0,
-          shadowColor: 'rgba(0, 0, 0, 0.5)',
-        },
-      },
-    },
-  ],
-})
-</script>
+<template>
+  <div style="width: 100%; height: 400px">
+    <j-echarts :option="option" />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const option = ref({
+  title: {
+    text: '饼图示例',
+    left: 'center',
+  },
+  tooltip: {
+    trigger: 'item',
+  },
+  legend: {
+    orient: 'vertical',
+    left: 'left',
+  },
+  series: [
+    {
+      name: '访问来源',
+      type: 'pie',
+      radius: '50%',
+      data: [
+        { value: 1048, name: '搜索引擎' },
+        { value: 735, name: '直接访问' },
+        { value: 580, name: '邮件营销' },
+        { value: 484, name: '联盟广告' },
+        { value: 300, name: '视频广告' },
+      ],
+      emphasis: {
+        itemStyle: {
+          shadowBlur: 10,
+          shadowOffsetX: 0,
+          shadowColor: 'rgba(0, 0, 0, 0.5)',
+        },
+      },
+    },
+  ],
+})
+</script>

package/docs/examples/editor/basic.vue

@@ -1,15 +1,15 @@
-<template>
-  <div>
-    <j-editor v-model:value="content" height="300" placeholder="请输入内容..." />
-    <div style="margin-top: 20px;">
-      <h3>Content:</h3>
-      <div>{{ content }}</div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { ref } from 'vue'
-
-const content = ref('<p>Hello <b>SimCode UI</b>!</p>')
-</script>
+<template>
+  <div>
+    <j-editor v-model:value="content" height="300" placeholder="请输入内容..." />
+    <div style="margin-top: 20px;">
+      <h3>Content:</h3>
+      <div>{{ content }}</div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { ref } from 'vue'
+
+const content = ref('<p>Hello <b>SimCode UI</b>!</p>')
+</script>