@univerjs/sheets-sort-ui 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,974 @@
-import{CommandType as e,DependentOn as t,Disposable as n,ICommandService as r,IConfigService as i,IConfirmService as a,IUniverInstanceService as o,Inject as s,Injector as c,LocaleService as l,LocaleType as u,Plugin as d,RxDisposable as f,Tools as p,UniverInstanceType as m,merge as h,throttle as ee}from"@univerjs/core";import{RangeProtectionPermissionEditPoint as g,SetSelectionsOperation as te,SheetsSelectionsService as ne,WorkbookEditablePermission as _,WorksheetEditPermission as v,WorksheetSortPermission as y,expandToContinuousRange as b,getPrimaryForRange as re,getSheetCommandTarget as ie}from"@univerjs/sheets";import{SheetsSortService as ae,SortRangeCommand as oe,SortType as x,UniverSheetsSortPlugin as se}from"@univerjs/sheets-sort";import{BehaviorSubject as ce,takeUntil as le}from"rxjs";import{Button as S,ButtonGroup as ue,Checkbox as de,DraggableList as fe,Dropdown as pe,Radio as C,RadioGroup as me,clsx as he,scrollbarClassName as ge}from"@univerjs/design";import{ComponentManager as _e,ContextMenuGroup as ve,ContextMenuPosition as ye,IDialogService as be,ILayoutService as xe,IMenuManagerService as Se,IUIPartsService as Ce,MenuItemType as w,RibbonDataGroup as we,connectInjector as Te,getMenuHiddenObservable as Ee,useDependency as T,useObservable as De}from"@univerjs/ui";import{useCallback as E,useEffect as Oe,useRef as ke,useState as D}from"react";import{jsx as O,jsxs as k}from"react/jsx-runtime";import{serializeRange as Ae}from"@univerjs/engine-formula";import{AscendingIcon as je,CheckMarkIcon as Me,CustomSortIcon as Ne,DeleteEmptyIcon as Pe,DescendingIcon as Fe,ExpandAscendingIcon as Ie,ExpandDescendingIcon as Le,IncreaseIcon as Re,MoreDownIcon as ze,SequenceIcon as Be}from"@univerjs/icons";import{SheetsRenderService as Ve,SheetsUIPart as He,getCurrentExclusiveRangeInterest$ as Ue,getCurrentRangeDisable$ as A}from"@univerjs/sheets-ui";const We=e=>{let[t,n]=D(`0`),r=T(l);return k(`div`,{className:`univer-text-sm`,children:[O(`div`,{className:`extend-confirm-desc`,children:r.t(`sheets-sort.dialog.sort-reminder-desc`)}),k(me,{className:`univer-mt-4`,value:t,direction:`vertical`,onChange:t=>{n(t),e.onChange(t)},children:[O(C,{value:`0`,children:r.t(`sheets-sort.dialog.sort-reminder-no`)}),O(C,{value:`1`,children:r.t(`sheets-sort.dialog.sort-reminder-ext`)})]})]})};function j(e){"@babel/helpers - typeof";return j=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},j(e)}function Ge(e,t){if(j(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(j(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ke(e){var t=Ge(e,`string`);return j(t)==`symbol`?t:t+``}function M(e,t,n){return(t=Ke(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function N(e,t){return function(n,r){t(n,r,e)}}function P(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let F=function(e){return e.KEEP=`keep`,e.EXTEND=`extend`,e.CANCEL=`cancel`,e}({});const I={MERGE_ERROR:`sheets-sort.error.merge-size`,EMPTY_ERROR:`sheets-sort.error.empty`,SINGLE_ERROR:`sheets-sort.error.single`,FORMULA_ARRAY:`sheets-sort.error.formula-array`};let L=class extends n{constructor(e,t,n,r,i,a){super(),this._univerInstanceService=e,this._confirmService=t,this._selectionManagerService=n,this._sheetsSortService=r,this._localeService=i,this._commandService=a,M(this,`_customSortState$`,new ce(null)),M(this,`customSortState$`,this._customSortState$.asObservable())}async triggerSortDirectly(e,t,n){let r=n||await this._detectSortLocation(t);if(!r||!this._check(r))return!1;let i={orderRules:[{type:e?x.ASC:x.DESC,colIndex:r.colIndex}],range:r.range};return this._sheetsSortService.applySort(i,r.unitId,r.subUnitId),!0}async triggerSortCustomize(){let e=await this._detectSortLocation();return!e||!this._check(e)?!1:(this.showCustomSortPanel(e),!0)}customSortState(){return this._customSortState$.getValue()}getTitles(e){var t,n;let r=(t=this.customSortState())==null?void 0:t.location;if(!r)return[];let{unitId:i,subUnitId:a,range:o}=r,s=(n=this._univerInstanceService.getUnit(i))==null?void 0:n.getSheetBySheetId(a);if(!s)return[];let c=qe(this._localeService);return Array.from({length:o.endColumn-o.startColumn+1},(t,n)=>{var r;let i=(r=s.getCell(o.startRow,n+o.startColumn))==null?void 0:r.v;return{index:n+o.startColumn,label:e?`${i==null?c(n+o.startColumn):i}`:c(n+o.startColumn)}})}setSelection(e,t,n){var r;let i=(r=this._univerInstanceService.getUnit(e))==null?void 0:r.getSheetBySheetId(t);if(!i)return;let a={unitId:e,subUnitId:t,selections:[{range:n,primary:re(n,i),style:null}]};this._commandService.executeCommand(te.id,a)}async showCheckError(e){return await this._confirmService.confirm({id:`sort-range-check-error`,title:{title:this._localeService.t(`info.tooltip`)},children:{title:O(`div`,{children:this._localeService.t(e)})},cancelText:this._localeService.t(`sheets-sort.dialog.cancel`),confirmText:this._localeService.t(`sheets-sort.dialog.confirm`)})}async showExtendConfirm(){let e=!1;return await this._confirmService.confirm({id:`extend-sort-range-dialog`,title:{title:this._localeService.t(`sheets-sort.dialog.sort-reminder`)},children:{title:O(We,{onChange:t=>{e=t===`1`}})},width:400,cancelText:this._localeService.t(`sheets-sort.dialog.cancel`),confirmText:this._localeService.t(`sheets-sort.dialog.confirm`)})?e?F.EXTEND:F.KEEP:F.CANCEL}showCustomSortPanel(e){this._customSortState$.next({location:e,show:!0})}closeCustomSortPanel(){this._customSortState$.next({show:!1})}_check(e){return this._sheetsSortService.singleCheck(e)?this._sheetsSortService.mergeCheck(e)?this._sheetsSortService.formulaCheck(e)?this._sheetsSortService.emptyCheck(e)?!0:(this.showCheckError(I.EMPTY_ERROR),!1):(this.showCheckError(I.FORMULA_ARRAY),!1):(this.showCheckError(I.MERGE_ERROR),!1):(this.showCheckError(I.SINGLE_ERROR),!1)}async _detectSortLocation(e){let t=this._univerInstanceService.getCurrentUnitForType(m.UNIVER_SHEET),n=t.getActiveSheet(),r=t.getUnitId(),i=n.getSheetId(),a=this._selectionManagerService.getCurrentLastSelection();if(!a)return null;let o;if(e===!0)o=b(a.range,{up:!0,down:!0,left:!0,right:!0},n),this.setSelection(r,i,o);else if(e===!1)o=a.range;else{let e=await this.showExtendConfirm();if(e===F.CANCEL)return null;e===F.KEEP?o=a.range:(o=b(a.range,{up:!0,down:!0,left:!0,right:!0},n),this.setSelection(r,i,o))}return{range:o,unitId:r,subUnitId:i,colIndex:a.primary.actualColumn}}};L=P([N(0,o),N(1,a),N(2,s(ne)),N(3,s(ae)),N(4,s(l)),N(5,r)],L);function qe(e){return t=>{let n=p.chatAtABC(t);switch(e.getCurrentLocale()){case u.ZH_CN:return`"${n}"列`;case u.EN_US:return`Column "${n}"`;default:return`Column "${n}"`}}}const R={id:`sheet.command.sort-range-asc`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!0,!1)},z={id:`sheet.command.sort-range-asc-ext`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!0,!0)},B={id:`sheet.command.sort-range-desc`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!1,!1)},V={id:`sheet.command.sort-range-desc-ext`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!1,!0)},H={id:`sheet.command.sort-range-custom`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortCustomize()},U={id:`sheet.command.sort-range-asc-ctx`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!0,!1)},W={id:`sheet.command.sort-range-asc-ext-ctx`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!0,!0)},G={id:`sheet.command.sort-range-desc-ctx`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!1,!1)},K={id:`sheet.command.sort-range-desc-ext-ctx`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortDirectly(!1,!0)},q={id:`sheet.command.sort-range-custom-ctx`,type:e.COMMAND,handler:async e=>await e.get(L).triggerSortCustomize()};var Je=`@univerjs/sheets-sort-ui`,Ye=`0.20.1`;const Xe=`sheets-sort-ui.config`;Symbol(Xe);const Ze={},Qe=`sheet.menu.sheets-sort`,$e=`sheet.menu.sheets-sort-ctx`,J=`AscendingIcon`,Y=`ExpandAscendingIcon`,X=`DescendingIcon`,Z=`ExpandDescendingIcon`,et=`CustomSortIcon`;function tt(e){return{id:Qe,type:w.SUBITEMS,icon:J,tooltip:`sheets-sort.general.sort`,hidden$:Ee(e,m.UNIVER_SHEET),disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function nt(e){return{id:R.id,icon:J,title:`sheets-sort.general.sort-asc-cur`,type:w.BUTTON,hidden$:Ue(e)}}function rt(e){return{id:z.id,title:`sheets-sort.general.sort-asc-ext`,icon:Y,type:w.BUTTON}}function it(e){return{id:B.id,title:`sheets-sort.general.sort-desc-cur`,icon:X,type:w.BUTTON}}function at(e){return{id:V.id,title:`sheets-sort.general.sort-desc-ext`,icon:Z,type:w.BUTTON}}function ot(e){return{id:H.id,title:`sheets-sort.general.sort-custom`,type:w.BUTTON,icon:et}}function st(e){return{id:$e,title:`sheets-sort.general.sort`,type:w.SUBITEMS,icon:J,hidden$:Ee(e,m.UNIVER_SHEET),disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function ct(e){return{id:U.id,title:`sheets-sort.general.sort-asc-cur`,type:w.BUTTON,icon:J,disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function lt(e){return{id:W.id,title:`sheets-sort.general.sort-asc-ext`,type:w.BUTTON,icon:Y,disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function ut(e){return{id:G.id,title:`sheets-sort.general.sort-desc-cur`,type:w.BUTTON,icon:X,disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function dt(e){return{id:K.id,title:`sheets-sort.general.sort-desc-ext`,type:w.BUTTON,icon:Z,disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}function ft(e){return{id:q.id,title:`sheets-sort.general.sort-custom`,type:w.BUTTON,icon:et,disabled$:A(e,{workbookTypes:[_],worksheetTypes:[y,v],rangeTypes:[g]})}}const pt={[we.ORGANIZATION]:{[Qe]:{order:3,menuItemFactory:tt,[R.id]:{order:0,menuItemFactory:nt},[z.id]:{order:1,menuItemFactory:rt},[B.id]:{order:2,menuItemFactory:it},[V.id]:{order:3,menuItemFactory:at},[H.id]:{order:4,menuItemFactory:ot}}},[ye.MAIN_AREA]:{[ve.DATA]:{[$e]:{order:0,menuItemFactory:st,[U.id]:{order:0,menuItemFactory:ct},[W.id]:{order:1,menuItemFactory:lt},[G.id]:{order:2,menuItemFactory:ut},[K.id]:{order:3,menuItemFactory:dt},[q.id]:{order:4,menuItemFactory:ft}}}}};function mt(){let e=De(T(L).customSortState$);return!e||!e.location?null:O(ht,{state:e})}function ht({state:e}){let t=T(ae),n=T(l),r=T(L),[i,a]=D(!1),[o,s]=D(0),c=ke(null),{range:u,unitId:d,subUnitId:f}=e.location,p=r.getTitles(i),[m,h]=D([{type:x.ASC,colIndex:u.startColumn}]),g=E((e,t)=>{let n=[...m];t===null?n.splice(e,1):n[e]=t,h(n)},[m]),te=E(ee(()=>{let e=[...m],t=_t(u,m);t!==null&&(e.push({type:x.ASC,colIndex:t}),h(e))},200),[m,u]),ne=E((e,n)=>{t.applySort({range:u,orderRules:e,hasTitle:n}),r.closeCustomSortPanel()},[t,r,u]),_=E(()=>{r.closeCustomSortPanel()},[r]),v=E(e=>{a(e),e?r.setSelection(d,f,{...u,startRow:u.startRow+1}):r.setSelection(d,f,u)},[r,u,f,d]);Oe(()=>{c.current&&m.length>5&&(c.current.scrollTop=c.current.scrollHeight)},[m]);let y=m.length<p.length,b=m.map(e=>({...e,id:`${e.colIndex}`}));return k(`div`,{children:[k(`div`,{onMouseDown:e=>{e.stopPropagation()},children:[k(`div`,{className:`univer-mb-2 univer-flex univer-items-center univer-justify-between`,children:[O(de,{checked:i,onChange:e=>v(!!e),children:n.t(`sheets-sort.dialog.first-row-check`)}),y?k(`div`,{className:`univer-flex univer-cursor-pointer univer-select-none univer-items-center univer-text-base`,onClick:te,children:[O(Re,{}),O(`span`,{className:`univer-ml-1.5`,children:n.t(`sheets-sort.dialog.add-condition`)})]}):k(`div`,{className:`univer-flex univer-cursor-pointer univer-select-none univer-items-center univer-text-base univer-text-primary-500 disabled:univer-cursor-not-allowed disabled:univer-divide-opacity-30 disabled:univer-text-gray-800`,children:[O(Re,{}),O(`span`,{className:`univer-ml-1.5 univer-text-xs`,children:n.t(`sheets-sort.dialog.add-condition`)})]})]}),O(`div`,{ref:c,className:he(`univer-max-h-[310px] univer-overflow-y-auto univer-overflow-x-hidden`,ge),onScroll:e=>{let t=e.currentTarget.scrollTop;s(t)},children:O(fe,{list:b,onListChange:h,idKey:`id`,draggableHandle:`[data-u-comp=sort-panel-item-handler]`,itemRender:e=>O(gt,{titles:p,list:b,item:e,onChange:(e,t)=>g(t,e),scrollPosition:o}),rowHeight:32,margin:[0,12]})})]}),k(`div`,{className:`univer-mt-5 univer-flex univer-justify-end`,children:[O(S,{className:`univer-ml-3`,onClick:()=>_(),children:n.t(`sheets-sort.dialog.cancel`)}),O(S,{className:`univer-ml-3`,variant:`primary`,onClick:()=>ne(m,i),children:n.t(`sheets-sort.dialog.confirm`)})]})]})}function gt(e){var t;let{list:n,item:r,titles:i,onChange:a,scrollPosition:o}=e,s=T(l),c=i.filter(e=>!n.some(t=>t.colIndex===e.index)||e.index===r.colIndex),u=n.findIndex(e=>e.colIndex===r.colIndex),d=E(e=>{a({...r,colIndex:e.index},u),p(!1)},[u,r,a]),[f,p]=D(!1),m=e=>{p(e)};Oe(()=>{p(!1)},[o]);let h=n.length>1,ee=(t=i.find(e=>e.index===r.colIndex))==null?void 0:t.label;return k(`div`,{className:`univer-grid univer-grid-flow-col univer-grid-cols-2 univer-items-center univer-gap-2`,children:[k(`div`,{className:`univer-flex univer-items-center`,children:[O(`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:O(Be,{})}),O(pe,{overlay:O(`ul`,{className:he(`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`,ge),children:c.map(e=>k(`li`,{onClick:()=>d(e),className:`univer-relative univer-box-border univer-flex univer-h-7 univer-cursor-pointer univer-list-none univer-items-center univer-justify-between univer-rounded univer-px-2 univer-text-sm univer-transition-all hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700`,children:[O(`span`,{className:`univer-max-w-[220px] univer-truncate`,children:e.label}),O(`span`,{children:e.index===r.colIndex&&O(Me,{})})]},e.index))}),open:f,onOpenChange:m,children:k(`div`,{className:he(`univer-ml-2 univer-flex univer-w-full univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-text-sm univer-text-gray-900 dark:!univer-text-white`),children:[O(`span`,{className:`univer-max-w-[220px] univer-truncate`,children:ee}),O(ze,{})]})})]}),k(`div`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[k(me,{value:r.type,onChange:e=>{a({...r,type:e},u)},children:[O(C,{value:x.ASC,children:s.t(`sheets-sort.general.sort-asc`)}),O(C,{value:x.DESC,children:s.t(`sheets-sort.general.sort-desc`)})]}),O(`a`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-text-sm univer-transition-colors hover:univer-text-red-500`,onClick:()=>a(null,u),children:!h&&O(Pe,{})})]})]})}function _t(e,t){let{startColumn:n,endColumn:r}=e,i=new Set(t.map(e=>e==null?void 0:e.colIndex));for(let e=n;e<=r;e++)if(!i.has(e))return e;return null}function vt(e){let{range:t,colIndex:n,onClose:r}=e,i=T(L),a=T(o),s=T(l),c=E(e=>{let{unitId:o,subUnitId:s}=ie(a)||{};if(t&&o&&s){let r={...t,startRow:t.startRow+1};i.triggerSortDirectly(e,!1,{unitId:o,subUnitId:s,range:r,colIndex:n})}else throw Error(`Cannot find the target to sort. unitId: ${o}, subUnitId: ${s}, range: ${t}, colIndex: ${n}`);r()},[t,n,i,a,r]);return k(ue,{className:`univer-mb-3 univer-w-full univer-grid-cols-2`,children:[k(S,{onClick:()=>c(!0),children:[O(je,{}),s.t(`sheets-sort.general.sort-asc`)]}),k(S,{onClick:()=>c(!1),children:[O(Fe,{}),s.t(`sheets-sort.general.sort-desc`)]})]})}const yt=`custom-sort-dialog`;let Q=class extends f{constructor(e,t,n,r,i,a,o,s,c,l){super(),this._commandService=e,this._menuManagerService=t,this._dialogService=n,this._layoutService=r,this._uiPartsService=i,this._sheetRenderService=a,this._localeService=o,this._sheetsSortUIService=s,this._injector=c,this._componentManager=l,this._initCommands(),this._initMenu(),this._initUI()}_initMenu(){this._menuManagerService.mergeMenu(pt)}_initCommands(){[R,z,B,V,H,U,W,G,K,q].forEach(e=>this.disposeWithMe(this._commandService.registerCommand(e))),this.disposeWithMe(this._sheetRenderService.registerSkeletonChangingMutations(oe.id))}_initUI(){this.disposeWithMe(this._uiPartsService.registerComponent(He.FILTER_PANEL_EMBED_POINT,()=>Te(vt,this._injector))),[[`CustomSortPanel`,mt],[J,je],[Y,Ie],[X,Fe],[Z,Le],[et,Ne]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))}),this._sheetsSortUIService.customSortState$.pipe(le(this.dispose$)).subscribe(e=>{e&&e.show&&e.location?this._openCustomSortPanel(e.location):e&&!(e!=null&&e.show)&&this._closePanel()})}_openCustomSortPanel(e){this._dialogService.open({id:yt,draggable:!0,width:560,title:{title:`${this._localeService.t(`sheets-sort.general.sort-custom`)}: ${Ae(e.range)}`},children:{label:`CustomSortPanel`},destroyOnClose:!0,defaultPosition:bt(),preservePositionOnDestroy:!1,onClose:()=>this._closePanel(),mask:!0})}_closePanel(){this._dialogService.close(yt),queueMicrotask(()=>this._layoutService.focus())}};Q=P([N(0,r),N(1,Se),N(2,be),N(3,xe),N(4,Ce),N(5,s(Ve)),N(6,s(l)),N(7,s(L)),N(8,s(c)),N(9,s(_e))],Q);function bt(){return{x:(window.innerWidth-560)/2,y:128}}let $=class extends d{constructor(e=Ze,t,n){super(),this._config=e,this._injector=t,this._configService=n;let{...r}=h({},Ze,this._config);this._configService.setConfig(Xe,r)}onStarting(){[[L],[Q]].forEach(e=>this._injector.add(e))}onRendered(){this._injector.get(Q)}};M($,`type`,m.UNIVER_SHEET),M($,`pluginName`,`SHEET_SORT_UI_PLUGIN`),M($,`packageName`,Je),M($,`version`,Ye),$=P([t(se),N(1,s(c)),N(2,i)],$);export{R as SortRangeAscCommand,z as SortRangeAscExtCommand,W as SortRangeAscExtInCtxMenuCommand,U as SortRangeAscInCtxMenuCommand,H as SortRangeCustomCommand,q as SortRangeCustomInCtxMenuCommand,B as SortRangeDescCommand,V as SortRangeDescExtCommand,K as SortRangeDescExtInCtxMenuCommand,G as SortRangeDescInCtxMenuCommand,$ as UniverSheetsSortUIPlugin};
+import { CommandType, DependentOn, Disposable, ICommandService, IConfigService, IConfirmService, IUniverInstanceService, Inject, Injector, LocaleService, LocaleType, Plugin, RxDisposable, Tools, UniverInstanceType, merge, throttle } from "@univerjs/core";
+import { RangeProtectionPermissionEditPoint, SetSelectionsOperation, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSortPermission, expandToContinuousRange, getPrimaryForRange, getSheetCommandTarget } from "@univerjs/sheets";
+import { SheetsSortService, SortRangeCommand, SortType, UniverSheetsSortPlugin } from "@univerjs/sheets-sort";
+import { BehaviorSubject, takeUntil } from "rxjs";
+import { Button, ButtonGroup, Checkbox, DraggableList, Dropdown, Radio, RadioGroup, clsx, scrollbarClassName } from "@univerjs/design";
+import { ComponentManager, ContextMenuGroup, ContextMenuPosition, IDialogService, ILayoutService, IMenuManagerService, IUIPartsService, MenuItemType, RibbonDataGroup, connectInjector, getMenuHiddenObservable, useDependency, useObservable } from "@univerjs/ui";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { serializeRange } from "@univerjs/engine-formula";
+import { AscendingIcon, CheckMarkIcon, CustomSortIcon, DeleteEmptyIcon, DescendingIcon, ExpandAscendingIcon, ExpandDescendingIcon, IncreaseIcon, MoreDownIcon, SequenceIcon } from "@univerjs/icons";
+import { SheetsRenderService, SheetsUIPart, getCurrentExclusiveRangeInterest$, getCurrentRangeDisable$ } from "@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] = useState("0");
+	const localeService = useDependency(LocaleService);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-text-sm",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "extend-confirm-desc",
+			children: localeService.t("sheets-sort.dialog.sort-reminder-desc")
+		}), /* @__PURE__ */ jsxs(RadioGroup, {
+			className: "univer-mt-4",
+			value: extend,
+			direction: "vertical",
+			onChange: (value) => {
+				setExtend(value);
+				props.onChange(value);
+			},
+			children: [/* @__PURE__ */ jsx(Radio, {
+				value: "0",
+				children: localeService.t("sheets-sort.dialog.sort-reminder-no")
+			}), /* @__PURE__ */ jsx(Radio, {
+				value: "1",
+				children: localeService.t("sheets-sort.dialog.sort-reminder-ext")
+			})]
+		})]
+	});
+};
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/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);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/services/sheets-sort-ui.service.tsx
+let EXTEND_TYPE = /* @__PURE__ */ function(EXTEND_TYPE) {
+	EXTEND_TYPE["KEEP"] = "keep";
+	EXTEND_TYPE["EXTEND"] = "extend";
+	EXTEND_TYPE["CANCEL"] = "cancel";
+	return EXTEND_TYPE;
+}({});
+const SORT_ERROR_MESSAGE = {
+	MERGE_ERROR: "sheets-sort.error.merge-size",
+	EMPTY_ERROR: "sheets-sort.error.empty",
+	SINGLE_ERROR: "sheets-sort.error.single",
+	FORMULA_ARRAY: "sheets-sort.error.formula-array"
+};
+let SheetsSortUIService = class SheetsSortUIService extends Disposable {
+	constructor(_univerInstanceService, _confirmService, _selectionManagerService, _sheetsSortService, _localeService, _commandService) {
+		super();
+		this._univerInstanceService = _univerInstanceService;
+		this._confirmService = _confirmService;
+		this._selectionManagerService = _selectionManagerService;
+		this._sheetsSortService = _sheetsSortService;
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		_defineProperty(this, "_customSortState$", new BehaviorSubject(null));
+		_defineProperty(this, "customSortState$", this._customSortState$.asObservable());
+	}
+	async triggerSortDirectly(asc, extend, sheetRangeLocation) {
+		const location = sheetRangeLocation || await this._detectSortLocation(extend);
+		if (!location) return false;
+		if (!this._check(location)) return false;
+		const sortOption = {
+			orderRules: [{
+				type: asc ? SortType.ASC : SortType.DESC,
+				colIndex: location.colIndex
+			}],
+			range: location.range
+		};
+		this._sheetsSortService.applySort(sortOption, location.unitId, location.subUnitId);
+		return true;
+	}
+	async triggerSortCustomize() {
+		const location = await this._detectSortLocation();
+		if (!location) return false;
+		if (!this._check(location)) return false;
+		this.showCustomSortPanel(location);
+		return true;
+	}
+	customSortState() {
+		return this._customSortState$.getValue();
+	}
+	getTitles(hasTitle) {
+		var _this$customSortState, _this$_univerInstance;
+		const location = (_this$customSortState = this.customSortState()) === null || _this$customSortState === void 0 ? void 0 : _this$customSortState.location;
+		if (!location) return [];
+		const { unitId, subUnitId, range } = location;
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(unitId)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
+		if (!worksheet) return [];
+		const colTranslator = colIndexTranslator(this._localeService);
+		return Array.from({ length: range.endColumn - range.startColumn + 1 }, (_, i) => {
+			var _worksheet$getCell;
+			const cellValue = (_worksheet$getCell = worksheet.getCell(range.startRow, i + range.startColumn)) === null || _worksheet$getCell === void 0 ? void 0 : _worksheet$getCell.v;
+			return {
+				index: i + range.startColumn,
+				label: hasTitle ? `${cellValue !== null && cellValue !== void 0 ? cellValue : colTranslator(i + range.startColumn)}` : colTranslator(i + range.startColumn)
+			};
+		});
+	}
+	setSelection(unitId, subUnitId, range) {
+		var _this$_univerInstance2;
+		const worksheet = (_this$_univerInstance2 = this._univerInstanceService.getUnit(unitId)) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetBySheetId(subUnitId);
+		if (!worksheet) return;
+		const setSelectionsOperationParams = {
+			unitId,
+			subUnitId,
+			selections: [{
+				range,
+				primary: getPrimaryForRange(range, worksheet),
+				style: null
+			}]
+		};
+		this._commandService.executeCommand(SetSelectionsOperation.id, setSelectionsOperationParams);
+	}
+	async showCheckError(content) {
+		return await this._confirmService.confirm({
+			id: "sort-range-check-error",
+			title: { title: this._localeService.t("info.tooltip") },
+			children: { title: /* @__PURE__ */ jsx("div", { children: this._localeService.t(content) }) },
+			cancelText: this._localeService.t("sheets-sort.dialog.cancel"),
+			confirmText: this._localeService.t("sheets-sort.dialog.confirm")
+		});
+	}
+	async showExtendConfirm() {
+		let shouldExtend = false;
+		if (await this._confirmService.confirm({
+			id: "extend-sort-range-dialog",
+			title: { title: this._localeService.t("sheets-sort.dialog.sort-reminder") },
+			children: { title: /* @__PURE__ */ jsx(ExtendConfirm, { onChange: (value) => {
+				shouldExtend = value === "1";
+			} }) },
+			width: 400,
+			cancelText: this._localeService.t("sheets-sort.dialog.cancel"),
+			confirmText: this._localeService.t("sheets-sort.dialog.confirm")
+		})) return shouldExtend ? EXTEND_TYPE.EXTEND : EXTEND_TYPE.KEEP;
+		return EXTEND_TYPE.CANCEL;
+	}
+	showCustomSortPanel(location) {
+		this._customSortState$.next({
+			location,
+			show: true
+		});
+	}
+	closeCustomSortPanel() {
+		this._customSortState$.next({ show: false });
+	}
+	_check(location) {
+		if (!this._sheetsSortService.singleCheck(location)) {
+			this.showCheckError(SORT_ERROR_MESSAGE.SINGLE_ERROR);
+			return false;
+		}
+		if (!this._sheetsSortService.mergeCheck(location)) {
+			this.showCheckError(SORT_ERROR_MESSAGE.MERGE_ERROR);
+			return false;
+		}
+		if (!this._sheetsSortService.formulaCheck(location)) {
+			this.showCheckError(SORT_ERROR_MESSAGE.FORMULA_ARRAY);
+			return false;
+		}
+		if (!this._sheetsSortService.emptyCheck(location)) {
+			this.showCheckError(SORT_ERROR_MESSAGE.EMPTY_ERROR);
+			return false;
+		}
+		return true;
+	}
+	async _detectSortLocation(extend) {
+		const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		const worksheet = workbook.getActiveSheet();
+		const unitId = workbook.getUnitId();
+		const subUnitId = worksheet.getSheetId();
+		const selection = this._selectionManagerService.getCurrentLastSelection();
+		if (!selection) return null;
+		let range;
+		if (extend === true) {
+			range = expandToContinuousRange(selection.range, {
+				up: true,
+				down: true,
+				left: true,
+				right: true
+			}, worksheet);
+			this.setSelection(unitId, subUnitId, range);
+		} else if (extend === false) range = selection.range;
+		else {
+			const confirmRes = await this.showExtendConfirm();
+			if (confirmRes === EXTEND_TYPE.CANCEL) return null;
+			if (confirmRes === EXTEND_TYPE.KEEP) range = selection.range;
+			else {
+				range = expandToContinuousRange(selection.range, {
+					up: true,
+					down: true,
+					left: true,
+					right: true
+				}, worksheet);
+				this.setSelection(unitId, subUnitId, range);
+			}
+		}
+		return {
+			range,
+			unitId,
+			subUnitId,
+			colIndex: selection.primary.actualColumn
+		};
+	}
+};
+SheetsSortUIService = __decorate([
+	__decorateParam(0, IUniverInstanceService),
+	__decorateParam(1, IConfirmService),
+	__decorateParam(2, Inject(SheetsSelectionsService)),
+	__decorateParam(3, Inject(SheetsSortService)),
+	__decorateParam(4, Inject(LocaleService)),
+	__decorateParam(5, ICommandService)
+], SheetsSortUIService);
+function colIndexTranslator(localeService) {
+	return (colIndex) => {
+		const colName = Tools.chatAtABC(colIndex);
+		switch (localeService.getCurrentLocale()) {
+			case LocaleType.ZH_CN: return `"${colName}"列`;
+			case LocaleType.EN_US: return `Column "${colName}"`;
+			default: return `Column "${colName}"`;
+		}
+	};
+}
+
+//#endregion
+//#region src/commands/commands/sheets-sort.command.ts
+const SortRangeAscCommand = {
+	id: "sheet.command.sort-range-asc",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(true, false);
+	}
+};
+const SortRangeAscExtCommand = {
+	id: "sheet.command.sort-range-asc-ext",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(true, true);
+	}
+};
+const SortRangeDescCommand = {
+	id: "sheet.command.sort-range-desc",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(false, false);
+	}
+};
+const SortRangeDescExtCommand = {
+	id: "sheet.command.sort-range-desc-ext",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(false, true);
+	}
+};
+const SortRangeCustomCommand = {
+	id: "sheet.command.sort-range-custom",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortCustomize();
+	}
+};
+const SortRangeAscInCtxMenuCommand = {
+	id: "sheet.command.sort-range-asc-ctx",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(true, false);
+	}
+};
+const SortRangeAscExtInCtxMenuCommand = {
+	id: "sheet.command.sort-range-asc-ext-ctx",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(true, true);
+	}
+};
+const SortRangeDescInCtxMenuCommand = {
+	id: "sheet.command.sort-range-desc-ctx",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(false, false);
+	}
+};
+const SortRangeDescExtInCtxMenuCommand = {
+	id: "sheet.command.sort-range-desc-ext-ctx",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortDirectly(false, true);
+	}
+};
+const SortRangeCustomInCtxMenuCommand = {
+	id: "sheet.command.sort-range-custom-ctx",
+	type: CommandType.COMMAND,
+	handler: async (accessor) => {
+		return await accessor.get(SheetsSortUIService).triggerSortCustomize();
+	}
+};
+
+//#endregion
+//#region package.json
+var name = "@univerjs/sheets-sort-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+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: MenuItemType.SUBITEMS,
+		icon: SHEETS_SORT_ASC_ICON,
+		tooltip: "sheets-sort.general.sort",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscMenuFactory(_accessor) {
+	return {
+		id: SortRangeAscCommand.id,
+		icon: SHEETS_SORT_ASC_ICON,
+		title: "sheets-sort.general.sort-asc-cur",
+		type: MenuItemType.BUTTON,
+		hidden$: getCurrentExclusiveRangeInterest$(_accessor)
+	};
+}
+function sortRangeAscExtMenuFactory(_accessor) {
+	return {
+		id: SortRangeAscExtCommand.id,
+		title: "sheets-sort.general.sort-asc-ext",
+		icon: SHEETS_SORT_ASC_EXT_ICON,
+		type: MenuItemType.BUTTON
+	};
+}
+function sortRangeDescMenuFactory(_accessor) {
+	return {
+		id: SortRangeDescCommand.id,
+		title: "sheets-sort.general.sort-desc-cur",
+		icon: SHEETS_SORT_DESC_ICON,
+		type: MenuItemType.BUTTON
+	};
+}
+function sortRangeDescExtMenuFactory(_accessor) {
+	return {
+		id: SortRangeDescExtCommand.id,
+		title: "sheets-sort.general.sort-desc-ext",
+		icon: SHEETS_SORT_DESC_EXT_ICON,
+		type: MenuItemType.BUTTON
+	};
+}
+function sortRangeCustomMenuFactory(_accessor) {
+	return {
+		id: SortRangeCustomCommand.id,
+		title: "sheets-sort.general.sort-custom",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_CUSTOM_ICON
+	};
+}
+function sortRangeCtxMenuFactory(accessor) {
+	return {
+		id: SHEETS_SORT_CTX_MENU_ID,
+		title: "sheets-sort.general.sort",
+		type: MenuItemType.SUBITEMS,
+		icon: SHEETS_SORT_ASC_ICON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscCtxMenuFactory(_accessor) {
+	return {
+		id: SortRangeAscInCtxMenuCommand.id,
+		title: "sheets-sort.general.sort-asc-cur",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_ASC_ICON,
+		disabled$: getCurrentRangeDisable$(_accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeAscExtCtxMenuFactory(_accessor) {
+	return {
+		id: SortRangeAscExtInCtxMenuCommand.id,
+		title: "sheets-sort.general.sort-asc-ext",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_ASC_EXT_ICON,
+		disabled$: getCurrentRangeDisable$(_accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeDescCtxMenuFactory(_accessor) {
+	return {
+		id: SortRangeDescInCtxMenuCommand.id,
+		title: "sheets-sort.general.sort-desc-cur",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_DESC_ICON,
+		disabled$: getCurrentRangeDisable$(_accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeDescExtCtxMenuFactory(_accessor) {
+	return {
+		id: SortRangeDescExtInCtxMenuCommand.id,
+		title: "sheets-sort.general.sort-desc-ext",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_DESC_EXT_ICON,
+		disabled$: getCurrentRangeDisable$(_accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function sortRangeCustomCtxMenuFactory(_accessor) {
+	return {
+		id: SortRangeCustomInCtxMenuCommand.id,
+		title: "sheets-sort.general.sort-custom",
+		type: MenuItemType.BUTTON,
+		icon: SHEETS_SORT_CUSTOM_ICON,
+		disabled$: getCurrentRangeDisable$(_accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = {
+	[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
+		}
+	} },
+	[ContextMenuPosition.MAIN_AREA]: { [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() {
+	const state = useObservable(useDependency(SheetsSortUIService).customSortState$);
+	if (!state || !state.location) return null;
+	return /* @__PURE__ */ jsx(CustomSortPanelImpl, { state });
+}
+function CustomSortPanelImpl({ state }) {
+	const sheetsSortService = useDependency(SheetsSortService);
+	const localeService = useDependency(LocaleService);
+	const sheetsSortUIService = useDependency(SheetsSortUIService);
+	const [hasTitle, setHasTitle] = useState(false);
+	const [scrollPosition, setScrollPosition] = useState(0);
+	const listEndRef = useRef(null);
+	const { range, unitId, subUnitId } = state.location;
+	const titles = sheetsSortUIService.getTitles(hasTitle);
+	const [list, setList] = useState([{
+		type: SortType.ASC,
+		colIndex: range.startColumn
+	}]);
+	const onItemChange = useCallback((index, value) => {
+		const newList = [...list];
+		if (value === null) newList.splice(index, 1);
+		else newList[index] = value;
+		setList(newList);
+	}, [list]);
+	const newItem = useCallback(throttle(() => {
+		const newList = [...list];
+		const nextColIndex = findNextColIndex(range, list);
+		if (nextColIndex !== null) {
+			newList.push({
+				type: SortType.ASC,
+				colIndex: nextColIndex
+			});
+			setList(newList);
+		}
+	}, 200), [list, range]);
+	const apply = useCallback((orderRules, hasTitle) => {
+		sheetsSortService.applySort({
+			range,
+			orderRules,
+			hasTitle
+		});
+		sheetsSortUIService.closeCustomSortPanel();
+	}, [
+		sheetsSortService,
+		sheetsSortUIService,
+		range
+	]);
+	const cancel = useCallback(() => {
+		sheetsSortUIService.closeCustomSortPanel();
+	}, [sheetsSortUIService]);
+	const setTitle = useCallback((value) => {
+		setHasTitle(value);
+		if (value) sheetsSortUIService.setSelection(unitId, subUnitId, {
+			...range,
+			startRow: range.startRow + 1
+		});
+		else sheetsSortUIService.setSelection(unitId, subUnitId, range);
+	}, [
+		sheetsSortUIService,
+		range,
+		subUnitId,
+		unitId
+	]);
+	useEffect(() => {
+		if (listEndRef.current && list.length > 5) listEndRef.current.scrollTop = listEndRef.current.scrollHeight;
+	}, [list]);
+	const canNew = list.length < titles.length;
+	const dragList = list.map((item) => ({
+		...item,
+		id: `${item.colIndex}`
+	}));
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		onMouseDown: (e) => {
+			e.stopPropagation();
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "univer-mb-2 univer-flex univer-items-center univer-justify-between",
+			children: [/* @__PURE__ */ jsx(Checkbox, {
+				checked: hasTitle,
+				onChange: (value) => setTitle(!!value),
+				children: localeService.t("sheets-sort.dialog.first-row-check")
+			}), canNew ? /* @__PURE__ */ jsxs("div", {
+				className: "univer-flex univer-cursor-pointer univer-select-none univer-items-center univer-text-base",
+				onClick: newItem,
+				children: [/* @__PURE__ */ jsx(IncreaseIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "univer-ml-1.5",
+					children: localeService.t("sheets-sort.dialog.add-condition")
+				})]
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "univer-flex univer-cursor-pointer univer-select-none univer-items-center univer-text-base univer-text-primary-500 disabled:univer-cursor-not-allowed disabled:univer-divide-opacity-30 disabled:univer-text-gray-800",
+				children: [/* @__PURE__ */ jsx(IncreaseIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "univer-ml-1.5 univer-text-xs",
+					children: localeService.t("sheets-sort.dialog.add-condition")
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			ref: listEndRef,
+			className: clsx("univer-max-h-[310px] univer-overflow-y-auto univer-overflow-x-hidden", scrollbarClassName),
+			onScroll: (e) => {
+				const position = e.currentTarget.scrollTop;
+				setScrollPosition(position);
+			},
+			children: /* @__PURE__ */ jsx(DraggableList, {
+				list: dragList,
+				onListChange: setList,
+				idKey: "id",
+				draggableHandle: "[data-u-comp=sort-panel-item-handler]",
+				itemRender: (item) => /* @__PURE__ */ jsx(SortOptionItem, {
+					titles,
+					list: dragList,
+					item,
+					onChange: (value, index) => onItemChange(index, value),
+					scrollPosition
+				}),
+				rowHeight: 32,
+				margin: [0, 12]
+			})
+		})]
+	}), /* @__PURE__ */ jsxs("div", {
+		className: "univer-mt-5 univer-flex univer-justify-end",
+		children: [/* @__PURE__ */ jsx(Button, {
+			className: "univer-ml-3",
+			onClick: () => cancel(),
+			children: localeService.t("sheets-sort.dialog.cancel")
+		}), /* @__PURE__ */ jsx(Button, {
+			className: "univer-ml-3",
+			variant: "primary",
+			onClick: () => apply(list, hasTitle),
+			children: localeService.t("sheets-sort.dialog.confirm")
+		})]
+	})] });
+}
+function SortOptionItem(props) {
+	var _titles$find;
+	const { list, item, titles, onChange, scrollPosition } = props;
+	const localeService = useDependency(LocaleService);
+	const availableMenu = titles.filter((title) => !list.some((item) => item.colIndex === title.index) || title.index === item.colIndex);
+	const currentIndex = list.findIndex((listItem) => listItem.colIndex === item.colIndex);
+	const handleChangeColIndex = useCallback((menuItem) => {
+		onChange({
+			...item,
+			colIndex: menuItem.index
+		}, currentIndex);
+		setVisible(false);
+	}, [
+		currentIndex,
+		item,
+		onChange
+	]);
+	const [visible, setVisible] = useState(false);
+	const onVisibleChange = (visible) => {
+		setVisible(visible);
+	};
+	useEffect(() => {
+		setVisible(false);
+	}, [scrollPosition]);
+	const showDelete = list.length > 1;
+	const itemLabel = (_titles$find = titles.find((title) => title.index === item.colIndex)) === null || _titles$find === void 0 ? void 0 : _titles$find.label;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "univer-grid univer-grid-flow-col univer-grid-cols-2 univer-items-center univer-gap-2",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "univer-flex univer-items-center",
+			children: [/* @__PURE__ */ 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__ */ jsx(SequenceIcon, {})
+			}), /* @__PURE__ */ jsx(Dropdown, {
+				overlay: /* @__PURE__ */ jsx("ul", {
+					className: 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", scrollbarClassName),
+					children: availableMenu.map((menuItem) => /* @__PURE__ */ jsxs("li", {
+						onClick: () => handleChangeColIndex(menuItem),
+						className: "univer-relative univer-box-border univer-flex univer-h-7 univer-cursor-pointer univer-list-none univer-items-center univer-justify-between univer-rounded univer-px-2 univer-text-sm univer-transition-all hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "univer-max-w-[220px] univer-truncate",
+							children: menuItem.label
+						}), /* @__PURE__ */ jsx("span", { children: menuItem.index === item.colIndex && /* @__PURE__ */ jsx(CheckMarkIcon, {}) })]
+					}, menuItem.index))
+				}),
+				open: visible,
+				onOpenChange: onVisibleChange,
+				children: /* @__PURE__ */ jsxs("div", {
+					className: clsx("univer-ml-2 univer-flex univer-w-full univer-items-center univer-justify-between univer-overflow-hidden univer-rounded-md univer-py-1.5 univer-text-sm univer-text-gray-900 dark:!univer-text-white"),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "univer-max-w-[220px] univer-truncate",
+						children: itemLabel
+					}), /* @__PURE__ */ jsx(MoreDownIcon, {})]
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "univer-flex univer-items-center univer-justify-end univer-gap-2",
+			children: [/* @__PURE__ */ jsxs(RadioGroup, {
+				value: item.type,
+				onChange: (value) => {
+					onChange({
+						...item,
+						type: value
+					}, currentIndex);
+				},
+				children: [/* @__PURE__ */ jsx(Radio, {
+					value: SortType.ASC,
+					children: localeService.t("sheets-sort.general.sort-asc")
+				}), /* @__PURE__ */ jsx(Radio, {
+					value: SortType.DESC,
+					children: localeService.t("sheets-sort.general.sort-desc")
+				})]
+			}), /* @__PURE__ */ jsx("a", {
+				className: "univer-flex univer-cursor-pointer univer-items-center univer-text-sm univer-transition-colors hover:univer-text-red-500",
+				onClick: () => onChange(null, currentIndex),
+				children: !showDelete && /* @__PURE__ */ jsx(DeleteEmptyIcon, {})
+			})]
+		})]
+	});
+}
+function findNextColIndex(range, list) {
+	const { startColumn, endColumn } = range;
+	const used = new Set(list.map((item) => item === null || item === void 0 ? void 0 : item.colIndex));
+	for (let i = startColumn; i <= endColumn; i++) if (!used.has(i)) return i;
+	return null;
+}
+
+//#endregion
+//#region src/views/EmbedSortBtn.tsx
+function EmbedSortBtn(props) {
+	const { range, colIndex, onClose } = props;
+	const sheetsSortUIService = useDependency(SheetsSortUIService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const localeService = useDependency(LocaleService);
+	const apply = useCallback((asc) => {
+		const { unitId, subUnitId } = getSheetCommandTarget(univerInstanceService) || {};
+		if (range && unitId && subUnitId) {
+			const noTitleRange = {
+				...range,
+				startRow: range.startRow + 1
+			};
+			sheetsSortUIService.triggerSortDirectly(asc, false, {
+				unitId,
+				subUnitId,
+				range: noTitleRange,
+				colIndex
+			});
+		} else throw new Error(`Cannot find the target to sort. unitId: ${unitId}, subUnitId: ${subUnitId}, range: ${range}, colIndex: ${colIndex}`);
+		onClose();
+	}, [
+		range,
+		colIndex,
+		sheetsSortUIService,
+		univerInstanceService,
+		onClose
+	]);
+	return /* @__PURE__ */ jsxs(ButtonGroup, {
+		className: "univer-mb-3 univer-w-full univer-grid-cols-2",
+		children: [/* @__PURE__ */ jsxs(Button, {
+			onClick: () => apply(true),
+			children: [/* @__PURE__ */ jsx(AscendingIcon, {}), localeService.t("sheets-sort.general.sort-asc")]
+		}), /* @__PURE__ */ jsxs(Button, {
+			onClick: () => apply(false),
+			children: [/* @__PURE__ */ jsx(DescendingIcon, {}), localeService.t("sheets-sort.general.sort-desc")]
+		})]
+	});
+}
+
+//#endregion
+//#region src/controllers/sheets-sort-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 RxDisposable {
+	constructor(_commandService, _menuManagerService, _dialogService, _layoutService, _uiPartsService, _sheetRenderService, _localeService, _sheetsSortUIService, _injector, _componentManager) {
+		super();
+		this._commandService = _commandService;
+		this._menuManagerService = _menuManagerService;
+		this._dialogService = _dialogService;
+		this._layoutService = _layoutService;
+		this._uiPartsService = _uiPartsService;
+		this._sheetRenderService = _sheetRenderService;
+		this._localeService = _localeService;
+		this._sheetsSortUIService = _sheetsSortUIService;
+		this._injector = _injector;
+		this._componentManager = _componentManager;
+		this._initCommands();
+		this._initMenu();
+		this._initUI();
+	}
+	_initMenu() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initCommands() {
+		[
+			SortRangeAscCommand,
+			SortRangeAscExtCommand,
+			SortRangeDescCommand,
+			SortRangeDescExtCommand,
+			SortRangeCustomCommand,
+			SortRangeAscInCtxMenuCommand,
+			SortRangeAscExtInCtxMenuCommand,
+			SortRangeDescInCtxMenuCommand,
+			SortRangeDescExtInCtxMenuCommand,
+			SortRangeCustomInCtxMenuCommand
+		].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command)));
+		this.disposeWithMe(this._sheetRenderService.registerSkeletonChangingMutations(SortRangeCommand.id));
+	}
+	_initUI() {
+		this.disposeWithMe(this._uiPartsService.registerComponent(SheetsUIPart.FILTER_PANEL_EMBED_POINT, () => connectInjector(EmbedSortBtn, this._injector)));
+		[
+			["CustomSortPanel", CustomSortPanel],
+			[SHEETS_SORT_ASC_ICON, AscendingIcon],
+			[SHEETS_SORT_ASC_EXT_ICON, ExpandAscendingIcon],
+			[SHEETS_SORT_DESC_ICON, DescendingIcon],
+			[SHEETS_SORT_DESC_EXT_ICON, ExpandDescendingIcon],
+			[SHEETS_SORT_CUSTOM_ICON, CustomSortIcon]
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+		this._sheetsSortUIService.customSortState$.pipe(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();
+		});
+	}
+	_openCustomSortPanel(location) {
+		this._dialogService.open({
+			id: CUSTOM_SORT_DIALOG_ID,
+			draggable: true,
+			width: CUSTOM_SORT_PANEL_WIDTH,
+			title: { title: `${this._localeService.t("sheets-sort.general.sort-custom")}: ${serializeRange(location.range)}` },
+			children: { label: "CustomSortPanel" },
+			destroyOnClose: true,
+			defaultPosition: getCustomSortDialogDefaultPosition(),
+			preservePositionOnDestroy: false,
+			onClose: () => this._closePanel(),
+			mask: true
+		});
+	}
+	_closePanel() {
+		this._dialogService.close(CUSTOM_SORT_DIALOG_ID);
+		queueMicrotask(() => this._layoutService.focus());
+	}
+};
+SheetsSortUIController = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IMenuManagerService),
+	__decorateParam(2, IDialogService),
+	__decorateParam(3, ILayoutService),
+	__decorateParam(4, IUIPartsService),
+	__decorateParam(5, Inject(SheetsRenderService)),
+	__decorateParam(6, Inject(LocaleService)),
+	__decorateParam(7, Inject(SheetsSortUIService)),
+	__decorateParam(8, Inject(Injector)),
+	__decorateParam(9, Inject(ComponentManager))
+], SheetsSortUIController);
+function getCustomSortDialogDefaultPosition() {
+	return {
+		x: (window.innerWidth - CUSTOM_SORT_PANEL_WIDTH) / 2,
+		y: CUSTOM_SORT_PANEL_TOP
+	};
+}
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsSortUIPlugin = class UniverSheetsSortUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { ...rest } = merge({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(SHEETS_SORT_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[[SheetsSortUIService], [SheetsSortUIController]].forEach((d) => this._injector.add(d));
+	}
+	onRendered() {
+		this._injector.get(SheetsSortUIController);
+	}
+};
+_defineProperty(UniverSheetsSortUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+_defineProperty(UniverSheetsSortUIPlugin, "pluginName", "SHEET_SORT_UI_PLUGIN");
+_defineProperty(UniverSheetsSortUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsSortUIPlugin, "version", version);
+UniverSheetsSortUIPlugin = __decorate([
+	DependentOn(UniverSheetsSortPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService)
+], UniverSheetsSortUIPlugin);
+
+//#endregion
+export { SortRangeAscCommand, SortRangeAscExtCommand, SortRangeAscExtInCtxMenuCommand, SortRangeAscInCtxMenuCommand, SortRangeCustomCommand, SortRangeCustomInCtxMenuCommand, SortRangeDescCommand, SortRangeDescExtCommand, SortRangeDescExtInCtxMenuCommand, SortRangeDescInCtxMenuCommand, UniverSheetsSortUIPlugin };