agilebuilder-ui 1.1.36-tmp4 → 1.1.37

package/src/index.js

@@ -1,14 +1,51 @@
+// 依次导入组件库的各个组件
+// import Breadcrumb from '../packages/breadcrumb'
+// import DepartmentTree from '../packages/department-tree'
+// import Hamburger from '../packages/hamburger'
+// import SvgIcon from '../packages/svg-icon'
+// import SuperGrid from '../packages/super-grid'
+// import DepartmentUserTree from '../packages/department-user-tree'
+// import WorkgroupTree from '../packages/workgroup-tree'
+// import WorkgroupUserTree from '../packages/workgroup-user-tree'
+// import InlineDepartmentTree from '../packages/department-tree-inline'
+// import InlineDepartmentUserTree from '../packages/department-user-tree-inline'
+// import InlineWorkgroupTree from '../packages/workgroup-tree-inline'
+// import InlineWorkgroupUserTree from '../packages/workgroup-user-tree-inline'
+// import WorkflowButton from '../packages/workflow-button'
+// import WorkflowHistoryList from '../packages/workflow-history-list'
 import PreventReclick from '../packages/directives/prevent-reclick'
+// import exportPlugin from '../packages/export-data/index'
+// import ValidCode from '../packages/valid-code'
 import customPlugin from '../packages/plugins/index'
+// import RemoveUser from '../packages/remove-user'
+// import RemoveDepartment from '../packages/remove-department'
+// import RemoveWorkgroup from '../packages/remove-workgroup'
+// import OrganizationInput from '../packages/organization-input'
+// import SuperNineGrid from '../packages/super-nine-grid'
+// import DynamicSourceSelect from '../packages/dynamic-source-select'
+// import FsUpload from '../packages/fs-upload'
+// import ScanCodeInput from '../packages/scan-code-input'
+// import FsPreview from '../packages/fs-preview'
+// import FsUploadList from '../packages/fs-upload-list'
 import { openPage } from './utils/jump-page-utils'
+// import YearRangePicker from '../packages/year-range-picker'
+// import MultipartUpload from '../packages/multipart-upload'
+// import RichEditor from '../packages/rich-editor'
+// import SecretInfo from '../packages/secret-info'
+import plugins from '../packages/plugins/index'
 import permission from './directives/permission'
 
 // 定义 install 方法，接收 Vue 作为参数。如果使用 use 注册插件，则所有的组件都将被注册
 const install = function (Vue) {
-  Vue.directive('prevent-reclick', PreventReclick)
+  window.$vueApp.directive('prevent-reclick', PreventReclick)
   permission.install(Vue)
-  Vue.use(customPlugin)
+  window.$vueApp.use(customPlugin)
+  window.$vueApp.use(plugins)
   if (install.installed) return
+  // components.map(component => Vue.component(component.name, component))
+  // components.forEach(component => {
+  //   Vue.component(component.name, component)
+  // })
   // 将弹出页面方法注册到window对象上
   window['$plateform_openPage'] = openPage
 }
@@ -17,6 +54,38 @@ const install = function (Vue) {
 if (typeof window !== 'undefined' && window.Vue) {
   install(window.Vue)
 }
+// 按需引入
+// export {
+//   Breadcrumb,
+//   DepartmentTree,
+//   Hamburger,
+//   SvgIcon,
+//   SuperGrid,
+//   DepartmentUserTree,
+//   WorkgroupTree,
+//   WorkgroupUserTree,
+//   InlineDepartmentTree,
+//   InlineDepartmentUserTree,
+//   InlineWorkgroupTree,
+//   InlineWorkgroupUserTree,
+//   WorkflowButton,
+//   WorkflowHistoryList,
+//   ValidCode,
+//   RemoveUser,
+//   RemoveDepartment,
+//   RemoveWorkgroup,
+//   OrganizationInput,
+//   SuperNineGrid,
+//   DynamicSourceSelect,
+//   FsUpload,
+//   ScanCodeInput,
+//   FsPreview,
+//   FsUploadList,
+//   YearRangePicker,
+//   MultipartUpload,
+//   RichEditor,
+//   SecretInfo
+// }
 
 export default {
   // 导出的对象必须具有 install，才能被 Vue.use() 方法安装

package/src/store/modules/table.js

@@ -68,7 +68,6 @@ const app = {
      * @param {Object} context - 上下文对象
      */
     clearAllEditing({ commit }) {
-      debugger
       commit('clearAllEditing');
     }
   },

package/src/styles/theme/dark-blue/sidebar.scss

@@ -220,6 +220,15 @@
     }
   }
 
+// 注释的原因：会导致孙子菜单显示的位置不正确
+  // .sidebar-container-popper .el-menu{
+  //   // height: 100vh;
+  //   height: auto;
+  //   max-height: 100vh;
+  //   overflow-y: auto;
+  //   overflow-x: hidden;
+  //   scroll-behavior: smooth;
+  // }
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;
     color: rgba(0, 13, 31, 0.85);

package/src/styles/theme/gray/sidebar.scss

@@ -189,14 +189,15 @@
     }
   }
 
-  .sidebar-container-popper .el-menu{
-    // height: 100vh;
-    height: auto;
-    max-height: 100vh;
-    overflow-y: auto;
-    overflow-x: hidden;
-    scroll-behavior: smooth;
-  }
+// 注释的原因：会导致孙子菜单显示的位置不正确
+  // .sidebar-container-popper .el-menu{
+  //   // height: 100vh;
+  //   height: auto;
+  //   max-height: 100vh;
+  //   overflow-y: auto;
+  //   overflow-x: hidden;
+  //   scroll-behavior: smooth;
+  // }
 
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;

package/src/styles/theme/green/sidebar.scss

@@ -223,6 +223,16 @@
     }
   }
 
+// 注释的原因：会导致孙子菜单显示的位置不正确
+  // .sidebar-container-popper .el-menu{
+  //   // height: 100vh;
+  //   height: auto;
+  //   max-height: 100vh;
+  //   overflow-y: auto;
+  //   overflow-x: hidden;
+  //   scroll-behavior: smooth;
+  // }
+
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;
     color: rgba(0, 13, 31, 0.85);

package/src/styles/theme/ocean-blue/sidebar.scss

@@ -217,6 +217,15 @@
     }
   }
 
+// 注释的原因：会导致孙子菜单显示的位置不正确
+  // .sidebar-container-popper .el-menu{
+  //   // height: 100vh;
+  //   height: auto;
+  //   max-height: 100vh;
+  //   overflow-y: auto;
+  //   overflow-x: hidden;
+  //   scroll-behavior: smooth;
+  // }
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;
     color: rgba(0, 13, 31, 0.85);

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

@@ -219,6 +219,15 @@
     }
   }
 
+// 注释的原因：会导致孙子菜单显示的位置不正确
+  // .sidebar-container-popper .el-menu{
+  //   // height: 100vh;
+  //   height: auto;
+  //   max-height: 100vh;
+  //   overflow-y: auto;
+  //   overflow-x: hidden;
+  //   scroll-behavior: smooth;
+  // }
   .sidebar-container-popper .el-submenu__title:not(.is-disabled):hover {
     background: #F7F7F8;
     color: rgba(0, 13, 31, 0.85);

package/src/utils/insert_css.js

@@ -18,7 +18,7 @@ if (!window.insertCssFile) {
         const timestamp = new Date().getTime();
         const link = document.createElement('link');
         link.rel = 'stylesheet';
-        link.href = cssUrl + `?_v=${timestamp}`;
+        link.href = cssUrl;
         link.onload = function () {
             window.insertedCssFiles.add(cssUrl);
         };

package/src/utils/util.js

@@ -624,6 +624,7 @@ export function getPropValueNew(propValue, pageContext, row) {
   let value = null
   if (propValue && propValue !== null && propValue !== '') {
     const entity = pageContext && pageContext.entity ? pageContext.entity.data : null
+    const pageVar = pageContext && pageContext.entity ? pageContext.entity.page : null
     const additionalParamMap = getAdditionalParamMap(pageContext)
     const contextParameterMap = pageContext && pageContext.entity ? pageContext.entity.context : null
     const parentEntity =
@@ -643,6 +644,9 @@ export function getPropValueNew(propValue, pageContext, row) {
         const propName = propValue.replace('${row.', '').replace('}', '')
         value = getEntityFieldValue(row, propName)
       }
+    } else if (propValue.indexOf('${page.') === 0) {
+      const variable = propValue.replace('${page.', '').replace('}', '')
+      value = pageVar ? pageVar[variable] : null
     } else if (
       propValue.includes('${context.') ||
       propValue.includes('${request.') ||
@@ -930,3 +934,18 @@ export function isImage(fileName) {
     return false
   }
 }
+
+export function watchPageContextDynamicVariable(that, pageContext, variable, callback) {
+  const match = variable.match(/\${(.*?)}/)
+  if (!match) return
+  const path = match ? match[1].split('.') : []
+  if (path && path.length > 0) {
+    // 监听 pageContext.entity[type][field][xxx]... 的变化
+    that.$watch(
+      () => path.reduce((obj, key) => obj[key], pageContext.entity),
+      (newVal, oldVal) => {
+        callback(newVal, oldVal)
+      }
+    )
+  }
+}

package/src/views/dsc-component/Sidebar/SidebarItem.vue

@@ -192,8 +192,8 @@ export default {
 <style lang="scss" scoped>
 .smb-sidebar-menu-item {
   position: relative;
-  --el-menu-item-height: 36px;
-  --el-menu-sub-item-height: 36px;
+  --el-menu-item-height: 45px;
+  --el-menu-sub-item-height: 45px;
   &.el-menu-item, &.el-sub-menu {
     padding: 0 !important;
     &:not(:has(> .el-tooltip__trigger)) {

package/src/views/dsc-component/Sidebar/index.vue

@@ -46,8 +46,10 @@ export default {
 	},
 	data() {
 		const menus = getMenus()
+		const isSelectFirst = window.$vueApp.config.globalProperties.showFirstMenu === undefined ||  window.$vueApp.config.globalProperties.showFirstMenu === null? true : window.$vueApp.config.globalProperties.showFirstMenu
 		return {
 			menus: Object.freeze(menus),
+			isSelectFirst
 		}
 	},
 	computed: {
@@ -138,38 +140,54 @@ export default {
 				const b = new Date().getTime()
 				console.log('菜单组件==>getMyFirstMenu==>b-a', b - a)
 				// 默认不展示第一个有权限的菜单了，可以去掉下面的代码
-				// if (!shouldSelectMenu) {
-				//   shouldSelectMenu = this.getSelectMenuWithFirstMenu(menus[0])
-				// }
+				if (!shouldSelectMenu) {
+				  shouldSelectMenu = this.getSelectMenuWithFirstMenu(menus[0])
+				}
 				return shouldSelectMenu
 			}
 		},
 		getFirstMenu(menus) {
-			if (menus && menus.length > 0) {
-				let shouldSelectMenu
+			const currentMenuCode = this.$route.query
+					? this.$route.query._menuCode
+					: null
+			let shouldSelectMenu
+			if(currentMenuCode){
+				// 表示需要选中指定的菜单
+				this.isSelectFirst = true
+			} else {
+				shouldSelectMenu = this.getFirstMenuWithCookie(menus)
+			}
+			console.log('getFirstMenu=====shouldSelectMenu111=', shouldSelectMenu)
+			if (this.isSelectFirst && !shouldSelectMenu && menus && menus.length > 0) {
 				for (let i = 0; i < menus.length; i++) {
 					const menu = menus[i]
-					shouldSelectMenu = this.getShouldSelectMenu(menu)
+					shouldSelectMenu = this.getShouldSelectMenu(menu, currentMenuCode)
 					if (shouldSelectMenu) {
 						// 表示获得到了应该选中的菜单
 						break
 					}
 				}
-				return shouldSelectMenu
 			}
+			console.log('getFirstMenu=====shouldSelectMenu222=', shouldSelectMenu)
+			return shouldSelectMenu
 		},
-		getShouldSelectMenu(menu) {
-			// console.log('dsc--getShouldSelectMenu--this.$route=', this.$route)
-			const currentMenuCode = this.$route.query
-					? this.$route.query._menuCode
-					: null
-			if (menu && currentMenuCode) {
+		getShouldSelectMenu(menu, currentMenuCode) {
+			if (menu) {
 				let shouldSelectMenu
-				const children = menu.children
-				if (children && children.length > 0) {
-					shouldSelectMenu = this.getFirstMenu(children)
-				} else if (menu.code && menu.code === currentMenuCode) {
-					shouldSelectMenu = menu
+				if(currentMenuCode){
+					const children = menu.children
+					if (children && children.length > 0) {
+						shouldSelectMenu = this.getFirstMenu(children)
+					} else if (menu.code && menu.code === currentMenuCode) {
+						shouldSelectMenu = menu
+					}
+				} else {
+					const children = menu.children
+					if (children && children.length > 0) {
+						shouldSelectMenu = this.getFirstMenu(children)
+					} else {
+						shouldSelectMenu = menu
+					}
 				}
 				return shouldSelectMenu
 			}

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

@@ -40,15 +40,6 @@ export default defineComponent({
     let iconsData = [h('i', { class: 'amb-iconfont amb-icon-meun_post' })]
     if (icon) {
       iconsData = [h(SuperIcon, { iconValue: icon })]
-      // if (icon.indexOf('amb-icon') === 0) {
-      // 	iconsData = [h('i',{class: 'amb-iconfont ' + icon})]
-      // } else if (icon.indexOf('fa-') === 0) {
-      // 	iconsData = [h('i',{class: 'fa ' + icon})]
-      // } else if (icon.indexOf('svg-') === 0) {
-      // 	iconsData = [h(SvgIcon,{'icon-class': icon.substring(icon.indexOf('svg-') + 4)})]
-      // } else {
-      // 	iconsData = [h('i',{class: icon + ' svg-icon'})]
-      // }
     }
     vnodes.push(h('div', { class: ['smb-sidebar-menu-item-icon'] }, iconsData))
     if (title) {

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

@@ -254,8 +254,8 @@ export default {
 <style lang="scss" scoped>
 .smb-sidebar-menu-item {
   position: relative;
-  --el-menu-item-height: 36px;
-  --el-menu-sub-item-height: 36px;
+  --el-menu-item-height: 45px;
+  --el-menu-sub-item-height: 45px;
   &.el-menu-item, &.el-sub-menu {
     padding: 0 !important;
     &:not(:has(> .el-tooltip__trigger)) {

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

@@ -9,7 +9,10 @@ export default function render(_props, _context) {
 	}
 	const { icon, title, hasChildren } = context.props
 	const vnodes = []
-	let iconsData = <svg-icon icon-class={ icon || 'meun_post'} />
+	let iconsData = [h('i', { class: 'amb-iconfont amb-icon-meun_post' })]
+    if (icon) {
+      iconsData = [h(SuperIcon, { iconValue: icon })]
+    }
 
 	vnodes.push(<div class="smb-sidebar-menu-item-icon">{ iconsData }</div>)
 

package/src/views/layout/components/Sidebar/SidebarItem.vue

@@ -140,8 +140,8 @@ export default {
 <style lang="scss" scoped>
 .smb-sidebar-menu-item {
   position: relative;
-  --el-menu-item-height: 36px;
-  --el-menu-sub-item-height: 36px;
+  --el-menu-item-height: 45px;
+  --el-menu-sub-item-height: 45px;
   &.el-menu-item, &.el-sub-menu {
     padding: 0 !important;
     &:not(:has(> .el-tooltip__trigger)) {

package/vite.config.js

@@ -30,7 +30,7 @@ export default defineConfig(({ mode }) => ({
     }, //库编译模式配置
     rollupOptions: {
       // 确保外部化处理那些你不想打包进库的依赖
-      external: ["vue"],
+      external: ["vue", "jsx"],
       output: {
         // 在 UMD 构建模式下为这些外部化的依赖提供一个全局变量
         globals: {