feat: 更新sy-ui基础组件样式，更新编辑类视图样式，更新菜单样式

app_Web/src/components/common/app-user/app-user.tsx

@@ -50,11 +50,19 @@ export const AppUser = defineComponent({
           ]}
         >
           <span class={this.ns.b('avatar-wrapper')}>
-            <i-avatar
-              size='small'
-              src='https://i.loli.net/2017/08/21/599a521472424.jpg'
-            />
+            <i-avatar size='small' src='./assets/img/avatar.png' />
             <span class={this.ns.be('avatar', 'name')}>{this.srfusername}</span>
+            <span
+              class={[
+                this.ns.be('avatar', 'arrow'),
+                this.ns.is(
+                  'hidden',
+                  ibiz.env.disableChangePwd && ibiz.env.disableLogout,
+                ),
+              ]}
+            >
+              <i-icon type='ios-arrow-down' />
+            </span>
           </span>
           {ibiz.env.disableChangePwd ? null : (
             <i-dropdown-menu slot='list'>

app_Web/src/components/editor/text-box/ibiz-input/ibiz-input.tsx

@@ -227,7 +227,7 @@ export const IBizInput = defineComponent({
                 props: {
                   ...this.c.customProps,
                   value: this.currentVal,
-                  clearable: true,
+                  clearable: !this.disabled && !this.readonly && true,
                   placeholder: this.controller.placeHolder,
                   type: this.type,
                   rows: this.rows,

app_Web/src/components/layout/view-layout/view-layout.tsx

@@ -31,8 +31,17 @@ export const ViewLayout = defineComponent({
     const isShowHeader = computed(() => {
       return props.modelData.source.showCaptionBar || !!props.modelData.toolbar;
     });
+    // 是否是编辑视图
+    const isEditView = computed(() => {
+      return (
+        props.modelData?.source?.viewType === 'DEEDITVIEW' ||
+        props.modelData?.source?.viewType === 'DEEDITVIE2' ||
+        props.modelData?.source?.viewType === 'DEEDITVIEW3' ||
+        props.modelData?.source?.viewType === 'DEEDITVIEW4'
+      );
+    });
 
-    return { ns, isShowHeader };
+    return { ns, isShowHeader, isEditView };
   },
   render() {
     return !this.isComplete ? (
@@ -67,9 +76,11 @@ export const ViewLayout = defineComponent({
                   {this.$scopedSlots.quickSearch &&
                     this.$scopedSlots.quickSearch({})}
                 </div>
+                {this.isEditView ? null : (
                   <div class={this.ns.e('toolbar')}>
                     {this.$scopedSlots.toolbar && this.$scopedSlots.toolbar({})}
                   </div>
+                )}
               </div>
             </div>
             <div class={this.ns.b('header-exp')}></div>
@@ -102,6 +113,11 @@ export const ViewLayout = defineComponent({
             {this.$scopedSlots.footer && this.$scopedSlots.footer({})}
           </div>
         ) : null}
+        {this.isEditView ? (
+          <div class={[this.ns.e('toolbar'), this.ns.e('isedit')]}>
+            {this.$scopedSlots.toolbar && this.$scopedSlots.toolbar({})}
+          </div>
+        ) : null}
       </div>
     );
   },

app_Web/src/components/widgets/app-menu/app-menu.tsx

@@ -63,6 +63,12 @@ function renderMenuItem(
   if (!c.menuItemsState[menu.key].visible) {
     return;
   }
+  const target = c.model.items.find(item => {
+    return item.id === menu.key;
+  });
+  if (target?.itemType === 'SEPERATOR') {
+    return <div class={ns.e('menu-seperator')}></div>;
+  }
   return !collapseChange ? (
     <i-menu-item class={ns.e('item')} name={menu.key}>
       <app-icon class={ns.e('icon')} icon={menu.image}></app-icon>

app_Web/src/components/widgets/form-control/form-button/form-button.tsx

@@ -39,6 +39,9 @@ export const FormButton = defineComponent({
         loading={this.isLoading}
         class={this.ns.b()}
       >
+        {this.modelData.sysImage && this.modelData.sysImage.cssClass && (
+          <i class={[this.ns.e('icon'), this.modelData.sysImage.cssClass]}></i>
+        )}
         {this.modelData.source.caption}
       </i-button>
     );

app_Web/src/components/widgets/form-control/form-item-container/form-item-container.scss

@@ -10,5 +10,6 @@
 @include b(form-item-container-input-tip-popper) {
   .ivu-tooltip-inner {
     white-space: normal;
+    background-color: #4d4d4d;
   }
 }

app_Web/src/components/widgets/grid-control/grid-control.util.ts

@@ -127,6 +127,9 @@ export function useITableColumns(c: GridController) {
       } else if (frozenLastColumn && index >= allNum - frozenLastColumn) {
         column.fixed = 'right';
       }
+      if (ibiz.env.enableGridRowBreak) {
+        column.ellipsis = false;
+      }
     });
     return copy;
   });

app_Web/src/components/widgets/grid-control/grid-field-column/grid-field-column.tsx

@@ -71,14 +71,22 @@ export const GridFieldColumn = defineComponent({
       >
         {this.codeList ? (
           <code-list
-            class={this.ns.e('text')}
+            class={[
+              this.ns.e('text'),
+              this.ns.is('enablebreak', ibiz.env.enableGridRowBreak),
+            ]}
             codeListItems={c.codeListItems}
             codeList={this.codeList}
             value={fieldValue}
             textSeparator={c.model.source?.textSeparator}
           ></code-list>
         ) : (
-          <span class={this.ns.e('text')}>
+          <span
+            class={[
+              this.ns.e('text'),
+              this.ns.is('enablebreak', ibiz.env.enableGridRowBreak),
+            ]}
+          >
             {fieldValue}
             {fieldValue != null && c.model.unitName}
           </span>