x-ui-design 0.7.74 → 0.7.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +16 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +16 -3
- package/dist/index.js.map +1 -1
- package/lib/components/Menu/Menu.tsx +16 -3
- package/package.json +1 -1
- package/src/app/page.tsx +1 -5
package/dist/index.esm.js
CHANGED
|
@@ -4521,7 +4521,20 @@ var SubMenu$1 = /*#__PURE__*/Object.freeze({
|
|
|
4521
4521
|
var css_248z = ".xUi-menu{box-shadow:0 0 4px rgba(0,0,0,.15);font-size:14px;user-select:none}.xUi-menu,.xUi-menu-sub-list{border-radius:4px;display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:4px}.xUi-menu-sub-list{background:var(--xui-background-color);height:max-content}.xUi-menu-item-group{padding:0 24px!important}.xUi-menu-vertical .xUi-menu-sub-list{background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.15);left:100%;min-width:160px;position:absolute;right:-100%;top:0;width:min-content;z-index:1}.xUi-menu-horizontal{display:flex;flex-direction:row}.xUi-menu-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:40px;padding:0 12px;transition:background .3s}.xUi-menu-item:hover{background:rgba(0,0,0,.04)}.xUi-menu-item-icon{margin-right:8px}.xUi-menu-sub{border-radius:6px;position:relative}.xUi-menu-sub-title{align-items:center;cursor:pointer;display:flex;height:40px;padding:0 12px;&:hover{background-color:var(--xui-color-hover);border-radius:6px}}.xUi-menu-sub-label{flex:1}.xUi-menu-sub-arrow{margin-left:8px;transition:transform .2s}.xUi-menu-vertical .xUi-menu-sub-arrow{transform:rotate(-90deg)}.xUi-menu-group{list-style:none;margin:0;padding:0}.xUi-menu-group-title{color:rgba(0,0,0,.45);font-size:12px;padding:8px 12px}.xUi-menu-group-list{list-style:none;margin:0;padding:0}.xUi-menu-divider{border-bottom:1px solid var(--xui-color-disabled);display:block;margin:0 auto;width:calc(100% - 16px)}.xUi-menu-item.xUi-menu-item-disabled{cursor:auto;opacity:.6;&:hover{background-color:unset}}.xUi-menu-inline .xUi-menu-sub-list{background-color:var(--xui-menu-inline-bg)}.xUi-menu-inline .xUi-menu-item{padding:0 24px}.xUi-menu-inline .xUi-menu-sub-title{padding:0 20px}.xUi-menu-inline .xUi-menu-sub-list-sub .xUi-menu-item{padding:0 30px}";
|
|
4522
4522
|
styleInject(css_248z);
|
|
4523
4523
|
|
|
4524
|
-
const MenuContext = /*#__PURE__*/createContext(
|
|
4524
|
+
const MenuContext = /*#__PURE__*/createContext({
|
|
4525
|
+
prefixCls: prefixClsMenu,
|
|
4526
|
+
mode: "vertical",
|
|
4527
|
+
inlineIndent: 0,
|
|
4528
|
+
inlineCollapsed: false,
|
|
4529
|
+
selectedKeys: [],
|
|
4530
|
+
openKeys: [],
|
|
4531
|
+
toggleOpen: function (key, level) {
|
|
4532
|
+
throw new Error("Function not implemented.");
|
|
4533
|
+
},
|
|
4534
|
+
onItemClick: function (key, domEvent) {
|
|
4535
|
+
throw new Error("Function not implemented.");
|
|
4536
|
+
}
|
|
4537
|
+
});
|
|
4525
4538
|
const ItemGroup = ({
|
|
4526
4539
|
title,
|
|
4527
4540
|
children
|
|
@@ -4618,10 +4631,10 @@ const Menu = ({
|
|
|
4618
4631
|
toggleOpen,
|
|
4619
4632
|
onItemClick,
|
|
4620
4633
|
triggerSubMenuAction: _triggerSubMenuActionClick,
|
|
4621
|
-
prefixCls
|
|
4634
|
+
prefixCls: prefixCls ?? prefixClsMenu
|
|
4622
4635
|
}), [mode, inlineIndent, inlineCollapsed, selectedKeys, openKeys, toggleOpen, onItemClick, _triggerSubMenuActionClick, prefixCls]);
|
|
4623
4636
|
return /*#__PURE__*/React.createElement(MenuContext.Provider, {
|
|
4624
|
-
value: ctxValue
|
|
4637
|
+
value: ctxValue ?? {}
|
|
4625
4638
|
}, /*#__PURE__*/React.createElement("ul", {
|
|
4626
4639
|
role: "menu",
|
|
4627
4640
|
style: style,
|