agilebuilder-ui 1.1.65-tmp7 → 1.1.65-tmp9

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

package/src/directives/permission/permission.js

@@ -1,27 +0,0 @@
-import checkPermission from '../../utils/permission'
-export default {
-  mounted(el, binding, vnode) {
-    const { value } = binding
-    // const currentUserPermissions = store.getters && store.getters.currentUserPermissions
-
-    if (value) {
-      // console.log('-----v-permission---init----')
-      let permissionCodes = value
-      let systemCode
-      if(value instanceof Object) {
-        permissionCodes = value.codes
-        systemCode = value.systemCode
-      }
-      // 页面组件预览时不需要权限控制，系统中使用页面组件时需要使用权限控制，所以当是预览是资源编码传'true'
-      // 工作流按钮组件中也使用了资源编码为'true'的情况
-      if (permissionCodes !== 'true' && !checkPermission(permissionCodes, systemCode)) {
-        el.parentNode && el.parentNode.removeChild(el)
-      }
-    } else {
-      console.log( `need permission1! Like v-permission="acs.department.save"`)
-      // throw new Error(
-      //   `need permission1! Like v-permission="acs.department.save"`
-      // )
-    }
-  },
-}

package/src/i18n/i18n.js

@@ -1,16 +0,0 @@
-import { createI18n } from 'vue-i18n'
-import en from './langs/en'
-import cn from './langs/cn'
-
-const messages = {
-  en: en,
-  cn: cn,
-}
-
-const i18n = createI18n({
-  locale: 'cn', // 当前语言
-  messages,
-  legacy: false,
-})
-
-export default i18n