@das-fed/ui 7.1.0-dev.8 → 7.1.0-qatar.1

package/packages/components/menu-aside/src/Index.vue.d.ts

@@ -11,6 +11,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     "onUpdate:currentOpenKeys"?: ((value: string[]) => any) | undefined;
     onMenuClick?: ((value: any) => any) | undefined;
 }>, {
+    rtl: boolean;
     mode: "vertical" | "inline";
     subMenuAttrs: any;
     globalTheme: "default" | "kjl" | "cjb" | "ssl" | "dkh";

package/packages/components/menu-aside/src/sub-menu/sub-menu.vue.d.ts

@@ -7,6 +7,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
     onMenuClick?: ((menu: AnyColumn) => any) | undefined;
     onToggleAffix?: ((key: string, flag: boolean) => any) | undefined;
 }>, {
+    rtl: boolean;
     mode: "vertical" | "inline";
     parentSelectKeys: string[];
     selectedKeys: string[];

package/packages/components/menu-aside/src/sub-menu/type.d.ts

@@ -18,6 +18,8 @@ export interface Props {
 
   
   selectedKeys?: string[]
+
+  rtl?: boolean
 }
 
 export interface Emits {

package/packages/components/menu-aside/src/type.d.ts

@@ -33,6 +33,8 @@ export interface Props {
 
   
   subMenuAttrs?: any
+
+  rtl?: boolean
 }
 
 export interface Emits {

package/packages/components/menu-aside/style.css

@@ -1 +1 @@
-.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside.das-ui-menu-aside-dkh .das-ui-aside-menu{background:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside.das-ui-menu-aside-dkh .ant-menu.ant-menu-dark{background-color:transparent!important}.das-ui-menu-aside.das-ui-menu-aside-dkh .icon-container{background:var(--das-ui-layout-aside-icon-container-background-color)!important}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}
+.ant-menu.ant-menu-dark .ant-menu-sub,.ant-menu-item-selected{background-color:var(--das-ui-layout-aside-submenu-background-color)!important}.ant-menu.ant-menu-dark .ant-menu-sub.ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)!important}.ant-menu-vertical .ant-menu-submenu-title{margin:0!important}.ant-menu-submenu>.ant-menu{border-radius:0!important}.das-ui-sub-menu.is-active .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-active-color)!important}.das-ui-sub-menu.is-active.ant-menu-submenu-vertical .ant-menu-submenu-title{background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)!important}.ant-menu-item{margin:0!important;padding:0!important}.ant-menu-submenu-title{padding:0!important}.ant-menu-vertical>.ant-menu-item,.ant-menu-inline>.ant-menu-item{height:auto!important}.ant-menu-submenu-popup{z-index:var(--das-menu-submenu-popup-z-index)!important}.ant-menu-submenu-popup.is-rtl{direction:rtl}.ant-menu-submenu-popup.is-rtl .submenu-container .title-bar.is-collapse{padding:0 16px 0 12px}.ant-menu-submenu-popup.is-rtl .submenu-container .title-bar .title-right .icon-title{padding-left:0;padding-right:5px}.ant-menu-submenu-popup.is-rtl .submenu-container .item-container{padding:15px 18px 15px 28px}.ant-menu-submenu-popup.is-rtl .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:7px;margin-right:0}.ant-menu-submenu-popup.is-rtl .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-left:0;margin-right:7px}.ant-menu-submenu-popup.is-rtl .submenu-container .item-collapse-container .sub-menu-item{padding:0 20px 0 12px}.ant-menu-submenu-popup .submenu-container{display:flex;flex-direction:column;box-sizing:border-box}.ant-menu-submenu-popup .submenu-container.is-collapse{width:156px}.ant-menu-submenu-popup .submenu-container .title-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;height:50px;box-sizing:border-box;border-bottom:1px solid var(--das-ui-layout-aside-submenu-title-border-color)}.ant-menu-submenu-popup .submenu-container .title-bar:not(.is-collapse){margin:0 22px}.ant-menu-submenu-popup .submenu-container .title-bar.is-collapse{padding:0 12px 0 16px}.ant-menu-submenu-popup .submenu-container .title-bar .title-left{display:flex;align-items:center;overflow:hidden}.ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:12px;color:var(--das-ui-layout-aside--item-color)}html[lang=ar] .ant-menu-submenu-popup .submenu-container .title-bar .title-left .title,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .title-bar .title-left .title{font-size:14px}.ant-menu-submenu-popup .submenu-container .title-bar .title-right{display:flex;align-items:center;color:var(--das-ui-layout-aside-submenu-item-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right.affix{color:var(--das-ui-layout-aside-submenu-item-affix-color)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .das-icon{transform:translateY(-1px)}.ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:12px;padding-left:5px}html[lang=ar] .ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .title-bar .title-right .icon-title{font-size:14px}.ant-menu-submenu-popup .submenu-container .item-container{position:relative;font-size:12px;box-sizing:border-box;max-height:356px;min-height:60px;color:var(--das-ui-layout-aside-submenu-item-color);padding:15px 28px 15px 18px}html[lang=ar] .ant-menu-submenu-popup .submenu-container .item-container,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .item-container{font-size:14px}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row{display:flex;align-items:center}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0 7px;padding:0 8px}@media (min-width: 1100px){.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item{width:168px}}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:first-child{margin-left:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item:last-child{margin-right:0}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}html[lang=ar] .ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .item-container .sub-menu-row .sub-menu-item .expired{font-size:14px}.ant-menu-submenu-popup .submenu-container .item-collapse-container{max-height:620px;box-sizing:border-box;padding:8px 0}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:12px;color:var(--das-ui-layout-aside-submenu-item-color);padding:0 12px 0 20px;height:50px;line-height:50px;display:flex;align-items:center;justify-content:space-between}html[lang=ar] .ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item{font-size:14px}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-vertical-item-hover-background-color)}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}html[lang=ar] .ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired,:host-context(html[lang="ar"]) .ant-menu-submenu-popup .submenu-container .item-collapse-container .sub-menu-item .expired{font-size:14px}.ant-menu-inline .ant-menu-title-content{width:100%}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{height:var(--das-ui-layout-aside-menu-item-height);padding:0 46px 0 51px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 16px 0 51px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline:hover{color:var(--das-ui-layout-aside-submenu-item-hover-color);background-color:var(--das-ui-layout-aside-submenu-item-hover-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-active{color:var(--das-ui-layout-aside--item-active-color);background-color:var(--das-ui-layout-aside-submenu-item-active-background-color)}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;flex:1;min-width:0}html[lang=ar] .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name,:host-context(html[lang="ar"]) .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .name{font-size:14px}.ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}html[lang=ar] .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired,:host-context(html[lang="ar"]) .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline .expired{font-size:14px}.das-ui-menu-aside.is-rtl .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline{padding:0 51px 0 46px}.das-ui-menu-aside.is-rtl .ant-menu-inline .ant-menu-title-content .sub-menu-item_inline.is-expired{padding:0 51px 0 16px}.das-ui-menu-aside{display:flex;flex-direction:column;width:var(--das-ui-layout-aside-menu-width);height:100%;border-right:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside.is-rtl{border-right:0;border-left:1px solid var(--das-ui-layout-aside-border-color)}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu{direction:rtl}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-item,.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title{text-align:right}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-item-icon{width:auto;margin-left:0!important;margin-right:0!important}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-arrow{left:16px!important;right:auto!important}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translateY(-3.5px)!important}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-vertical .ant-menu-submenu-title .ant-menu-submenu-arrow:after{transform:rotate(45deg) translateY(3.5px)!important}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title{padding-left:0;padding-right:0}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{width:auto}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-title-content{text-align:right}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title .menu-title{padding-right:0;padding-left:15px}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title{flex-direction:row;width:100%;padding-left:4px;padding-right:15px;text-align:right}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title.is-expired{padding-left:18px;padding-right:15px}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title .icon-box{padding-left:15px;padding-right:0}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title .menu-item-content{text-align:right}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{flex:1 1 auto;min-width:0;text-align:right}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .aside-menu-title .menu-item-content .ant-menu-submenu-arrow[custom=true]{margin-left:0;margin-right:auto}.das-ui-menu-aside.is-rtl .das-ui-aside-menu .ant-menu-submenu-title .aside-menu-title{width:100%;margin-left:0;padding-left:36px}.das-ui-menu-aside.is-rtl .icon-container{align-items:flex-start}.das-ui-menu-aside.is-rtl .icon-container.is-collapse{align-items:center}.das-ui-menu-aside.is-rtl.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.is-rtl.theme-cjb .sub-menu-item_inline.is-active:before{left:auto;right:0}.das-ui-menu-aside.das-ui-menu-aside-dkh .das-ui-aside-menu{background:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside.das-ui-menu-aside-dkh .ant-menu.ant-menu-dark{background-color:transparent!important}.das-ui-menu-aside.das-ui-menu-aside-dkh .icon-container{background:var(--das-ui-layout-aside-icon-container-background-color)!important}.das-ui-menu-aside .ant-menu-vertical{background-color:var(--das-ui-layout-aside-submenu-vertical-background-color)}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:before{height:1.3px;width:7px;transform:rotate(45deg) translateY(-3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-vertical .ant-menu-submenu-arrow:after{height:1.3px;width:7px;transform:rotate(-45deg) translateY(3.5px);background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:before{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow:after{height:1.3px;width:7px;background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:before{transform:rotate(45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=true] .ant-menu-submenu-arrow:after{transform:rotate(-45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-title[aria-expanded=false] .ant-menu-submenu-arrow:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]{opacity:.8!important}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:before{transform:rotate(-45deg) translate(3.5px)}.das-ui-menu-aside .ant-menu-inline .ant-menu-submenu-arrow[custom=true]:after{transform:rotate(45deg) translate(-3.5px)}.das-ui-menu-aside .das-ui-aside-menu{display:flex;flex-direction:column;flex:1;min-height:0;width:var(--das-ui-layout-aside-menu-width);background-color:var(--das-ui-layout-aside-background-color)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu.is-collapse .ant-menu-submenu-arrow{display:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark{width:var(--das-ui-layout-aside-menu-width);color:var(--das-ui-layout-aside--item-color);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark .ant-menu-item-selected .ant-menu-item-icon{color:var(--das-ui-layout-aside--item-active-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu.is-collapse{width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu.ant-menu-dark.ant-menu-vertical .ant-menu-submenu-open .aside-menu-title{color:var(--das-ui-layout-aside-item-hover-color);background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .das-aside-menu-bottom-container{margin-top:auto}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item{color:var(--das-ui-layout-aside--item-color);margin:0!important;display:flex;flex-direction:column;justify-content:center;transition:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.ant-menu-item-selected{background-color:transparent!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .aside-menu-title.is-active{color:var(--das-ui-layout-aside--item-active-color)!important;background-color:var(--das-ui-layout-aside--item-active-background-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item:focus-visible{box-shadow:none!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow{opacity:.8!important;transition:all .3s}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:after,.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item .ant-menu-submenu-arrow:before{background:var(--das-ui-layout-aside--item-arrow-color)!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{color:var(--das-ui-layout-aside--item-color);height:var(--das-ui-layout-aside-menu-item-height)!important;line-height:var(--das-ui-layout-aside-menu-item-height)!important;margin:0!important}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;font-size:12px;flex:1;min-width:0}html[lang=ar] .das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title,:host-context(html[lang="ar"]) .das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .menu-title{font-size:14px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title{width:100%;padding-left:15px;padding-right:4px;box-sizing:border-box;display:flex!important;align-items:center;height:var(--das-ui-layout-aside-menu-item-height)}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title.is-expired{padding-right:18px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box{flex-shrink:0;padding-right:15px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box i,.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .icon-box img{width:20px;height:20px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content{display:flex;justify-content:space-between;align-items:center;flex:1;min-width:0;height:100%}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;flex:1;min-width:0}html[lang=ar] .das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title,:host-context(html[lang="ar"]) .das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .menu-title{font-size:14px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{border:1px solid currentColor;border-radius:10px;font-size:12px;width:48px;height:18px;line-height:18px;text-align:center;margin-left:8px;border-color:var(--das-ui-layout-aside-menu-expired-color);color:var(--das-ui-layout-aside-menu-expired-color)}html[lang=ar] .das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired,:host-context(html[lang="ar"]) .das-ui-menu-aside .das-ui-aside-menu .aside-menu-title .menu-item-content .expired{font-size:14px}.das-ui-menu-aside .das-ui-aside-menu .aside-menu-title:hover{color:var(--das-ui-layout-aside-item-hover-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-vertical .aside-menu-title:hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-inline .aside-menu-title:not(.has-children):hover{background-color:var(--das-ui-layout-aside-item-hover-background-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title{padding-left:15px}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-submenu-title .ant-menu-item-icon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item{border-bottom:1px solid var(--das-ui-layout-aside-divise-border-color)}.das-ui-menu-aside .das-ui-aside-menu .ant-menu-item.divise-menu-item .aside-menu-title{height:59px;line-height:59px}.das-ui-menu-aside .icon-container{width:var(--das-ui-layout-aside-menu-width);display:flex;flex-direction:column;justify-content:center;height:50px;border-top:1px solid rgba(255,255,255,.3);background-color:var(--das-ui-layout-aside-background-color);transition:none}.das-ui-menu-aside .icon-container.is-collapse{align-items:center;width:var(--das-ui-layout-aside-collapse-menu-width)}.das-ui-menu-aside .icon-container .collapse-icon{cursor:pointer;color:var(--das-ui-layout-aside-collapse-icon-bg-color);font-size:20px}html[lang=ar] .das-ui-menu-aside .icon-container .collapse-icon,:host-context(html[lang="ar"]) .das-ui-menu-aside .icon-container .collapse-icon{font-size:22px}.das-ui-menu-aside .icon-container .collapse-icon:hover{color:var(--das-ui-layout-aside-collapse-icon-hover-bg-color)}.das-ui-menu-aside.theme-cjb .aside-menu-title.is-active:before,.das-ui-menu-aside.theme-cjb .sub-menu-item_inline.is-active:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--das-ui-layout-aside--item-active-color)}

package/packages/components/menu-header/index.d.ts

@@ -11,6 +11,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
             closable?: boolean;
             [key: string]: any;
         }[];
+        dir: "ltr" | "rtl";
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -28,6 +29,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
             closable?: boolean;
             [key: string]: any;
         }[];
+        dir: "ltr" | "rtl";
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -44,6 +46,7 @@ declare const DasMenuHeader: import("@das-fed/utils").SFCWithInstall<{
         closable?: boolean;
         [key: string]: any;
     }[];
+    dir: "ltr" | "rtl";
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         'header-left'?: (props: {}) => any;

package/packages/components/menu-header/index.js

@@ -1,19 +1,19 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
 import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as u, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as c } from "vue";
-import { Tabs as T, TabPane as x } from "ant-design-vue";
+import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as d, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as i } from "vue";
+import { Tabs as T, TabPane as C } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
-import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
-function $(e) {
-  return typeof e == "string" && e.includes("px") ? e : e + "px";
+import { vDasTooltip as $ } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { setThemeRule as x } from "@das-fed/web/packages/theme/index";
+function S(r) {
+  return typeof r == "string" && r.includes("px") ? r : r + "px";
 }
-const w = (e, m) => ({
+const w = (r, f) => ({
   realHeight: h(() => {
     let o;
-    return e.height && (o = $(e.height)), o;
+    return r.height && (o = S(r.height)), o;
   })
-}), i = {
+}), c = {
   "--das-ui-layout-header-menu-border-color": {
     kjl: "#3C81E0",
     cjb: "#D9D9D9",
@@ -75,50 +75,51 @@ const w = (e, m) => ({
   ...z,
   props: {
     theme: { default: "default" },
+    dir: { default: "ltr" },
     height: {},
     menus: { default: () => [] }
   },
   emits: ["update:currentKey"],
-  setup(e, { emit: m }) {
-    const a = e, { realHeight: o } = w(a), f = h(() => {
-      const r = {};
-      return a.theme === "default" || Object.keys(i).forEach((d) => {
+  setup(r, { emit: f }) {
+    const a = r, { realHeight: o } = w(a), m = h(() => {
+      const e = {};
+      return a.theme === "default" || Object.keys(c).forEach((u) => {
         var t;
-        r[d] = ((t = i[d]) == null ? void 0 : t[a.theme]) ?? void 0;
-      }), r;
+        e[u] = ((t = c[u]) == null ? void 0 : t[a.theme]) ?? void 0;
+      }), e;
     });
-    return (r, d) => (l(), F(
+    return (e, u) => (l(), F(
       "div",
       {
-        class: g(["das-ui-header-menu", `theme-${r.theme}`]),
-        style: k(f.value)
+        class: g(["das-ui-header-menu", `theme-${e.theme}`, `dir-${e.dir}`]),
+        style: k(m.value)
       },
       [
-        v(s(T), p(r.$attrs, {
+        v(s(T), p(e.$attrs, {
           style: { height: s(o) },
           type: "editable-card",
           contextmenu: !1,
           hideAdd: !0
         }), {
-          leftExtra: u(() => [
+          leftExtra: d(() => [
             n("div", N, [
-              c(r.$slots, "header-left")
+              i(e.$slots, "header-left")
             ])
           ]),
-          rightExtra: u(() => [
+          rightExtra: d(() => [
             n("div", V, [
-              c(r.$slots, "header-right")
+              i(e.$slots, "header-right")
             ])
           ]),
-          default: u(() => [
+          default: d(() => [
             (l(!0), F(
               j,
               null,
-              E(r.menus, (t) => (l(), _(s(x), {
+              E(e.menus, (t) => (l(), _(s(C), {
                 key: t.code,
                 closable: t.closable
               }, {
-                tab: u(() => [
+                tab: d(() => [
                   B((l(), F("div", M, [
                     D(
                       H(t.name),
@@ -126,7 +127,7 @@ const w = (e, m) => ({
                       /* TEXT */
                     )
                   ])), [
-                    [s(C)]
+                    [s($)]
                   ])
                 ]),
                 _: 2
@@ -155,7 +156,7 @@ const w = (e, m) => ({
   "--das-ui-layout-header-menu-remove-btn-color": "rgba(170, 170, 172)",
   "--das-ui-layout-header-menu-remove-btn-hover-color": "#ffffff"
 };
-S(L);
+x(L);
 const G = b(A), J = { title: "Menu-Header 水平导航栏" };
 export {
   G as DasMenuHeader,

package/packages/components/menu-header/src/Index.vue.d.ts

@@ -12,6 +12,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {},
         closable?: boolean;
         [key: string]: any;
     }[];
+    dir: "ltr" | "rtl";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     'header-left'?: (props: {}) => any;
 } & {

package/packages/components/menu-header/src/type.d.ts

@@ -1,5 +1,6 @@
 export interface Props {
   theme?: 'default' | 'kjl' | 'cjb' | 'ssl'
+  dir?: 'ltr' | 'rtl'
   height?: string | number
   menus: {
     code: string

package/packages/components/menu-header/style.css

@@ -1 +1 @@
-.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-with-remove) .ant-tabs-tab-btn{padding-right:12px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}
+.das-ui-header-menu{border-bottom:1px solid var(--das-ui-layout-header-menu-border-color)}.das-ui-header-menu .ant-tabs.ant-tabs-top .ant-tabs-nav:before{border-bottom:none}.das-ui-header-menu .ant-tabs .ant-tabs-nav{height:100%;background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:0 11px 0 16px;background-color:var(--das-ui-layout-header-menu-background-color);border:none;transition:color .2s cubic-bezier(.645,.045,.355,1)}html[lang=ar] .das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab,:host-context(html[lang="ar"]) .das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab{font-size:18px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:not(.ant-tabs-tab-with-remove) .ant-tabs-tab-btn{padding-right:12px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-btn{min-width:8px;max-width:218px;box-sizing:border-box;color:var(--das-ui-layout-header-menu-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{opacity:0;position:relative;transform:translateY(-.5px);margin-left:5px!important}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove .anticon.anticon-close{vertical-align:middle}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover{background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn,.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{padding-left:0;opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active{background-color:var(--das-ui-layout-header-menu-active-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--das-ui-layout-header-menu-active-color);padding-left:0;display:inline-block}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-remove{padding-left:0;opacity:0}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove{color:var(--das-ui-layout-header-menu-remove-btn-color);opacity:1}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-tab.ant-tabs-tab-active:hover .ant-tabs-tab-remove:hover{color:var(--das-ui-layout-header-menu-remove-btn-hover-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .anticon-ellipsis{position:relative;top:-2px}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations{color:var(--das-ui-layout-header-menu-color);background-color:var(--das-ui-layout-header-menu-background-color)}.das-ui-header-menu .ant-tabs .ant-tabs-nav .ant-tabs-nav-operations:hover{color:var(--das-ui-layout-header-menu-hover-color);background-color:var(--das-ui-layout-header-menu-hover-background-color)}.das-ui-header-menu .header-left,.das-ui-header-menu .header-right{flex-shrink:0;height:48px;position:relative}.das-ui-header-menu.dir-rtl .ant-tabs-nav .ant-tabs-tab .ant-tabs-tab-remove{margin-right:5px!important}

package/packages/components/message/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     消息提示: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/message/index.js

@@ -96,7 +96,7 @@ const S = {
   "--das-ui-message-error-bg-color": "#FFDBE0",
   "--das-ui-message-error-color": "#FB2323",
   "--das-ui-message-error-bd-color": "##FFADB6"
-}, B = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", _appCode: "framework" } };
+}, B = { 消息提示: { "zh-CN": "消息提示", en: "Message Prompt", ar: "تنبيه الرسالة", _appCode: "framework" } };
 w(B);
 F(S);
 const E = r;

package/packages/components/notification/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     通知: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/notification/index.js

@@ -48,7 +48,7 @@ const m = {
   config: (i) => t.config(i),
   destroy: () => t.destroy(),
   close: (i) => t.close(i)
-}, e = {
+}, r = {
   "--das-ui-notification-font-size-sm": "12px",
   "--das-ui-notification-font-size-md": "14px",
   "--das-ui-notification-font-size-lg": "16px",
@@ -56,9 +56,9 @@ const m = {
   "--das-ui-notification-primary-bg-color": "#5582f3",
   "--das-ui-notification-close-hover-color": "#85b8ff",
   "--das-ui-notification-close-color": "#666666;"
-}, r = { 通知: { "zh-CN": "通知", en: "Notification", _appCode: "framework" } };
-c(r);
-o(e);
+}, e = { 通知: { "zh-CN": "通知", en: "Notification", ar: "إشعار", _appCode: "framework" } };
+c(e);
+o(r);
 const g = { name: `Notification ${s("通知")}` };
 export {
   m as DasNotification,

package/packages/components/pagination/i18n/index.d.ts

@@ -2,21 +2,25 @@ declare const _default: {
     第: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     页: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'pagination-total_page': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'pagination-items_per_page': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/pagination/index.js

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/pagination/style.css';
 import { defineComponent as B, createElementBlock as _, openBlock as u, createElementVNode as D, ref as T, computed as d, createBlock as N, withCtx as C, withDirectives as H, createVNode as m, createTextVNode as L, toDisplayString as S, unref as o, normalizeClass as h, Fragment as j, renderList as J, reactive as K, watch as Q, onMounted as W, nextTick as X, createCommentVNode as b, mergeProps as Y, isRef as M, renderSlot as Z } from "vue";
 import { withInstall as ee } from "@das-fed/utils/with-install/index";
-import { t as P, currentLang as ae, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
+import { t as $, currentLang as ae, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
 import { DasAutoRegisterIcon as oe, DasIcon as x } from "@das-fed/ui/packages/components/icon/index";
 import { ElConfigProvider as le, ElPagination as ne } from "element-plus";
 import "element-plus/es/components/pagination/style/css";
@@ -73,7 +73,7 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
                 }, {
                   default: C(() => [
                     L(
-                      S(o(P)("pagination-items_per_page", i)),
+                      S(o($)("pagination-items_per_page", i)),
                       1
                       /* TEXT */
                     )
@@ -93,7 +93,7 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
           D("span", fe, [
             H((u(), _("span", _e, [
               L(
-                S(o(P)("pagination-items_per_page", g.value)),
+                S(o($)("pagination-items_per_page", g.value)),
                 1
                 /* TEXT */
               )
@@ -132,12 +132,12 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
     return (f, n) => (u(), _(
       "div",
       he,
-      S(o(P)("pagination-total_page", f.totalPage)),
+      S(o($)("pagination-total_page", f.totalPage)),
       1
       /* TEXT */
     ));
   }
-}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), Pe = { class: "das-ui-pagination" }, $e = {
+}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), $e = { class: "das-ui-pagination" }, Pe = {
   key: 0,
   style: { color: "#212121", "font-size": "12px" }
 }, be = {
@@ -188,7 +188,7 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         immediate: !0
       }
     );
-    const $ = (t, a) => {
+    const P = (t, a) => {
       const r = /* @__PURE__ */ new Map([
         [
           "first",
@@ -221,9 +221,9 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
     return W(() => {
       X(() => {
         var t, a, r;
-        (t = g.value) != null && t.$el && ((a = g.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (g.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = P("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = P("页")));
+        (t = g.value) != null && t.$el && ((a = g.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (g.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = $("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = $("页")));
       });
-    }), (t, a) => (u(), _("div", Pe, [
+    }), (t, a) => (u(), _("div", $e, [
       V.value.includes("total") ? (u(), N(o(Se), {
         key: 0,
         "total-page": i.value,
@@ -259,7 +259,7 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
                   [
                     w.value ? (u(), _(
                       "div",
-                      $e,
+                      Pe,
                       S(o(e)) + "/" + S(Math.ceil(z.value / o(c))),
                       1
                       /* TEXT */
@@ -270,14 +270,14 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
                           icon: "arrow-first",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[0] || (a[0] = (r) => $("first", s.first))
+                          onClick: a[0] || (a[0] = (r) => P("first", s.first))
                         }, null, 8, ["class"]),
                         m(o(x), {
                           class: h(["page-icon", s.pre ? "disabled" : ""]),
                           icon: "left",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[1] || (a[1] = (r) => $("pre", s.pre))
+                          onClick: a[1] || (a[1] = (r) => P("pre", s.pre))
                         }, null, 8, ["class"])
                       ]),
                       D("div", De, [
@@ -286,14 +286,14 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
                           icon: "right",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[2] || (a[2] = (r) => $("next", s.next))
+                          onClick: a[2] || (a[2] = (r) => P("next", s.next))
                         }, null, 8, ["class"]),
                         m(o(x), {
                           class: h(["page-icon", s.last ? "disabled" : ""]),
                           icon: "arrow-last",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[3] || (a[3] = (r) => $("last", s.last))
+                          onClick: a[3] || (a[3] = (r) => P("last", s.last))
                         }, null, 8, ["class"])
                       ])
                     ]))
@@ -327,10 +327,10 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
   "--das-ui-pagination-size--poppver-item-click-color": "#5582f3",
   "--das-ui-pagination-totalpage-color": "#666666"
 }, Ie = {
-  第: { "zh-CN": "第", en: "Page", _appCode: "framework" },
-  页: { "zh-CN": "页", en: " ", _appCode: "framework" },
-  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0", _appCode: "framework" },
-  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Records/Page", _appCode: "framework" }
+  第: { "zh-CN": "第", en: "Page", ar: "صفحة", _appCode: "framework" },
+  页: { "zh-CN": "页", en: " ", ar: " ", _appCode: "framework" },
+  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0", ar: "الإجمالي $0", _appCode: "framework" },
+  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Records/Page", ar: "$0 سجل/صفحة", _appCode: "framework" }
 };
 te(Ie);
 ge(Ee);

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.sizes-dropdown-link[data-v-c341a216]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-c341a216]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-c341a216]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-c341a216]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-c341a216]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{min-width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__classifier,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1fdaf0e]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1fdaf0e]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1fdaf0e]{cursor:not-allowed;fill:#b2b2b2}
+.sizes-dropdown-link[data-v-c341a216]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-c341a216]{font-size:14px;transition:transform .3s}html[lang=ar] .sizes-dropdown-link .arrow-icon[data-v-c341a216],:host-context(html[lang="ar"]) .sizes-dropdown-link .arrow-icon[data-v-c341a216]{font-size:16px}.sizes-dropdown-link .rotate180[data-v-c341a216]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-c341a216]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}html[lang=ar] .sizes-dropdown-link .current-page-size[data-v-c341a216],:host-context(html[lang="ar"]) .sizes-dropdown-link .current-page-size[data-v-c341a216]{font-size:14px}.sizes-dropdown-link:hover .arrow-icon[data-v-c341a216]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{min-width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}html[lang=ar] .pagination-sizes-popper .sizes-item.el-dropdown-menu__item,:host-context(html[lang="ar"]) .pagination-sizes-popper .sizes-item.el-dropdown-menu__item{font-size:14px}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}html[lang=ar] .total-page[data-v-917c488b],:host-context(html[lang="ar"]) .total-page[data-v-917c488b]{font-size:14px}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__classifier,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1fdaf0e]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1fdaf0e]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1fdaf0e]{cursor:not-allowed;fill:#b2b2b2}

package/packages/components/popover/i18n/index.d.ts

@@ -2,11 +2,13 @@ declare const _default: {
     'das-ui-popover-confirm': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'das-ui-popover-cancel': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/popover/index.js

@@ -98,8 +98,8 @@ const S = { class: "das-ui-popover-container" }, T = {
     }, 16, ["placement", "width", "popper-class"]));
   }
 }), q = {
-  "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", _appCode: "framework" },
-  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", _appCode: "framework" }
+  "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", ar: "موافق", _appCode: "framework" },
+  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", ar: "إلغاء", _appCode: "framework" }
 };
 E(q);
 const Q = () => C(null), U = V(j), W = { title: "Popover 气泡卡片" };

package/packages/components/popover/style.css

@@ -1 +1 @@
-.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}
+.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}html[lang=ar] .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title,:host-context(html[lang="ar"]) .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{font-size:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}html[lang=ar] .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content,:host-context(html[lang="ar"]) .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{font-size:14px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}

package/packages/components/preview/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     'das-preview-text': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/preview/index.js

@@ -55,7 +55,9 @@ const y = (e) => {
   for (const [o, s] of r)
     t[o] = s;
   return t;
-}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-9643931e"]]), B = { "das-preview-text": { "zh-CN": "预览", en: "Preview", _appCode: "framework" } }, L = f(z);
+}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-9643931e"]]), B = {
+  "das-preview-text": { "zh-CN": "预览", en: "Preview", ar: "معاينة", _appCode: "framework" }
+}, L = f(z);
 d(B);
 export {
   L as DasPreview,

package/packages/components/progress/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-ui-progress[data-v-c07cb4f9] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-c07cb4f9] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-c07cb4f9]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-c07cb4f9]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-c07cb4f9]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:#212121}.das-ui-progress .percentage-color[data-v-c07cb4f9]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-c07cb4f9]{font-size:26px}.das-ui-progress .tip-line[data-v-c07cb4f9]{margin-top:12px;color:var(--das-ui-progress-percentage-text);display:flex;justify-content:space-between;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}.das-ui-progress .tip-line .line-left[data-v-c07cb4f9]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-c07cb4f9]{justify-content:center}.das-ui-progress .tip-line.left[data-v-c07cb4f9]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-c07cb4f9]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-c07cb4f9]{font-size:16px;text-align:center;color:var(--56b97d1c);margin-top:2px}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,var(--das-ui-progress-loading-start) 34%,var(--das-ui-progress-loading-end) 100%);animation:loading-c07cb4f9 3s ease 0s infinite}@keyframes loading-c07cb4f9{0%{right:100%}80%{right:-107px}to{right:-107px}}
+@charset "UTF-8";.das-ui-progress[data-v-c07cb4f9] .el-progress-bar__outer{background-color:#e5e5e5}.das-ui-progress[data-v-c07cb4f9] svg path:first-child{stroke:#e5e5e5}.das-ui-progress .percentage-graph[data-v-c07cb4f9]{margin:0 auto;position:relative}.das-ui-progress .percentage-graph .line-icon[data-v-c07cb4f9]{position:absolute;top:50%;right:-9px;transform:translate(100%,-50%)}.das-ui-progress .percentage-graph .line-icon.normal[data-v-c07cb4f9]{display:flex;align-items:center}.das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9]{font-family:Arial;font-size:16px;font-weight:400;line-height:1px;text-align:right;letter-spacing:0px;color:#212121}html[lang=ar] .das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9],:host-context(html[lang="ar"]) .das-ui-progress .percentage-graph .line-icon.normal .end-text[data-v-c07cb4f9]{font-size:18px}.das-ui-progress .percentage-color[data-v-c07cb4f9]{color:var(--das-ui-progress-percentage-text)}.das-ui-progress .percentage-value[data-v-c07cb4f9]{font-size:26px}html[lang=ar] .das-ui-progress .percentage-value[data-v-c07cb4f9],:host-context(html[lang="ar"]) .das-ui-progress .percentage-value[data-v-c07cb4f9]{font-size:28px}.das-ui-progress .tip-line[data-v-c07cb4f9]{margin-top:12px;color:var(--das-ui-progress-percentage-text);display:flex;justify-content:space-between;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}html[lang=ar] .das-ui-progress .tip-line[data-v-c07cb4f9],:host-context(html[lang="ar"]) .das-ui-progress .tip-line[data-v-c07cb4f9]{font-size:18px}.das-ui-progress .tip-line .line-left[data-v-c07cb4f9]{max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.das-ui-progress .tip-line.center[data-v-c07cb4f9]{justify-content:center}.das-ui-progress .tip-line.left[data-v-c07cb4f9]{justify-content:flex-start}.das-ui-progress .tip-line.right[data-v-c07cb4f9]{justify-content:flex-end}.das-ui-progress .tip-circle[data-v-c07cb4f9]{font-size:16px;text-align:center;color:var(--56b97d1c);margin-top:2px}html[lang=ar] .das-ui-progress .tip-circle[data-v-c07cb4f9],:host-context(html[lang="ar"]) .das-ui-progress .tip-circle[data-v-c07cb4f9]{font-size:18px}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner{overflow:hidden}.das-ui-progress .showLoading[data-v-c07cb4f9] .el-progress-bar__inner:before{content:"";display:block;position:absolute;width:107px;height:100%;border-radius:4px;right:100%;background:linear-gradient(270deg,var(--das-ui-progress-loading-start) 34%,var(--das-ui-progress-loading-end) 100%);animation:loading-c07cb4f9 3s ease 0s infinite}@keyframes loading-c07cb4f9{0%{right:100%}80%{right:-107px}to{right:-107px}}