star-horse-lowcode 2.7.65 → 2.7.67

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

@@ -1,155 +0,0 @@
-<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

@@ -1,110 +0,0 @@
-<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

@@ -1,129 +0,0 @@
-<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

@@ -1,97 +0,0 @@
-<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

@@ -1,158 +0,0 @@
-<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

@@ -1,55 +0,0 @@
-<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>