@knockout-js/layout 0.1.8 → 0.1.10

package/es2017/components/aggregate-menu/index.module.css

@@ -1,6 +1,6 @@
 .aggregateMenu {
   margin-right: 8px;
-  cursor: pointer;
+  cursor      : pointer;
 }
 
 .aggregateMenuDrawer :global(.ant-drawer-header-title) {
@@ -12,13 +12,13 @@
 }
 
 .aggregateMenuDrawerRow {
-  height: 100%;
+  height : 100%;
   display: flex;
 }
 
 .aggregateMenuDrawerAllMenu {
-  height: calc(100% - 52px);
-  padding: 16px;
+  height    : calc(100% - 52px);
+  padding   : 16px;
   overflow-y: auto;
   box-sizing: border-box;
 }
@@ -26,40 +26,40 @@
 .aggregateMenuDrawerAllMenuColumn {
   /* column瀑布流 */
   column-count: 3;
-  column-gap: 10px;
+  column-gap  : 10px;
 }
 
 .aggregateMenuDrawerAllMenuColumnItem {
   /* 瀑布流关键写法 */
-  break-inside: avoid;
+  break-inside : avoid;
   margin-bottom: 16px;
 }
 
 .aggregateMenuDrawerAllAppTitle {
   font-weight: bold;
-  height: 32px;
+  height     : 32px;
   line-height: 32px;
-  padding: 0 16px;
-  color: #ff6a00;
+  padding    : 0 16px;
+  color      : #ff6a00;
 }
 
 .aggregateMenuDrawerAllMenuTitle {
   font-weight: bold;
-  height: 32px;
+  height     : 32px;
   line-height: 32px;
-  padding: 0 16px;
+  padding    : 0 16px;
 }
 
 .aggregateMenuDrawerAllMenuItem {
-  height: 32px;
+  height     : 32px;
   line-height: 32px;
-  cursor: pointer;
-  padding: 0 6px 0 16px;
-  display: flex;
+  cursor     : pointer;
+  padding    : 0 6px 0 16px;
+  display    : flex;
 }
 
 .aggregateMenuDrawerAllMenuItem :global(.anticon-star.collect) {
-  color: rgb(255, 106, 0);
+  color  : rgb(255, 106, 0);
   display: inline-flex;
 }
 
@@ -72,18 +72,18 @@
 }
 
 .aggregateMenuDrawerAllMenuItemDir {
-  height: 32px;
+  height     : 32px;
   line-height: 32px;
-  padding: 0 16px;
+  padding    : 0 16px;
   font-weight: bold;
 }
 
 .aggregateMenuDrawerAllMenuItemName {
-  overflow: hidden;
+  overflow     : hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: auto;
-  font-weight: lighter;
+  white-space  : nowrap;
+  flex         : auto;
+  font-weight  : lighter;
 }
 
 .aggregateMenuDrawerAllMenuItemIcons :global(.ant-space) {
@@ -92,7 +92,7 @@
 
 .aggregateMenuDrawerAllMenuItemIcons :global(.anticon) {
   display: none;
-  color: #c1c1c1;
+  color  : #c1c1c1;
 }
 
 .aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover {
@@ -100,27 +100,67 @@
 }
 
 .aggregateMenuDrawerAllMenuItemIcons :global(.anticon):hover :global(.anticon-star.collect) {
-  color: rgb(255, 106, 0);
+  color  : rgb(255, 106, 0);
   display: inline-flex;
 }
 
 .aggregateMenuDrawerAllInput {
-  padding: 10px 0;
-  margin: 0 16px;
+  padding      : 10px 0;
+  margin       : 0 16px;
   border-bottom: 1px solid rgba(5, 5, 5, 0.06);
 }
 
 .aggregateMenuDrawerMenu {
-  height: 100%;
+  height      : 100%;
   border-right: 1px solid rgba(5, 5, 5, 0.06);
 }
 
+.aggregateMenuDrawerMenuGroup {
+  padding-left: 16px;
+}
+
+.aggregateMenuDrawerAppItem {
+  height     : 40px;
+  line-height: 40px;
+  padding    : 0 10px 0 16px;
+  display    : flex;
+}
+
+.aggregateMenuDrawerAppItem:hover .aggregateMenuDrawerAppItemIcons {
+  display: block;
+}
+
+.aggregateMenuDrawerAppItemIcons {
+  display: none;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.anticon) {
+  color: #c1c1c1;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.dragIcon) {
+  cursor: all-scroll;
+}
+
+.aggregateMenuDrawerAppItemIcons :global(.anticon):hover {
+  color: #8c8c8c;
+}
+
+.aggregateMenuDrawerAppItemName {
+  flex         : auto;
+  text-overflow: ellipsis;
+  white-space  : nowrap;
+  overflow     : hidden;
+  font-weight  : bold;
+  color        : #ff6a00;
+}
+
 .aggregateMenuDrawerMenuItem {
-  height: 40px;
+  height     : 40px;
   line-height: 40px;
-  cursor: pointer;
-  padding: 0 10px 0 16px;
-  display: flex;
+  cursor     : pointer;
+  padding    : 0 10px 0 16px;
+  display    : flex;
 }
 
 .aggregateMenuDrawerMenuItem:hover {
@@ -139,26 +179,30 @@
   color: #c1c1c1;
 }
 
+.aggregateMenuDrawerMenuItemIcons :global(.dragIcon) {
+  cursor: all-scroll;
+}
+
 .aggregateMenuDrawerMenuItemIcons :global(.anticon):hover {
   color: #8c8c8c;
 }
 
 .aggregateMenuDrawerMenuItemName {
-  flex: auto;
+  flex         : auto;
   text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+  white-space  : nowrap;
+  overflow     : hidden;
 }
 
 .aggregateMenuLatelys {
-  padding: 16px 16px 0 16px;
-  height: 112px;
+  padding   : 16px 16px 0 16px;
+  height    : 112px;
   box-sizing: border-box;
 }
 
 .aggregateMenuLatelysColumn {
   column-count: 3;
-  column-gap: 10px;
+  column-gap  : 10px;
 }
 
 /* 黑色主题处理 */

package/es2017/components/layout/index.d.ts

@@ -58,6 +58,10 @@ export interface LayoutProps {
     * ProLayout组件对应的参数
     */
     proLayoutProps?: ProLayoutProps;
+    /**
+     * 顶部插槽，往前语言切换前面添加
+     */
+    actionsBeforeRender?: ReactNode[];
     /**
      * 菜单点击返回 (item: MenuDataItem,isOpen?: boolean) => void;
      */

package/es2017/components/layout/index.js

@@ -100,6 +100,9 @@ const Layout = (props)=>{
                 },
                 actionsRender: ()=>{
                     const actions = [];
+                    if (props.actionsBeforeRender) {
+                        actions.push(...props.actionsBeforeRender);
+                    }
                     if (props.i18nProps) {
                         actions.push(/*#__PURE__*/ _jsx(I18nDropdown, _object_spread({}, props.i18nProps)));
                     }

package/es2017/components/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","i18nProps","push","msgProps","ref","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"ignoreList":[],"sources":[".\\src\\components\\layout\\index.tsx"]}
+{"version":3,"mappings":"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","names":["ProLayout","I18nDropdown","TenantDropdown","AvatarDropdown","MsgDropdown","ThemeSwitch","styles","useRef","useImperativeHandle","CollectProviders","LocaleType","gql","query","OpenWin","logoBase64","AggregateMenu","BarsOutlined","listFormatTreeData","instanceName","userMenuListQuery","Layout","props","msgRef","current","locale","zhCN","appCode","tenantId","tenantProps","value","dark","themeSwitchProps","pathname","className","layout","headerTitleRender","logo","title","aggregateMenuProps","open","rev","undefined","style","fontSize","marginRight","onClick","onChangeOpen","img","src","alt","fixSiderbar","suppressSiderWhenMenuEmpty","menu","request","result","UCENTER","data","userMenus","length","meunList","sort","d1","d2","d1Sort","displaySort","d2Sort","parentID","map","item","key","id","name","icon","IconFont","type","i","parentId","path","route","location","actionsRender","actions","actionsBeforeRender","push","i18nProps","msgProps","ref","avatarProps","menuItemRender","defaultDom","a","onClickMenuItem","menuIconPopup","proLayoutProps","children"],"ignoreList":[],"sources":[".\\src\\components\\layout\\index.tsx"]}

package/es2017/components/layout/layout.module.css

@@ -19,6 +19,12 @@
   padding: 0;
 }
 
+.layout :global(.ant-layout-sider-children>div) {
+  scrollbar-width   : none;
+  -ms-overflow-style: none;
+}
+
+
 :global(.ant-menu-item-active) .menuIconPopup {
   display: block;
 }
@@ -28,10 +34,10 @@
 }
 
 .menuIconPopup {
-  display: none;
-  position: absolute;
-  top: 50%;
-  right: 16px;
+  display   : none;
+  position  : absolute;
+  top       : 50%;
+  right     : 16px;
   margin-top: -6px;
 }
 

package/esm/components/aggregate-menu/collects.d.ts

@@ -0,0 +1,11 @@
+import { DragEndEvent } from "@dnd-kit/core";
+import { AppMenu } from "@knockout-js/api/ucenter";
+import { CollectsDataSource } from ".";
+type AggregateCollectsProps = {
+    dataSource: CollectsDataSource[];
+    onDragEnd?: (event: DragEndEvent, type: 'app' | 'menu') => void;
+    onDel?: (menuItem: AppMenu) => void;
+    onClick?: (menuItem: AppMenu, isOpen?: boolean) => void;
+};
+declare const _default: (props: AggregateCollectsProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/esm/components/aggregate-menu/collects.js

@@ -0,0 +1,169 @@
+import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
+import { jsx as _jsx, jsxs as _jsxs } from "@ice/jsx-runtime/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
+import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import { CloseOutlined, DragOutlined } from "@ant-design/icons";
+import styles from "./index.module.css";
+import { Space } from "antd";
+import { OpenWin } from "../icons";
+/**
+ * 排序拖拽使用的控件
+ * https://docs.dndkit.com/
+ * @param props
+ * @returns
+ */ var DargMenuItem = function(props) {
+    var id = "".concat(props.value.appID, "-").concat(props.value.id);
+    var _useSortable = useSortable({
+        id: id
+    }), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition
+    };
+    return /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
+        ref: setNodeRef,
+        style: style
+    }, attributes), {
+        className: styles.aggregateMenuDrawerMenuItem,
+        onClick: function() {
+            props.onClick();
+        },
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.aggregateMenuDrawerMenuItemName,
+                children: props.value.name
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.aggregateMenuDrawerMenuItemIcons,
+                children: /*#__PURE__*/ _jsxs(Space, {
+                    children: [
+                        /*#__PURE__*/ _jsx(OpenWin, {
+                            className: "anticon",
+                            onClick: function(event) {
+                                event.stopPropagation();
+                                props.onClick(true);
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(CloseOutlined, {
+                            rev: undefined,
+                            onClick: function(event) {
+                                event.stopPropagation();
+                                props.onDel();
+                            }
+                        }),
+                        /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
+                            rev: undefined
+                        }, listeners), {
+                            className: "dragIcon"
+                        }))
+                    ]
+                })
+            })
+        ]
+    }));
+};
+/**
+ * 排序拖拽使用的控件
+ * https://docs.dndkit.com/
+ * @param props
+ * @returns
+ */ var DargAppItem = function(props) {
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    var id = props.app.id;
+    var _useSortable = useSortable({
+        id: id
+    }), setNodeRef = _useSortable.setNodeRef, listeners = _useSortable.listeners, attributes = _useSortable.attributes, transform = _useSortable.transform, transition = _useSortable.transition;
+    var style = {
+        transform: CSS.Transform.toString(transform),
+        transition: transition
+    };
+    return /*#__PURE__*/ _jsxs("div", {
+        children: [
+            /*#__PURE__*/ _jsxs("div", _object_spread_props(_object_spread({
+                ref: setNodeRef,
+                style: style
+            }, attributes), {
+                className: styles.aggregateMenuDrawerAppItem,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.aggregateMenuDrawerAppItemName,
+                        children: props.app.name
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: styles.aggregateMenuDrawerAppItemIcons,
+                        children: /*#__PURE__*/ _jsx(Space, {
+                            children: /*#__PURE__*/ _jsx(DragOutlined, _object_spread_props(_object_spread({
+                                rev: undefined
+                            }, listeners), {
+                                className: "dragIcon"
+                            }))
+                        })
+                    })
+                ]
+            })),
+            /*#__PURE__*/ _jsx("div", {
+                className: styles.aggregateMenuDrawerMenuGroup,
+                children: /*#__PURE__*/ _jsx(DndContext, {
+                    sensors: sensors,
+                    collisionDetection: closestCenter,
+                    onDragEnd: function(event) {
+                        var _props_onDragEnd, _props;
+                        (_props_onDragEnd = (_props = props).onDragEnd) === null || _props_onDragEnd === void 0 ? void 0 : _props_onDragEnd.call(_props, event, "menu");
+                    },
+                    children: /*#__PURE__*/ _jsx(SortableContext, {
+                        items: props.app.children.map(function(item) {
+                            return "".concat(props.app.id, "-").concat(item.id);
+                        }),
+                        strategy: verticalListSortingStrategy,
+                        children: props.app.children.map(function(item) {
+                            return /*#__PURE__*/ _jsx(DargMenuItem, {
+                                value: item,
+                                onDel: function() {
+                                    var _props_onDel, _props;
+                                    (_props_onDel = (_props = props).onDel) === null || _props_onDel === void 0 ? void 0 : _props_onDel.call(_props, item);
+                                },
+                                onClick: function(isOpen) {
+                                    var _props_onClick, _props;
+                                    (_props_onClick = (_props = props).onClick) === null || _props_onClick === void 0 ? void 0 : _props_onClick.call(_props, item, isOpen);
+                                }
+                            }, "".concat(props.app.id, "-").concat(item.id));
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+export default function(props) {
+    var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+        coordinateGetter: sortableKeyboardCoordinates
+    }));
+    return /*#__PURE__*/ _jsx(DndContext, {
+        sensors: sensors,
+        collisionDetection: closestCenter,
+        onDragEnd: function(event) {
+            var _props_onDragEnd, _props;
+            (_props_onDragEnd = (_props = props).onDragEnd) === null || _props_onDragEnd === void 0 ? void 0 : _props_onDragEnd.call(_props, event, "app");
+        },
+        children: /*#__PURE__*/ _jsx(SortableContext, {
+            items: props.dataSource.map(function(item) {
+                return item.id;
+            }),
+            strategy: verticalListSortingStrategy,
+            children: props.dataSource.map(function(item) {
+                return /*#__PURE__*/ _jsx(DargAppItem, {
+                    app: item,
+                    onDel: props.onDel,
+                    onClick: props.onClick,
+                    onDragEnd: props.onDragEnd
+                }, item.id);
+            })
+        })
+    });
+};
+
+ //# sourceMappingURL=collects.js.map

package/esm/components/aggregate-menu/collects.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"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","names":["DndContext","KeyboardSensor","PointerSensor","closestCenter","useSensor","useSensors","SortableContext","sortableKeyboardCoordinates","useSortable","verticalListSortingStrategy","CSS","CloseOutlined","DragOutlined","styles","Space","OpenWin","DargMenuItem","props","id","value","appID","setNodeRef","listeners","attributes","transform","transition","style","Transform","toString","div","ref","className","aggregateMenuDrawerMenuItem","onClick","aggregateMenuDrawerMenuItemName","name","aggregateMenuDrawerMenuItemIcons","event","stopPropagation","rev","undefined","onDel","DargAppItem","sensors","coordinateGetter","app","aggregateMenuDrawerAppItem","aggregateMenuDrawerAppItemName","aggregateMenuDrawerAppItemIcons","aggregateMenuDrawerMenuGroup","collisionDetection","onDragEnd","items","children","map","item","strategy","isOpen","dataSource"],"ignoreList":[],"sources":[".\\src\\components\\aggregate-menu\\collects.tsx"]}

package/esm/components/aggregate-menu/index.d.ts

@@ -10,6 +10,12 @@ export type AggregateMenuDataSource = {
     app: App;
     menu: AppMenu[];
 }[];
+export type CollectsDataSource = {
+    id: string;
+    code: string;
+    name: string;
+    children: AppMenu[];
+};
 export interface AggregateMenuProps {
     /**
      * 弹出开关