@univerjs/sheets-sort-ui 0.2.4 → 0.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/es/index.js
CHANGED
|
@@ -1,760 +1,784 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
import { Inject
|
|
6
|
-
import { SortType
|
|
7
|
-
import { getPrimaryForRange
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
Me,
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
|
|
3
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
|
|
4
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
|
|
5
|
+
import { useDependency, LocaleService, Disposable, UniverInstanceType, OnLifecycle, LifecycleStages, Inject, Tools, LocaleType, IUniverInstanceService, ILogService, ICommandService, CommandType, throttle, RxDisposable, connectInjector, Injector, Plugin, DependentOn } from "@univerjs/core";
|
|
6
|
+
import { SortType, SheetsSortService, SortRangeCommand, UniverSheetsSortPlugin } from "@univerjs/sheets-sort";
|
|
7
|
+
import { getPrimaryForRange, SetSelectionsOperation, expandToContinuousRange, SheetsSelectionsService, getSheetCommandTarget, WorkbookEditablePermission, WorksheetSortPermission, WorksheetEditPermission, RangeProtectionPermissionEditPoint } from "@univerjs/sheets";
|
|
8
|
+
import React, { useState, forwardRef, useRef, createElement, useCallback, useEffect } from "react";
|
|
9
|
+
import { IConfirmService, MenuItemType, MenuPosition, MenuGroup, getMenuHiddenObservable, ComponentManager, IMenuService, IDialogService, ILayoutService, IUIPartsService } from "@univerjs/ui";
|
|
10
|
+
import { BehaviorSubject, takeUntil } from "rxjs";
|
|
11
|
+
import { RadioGroup, Radio, Checkbox, DraggableList, Button, Dropdown } from "@univerjs/design";
|
|
12
|
+
import { serializeRange } from "@univerjs/engine-formula";
|
|
13
|
+
import { getCurrentRangeDisable$, SheetMenuPosition, SheetsUIPart, SheetsRenderService } from "@univerjs/sheets-ui";
|
|
14
|
+
const extendConfirmContent = "univer-extend-confirm-content", extendConfirmRadioGroup = "univer-extend-confirm-radio-group", customSortPanelContainer = "univer-custom-sort-panel-container", customSortPanelExt = "univer-custom-sort-panel-ext", addCondition = "univer-add-condition", addConditionText = "univer-add-condition-text", addConditionDisable = "univer-add-condition-disable", customSortPanelFooter = "univer-custom-sort-panel-footer", customSortPanelFooterBtn = "univer-custom-sort-panel-footer-btn", customSortPanelItem = "univer-custom-sort-panel-item", customSortPanelItemHead = "univer-custom-sort-panel-item-head", customSortPanelItemHandler = "univer-custom-sort-panel-item-handler", customSortPanelItemRemove = "univer-custom-sort-panel-item-remove", customSortPanelItemColumnInput = "univer-custom-sort-panel-item-column-input", customSortPanelItemColumnInputDropdown = "univer-custom-sort-panel-item-column-input-dropdown", customSortPanelItemColumnInputText = "univer-custom-sort-panel-item-column-input-text", customSortPanelItemOrderRadio = "univer-custom-sort-panel-item-order-radio", customSortPanelItemOrderRadioCn = "univer-custom-sort-panel-item-order-radio-cn", conditionList = "univer-condition-list", embedSortBtnContainer = "univer-embed-sort-btn-container", embedSortBtn = "univer-embed-sort-btn", embedSortBtnAsc = "univer-embed-sort-btn-asc", embedSortBtnDesc = "univer-embed-sort-btn-desc", embedSortBtnIcon = "univer-embed-sort-btn-icon", customSortColMenu = "univer-custom-sort-col-menu", customSortColMenuItem = "univer-custom-sort-col-menu-item", customSortColMenuItemDesc = "univer-custom-sort-col-menu-item-desc", styles = {
|
|
15
|
+
extendConfirmContent,
|
|
16
|
+
extendConfirmRadioGroup,
|
|
17
|
+
customSortPanelContainer,
|
|
18
|
+
customSortPanelExt,
|
|
19
|
+
addCondition,
|
|
20
|
+
addConditionText,
|
|
21
|
+
addConditionDisable,
|
|
22
|
+
customSortPanelFooter,
|
|
23
|
+
customSortPanelFooterBtn,
|
|
24
|
+
customSortPanelItem,
|
|
25
|
+
customSortPanelItemHead,
|
|
26
|
+
customSortPanelItemHandler,
|
|
27
|
+
customSortPanelItemRemove,
|
|
28
|
+
customSortPanelItemColumnInput,
|
|
29
|
+
customSortPanelItemColumnInputDropdown,
|
|
30
|
+
customSortPanelItemColumnInputText,
|
|
31
|
+
customSortPanelItemOrderRadio,
|
|
32
|
+
customSortPanelItemOrderRadioCn,
|
|
33
|
+
conditionList,
|
|
34
|
+
embedSortBtnContainer,
|
|
35
|
+
embedSortBtn,
|
|
36
|
+
embedSortBtnAsc,
|
|
37
|
+
embedSortBtnDesc,
|
|
38
|
+
embedSortBtnIcon,
|
|
39
|
+
customSortColMenu,
|
|
40
|
+
customSortColMenuItem,
|
|
41
|
+
customSortColMenuItemDesc
|
|
42
|
+
}, ExtendConfirm = /* @__PURE__ */ __name((props) => {
|
|
43
|
+
const [extend, setExtend] = useState("0"), localeService = useDependency(LocaleService);
|
|
44
|
+
return /* @__PURE__ */ React.createElement("div", { className: styles.extendConfirmContent }, /* @__PURE__ */ React.createElement("div", { className: "extend-confirm-desc" }, localeService.t("sheets-sort.dialog.sort-reminder-desc")), /* @__PURE__ */ React.createElement(
|
|
45
|
+
RadioGroup,
|
|
47
46
|
{
|
|
48
|
-
className:
|
|
49
|
-
value:
|
|
47
|
+
className: styles.extendConfirmRadioGroup,
|
|
48
|
+
value: extend,
|
|
50
49
|
direction: "vertical",
|
|
51
|
-
onChange: (
|
|
52
|
-
|
|
53
|
-
}
|
|
50
|
+
onChange: /* @__PURE__ */ __name((value) => {
|
|
51
|
+
setExtend(value), props.onChange(value);
|
|
52
|
+
}, "onChange")
|
|
54
53
|
},
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
|
|
54
|
+
/* @__PURE__ */ React.createElement(
|
|
55
|
+
Radio,
|
|
57
56
|
{
|
|
58
57
|
value: "0"
|
|
59
58
|
},
|
|
60
|
-
|
|
59
|
+
localeService.t("sheets-sort.dialog.sort-reminder-no")
|
|
61
60
|
),
|
|
62
|
-
/* @__PURE__ */
|
|
61
|
+
/* @__PURE__ */ React.createElement(Radio, { value: "1" }, localeService.t("sheets-sort.dialog.sort-reminder-ext"))
|
|
63
62
|
));
|
|
64
|
-
};
|
|
65
|
-
var
|
|
66
|
-
for (var
|
|
67
|
-
(
|
|
68
|
-
return
|
|
69
|
-
},
|
|
70
|
-
const
|
|
63
|
+
}, "ExtendConfirm");
|
|
64
|
+
var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
|
|
65
|
+
for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
|
|
66
|
+
(decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
|
|
67
|
+
return kind && result && __defProp$2(target, key, result), result;
|
|
68
|
+
}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2");
|
|
69
|
+
const SORT_ERROR_MESSAGE = {
|
|
71
70
|
MERGE_ERROR: "sheets-sort.error.merge-size",
|
|
72
71
|
EMPTY_ERROR: "sheets-sort.error.empty",
|
|
73
72
|
SINGLE_ERROR: "sheets-sort.error.single",
|
|
74
73
|
FORMULA_ARRAY: "sheets-sort.error.formula-array"
|
|
75
74
|
};
|
|
76
|
-
|
|
77
|
-
|
|
75
|
+
var _a;
|
|
76
|
+
let SheetsSortUIService = (_a = class extends Disposable {
|
|
77
|
+
constructor(_univerInstanceService, _confirmService, _logService, _selectionManagerService, _sheetsSortService, _localeService, _commandService) {
|
|
78
78
|
super();
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
this._univerInstanceService =
|
|
79
|
+
__publicField(this, "_customSortState$", new BehaviorSubject(null));
|
|
80
|
+
__publicField(this, "customSortState$", this._customSortState$.asObservable());
|
|
81
|
+
this._univerInstanceService = _univerInstanceService, this._confirmService = _confirmService, this._logService = _logService, this._selectionManagerService = _selectionManagerService, this._sheetsSortService = _sheetsSortService, this._localeService = _localeService, this._commandService = _commandService;
|
|
82
82
|
}
|
|
83
|
-
async triggerSortDirectly(
|
|
84
|
-
const
|
|
85
|
-
if (!
|
|
83
|
+
async triggerSortDirectly(asc, extend, sheetRangeLocation) {
|
|
84
|
+
const location = sheetRangeLocation || await this._detectSortLocation(extend);
|
|
85
|
+
if (!location || !this._check(location))
|
|
86
86
|
return !1;
|
|
87
|
-
const
|
|
87
|
+
const sortOption = {
|
|
88
88
|
orderRules: [{
|
|
89
|
-
type:
|
|
90
|
-
colIndex:
|
|
89
|
+
type: asc ? SortType.ASC : SortType.DESC,
|
|
90
|
+
colIndex: location.colIndex
|
|
91
91
|
}],
|
|
92
|
-
range:
|
|
92
|
+
range: location.range
|
|
93
93
|
};
|
|
94
|
-
return this._sheetsSortService.applySort(
|
|
94
|
+
return this._sheetsSortService.applySort(sortOption, location.unitId, location.subUnitId), !0;
|
|
95
95
|
}
|
|
96
96
|
async triggerSortCustomize() {
|
|
97
|
-
const
|
|
98
|
-
return !
|
|
97
|
+
const location = await this._detectSortLocation();
|
|
98
|
+
return !location || !this._check(location) ? !1 : (this.showCustomSortPanel(location), !0);
|
|
99
99
|
}
|
|
100
100
|
customSortState() {
|
|
101
101
|
return this._customSortState$.getValue();
|
|
102
102
|
}
|
|
103
|
-
getTitles(
|
|
104
|
-
var
|
|
105
|
-
const
|
|
106
|
-
if (!
|
|
103
|
+
getTitles(hasTitle) {
|
|
104
|
+
var _a4, _b;
|
|
105
|
+
const location = (_a4 = this.customSortState()) == null ? void 0 : _a4.location;
|
|
106
|
+
if (!location)
|
|
107
107
|
return [];
|
|
108
|
-
const { unitId
|
|
109
|
-
if (!
|
|
108
|
+
const { unitId, subUnitId, range } = location, worksheet = (_b = this._univerInstanceService.getUnit(unitId)) == null ? void 0 : _b.getSheetBySheetId(subUnitId);
|
|
109
|
+
if (!worksheet)
|
|
110
110
|
return [];
|
|
111
|
-
const
|
|
111
|
+
const colTranslator = colIndexTranslator(this._localeService);
|
|
112
112
|
return Array.from(
|
|
113
|
-
{ length:
|
|
114
|
-
(
|
|
115
|
-
var
|
|
116
|
-
const
|
|
113
|
+
{ length: range.endColumn - range.startColumn + 1 },
|
|
114
|
+
(_, i) => {
|
|
115
|
+
var _a5;
|
|
116
|
+
const cellValue = (_a5 = worksheet.getCell(range.startRow, i + range.startColumn)) == null ? void 0 : _a5.v;
|
|
117
117
|
return {
|
|
118
|
-
index:
|
|
119
|
-
label:
|
|
118
|
+
index: i + range.startColumn,
|
|
119
|
+
label: hasTitle ? `${cellValue != null ? cellValue : colTranslator(i + range.startColumn)}` : colTranslator(i + range.startColumn)
|
|
120
120
|
};
|
|
121
121
|
}
|
|
122
122
|
);
|
|
123
123
|
}
|
|
124
|
-
setSelection(
|
|
125
|
-
var
|
|
126
|
-
const
|
|
127
|
-
if (!
|
|
124
|
+
setSelection(unitId, subUnitId, range) {
|
|
125
|
+
var _a4;
|
|
126
|
+
const worksheet = (_a4 = this._univerInstanceService.getUnit(unitId)) == null ? void 0 : _a4.getSheetBySheetId(subUnitId);
|
|
127
|
+
if (!worksheet)
|
|
128
128
|
return;
|
|
129
|
-
const
|
|
130
|
-
unitId
|
|
131
|
-
subUnitId
|
|
132
|
-
selections: [{ range
|
|
129
|
+
const setSelectionsOperationParams = {
|
|
130
|
+
unitId,
|
|
131
|
+
subUnitId,
|
|
132
|
+
selections: [{ range, primary: getPrimaryForRange(range, worksheet), style: null }]
|
|
133
133
|
};
|
|
134
|
-
this._commandService.executeCommand(
|
|
134
|
+
this._commandService.executeCommand(SetSelectionsOperation.id, setSelectionsOperationParams);
|
|
135
135
|
}
|
|
136
|
-
async showCheckError(
|
|
136
|
+
async showCheckError(content) {
|
|
137
137
|
return await this._confirmService.confirm({
|
|
138
138
|
id: "sort-range-check-error",
|
|
139
139
|
title: {
|
|
140
140
|
title: this._localeService.t("info.tooltip")
|
|
141
141
|
},
|
|
142
142
|
children: {
|
|
143
|
-
title: /* @__PURE__ */
|
|
143
|
+
title: /* @__PURE__ */ React.createElement("div", null, this._localeService.t(content))
|
|
144
144
|
}
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
147
|
async showExtendConfirm() {
|
|
148
|
-
let
|
|
148
|
+
let shouldExtend = !1;
|
|
149
149
|
return await this._confirmService.confirm({
|
|
150
150
|
id: "extend-sort-range-dialog",
|
|
151
151
|
title: {
|
|
152
152
|
title: this._localeService.t("sheets-sort.dialog.sort-reminder")
|
|
153
153
|
},
|
|
154
154
|
children: {
|
|
155
|
-
title: /* @__PURE__ */
|
|
156
|
-
|
|
155
|
+
title: /* @__PURE__ */ React.createElement(
|
|
156
|
+
ExtendConfirm,
|
|
157
157
|
{
|
|
158
|
-
onChange: (
|
|
159
|
-
|
|
160
|
-
}
|
|
158
|
+
onChange: /* @__PURE__ */ __name((value) => {
|
|
159
|
+
shouldExtend = value === "1";
|
|
160
|
+
}, "onChange")
|
|
161
161
|
}
|
|
162
162
|
)
|
|
163
163
|
},
|
|
164
164
|
width: 400
|
|
165
|
-
}) ?
|
|
165
|
+
}) ? shouldExtend ? "extend" : "keep" : "cancel";
|
|
166
166
|
}
|
|
167
|
-
showCustomSortPanel(
|
|
168
|
-
this._customSortState$.next({ location
|
|
167
|
+
showCustomSortPanel(location) {
|
|
168
|
+
this._customSortState$.next({ location, show: !0 });
|
|
169
169
|
}
|
|
170
170
|
closeCustomSortPanel() {
|
|
171
171
|
this._customSortState$.next({ show: !1 });
|
|
172
172
|
}
|
|
173
|
-
_check(
|
|
174
|
-
return this._sheetsSortService.singleCheck(
|
|
173
|
+
_check(location) {
|
|
174
|
+
return this._sheetsSortService.singleCheck(location) ? this._sheetsSortService.mergeCheck(location) ? this._sheetsSortService.formulaCheck(location) ? this._sheetsSortService.emptyCheck(location) ? !0 : (this.showCheckError(SORT_ERROR_MESSAGE.EMPTY_ERROR), !1) : (this.showCheckError(SORT_ERROR_MESSAGE.FORMULA_ARRAY), !1) : (this.showCheckError(SORT_ERROR_MESSAGE.MERGE_ERROR), !1) : (this.showCheckError(SORT_ERROR_MESSAGE.SINGLE_ERROR), !1);
|
|
175
175
|
}
|
|
176
|
-
async _detectSortLocation(
|
|
177
|
-
var
|
|
178
|
-
const
|
|
179
|
-
if (!
|
|
176
|
+
async _detectSortLocation(extend) {
|
|
177
|
+
var _a4;
|
|
178
|
+
const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook.getActiveSheet(), unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), selection = this._selectionManagerService.getCurrentLastSelection();
|
|
179
|
+
if (!selection)
|
|
180
180
|
return null;
|
|
181
|
-
let
|
|
182
|
-
if (
|
|
183
|
-
|
|
184
|
-
else if (
|
|
185
|
-
|
|
181
|
+
let range;
|
|
182
|
+
if (extend === !0)
|
|
183
|
+
range = expandToContinuousRange(selection.range, { up: !0, down: !0, left: !0, right: !0 }, worksheet), this.setSelection(unitId, subUnitId, range);
|
|
184
|
+
else if (extend === !1)
|
|
185
|
+
range = selection.range;
|
|
186
186
|
else {
|
|
187
|
-
const
|
|
188
|
-
if (
|
|
187
|
+
const confirmRes = await this.showExtendConfirm();
|
|
188
|
+
if (confirmRes === "cancel")
|
|
189
189
|
return null;
|
|
190
|
-
|
|
190
|
+
confirmRes === "keep" ? range = selection.range : (range = expandToContinuousRange(selection.range, { up: !0, down: !0, left: !0, right: !0 }, worksheet), this.setSelection(unitId, subUnitId, range));
|
|
191
191
|
}
|
|
192
|
-
const
|
|
193
|
-
return
|
|
194
|
-
range
|
|
195
|
-
unitId
|
|
196
|
-
subUnitId
|
|
197
|
-
colIndex:
|
|
192
|
+
const primary = (_a4 = this._selectionManagerService.getCurrentLastSelection()) == null ? void 0 : _a4.primary;
|
|
193
|
+
return primary ? {
|
|
194
|
+
range,
|
|
195
|
+
unitId,
|
|
196
|
+
subUnitId,
|
|
197
|
+
colIndex: primary.actualColumn
|
|
198
198
|
} : null;
|
|
199
199
|
}
|
|
200
|
-
};
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
],
|
|
211
|
-
function
|
|
212
|
-
return (
|
|
213
|
-
const
|
|
214
|
-
switch (
|
|
215
|
-
case
|
|
216
|
-
return `"${
|
|
217
|
-
case
|
|
218
|
-
return `Column "${
|
|
200
|
+
}, __name(_a, "SheetsSortUIService"), _a);
|
|
201
|
+
SheetsSortUIService = __decorateClass$2([
|
|
202
|
+
OnLifecycle(LifecycleStages.Ready, SheetsSortService),
|
|
203
|
+
__decorateParam$2(0, IUniverInstanceService),
|
|
204
|
+
__decorateParam$2(1, IConfirmService),
|
|
205
|
+
__decorateParam$2(2, ILogService),
|
|
206
|
+
__decorateParam$2(3, Inject(SheetsSelectionsService)),
|
|
207
|
+
__decorateParam$2(4, Inject(SheetsSortService)),
|
|
208
|
+
__decorateParam$2(5, Inject(LocaleService)),
|
|
209
|
+
__decorateParam$2(6, ICommandService)
|
|
210
|
+
], SheetsSortUIService);
|
|
211
|
+
function colIndexTranslator(localeService) {
|
|
212
|
+
return (colIndex) => {
|
|
213
|
+
const colName = Tools.chatAtABC(colIndex);
|
|
214
|
+
switch (localeService.getCurrentLocale()) {
|
|
215
|
+
case LocaleType.ZH_CN:
|
|
216
|
+
return `"${colName}"列`;
|
|
217
|
+
case LocaleType.EN_US:
|
|
218
|
+
return `Column "${colName}"`;
|
|
219
219
|
default:
|
|
220
|
-
return `Column "${
|
|
220
|
+
return `Column "${colName}"`;
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
223
|
}
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
224
|
+
__name(colIndexTranslator, "colIndexTranslator");
|
|
225
|
+
var __assign = function() {
|
|
226
|
+
return __assign = Object.assign || function(t) {
|
|
227
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
228
|
+
s = arguments[i];
|
|
229
|
+
for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
|
|
229
230
|
}
|
|
230
|
-
return
|
|
231
|
-
},
|
|
232
|
-
},
|
|
233
|
-
var
|
|
234
|
-
for (var
|
|
235
|
-
if (
|
|
236
|
-
for (var
|
|
237
|
-
|
|
238
|
-
return
|
|
239
|
-
},
|
|
240
|
-
var
|
|
241
|
-
return
|
|
231
|
+
return t;
|
|
232
|
+
}, __assign.apply(this, arguments);
|
|
233
|
+
}, __rest = function(s, e) {
|
|
234
|
+
var t = {};
|
|
235
|
+
for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
|
|
236
|
+
if (s != null && typeof Object.getOwnPropertySymbols == "function")
|
|
237
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
|
|
238
|
+
e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
|
|
239
|
+
return t;
|
|
240
|
+
}, IconBase = forwardRef(function(props, ref) {
|
|
241
|
+
var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
|
|
242
|
+
return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
|
|
242
243
|
});
|
|
243
|
-
function
|
|
244
|
-
return
|
|
245
|
-
return
|
|
244
|
+
function render(node, id, runtimeProps, rootProps, extend) {
|
|
245
|
+
return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
|
|
246
|
+
return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
|
|
246
247
|
}));
|
|
247
248
|
}
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
249
|
+
__name(render, "render");
|
|
250
|
+
function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
|
|
251
|
+
var attrs = __assign({}, node.attrs);
|
|
252
|
+
extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
|
|
253
|
+
var defIds = runtimeProps.defIds;
|
|
254
|
+
return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a4) {
|
|
255
|
+
var key = _a4[0], value = _a4[1];
|
|
256
|
+
typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
|
|
257
|
+
})), attrs;
|
|
256
258
|
}
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
259
|
+
__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
|
|
260
|
+
function replaceRuntimeIdsInDefs(node, runtimeProps) {
|
|
261
|
+
var _a4, defIds = runtimeProps.defIds;
|
|
262
|
+
return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a4 = node.children) === null || _a4 === void 0) && _a4.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
|
|
263
|
+
return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
|
|
264
|
+
}) }) : node;
|
|
262
265
|
}
|
|
263
|
-
|
|
266
|
+
__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
|
|
267
|
+
function generateShortUuid() {
|
|
264
268
|
return Math.random().toString(36).substring(2, 8);
|
|
265
269
|
}
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
270
|
+
__name(generateShortUuid, "generateShortUuid");
|
|
271
|
+
IconBase.displayName = "UniverIcon";
|
|
272
|
+
var element$9 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 14.4667C12.4208 14.798 12.1522 15.0667 11.8208 15.0667C11.4895 15.0667 11.2208 14.798 11.2208 14.4667V2.98193L9.97861 4.22417C9.7443 4.45848 9.3644 4.45848 9.13008 4.22417C8.89577 3.98985 8.89577 3.60995 9.13008 3.37564L11.3967 1.10897C11.6311 0.874657 12.011 0.874657 12.2453 1.10897L14.5119 3.37564C14.7463 3.60995 14.7463 3.98985 14.5119 4.22417C14.2776 4.45848 13.8977 4.45848 13.6634 4.22417L12.4208 2.9816V14.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, AscendingSingle = forwardRef(function(props, ref) {
|
|
273
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
269
274
|
id: "ascending- single",
|
|
270
|
-
ref
|
|
271
|
-
icon:
|
|
275
|
+
ref,
|
|
276
|
+
icon: element$9
|
|
272
277
|
}));
|
|
273
278
|
});
|
|
274
|
-
|
|
275
|
-
var
|
|
276
|
-
return
|
|
279
|
+
AscendingSingle.displayName = "AscendingSingle";
|
|
280
|
+
var element$8 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
|
|
281
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
277
282
|
id: "check-mark-single",
|
|
278
|
-
ref
|
|
279
|
-
icon:
|
|
283
|
+
ref,
|
|
284
|
+
icon: element$8
|
|
280
285
|
}));
|
|
281
286
|
});
|
|
282
|
-
|
|
283
|
-
var
|
|
284
|
-
return
|
|
287
|
+
CheckMarkSingle.displayName = "CheckMarkSingle";
|
|
288
|
+
var element$7 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.77445 9.24306L9.77457 11.9573C9.77458 12.2887 9.50597 12.5574 9.17459 12.5574 8.84322 12.5574 8.57458 12.2888 8.57457 11.9574L8.57439 7.79509C8.57438 7.46372 8.84299 7.19508 9.17436 7.19507 9.3281 7.19493 9.48196 7.25351 9.59925 7.3708L11.3465 9.11808C11.5808 9.3524 11.5808 9.7323 11.3465 9.96661 11.1122 10.2009 10.7323 10.2009 10.498 9.96661L9.77445 9.24306zM6.22584 10.5094L6.22572 7.79514C6.22571 7.46377 6.49433 7.19513 6.8257 7.19512 7.15707 7.1951 7.42571 7.46372 7.42572 7.79509L7.4259 11.9574C7.42592 12.2888 7.1573 12.5574 6.82593 12.5574 6.67228 12.5575 6.51828 12.4989 6.40104 12.3817L4.65376 10.6344C4.41945 10.4001 4.41945 10.0202 4.65376 9.78588 4.88808 9.55156 5.26798 9.55156 5.50229 9.78588L6.22584 10.5094z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.14014 3.73989C1.14014 2.30396 2.3042 1.13989 3.74014 1.13989H12.2601C13.6961 1.13989 14.8601 2.30395 14.8601 3.73989V12.2599C14.8601 13.6958 13.6961 14.8599 12.2601 14.8599H3.74014C2.3042 14.8599 1.14014 13.6958 1.14014 12.2599V3.73989ZM2.34014 5.86724V12.2599C2.34014 13.0331 2.96694 13.6599 3.74014 13.6599H12.2601C13.0333 13.6599 13.6601 13.0331 13.6601 12.2599V5.86724H2.34014ZM13.6601 4.66724H2.34014V3.73989C2.34014 2.9667 2.96694 2.33989 3.74014 2.33989H12.2601C13.0333 2.33989 13.6601 2.96669 13.6601 3.73989V4.66724Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CustomSortSingle = forwardRef(function(props, ref) {
|
|
289
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
285
290
|
id: "custom-sort-single",
|
|
286
|
-
ref
|
|
287
|
-
icon:
|
|
291
|
+
ref,
|
|
292
|
+
icon: element$7
|
|
288
293
|
}));
|
|
289
294
|
});
|
|
290
|
-
|
|
291
|
-
var
|
|
292
|
-
return
|
|
295
|
+
CustomSortSingle.displayName = "CustomSortSingle";
|
|
296
|
+
var element$6 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V13.1332C3.15332 14.2377 4.04875 15.1332 5.15332 15.1332H10.8465C11.9511 15.1332 12.8465 14.2377 12.8465 13.1331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V13.1331C11.6465 13.575 11.2884 13.9331 10.8465 13.9331H5.15332C4.71149 13.9331 4.35332 13.575 4.35332 13.1332V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DeleteEmptySingle = forwardRef(function(props, ref) {
|
|
297
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
293
298
|
id: "delete-empty-single",
|
|
294
|
-
ref
|
|
295
|
-
icon:
|
|
299
|
+
ref,
|
|
300
|
+
icon: element$6
|
|
296
301
|
}));
|
|
297
302
|
});
|
|
298
|
-
|
|
299
|
-
var
|
|
300
|
-
return
|
|
303
|
+
DeleteEmptySingle.displayName = "DeleteEmptySingle";
|
|
304
|
+
var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M12.4208 1.53335C12.4208 1.20198 12.1522 0.93335 11.8208 0.93335C11.4895 0.93335 11.2208 1.20198 11.2208 1.53335V13.0181L9.97861 11.7758C9.7443 11.5415 9.3644 11.5415 9.13008 11.7758C8.89577 12.0101 8.89577 12.39 9.13008 12.6244L11.3967 14.891C11.6311 15.1253 12.011 15.1253 12.2453 14.891L14.5119 12.6244C14.7463 12.39 14.7463 12.0101 14.5119 11.7758C14.2776 11.5415 13.8977 11.5415 13.6634 11.7758L12.4208 13.0184V1.53335Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.98967 10.2798C1.6583 10.2798 1.38967 10.0112 1.38967 9.67983 1.38967 9.34846 1.6583 9.07983 1.98967 9.07983H6.50138C6.74406 9.07983 6.96284 9.22602 7.05571 9.45022 7.14858 9.67443 7.09725 9.9325 6.92565 10.1041L3.43819 13.5916H6.50138C6.83276 13.5916 7.10138 13.8602 7.10138 14.1916 7.10138 14.5229 6.83276 14.7916 6.50138 14.7916H1.98967C1.74699 14.7916 1.52821 14.6454 1.43534 14.4212 1.34247 14.197 1.3938 13.9389 1.5654 13.7673L5.05286 10.2798H1.98967zM5.1846 1.86439C4.8641.989866 3.62725.989866 3.30674 1.86439L1.34882 7.20672C1.23479 7.51786 1.39458 7.86252 1.70571 7.97655 2.01684 8.09058 2.3615 7.93079 2.47553 7.61966L3.06159 6.02055 3.06338 6.02056H5.42975L6.01581 7.61966C6.12984 7.93079 6.4745 8.09058 6.78563 7.97655 7.09677 7.86252 7.25655 7.51786 7.14252 7.20672L5.1846 1.86439zM4.98996 4.82056L4.24567 2.78971 3.50138 4.82056H4.98996z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DescendingSingle = forwardRef(function(props, ref) {
|
|
305
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
301
306
|
id: "descending-single",
|
|
302
|
-
ref
|
|
303
|
-
icon:
|
|
307
|
+
ref,
|
|
308
|
+
icon: element$5
|
|
304
309
|
}));
|
|
305
310
|
});
|
|
306
|
-
|
|
307
|
-
var
|
|
308
|
-
return
|
|
311
|
+
DescendingSingle.displayName = "DescendingSingle";
|
|
312
|
+
var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.9064 3.20024C1.57503 3.20024 1.3064 2.93161 1.3064 2.60024C1.3064 2.26887 1.57503 2.00024 1.9064 2.00024H4.57306C4.90443 2.00024 5.17306 2.26887 5.17306 2.60024C5.17306 2.93161 4.90443 3.20024 4.57306 3.20024H1.9064ZM1.3064 6.19985C1.3064 6.53122 1.57503 6.79985 1.9064 6.79985H5.9064C6.23777 6.79985 6.5064 6.53122 6.5064 6.19985C6.5064 5.86848 6.23777 5.59985 5.9064 5.59985H1.9064C1.57503 5.59985 1.3064 5.86848 1.3064 6.19985ZM1.9064 10.3997C1.57503 10.3997 1.3064 10.1311 1.3064 9.79971C1.3064 9.46834 1.57503 9.19971 1.9064 9.19971H7.23973C7.5711 9.19971 7.83973 9.46834 7.83973 9.79971C7.83973 10.1311 7.5711 10.3997 7.23973 10.3997H1.9064ZM1.9064 13.9996C1.57503 13.9996 1.3064 13.7309 1.3064 13.3996C1.3064 13.0682 1.57503 12.7996 1.9064 12.7996H8.57306C8.90443 12.7996 9.17306 13.0682 9.17306 13.3996C9.17306 13.7309 8.90443 13.9996 8.57306 13.9996H1.9064Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.4267 14.2667C12.4267 14.5981 12.1581 14.8667 11.8267 14.8667C11.4953 14.8667 11.2267 14.5981 11.2267 14.2667V3.18198L9.98447 4.42422C9.75015 4.65853 9.37026 4.65853 9.13594 4.42422C8.90163 4.1899 8.90163 3.81 9.13594 3.57569L11.4026 1.30902C11.6369 1.07471 12.0168 1.07471 12.2511 1.30902L14.5178 3.57569C14.7521 3.81 14.7521 4.1899 14.5178 4.42422C14.2835 4.65853 13.9036 4.65853 13.6693 4.42422L12.4267 3.18165V14.2667Z" } }] }, ExpandAscendingSingle = forwardRef(function(props, ref) {
|
|
313
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
309
314
|
id: "expand-ascending-single",
|
|
310
|
-
ref
|
|
311
|
-
icon:
|
|
315
|
+
ref,
|
|
316
|
+
icon: element$4
|
|
312
317
|
}));
|
|
313
318
|
});
|
|
314
|
-
|
|
315
|
-
var
|
|
316
|
-
return
|
|
319
|
+
ExpandAscendingSingle.displayName = "ExpandAscendingSingle";
|
|
320
|
+
var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.9064 12.7998C1.57503 12.7998 1.3064 13.0684 1.3064 13.3998C1.3064 13.7311 1.57503 13.9998 1.9064 13.9998H4.57306C4.90443 13.9998 5.17306 13.7311 5.17306 13.3998C5.17306 13.0684 4.90443 12.7998 4.57306 12.7998H1.9064ZM1.3064 9.80015C1.3064 9.46878 1.57503 9.20015 1.9064 9.20015H5.9064C6.23777 9.20015 6.5064 9.46878 6.5064 9.80015C6.5064 10.1315 6.23777 10.4001 5.9064 10.4001H1.9064C1.57503 10.4001 1.3064 10.1315 1.3064 9.80015ZM1.9064 5.60029C1.57503 5.60029 1.3064 5.86892 1.3064 6.20029C1.3064 6.53166 1.57503 6.80029 1.9064 6.80029H7.23973C7.5711 6.80029 7.83973 6.53166 7.83973 6.20029C7.83973 5.86892 7.5711 5.60029 7.23973 5.60029H1.9064ZM1.9064 2.00044C1.57503 2.00044 1.3064 2.26907 1.3064 2.60044C1.3064 2.93181 1.57503 3.20044 1.9064 3.20044H8.57306C8.90443 3.20044 9.17306 2.93181 9.17306 2.60044C9.17306 2.26907 8.90443 2.00044 8.57306 2.00044H1.9064Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.4267 1.7333C12.4267 1.40193 12.1581 1.1333 11.8267 1.1333C11.4953 1.1333 11.2267 1.40193 11.2267 1.7333V12.818L9.98447 11.5758C9.75015 11.3415 9.37026 11.3415 9.13594 11.5758C8.90163 11.8101 8.90163 12.19 9.13594 12.4243L11.4026 14.691C11.6369 14.9253 12.0168 14.9253 12.2511 14.691L14.5178 12.4243C14.7521 12.19 14.7521 11.8101 14.5178 11.5758C14.2835 11.3415 13.9036 11.3415 13.6693 11.5758L12.4267 12.8183V1.7333Z" } }] }, ExpandDescendingSingle = forwardRef(function(props, ref) {
|
|
321
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
317
322
|
id: "expand-descending-single",
|
|
318
|
-
ref
|
|
319
|
-
icon:
|
|
323
|
+
ref,
|
|
324
|
+
icon: element$3
|
|
320
325
|
}));
|
|
321
326
|
});
|
|
322
|
-
|
|
323
|
-
var
|
|
324
|
-
return
|
|
327
|
+
ExpandDescendingSingle.displayName = "ExpandDescendingSingle";
|
|
328
|
+
var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, IncreaseSingle = forwardRef(function(props, ref) {
|
|
329
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
325
330
|
id: "increase-single",
|
|
326
|
-
ref
|
|
327
|
-
icon:
|
|
331
|
+
ref,
|
|
332
|
+
icon: element$2
|
|
328
333
|
}));
|
|
329
334
|
});
|
|
330
|
-
|
|
331
|
-
var
|
|
332
|
-
return
|
|
335
|
+
IncreaseSingle.displayName = "IncreaseSingle";
|
|
336
|
+
var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, MoreDownSingle = forwardRef(function(props, ref) {
|
|
337
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
333
338
|
id: "more-down-single",
|
|
334
|
-
ref
|
|
335
|
-
icon:
|
|
339
|
+
ref,
|
|
340
|
+
icon: element$1
|
|
336
341
|
}));
|
|
337
342
|
});
|
|
338
|
-
|
|
339
|
-
var
|
|
340
|
-
return
|
|
343
|
+
MoreDownSingle.displayName = "MoreDownSingle";
|
|
344
|
+
var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, SequenceSingle = forwardRef(function(props, ref) {
|
|
345
|
+
return createElement(IconBase, Object.assign({}, props, {
|
|
341
346
|
id: "sequence-single",
|
|
342
|
-
ref
|
|
343
|
-
icon:
|
|
347
|
+
ref,
|
|
348
|
+
icon: element
|
|
344
349
|
}));
|
|
345
350
|
});
|
|
346
|
-
|
|
347
|
-
const
|
|
351
|
+
SequenceSingle.displayName = "SequenceSingle";
|
|
352
|
+
const SortRangeAscCommand = {
|
|
348
353
|
id: "sheet.command.sort-range-asc",
|
|
349
|
-
type:
|
|
350
|
-
handler: async (
|
|
351
|
-
},
|
|
354
|
+
type: CommandType.COMMAND,
|
|
355
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!0, !1), "handler")
|
|
356
|
+
}, SortRangeAscExtCommand = {
|
|
352
357
|
id: "sheet.command.sort-range-asc-ext",
|
|
353
|
-
type:
|
|
354
|
-
handler: async (
|
|
355
|
-
},
|
|
358
|
+
type: CommandType.COMMAND,
|
|
359
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!0, !0), "handler")
|
|
360
|
+
}, SortRangeDescCommand = {
|
|
356
361
|
id: "sheet.command.sort-range-desc",
|
|
357
|
-
type:
|
|
358
|
-
handler: async (
|
|
359
|
-
},
|
|
362
|
+
type: CommandType.COMMAND,
|
|
363
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!1, !1), "handler")
|
|
364
|
+
}, SortRangeDescExtCommand = {
|
|
360
365
|
id: "sheet.command.sort-range-desc-ext",
|
|
361
|
-
type:
|
|
362
|
-
handler: async (
|
|
363
|
-
},
|
|
366
|
+
type: CommandType.COMMAND,
|
|
367
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!1, !0), "handler")
|
|
368
|
+
}, SortRangeCustomCommand = {
|
|
364
369
|
id: "sheet.command.sort-range-custom",
|
|
365
|
-
type:
|
|
366
|
-
handler: async (
|
|
367
|
-
},
|
|
370
|
+
type: CommandType.COMMAND,
|
|
371
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortCustomize(), "handler")
|
|
372
|
+
}, SortRangeAscInCtxMenuCommand = {
|
|
368
373
|
id: "sheet.command.sort-range-asc-ctx",
|
|
369
|
-
type:
|
|
370
|
-
handler: async (
|
|
371
|
-
},
|
|
374
|
+
type: CommandType.COMMAND,
|
|
375
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!0, !1), "handler")
|
|
376
|
+
}, SortRangeAscExtInCtxMenuCommand = {
|
|
372
377
|
id: "sheet.command.sort-range-asc-ext-ctx",
|
|
373
|
-
type:
|
|
374
|
-
handler: async (
|
|
375
|
-
},
|
|
378
|
+
type: CommandType.COMMAND,
|
|
379
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!0, !0), "handler")
|
|
380
|
+
}, SortRangeDescInCtxMenuCommand = {
|
|
376
381
|
id: "sheet.command.sort-range-desc-ctx",
|
|
377
|
-
type:
|
|
378
|
-
handler: async (
|
|
379
|
-
},
|
|
382
|
+
type: CommandType.COMMAND,
|
|
383
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!1, !1), "handler")
|
|
384
|
+
}, SortRangeDescExtInCtxMenuCommand = {
|
|
380
385
|
id: "sheet.command.sort-range-desc-ext-ctx",
|
|
381
|
-
type:
|
|
382
|
-
handler: async (
|
|
383
|
-
},
|
|
386
|
+
type: CommandType.COMMAND,
|
|
387
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortDirectly(!1, !0), "handler")
|
|
388
|
+
}, SortRangeCustomInCtxMenuCommand = {
|
|
384
389
|
id: "sheet.command.sort-range-custom-ctx",
|
|
385
|
-
type:
|
|
386
|
-
handler: async (
|
|
390
|
+
type: CommandType.COMMAND,
|
|
391
|
+
handler: /* @__PURE__ */ __name(async (accessor) => await accessor.get(SheetsSortUIService).triggerSortCustomize(), "handler")
|
|
387
392
|
};
|
|
388
|
-
function
|
|
389
|
-
const
|
|
390
|
-
if (!
|
|
393
|
+
function CustomSortPanel() {
|
|
394
|
+
const sheetsSortUIService = useDependency(SheetsSortUIService), sheetsSortService = useDependency(SheetsSortService), localeService = useDependency(LocaleService), [hasTitle, setHasTitle] = useState(!1), [scrollPosition, setScrollPosition] = useState(0), listEndRef = useRef(null), state = sheetsSortUIService.customSortState();
|
|
395
|
+
if (!state || !state.location)
|
|
391
396
|
return null;
|
|
392
|
-
const { range
|
|
393
|
-
{ type:
|
|
394
|
-
]),
|
|
395
|
-
const
|
|
396
|
-
|
|
397
|
-
}, [
|
|
398
|
-
|
|
399
|
-
const
|
|
400
|
-
|
|
397
|
+
const { range, unitId, subUnitId } = state.location, titles = sheetsSortUIService.getTitles(hasTitle), [list, setList] = useState([
|
|
398
|
+
{ type: SortType.ASC, colIndex: range.startColumn }
|
|
399
|
+
]), onItemChange = useCallback((index, value) => {
|
|
400
|
+
const newList = [...list];
|
|
401
|
+
value === null ? newList.splice(index, 1) : newList[index] = value, setList(newList);
|
|
402
|
+
}, [list]), newItem = useCallback(
|
|
403
|
+
throttle(() => {
|
|
404
|
+
const newList = [...list], nextColIndex = findNextColIndex(range, list);
|
|
405
|
+
nextColIndex !== null && (newList.push({ type: SortType.ASC, colIndex: nextColIndex }), setList(newList));
|
|
401
406
|
}, 200),
|
|
402
|
-
[
|
|
403
|
-
),
|
|
404
|
-
|
|
405
|
-
}, [
|
|
406
|
-
|
|
407
|
-
}, [
|
|
408
|
-
|
|
409
|
-
}, [
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
}, [
|
|
413
|
-
const
|
|
414
|
-
return /* @__PURE__ */
|
|
415
|
-
|
|
416
|
-
} }, /* @__PURE__ */
|
|
407
|
+
[list, range]
|
|
408
|
+
), apply = useCallback((orderRules, hasTitle2) => {
|
|
409
|
+
sheetsSortService.applySort({ range, orderRules, hasTitle: hasTitle2 }), sheetsSortUIService.closeCustomSortPanel();
|
|
410
|
+
}, [sheetsSortService, sheetsSortUIService, range]), cancel = useCallback(() => {
|
|
411
|
+
sheetsSortUIService.closeCustomSortPanel();
|
|
412
|
+
}, [sheetsSortUIService]), setTitle = useCallback((value) => {
|
|
413
|
+
setHasTitle(value), value ? sheetsSortUIService.setSelection(unitId, subUnitId, { ...range, startRow: range.startRow + 1 }) : sheetsSortUIService.setSelection(unitId, subUnitId, range);
|
|
414
|
+
}, [sheetsSortUIService, range, subUnitId, unitId]);
|
|
415
|
+
useEffect(() => {
|
|
416
|
+
listEndRef.current && list.length > 5 && (listEndRef.current.scrollTop = listEndRef.current.scrollHeight);
|
|
417
|
+
}, [list]);
|
|
418
|
+
const canNew = list.length < titles.length, dragList = list.map((item) => ({ ...item, id: `${item.colIndex}` }));
|
|
419
|
+
return /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelContainer }, /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelContent, onMouseDown: /* @__PURE__ */ __name((e) => {
|
|
420
|
+
e.stopPropagation();
|
|
421
|
+
}, "onMouseDown") }, /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelExt }, /* @__PURE__ */ React.createElement("div", { className: styles.firstRowCheck }, /* @__PURE__ */ React.createElement(Checkbox, { checked: hasTitle, onChange: /* @__PURE__ */ __name((value) => setTitle(!!value), "onChange") }, localeService.t("sheets-sort.dialog.first-row-check"))), canNew ? /* @__PURE__ */ React.createElement("div", { className: styles.addCondition, onClick: newItem }, /* @__PURE__ */ React.createElement(IncreaseSingle, null), /* @__PURE__ */ React.createElement("span", { className: styles.addConditionText }, localeService.t("sheets-sort.dialog.add-condition"))) : /* @__PURE__ */ React.createElement("div", { className: `${styles.addCondition} ${styles.addConditionDisable}` }, /* @__PURE__ */ React.createElement(IncreaseSingle, null), /* @__PURE__ */ React.createElement("span", { className: styles.addConditionText }, localeService.t("sheets-sort.dialog.add-condition")))), /* @__PURE__ */ React.createElement(
|
|
417
422
|
"div",
|
|
418
423
|
{
|
|
419
|
-
className:
|
|
420
|
-
onScroll: (
|
|
421
|
-
const
|
|
422
|
-
|
|
423
|
-
},
|
|
424
|
-
ref:
|
|
424
|
+
className: styles.conditionList,
|
|
425
|
+
onScroll: /* @__PURE__ */ __name((e) => {
|
|
426
|
+
const position = e.currentTarget.scrollTop;
|
|
427
|
+
setScrollPosition(position);
|
|
428
|
+
}, "onScroll"),
|
|
429
|
+
ref: listEndRef
|
|
425
430
|
},
|
|
426
|
-
/* @__PURE__ */
|
|
427
|
-
|
|
431
|
+
/* @__PURE__ */ React.createElement(
|
|
432
|
+
DraggableList,
|
|
428
433
|
{
|
|
429
|
-
list:
|
|
430
|
-
onListChange:
|
|
434
|
+
list: dragList,
|
|
435
|
+
onListChange: setList,
|
|
431
436
|
idKey: "id",
|
|
432
|
-
draggableHandle: `.${
|
|
433
|
-
itemRender: (
|
|
434
|
-
|
|
437
|
+
draggableHandle: `.${styles.customSortPanelItemHandler}`,
|
|
438
|
+
itemRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ React.createElement(
|
|
439
|
+
SortOptionItem,
|
|
435
440
|
{
|
|
436
|
-
titles
|
|
437
|
-
list:
|
|
438
|
-
item
|
|
439
|
-
onChange: (
|
|
440
|
-
scrollPosition
|
|
441
|
+
titles,
|
|
442
|
+
list: dragList,
|
|
443
|
+
item,
|
|
444
|
+
onChange: /* @__PURE__ */ __name((value, index) => onItemChange(index, value), "onChange"),
|
|
445
|
+
scrollPosition
|
|
441
446
|
}
|
|
442
|
-
),
|
|
447
|
+
), "itemRender"),
|
|
443
448
|
rowHeight: 32,
|
|
444
449
|
margin: [0, 12]
|
|
445
450
|
}
|
|
446
451
|
)
|
|
447
|
-
)), /* @__PURE__ */
|
|
452
|
+
)), /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelFooter }, /* @__PURE__ */ React.createElement(Button, { className: styles.customSortPanelFooterBtn, type: "default", onClick: /* @__PURE__ */ __name(() => cancel(), "onClick") }, localeService.t("sheets-sort.dialog.cancel")), /* @__PURE__ */ React.createElement(Button, { className: styles.customSortPanelFooterBtn, type: "primary", onClick: /* @__PURE__ */ __name(() => apply(list, hasTitle), "onClick") }, localeService.t("sheets-sort.dialog.confirm"))));
|
|
448
453
|
}
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
454
|
+
__name(CustomSortPanel, "CustomSortPanel");
|
|
455
|
+
function SortOptionItem(props) {
|
|
456
|
+
var _a4;
|
|
457
|
+
const { list, item, titles, onChange, scrollPosition } = props, localeService = useDependency(LocaleService), availableMenu = titles.filter((title) => !list.some((item2) => item2.colIndex === title.index) || title.index === item.colIndex), currentIndex = list.findIndex((listItem) => listItem.colIndex === item.colIndex), handleChangeColIndex = useCallback((menuItem) => {
|
|
458
|
+
onChange({ ...item, colIndex: menuItem.index }, currentIndex), setVisible(!1);
|
|
459
|
+
}, [currentIndex, item, onChange]), [visible, setVisible] = useState(!1), onVisibleChange = /* @__PURE__ */ __name((visible2) => {
|
|
460
|
+
setVisible(visible2);
|
|
461
|
+
}, "onVisibleChange");
|
|
462
|
+
useEffect(() => {
|
|
463
|
+
setVisible(!1);
|
|
464
|
+
}, [scrollPosition]);
|
|
465
|
+
const showDelete = list.length > 1, itemLabel = (_a4 = titles.find((title) => title.index === item.colIndex)) == null ? void 0 : _a4.label, radioClass = localeService.getCurrentLocale() === LocaleType.ZH_CN ? styles.customSortPanelItemOrderRadioCn : styles.customSortPanelItemOrderRadio;
|
|
466
|
+
return /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItem }, /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemHead }, /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemHandler }, /* @__PURE__ */ React.createElement(SequenceSingle, null)), /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemColumn }, /* @__PURE__ */ React.createElement(
|
|
467
|
+
Dropdown,
|
|
462
468
|
{
|
|
463
469
|
placement: "bottomLeft",
|
|
464
470
|
trigger: ["click"],
|
|
465
|
-
visible
|
|
466
|
-
onVisibleChange
|
|
467
|
-
overlay: /* @__PURE__ */
|
|
471
|
+
visible,
|
|
472
|
+
onVisibleChange,
|
|
473
|
+
overlay: /* @__PURE__ */ React.createElement("ul", { className: styles.customSortColMenu }, availableMenu.map((menuItem) => /* @__PURE__ */ React.createElement(
|
|
468
474
|
"li",
|
|
469
475
|
{
|
|
470
|
-
key:
|
|
471
|
-
onClick: () =>
|
|
472
|
-
className:
|
|
476
|
+
key: menuItem.index,
|
|
477
|
+
onClick: /* @__PURE__ */ __name(() => handleChangeColIndex(menuItem), "onClick"),
|
|
478
|
+
className: styles.customSortColMenuItem
|
|
473
479
|
},
|
|
474
|
-
/* @__PURE__ */
|
|
475
|
-
/* @__PURE__ */
|
|
480
|
+
/* @__PURE__ */ React.createElement("span", { className: styles.customSortColMenuItemDesc }, menuItem.label),
|
|
481
|
+
/* @__PURE__ */ React.createElement("span", { className: styles.customSortColMenuItemCheck }, menuItem.index === item.colIndex && /* @__PURE__ */ React.createElement(CheckMarkSingle, null))
|
|
476
482
|
)))
|
|
477
483
|
},
|
|
478
|
-
/* @__PURE__ */
|
|
479
|
-
))), /* @__PURE__ */
|
|
480
|
-
|
|
484
|
+
/* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemColumnInput }, /* @__PURE__ */ React.createElement("span", { className: styles.customSortPanelItemColumnInputText }, itemLabel), /* @__PURE__ */ React.createElement(MoreDownSingle, { className: styles.customSortPanelItemColumnInputDropdown }))
|
|
485
|
+
))), /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemOrder }, /* @__PURE__ */ React.createElement(
|
|
486
|
+
RadioGroup,
|
|
481
487
|
{
|
|
482
|
-
className:
|
|
483
|
-
value:
|
|
484
|
-
onChange: (
|
|
485
|
-
|
|
486
|
-
}
|
|
488
|
+
className: radioClass,
|
|
489
|
+
value: item.type,
|
|
490
|
+
onChange: /* @__PURE__ */ __name((value) => {
|
|
491
|
+
onChange({ ...item, type: value }, currentIndex);
|
|
492
|
+
}, "onChange")
|
|
487
493
|
},
|
|
488
|
-
/* @__PURE__ */
|
|
489
|
-
/* @__PURE__ */
|
|
490
|
-
)), /* @__PURE__ */
|
|
494
|
+
/* @__PURE__ */ React.createElement(Radio, { value: SortType.ASC }, localeService.t("sheets-sort.general.sort-asc")),
|
|
495
|
+
/* @__PURE__ */ React.createElement(Radio, { value: SortType.DESC }, localeService.t("sheets-sort.general.sort-desc"))
|
|
496
|
+
)), /* @__PURE__ */ React.createElement("div", { className: styles.customSortPanelItemRemove }, showDelete && /* @__PURE__ */ React.createElement(DeleteEmptySingle, { onClick: /* @__PURE__ */ __name(() => onChange(null, currentIndex), "onClick") })));
|
|
491
497
|
}
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
498
|
+
__name(SortOptionItem, "SortOptionItem");
|
|
499
|
+
function findNextColIndex(range, list) {
|
|
500
|
+
const { startColumn, endColumn } = range, used = new Set(list.map((item) => item == null ? void 0 : item.colIndex));
|
|
501
|
+
for (let i = startColumn; i <= endColumn; i++)
|
|
502
|
+
if (!used.has(i))
|
|
503
|
+
return i;
|
|
497
504
|
return null;
|
|
498
505
|
}
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
506
|
+
__name(findNextColIndex, "findNextColIndex");
|
|
507
|
+
function EmbedSortBtn(props) {
|
|
508
|
+
const { range, colIndex, onClose } = props, sheetsSortUIService = useDependency(SheetsSortUIService), univerInstanceService = useDependency(IUniverInstanceService), localeService = useDependency(LocaleService), apply = useCallback((asc) => {
|
|
509
|
+
const { unitId, subUnitId } = getSheetCommandTarget(univerInstanceService) || {};
|
|
510
|
+
if (range && unitId && subUnitId) {
|
|
511
|
+
const noTitleRange = { ...range, startRow: range.startRow + 1 };
|
|
512
|
+
sheetsSortUIService.triggerSortDirectly(asc, !1, { unitId, subUnitId, range: noTitleRange, colIndex });
|
|
505
513
|
} else
|
|
506
|
-
console.warn(`Cannot find the target to sort. unitId: ${
|
|
507
|
-
|
|
508
|
-
}, [
|
|
509
|
-
return /* @__PURE__ */
|
|
514
|
+
console.warn(`Cannot find the target to sort. unitId: ${unitId}, subUnitId: ${subUnitId}, range: ${range}, colIndex: ${colIndex}`);
|
|
515
|
+
onClose();
|
|
516
|
+
}, [range, colIndex, sheetsSortUIService, univerInstanceService, onClose]);
|
|
517
|
+
return /* @__PURE__ */ React.createElement("div", { className: styles.embedSortBtnContainer }, /* @__PURE__ */ React.createElement("div", { className: `${styles.embedSortBtn} ${styles.embedSortBtnAsc}`, onClick: /* @__PURE__ */ __name(() => apply(!0), "onClick") }, /* @__PURE__ */ React.createElement(AscendingSingle, { className: styles.embedSortBtnIcon }), localeService.t("sheets-sort.general.sort-asc")), /* @__PURE__ */ React.createElement("div", { className: `${styles.embedSortBtn} ${styles.embedSortBtnDesc}`, onClick: /* @__PURE__ */ __name(() => apply(!1), "onClick") }, /* @__PURE__ */ React.createElement(DescendingSingle, { className: styles.embedSortBtnIcon }), localeService.t("sheets-sort.general.sort-desc")));
|
|
510
518
|
}
|
|
511
|
-
|
|
512
|
-
|
|
519
|
+
__name(EmbedSortBtn, "EmbedSortBtn");
|
|
520
|
+
const SHEETS_SORT_MENU_ID = "sheet.menu.sheets-sort", SHEETS_SORT_CTX_MENU_ID = "sheet.menu.sheets-sort-ctx", SHEETS_SORT_ASC_ICON = "AscendingSingle", SHEETS_SORT_ASC_EXT_ICON = "ExpandAscendingSingle", SHEETS_SORT_DESC_ICON = "DescendingSingle", SHEETS_SORT_DESC_EXT_ICON = "ExpandDescendingSingle", SHEETS_SORT_CUSTOM_ICON = "CustomSortSingle";
|
|
521
|
+
function sortRangeMenuFactory(accessor) {
|
|
513
522
|
return {
|
|
514
|
-
id:
|
|
515
|
-
type:
|
|
516
|
-
positions: [
|
|
517
|
-
group:
|
|
518
|
-
icon:
|
|
523
|
+
id: SHEETS_SORT_MENU_ID,
|
|
524
|
+
type: MenuItemType.SUBITEMS,
|
|
525
|
+
positions: [MenuPosition.TOOLBAR_START],
|
|
526
|
+
group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
|
|
527
|
+
icon: SHEETS_SORT_ASC_ICON,
|
|
519
528
|
tooltip: "sheets-sort.general.sort",
|
|
520
|
-
hidden$:
|
|
521
|
-
disabled$:
|
|
529
|
+
hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
|
|
530
|
+
disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
522
531
|
};
|
|
523
532
|
}
|
|
524
|
-
|
|
533
|
+
__name(sortRangeMenuFactory, "sortRangeMenuFactory");
|
|
534
|
+
function sortRangeAscMenuFactory(_accessor) {
|
|
525
535
|
return {
|
|
526
|
-
id:
|
|
527
|
-
icon:
|
|
536
|
+
id: SortRangeAscCommand.id,
|
|
537
|
+
icon: SHEETS_SORT_ASC_ICON,
|
|
528
538
|
title: "sheets-sort.general.sort-asc-cur",
|
|
529
|
-
type:
|
|
530
|
-
positions: [
|
|
539
|
+
type: MenuItemType.BUTTON,
|
|
540
|
+
positions: [SHEETS_SORT_MENU_ID]
|
|
531
541
|
};
|
|
532
542
|
}
|
|
533
|
-
|
|
543
|
+
__name(sortRangeAscMenuFactory, "sortRangeAscMenuFactory");
|
|
544
|
+
function sortRangeAscExtMenuFactory(_accessor) {
|
|
534
545
|
return {
|
|
535
|
-
id:
|
|
546
|
+
id: SortRangeAscExtCommand.id,
|
|
536
547
|
title: "sheets-sort.general.sort-asc-ext",
|
|
537
|
-
icon:
|
|
538
|
-
type:
|
|
539
|
-
positions: [
|
|
548
|
+
icon: SHEETS_SORT_ASC_EXT_ICON,
|
|
549
|
+
type: MenuItemType.BUTTON,
|
|
550
|
+
positions: [SHEETS_SORT_MENU_ID]
|
|
540
551
|
};
|
|
541
552
|
}
|
|
542
|
-
|
|
553
|
+
__name(sortRangeAscExtMenuFactory, "sortRangeAscExtMenuFactory");
|
|
554
|
+
function sortRangeDescMenuFactory(_accessor) {
|
|
543
555
|
return {
|
|
544
|
-
id:
|
|
556
|
+
id: SortRangeDescCommand.id,
|
|
545
557
|
title: "sheets-sort.general.sort-desc-cur",
|
|
546
|
-
icon:
|
|
547
|
-
type:
|
|
548
|
-
positions: [
|
|
558
|
+
icon: SHEETS_SORT_DESC_ICON,
|
|
559
|
+
type: MenuItemType.BUTTON,
|
|
560
|
+
positions: [SHEETS_SORT_MENU_ID]
|
|
549
561
|
};
|
|
550
562
|
}
|
|
551
|
-
|
|
563
|
+
__name(sortRangeDescMenuFactory, "sortRangeDescMenuFactory");
|
|
564
|
+
function sortRangeDescExtMenuFactory(_accessor) {
|
|
552
565
|
return {
|
|
553
|
-
id:
|
|
566
|
+
id: SortRangeDescExtCommand.id,
|
|
554
567
|
title: "sheets-sort.general.sort-desc-ext",
|
|
555
|
-
icon:
|
|
556
|
-
type:
|
|
557
|
-
positions: [
|
|
568
|
+
icon: SHEETS_SORT_DESC_EXT_ICON,
|
|
569
|
+
type: MenuItemType.BUTTON,
|
|
570
|
+
positions: [SHEETS_SORT_MENU_ID]
|
|
558
571
|
};
|
|
559
572
|
}
|
|
560
|
-
|
|
573
|
+
__name(sortRangeDescExtMenuFactory, "sortRangeDescExtMenuFactory");
|
|
574
|
+
function sortRangeCustomMenuFactory(_accessor) {
|
|
561
575
|
return {
|
|
562
|
-
id:
|
|
576
|
+
id: SortRangeCustomCommand.id,
|
|
563
577
|
title: "sheets-sort.general.sort-custom",
|
|
564
|
-
type:
|
|
565
|
-
positions: [
|
|
566
|
-
icon:
|
|
578
|
+
type: MenuItemType.BUTTON,
|
|
579
|
+
positions: [SHEETS_SORT_MENU_ID],
|
|
580
|
+
icon: SHEETS_SORT_CUSTOM_ICON
|
|
567
581
|
};
|
|
568
582
|
}
|
|
569
|
-
|
|
583
|
+
__name(sortRangeCustomMenuFactory, "sortRangeCustomMenuFactory");
|
|
584
|
+
function sortRangeCtxMenuFactory(_accessor) {
|
|
570
585
|
return {
|
|
571
|
-
id:
|
|
586
|
+
id: SHEETS_SORT_CTX_MENU_ID,
|
|
572
587
|
title: "sheets-sort.general.sort",
|
|
573
|
-
type:
|
|
588
|
+
type: MenuItemType.SUBITEMS,
|
|
574
589
|
positions: [
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
590
|
+
MenuPosition.CONTEXT_MENU,
|
|
591
|
+
SheetMenuPosition.COL_HEADER_CONTEXT_MENU,
|
|
592
|
+
SheetMenuPosition.ROW_HEADER_CONTEXT_MENU
|
|
578
593
|
],
|
|
579
|
-
group:
|
|
580
|
-
icon:
|
|
594
|
+
group: MenuGroup.CONTEXT_MENU_DATA,
|
|
595
|
+
icon: SHEETS_SORT_ASC_ICON
|
|
581
596
|
};
|
|
582
597
|
}
|
|
583
|
-
|
|
598
|
+
__name(sortRangeCtxMenuFactory, "sortRangeCtxMenuFactory");
|
|
599
|
+
function sortRangeAscCtxMenuFactory(_accessor) {
|
|
584
600
|
return {
|
|
585
|
-
id:
|
|
601
|
+
id: SortRangeAscInCtxMenuCommand.id,
|
|
586
602
|
title: "sheets-sort.general.sort-asc-cur",
|
|
587
|
-
type:
|
|
588
|
-
icon:
|
|
589
|
-
positions: [
|
|
590
|
-
disabled$:
|
|
603
|
+
type: MenuItemType.BUTTON,
|
|
604
|
+
icon: SHEETS_SORT_ASC_ICON,
|
|
605
|
+
positions: [SHEETS_SORT_CTX_MENU_ID],
|
|
606
|
+
disabled$: getCurrentRangeDisable$(_accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
591
607
|
};
|
|
592
608
|
}
|
|
593
|
-
|
|
609
|
+
__name(sortRangeAscCtxMenuFactory, "sortRangeAscCtxMenuFactory");
|
|
610
|
+
function sortRangeAscExtCtxMenuFactory(_accessor) {
|
|
594
611
|
return {
|
|
595
|
-
id:
|
|
612
|
+
id: SortRangeAscExtInCtxMenuCommand.id,
|
|
596
613
|
title: "sheets-sort.general.sort-asc-ext",
|
|
597
|
-
type:
|
|
598
|
-
icon:
|
|
599
|
-
positions: [
|
|
600
|
-
disabled$:
|
|
614
|
+
type: MenuItemType.BUTTON,
|
|
615
|
+
icon: SHEETS_SORT_ASC_EXT_ICON,
|
|
616
|
+
positions: [SHEETS_SORT_CTX_MENU_ID],
|
|
617
|
+
disabled$: getCurrentRangeDisable$(_accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
601
618
|
};
|
|
602
619
|
}
|
|
603
|
-
|
|
620
|
+
__name(sortRangeAscExtCtxMenuFactory, "sortRangeAscExtCtxMenuFactory");
|
|
621
|
+
function sortRangeDescCtxMenuFactory(_accessor) {
|
|
604
622
|
return {
|
|
605
|
-
id:
|
|
623
|
+
id: SortRangeDescInCtxMenuCommand.id,
|
|
606
624
|
title: "sheets-sort.general.sort-desc-cur",
|
|
607
|
-
type:
|
|
608
|
-
positions: [
|
|
609
|
-
icon:
|
|
610
|
-
disabled$:
|
|
625
|
+
type: MenuItemType.BUTTON,
|
|
626
|
+
positions: [SHEETS_SORT_CTX_MENU_ID],
|
|
627
|
+
icon: SHEETS_SORT_DESC_ICON,
|
|
628
|
+
disabled$: getCurrentRangeDisable$(_accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
611
629
|
};
|
|
612
630
|
}
|
|
613
|
-
|
|
631
|
+
__name(sortRangeDescCtxMenuFactory, "sortRangeDescCtxMenuFactory");
|
|
632
|
+
function sortRangeDescExtCtxMenuFactory(_accessor) {
|
|
614
633
|
return {
|
|
615
|
-
id:
|
|
634
|
+
id: SortRangeDescExtInCtxMenuCommand.id,
|
|
616
635
|
title: "sheets-sort.general.sort-desc-ext",
|
|
617
|
-
type:
|
|
618
|
-
positions: [
|
|
619
|
-
icon:
|
|
620
|
-
disabled$:
|
|
636
|
+
type: MenuItemType.BUTTON,
|
|
637
|
+
positions: [SHEETS_SORT_CTX_MENU_ID],
|
|
638
|
+
icon: SHEETS_SORT_DESC_EXT_ICON,
|
|
639
|
+
disabled$: getCurrentRangeDisable$(_accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
621
640
|
};
|
|
622
641
|
}
|
|
623
|
-
|
|
642
|
+
__name(sortRangeDescExtCtxMenuFactory, "sortRangeDescExtCtxMenuFactory");
|
|
643
|
+
function sortRangeCustomCtxMenuFactory(_accessor) {
|
|
624
644
|
return {
|
|
625
|
-
id:
|
|
645
|
+
id: SortRangeCustomInCtxMenuCommand.id,
|
|
626
646
|
title: "sheets-sort.general.sort-custom",
|
|
627
|
-
type:
|
|
628
|
-
positions: [
|
|
629
|
-
icon:
|
|
630
|
-
disabled$:
|
|
647
|
+
type: MenuItemType.BUTTON,
|
|
648
|
+
positions: [SHEETS_SORT_CTX_MENU_ID],
|
|
649
|
+
icon: SHEETS_SORT_CUSTOM_ICON,
|
|
650
|
+
disabled$: getCurrentRangeDisable$(_accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSortPermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
|
|
631
651
|
};
|
|
632
652
|
}
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
653
|
+
__name(sortRangeCustomCtxMenuFactory, "sortRangeCustomCtxMenuFactory");
|
|
654
|
+
var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
|
|
655
|
+
for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
|
|
656
|
+
(decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
|
|
657
|
+
return kind && result && __defProp$1(target, key, result), result;
|
|
658
|
+
}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1");
|
|
659
|
+
const DefaultSheetsSortUIConfig = {
|
|
639
660
|
menu: {}
|
|
640
|
-
},
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
661
|
+
}, CUSTOM_SORT_DIALOG_ID = "custom-sort-dialog", CUSTOM_SORT_PANEL_WIDTH = 560;
|
|
662
|
+
var _a2;
|
|
663
|
+
let SheetsSortUIController = (_a2 = class extends RxDisposable {
|
|
664
|
+
constructor(_config, _commandService, _menuService, _dialogService, _layoutService, _uiPartsService, _sheetRenderService, _localeService, _sheetsSortUIService, _injector, _componentManager) {
|
|
665
|
+
super(), this._config = _config, this._commandService = _commandService, this._menuService = _menuService, 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();
|
|
644
666
|
}
|
|
645
667
|
_initMenu() {
|
|
646
|
-
const { menu
|
|
668
|
+
const { menu = {} } = this._config;
|
|
647
669
|
[
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
].forEach((
|
|
670
|
+
sortRangeMenuFactory,
|
|
671
|
+
sortRangeAscMenuFactory,
|
|
672
|
+
sortRangeDescMenuFactory,
|
|
673
|
+
sortRangeAscExtMenuFactory,
|
|
674
|
+
sortRangeDescExtMenuFactory,
|
|
675
|
+
sortRangeCustomMenuFactory,
|
|
676
|
+
sortRangeCtxMenuFactory,
|
|
677
|
+
sortRangeAscCtxMenuFactory,
|
|
678
|
+
sortRangeDescCtxMenuFactory,
|
|
679
|
+
sortRangeAscExtCtxMenuFactory,
|
|
680
|
+
sortRangeDescExtCtxMenuFactory,
|
|
681
|
+
sortRangeCustomCtxMenuFactory
|
|
682
|
+
].forEach((factory) => {
|
|
661
683
|
this.disposeWithMe(
|
|
662
684
|
this._menuService.addMenuItem(
|
|
663
|
-
this._injector.invoke(
|
|
664
|
-
|
|
685
|
+
this._injector.invoke(factory),
|
|
686
|
+
menu
|
|
665
687
|
)
|
|
666
688
|
);
|
|
667
689
|
});
|
|
668
690
|
}
|
|
669
691
|
_initCommands() {
|
|
670
692
|
[
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
|
|
678
|
-
|
|
679
|
-
|
|
680
|
-
|
|
681
|
-
].forEach((
|
|
693
|
+
SortRangeAscCommand,
|
|
694
|
+
SortRangeAscExtCommand,
|
|
695
|
+
SortRangeDescCommand,
|
|
696
|
+
SortRangeDescExtCommand,
|
|
697
|
+
SortRangeCustomCommand,
|
|
698
|
+
SortRangeAscInCtxMenuCommand,
|
|
699
|
+
SortRangeAscExtInCtxMenuCommand,
|
|
700
|
+
SortRangeDescInCtxMenuCommand,
|
|
701
|
+
SortRangeDescExtInCtxMenuCommand,
|
|
702
|
+
SortRangeCustomInCtxMenuCommand
|
|
703
|
+
].forEach((command) => this.disposeWithMe(this._commandService.registerCommand(command))), this.disposeWithMe(this._sheetRenderService.registerSkeletonChangingMutations(SortRangeCommand.id));
|
|
682
704
|
}
|
|
683
705
|
_initUI() {
|
|
684
|
-
this.disposeWithMe(this._componentManager.register("CustomSortPanel",
|
|
685
|
-
|
|
706
|
+
this.disposeWithMe(this._componentManager.register("CustomSortPanel", CustomSortPanel)), this.disposeWithMe(this._uiPartsService.registerComponent(SheetsUIPart.FILTER_PANEL_EMBED_POINT, () => connectInjector(EmbedSortBtn, this._injector))), this.disposeWithMe(this._componentManager.register(SHEETS_SORT_ASC_ICON, AscendingSingle)), this.disposeWithMe(this._componentManager.register(SHEETS_SORT_ASC_EXT_ICON, ExpandAscendingSingle)), this.disposeWithMe(this._componentManager.register(SHEETS_SORT_DESC_ICON, DescendingSingle)), this.disposeWithMe(this._componentManager.register(SHEETS_SORT_DESC_EXT_ICON, ExpandDescendingSingle)), this.disposeWithMe(this._componentManager.register(SHEETS_SORT_CUSTOM_ICON, CustomSortSingle)), this._sheetsSortUIService.customSortState$.pipe(takeUntil(this.dispose$)).subscribe((newState) => {
|
|
707
|
+
newState && newState.show && newState.location ? this._openCustomSortPanel(newState.location) : newState && !(newState != null && newState.show) && this._closePanel();
|
|
686
708
|
});
|
|
687
709
|
}
|
|
688
|
-
_openCustomSortPanel(
|
|
710
|
+
_openCustomSortPanel(location) {
|
|
689
711
|
this._dialogService.open({
|
|
690
|
-
id:
|
|
712
|
+
id: CUSTOM_SORT_DIALOG_ID,
|
|
691
713
|
draggable: !0,
|
|
692
|
-
width:
|
|
693
|
-
title: { title: `${this._localeService.t("sheets-sort.general.sort-custom")}: ${
|
|
714
|
+
width: CUSTOM_SORT_PANEL_WIDTH,
|
|
715
|
+
title: { title: `${this._localeService.t("sheets-sort.general.sort-custom")}: ${serializeRange(location.range)}` },
|
|
694
716
|
children: { label: "CustomSortPanel" },
|
|
695
717
|
destroyOnClose: !0,
|
|
696
|
-
defaultPosition:
|
|
718
|
+
defaultPosition: getCustomSortDialogDefaultPosition(),
|
|
697
719
|
preservePositionOnDestroy: !1,
|
|
698
|
-
onClose: () => this._closePanel(),
|
|
720
|
+
onClose: /* @__PURE__ */ __name(() => this._closePanel(), "onClose"),
|
|
699
721
|
mask: !0
|
|
700
722
|
});
|
|
701
723
|
}
|
|
702
724
|
_closePanel() {
|
|
703
|
-
this._dialogService.close(
|
|
725
|
+
this._dialogService.close(CUSTOM_SORT_DIALOG_ID), queueMicrotask(() => this._layoutService.focus());
|
|
704
726
|
}
|
|
705
|
-
};
|
|
706
|
-
|
|
707
|
-
|
|
708
|
-
|
|
709
|
-
|
|
710
|
-
|
|
711
|
-
|
|
712
|
-
|
|
713
|
-
|
|
714
|
-
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
],
|
|
719
|
-
function
|
|
727
|
+
}, __name(_a2, "SheetsSortUIController"), _a2);
|
|
728
|
+
SheetsSortUIController = __decorateClass$1([
|
|
729
|
+
OnLifecycle(LifecycleStages.Ready, SheetsSortUIController),
|
|
730
|
+
__decorateParam$1(1, ICommandService),
|
|
731
|
+
__decorateParam$1(2, IMenuService),
|
|
732
|
+
__decorateParam$1(3, IDialogService),
|
|
733
|
+
__decorateParam$1(4, ILayoutService),
|
|
734
|
+
__decorateParam$1(5, IUIPartsService),
|
|
735
|
+
__decorateParam$1(6, Inject(SheetsRenderService)),
|
|
736
|
+
__decorateParam$1(7, Inject(LocaleService)),
|
|
737
|
+
__decorateParam$1(8, Inject(SheetsSortUIService)),
|
|
738
|
+
__decorateParam$1(9, Inject(Injector)),
|
|
739
|
+
__decorateParam$1(10, Inject(ComponentManager))
|
|
740
|
+
], SheetsSortUIController);
|
|
741
|
+
function getCustomSortDialogDefaultPosition() {
|
|
720
742
|
return { x: 0, y: 0 };
|
|
721
743
|
}
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
744
|
+
__name(getCustomSortDialogDefaultPosition, "getCustomSortDialogDefaultPosition");
|
|
745
|
+
var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
|
|
746
|
+
for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
|
|
747
|
+
(decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
|
|
748
|
+
return kind && result && __defProp2(target, key, result), result;
|
|
749
|
+
}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField");
|
|
750
|
+
const NAME = "UNIVER_SHEETS_SORT_UI_PLUGIN";
|
|
751
|
+
var _a3;
|
|
752
|
+
let UniverSheetsSortUIPlugin = (_a3 = class extends Plugin {
|
|
753
|
+
constructor(_config = {}, _injector, _localeService) {
|
|
754
|
+
super(), this._config = _config, this._injector = _injector, this._localeService = _localeService, this._config = Tools.deepMerge({}, DefaultSheetsSortUIConfig, this._config);
|
|
731
755
|
}
|
|
732
|
-
onStarting(
|
|
756
|
+
onStarting() {
|
|
733
757
|
[
|
|
734
|
-
[
|
|
735
|
-
[
|
|
736
|
-
useFactory: () => this._injector.createInstance(
|
|
758
|
+
[SheetsSortUIService],
|
|
759
|
+
[SheetsSortUIController, {
|
|
760
|
+
useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(SheetsSortUIController, this._config), "useFactory")
|
|
737
761
|
}]
|
|
738
|
-
].forEach((
|
|
762
|
+
].forEach((d) => this._injector.add(d));
|
|
739
763
|
}
|
|
740
|
-
};
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
],
|
|
764
|
+
}, __name(_a3, "UniverSheetsSortUIPlugin"), _a3);
|
|
765
|
+
__publicField2(UniverSheetsSortUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
|
|
766
|
+
__publicField2(UniverSheetsSortUIPlugin, "pluginName", NAME);
|
|
767
|
+
UniverSheetsSortUIPlugin = __decorateClass([
|
|
768
|
+
DependentOn(UniverSheetsSortPlugin),
|
|
769
|
+
__decorateParam(1, Inject(Injector)),
|
|
770
|
+
__decorateParam(2, Inject(LocaleService))
|
|
771
|
+
], UniverSheetsSortUIPlugin);
|
|
748
772
|
export {
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
|
|
754
|
-
|
|
755
|
-
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
773
|
+
SortRangeAscCommand,
|
|
774
|
+
SortRangeAscExtCommand,
|
|
775
|
+
SortRangeAscExtInCtxMenuCommand,
|
|
776
|
+
SortRangeAscInCtxMenuCommand,
|
|
777
|
+
SortRangeCustomCommand,
|
|
778
|
+
SortRangeCustomInCtxMenuCommand,
|
|
779
|
+
SortRangeDescCommand,
|
|
780
|
+
SortRangeDescExtCommand,
|
|
781
|
+
SortRangeDescExtInCtxMenuCommand,
|
|
782
|
+
SortRangeDescInCtxMenuCommand,
|
|
783
|
+
UniverSheetsSortUIPlugin
|
|
760
784
|
};
|