agilebuilder-ui 1.1.65-tmp3 → 1.1.65-tmp30

package/src/components/Scrollbar/index.vue

@@ -1,213 +1,224 @@
 <template>
-    <el-scrollbar v-bind="mergedAttrs" :class="{ 'is-dispatch': props.dispatch }" ref="scrollbarRef">
-        <slot />
-    </el-scrollbar>
+  <el-scrollbar v-bind="mergedAttrs" :class="{ 'is-dispatch': props.dispatch }" ref="scrollbarRef">
+    <slot />
+  </el-scrollbar>
 </template>
 
 <script setup>
-import { ElScrollbar } from 'element-plus';
+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';
+import store from '../../store'
+import { toRefs, reactive, mergeProps, ref, onMounted, watch, useAttrs, computed, defineEmits, useSlots } from 'vue'
 
-const slots = useSlots();
+const slots = useSlots()
 
 // const store = useStore();
 
-store?.dispatch?.('startListeningToResize');
+store?.dispatch?.('startListeningToResize')
 
-const scrollbarRef = ref(null);
+const scrollbarRef = ref(null)
 
 const scrollToEmitValue = ref(undefined)
 
-const emits = defineEmits(['scrollToTop', 'scrollToBottom']);
+const emits = defineEmits(['scrollToTop', 'scrollToBottom'])
 
 const resizeProps = computed(() => ({
-    // 宽度
-    windowWidth: store.getters.windowWidth,
-    // 高度
-    windowHeight: store.getters.windowHeight,
-    // 是否移动端
-    isMobileResize: store.getters.isMobileResize,
-}));
+  // 宽度
+  windowWidth: store.getters.windowWidth,
+  // 高度
+  windowHeight: store.getters.windowHeight,
+  // 是否移动端
+  isMobileResize: store.getters.isMobileResize
+}))
 
 // 定义初始化参数
 const defaultAttrs = reactive({
-    always: false, // 滚动条是否总是显示
-    // wrapStyle: 'height: 100%', // 滚动区域的样式
-});
+  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
-    }
-});
+  // 是否开启滚动距离阴影
+  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 { attrs } = useAttrs()
 
 // 统一写入
 const setHeightFun = (fun) => {
-    try {
-        return fun?.(resizeProps.value)
-    } catch (error) {
-        console.error(error)
-    }
-    return
+  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 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
-    }
+  if (!scrollElement) return
+  const isAtTop = scrollElement.scrollTop <= props.triggerDistance
+  // +1 解决精度问题
+  const isAtBottom =
+    scrollElement.scrollTop + scrollElement.clientHeight + 1 >= 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);
+  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);
-    }
-});
+  const scrollElement = scrollbarRef.value.$el.querySelector('.el-scrollbar__wrap')
+  if (scrollElement) {
+    scrollElement.addEventListener('scroll', handleScroll)
+    handleScroll()
+    scrollToEmits(scrollElement)
+  }
+})
 
-watch(() => props.showScrollShadow, () => {
-    handleScroll();
-});
+watch(
+  () => props.showScrollShadow,
+  () => {
+    handleScroll()
+  }
+)
 
-watch(() => mergedAttrs?.maxHeight, () => {
-    setTimeout(handleScroll, 500);
-});
+watch(
+  () => mergedAttrs?.maxHeight,
+  () => {
+    setTimeout(handleScroll, 500)
+  }
+)
 
-watch(() => mergedAttrs?.height, () => {
-    setTimeout(handleScroll, 500);
-});
+watch(
+  () => mergedAttrs?.height,
+  () => {
+    setTimeout(handleScroll, 500)
+  }
+)
 watch(
   () => slots.default?.(),
   (newValue, oldValue) => {
     if (newValue !== oldValue) {
-        setTimeout(handleScroll, 500);
+      setTimeout(handleScroll, 500)
     }
   },
   { deep: true }
-);
+)
 </script>
 
 <style lang="scss" scoped>
 .el-scrollbar ::v-deep {
-    position: relative;
+  position: relative;
 
-    &.is-dispatch {
-        & > .el-scrollbar__wrap {
-            max-height: none !important;
-            overflow: initial !important;
+  &.is-dispatch {
+    & > .el-scrollbar__wrap {
+      max-height: none !important;
+      overflow: initial !important;
 
-            & ~ el-scrollbar__bar {
-                display: none;
-            }
-        }
+      & ~ 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-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;
-        }
+  }
+
+  &.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;
-    }
+  & > .el-scrollbar__wrap {
+    position: relative;
+    z-index: 1;
+  }
 }
-</style>
+</style>

package/src/i18n/langs/cn.js

@@ -49,7 +49,9 @@ const cn = {
     emptyValue: '空值',
     expand: '展开',
     collapse: '收起',
-    confirmClosePage: '确认关闭此页面吗？未保存的数据将会丢失。'
+    noData: '暂无数据',
+    confirmClosePage: '确认关闭此页面吗？未保存的数据将会丢失。',
+    noMoreData: '没有更多数据了'
   },
   imatrixUIMessage: {
     whetherToConfirmDeletion: '是否确认删除',
@@ -146,7 +148,13 @@ const cn = {
     searchEmpty: '查询空值',
     canntAddTip: '不满足新建操作条件，不能执行新建操作，请检查！',
     rowCanntDeleteTip: '不满足删除操作条件，不能执行删除操作，请检查！',
-    rowCanntEditTip: '不满足编辑操作条件，不能执行编辑操作，请检查！'
+    rowCanntEditTip: '不满足编辑操作条件，不能执行编辑操作，请检查！',
+    searchCondition: '查询条件',
+    orderField: '排序字段',
+    orderType: '排序方式',
+    orderTypeAsc: '升序',
+    orderTypeDesc: '降序',
+    close: '关闭'
   },
   // 部门树组件
   departmentTree: {},

package/src/i18n/langs/en.js

@@ -49,7 +49,9 @@ const en = {
     emptyValue: 'Empty Value',
     expand: 'Expand',
     collapse: 'Collapse',
-    confirmClosePage: 'Are you sure you want to close this page? Unsaved data will be lost.'
+    noData: 'No Data',
+    confirmClosePage: 'Are you sure you want to close this page? Unsaved data will be lost.',
+    noMoreData: 'No more data'
   },
   imatrixUIMessage: {
     whetherToConfirmDeletion: 'Whether To Confirm Deletion',
@@ -147,7 +149,13 @@ const en = {
     canntAddTip: 'Does not meet the new operation conditions, cannot perform the new operation, please check!',
     rowCanntDeleteTip:
       'Does not meet the delete operation conditions, cannot perform the delete operation, please check!',
-    rowCanntEditTip: 'Does not meet the edit operation conditions, cannot perform the edit operation, please check!'
+    rowCanntEditTip: 'Does not meet the edit operation conditions, cannot perform the edit operation, please check!',
+    searchCondition: 'Search Conditon',
+    orderField: 'Order Field',
+    orderType: 'Order Type',
+    orderTypeAsc: 'Asc',
+    orderTypeDesc: 'Desc',
+    close: 'Close'
   },
   departmentTree: {},
   departmentTreeInline: {

package/src/styles/index.scss

@@ -36,11 +36,18 @@ body {
 .el-select .el-select__tags-text,
 .el-select .el-select__selected-item,
 .el-table .cell,
-.el-input__inner,
-.el-textarea__inner {
+.el-input__inner {
   white-space: pre !important;
 }
 
+// textarea 自动换行样式，否则会被white-space: nowrap覆盖
+.el-textarea__inner {
+  white-space: pre-wrap !important;
+  word-wrap: break-word !important;
+  word-break: break-all;
+  overflow-wrap: break-word;
+}
+
 html,
 body {
   margin: 0;

package/src/styles/theme/default.scss

@@ -2,30 +2,35 @@
 
 // :not(:has( > .three-column-layout, > .el-container))
 .app-container {
-    padding: var(--app-container-padding, 15px);
-    border-radius: 6px;
-    box-shadow: 0px 1px 8px 0px #00000019;
-    background-color: #fff;
+  padding: var(--app-container-padding, 15px);
+  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;
+  display: flex;
+  gap: var(--layout-form-flex-gap, 15px);
+  align-items: center;
 
-    & .el-button {
-        margin: 0;
+  & .el-button {
+    margin: 0;
 
-        &+.el-button {
-            margin: 0;
-        }
+    &+.el-button {
+      margin: 0;
     }
+  }
 }
 
 .operation-area {
   margin-bottom: 20px;
 }
 
+.operation-area--right {
+  display: flex;
+  justify-content: flex-end;
+}
+
 .operation-area-chart {
   padding-right: 24px;
   padding-top: 24px;
@@ -37,4 +42,4 @@
   position: fixed;
   bottom: 0;
   right: 4%;
-}
+}

package/src/styles/theme/tiffany-blue-mobile/home.scss

@@ -2,7 +2,8 @@
 
   // 版心
   .type_center {
-    padding: 0 10px
+    // padding: 0 20px;
+    background: #FFFFFF;
   }
 
   .bg_circle {
@@ -208,4 +209,46 @@
       color: #fff;
     }
   }
+
+  .mobile-home-box {
+    z-index: 1;
+
+    /* WebKit 浏览器 */
+    &::-webkit-scrollbar {
+      width: 8px;
+      /* 垂直滚动条宽度 */
+      height: 8px;
+      /* 水平滚动条高度 */
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: rgba(0, 0, 0, 0.2);
+      border-radius: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    /* Firefox */
+    scrollbar-width: thin;
+    /* 可选值：auto | thin | none */
+    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
+  }
+
+  .mobile-function-box {
+    position: relative;
+    background: #FFFFFF;
+    box-shadow: 0px 4px 10px 0px rgba(204, 204, 204, 0.25);
+    border-radius: 10px 10px 10px 10px;
+  }
+}
+
+/* 平台优先级样式 */
+body.platform-ios .tiffany-blue-mobile .type_center {
+  padding: 0 10pt;
+}
+
+body.platform-android .tiffany-blue-mobile .type_center {
+  padding: 0 10px;
 }

package/src/utils/auth-api.js

@@ -217,6 +217,7 @@ function getSystemCacheFrontendUrlByCode(systemCode) {
     }
 }
 
+
 function getSystemCacheUrl() {
     // let systemUrlJson = getCookieCache(currentSystemUrlKey)
     // if (!systemUrlJson) {

package/src/utils/common-util.js

@@ -830,6 +830,19 @@ export function cacheSystemUrl() {
     }
   })
 }
+
+export function getCacheSystemUrlWithSystemCode(systemCode) {
+  return new Promise((resolve, reject) => {
+    const systemUrls = window.$authApi.getSystemCacheUrl()
+    if (!systemUrls) {
+      cacheSystemUrl().then(()=>{
+        resolve(window.$authApi.getSystemCacheFrontendUrlByCode(systemCode))
+      })
+    } else {
+      resolve(window.$authApi.getSystemCacheFrontendUrlByCode(systemCode))
+    }
+  })
+}
 /**
  * 登录源是哪种方式，例如：portal、dingtalk、weixin、mobile等
  */

package/src/utils/watermark.js

@@ -54,7 +54,7 @@ const setWatermark = (str, parma, paramId) => {
 }
 
 // 该方法只允许调用一次
-export function showWatermark(label, parma, user, paramId) {
+function showWatermark(label, parma, user, paramId) {
   var date = new Date()
   date = formatDate(date, 'yyyy-MM-dd')
   setTimeout(() => {

package/src/views/layout/components/Menubar/Item.vue

@@ -2,7 +2,7 @@
 import { defineComponent, h } from 'vue'
 import SvgIcon from '../../../svg-icon/src/svg-icon.vue'
 import { ElBadge } from 'element-plus'
-import SuperIcon from '../../../../../packages/super-icon/index'
+import SuperIcon from '../../../super-icon/index'
 export default defineComponent({
   name: 'MenuItem',
   functional: true,

package/src/views/svg-icon/src/svg-icon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg :class="svgClass" aria-hidden="true">
-    <use :href="iconName" />
+    <use :xlink:href="iconName" />
   </svg>
 </template>
 
@@ -10,12 +10,12 @@ export default {
   props: {
     iconClass: {
       type: String,
-      required: true
+      required: true,
     },
     className: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   computed: {
     iconName() {
@@ -27,11 +27,8 @@ export default {
       } else {
         return 'svg-icon'
       }
-    }
+    },
   },
-  created(){
-    console.log('====', this.iconClass)
-  }
 }
 </script>