star-horse-lowcode 2.7.62 → 2.7.65

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

@@ -0,0 +1,98 @@
+<script setup lang="ts">
+import { checkVisible, loadProp, validMsg } from "@/api/form_utils";
+import { Config } from "@/api/settings";
+import { compKey } from "@/api/system";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { onMounted, PropType } from "vue";
+
+const props = defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Array as PropType<any>, required: true },
+  objectName: { type: String },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  parentPreps: { type: Object, default: {} },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+});
+const dataForm = defineModel("dataForm");
+
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <el-row v-if="Array.isArray(item)" :gutter="10">
+    <template v-for="(sitem, index) in item" :key="compKey(sitem, index)">
+      <el-col
+        :span="
+          sitem.colspan ||
+          sitem.preps?.colspan ||
+          24 / item.filter((temp) => temp.formVisible).length
+        "
+        v-if="sitem.type != 'button' && sitem.type != 'usercomp'"
+      >
+        <el-form-item
+          :size="compSize"
+          :label="sitem.preps?.hideLabel ? '' : sitem.label"
+          :required="sitem.required"
+          :prop="loadProp(propPrefix, sitem.fieldName, -1, -1)"
+          :labelPosition="parentPreps?.labelPosition"
+          :rules="validMsg(sitem, dataForm)"
+          v-if="
+            (sitem.formVisible &&
+              sitem.label &&
+              sitem.preps?.headerFlag != 'Y') ||
+            checkVisible(sitem, dataForm)
+          "
+        >
+          <star-horse-item
+            :primaryKey="primaryKey"
+            :compSize="compSize"
+            v-model:dataForm="dataForm"
+            :item="sitem"
+            :dataIndex="dataIndex"
+            :source="source"
+          />
+        </el-form-item>
+        <star-horse-item
+          v-else-if="sitem.viewVisible || checkVisible(sitem, dataForm)"
+          :compSize="compSize"
+          :primaryKey="primaryKey"
+          v-model:dataForm="dataForm"
+          :item="sitem"
+          :dataIndex="dataIndex"
+          :source="source"
+        />
+      </el-col>
+      <el-col
+        :span="
+          sitem.colspan ||
+          sitem.preps?.colspan ||
+          24 / item.filter((temp) => temp.formVisible).length
+        "
+        v-else
+      >
+        <star-horse-item
+          :primaryKey="primaryKey"
+          :compSize="compSize"
+          v-model:dataForm="dataForm"
+          :item="sitem"
+          :dataIndex="dataIndex"
+          :source="source"
+        />
+      </el-col>
+    </template>
+  </el-row>
+</template>
+
+<style scoped lang="scss"></style>

package/src/components/comp/items/callitem.ts

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

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

@@ -0,0 +1,152 @@
+<script setup lang="ts">
+import StarHorseFormItem from "@/components/comp/StarHorseFormItem.vue";
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { Config } from "@/api/settings";
+import {
+  checkObject,
+  checkVisible,
+  getDataIndex,
+  getFormData,
+  getPrefix,
+  loadProp,
+  validMsg,
+} from "@/api/form_utils";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Array as PropType<any>, required: true },
+  objectName: { type: String },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  parentPreps: { type: Object, default: {} },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+});
+const emits = defineEmits(["addRow", "removeRow"]);
+const dataForm: ModelRef<any> = defineModel("dataForm");
+/**
+ * 列表添加行数据
+ * @param row
+ */
+const addRow = (row: any) => {
+  emits("addRow", row);
+};
+/**
+ * 列表删除行数据
+ * @param row
+ */
+const removeRow = (row: any) => {
+  emits("removeRow", row);
+};
+
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.cardList?.length > 0">
+    <template
+      v-for="(cardItem, key) in item.cardList"
+      :key="compKey(cardItem, key)"
+    >
+      <el-card
+        shadow="hover"
+        style="margin-bottom: 10px"
+        v-if="cardItem['disVisible'] ?? Object.keys(cardItem).length > 0"
+        :index="checkObject(dataForm, cardItem, key, dataIndex, propPrefix)"
+      >
+        <template #header>
+          <div class="card-header flex items-center justify-between">
+            <div class="w-[60%]">
+              {{ cardItem.title || cardItem.tabName }}
+              <help v-if="cardItem.helpMsg" :message="cardItem.helpMsg" />
+            </div>
+            <div
+              class="flex-1"
+              v-for="(headerItem, key) in cardItem.headerFieldList"
+              :key="compKey(headerItem, key)"
+            >
+              <el-form-item
+                :size="compSize"
+                :label="headerItem.preps?.hideLabel ? '' : headerItem.label"
+                :required="headerItem.required"
+                :prop="
+                  loadProp(
+                    getPrefix(cardItem, propPrefix, dataIndex, key),
+                    headerItem.fieldName,
+                    -1,
+                    -1,
+                  )
+                "
+                :labelPosition="parentPreps?.labelPosition"
+                :rules="validMsg(headerItem, dataForm)"
+                v-if="checkVisible(headerItem, dataForm)"
+              >
+                <star-horse-item
+                  style="flex: 1"
+                  :compSize="compSize"
+                  :bareFlag="true"
+                  :source="source"
+                  :primaryKey="primaryKey"
+                  :item="headerItem"
+                  :dataForm="
+                    getFormData(cardItem, dataForm, propPrefix, dataIndex, key)
+                  "
+                  :dataIndex="
+                    getDataIndex(cardItem, propPrefix, dataIndex, key)
+                  "
+                  :propPrefix="getPrefix(cardItem, propPrefix, dataIndex, key)"
+                />
+              </el-form-item>
+            </div>
+          </div>
+        </template>
+        <star-horse-form-item
+          :source="source"
+          :compUrl="compUrl"
+          :compSize="compSize"
+          :dataForm="
+            getFormData(cardItem, dataForm, propPrefix, dataIndex, key)
+          "
+          :dataIndex="getDataIndex(cardItem, propPrefix, dataIndex, key)"
+          :propPrefix="getPrefix(cardItem, propPrefix, dataIndex, key)"
+          :objectName="cardItem.objectName"
+          @addRow="addRow"
+          @removeRow="removeRow"
+          :fieldList="{
+            ...cardItem,
+          }"
+          :rules="rules"
+          :subFormFlag="cardItem.subFormFlag"
+          :primaryKey="primaryKey"
+        />
+      </el-card>
+    </template>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.card-header {
+  span {
+    width: 90%;
+  }
+}
+
+:deep(.el-card__body),
+.el-card {
+  height: unset !important;
+  flex: unset !important;
+}
+</style>

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

@@ -0,0 +1,134 @@
+<script setup lang="ts">
+import StarHorseFormItem from "@/components/comp/StarHorseFormItem.vue";
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { Config } from "@/api/settings";
+import {
+  checkObject,
+  getDataIndex,
+  getFormData,
+  getPrefix,
+} from "@/api/form_utils";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Array as PropType<any>, required: true },
+  objectName: { type: String },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  parentPreps: { type: Object, default: {} },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+});
+const emits = defineEmits(["addRow", "removeRow"]);
+const dataForm: ModelRef<any> = defineModel("dataForm");
+/**
+ * 列表添加行数据
+ * @param row
+ */
+const addRow = (row: any) => {
+  emits("addRow", row);
+};
+/**
+ * 列表删除行数据
+ * @param row
+ */
+const removeRow = (row: any) => {
+  emits("removeRow", row);
+};
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.collapseList?.length > 0">
+    <el-scrollbar style="margin-top: 10px">
+      <el-collapse
+        v-model="item.fieldName"
+        :accordion="item.preps?.accordion"
+        v-on:change="item.actions"
+      >
+        <template
+          v-for="(collapseItem, key) in item.collapseList"
+          :key="compKey(collapseItem, key)"
+        >
+          <el-collapse-item
+            v-if="
+              collapseItem['disVisible'] ?? Object.keys(collapseItem).length > 0
+            "
+            :name="collapseItem.tabName || key"
+            :disabled="collapseItem.disabled"
+            :index="
+              checkObject(dataForm, collapseItem, key, dataIndex, propPrefix)
+            "
+          >
+            <template #title>
+              <div class="collapse-item-title title">
+                <div style="width: 80%">
+                  {{ collapseItem.title }}
+                  <help
+                    v-if="collapseItem.helpMsg"
+                    :message="collapseItem.helpMsg"
+                  />
+                </div>
+                <star-horse-icon
+                  v-if="collapseItem.icon"
+                  :icon-class="collapseItem.icon"
+                />
+              </div>
+            </template>
+            <star-horse-form-item
+              :source="source"
+              :compUrl="compUrl"
+              :compSize="compSize"
+              @addRow="addRow"
+              @removeRow="removeRow"
+              :objectName="collapseItem.objectName"
+              :dataForm="
+                getFormData(collapseItem, dataForm, propPrefix, dataIndex, key)
+              "
+              :dataIndex="
+                getDataIndex(collapseItem, propPrefix, dataIndex, key)
+              "
+              :propPrefix="getPrefix(collapseItem, propPrefix, dataIndex, key)"
+              :fieldList="{
+                ...collapseItem,
+              }"
+              :rules="rules"
+              :subFormFlag="collapseItem.subFormFlag"
+              :primaryKey="primaryKey"
+            />
+          </el-collapse-item>
+        </template>
+      </el-collapse>
+    </el-scrollbar>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.el-collapse {
+  margin: 5px 3px;
+
+  :deep(.el-collapse-item__header) {
+    border-bottom: 1px solid rgb(229, 230, 235);
+    border-top: 1px solid rgb(229, 230, 235);
+    height: 30px;
+  }
+
+  :deep(.el-collapse-item__wrap) {
+    margin-top: 10px;
+    border: unset;
+  }
+}
+</style>

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

@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { PageFieldInfo } from "@/components/types/PageFieldInfo";
+import { loadProp, validMsg } from "@/api/form_utils";
+import { Config } from "@/api/settings";
+import { compKey } from "@/api/system";
+
+defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Object as PropType<PageFieldInfo | any>, required: true },
+  objectName: { type: String },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  parentPreps: { type: Object, default: {} },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+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"
+            :class="{ 'title-style': sitem.preps?.labelFlag == 'Y' }"
+            :style="{
+              width: sitem.preps?.colWidth + '% !important' || '',
+              height: sitem.preps?.colHeight + '% !important' || '',
+              'text-align': sitem.preps?.textAlign ?? 'left',
+              'white-space': 'nowrap',
+              'word-break': !!sitem.preps?.wordBreak ? 'break-all' : 'keep-all',
+            }"
+          >
+            <el-form-item
+              :size="compSize"
+              :label="sitem.label"
+              :required="sitem.required"
+              style="width: 100%; height: 100%"
+              :prop="loadProp(propPrefix, sitem.fieldName, -1, -1)"
+              :labelPosition="parentPreps?.labelPosition"
+              :rules="validMsg(sitem, dataForm)"
+              v-if="
+                sitem.formVisible &&
+                sitem.label &&
+                sitem.preps?.labelFlag != 'Y'
+              "
+            >
+              <star-horse-item
+                :primaryKey="primaryKey"
+                :compSize="compSize"
+                v-model:dataForm="dataForm"
+                :item="sitem"
+                :dataIndex="dataIndex"
+                :source="source"
+              />
+            </el-form-item>
+            <star-horse-item
+              v-else-if="sitem.formVisible || sitem.viewVisible"
+              :compSize="compSize"
+              :primaryKey="primaryKey"
+              v-model:dataForm="dataForm"
+              :item="sitem"
+              style="width: 100%; height: 100%"
+              :dataIndex="dataIndex"
+              :source="source"
+            />
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  </template>
+</template>
+
+<style scoped lang="scss">
+.title-style {
+  font-weight: 700;
+
+  background: #f5f7fa;
+  color: #606266;
+}
+
+table {
+  display: table;
+  border-collapse: separate;
+  box-sizing: border-box;
+  text-indent: initial;
+  unicode-bidi: isolate;
+  border-spacing: 0;
+  border-color: gray;
+}
+
+tr {
+  display: table-row;
+  vertical-align: inherit;
+  unicode-bidi: isolate;
+  border-color: inherit;
+}
+
+.instance-table {
+  /*  width: inherit;
+    height: inherit;*/
+
+  td {
+    line-height: 40px;
+    border: 1px solid #ebeef5;
+    height: 40px;
+    padding: 0 10px 0 0;
+  }
+}
+</style>

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

@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { checkVisible, loadProp, validMsg } from "@/api/form_utils";
+import { Config } from "@/api/settings";
+
+const props = defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Object as PropType<FieldInfo | any>, required: true },
+  objectName: { type: String },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  parentPreps: { type: Object, default: {} },
+  subFormFlag: { type: String, default: "N" },
+  batchName: { type: String, default: "batchDataList" },
+  batchFieldName: { type: String, default: "batchFieldList" },
+  primaryKey: { type: [String, Object] as PropType<string | any> },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+});
+const dataForm: ModelRef<any> = defineModel("dataForm");
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.type == 'usercomp' || item.type == 'button'">
+    <star-horse-item
+      v-if="checkVisible(item, dataForm)"
+      :primaryKey="primaryKey"
+      v-model:dataForm="dataForm"
+      :item="item"
+      :dataIndex="dataIndex"
+      :bareFlag="true"
+      :compSize="compSize"
+      :source="source"
+    />
+  </template>
+  <el-form-item
+    :size="compSize"
+    :label="item.preps?.hideLabel ? '' : item.label"
+    :required="item.required"
+    :rules="validMsg(item, dataForm)"
+    :prop="loadProp(propPrefix, item.fieldName, -1, -1)"
+    :label-position="parentPreps?.labelPosition"
+    v-else-if="checkVisible(item, dataForm)"
+  >
+    <star-horse-item
+      :primaryKey="primaryKey"
+      :compSize="compSize"
+      v-model:dataForm="dataForm"
+      :item="item"
+      :dataIndex="dataIndex"
+      :source="source"
+    />
+  </el-form-item>
+</template>
+
+<style scoped lang="scss"></style>