agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp31

package/src/components/Affix/index.vue

@@ -1,272 +0,0 @@
-<template>
-    <div ref="affixMainRef" class="yx-affix" :style="{ height: isFixed ? placeholderStyle.height : undefined }">
-      <div
-        ref="affixRef"
-        v-resize="onResize"
-        :style="affixStyle"
-        :class="{
-          'is-fixed': isFixed,
-          'is-top': props.position === 'top',
-          'is-bottom': props.position === 'bottom'
-        }"
-        class="yx-affix-content"
-      >
-        <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 onResize = (entry: { contentRect: { height: string | undefined; }; }) => {
-    if (entry.contentRect.height) {
-      placeholderStyle.value.height = entry.contentRect.height
-    }
-  }
-  
-  // 用于获取 距离顶部 底部 距离 
-  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 (!rect.height) return
-    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 && affixRef.value?.offsetWidth) {
-      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 {
-  &:empty {
-    display: none;
-  }
-
-  .yx-affix-content {
-    &:empty {
-      display: none;
-    }
-    &.is-fixed {
-      &.is-top {
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-      }
-      &.is-bottom {
-        box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
-      }
-    }
-  }
-}
-</style>

package/src/components/Card/index.jsx

@@ -1,217 +0,0 @@
-/** @jsxImportSource vue */
-import { defineComponent, ref, computed, watch, onMounted } from 'vue'
-import { ElCard, ElTag, ElButton, ElIcon, ElCheckbox } from 'element-plus'
-import { Bottom, Tickets } from '@element-plus/icons-vue'
-import Scrollbar from '../Scrollbar'
-// import { $emit, $off, $on } from '@/utils/gogocodeTransfer'
-import { useI18n } from 'vue-i18n'
-
-export default defineComponent({
-  name: 'CardView',
-  components: {
-    Scrollbar
-  },
-  props: {
-    // 当前行数据
-    form: {
-      type: Object,
-      default: () => {}
-    },
-    // 当前序号
-    no: {
-      type: [Number, String, undefined],
-      default: () => undefined
-    },
-    // 是否选中
-    isChecked: {
-      type: Boolean,
-      default: () => false
-    },
-    // 是否展示多选
-    isCheck: {
-      type: Boolean,
-      default: () => false
-    },
-    // 是否展示子表按钮
-    isSubTable: {
-      type: Boolean,
-      default: () => false
-    },
-    // 是否展示更多按钮
-    isShowDetailsMore: {
-      type: Boolean,
-      default: () => false
-    },
-    // 是否收起
-    isMore: {
-      type: Boolean,
-      default: () => true
-    },
-    setMaxHeight: {
-      type: [Function, undefined],
-      default: () => undefined
-    },
-    setHeight: {
-      type: [Function, undefined],
-      default: () => undefined
-    }
-  },
-  setup(props, { attrs, emit, slots }) {
-    console.log('*card-view.jsx**********************************************=>', props, attrs, slots)
-    const isMore = ref(props.isShowDetailsMore)
-    const { t } = useI18n()
-    const scrollHeight = ref(undefined)
-
-    const scrollbarRef = ref(null)
-
-    // 点击了卡片事件
-    const onChecked = () => {
-      emit('checked')
-    }
-    const getSlotHtml = (slotFun) => {
-      const datas = { ...props, isMore: isMore.value }
-      return ['function'].includes(typeof slotFun) ? slotFun(datas) : slotFun
-    }
-
-    const footerSlot = computed(() => {
-      return getSlotHtml(slots.footerSlot).filter((item) => item?.children) ?? []
-    })
-
-    const setMaxHeight = (data) => {
-      if (props.setMaxHeight) return props.setMaxHeight(data)
-      if (data?.windowHeight) {
-        // const height = data?.windowHeight - 200
-        if (data.windowHeight * 0.4 <= scrollHeight.value) return 300
-        return scrollHeight.value && scrollHeight.value >= 300 ? scrollHeight : 300
-      }
-    }
-
-    watch(
-      () => props.isShowDetailsMore,
-      (newValue) => {
-        isMore.value = newValue
-      }
-    )
-
-    watch(
-      () => props.isMore,
-      (newValue) => {
-        isMore.value = newValue
-      }
-    )
-
-    onMounted(() => {
-      const scrollElement = scrollbarRef.value?.$el?.querySelector?.('.el-scrollbar__view')
-      if (scrollElement) {
-        scrollHeight.value = scrollElement.clientHeight
-      }
-    })
-
-    // 点击事件
-    const onClick = (event) => {
-      onChecked()
-      emit('rowClick', event)
-    }
-
-    // 双击事件
-    const onDblclick = (event) => {
-      emit('rowDblclick', event)
-    }
-
-    const getCardBody = () => <div class="yx-card-body">{getSlotHtml(slots.children)}</div>
-
-    return () => (
-      <ElCard
-        key={`card_${props.form?.$rowDataGuId || `${props.form?.id}_${props.no}`}`}
-        header-padding
-        body-padding
-        shadow="hover"
-        class={{ 'yx-card-main': true, 'is-checked': props.isChecked }}
-        v-slots={{
-          header: () => (
-            <div class="yx-flex-wrap" justify="space-between" align="center" onClick={onClick} onDblclick={onDblclick}>
-              <div
-                class="yx-flex-wrap"
-                align="center"
-                style={{ gap: '10px', flex: '1 1 auto', maxWidth: 'calc(100% - 80px)' }}
-              >
-                {props.no && (
-                  <ElTag type="primary" size="small">
-                    {props.no}
-                  </ElTag>
-                )}
-                <div layout-title class="ellipsis">
-                  {getSlotHtml(slots.titleSlot)}
-                </div>
-              </div>
-              <div class="yx-flex-wrap" align="center" style={{ gap: '10px' }}>
-                {getSlotHtml(slots.headerRightSlot)}
-                {props.isSubTable && (
-                  <ElButton
-                    text
-                    icon={
-                      <ElIcon>
-                        <Tickets />
-                      </ElIcon>
-                    }
-                    onClick={(event) => {
-                      event.stopPropagation()
-                      emit('showSubTable', props.form)
-                    }}
-                  />
-                )}
-                {props.isCheck && (
-                  <ElCheckbox
-                    model-value={props.isChecked}
-                    disabled={!!props.form.$editing}
-                    style="height: auto;"
-                    onClick={(event) => {
-                      event.stopPropagation()
-                    }}
-                    onChange={onChecked}
-                  />
-                )}
-              </div>
-            </div>
-          ),
-          ...(footerSlot.value.length > 0
-            ? {
-                footer: footerSlot.value
-              }
-            : {})
-        }}
-      >
-        <div
-          class="yx-flex-wrap"
-          vertical
-          style={{ gap: '0', height: '100%' }}
-          onClick={onClick}
-          onDblclick={onDblclick}
-        >
-          <Scrollbar
-            ref={scrollbarRef}
-            dispatch={props.isShowDetailsMore && isMore.value}
-            scrollable-main
-            max-height={!isMore.value ? '50vh' : '100%'}
-            set-max-height={setMaxHeight}
-            set-height={props.setHeight}
-          >
-            {getCardBody()}
-          </Scrollbar>
-          {props.isShowDetailsMore && (
-            <ElButton
-              text
-              icon={<ElIcon>{!isMore.value ? <Top /> : <Bottom />}</ElIcon>}
-              onClick={(event) => {
-                event.stopPropagation()
-                isMore.value = !isMore.value
-              }}
-            >
-              {!isMore.value ? t('imatrixUIPublicModel.collapse') : t('imatrixUIPublicModel.expand')}
-            </ElButton>
-          )}
-        </div>
-      </ElCard>
-    )
-  }
-})

package/src/components/Scrollbar/index.vue

@@ -1,213 +0,0 @@
-<template>
-    <el-scrollbar v-bind="mergedAttrs" :class="{ 'is-dispatch': props.dispatch }" ref="scrollbarRef">
-        <slot />
-    </el-scrollbar>
-</template>
-
-<script setup>
-import { ElScrollbar } from 'element-plus';
-// import { useStore } from 'vuex';
-import store from '../../store';
-import { toRefs, reactive, mergeProps, ref, onMounted, watch, useAttrs, computed, defineEmits, useSlots } from 'vue';
-
-const slots = useSlots();
-
-// const store = useStore();
-
-store?.dispatch?.('startListeningToResize');
-
-const scrollbarRef = ref(null);
-
-const scrollToEmitValue = ref(undefined)
-
-const emits = defineEmits(['scrollToTop', 'scrollToBottom']);
-
-const resizeProps = computed(() => ({
-    // 宽度
-    windowWidth: store.getters.windowWidth,
-    // 高度
-    windowHeight: store.getters.windowHeight,
-    // 是否移动端
-    isMobileResize: store.getters.isMobileResize,
-}));
-
-// 定义初始化参数
-const defaultAttrs = reactive({
-    always: false, // 滚动条是否总是显示
-    // wrapStyle: 'height: 100%', // 滚动区域的样式
-});
-
-const props = defineProps({
-    // 是否开启滚动距离阴影
-    showScrollShadow: {
-        type: Boolean,
-        default: true
-    },
-    triggerDistance: {
-        type: Number,
-        default: 0
-    },
-    // 是否禁止滚动
-    dispatch: {
-        type: Boolean,
-        default: false
-    },
-    // 动态计算 max-height
-    setMaxHeight: {
-        type: [Function, undefined],
-        default: () => undefined
-    },
-    // 动态计算 height
-    setHeight: {
-        type: [Function, undefined],
-        default: () => undefined
-    }
-});
-
-const { attrs } = useAttrs();
-
-// 统一写入
-const setHeightFun = (fun) => {
-    try {
-        return fun?.(resizeProps.value)
-    } catch (error) {
-        console.error(error)
-    }
-    return
-}
-
-// 合并初始化参数和传入的属性
-const mergedAttrs = computed(() => {
-    const attrsData = mergeProps(defaultAttrs, attrs)
-    return {
-        ...({
-            // 绑定 setMaxHeight 事件 返回 最大高度
-            ...(props.setMaxHeight ? { maxHeight: setHeightFun(props.setMaxHeight) } : {}),
-            // 绑定 setHeight 事件 返回 高度
-            ...(props.setHeight ? { height: setHeightFun(props.setHeight) } : {}),
-        }),
-        ...attrsData
-    }
-});
-
-// 滚动距离回调事件
-const scrollToEmits = (scrollElement) => {
-    if (!scrollElement) return
-    const isAtTop = scrollElement.scrollTop <= props.triggerDistance;
-    const isAtBottom = scrollElement.scrollTop + scrollElement.clientHeight >= (scrollElement.scrollHeight - props.triggerDistance);
-    if (isAtBottom) {
-        // scrollToEmitValue 校验确保只执行一次
-        // 底部事件 
-        !['at-bottom'].includes(scrollToEmitValue.value) && emits('scrollToBottom');
-        scrollToEmitValue.value = 'at-bottom'
-    } else if (isAtTop) {
-        // 顶部事件
-        !['at-top'].includes(scrollToEmitValue.value) && emits('scrollToTop');
-        scrollToEmitValue.value = 'at-top'
-    } else {
-        scrollToEmitValue.value = undefined
-    }
-}
-
-// 滚动阴影事件
-const handleScroll = () => {
-    const scrollElement = scrollbarRef.value?.$el.querySelector('.el-scrollbar__wrap');
-    if (scrollElement) {
-        const isAtTop = scrollElement.scrollTop === 0;
-        const isAtBottom = scrollElement.scrollTop + scrollElement.clientHeight === scrollElement.scrollHeight;
-        if (props.showScrollShadow) {
-            if (!isAtTop) {
-                scrollbarRef.value.$el.classList.add('scroll-top-shadow');
-            } else {
-                scrollbarRef.value.$el.classList.remove('scroll-top-shadow');
-            }
-            if (!isAtBottom) {
-                scrollbarRef.value.$el.classList.add('scroll-bottom-shadow');
-            } else {
-                scrollbarRef.value.$el.classList.remove('scroll-bottom-shadow');
-            }
-        } else {
-            scrollbarRef.value.$el.classList.remove('scroll-top-shadow', 'scroll-bottom-shadow');
-        }
-        scrollToEmits(scrollElement);
-    }
-};
-
-onMounted(() => {
-    const scrollElement = scrollbarRef.value.$el.querySelector('.el-scrollbar__wrap');
-    if (scrollElement) {
-        scrollElement.addEventListener('scroll', handleScroll);
-        handleScroll();
-        scrollToEmits(scrollElement);
-    }
-});
-
-watch(() => props.showScrollShadow, () => {
-    handleScroll();
-});
-
-watch(() => mergedAttrs?.maxHeight, () => {
-    setTimeout(handleScroll, 500);
-});
-
-watch(() => mergedAttrs?.height, () => {
-    setTimeout(handleScroll, 500);
-});
-watch(
-  () => slots.default?.(),
-  (newValue, oldValue) => {
-    if (newValue !== oldValue) {
-        setTimeout(handleScroll, 500);
-    }
-  },
-  { deep: true }
-);
-</script>
-
-<style lang="scss" scoped>
-.el-scrollbar ::v-deep {
-    position: relative;
-
-    &.is-dispatch {
-        & > .el-scrollbar__wrap {
-            max-height: none !important;
-            overflow: initial !important;
-
-            & ~ el-scrollbar__bar {
-                display: none;
-            }
-        }
-    }
-
-    &.scroll-top-shadow {
-        &::before {
-            content: ' ';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            height: 8px;
-            box-shadow: inset 0 8px 8px -8px rgba(0, 0, 0, 0.2);
-            z-index: 2;
-        }
-    }
-
-    &.scroll-bottom-shadow {
-        &::after {
-            content: ' ';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            height: 8px;
-            box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, 0.2);
-            z-index: 2;
-        }
-    }
-
-    &>.el-scrollbar__wrap {
-        position: relative;
-        z-index: 1;
-    }
-}
-</style>

package/src/directives/permission/index.js

@@ -1,14 +0,0 @@
-import permission from './permission'
-
-const install = function (Vue) {
-  Vue.directive('permission', permission)
-}
-
-// 以下代码可能影响CDN依赖了
-// if (window.Vue) {
-//   window['permission'] = permission
-//   window.$vueApp.use(install) // eslint-disable-line
-// }
-
-permission.install = install
-export default permission