star-horse-lowcode 2.7.65 → 2.7.67

package/src/components/comp/StarHorseDialog.vue

@@ -1,383 +0,0 @@
-<script setup lang="ts" name="StarHorseDialog">
-import {
-  computed,
-  onMounted,
-  PropType,
-  provide,
-  reactive,
-  ref,
-  watch,
-} from "vue";
-import { DialogProps } from "@/components/types/DialogProps";
-import { i18n } from "@/lang";
-import { UserFuncInfo } from "@/components/types/PageFieldInfo";
-import { Config } from "@/api/settings";
-import { compKey } from "@/api/system";
-
-const emits = defineEmits([
-  "merge",
-  "mergeDraft",
-  "resetForm",
-  "open",
-  "closeAction",
-]);
-const props = defineProps({
-  dialogVisible: { type: Boolean, default: false },
-  dialogProps: { type: Object as PropType<DialogProps>, default: {} },
-  isShowReset: { type: Boolean, default: true },
-  isShowSave: { type: Boolean, default: false },
-  isShowBtnContinue: { type: Boolean, default: false },
-  source: { type: Number, default: 1 },
-  draggable: { type: Boolean, default: true },
-  boxHeight: { type: String, default: "60%" },
-  boxWidth: { type: String, default: "60%" },
-  isBatch: { type: Boolean, default: false },
-  fullScreen: { type: Boolean, default: false },
-  hideFullScreenIcon: { type: Boolean, default: false },
-  //自定义提交
-  selfFunc: { type: Boolean, default: false },
-  //自定义关闭
-  selfClose: { type: Boolean, default: false },
-  btnText: { type: String },
-  userBtn: { type: Array<UserFuncInfo>, default: [] },
-  btnTextContinue: { type: String, default: "提交并继续" },
-  title: { type: String, default: "" },
-  compSize: { type: String, default: Config.compSize },
-});
-let windowsType = ref<boolean>(false);
-const _compKey = compKey;
-watch(
-  () => props.dialogVisible,
-  (val: boolean) => {
-    windowsType.value = val;
-  },
-  {
-    immediate: true,
-    deep: true,
-  },
-);
-let isFullScreen = ref(props.fullScreen);
-const dialogStyle = computed(() => {
-  return { "max-height": isFullScreen.value ? "100%" : props.boxHeight };
-});
-const beforeClose = () => {
-  emits("closeAction");
-  windowsType.value = false;
-  if (props.selfClose) {
-    return;
-  }
-  if (props.dialogProps?.batchEditVisible || props.isBatch) {
-    props.dialogProps.batchEditVisible = false;
-  }
-  if (props.dialogProps!.viewVisible || props.source == 3) {
-    props.dialogProps!.viewVisible = false;
-  }
-  if (props.dialogProps!.editVisible) {
-    props.dialogProps!.editVisible = false;
-  }
-  if (props.dialogProps!.bakeVisible1) {
-    props.dialogProps!.bakeVisible1 = false;
-  }
-  if (props.dialogProps!.bakeVisible2) {
-    props.dialogProps!.bakeVisible2 = false;
-  }
-  if (props.dialogProps!.bakeVisible3) {
-    props.dialogProps!.bakeVisible3 = false;
-  }
-};
-// 新增：安全调用函数的方法
-const callFunc = (func: any) => {
-  if (typeof func === "function") {
-    func(); // 仅当 func 是函数时调用
-  } else if (typeof func === "string") {
-    // 如果 func 是字符串（方法名），可根据需要映射到实际函数（示例）
-    // const method = getCurrentInstance()?.proxy?.[func];
-    // if (method) method();
-  }
-};
-const open = () => {
-  emits("open");
-};
-onMounted(() => {});
-provide("closeDialog", beforeClose);
-const fullScreen = () => {
-  if (props.hideFullScreenIcon) return;
-  isFullScreen.value = !isFullScreen.value;
-};
-let clickFunction = reactive<any>({});
-const operation = (funcName: any, type: string) => {
-  if (props.selfFunc) {
-    emits(funcName, type);
-  } else {
-    clickFunction["funcName"] = funcName;
-    clickFunction["type"] = type;
-  }
-};
-provide("dialogOperation", clickFunction);
-</script>
-<template>
-  <Teleport to="body">
-    <div class="di animated animate__fadeIn">
-      <el-dialog
-        :append-to-body="false"
-        :center="false"
-        :destroy-on-close="true"
-        :close-on-click-modal="false"
-        :close-on-press-escape="false"
-        :lock-scroll="true"
-        class="dialog-settings"
-        :fullscreen="isFullScreen"
-        :show-close="false"
-        :draggable="draggable"
-        :align-center="true"
-        v-model="windowsType"
-        @close="beforeClose"
-        @open="open"
-        :width="boxWidth"
-        :style="dialogStyle"
-      >
-        <template #header="{ close }">
-          <h3 @dblclick="fullScreen">
-            {{
-              title ||
-              (source == 3
-                ? i18n("dialog.viewTitle")
-                : i18n("dialog.editTitle"))
-            }}
-          </h3>
-          <div class="my-header">
-            <template v-if="!hideFullScreenIcon">
-              <el-button
-                style="
-                  background: var(--star-horse-style);
-                  color: var(--star-horse-white);
-                "
-                :size="compSize"
-                @click="fullScreen"
-                link
-                v-if="!!isFullScreen && draggable"
-                :title="i18n('dialog.resize')"
-              >
-                <star-horse-icon
-                  icon-class="fullscreen-shrink"
-                  color="var(--star-horse-white)"
-                  cursor="pointer"
-                />
-              </el-button>
-              <el-button
-                style="
-                  background: var(--star-horse-style);
-                  color: var(--star-horse-white);
-                "
-                :size="compSize"
-                @click="fullScreen"
-                link
-                v-if="!isFullScreen && draggable"
-                :title="i18n('dialog.fullScreen')"
-              >
-                <star-horse-icon
-                  icon-class="fullscreen-expand"
-                  color="var(--star-horse-white)"
-                  cursor="pointer"
-                />
-              </el-button>
-            </template>
-            <el-button
-              style="
-                background: var(--star-horse-style);
-                color: var(--star-horse-white);
-              "
-              :size="compSize"
-              @click="close"
-              link
-              :title="i18n('dialog.close')"
-            >
-              <star-horse-icon
-                icon-class="close"
-                color="var(--star-horse-white)"
-                cursor="pointer"
-              />
-            </el-button>
-          </div>
-        </template>
-        <slot name="header"></slot>
-        <div class="shdialog">
-          <div class="dialog-body">
-            <slot></slot>
-          </div>
-        </div>
-        <template #footer>
-          <span class="dialog-footer" v-if="source != 3">
-            <slot name="extend"></slot>
-            <el-button
-              @click="operation('merge', 'close')"
-              style="
-                background: var(--star-horse-style);
-                color: var(--star-horse-white);
-              "
-              :size="compSize"
-            >
-              <star-horse-icon
-                icon-class="save"
-                cursor="pointer"
-                style="color: var(--star-horse-white)"
-              />
-              {{ btnText ?? i18n("dialog.submit") }}
-            </el-button>
-            <el-button
-              @click="operation('merge', 'continue')"
-              style="
-                background: var(--star-horse-style);
-                color: var(--star-horse-white);
-              "
-              :size="compSize"
-              v-if="isShowBtnContinue"
-            >
-              <star-horse-icon
-                icon-class="save_continue"
-                cursor="pointer"
-                style="color: var(--star-horse-white)"
-              />
-              {{ i18n("dialog.submitContinue") }}</el-button
-            >
-            <el-button
-              @click="operation('mergeDraft', 'close')"
-              :size="compSize"
-              link
-              style="
-                background: var(--star-horse-style);
-                color: var(--star-horse-white);
-              "
-              v-if="isShowSave"
-            >
-              <star-horse-icon icon-class="short_save" cursor="pointer" />{{
-                i18n("dialog.save")
-              }}</el-button
-            >
-            <el-button
-              @click="operation('mergeDraft', 'continue')"
-              :size="compSize"
-              link
-              style="
-                background: var(--star-horse-style);
-                color: var(--star-horse-white);
-              "
-              v-if="isShowSave && isShowBtnContinue"
-            >
-              <star-horse-icon icon-class="save" cursor="pointer" />{{
-                i18n("dialog.saveContinue")
-              }}</el-button
-            >
-            <el-button
-              v-for="item in userBtn"
-              :key="_compKey(item, item.authority)"
-              @click="callFunc(item.funcName)"
-              :disabled="item.disabled ?? false"
-              :style="{
-                background: item.disabled
-                  ? 'var(--star-horse-disable)'
-                  : 'var(--star-horse-style)',
-                color: 'var(--star-horse-white)',
-              }"
-              :size="compSize"
-            >
-              <star-horse-icon
-                :icon-class="item.icon"
-                cursor="pointer"
-                style="color: var(--star-horse-white)"
-              />
-              {{ item.btnName }}
-            </el-button>
-            <el-button
-              @click="operation('resetForm', 'reset')"
-              :size="compSize"
-              link
-              v-if="isShowReset"
-            >
-              <star-horse-icon
-                icon-class="undo"
-                cursor="pointer"
-                style="color: var(--star-horse-style)"
-              />
-              {{ i18n("dialog.reset") }}</el-button
-            >
-          </span>
-          <slot name="footer"></slot>
-        </template>
-      </el-dialog>
-    </div>
-  </Teleport>
-</template>
-<style lang="scss" scoped>
-:deep(.el-dialog__footer) {
-  text-align: center;
-}
-
-.di {
-  :deep(.el-dialog) {
-    display: flex;
-    flex-direction: column;
-    padding: unset;
-
-    .el-dialog__header {
-      flex-shrink: 0;
-      height: 40px;
-      box-sizing: border-box;
-      padding: 10px;
-      background-color: var(--star-horse-style);
-      margin: 0;
-      border-bottom: var(--star-horse-shadow) 4px solid;
-      display: flex;
-      flex-direction: row;
-      color: var(--star-horse-white);
-
-      h3 {
-        flex: 1;
-      }
-
-      .my-header {
-        width: 100px;
-        display: flex;
-        justify-content: right;
-        flex-direction: row;
-        right: 10px;
-      }
-    }
-
-    .el-dialog__body {
-      flex: 1;
-      display: flex;
-      flex-direction: column;
-    }
-  }
-}
-
-.shdialog {
-  flex: 1;
-  display: inline-flex;
-  overflow-y: auto;
-  padding: 0 10px;
-  box-sizing: border-box;
-
-  &::-webkit-scrollbar {
-    width: 6px;
-  }
-
-  &::-webkit-scrollbar-track {
-    background: transparent;
-    border-radius: 10px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background: #f2f2f2 !important;
-    z-index: 222;
-    border-radius: 8px;
-  }
-}
-
-.dialog-footer {
-  display: flex;
-  justify-content: center;
-  margin-top: 10px;
-}
-</style>