agilebuilder-ui 1.1.22 → 1.1.23

package/src/components/Affix/index.vue

@@ -1,265 +0,0 @@
-<template>
-    <div ref="affixMainRef" class="yx-affix">
-      <div v-if="isFixed" :style="placeholderStyle" class="yx-affix-placeholder" />
-      <div
-        ref="affixRef"
-        :style="affixStyle"
-        :class="{
-          'yx-affix-content': true,
-          'is-fixed': isFixed,
-          'is-top': props.position === 'top',
-          'is-bottom': props.position === 'bottom'
-        }"
-      >
-        <slot />
-      </div>
-    </div>
-  </template>
-  
-  <script lang="ts" setup>
-  import { defineProps, defineEmits, ref, onMounted, onUnmounted, nextTick, computed, watchEffect } from 'vue';
-  import type { PropType, CSSProperties } from 'vue';
-  
-  type Position = 'top' | 'bottom';
-  type Target = string | HTMLElement | Window;
-  
-  const props = defineProps({
-    offset: {
-      type: Number,
-      default: 0
-    },
-    position: {
-      type: String as PropType<Position>,
-      default: 'top',
-      validator: (value: string): value is Position => ['top', 'bottom'].includes(value)
-    },
-    target: {
-      type: [String, HTMLElement] as PropType<Target>,
-      default: () => window
-    },
-    autoDetectParentScroll: {
-      type: Boolean,
-      default: true
-    },
-    stickyInScrollContainer: {
-      type: Boolean,
-      default: true
-    },
-    zIndex: {
-      type: Number,
-      default: 100
-    },
-    // 是否开启间隔监听
-    enableIntervalUpdate: {
-      type: Boolean,
-      default: true
-    },
-    enableIntervalTime: {
-      type: Number,
-      default: 2000
-    }
-  });
-  
-  const emits = defineEmits<{
-    (e: 'change', fixed: boolean): void;
-  }>();
-  
-  // 父级容器
-  const affixMainRef = ref<HTMLElement | null>(null);
-  // 悬浮容器
-  const affixRef = ref<HTMLElement | null>(null);
-  // 是否浮动
-  const isFixed = ref(false);
-  const placeholderStyle = ref<{ width?: string; height?: string }>({});
-  const scrollContainerDatas = ref<Array<HTMLElement | Window>>([]);
-  const scrollContainer = ref<HTMLElement | Window>(window);
-  const adjustedOffset = ref<number>(0);
-  const intervalId = ref<number | null>(null);
-  
-  // 用于获取 距离顶部 底部 距离 
-  const getAffixOffset = (containerRect: DOMRect) => {
-    const isTop = ['top'].includes(props.position);
-    const isBottom = ['bottom'].includes(props.position);
-    if (!affixMainRef.value) return { isTop, isBottom };
-  
-    const affixMainRect = affixMainRef.value.getBoundingClientRect();
-    const offsetTop = affixMainRect.top - containerRect.top;
-    const offsetLeft = affixMainRect.left - containerRect.left;
-    const offsetBottom = containerRect.height - affixMainRect.height - offsetTop;
-    // 容器距离浏览器顶部
-    const containerTop = containerRect.top;
-    // 容器距离浏览器底部
-    const containerBottom = window.innerHeight - containerRect.bottom;
-    // 是否开启顶部悬浮
-    const isFixTop = isTop && offsetTop <= 0;
-    // 是否开启底部悬浮
-    const isFixBottom = isBottom && offsetBottom <= 0;
-    // 偏移距离
-    const containerOffset = isTop ? containerTop : isBottom ? containerBottom : 0;
-    return {
-      isTop,
-      isBottom,
-      containerTop,
-      containerBottom,
-      containerOffset,
-      offsetTop,
-      offsetLeft,
-      offsetBottom,
-      // 是否开启顶部悬浮
-      isFixTop,
-      // 是否开启底部悬浮
-      isFixBottom,
-    };
-  };
-  
-  // 获取滚动容器
-  const getScrollContainer = (): Array<HTMLElement | Window> => {
-    if (props.autoDetectParentScroll && affixRef.value) {
-      const list: Array<HTMLElement | Window> = [];
-      let parent: HTMLElement | null = affixRef.value.parentElement;
-      while (parent && parent !== document.body) {
-        const { overflowY } = window.getComputedStyle(parent);
-        if (/(auto|scroll)/.test(overflowY)) {
-          list.push(parent);
-        }
-        parent = parent.parentElement;
-      }
-      return [...list, window];
-    }
-  
-    if (typeof props.target === 'string') {
-      const el = document.querySelector(props.target);
-      return [...(el ? [el as HTMLElement] : []), window];
-    }
-    return [window];
-  };
-  
-  // 检测滚动节点
-  const update = () => {
-    try {
-      if (!affixRef.value) return;
-      const rect = affixRef.value.getBoundingClientRect();
-      const container = scrollContainer.value;
-      if (container === window) {
-        const shouldFix = props.position === 'top' ? rect.top <= props.offset : rect.bottom >= window.innerHeight - props.offset;
-        adjustedOffset.value = 0;
-        updateFixedState(shouldFix, rect);
-      } else if (props.stickyInScrollContainer) {
-        const containerRect = (container as HTMLElement).getBoundingClientRect();
-        const { isFixTop, isFixBottom, containerOffset } = getAffixOffset(containerRect);
-        adjustedOffset.value = containerOffset ?? 0;
-        updateFixedState(isFixTop || isFixBottom || false, rect);
-      }
-    } catch (error) {
-        console.error(error)
-    }
-  };
-  
-  // 更新固定状态
-  const updateFixedState = (shouldFix: boolean, rect: DOMRect) => {
-    if (shouldFix !== isFixed.value || placeholderStyle.value?.height !== `${rect.height}px`) {
-      isFixed.value = shouldFix;
-      emits('change', shouldFix);
-  
-      if (shouldFix) {
-        placeholderStyle.value = {
-          width: `100%`,
-          height: `${rect.height}px`
-        };
-      } else {
-        placeholderStyle.value = {};
-      }
-    }
-  };
-  
-  // 滚动事件处理
-  const handleScroll = () => {
-    requestAnimationFrame(update);
-  };
-  
-  // 窗口大小变化处理
-  let resizeTimer: number;
-  const handleResize = () => {
-    isFixed.value = false;
-    clearTimeout(resizeTimer);
-    resizeTimer = window.setTimeout(() => {
-      update();
-    }, 100);
-  };
-  
-  // 组件挂载
-  onMounted(() => {
-    setTimeout(() => {
-      nextTick(() => {
-        try {
-          // eslint-disable-next-line no-debugger
-          if (props.enableIntervalUpdate) {
-            intervalId.value = setInterval(handleScroll, props.enableIntervalTime);
-          }
-          const scrollList = getScrollContainer();
-          console.log('检测父级滚动节点', scrollList)
-          scrollContainerDatas.value = scrollList;
-          scrollContainer.value = scrollList[0];
-          scrollContainerDatas.value.forEach(dom => dom.addEventListener('scroll', handleScroll));
-          window.addEventListener('resize', handleResize);
-          update();
-        } catch (error) {
-          console.error(error)
-        }
-      });
-    }, 100)
-  });
-  
-  // 组件卸载
-  onUnmounted(() => {
-    if (scrollContainer.value) {
-      scrollContainerDatas.value.forEach(dom => dom.removeEventListener('scroll', handleScroll));
-    }
-    window.removeEventListener('resize', handleResize);
-    clearTimeout(resizeTimer);
-    if (intervalId.value) clearInterval(intervalId.value);
-  });
-
-  watchEffect(() => {
-    nextTick(() => {
-      handleScroll();
-    });
-  });
-  
-  // 计算样式
-  const affixStyle = computed(() => {
-    if (isFixed.value) {
-      return {
-        position: 'fixed',
-        width: `${affixRef.value?.offsetWidth}px`,
-        zIndex: props.zIndex,
-        [props.position]: `${props.offset + adjustedOffset.value}px`
-      } as CSSProperties;
-    }
-    return {
-      position: 'relative',
-    } as CSSProperties;
-  });
-  </script>
-      
-<style lang="scss" scoped>
-.yx-affix {
-  &:has(.yx-affix-content:empty) {
-      display: none;
-  }
-  .yx-affix-content {
-    &.is-fixed {
-      &.is-top {
-        & > .yx-fixed-box-container {
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-        }
-      }
-      &.is-bottom {
-        & > .yx-fixed-box-container {
-          box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
-        }
-      }
-    }
-  }
-}
-</style>

package/src/store/modules/system.js

@@ -1,34 +0,0 @@
-import { setTheme, getTheme } from '../../utils/auth'
-
-const state = () => ({
-    theme: getTheme(),
-    navExpanded: true,
-    locale: 'zh-CN',
-    routes: {}
-});
-
-const mutations = {
-    updateState(state, payload) {
-        Object.keys(payload).forEach(key => {
-            if (key in state) {
-                state[key] = payload[key];
-                // if (['theme'].includes(key)) {
-                //     setTheme(payload[key])
-                // }
-            }
-        });
-    }
-};
-
-const actions = {
-    updateSystemParams({ commit }, payload) {
-        commit('updateState', payload);
-    }
-};
-
-export default {
-    namespaced: true,
-    state,
-    mutations,
-    actions
-};

package/src/store/modules/table.js

@@ -1,76 +0,0 @@
-const app = {
-  state: {
-    tableEditingDatas: [], // 开启编辑 表格$rowDataGuId
-  },
-  mutations: {
-    /**
-     * 切换行数据的编辑状态
-     * @param {Object} state - 当前状态对象
-     * @param {string} $rowDataGuId - 行数据的唯一标识
-     */
-    toggleRowEditing(state, $rowDataGuId) {
-      if (state.tableEditingDatas.includes($rowDataGuId)) {
-        state.tableEditingDatas = state.tableEditingDatas.filter(id => id !== $rowDataGuId)
-      } else {
-        state.tableEditingDatas = [...state.tableEditingDatas, $rowDataGuId]
-      }
-    },
-    /**
-     * 直接设置行数据的编辑状态
-     * @param {Object} state - 当前状态对象
-     * @param {Object} payload - 包含行数据唯一标识和编辑状态的对象
-     * @param {string} payload.$rowDataGuId - 行数据的唯一标识
-     * @param {boolean} payload.isEditing - 编辑状态
-     */
-    setRowEditing(state, { $rowDataGuId, isEditing = false }) {
-      if ($rowDataGuId) {
-        if (isEditing) {
-          if (!state.tableEditingDatas.includes($rowDataGuId)) {
-            state.tableEditingDatas = [...state.tableEditingDatas, $rowDataGuId];
-          }
-        } else {
-          state.tableEditingDatas = state.tableEditingDatas.filter(id => id!== $rowDataGuId);
-        }
-      }
-    },
-    /**
-     * 清理所有编辑状态
-     * @param {Object} state - 当前状态对象
-     */
-    clearAllEditing(state) {
-      state.tableEditingDatas = [];
-    }
-  },
-  actions: {
-    /**
-     * 触发切换行数据编辑状态的操作
-     * @param {Object} context - 上下文对象
-     * @param {string} $rowDataGuId - 行数据的唯一标识
-     */
-    toggleEditingData({ commit }, $rowDataGuId) {
-      commit('toggleRowEditing', $rowDataGuId)
-    },
-    /**
-     * 触发直接设置行数据编辑状态的操作
-     * @param {Object} context - 上下文对象
-     * @param {Object} payload - 包含行数据唯一标识和编辑状态的对象
-     * @param {string} payload.$rowDataGuId - 行数据的唯一标识
-     * @param {boolean} payload.isEditing - 编辑状态
-     */
-    setRowEditing({ commit }, payload) {
-      commit('setRowEditing', payload);
-    },
-    closeRowEditing({ commit }, payload) {
-      commit('setRowEditing', payload);
-    },
-    /**
-     * 触发清理所有编辑状态的操作
-     * @param {Object} context - 上下文对象
-     */
-    clearAllEditing({ commit }) {
-      commit('clearAllEditing');
-    }
-  },
-}
-
-export default app

package/src/styles/page-list.scss

@@ -1,75 +0,0 @@
-// 列表初始样式
-.amb-page-list-main {
-    display: flex !important;
-    flex-direction: column;
-    align-items: stretch;
-    gap: var(--layout-flex-gap, 15px);
-
-    & > .super-grid-main-view {
-        flex: 0 0 auto;
-    }
-
-    .el-pagination {
-        flex-wrap: wrap;
-        gap: var(--layout-form-flex-gap, 15px) 0;
-    }
-}
-
-.flex-gap-15 {
-    display: flex;
-    gap: var(--layout-form-flex-gap, 15px);
-    align-items: center;
-
-    & .el-button {
-        margin: 0;
-
-        &+.el-button {
-            margin: 0;
-        }
-    }
-}
-// 搜索栏目初始样式
-.amb-page-list-search-main, .operation-area {
-    @extend .flex-gap-15;
-    flex-wrap: wrap;
-
-    & > [style*='margin-left: 10px'] {
-        margin-left: 0;
-    }
-
-    & > .el-input__wrapper {
-        flex-grow: 0;
-    }
-
-    & > .el-select {
-        width: 200px;
-    }
-
-    .el-input-group {
-        width: auto;
-    }
-
-    .el-form {
-        @extend .flex-gap-15;
-        flex-wrap: wrap;
-
-        .el-form-item {
-            margin: 0;
-        }
-    }
-
-    .align-right {
-        @extend .flex-gap-15;
-        margin-left: auto;
-        margin-top: auto;
-
-        & > .el-input__wrapper {
-            flex-grow: 0;
-        }
-    }
-
-    .btn-main {
-        @extend .flex-gap-15;
-        gap: var(--super-grid-main-btn-view-gap, 10px);
-    }
-}

package/src/styles/theme/default.scss

@@ -1,39 +0,0 @@
-// 主题基础 默认样式
-
-.app-container:not(:has( > .three-column-layout, > .el-container)) {
-    padding: var(--app-container-padding, 20px);
-    border-radius: 6px;
-    box-shadow: 0px 1px 8px 0px #00000019;
-    background-color: #fff;
-}
-
-.flex-gap-15 {
-    display: flex;
-    gap: var(--layout-form-flex-gap, 15px);
-    align-items: center;
-
-    & .el-button {
-        margin: 0;
-
-        &+.el-button {
-            margin: 0;
-        }
-    }
-}
-
-.operation-area {
-  margin-bottom: 20px;
-}
-
-.operation-area-chart {
-  padding-right: 24px;
-  padding-top: 24px;
-  text-align: right;
-}
-
-.operation-area-float {
-  float: right;
-  position: fixed;
-  bottom: 0;
-  right: 4%;
-}