@univerjs/sheets-sort-ui 0.25.1 → 1.0.0-alpha.1

package/lib/cjs/index.js

@@ -7,26 +7,11 @@ let _univerjs_design = require("@univerjs/design");
 let _univerjs_ui = require("@univerjs/ui");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-let _univerjs_engine_formula = require("@univerjs/engine-formula");
 let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_engine_formula = require("@univerjs/engine-formula");
 let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
 
 //#region src/views/ExtendConfirm.tsx
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
 const ExtendConfirm = (props) => {
 	const [extend, setExtend] = (0, react.useState)("0");
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -53,9 +38,21 @@ const ExtendConfirm = (props) => {
 		})]
 	});
 };
+function createExtendConfirm(onChange) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExtendConfirm, { onChange });
+}
+
+//#endregion
+//#region src/views/SortCheckError.tsx
+const SortCheckError = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: props.message });
+};
+function createSortCheckError(message) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SortCheckError, { message });
+}
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -66,7 +63,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -79,14 +76,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -97,7 +94,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -105,7 +102,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -114,7 +111,7 @@ function __decorate(decorators, target, key, desc) {
 }
 
 //#endregion
-//#region src/services/sheets-sort-ui.service.tsx
+//#region src/services/sheets-sort-ui.service.ts
 const SORT_ERROR_MESSAGE = {
 	MERGE_ERROR: "sheets-sort-ui.error.merge-size",
 	EMPTY_ERROR: "sheets-sort-ui.error.empty",
@@ -193,7 +190,7 @@ let SheetsSortUIService = class SheetsSortUIService extends _univerjs_core.Dispo
 		return await this._confirmService.confirm({
 			id: "sort-range-check-error",
 			title: { title: this._localeService.t("sheets-sort-ui.info.tooltip") },
-			children: { title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: this._localeService.t(content) }) },
+			children: { title: createSortCheckError(this._localeService.t(content)) },
 			cancelText: this._localeService.t("sheets-sort-ui.dialog.cancel"),
 			confirmText: this._localeService.t("sheets-sort-ui.dialog.confirm")
 		});
@@ -203,9 +200,9 @@ let SheetsSortUIService = class SheetsSortUIService extends _univerjs_core.Dispo
 		if (await this._confirmService.confirm({
 			id: "extend-sort-range-dialog",
 			title: { title: this._localeService.t("sheets-sort-ui.dialog.sort-reminder") },
-			children: { title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExtendConfirm, { onChange: (value) => {
+			children: { title: createExtendConfirm((value) => {
 				shouldExtend = value === "1";
-			} }) },
+			}) },
 			width: 400,
 			cancelText: this._localeService.t("sheets-sort-ui.dialog.cancel"),
 			confirmText: this._localeService.t("sheets-sort-ui.dialog.confirm")
@@ -374,7 +371,7 @@ const SortRangeCustomInCtxMenuCommand = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-sort-ui";
-var version = "0.25.1";
+var version = "1.0.0-alpha.1";
 
 //#endregion
 //#region src/config/config.ts
@@ -382,203 +379,6 @@ const SHEETS_SORT_UI_PLUGIN_CONFIG_KEY = "sheets-sort-ui.config";
 const configSymbol = Symbol(SHEETS_SORT_UI_PLUGIN_CONFIG_KEY);
 const defaultPluginConfig = {};
 
-//#endregion
-//#region src/menu/sheets-sort.menu.ts
-const SHEETS_SORT_MENU_ID = "sheet.menu.sheets-sort";
-const SHEETS_SORT_CTX_MENU_ID = "sheet.menu.sheets-sort-ctx";
-const SHEETS_SORT_ASC_ICON = "AscendingIcon";
-const SHEETS_SORT_ASC_EXT_ICON = "ExpandAscendingIcon";
-const SHEETS_SORT_DESC_ICON = "DescendingIcon";
-const SHEETS_SORT_DESC_EXT_ICON = "ExpandDescendingIcon";
-const SHEETS_SORT_CUSTOM_ICON = "CustomSortIcon";
-function sortRangeMenuFactory(accessor) {
-	return {
-		id: SHEETS_SORT_MENU_ID,
-		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		icon: SHEETS_SORT_ASC_ICON,
-		tooltip: "sheets-sort-ui.general.sort",
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeAscMenuFactory(_accessor) {
-	return {
-		id: SortRangeAscCommand.id,
-		icon: SHEETS_SORT_ASC_ICON,
-		title: "sheets-sort-ui.general.sort-asc-cur",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		hidden$: (0, _univerjs_sheets_ui.getCurrentExclusiveRangeInterest$)(_accessor)
-	};
-}
-function sortRangeAscExtMenuFactory(_accessor) {
-	return {
-		id: SortRangeAscExtCommand.id,
-		title: "sheets-sort-ui.general.sort-asc-ext",
-		icon: SHEETS_SORT_ASC_EXT_ICON,
-		type: _univerjs_ui.MenuItemType.BUTTON
-	};
-}
-function sortRangeDescMenuFactory(_accessor) {
-	return {
-		id: SortRangeDescCommand.id,
-		title: "sheets-sort-ui.general.sort-desc-cur",
-		icon: SHEETS_SORT_DESC_ICON,
-		type: _univerjs_ui.MenuItemType.BUTTON
-	};
-}
-function sortRangeDescExtMenuFactory(_accessor) {
-	return {
-		id: SortRangeDescExtCommand.id,
-		title: "sheets-sort-ui.general.sort-desc-ext",
-		icon: SHEETS_SORT_DESC_EXT_ICON,
-		type: _univerjs_ui.MenuItemType.BUTTON
-	};
-}
-function sortRangeCustomMenuFactory(_accessor) {
-	return {
-		id: SortRangeCustomCommand.id,
-		title: "sheets-sort-ui.general.sort-custom",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_CUSTOM_ICON
-	};
-}
-function sortRangeCtxMenuFactory(accessor) {
-	return {
-		id: SHEETS_SORT_CTX_MENU_ID,
-		title: "sheets-sort-ui.general.sort",
-		type: _univerjs_ui.MenuItemType.SUBITEMS,
-		icon: SHEETS_SORT_ASC_ICON,
-		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeAscCtxMenuFactory(_accessor) {
-	return {
-		id: SortRangeAscInCtxMenuCommand.id,
-		title: "sheets-sort-ui.general.sort-asc-cur",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_ASC_ICON,
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(_accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeAscExtCtxMenuFactory(_accessor) {
-	return {
-		id: SortRangeAscExtInCtxMenuCommand.id,
-		title: "sheets-sort-ui.general.sort-asc-ext",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_ASC_EXT_ICON,
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(_accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeDescCtxMenuFactory(_accessor) {
-	return {
-		id: SortRangeDescInCtxMenuCommand.id,
-		title: "sheets-sort-ui.general.sort-desc-cur",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_DESC_ICON,
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(_accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeDescExtCtxMenuFactory(_accessor) {
-	return {
-		id: SortRangeDescExtInCtxMenuCommand.id,
-		title: "sheets-sort-ui.general.sort-desc-ext",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_DESC_EXT_ICON,
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(_accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-function sortRangeCustomCtxMenuFactory(_accessor) {
-	return {
-		id: SortRangeCustomInCtxMenuCommand.id,
-		title: "sheets-sort-ui.general.sort-custom",
-		type: _univerjs_ui.MenuItemType.BUTTON,
-		icon: SHEETS_SORT_CUSTOM_ICON,
-		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(_accessor, {
-			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
-			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
-			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
-		})
-	};
-}
-
-//#endregion
-//#region src/menu/schema.ts
-const menuSchema = {
-	[_univerjs_ui.RibbonDataGroup.ORGANIZATION]: { [SHEETS_SORT_MENU_ID]: {
-		order: 3,
-		menuItemFactory: sortRangeMenuFactory,
-		[SortRangeAscCommand.id]: {
-			order: 0,
-			menuItemFactory: sortRangeAscMenuFactory
-		},
-		[SortRangeAscExtCommand.id]: {
-			order: 1,
-			menuItemFactory: sortRangeAscExtMenuFactory
-		},
-		[SortRangeDescCommand.id]: {
-			order: 2,
-			menuItemFactory: sortRangeDescMenuFactory
-		},
-		[SortRangeDescExtCommand.id]: {
-			order: 3,
-			menuItemFactory: sortRangeDescExtMenuFactory
-		},
-		[SortRangeCustomCommand.id]: {
-			order: 4,
-			menuItemFactory: sortRangeCustomMenuFactory
-		}
-	} },
-	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.DATA]: { [SHEETS_SORT_CTX_MENU_ID]: {
-		order: 0,
-		menuItemFactory: sortRangeCtxMenuFactory,
-		[SortRangeAscInCtxMenuCommand.id]: {
-			order: 0,
-			menuItemFactory: sortRangeAscCtxMenuFactory
-		},
-		[SortRangeAscExtInCtxMenuCommand.id]: {
-			order: 1,
-			menuItemFactory: sortRangeAscExtCtxMenuFactory
-		},
-		[SortRangeDescInCtxMenuCommand.id]: {
-			order: 2,
-			menuItemFactory: sortRangeDescCtxMenuFactory
-		},
-		[SortRangeDescExtInCtxMenuCommand.id]: {
-			order: 3,
-			menuItemFactory: sortRangeDescExtCtxMenuFactory
-		},
-		[SortRangeCustomInCtxMenuCommand.id]: {
-			order: 4,
-			menuItemFactory: sortRangeCustomCtxMenuFactory
-		}
-	} } }
-};
-
 //#endregion
 //#region src/views/CustomSortPanel.tsx
 function CustomSortPanel() {
@@ -746,7 +546,7 @@ function SortOptionItem(props) {
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				"data-u-comp": "sort-panel-item-handler",
 				className: "univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-text-base univer-text-gray-700",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SequenceIcon, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.GripVerticalIcon, {})
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
 				overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ul", {
 					className: (0, _univerjs_design.clsx)("univer-my-0 univer-box-border univer-grid univer-max-h-[310px] univer-w-[--radix-popper-anchor-width] univer-items-center univer-gap-1 univer-overflow-y-auto univer-overflow-x-hidden univer-rounded-lg univer-border univer-bg-white univer-p-1 univer-text-base univer-shadow-lg", _univerjs_design.scrollbarClassName),
@@ -801,6 +601,240 @@ function findNextColIndex(range, list) {
 	return null;
 }
 
+//#endregion
+//#region src/controllers/components.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let ComponentsController = class ComponentsController extends _univerjs_core.Disposable {
+	constructor(_componentManager, _iconManager) {
+		super();
+		this._componentManager = _componentManager;
+		this._iconManager = _iconManager;
+		this._registerIcons();
+		this._registerComponents();
+	}
+	_registerIcons() {
+		this.disposeWithMe(this._iconManager.register({
+			AscendingIcon: _univerjs_icons.AscendingIcon,
+			ExpandAscendingIcon: _univerjs_icons.ExpandAscendingIcon,
+			DescendingIcon: _univerjs_icons.DescendingIcon,
+			ExpandDescendingIcon: _univerjs_icons.ExpandDescendingIcon,
+			CustomSortIcon: _univerjs_icons.CustomSortIcon
+		}));
+	}
+	_registerComponents() {
+		[["CustomSortPanel", CustomSortPanel]].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
+
+//#endregion
+//#region src/menu/sheets-sort.menu.ts
+const SHEETS_SORT_MENU_ID = "sheet.menu.sheets-sort";
+const SHEETS_SORT_CTX_MENU_ID = "sheet.menu.sheets-sort-ctx";
+function sortRangeMenuFactory(accessor) {
+	return {
+		id: SHEETS_SORT_MENU_ID,
+		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		icon: "AscendingIcon",
+		tooltip: "sheets-sort-ui.general.sort",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscMenuFactory(accessor) {
+	return {
+		id: SortRangeAscCommand.id,
+		icon: "AscendingIcon",
+		title: "sheets-sort-ui.general.sort-asc-cur",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_sheets_ui.getCurrentExclusiveRangeInterest$)(accessor)
+	};
+}
+function sortRangeAscExtMenuFactory() {
+	return {
+		id: SortRangeAscExtCommand.id,
+		title: "sheets-sort-ui.general.sort-asc-ext",
+		icon: "ExpandAscendingIcon",
+		type: _univerjs_ui.MenuItemType.BUTTON
+	};
+}
+function sortRangeDescMenuFactory() {
+	return {
+		id: SortRangeDescCommand.id,
+		title: "sheets-sort-ui.general.sort-desc-cur",
+		icon: "DescendingIcon",
+		type: _univerjs_ui.MenuItemType.BUTTON
+	};
+}
+function sortRangeDescExtMenuFactory() {
+	return {
+		id: SortRangeDescExtCommand.id,
+		title: "sheets-sort-ui.general.sort-desc-ext",
+		icon: "ExpandDescendingIcon",
+		type: _univerjs_ui.MenuItemType.BUTTON
+	};
+}
+function sortRangeCustomMenuFactory() {
+	return {
+		id: SortRangeCustomCommand.id,
+		title: "sheets-sort-ui.general.sort-custom",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "CustomSortIcon"
+	};
+}
+function sortRangeCtxMenuFactory(accessor) {
+	return {
+		id: SHEETS_SORT_CTX_MENU_ID,
+		title: "sheets-sort-ui.general.sort",
+		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		icon: "AscendingIcon",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscCtxMenuFactory(accessor) {
+	return {
+		id: SortRangeAscInCtxMenuCommand.id,
+		title: "sheets-sort-ui.general.sort-asc-cur",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "AscendingIcon",
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscExtCtxMenuFactory(accessor) {
+	return {
+		id: SortRangeAscExtInCtxMenuCommand.id,
+		title: "sheets-sort-ui.general.sort-asc-ext",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "ExpandAscendingIcon",
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeDescCtxMenuFactory(accessor) {
+	return {
+		id: SortRangeDescInCtxMenuCommand.id,
+		title: "sheets-sort-ui.general.sort-desc-cur",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "DescendingIcon",
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeDescExtCtxMenuFactory(accessor) {
+	return {
+		id: SortRangeDescExtInCtxMenuCommand.id,
+		title: "sheets-sort-ui.general.sort-desc-ext",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "ExpandDescendingIcon",
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeCustomCtxMenuFactory(accessor) {
+	return {
+		id: SortRangeCustomInCtxMenuCommand.id,
+		title: "sheets-sort-ui.general.sort-custom",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		icon: "CustomSortIcon",
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSortPermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[_univerjs_ui.RibbonDataGroup.ORGANIZATION]: { [SHEETS_SORT_MENU_ID]: {
+		order: 3,
+		menuItemFactory: sortRangeMenuFactory,
+		[SortRangeAscCommand.id]: {
+			order: 0,
+			menuItemFactory: sortRangeAscMenuFactory
+		},
+		[SortRangeAscExtCommand.id]: {
+			order: 1,
+			menuItemFactory: sortRangeAscExtMenuFactory
+		},
+		[SortRangeDescCommand.id]: {
+			order: 2,
+			menuItemFactory: sortRangeDescMenuFactory
+		},
+		[SortRangeDescExtCommand.id]: {
+			order: 3,
+			menuItemFactory: sortRangeDescExtMenuFactory
+		},
+		[SortRangeCustomCommand.id]: {
+			order: 4,
+			menuItemFactory: sortRangeCustomMenuFactory
+		}
+	} },
+	[_univerjs_ui.ContextMenuPosition.MAIN_AREA]: { [_univerjs_ui.ContextMenuGroup.DATA]: { [SHEETS_SORT_CTX_MENU_ID]: {
+		order: 0,
+		menuItemFactory: sortRangeCtxMenuFactory,
+		[SortRangeAscInCtxMenuCommand.id]: {
+			order: 0,
+			menuItemFactory: sortRangeAscCtxMenuFactory
+		},
+		[SortRangeAscExtInCtxMenuCommand.id]: {
+			order: 1,
+			menuItemFactory: sortRangeAscExtCtxMenuFactory
+		},
+		[SortRangeDescInCtxMenuCommand.id]: {
+			order: 2,
+			menuItemFactory: sortRangeDescCtxMenuFactory
+		},
+		[SortRangeDescExtInCtxMenuCommand.id]: {
+			order: 3,
+			menuItemFactory: sortRangeDescExtCtxMenuFactory
+		},
+		[SortRangeCustomInCtxMenuCommand.id]: {
+			order: 4,
+			menuItemFactory: sortRangeCustomCtxMenuFactory
+		}
+	} } }
+};
+
 //#endregion
 //#region src/views/EmbedSortBtn.tsx
 function EmbedSortBtn(props) {
@@ -843,12 +877,12 @@ function EmbedSortBtn(props) {
 }
 
 //#endregion
-//#region src/controllers/sheets-sort-ui.controller.ts
+//#region src/controllers/ui.controller.ts
 const CUSTOM_SORT_DIALOG_ID = "custom-sort-dialog";
 const CUSTOM_SORT_PANEL_WIDTH = 560;
 const CUSTOM_SORT_PANEL_TOP = 128;
 let SheetsSortUIController = class SheetsSortUIController extends _univerjs_core.RxDisposable {
-	constructor(_commandService, _menuManagerService, _dialogService, _layoutService, _uiPartsService, _sheetRenderService, _localeService, _sheetsSortUIService, _injector, _componentManager) {
+	constructor(_commandService, _menuManagerService, _dialogService, _layoutService, _uiPartsService, _sheetRenderService, _localeService, _sheetsSortUIService, _injector) {
 		super();
 		this._commandService = _commandService;
 		this._menuManagerService = _menuManagerService;
@@ -859,7 +893,6 @@ let SheetsSortUIController = class SheetsSortUIController extends _univerjs_core
 		this._localeService = _localeService;
 		this._sheetsSortUIService = _sheetsSortUIService;
 		this._injector = _injector;
-		this._componentManager = _componentManager;
 		this._initCommands();
 		this._initMenu();
 		this._initUI();
@@ -884,16 +917,6 @@ let SheetsSortUIController = class SheetsSortUIController extends _univerjs_core
 	}
 	_initUI() {
 		this.disposeWithMe(this._uiPartsService.registerComponent(_univerjs_sheets_ui.SheetsUIPart.FILTER_PANEL_EMBED_POINT, () => (0, _univerjs_ui.connectInjector)(EmbedSortBtn, this._injector)));
-		[
-			["CustomSortPanel", CustomSortPanel],
-			[SHEETS_SORT_ASC_ICON, _univerjs_icons.AscendingIcon],
-			[SHEETS_SORT_ASC_EXT_ICON, _univerjs_icons.ExpandAscendingIcon],
-			[SHEETS_SORT_DESC_ICON, _univerjs_icons.DescendingIcon],
-			[SHEETS_SORT_DESC_EXT_ICON, _univerjs_icons.ExpandDescendingIcon],
-			[SHEETS_SORT_CUSTOM_ICON, _univerjs_icons.CustomSortIcon]
-		].forEach(([key, comp]) => {
-			this.disposeWithMe(this._componentManager.register(key, comp));
-		});
 		this._sheetsSortUIService.customSortState$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((newState) => {
 			if (newState && newState.show && newState.location) this._openCustomSortPanel(newState.location);
 			else if (newState && !(newState === null || newState === void 0 ? void 0 : newState.show)) this._closePanel();
@@ -927,8 +950,7 @@ SheetsSortUIController = __decorate([
 	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.SheetsRenderService)),
 	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
 	__decorateParam(7, (0, _univerjs_core.Inject)(SheetsSortUIService)),
-	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
-	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
+	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_core.Injector))
 ], SheetsSortUIController);
 function getCustomSortDialogDefaultPosition() {
 	return {
@@ -949,6 +971,8 @@ let UniverSheetsSortUIPlugin = class UniverSheetsSortUIPlugin extends _univerjs_
 		this._configService.setConfig(SHEETS_SORT_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		[[SheetsSortUIService], [SheetsSortUIController]].forEach((d) => this._injector.add(d));
 	}
 	onRendered() {