star-horse-lowcode 2.7.62 → 2.7.65

package/src/components/comp/items/viewCardItem.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template
+    v-for="(cardItem, key) in item.cardList"
+    :key="compKey(cardItem, key)"
+  >
+    <el-card shadow="hover" v-if="Object.keys(cardItem).length > 0">
+      <template #header>
+        <div class="card-header">
+          <span>{{ cardItem.title || cardItem.tabName }}</span>
+        </div>
+      </template>
+      <star-horse-data-view-items
+        :objectName="cardItem.objectName"
+        :subFormFlag="cardItem.subFormFlag"
+        v-model:data-form="dataForm"
+        :commonFormat="commonFormat"
+        :primaryKey="primaryKey"
+        :fieldList="{
+          ...cardItem,
+        }"
+      />
+    </el-card>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.el-card:nth-child(n + 1) {
+  margin-top: 10px;
+}
+</style>

package/src/components/comp/items/viewCollapseItem.vue

@@ -0,0 +1,71 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { checkObject } from "@/api/form_utils";
+import { compKey } from "@/api/system";
+
+defineProps({
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  objectName: { type: String },
+  dataIndex: { type: Number, default: -1 },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.collapseList?.length > 0">
+    <el-collapse v-model="item.fieldName">
+      <template
+        v-for="(collapseItem, key) in item.collapseList"
+        :key="compKey(collapseItem, key)"
+      >
+        <el-collapse-item
+          v-if="Object.keys(collapseItem).length > 0"
+          :title="collapseItem.title"
+          :name="collapseItem.tabName || key"
+          :index="checkObject(dataForm, collapseItem, key, dataIndex, '')"
+        >
+          <el-scrollbar height="95%">
+            <star-horse-data-view-items
+              v-model:dataForm="dataForm[collapseItem.objectName]"
+              :objectName="collapseItem.objectName"
+              :commonFormat="commonFormat"
+              :fieldList="{
+                ...collapseItem,
+              }"
+              :subFormFlag="collapseItem.subFormFlag"
+            />
+          </el-scrollbar>
+        </el-collapse-item>
+      </template>
+    </el-collapse>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.el-collapse {
+  :deep(.el-collapse-item__header) {
+    border: 1px solid var(--star-horse-style);
+    margin-top: 5px;
+    height: 40px;
+    padding-left: 15px;
+  }
+
+  :deep(.el-collapse-item__content) {
+    padding: 5px 10px;
+  }
+
+  :deep(.el-collapse-item__wrap) {
+    margin-top: 10px;
+    border: unset;
+  }
+}
+</style>

package/src/components/comp/items/viewDytableItem.vue

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const dataFormat = (item: any) => {
+  let name = item["hideName"] || item["fieldName"];
+  let val = dataForm.value[name];
+  try {
+    return props.commonFormat(name, val, dataForm.value);
+  } catch (e) {
+    return val || "--";
+  }
+};
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.dytableList?.length > 0">
+    <table
+      ref="containerTableRef"
+      :class="{ 'dynamic-table': true, 'instance-table': true }"
+    >
+      <tbody>
+        <tr
+          v-for="(row, rowIndex) in item.dytableList"
+          :key="compKey(row, rowIndex)"
+          class="dy-tr"
+        >
+          <td
+            v-for="(sitem, colIndex) in row"
+            :key="compKey(sitem, colIndex)"
+            :colspan="sitem.preps?.colspan || 1"
+            :rowspan="sitem.preps?.rowspan || 1"
+            :style="{
+              width: sitem.preps?.colWidth + '% !important' || '',
+              height: sitem.preps?.colHeight + '% !important' || '',
+              'word-break': !!sitem.preps?.wordBreak ? 'break-all' : 'normal',
+            }"
+          >
+            <div
+              class="item"
+              v-if="sitem.formVisible || sitem.listVisible || sitem.viewVisible"
+            >
+              <label>{{ sitem.label }} :</label>
+              <div class="content">
+                <el-tooltip :content="dataFormat(sitem)">
+                  {{ dataFormat(sitem) }}
+                </el-tooltip>
+              </div>
+            </div>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.instance-table {
+  margin-top: 5px;
+
+  td {
+    line-height: 40px;
+    height: 40px;
+    padding: 0 10px 0 0;
+  }
+}
+</style>

package/src/components/comp/items/viewOtherItem.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType, unref } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+
+const props = defineProps({
+  item: { type: Object as PropType<FieldInfo>, required: true },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const dataFormat = (item: any) => {
+  let name = item["hideName"] || item["fieldName"];
+  let tempForm = unref(dataForm);
+  if (!tempForm) {
+    return "--";
+  }
+  let val = tempForm[name];
+  try {
+    return props.commonFormat(name, val, tempForm);
+  } catch (e) {
+    return val || "--";
+  }
+};
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.type == 'usercomp' || item.type == 'button'">
+    <star-horse-item
+      v-if="item.formVisible || item.listVisible || item.viewVisible"
+      :primaryKey="'id'"
+      v-model:dataForm="dataForm"
+      :item="item"
+      :source="3"
+    />
+  </template>
+  <div
+    class="item"
+    v-if="item.formVisible || item.listVisible || item.viewVisible"
+  >
+    <label>{{ item.label }} :</label>
+    <div class="content">
+      <pre v-if="item.type == 'textarea' || item.type == 'markdown'">{{
+        dataFormat(item)
+      }}</pre>
+      <el-tooltip :content="dataFormat(item)" v-else>
+        {{ dataFormat(item) }}
+      </el-tooltip>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss"></style>

package/src/components/comp/items/viewTabItem.vue

@@ -0,0 +1,77 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType, ref } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { compKey } from "@/api/system";
+
+defineProps({
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const normalTabList = ref<string>("tab0");
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.tabList?.length > 0">
+    <el-tabs v-model="item.fieldName" type="border-card" class="view-tab">
+      <template
+        v-for="(tabItem, key) in item.tabList"
+        :key="compKey(tabItem, key)"
+      >
+        <view-tab-panel-item
+          :item="tabItem"
+          :commonFormat="commonFormat"
+          :dataKey="key"
+          parentType="tab"
+          v-model:dataForm="dataForm"
+        />
+      </template>
+    </el-tabs>
+  </template>
+  <template v-else-if="item.batchFieldList?.length > 0">
+    <template
+      v-if="
+        item.batchFieldList.length > 1 &&
+        (!item.displayStyle || item.displayStyle == 'tab')
+      "
+    >
+      <el-tabs v-model="normalTabList">
+        <template
+          v-for="(sitem, key) in item.batchFieldList"
+          :key="compKey(sitem, key)"
+        >
+          <view-tab-panel-item
+            :item="sitem"
+            :commonFormat="commonFormat"
+            :dataKey="key"
+            parentType="batch"
+            v-model:dataForm="dataForm"
+          />
+        </template>
+      </el-tabs>
+    </template>
+    <template
+      v-else
+      v-for="(sitem, key) in item.batchFieldList"
+      :key="compKey(sitem, key)"
+    >
+      <star-horse-data-view-table
+        v-if="Object.keys(sitem).length > 0"
+        :item="sitem"
+        :commonFormat="commonFormat"
+        :batchName="sitem['batchName']"
+        v-model:dataForm="dataForm"
+      />
+    </template>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.view-tab {
+  margin-top: 5px;
+}
+</style>

package/src/components/comp/items/viewTabPanelItem.vue

@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType, ref } from "vue";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+
+defineProps({
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  commonFormat: { type: Function, required: true },
+  dataKey: { type: Number, default: 0 },
+  parentType: { type: String, default: "" },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <el-tab-pane
+    v-if="Object.keys(item).length > 0"
+    :label="item.title || item.tabName"
+    :name="item.tabName || dataKey"
+  >
+    <template
+      v-if="
+        (parentType == 'tab' && item.tableFlag != 'Y') || item.formFlag == 'Y'
+      "
+    >
+      <star-horse-data-view-items
+        :objectName="item.objectName"
+        :subFormFlag="item.subFormFlag"
+        v-model:dataForm="dataForm[item.objectName]"
+        :commonFormat="commonFormat"
+        primaryKey="id"
+        :fieldList="{
+          ...item,
+        }"
+      />
+    </template>
+    <star-horse-data-view-table
+      v-else-if="parentType == 'batch' || item.tableFlag == 'Y'"
+      :batchName="item['batchName']"
+      :commonFormat="commonFormat"
+      :item="item"
+      v-model:dataForm="dataForm"
+    />
+  </el-tab-pane>
+</template>
+
+<style scoped lang="scss">
+.view-tab {
+  margin-top: 5px;
+}
+</style>

package/src/components/comp/items/viewTableItem.vue

@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType, ref } from "vue";
+import { PageFieldInfo } from "@/components/types/PageFieldInfo";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  item: { type: Object as PropType<PageFieldInfo | any>, required: true },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  commonFormat: { type: Function, required: true },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+let tabModel = ref<string>("");
+const init = () => {
+  if (props.item && props.item[props.batchFieldName]?.length > 1) {
+    tabModel.value = props.item[props.batchFieldName][0].tabName;
+  }
+};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template
+    v-if="
+      item[batchFieldName]?.length > 1 &&
+      (!item.displayStyle || item.displayStyle == 'tab')
+    "
+  >
+    <el-tabs v-model="tabModel">
+      <template
+        v-for="(sitem, key) in item.batchFieldList"
+        :key="compKey(sitem, key)"
+      >
+        <el-tab-pane
+          v-if="Object.keys(sitem).length > 0"
+          :label="sitem['title']"
+          :name="sitem.tabName || 'tab' + key"
+          :disabled="sitem.disabled"
+        >
+          <star-horse-data-view-table
+            :commonFormat="commonFormat"
+            :item="sitem"
+            :batchName="sitem['batchName']"
+            v-model:dataForm="dataForm"
+          />
+        </el-tab-pane>
+      </template>
+    </el-tabs>
+  </template>
+  <template
+    v-else
+    v-for="(temp, key) in item[batchFieldName]"
+    :key="compKey(temp, key)"
+  >
+    <star-horse-data-view-table
+      v-if="Object.keys(temp).length > 0"
+      :item="temp"
+      :commonFormat="commonFormat"
+      v-model:dataForm="dataForm"
+      :batchName="temp['batchName']"
+    />
+  </template>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-table__cell) {
+  padding: 0;
+}
+
+:deep(th.el-table__cell:first-child) {
+  padding: 5px 0;
+}
+</style>

package/src/components/comp/selfcomp.ts

@@ -0,0 +1,9 @@
+import { App, defineAsyncComponent } from "vue";
+
+const items = import.meta.glob("@/components/comp/*.vue");
+export default function install(app: App<Element>) {
+  for (const [key, value] of Object.entries(items)) {
+    const name = key.slice(key.lastIndexOf("/") + 1, key.lastIndexOf("."));
+    app.component(name, defineAsyncComponent(value as any));
+  }
+}