star-horse-lowcode 2.7.63 → 2.7.65

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

@@ -0,0 +1,155 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import StarHorseFormTable from "@/components/comp/StarHorseFormTable.vue";
+import { Config } from "@/api/settings";
+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);
+};
+const closeOperation = (tabName: any) => {
+  props.item.tabList?.forEach((item: any, index: number) => {
+    if (item.tabName == tabName) {
+      props.item.tabList.splice(index, 1);
+      props.item.fieldName = props.item.tabList[0]?.tabName;
+      let closeAction = props.item.closeAction;
+      closeAction && closeAction(item);
+      return false;
+    }
+  });
+};
+/**
+ * 列表删除行数据
+ * @param row
+ */
+const removeRow = (row: any) => {
+  emits("removeRow", row);
+};
+const init = () => {};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template v-if="item.tabList?.length > 0">
+    <el-tabs
+      v-model="item.fieldName"
+      :type="item.type || ''"
+      @tabRemove="closeOperation"
+      :closable="item.closable"
+      :addable="item.addable"
+      @tabChange="item.actions"
+      @tabAdd="item.addActions"
+    >
+      <template
+        v-for="(tabItem, key) in item.tabList"
+        :key="compKey(tabItem, key)"
+      >
+        <tabPanelItem
+          :item="tabItem"
+          :dataIndex="dataIndex"
+          :itemKey="key"
+          :source="source"
+          parentType="tab"
+          :compUrl="compUrl"
+          :compSize="compSize"
+          :propPrefix="propPrefix"
+          @addRow="addRow"
+          v-model:dataForm="dataForm"
+          @removeRow="removeRow"
+          :rules="rules"
+        />
+      </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="item.fieldName" :type="item.type || ''">
+        <template
+          v-for="(sitem, key) in item.batchFieldList"
+          :key="compKey(sitem, key)"
+        >
+          <tabPanelItem
+            :item="sitem"
+            :dataIndex="dataIndex"
+            :itemKey="key"
+            :source="source"
+            :compUrl="compUrl"
+            :compSize="compSize"
+            parentType="batch"
+            :propPrefix="propPrefix"
+            @addRow="addRow"
+            v-model:dataForm="dataForm"
+            @removeRow="removeRow"
+            :rules="rules"
+          />
+        </template>
+      </el-tabs>
+    </template>
+    <template
+      v-else
+      v-for="(temp, key) in item.batchFieldList"
+      :key="compKey(temp, key)"
+    >
+      <star-horse-form-table
+        :rules="rules"
+        :size="compSize"
+        :item="temp"
+        @addRow="addRow"
+        @removeRow="removeRow"
+        v-if="Object.keys(temp).length > 0"
+        v-model:dataForm="dataForm"
+      />
+    </template>
+  </template>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-tabs__content) {
+  height: 100% !important;
+  flex: 1;
+  overflow: auto;
+}
+
+:deep(.el-scrollbar__view) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+:deep(.el-tabs) {
+  overflow: auto !important;
+}
+</style>

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

@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { FieldInfo } from "@/components/types/PageFieldInfo";
+import { Config } from "@/api/settings";
+import { getDataIndex, getFormData, getPrefix } from "@/api/form_utils";
+defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Array as PropType<Array<FieldInfo> | any>, required: true },
+  // 数据索引
+  dataIndex: { type: Number, default: -1 },
+  itemKey: { type: [Number, String], default: 0 },
+  // 父节点名称
+  propPrefix: { type: String, default: "" },
+  rules: { type: Object },
+  compSize: { type: String, default: Config.compSize },
+  source: { type: Number, default: 1 },
+  parentType: { type: String, default: "" },
+});
+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>
+  <el-tab-pane
+    v-if="item['disVisible'] ?? Object.keys(item).length > 0"
+    :label="item['title']"
+    :name="item.tabName || 'tab' + itemKey"
+    :disabled="item.disabled"
+    class="h-full flex flex-col"
+  >
+    <template #label>
+      <div class="custom-tabs-label">
+        <star-horse-icon :icon-class="item.icon" v-if="item.icon" />
+        <span>{{ item.title }}</span>
+      </div>
+    </template>
+    <template
+      v-if="
+        (parentType == 'tab' && item.tableFlag != 'Y') || item.formFlag == 'Y'
+      "
+    >
+      <el-scrollbar height="100%">
+        <star-horse-form-item
+          :source="source"
+          :compUrl="compUrl"
+          :compSize="compSize"
+          @addRow="addRow"
+          @removeRow="removeRow"
+          :objectName="item.objectName"
+          :dataForm="
+            getFormData(item, dataForm, propPrefix, dataIndex, itemKey)
+          "
+          :dataIndex="getDataIndex(item, propPrefix, dataIndex, itemKey)"
+          :propPrefix="getPrefix(item, propPrefix, dataIndex, itemKey)"
+          :fieldList="{ ...item }"
+          :rules="rules"
+          :subFormFlag="item.subFormFlag"
+          :primaryKey="item.primaryKey"
+        />
+      </el-scrollbar>
+    </template>
+    <star-horse-form-table
+      v-else-if="parentType == 'batch' || item.tableFlag == 'Y'"
+      :size="compSize"
+      @addRow="addRow"
+      @removeRow="removeRow"
+      :rules="rules"
+      :item="item"
+      v-model:dataForm="dataForm"
+    />
+  </el-tab-pane>
+</template>
+
+<style scoped lang="scss">
+:deep(.el-tabs__content) {
+  height: 100% !important;
+  flex: 1;
+  overflow: auto;
+}
+
+:deep(.el-scrollbar__view) {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+:deep(.el-tabs) {
+  overflow: auto !important;
+}
+</style>

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

@@ -0,0 +1,129 @@
+<script setup lang="ts">
+import { PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { Config } from "@/api/settings";
+import { compKey } from "@/api/system";
+
+defineProps({
+  //url地址
+  compUrl: { type: Object as PropType<ApiUrls>, required: true },
+  //列名
+  fieldList: { type: Object, required: true },
+  //格式化方法
+  dataFormat: { type: Function, default: null },
+  //是否显示排序
+  sortable: { type: Boolean, default: true },
+  //是否显示批量属性
+  showBatchField: { type: Boolean, default: false },
+  compSize: { type: String, default: Config.compSize },
+  //全局配置，动态页面使用
+  globalConfig: { type: Object as PropType<any>, required: false },
+  //是否动态页面
+  isDynamic: { type: Boolean, default: false },
+});
+</script>
+<template>
+  <template
+    v-for="(item, index) in fieldList?.fieldList"
+    :key="compKey(item, index)"
+  >
+    <template v-if="Array.isArray(item)">
+      <star-horse-table-column
+        :data-format="dataFormat"
+        :cellEditable="fieldList['cellEditable']"
+        :item="sitem"
+        :globalConfig="globalConfig"
+        :isDynamic="isDynamic"
+        :sortable="sortable"
+        :compSize="compSize"
+        :compUrl="compUrl"
+        :key="compKey(sitem, key)"
+        v-for="(sitem, key) in item"
+      />
+    </template>
+    <template v-else-if="item.tabList?.length > 0">
+      <template
+        v-for="(tabItems, key) in item.tabList"
+        :key="compKey(tabItems, key)"
+      >
+        <star-horse-table-column
+          :data-format="dataFormat"
+          :cellEditable="fieldList['cellEditable']"
+          :item="sitem"
+          :globalConfig="globalConfig"
+          :isDynamic="isDynamic"
+          :sortable="sortable"
+          :compSize="compSize"
+          :compUrl="compUrl"
+          :key="compKey(sitem, skey)"
+          v-for="(sitem, skey) in tabItems.fieldList"
+        />
+      </template>
+    </template>
+    <template v-else-if="item.dytableList?.length > 0">
+      <template
+        v-for="(tabItems, key) in item.dytableList"
+        :key="compKey(tabItems, key)"
+      >
+        <star-horse-table-column
+          :data-format="dataFormat"
+          :cellEditable="fieldList['cellEditable']"
+          :item="sitem"
+          :globalConfig="globalConfig"
+          :isDynamic="isDynamic"
+          :sortable="sortable"
+          :compSize="compSize"
+          :compUrl="compUrl"
+          :key="compKey(sitem, skey)"
+          v-for="(sitem, skey) in tabItems"
+        />
+      </template>
+    </template>
+    <template v-else-if="item.batchFieldList?.length > 0">
+      <template
+        v-for="(batchItems, key) in item.batchFieldList"
+        :key="compKey(batchItems, key)"
+      >
+        <star-horse-table-column
+          :data-format="dataFormat"
+          :cellEditable="fieldList['cellEditable']"
+          :item="sitem"
+          :globalConfig="globalConfig"
+          :isDynamic="isDynamic"
+          :sortable="sortable"
+          :compSize="compSize"
+          :compUrl="compUrl"
+          :key="compKey(sitem, skey)"
+          v-for="(sitem, skey) in batchItems.fieldList"
+        />
+      </template>
+    </template>
+    <star-horse-table-column
+      v-else
+      :compUrl="compUrl"
+      :cellEditable="fieldList['cellEditable']"
+      :globalConfig="globalConfig"
+      :isDynamic="isDynamic"
+      :data-format="dataFormat"
+      :sortable="sortable"
+      :compSize="compSize"
+      :item="item"
+    />
+  </template>
+  <template
+    v-if="showBatchField"
+    v-for="item in fieldList['batchFieldList']"
+    :key="compKey(item, item.batchName)"
+  >
+    <star-horse-table-column
+      :data-format="dataFormat"
+      :compSize="compSize"
+      :globalConfig="globalConfig"
+      :isDynamic="isDynamic"
+      :sortable="sortable"
+      :item="item"
+    />
+  </template>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -0,0 +1,97 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType } from "vue";
+import { ApiUrls } from "@/components/types/ApiUrls";
+import { PageFieldInfo } from "@/components/types/PageFieldInfo";
+import StarHorseFormTable from "@/components/comp/StarHorseFormTable.vue";
+import { Config } from "@/api/settings";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  compUrl: { type: Object as PropType<ApiUrls> },
+  item: { type: Object as PropType<PageFieldInfo | 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" },
+  primaryKey: {
+    type: [String, Object] as PropType<string | any>,
+    required: true,
+  },
+  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");
+const init = () => {};
+/**
+ * 列表添加行数据
+ * @param row
+ */
+const addRow = (row: any) => {
+  emits("addRow", row);
+};
+/**
+ * 列表删除行数据
+ * @param row
+ */
+const removeRow = (row: any) => {
+  emits("removeRow", row);
+};
+onMounted(() => {
+  init();
+});
+</script>
+
+<template>
+  <template
+    v-if="
+      item[batchFieldName]?.length > 1 &&
+      (!item.displayStyle || item.displayStyle == 'tab')
+    "
+  >
+    <el-tabs v-model="item.fieldName">
+      <template
+        v-for="(temp, key) in item[batchFieldName]"
+        :key="compKey(temp, key)"
+      >
+        <el-tab-pane
+          :label="temp['title']"
+          v-if="
+            Object.keys(temp).includes('disVisible') ? temp['disVisible'] : true
+          "
+          :name="temp.tabName || 'sub_tab' + key"
+          :disabled="temp.disabled"
+          class="h-full flex flex-col"
+        >
+          <star-horse-form-table
+            :size="compSize"
+            @addRow="addRow"
+            @removeRow="removeRow"
+            :rules="rules"
+            :item="temp"
+            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-form-table
+      :size="compSize"
+      :rules="rules"
+      @addRow="addRow"
+      @removeRow="removeRow"
+      :item="temp"
+      v-model:dataForm="dataForm"
+    />
+  </template>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -0,0 +1,158 @@
+<script setup lang="ts">
+import { nextTick, onMounted, PropType, ref } from "vue";
+import { UserFuncInfo } from "@/components/types/PageFieldInfo";
+import { BtnHideCondition } from "@/components/types/Params";
+import { Config } from "@/api/settings";
+import { compKey } from "@/api/system";
+
+const props = defineProps({
+  //按钮列表
+  buttonList: { type: Array as PropType<UserFuncInfo[]>, required: true },
+  //权限
+  permissions: { type: Object as PropType<Permissions>, required: true },
+  //数据
+  row: { type: Object, required: true },
+  //按钮隐藏条件
+  hideBtnCondition: {
+    type: Array as PropType<BtnHideCondition[]>,
+    default: [],
+  },
+  //按钮大小
+  compSize: { type: String, default: Config.compSize },
+  //按钮默认显示限制，超出按钮个数则折叠显示
+  showLimit: { type: Number, default: 3 },
+});
+let validButtonList = ref<UserFuncInfo[] | any>([]);
+/**
+ * 过滤掉需要隐藏的按钮
+ */
+const init = () => {
+  let btnList: UserFuncInfo[] = props.buttonList;
+  validButtonList.value = [];
+  for (let i in btnList) {
+    let temp: UserFuncInfo = btnList[i];
+    if (
+      btnHideCheck(temp.authority, props.row) &&
+      Object.keys(props.permissions).includes(temp.authority!)
+    ) {
+      validButtonList.value.push(temp);
+    }
+  }
+};
+
+/**
+ * 判断按钮是否需要隐藏
+ * @param btn
+ * @param row
+ */
+const btnHideCheck = (btn: string, row: any) => {
+  let cond = props.hideBtnCondition;
+  if (!cond || cond.length == 0) {
+    return true;
+  }
+  let flag = false,
+    hasBtn = false;
+  for (let i in cond) {
+    let temp = cond[i];
+    if (temp.btnName.includes(btn)) {
+      hasBtn = true;
+      if (Array.isArray(temp.value)) {
+        if (!temp.value.includes(row[temp.fieldName])) {
+          flag = true;
+          break;
+        }
+      } else if (row[temp.fieldName] != temp.value) {
+        flag = true;
+        break;
+      }
+    }
+  }
+  return hasBtn ? flag : true;
+};
+onMounted(() => {
+  nextTick(() => {
+    init();
+  });
+});
+</script>
+
+<template>
+  <template v-if="validButtonList.length > 3">
+    <el-tooltip
+      :content="item.btnName"
+      v-for="(item, key) in validButtonList.slice(0, 3)"
+      :key="compKey(item, key)"
+    >
+      <star-horse-icon
+        v-if="permissions[item.authority!]"
+        @click="item.funcName!(row)"
+        :icon-class="item.icon || 'edit'"
+        style="cursor: pointer"
+        :color="
+          item.authority == 'delete'
+            ? 'var(--el-color-danger)'
+            : 'var(--star-horse-style)'
+        "
+      />
+    </el-tooltip>
+    <el-dropdown>
+      <span class="el-dropdown-link">
+        <star-horse-icon
+          icon-class="ellipsis"
+          style="color: var(--star-horse-style)"
+        />
+      </span>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item
+            v-for="(auth, key) in validButtonList.slice(
+              3,
+              validButtonList.length,
+            )"
+            :key="compKey(auth, key)"
+            :v-if="permissions[auth.authority!]"
+          >
+            <el-button
+              @click="auth.funcName(row)"
+              link
+              title=""
+              style="cursor: pointer; color: var(--star-horse-style)"
+              :size="compSize"
+            >
+              <star-horse-icon
+                :icon-class="auth.icon || 'edit'"
+                :color="
+                  auth.authority == 'delete'
+                    ? 'var(--el-color-danger)'
+                    : 'var(--star-horse-style)'
+                "
+              />
+              {{ auth["btnName"] }}
+            </el-button>
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </template>
+  <template v-else>
+    <el-tooltip
+      :content="item.btnName"
+      v-for="(item, key) in validButtonList"
+      :key="compKey(item, key)"
+    >
+      <star-horse-icon
+        v-if="permissions[item.authority]"
+        @click="item.funcName(row)"
+        :icon-class="item.icon || 'edit'"
+        style="cursor: pointer"
+        :color="
+          item.authority == 'delete'
+            ? 'var(--el-color-danger)'
+            : 'var(--star-horse-style)'
+        "
+      />
+    </el-tooltip>
+  </template>
+</template>
+
+<style scoped lang="scss"></style>

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

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import { ModelRef, onMounted, PropType, unref } 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 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>
+  <el-row v-if="Array.isArray(item)" :gutter="0">
+    <el-col
+      :span="sitem.colspan || sitem.preps?.colspan || 24 / item.length"
+      v-for="(sitem, ind) in item"
+      :key="compKey(sitem, ind)"
+    >
+      <div
+        class="item"
+        v-if="sitem.formVisible || sitem.listVisible || sitem.viewVisible"
+      >
+        <label>{{ sitem.label }} :</label>
+        <div class="content">
+          <pre v-if="sitem.type == 'textarea' || sitem.type == 'markdown'">{{
+            dataFormat(sitem)
+          }}</pre>
+          <el-tooltip :content="dataFormat(sitem)" v-else>
+            {{ dataFormat(sitem) }}
+          </el-tooltip>
+        </div>
+      </div>
+    </el-col>
+  </el-row>
+</template>
+
+<style scoped lang="scss"></style>