vue2-client 1.15.84 → 1.15.86

package/src/base-client/components/layout/XPageView/RenderRow.vue

@@ -1,88 +1,88 @@
-<template>
-  <a-row
-    type="flex"
-    :gutter="row.gutter || 0"
-    :align="row.align || 'top'"
-    :justify="row.justify || 'start'"
-  >
-    <a-col
-      v-for="col in getColumns"
-      :key="`page-col-${col.id}`"
-      :span="col.span || 24"
-      :xs="col.xs"
-      :sm="col.sm"
-      :md="col.md"
-      :lg="col.lg"
-      :xl="col.xl"
-      :xxl="col.xxl"
-    >
-      <!-- 行类型，递归渲染子行 -->
-      <template v-if="col.type === 'row'">
-        <x-page-row-template :template="col.template">
-          <render-row
-            v-for="(nestedRow, index) in col.children"
-            :row="nestedRow"
-            :key="`nested-row-${col.id}-${index}`"
-          />
-        </x-page-row-template>
-      </template>
-
-      <!-- 组件类型，渲染动态组件 -->
-      <template v-else>
-        <x-page-row-template :template="col.template">
-          <component
-            :ref="(el) => registerComponentRef(col.id, el)"
-            :is="resolveComponentType(col.type)"
-            v-bind="col.props"
-          >
-            <!-- 如果组件有子组件，递归渲染子行 -->
-            <template v-if="col.children && col.children.length">
-              <!-- 处理纯文本节点 -->
-              <template v-for="(nestedItem, index) in col.children">
-                <template v-if="nestedItem.text">{{ nestedItem.text }}</template>
-                <render-row
-                  v-else
-                  :row="nestedItem"
-                  :key="`comp-child-${col.id}-${index}`"
-                />
-              </template>
-            </template>
-          </component>
-        </x-page-row-template>
-      </template>
-    </a-col>
-  </a-row>
-</template>
-
-<script setup>
-import { defineProps, inject, computed } from 'vue'
-import XPageRowTemplate from './XPageRowTemplate.vue'
-
-import { resolveComponentType } from './componentTypes'
-
-// 注入注册组件方法
-const registerComponent = inject('registerComponent')
-
-// 定义属性
-const props = defineProps({
-  row: {
-    type: Object,
-    required: true
-  }
-})
-
-// 获取列数组
-const getColumns = computed(() => {
-  return props.row.type === 'row' ? props.row.children : [props.row]
-})
-
-// 注册组件引用
-const registerComponentRef = (id, el) => {
-  if (el) {
-    registerComponent(id, el)
-  }
-}
-</script>
-
-<style scoped lang="less">
-</style>
+<template>
+  <a-row
+    type="flex"
+    :gutter="row.gutter || 0"
+    :align="row.align || 'top'"
+    :justify="row.justify || 'start'"
+  >
+    <a-col
+      v-for="col in getColumns"
+      :key="`page-col-${col.id}`"
+      :span="col.span || 24"
+      :xs="col.xs"
+      :sm="col.sm"
+      :md="col.md"
+      :lg="col.lg"
+      :xl="col.xl"
+      :xxl="col.xxl"
+    >
+      <!-- 行类型，递归渲染子行 -->
+      <template v-if="col.type === 'row'">
+        <x-page-row-template :template="col.template">
+          <render-row
+            v-for="(nestedRow, index) in col.children"
+            :row="nestedRow"
+            :key="`nested-row-${col.id}-${index}`"
+          />
+        </x-page-row-template>
+      </template>
+
+      <!-- 组件类型，渲染动态组件 -->
+      <template v-else>
+        <x-page-row-template :template="col.template">
+          <component
+            :ref="(el) => registerComponentRef(col.id, el)"
+            :is="resolveComponentType(col.type)"
+            v-bind="col.props"
+          >
+            <!-- 如果组件有子组件，递归渲染子行 -->
+            <template v-if="col.children && col.children.length">
+              <!-- 处理纯文本节点 -->
+              <template v-for="(nestedItem, index) in col.children">
+                <template v-if="nestedItem.text">{{ nestedItem.text }}</template>
+                <render-row
+                  v-else
+                  :row="nestedItem"
+                  :key="`comp-child-${col.id}-${index}`"
+                />
+              </template>
+            </template>
+          </component>
+        </x-page-row-template>
+      </template>
+    </a-col>
+  </a-row>
+</template>
+
+<script setup>
+import { defineProps, inject, computed } from 'vue'
+import XPageRowTemplate from './XPageRowTemplate.vue'
+
+import { resolveComponentType } from './componentTypes'
+
+// 注入注册组件方法
+const registerComponent = inject('registerComponent')
+
+// 定义属性
+const props = defineProps({
+  row: {
+    type: Object,
+    required: true
+  }
+})
+
+// 获取列数组
+const getColumns = computed(() => {
+  return props.row.type === 'row' ? props.row.children : [props.row]
+})
+
+// 注册组件引用
+const registerComponentRef = (id, el) => {
+  if (el) {
+    registerComponent(id, el)
+  }
+}
+</script>
+
+<style scoped lang="less">
+</style>

package/src/base-client/components/layout/XPageView/XErrorView.vue

@@ -1,22 +1,22 @@
-<script setup>
-// 无需使用 props
-</script>
-
-<template>
-  <div class="liuli-error-view">
-    <a-result status="error" title="组件渲染失败">
-      <template #extra>
-        <a-button type="primary">重试</a-button>
-      </template>
-    </a-result>
-  </div>
-</template>
-
-<style scoped lang="less">
-.liuli-error-view {
-  padding: 16px;
-  text-align: center;
-  color: #ff4d4f;
-  font-size: 14px;
-}
-</style>
+<script setup>
+// 无需使用 props
+</script>
+
+<template>
+  <div class="liuli-error-view">
+    <a-result status="error" title="组件渲染失败">
+      <template #extra>
+        <a-button type="primary">重试</a-button>
+      </template>
+    </a-result>
+  </div>
+</template>
+
+<style scoped lang="less">
+.liuli-error-view {
+  padding: 16px;
+  text-align: center;
+  color: #ff4d4f;
+  font-size: 14px;
+}
+</style>

package/src/base-client/components/layout/XPageView/XPageRowTemplate.vue

@@ -1,37 +1,37 @@
-<template>
-  <div>
-    <template v-if="finalTemplate === 'card'">
-      <a-card :bordered="false" class="x-page-row-template-card">
-        <slot></slot>
-      </a-card>
-    </template>
-    <template v-else>
-      <div class="simple-template-card">
-        <slot></slot>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script setup>
-import { computed } from 'vue'
-
-// 定义组件属性
-const props = defineProps({
-  template: {
-    type: String,
-    default: 'card'
-  }
-})
-
-// 计算最终使用的模板类型
-const finalTemplate = computed(() => {
-  return props.template || 'card'
-})
-</script>
-
-<style scoped lang="less">
-.x-page-row-template-card {
-  border-radius: 8px;
-}
-</style>
+<template>
+  <div>
+    <template v-if="finalTemplate === 'card'">
+      <a-card :bordered="false" class="x-page-row-template-card">
+        <slot></slot>
+      </a-card>
+    </template>
+    <template v-else>
+      <div class="simple-template-card">
+        <slot></slot>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+// 定义组件属性
+const props = defineProps({
+  template: {
+    type: String,
+    default: 'card'
+  }
+})
+
+// 计算最终使用的模板类型
+const finalTemplate = computed(() => {
+  return props.template || 'card'
+})
+</script>
+
+<style scoped lang="less">
+.x-page-row-template-card {
+  border-radius: 8px;
+}
+</style>