@univerjs/sheets-table-ui 0.6.10-experimental.20250418-8830bd4

package/lib/index.js

@@ -0,0 +1,2374 @@
+var _r = Object.defineProperty;
+var Tr = (r, e, t) => e in r ? _r(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var F = (r, e, t) => Tr(r, typeof e != "symbol" ? e + "" : e, t);
+import { Inject as x, IUniverInstanceService as ge, ICommandService as ie, Disposable as $e, ObjectMatrix as yr, cellToRange as Ht, Rectangle as ve, LocaleService as le, Injector as Oe, dayjs as oe, IContextService as ft, CommandType as Vt, IConfigService as At, IPermissionService as Ir, ThemeService as Ut, RxDisposable as jt, InterceptorEffectEnum as wr, ErrorService as Mr, ColorKit as ae, UniverInstanceType as Je, Plugin as Rr, registerDependencies as xr, touchDependencies as Nr } from "@univerjs/core";
+import { IRenderManagerService as Wt, SHEET_VIEWPORT_KEY as Er, convertTransformToOffsetX as Lr, convertTransformToOffsetY as $r, Rect as It, Shape as Or } from "@univerjs/engine-render";
+import { TableManager as X, SheetTableService as kr, SetSheetTableFilterCommand as wt, isConditionFilter as Pr, isManualFilter as Dr, TableDateCompareTypeEnum as s, TableStringCompareTypeEnum as V, TableConditionTypeEnum as D, TableNumberCompareTypeEnum as L, SheetsTableSortStateEnum as Ze, TableColumnFilterTypeEnum as Mt, AddSheetTableCommand as Br, DeleteSheetTableCommand as Fr, SetSheetTableCommand as vt, SheetsTableButtonStateEnum as we, processStyleWithBorderStyle as Rt, customEmptyThemeWithBorderStyle as Hr, AddTableThemeCommand as Vr, RemoveTableThemeCommand as Ar, SheetTableRemoveColCommand as Zt, SheetTableRemoveRowCommand as qt, SheetTableInsertColCommand as Yt, SheetTableInsertRowCommand as Qt, SheetsTableController as zt } from "@univerjs/sheets-table";
+import { SheetCanvasPopManagerService as Ur, SheetSkeletonManagerService as nt, SheetScrollManagerService as jr, getSheetObject as Wr, ISheetSelectionRenderService as Zr, getCoordByCell as qr, SelectAllCommand as Yr } from "@univerjs/sheets-ui";
+import { useDependency as R, ComponentManager as Gt, IDialogService as Xt, ISidebarService as Qr, useObservable as Ne, IUIPartsService as zr, BuiltInUIPart as Gr, connectInjector as Xr, MenuItemType as Te, ContextMenuPosition as Kr, ContextMenuGroup as Jr, RibbonStartGroup as en, IMenuManagerService as tn } from "@univerjs/ui";
+import { startWith as Kt, distinctUntilChanged as rn, Subject as nn, BehaviorSubject as an, merge as Ct, debounceTime as ln, switchMap as Se, of as G, map as sn, takeUntil as on } from "rxjs";
+import { jsxs as _, jsx as o, Fragment as St } from "react/jsx-runtime";
+import { Select as xt, CascaderList as cn, Input as _t, InputNumber as ct, DatePicker as un, DateRangePicker as dn, Scrollbar as hn, Checkbox as Nt, Segmented as vn, Button as Ve, Dropdown as Fe, ColorPicker as qe } from "@univerjs/design";
+import { SortRangeCommand as bn, SortType as Et } from "@univerjs/sheets-sort";
+import { forwardRef as K, useRef as gn, createElement as J, useState as U, useCallback as Lt, useMemo as mn, useEffect as Jt } from "react";
+import { SetRangeValuesMutation as pn, getSheetCommandTarget as at, SheetsSelectionsService as it, isSingleCellSelection as fn, expandToContinuousRange as Cn, SetRangeThemeMutation as er, SheetRangeThemeModel as tr, WorkbookEditablePermission as Sn, SheetInterceptorService as rr, INTERCEPTOR_POINT as _n, RangeThemeStyle as Tn, getPrimaryForRange as $t, SetSelectionsOperation as Ot } from "@univerjs/sheets";
+import { serializeRange as kt, deserializeRangeWithSheet as yn } from "@univerjs/engine-formula";
+import { RangeSelector as In } from "@univerjs/sheets-formula-ui";
+const wn = "SHEET_TABLE_UI_PLUGIN", de = "SHEETS_TABLE_FILTER_PANEL_OPENED_KEY", Mn = "UNIVER_SHEET_Table_FILTER_PANEL_ID", nr = "TABLE_TOOLBAR_BUTTON", xe = "TABLE_SELECTOR_DIALOG", Rn = "SHEET_TABLE_THEME_PANEL_ID", ar = "SHEET_TABLE_THEME_PANEL", ut = "table-custom-", xn = "table-default-", ce = "rgb(255, 255, 255)", q = "none", Me = "1px solid rgb(var(--grey-200))", Pt = "1px solid rgb(var(--blue-500))";
+var Y = function() {
+  return Y = Object.assign || function(r) {
+    for (var e, t = 1, n = arguments.length; t < n; t++) {
+      e = arguments[t];
+      for (var a in e) Object.prototype.hasOwnProperty.call(e, a) && (r[a] = e[a]);
+    }
+    return r;
+  }, Y.apply(this, arguments);
+}, Nn = function(r, e) {
+  var t = {};
+  for (var n in r) Object.prototype.hasOwnProperty.call(r, n) && e.indexOf(n) < 0 && (t[n] = r[n]);
+  if (r != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var a = 0, n = Object.getOwnPropertySymbols(r); a < n.length; a++)
+      e.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(r, n[a]) && (t[n[a]] = r[n[a]]);
+  return t;
+}, ee = K(function(r, e) {
+  var t = r.icon, n = r.id, a = r.className, i = r.extend, l = Nn(r, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(a || "").trim(), u = gn("_".concat($n()));
+  return ir(t, "".concat(n), { defIds: t.defIds, idSuffix: u.current }, Y({ ref: e, className: c }, l), i);
+});
+function ir(r, e, t, n, a) {
+  return J(r.tag, Y(Y({ key: e }, En(r, t, a)), n), (Ln(r, t).children || []).map(function(i, l) {
+    return ir(i, "".concat(e, "-").concat(r.tag, "-").concat(l), t, void 0, a);
+  }));
+}
+function En(r, e, t) {
+  var n = Y({}, r.attrs);
+  t != null && t.colorChannel1 && n.fill === "colorChannel1" && (n.fill = t.colorChannel1), r.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(i) {
+    var l = i[0], c = i[1];
+    l === "mask" && typeof c == "string" && (n[l] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  });
+  var a = e.defIds;
+  return !a || a.length === 0 || (r.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(i) {
+    var l = i[0], c = i[1];
+    typeof c == "string" && (n[l] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), n;
+}
+function Ln(r, e) {
+  var t, n = e.defIds;
+  return !n || n.length === 0 ? r : r.tag === "defs" && (!((t = r.children) === null || t === void 0) && t.length) ? Y(Y({}, r), { children: r.children.map(function(a) {
+    return typeof a.attrs.id == "string" && n && n.indexOf(a.attrs.id) > -1 ? Y(Y({}, a), { attrs: Y(Y({}, a.attrs), { id: a.attrs.id + e.idSuffix }) }) : a;
+  }) }) : r;
+}
+function $n() {
+  return Math.random().toString(36).substring(2, 8);
+}
+ee.displayName = "UniverIcon";
+var On = { 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" } }] }, lr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "ascending- single",
+    ref: e,
+    icon: On
+  }));
+});
+lr.displayName = "AscendingSingle";
+var kn = { 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.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.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.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, sr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "delete-single",
+    ref: e,
+    icon: kn
+  }));
+});
+sr.displayName = "DeleteSingle";
+var Pn = { 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" } }] }, or = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "descending-single",
+    ref: e,
+    icon: Pn
+  }));
+});
+or.displayName = "DescendingSingle";
+var Dn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.85869 12.9216C8.38445 13.4708 7.61555 13.4708 7.14131 12.9216L0.358114 5.06726C-0.406895 4.18144 0.134916 2.66683 1.2168 2.66683L14.7832 2.66683C15.8651 2.66683 16.4069 4.18144 15.6419 5.06726L8.85869 12.9216Z" } }] }, He = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "dropdown-single",
+    ref: e,
+    icon: Dn
+  }));
+});
+He.displayName = "DropdownSingle";
+var Bn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.33333 3.33333V6H6V3.33333H3.33333ZM2 3.238C2 2.55427 2.55427 2 3.238 2H6.09533C6.77906 2 7.33333 2.55427 7.33333 3.238V6.09533C7.33333 6.77906 6.77906 7.33333 6.09533 7.33333H3.238C2.55427 7.33333 2 6.77906 2 6.09533V3.238ZM10 3.33333V6H12.6667V3.33333H10ZM8.66667 3.238C8.66667 2.55427 9.22094 2 9.90467 2H12.762C13.4457 2 14 2.55427 14 3.238V6.09533C14 6.77906 13.4457 7.33333 12.762 7.33333H9.90467C9.22094 7.33333 8.66667 6.77906 8.66667 6.09533V3.238ZM3.33333 10V12.6667H6V10H3.33333ZM2 9.90467C2 9.22094 2.55427 8.66667 3.238 8.66667H6.09533C6.77906 8.66667 7.33333 9.22094 7.33333 9.90467V12.762C7.33333 13.4457 6.77906 14 6.09533 14H3.238C2.55427 14 2 13.4457 2 12.762V9.90467ZM10 10V12.6667H12.6667V10H10ZM8.66667 9.90467C8.66667 9.22094 9.22094 8.66667 9.90467 8.66667H12.762C13.4457 8.66667 14 9.22094 14 9.90467V12.762C14 13.4457 13.4457 14 12.762 14H9.90467C9.22094 14 8.66667 13.4457 8.66667 12.762V9.90467Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, cr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "grid-outline-single",
+    ref: e,
+    icon: Bn
+  }));
+});
+cr.displayName = "GridOutlineSingle";
+var Fn = { 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" } }] }, ur = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "more-down-single",
+    ref: e,
+    icon: Fn
+  }));
+});
+ur.displayName = "MoreDownSingle";
+var Hn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, dr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "paint-bucket",
+    ref: e,
+    icon: Hn
+  }));
+});
+dr.displayName = "PaintBucket";
+var Vn = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.80068 2.57257L7.27955 2.57256C7.61092 2.57256 7.87954 2.30393 7.87954 1.97256C7.87954 1.64119 7.61091 1.37256 7.27954 1.37256L3.80068 1.37257C2.36473 1.37257 1.20067 2.53665 1.20068 3.97259L1.20074 12.3001C1.20075 13.736 2.36481 14.9 3.80074 14.9H12.1282C13.5641 14.9 14.7282 13.736 14.7282 12.3V8.82116C14.7282 8.48979 14.4595 8.22116 14.1282 8.22116C13.7968 8.22116 13.5282 8.48979 13.5282 8.82116V12.3C13.5282 13.0732 12.9014 13.7 12.1282 13.7H3.80074C3.02754 13.7 2.40074 13.0732 2.40074 12.3001L2.40068 3.97258C2.40068 3.19938 3.02748 2.57257 3.80068 2.57257Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.0072 2.0955C13.0997 1.18757 11.6278 1.18794 10.7207 2.09632L6.17749 6.646C6.10294 6.72065 6.04543 6.81056 6.00889 6.90954L4.59817 10.7315C4.51713 10.951 4.57116 11.1977 4.73657 11.3633C4.90198 11.5288 5.14858 11.5831 5.36823 11.5023L9.20237 10.0916C9.30186 10.055 9.3922 9.99722 9.46714 9.92224L14.0073 5.37972C14.9139 4.47266 14.9138 3.00252 14.0072 2.0955ZM11.5698 2.94424C12.0083 2.50513 12.7198 2.50496 13.1585 2.94384C13.5968 3.38229 13.5968 4.09294 13.1585 4.53141L8.69127 9.00102L6.1742 9.92713L7.09912 7.42132L11.5698 2.94424Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, hr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "rename-single",
+    ref: e,
+    icon: Vn
+  }));
+});
+hr.displayName = "RenameSingle";
+var An = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.7643 4.13354C1.7643 2.82523 2.82488 1.76465 4.13319 1.76465H11.8665C13.1748 1.76465 14.2354 2.82524 14.2354 4.13354V11.8669C14.2354 13.1752 13.1748 14.2358 11.8665 14.2358H4.13318C2.82488 14.2358 1.7643 13.1752 1.7643 11.8669V6.1462C1.76388 6.13711 1.76367 6.12797 1.76367 6.11878C1.76367 6.10959 1.76388 6.10045 1.7643 6.09136V4.13354ZM2.94652 6.70989V11.8669C2.94652 12.5222 3.47781 13.0535 4.13318 13.0535H5.52732V6.70989H2.94652ZM5.52732 5.52767H2.94652V4.13354C2.94652 3.47816 3.47781 2.94687 4.13319 2.94687H5.52732V5.52767ZM6.70954 6.70989V13.0535H11.8665C12.5219 13.0535 13.0532 12.5222 13.0532 11.8669V6.70989L6.70954 6.70989ZM13.0532 5.52767L6.70954 5.52767V2.94687H11.8665C12.5219 2.94687 13.0532 3.47816 13.0532 4.13354V5.52767Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, vr = K(function(r, e) {
+  return J(ee, Object.assign({}, r, {
+    id: "table-single",
+    ref: e,
+    icon: An
+  }));
+});
+vr.displayName = "TableSingle";
+var be = /* @__PURE__ */ ((r) => (r.Items = "items", r.Condition = "condition", r))(be || {}), Un = Object.getOwnPropertyDescriptor, jn = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? Un(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Ye = (r, e) => (t, n) => e(t, n, r);
+let Ee = class extends $e {
+  constructor(e, t, n, a) {
+    super();
+    F(this, "_itemsCache", /* @__PURE__ */ new Map());
+    this._tableManager = e, this._sheetTableService = t, this._univerInstanceService = n, this._commandService = a, this._registerTableFilterChangeEvent();
+  }
+  _registerTableFilterChangeEvent() {
+    this._commandService.onCommandExecuted((e) => {
+      if (e.id === pn.id) {
+        const { unitId: t, subUnitId: n, cellValue: a } = e.params, i = this._tableManager.getTablesBySubunitId(t, n);
+        if (!i.length)
+          return;
+        new yr(a).forValue((c, u, d) => {
+          const h = Ht(c, u), g = i.find((S) => {
+            const b = S.getTableFilterRange();
+            return ve.intersects(b, h);
+          });
+          if (g) {
+            const S = u - g.getRange().startColumn;
+            this._itemsCache.delete(g.getId() + S);
+          }
+        });
+      } else if (e.id === wt.id) {
+        const { unitId: t, tableId: n } = e.params, a = this._tableManager.getTable(t, n);
+        if (!a)
+          return;
+        const i = a.getSubunitId();
+        this._tableManager.getTablesBySubunitId(t, i).forEach((c) => {
+          const u = c.getRange();
+          for (let d = u.startColumn; d <= u.endColumn; d++)
+            this._itemsCache.delete(c.getId() + d);
+        });
+      }
+    });
+  }
+  getTableFilterPanelInitProps(e, t, n, a) {
+    const i = this._tableManager.getTable(e, n), l = i.getRange(), c = i.getTableFilterColumn(a - l.startColumn);
+    return {
+      unitId: e,
+      subUnitId: t,
+      tableFilter: c,
+      currentFilterBy: Pr(c) ? be.Condition : be.Items,
+      tableId: n,
+      columnIndex: a - l.startColumn
+    };
+  }
+  getTableFilterCheckedItems(e, t, n) {
+    const a = this._tableManager.getTable(e, t), i = [];
+    if (a) {
+      const l = a.getTableFilterColumn(n);
+      l && Dr(l) && i.push(...l.values);
+    }
+    return i;
+  }
+  setTableFilter(e, t, n, a) {
+    if (!this._tableManager.getTable(e, t))
+      return;
+    const l = {
+      unitId: e,
+      tableId: t,
+      column: n,
+      tableFilter: a
+    };
+    this._commandService.executeCommand(wt.id, l);
+  }
+  getTableFilterItems(e, t, n, a) {
+    var I;
+    if (this._itemsCache.has(n + a))
+      return this._itemsCache.get(n + a) || { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
+    const i = this._tableManager.getTable(e, n);
+    if (!i)
+      return { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
+    const l = i.getTableFilterRange(), { startRow: c, endRow: u, startColumn: d } = l, h = d + a, g = (I = this._univerInstanceService.getUnit(e)) == null ? void 0 : I.getSheetBySheetId(t);
+    if (!g)
+      return { data: [], itemsCountMap: /* @__PURE__ */ new Map(), allItemsCount: 0 };
+    const S = [], b = /* @__PURE__ */ new Map();
+    let $ = 0;
+    for (let y = c; y <= u; y++) {
+      if (g.isRowFiltered(y))
+        continue;
+      const w = this._sheetTableService.getCellValueWithConditionType(g, y, h);
+      b.has(w) || S.push({
+        title: w,
+        key: `${h}_${y}`,
+        leaf: !0
+      }), $++, b.set(w, (b.get(w) || 0) + 1);
+    }
+    return this._itemsCache.set(n + a, { data: S, itemsCountMap: b, allItemsCount: $ }), { data: S, itemsCountMap: b, allItemsCount: $ };
+  }
+};
+Ee = jn([
+  Ye(0, x(X)),
+  Ye(1, x(kr)),
+  Ye(2, x(ge)),
+  Ye(3, ie)
+], Ee);
+var A = /* @__PURE__ */ ((r) => (r.DatePicker = "DatePicker", r.DateRange = "DateRange", r.Input = "Input", r.Inputs = "Inputs", r.Select = "Select", r.None = "None", r))(A || {});
+function Wn(r) {
+  const t = r.get(le).t;
+  return [
+    {
+      value: D.String,
+      label: t(`sheets-table.condition.${D.String}`),
+      children: [
+        {
+          value: V.Equal,
+          label: t(`sheets-table.string.compare.${V.Equal}`)
+        },
+        {
+          value: V.NotEqual,
+          label: t(`sheets-table.string.compare.${V.NotEqual}`)
+        },
+        {
+          value: V.Contains,
+          label: t(`sheets-table.string.compare.${V.Contains}`)
+        },
+        {
+          value: V.NotContains,
+          label: t(`sheets-table.string.compare.${V.NotContains}`)
+        },
+        {
+          value: V.StartsWith,
+          label: t(`sheets-table.string.compare.${V.StartsWith}`)
+        },
+        {
+          value: V.EndsWith,
+          label: t(`sheets-table.string.compare.${V.EndsWith}`)
+        }
+      ]
+    },
+    {
+      value: D.Number,
+      label: t(`sheets-table.condition.${D.Number}`),
+      children: [
+        {
+          value: L.Equal,
+          label: t(`sheets-table.number.compare.${L.Equal}`)
+        },
+        {
+          value: L.NotEqual,
+          label: t(`sheets-table.number.compare.${L.NotEqual}`)
+        },
+        {
+          value: L.GreaterThan,
+          label: t(`sheets-table.number.compare.${L.GreaterThan}`)
+        },
+        {
+          value: L.GreaterThanOrEqual,
+          label: t(`sheets-table.number.compare.${L.GreaterThanOrEqual}`)
+        },
+        {
+          value: L.LessThan,
+          label: t(`sheets-table.number.compare.${L.LessThan}`)
+        },
+        {
+          value: L.LessThanOrEqual,
+          label: t(`sheets-table.number.compare.${L.LessThanOrEqual}`)
+        },
+        {
+          value: L.Between,
+          label: t(`sheets-table.number.compare.${L.Between}`)
+        },
+        {
+          value: L.NotBetween,
+          label: t(`sheets-table.number.compare.${L.NotBetween}`)
+        },
+        {
+          value: L.Above,
+          label: t(`sheets-table.number.compare.${L.Above}`)
+        },
+        {
+          value: L.Below,
+          label: t(`sheets-table.number.compare.${L.Below}`)
+        }
+        // {
+        //     value: TableNumberCompareTypeEnum.TopN,
+        //     label: t(`sheets-table.number.compare.${TableNumberCompareTypeEnum.TopN}`),
+        // },
+      ]
+    },
+    {
+      value: D.Date,
+      label: t(`sheets-table.condition.${D.Date}`),
+      children: [
+        {
+          value: s.Equal,
+          label: t(`sheets-table.date.compare.${s.Equal}`)
+        },
+        {
+          value: s.NotEqual,
+          label: t(`sheets-table.date.compare.${s.NotEqual}`)
+        },
+        {
+          value: s.After,
+          label: t(`sheets-table.date.compare.${s.After}`)
+        },
+        {
+          value: s.AfterOrEqual,
+          label: t(`sheets-table.date.compare.${s.AfterOrEqual}`)
+        },
+        {
+          value: s.Before,
+          label: t(`sheets-table.date.compare.${s.Before}`)
+        },
+        {
+          value: s.BeforeOrEqual,
+          label: t(`sheets-table.date.compare.${s.BeforeOrEqual}`)
+        },
+        {
+          value: s.Between,
+          label: t(`sheets-table.date.compare.${s.Between}`)
+        },
+        {
+          value: s.NotBetween,
+          label: t(`sheets-table.date.compare.${s.NotBetween}`)
+        },
+        {
+          value: s.Today,
+          label: t(`sheets-table.date.compare.${s.Today}`)
+        },
+        {
+          value: s.Yesterday,
+          label: t(`sheets-table.date.compare.${s.Yesterday}`)
+        },
+        {
+          value: s.Tomorrow,
+          label: t(`sheets-table.date.compare.${s.Tomorrow}`)
+        },
+        {
+          value: s.ThisWeek,
+          label: t(`sheets-table.date.compare.${s.ThisWeek}`)
+        },
+        {
+          value: s.LastWeek,
+          label: t(`sheets-table.date.compare.${s.LastWeek}`)
+        },
+        {
+          value: s.NextWeek,
+          label: t(`sheets-table.date.compare.${s.NextWeek}`)
+        },
+        {
+          value: s.ThisMonth,
+          label: t(`sheets-table.date.compare.${s.ThisMonth}`)
+        },
+        {
+          value: s.LastMonth,
+          label: t(`sheets-table.date.compare.${s.LastMonth}`)
+        },
+        {
+          value: s.NextMonth,
+          label: t(`sheets-table.date.compare.${s.NextMonth}`)
+        },
+        {
+          value: s.ThisYear,
+          label: t(`sheets-table.date.compare.${s.ThisYear}`)
+        },
+        {
+          value: s.LastYear,
+          label: t(`sheets-table.date.compare.${s.LastYear}`)
+        },
+        {
+          value: s.NextYear,
+          label: t(`sheets-table.date.compare.${s.NextYear}`)
+        },
+        {
+          value: s.Quarter,
+          label: t(`sheets-table.date.compare.${s.Quarter}`)
+        },
+        {
+          value: s.Month,
+          label: t(`sheets-table.date.compare.${s.Month}`)
+        }
+      ]
+    }
+  ];
+}
+function Zn(r, e) {
+  if (!e)
+    return [];
+  const n = r.get(le).t;
+  switch (e) {
+    case s.Quarter:
+      return [
+        {
+          value: s.Q1,
+          label: n(`sheets-table.date.compare.${s.Q1}`)
+        },
+        {
+          value: s.Q2,
+          label: n(`sheets-table.date.compare.${s.Q2}`)
+        },
+        {
+          value: s.Q3,
+          label: n(`sheets-table.date.compare.${s.Q3}`)
+        },
+        {
+          value: s.Q4,
+          label: n(`sheets-table.date.compare.${s.Q4}`)
+        }
+      ];
+    case s.Month:
+      return [
+        {
+          value: s.M1,
+          label: n(`sheets-table.date.compare.${s.M1}`)
+        },
+        {
+          value: s.M2,
+          label: n(`sheets-table.date.compare.${s.M2}`)
+        },
+        {
+          value: s.M3,
+          label: n(`sheets-table.date.compare.${s.M3}`)
+        },
+        {
+          value: s.M4,
+          label: n(`sheets-table.date.compare.${s.M4}`)
+        },
+        {
+          value: s.M5,
+          label: n(`sheets-table.date.compare.${s.M5}`)
+        },
+        {
+          value: s.M6,
+          label: n(`sheets-table.date.compare.${s.M6}`)
+        },
+        {
+          value: s.M7,
+          label: n(`sheets-table.date.compare.${s.M7}`)
+        },
+        {
+          value: s.M8,
+          label: n(`sheets-table.date.compare.${s.M8}`)
+        },
+        {
+          value: s.M9,
+          label: n(`sheets-table.date.compare.${s.M9}`)
+        },
+        {
+          value: s.M10,
+          label: n(`sheets-table.date.compare.${s.M10}`)
+        },
+        {
+          value: s.M11,
+          label: n(`sheets-table.date.compare.${s.M11}`)
+        },
+        {
+          value: s.M12,
+          label: n(`sheets-table.date.compare.${s.M12}`)
+        }
+      ];
+    default:
+      return [];
+  }
+}
+const Tt = /* @__PURE__ */ new Set([
+  s.Equal,
+  s.NotEqual,
+  s.After,
+  s.AfterOrEqual,
+  s.Before,
+  s.BeforeOrEqual
+]);
+function qn(r, e) {
+  return e ? r === D.String ? A.Input : r === D.Number ? e === L.Between || e === L.NotBetween ? A.Inputs : A.Input : r === D.Date ? e === s.Between || e === s.NotBetween ? A.DateRange : e === s.Quarter || e === s.Month ? A.Select : Tt.has(e) ? A.DatePicker : A.None : A.None : A.None;
+}
+function Yn(r) {
+  if (!r || r.filterType !== "condition")
+    return {
+      type: D.String,
+      compareType: V.Equal,
+      info: {}
+    };
+  const e = r.filterInfo, { conditionType: t, compareType: n } = e;
+  return t === D.Date ? n === s.Between || n === s.NotBetween ? {
+    type: t,
+    compare: n,
+    info: {
+      dateRange: e.expectedValue
+    }
+  } : n === s.Today || n === s.Yesterday || n === s.Tomorrow || n === s.ThisWeek || n === s.LastWeek || n === s.NextWeek || n === s.ThisMonth || n === s.LastMonth || n === s.NextMonth || n === s.ThisYear || n === s.LastYear || n === s.NextYear ? {
+    type: t,
+    compare: n,
+    info: {}
+  } : Tt.has(n) ? {
+    type: t,
+    compare: n,
+    info: {
+      date: e.expectedValue
+    }
+  } : (/* @__PURE__ */ new Set([s.Q1, s.Q2, s.Q3, s.Q4])).has(n) ? {
+    type: t,
+    compare: s.Quarter,
+    info: {
+      dateSelect: e.compareType
+    }
+  } : {
+    type: t,
+    compare: s.Month,
+    info: {
+      dateSelect: e.compareType
+    }
+  } : t === D.Number ? n === L.Between || n === L.NotBetween ? {
+    type: t,
+    compare: n,
+    info: {
+      numberRange: e.expectedValue
+    }
+  } : {
+    type: t,
+    compare: n,
+    info: {
+      number: e.expectedValue
+    }
+  } : t === D.String ? {
+    type: t,
+    compare: n,
+    info: {
+      string: e.expectedValue
+    }
+  } : {
+    type: D.String,
+    compare: V.Equal,
+    info: {}
+  };
+}
+const Qn = (r) => {
+  var b, $, I, y, E, w, B;
+  const { conditionInfo: e, onChange: t } = r, n = R(le), [a, i] = U(Math.random()), l = R(Oe), c = Wn(l), u = (v) => {
+    var O;
+    const f = v[0], M = v[1];
+    M && i(Math.random());
+    const C = {};
+    f === D.Date ? M === s.Quarter ? C.dateSelect = s.Q1 : M === s.Month ? C.dateSelect = s.M1 : Tt.has(M) ? C.date = /* @__PURE__ */ new Date() : C.dateRange = [/* @__PURE__ */ new Date(), /* @__PURE__ */ new Date()] : f === D.Number ? C.number = 0 : f === D.String && (C.string = ""), g(C, v[0], (O = v[1]) != null ? O : V.Equal);
+  }, d = qn(e.type, e.compare);
+  let h = "";
+  e.compare ? h = `${n.t(`sheets-table.condition.${e.type}`)} - ${n.t(`sheets-table.${e.type}.compare.${e.compare}`)}` : h = n.t(`sheets-table.condition.${e.type}`);
+  const g = (v, f, M) => {
+    t({
+      type: f != null ? f : e.type,
+      compare: M != null ? M : e.compare,
+      info: v
+    });
+  }, S = Zn(l, e.compare);
+  return /* @__PURE__ */ _("div", { children: [
+    /* @__PURE__ */ o(
+      xt,
+      {
+        className: "univer-h-8 univer-w-full",
+        dropdownRender: () => /* @__PURE__ */ o(
+          cn,
+          {
+            value: [e.type, e.compare],
+            options: c,
+            onChange: u,
+            contentClassName: "univer-flex-1",
+            wrapperClassName: "univer-max-h-[150px]"
+          }
+        ),
+        value: h,
+        onChange: () => {
+        }
+      },
+      a
+    ),
+    /* @__PURE__ */ _("div", { className: "univer-mt-3 univer-w-full", children: [
+      d === A.Input && /* @__PURE__ */ o(St, { children: e.type === D.String ? /* @__PURE__ */ o(
+        _t,
+        {
+          className: "univer-w-full",
+          placeholder: "请输入",
+          value: e.info.string,
+          onChange: (v) => g({ string: v })
+        }
+      ) : /* @__PURE__ */ o(
+        ct,
+        {
+          className: "univer-h-7 univer-w-full",
+          value: e.info.number,
+          controls: !1,
+          onChange: (v) => {
+            v !== null && g({ number: v });
+          }
+        }
+      ) }),
+      d === A.DatePicker && /* @__PURE__ */ o("div", { id: "univer-table-date-picker-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
+        un,
+        {
+          value: oe(e.info.date),
+          defaultPickerValue: oe(),
+          onChange: (v) => g({ date: v.toDate() }),
+          getPopupContainer: () => document.getElementById("univer-table-date-picker-wrapper") || document.body,
+          className: "univer-w-full",
+          allowClear: !1
+        }
+      ) }),
+      d === A.DateRange && /* @__PURE__ */ o("div", { id: "univer-table-date-range-wrapper", style: { background: "#fff", position: "relative" }, children: /* @__PURE__ */ o(
+        dn,
+        {
+          value: [($ = oe((b = e.info.dateRange) == null ? void 0 : b[0])) != null ? $ : oe(), (y = oe((I = e.info.dateRange) == null ? void 0 : I[1])) != null ? y : oe()],
+          defaultPickerValue: [oe(), oe()],
+          onChange: (v) => {
+            g(v ? { dateRange: v.map((f) => f == null ? void 0 : f.toDate()) } : {});
+          },
+          getPopupContainer: () => document.getElementById("univer-table-date-range-wrapper") || document.body,
+          classNames: { popup: "univer-w-[400px]" },
+          allowClear: !1
+        }
+      ) }),
+      d === A.Inputs && /* @__PURE__ */ _("div", { className: "univer-flex univer-items-center univer-gap-2", children: [
+        /* @__PURE__ */ o(
+          ct,
+          {
+            className: "univer-h-7 univer-w-full",
+            value: (E = e.info.numberRange) == null ? void 0 : E[0],
+            onChange: (v) => {
+              var f;
+              v !== null && g({ numberRange: [v, (f = e.info.numberRange) == null ? void 0 : f[1]] });
+            },
+            controls: !1
+          }
+        ),
+        /* @__PURE__ */ o("span", { children: " - " }),
+        /* @__PURE__ */ o(
+          ct,
+          {
+            className: "univer-h-7 univer-w-full",
+            value: (w = e.info.numberRange) == null ? void 0 : w[1],
+            controls: !1,
+            onChange: (v) => {
+              var f;
+              v !== null && g({ numberRange: [(f = e.info.numberRange) == null ? void 0 : f[0], v] });
+            }
+          }
+        )
+      ] }),
+      d === A.Select && /* @__PURE__ */ o(
+        xt,
+        {
+          value: (B = e.info.dateSelect) != null ? B : S[0].value,
+          options: S,
+          onChange: (v) => g({ dateSelect: v }),
+          className: "univer-w-full"
+        }
+      )
+    ] })
+  ] });
+}, zn = (r) => {
+  let e = 0;
+  return r.forEach((t) => {
+    e += t;
+  }), e;
+};
+function Gn(r) {
+  const { unitId: e, tableId: t, subUnitId: n, columnIndex: a, checkedItemSet: i, setCheckedItemSet: l, tableFilter: c } = r, u = R(le), d = R(Ee), { data: h, itemsCountMap: g, allItemsCount: S } = d.getTableFilterItems(e, n, t, a), [b, $] = U(c === void 0 ? !0 : i.size === g.size), [I, y] = U(b ? S : zn(g)), E = !b && i.size > 0, [w, B] = U(""), v = Lt(() => {
+    b ? (i.clear(), l(new Set(i)), $(!1)) : (h.forEach((C) => {
+      i.add(C.title);
+    }), l(new Set(i)), $(!0));
+  }, [b]), f = Lt((C) => {
+  }, []), M = (C) => {
+    if (b) {
+      $(!1);
+      const O = /* @__PURE__ */ new Set();
+      for (const { title: Z } of h)
+        C !== Z && O.add(Z);
+      y(S - g.get(C)), l(O);
+    } else
+      i.has(C) ? (i.delete(C), y(I - g.get(C))) : (i.add(C), y(I + g.get(C))), l(new Set(i));
+  };
+  return /* @__PURE__ */ _("div", { className: "univer-flex univer-h-full univer-flex-col", children: [
+    /* @__PURE__ */ o(_t, { autoFocus: !0, value: w, placeholder: u.t("sheets-filter.panel.search-placeholder"), onChange: f }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `
+                  univer-mt-2 univer-box-border univer-flex univer-h-[180px] univer-max-h-[180px] univer-flex-grow
+                  univer-flex-col univer-overflow-hidden univer-rounded-md univer-border univer-border-solid
+                  univer-border-gray-200 univer-py-1.5 univer-pl-2
+                `,
+        children: /* @__PURE__ */ o(
+          "div",
+          {
+            className: "univer-h-40 univer-overflow-y-hidden univer-py-1 univer-pl-2",
+            children: /* @__PURE__ */ o(hn, { children: /* @__PURE__ */ _("div", { className: "univer-h-40", children: [
+              /* @__PURE__ */ _(
+                "div",
+                {
+                  className: "univer-flex univer-items-center univer-px-2 univer-py-1",
+                  children: [
+                    /* @__PURE__ */ o(
+                      Nt,
+                      {
+                        indeterminate: E,
+                        disabled: h.length === 0,
+                        checked: b,
+                        onChange: v
+                      }
+                    ),
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        className: `
+                                      univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-items-center
+                                      univer-text-sm
+                                    `,
+                        children: [
+                          /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: `${u.t("sheets-filter.panel.select-all")}` }),
+                          /* @__PURE__ */ o("span", { className: "univer-ml univer-text-gray-400", children: `(${b ? S : I}/${S})` })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              h.map((C) => /* @__PURE__ */ _(
+                "div",
+                {
+                  className: "univer-flex univer-items-center univer-px-2 univer-py-1",
+                  children: [
+                    /* @__PURE__ */ o(Nt, { checked: b || i.has(C.title), onChange: () => {
+                      M(C.title);
+                    } }),
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        className: `
+                                              univer-ml-1 univer-flex univer-h-5 univer-flex-1 univer-items-start
+                                              univer-text-sm
+                                            `,
+                        children: [
+                          /* @__PURE__ */ o("span", { className: "univer-inline-block univer-truncate", children: C.title }),
+                          /* @__PURE__ */ o("span", { className: "univer-ml-1 univer-text-gray-400", children: `(${g.get(C.title) || 0})` })
+                        ]
+                      }
+                    )
+                  ]
+                },
+                C.key
+              ))
+            ] }) })
+          }
+        )
+      }
+    )
+  ] });
+}
+function Xn() {
+  const r = R(le), e = Kn(r), t = R(Ee), n = R(X), a = R(ie), i = R(Le), l = i.getCurrentTableFilterInfo(), c = t.getTableFilterPanelInitProps(l.unitId, l.subUnitId, l.tableId, l.column), { unitId: u, subUnitId: d, tableId: h, tableFilter: g, currentFilterBy: S, columnIndex: b } = c, { data: $ } = t.getTableFilterItems(u, d, h, b), I = t.getTableFilterCheckedItems(u, h, b), [y, E] = U(new Set(I)), [w, B] = U(S || be.Items), [v, f] = U(() => {
+    const m = c.tableFilter;
+    return Yn(m);
+  }), M = n.getTable(u, h);
+  if (!M) return null;
+  const C = M.getTableFilters(), O = C.getSortState(), Z = O.columnIndex === b && O.sortState === Ze.Asc, N = O.columnIndex === b && O.sortState === Ze.Desc, P = () => {
+    i.closeFilterPanel();
+  }, ye = () => {
+    P();
+  }, te = (m) => {
+    const k = M.getTableFilterRange();
+    a.executeCommand(bn.id, {
+      unitId: u,
+      subUnitId: d,
+      range: k,
+      orderRules: [{ colIndex: b + k.startColumn, type: m ? Et.ASC : Et.DESC }],
+      hasTitle: !1
+    }), C.setSortState(b, m ? Ze.Asc : Ze.Desc), P();
+  }, Ie = () => {
+    if (w === be.Items) {
+      const m = [];
+      for (const j of $)
+        y.has(j.title) && m.push(j.title);
+      const k = M.getTableFilterColumn(b);
+      if (k) {
+        if (k.values.join(",") === m.join(",")) {
+          P();
+          return;
+        }
+      } else if (m.length === 0) {
+        P();
+        return;
+      }
+      const H = {
+        filterType: Mt.manual,
+        values: m
+      };
+      t.setTableFilter(u, h, b, H);
+    } else {
+      let m;
+      v.compare === s.Quarter || v.compare === s.Month ? m = {
+        conditionType: v.type,
+        compareType: Object.values(v.info)[0]
+      } : m = {
+        conditionType: v.type,
+        compareType: v.compare,
+        expectedValue: Object.values(v.info)[0]
+      };
+      const k = {
+        filterType: Mt.condition,
+        // @ts-ignore
+        filterInfo: m
+      };
+      t.setTableFilter(u, h, b, k);
+    }
+    P();
+  }, me = () => {
+    t.setTableFilter(u, h, b, void 0), P();
+  };
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: `
+              univer-box-border univer-flex univer-w-[312px] univer-flex-col univer-rounded-[10px] univer-bg-white
+              univer-p-4 univer-shadow-lg
+            `,
+      children: [
+        /* @__PURE__ */ _("div", { className: "univer-mb-3 univer-flex", children: [
+          /* @__PURE__ */ _(
+            "div",
+            {
+              className: `
+                      univer-flex univer-w-[140px] univer-flex-1 univer-cursor-default univer-items-center
+                      univer-justify-center univer-gap-1 univer-rounded-l-md univer-border univer-border-solid
+                      univer-border-gray-200 univer-py-1.5 univer-text-[13px] univer-font-normal
+                      hover:univer-cursor-pointer hover:univer-bg-gray-100
+                      ${Z ? "univer-bg-gray-100" : ""}
+                    `,
+              onClick: () => te(!0),
+              children: [
+                /* @__PURE__ */ o(lr, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
+                r.t("sheets-sort.general.sort-asc")
+              ]
+            }
+          ),
+          /* @__PURE__ */ _(
+            "div",
+            {
+              className: `
+                      univer-flex univer-w-[140px] univer-flex-1 univer-cursor-default univer-items-center
+                      univer-justify-center univer-gap-1 univer-rounded-r-md univer-border univer-border-solid
+                      univer-border-gray-200 univer-py-1.5 univer-text-[13px] univer-font-normal
+                      hover:univer-cursor-pointer hover:univer-bg-gray-100
+                      ${N ? "univer-bg-gray-100" : ""}
+                    `,
+              onClick: () => te(!1),
+              children: [
+                /* @__PURE__ */ o(or, { className: "univer-text-base univer-text-color-[#1e222b] univer-mr-1" }),
+                r.t("sheets-sort.general.sort-desc")
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ o("div", { className: "univer-table-filter-panel-header", children: /* @__PURE__ */ o(
+          vn,
+          {
+            value: w,
+            items: e,
+            onChange: (m) => B(m)
+          }
+        ) }),
+        /* @__PURE__ */ o("div", { className: "univer-table-filter-panel-body univer-z-10 univer-h-60", children: /* @__PURE__ */ o("div", { className: "univer-table-filter-panel-body-content univer-mt-3", children: w === be.Items ? /* @__PURE__ */ o(
+          Gn,
+          {
+            tableFilter: g,
+            unitId: u,
+            subUnitId: d,
+            tableId: h,
+            columnIndex: b,
+            checkedItemSet: y,
+            setCheckedItemSet: E
+          }
+        ) : /* @__PURE__ */ o(
+          Qn,
+          {
+            tableFilter: g,
+            unitId: u,
+            subUnitId: d,
+            tableId: h,
+            columnIndex: b,
+            conditionInfo: v,
+            onChange: f
+          }
+        ) }) }),
+        /* @__PURE__ */ _(
+          "div",
+          {
+            className: `
+                  univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-wrap-nowrap
+                  univer-justify-between univer-overflow-hidden
+                `,
+            children: [
+              /* @__PURE__ */ o(
+                Ve,
+                {
+                  disabled: g === void 0,
+                  onClick: me,
+                  children: r.t("sheets-filter.panel.clear-filter")
+                }
+              ),
+              /* @__PURE__ */ _("div", { children: [
+                /* @__PURE__ */ o(Ve, { className: "univer-mr-2", onClick: ye, children: r.t("sheets-filter.panel.cancel") }),
+                /* @__PURE__ */ o(Ve, { variant: "primary", onClick: Ie, children: r.t("sheets-filter.panel.confirm") })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Kn(r) {
+  const e = r.getCurrentLocale();
+  return mn(() => [
+    { label: r.t("sheets-filter.panel.by-values"), value: be.Items },
+    { label: r.t("sheets-filter.panel.by-conditions"), value: be.Condition }
+  ], [e, r]);
+}
+var Jn = Object.getOwnPropertyDescriptor, ea = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? Jn(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Qe = (r, e) => (t, n) => e(t, n, r);
+let Le = class extends $e {
+  constructor(e, t, n, a) {
+    super();
+    F(this, "_popupDisposable");
+    F(this, "_currentTableFilterInfo", null);
+    this._componentManager = e, this._contextService = t, this._sheetCanvasPopupService = n, this._dialogService = a, this._initComponents(), this._initUIPopup();
+  }
+  setCurrentTableFilterInfo(e) {
+    this._currentTableFilterInfo = e;
+  }
+  clearCurrentTableFilterInfo() {
+    this._currentTableFilterInfo = null;
+  }
+  getCurrentTableFilterInfo() {
+    return this._currentTableFilterInfo;
+  }
+  _initComponents() {
+    [
+      [de, Xn]
+    ].forEach(([e, t]) => {
+      this.disposeWithMe(this._componentManager.register(e, t));
+    });
+  }
+  _initUIPopup() {
+    this.disposeWithMe(this._contextService.subscribeContextValue$(de).pipe(Kt(void 0), rn()).subscribe((e) => {
+      e ? this._openFilterPopup() : e === !1 && this._closeFilterPopup();
+    }));
+  }
+  closeFilterPanel() {
+    this._contextService.setContextValue(de, !1);
+  }
+  _openFilterPopup() {
+    const e = this._currentTableFilterInfo;
+    if (!e)
+      throw new Error("[SheetsFilterUIController]: no filter model when opening filter popup!");
+    const { row: t, column: n } = e;
+    this._popupDisposable = this._sheetCanvasPopupService.attachPopupToCell(t, n, {
+      componentKey: de,
+      direction: "horizontal",
+      onClickOutside: () => {
+        this._dialogService.close(Mn), this._contextService.setContextValue(de, !1);
+      },
+      offset: [5, 0]
+    });
+  }
+  _closeFilterPopup() {
+    var e;
+    (e = this._popupDisposable) == null || e.dispose(), this._popupDisposable = null, this.clearCurrentTableFilterInfo();
+  }
+};
+Le = ea([
+  Qe(0, x(Gt)),
+  Qe(1, ft),
+  Qe(2, x(Ur)),
+  Qe(3, x(Xt))
+], Le);
+const bt = {
+  type: Vt.OPERATION,
+  id: "sheet.operation.open-table-filter-panel",
+  async handler(r, e) {
+    if (!e)
+      return !1;
+    const { row: t, col: n, unitId: a, subUnitId: i, tableId: l } = e, c = r.get(X), u = r.get(ft), d = r.get(Le);
+    return c.getTable(a, l) ? (u.getContextValue(de) || (d.setCurrentTableFilterInfo({ unitId: a, subUnitId: i, row: t, tableId: l, column: n }), u.setContextValue(de, !0)), !0) : !1;
+  }
+}, yt = {
+  type: Vt.OPERATION,
+  id: "sheet.operation.open-table-selector",
+  async handler(r) {
+    var b;
+    const e = r.get(ge), t = r.get(ie), n = at(e);
+    if (!n)
+      return !1;
+    const { unitId: a, subUnitId: i, worksheet: l } = n, u = r.get(it).getCurrentLastSelection(), d = (b = u == null ? void 0 : u.range) != null ? b : { startRow: 0, endRow: 0, startColumn: 0, endColumn: 0 }, g = fn(u) ? Cn(d, { up: !0, left: !0, right: !0, down: !0 }, l) : d, S = await br(r, a, i, g);
+    return S ? (t.executeCommand(Br.id, { ...S }), !0) : !1;
+  }
+};
+async function br(r, e, t, n, a) {
+  const i = r.get(Xt), l = r.get(le);
+  return new Promise((c) => {
+    const u = {
+      unitId: e,
+      subUnitId: t,
+      range: n,
+      tableId: a,
+      onConfirm: (d) => {
+        c(d), i.close(xe);
+      },
+      onCancel: () => {
+        c(null), i.close(xe);
+      }
+    };
+    i.open({
+      id: xe,
+      title: { title: l.t("sheets-table.selectRange") },
+      draggable: !0,
+      destroyOnClose: !0,
+      children: {
+        label: {
+          name: xe,
+          props: u
+        }
+      },
+      width: 300,
+      onClose: () => {
+        c(null), i.close(xe);
+      }
+    });
+  });
+}
+const gr = "sheets-table-ui.config";
+var ta = Object.getOwnPropertyDescriptor, ra = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? ta(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, na = (r, e) => (t, n) => e(t, n, r);
+let _e = class extends $e {
+  constructor(e) {
+    super();
+    F(this, "_refreshTable", new nn());
+    F(this, "refreshTable$", this._refreshTable.asObservable());
+    this._commandService = e, this._initListener();
+  }
+  _initListener() {
+    this.disposeWithMe(
+      this._commandService.onCommandExecuted((e) => {
+        if (e.id === er.id) {
+          const t = e.params, { styleName: n } = t;
+          n.startsWith("table-custom") && this._refreshTable.next(Math.random());
+        }
+      })
+    );
+  }
+};
+_e = ra([
+  na(0, x(ie))
+], _e);
+const aa = () => {
+  var Ie, me;
+  const [r, e] = U(""), [t, n] = U(""), a = R(Qr), [i, l] = U({}), c = R(Oe), u = R(et), d = Ne(u.anchorPosition$), h = R(ie), g = R(ge), S = R(X), b = R(tr), $ = R(_e), I = Ne($.refreshTable$), y = R(le), E = R(it), w = Ne(E.selectionChanged$, [{ range: Ht(0, 0), primary: null }]), [, B] = U(Math.random()), f = R(At).getConfig(gr), M = (Ie = f == null ? void 0 : f.anchorHeight) != null ? Ie : 24, C = (me = f == null ? void 0 : f.anchorBackgroundColor) != null ? me : "rgb(53,91,183)", O = (m, k) => {
+    l((H) => ({
+      ...H,
+      [m]: k
+    }));
+  };
+  if (Jt(() => {
+    B(Math.random());
+  }, [I]), !(d != null && d.length))
+    return null;
+  const Z = at(g);
+  if (!Z) return null;
+  const { unitId: N, subUnitId: P } = Z, ye = (m, k) => {
+    var j;
+    if (((j = S.getTableById(N, m)) == null ? void 0 : j.getDisplayName()) === k) {
+      e(""), n("");
+      return;
+    }
+    h.executeCommand(vt.id, {
+      tableId: m,
+      unitId: N,
+      name: k
+    }), n(""), e("");
+  }, te = async (m) => {
+    const k = S.getTableById(N, m);
+    if (!k) return;
+    const H = k.getRange(), j = await br(c, N, P, H, m);
+    j && h.executeCommand(vt.id, {
+      tableId: m,
+      unitId: N,
+      updateRange: {
+        newRange: j.range
+      }
+    });
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "univer-absolute univer-z-50 univer-h-0 univer-w-0",
+      style: {},
+      children: d.map((m) => {
+        var p, T, Q, z, re, ne, se;
+        const k = S.getTableById(N, m.tableId);
+        if (!k) return null;
+        const H = b.getRangeThemeStyle(N, k.getTableStyleId()), j = (Q = (T = (p = H == null ? void 0 : H.getHeaderRowStyle()) == null ? void 0 : p.bg) == null ? void 0 : T.rgb) != null ? Q : C, Ae = (ne = (re = (z = H == null ? void 0 : H.getHeaderRowStyle()) == null ? void 0 : z.cl) == null ? void 0 : re.rgb) != null ? ne : "rgb(255, 255, 255)", Ue = k.getRange();
+        if (!(w != null && w.length))
+          return null;
+        const je = w[w.length - 1].range, We = !ve.intersects(Ue, je) && m.y <= 20;
+        return /* @__PURE__ */ _(
+          "div",
+          {
+            className: `
+                          univer-absolute univer-box-border univer-flex
+                          ${M ? `
+                          univer-h-[${M}px]
+                        ` : "univer-h-[24px]"}
+                          univer-cursor-pointer univer-items-center univer-rounded-xl univer-border univer-border-solid
+                          univer-border-gray-500 univer-pl-2 univer-pr-2 univer-shadow-xs
+                        `,
+            style: {
+              left: m.x,
+              top: Math.max(m.y, 0),
+              backgroundColor: j,
+              color: Ae,
+              borderWidth: "0.5px",
+              display: We ? "none" : "flex"
+            },
+            children: [
+              /* @__PURE__ */ o("div", { className: "univer-text-nowrap", children: r === m.tableId ? /* @__PURE__ */ o(
+                _t,
+                {
+                  className: "univer-h-[18px] univer-min-w-16 univer-rounded-none",
+                  inputClass: "univer-h-[18px] univer-w-[80px]",
+                  value: t,
+                  onChange: (W) => n(W),
+                  onBlur: () => ye(m.tableId, t),
+                  onKeyDown: (W) => {
+                    W.key === "Enter" && ye(m.tableId, t);
+                  },
+                  autoFocus: r === m.tableId
+                }
+              ) : /* @__PURE__ */ o("div", { className: "univer-h-[18px] univer-max-w-24 univer-truncate univer-text-sm", children: m.tableName }) }),
+              /* @__PURE__ */ o(
+                Fe,
+                {
+                  open: (se = i[m.tableId]) != null ? se : !1,
+                  onOpenChange: (W) => {
+                    O(m.tableId, W);
+                  },
+                  overlay: /* @__PURE__ */ _("div", { className: "univer-pb-2 univer-pt-2", children: [
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        className: `
+                                          univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center
+                                          univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm
+                                          hover:univer-bg-gray-200
+                                        `,
+                        onClick: () => {
+                          e(m.tableId), n(m.tableName);
+                        },
+                        children: [
+                          /* @__PURE__ */ o(hr, { className: "univer-mr-2" }),
+                          y.t("sheets-table.rename")
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "div",
+                      {
+                        className: `
+                                          univer-mb-1 univer-mt-1 univer-h-[1px] univer-w-full univer-bg-gray-200
+                                        `
+                      }
+                    ),
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        onClick: () => te(m.tableId),
+                        className: `
+                                          univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center
+                                          univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm
+                                          hover:univer-bg-gray-200
+                                        `,
+                        children: [
+                          /* @__PURE__ */ o(cr, { className: "univer-mr-2" }),
+                          y.t("sheets-table.updateRange")
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        className: `
+                                          univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center
+                                          univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm
+                                          hover:univer-bg-gray-200
+                                        `,
+                        onClick: () => {
+                          O(m.tableId, !1);
+                          const W = S.getTableById(N, m.tableId);
+                          if (!W) return;
+                          const pe = W.getTableConfig(), fe = {
+                            id: Rn,
+                            header: { title: y.t("sheets-table.tableStyle") },
+                            children: {
+                              label: ar,
+                              oldConfig: pe,
+                              unitId: N,
+                              subUnitId: P,
+                              tableId: m.tableId
+                            },
+                            width: 330
+                          };
+                          a.open(fe);
+                        },
+                        children: [
+                          /* @__PURE__ */ o(
+                            dr,
+                            {
+                              extend: { colorChannel1: "rgb(53,91,183)" },
+                              className: "univer-mr-2"
+                            }
+                          ),
+                          y.t("sheets-table.setTheme")
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      "div",
+                      {
+                        className: `
+                                          univer-mb-1 univer-mt-1 univer-h-[1px] univer-w-full univer-bg-gray-200
+                                        `
+                      }
+                    ),
+                    /* @__PURE__ */ _(
+                      "div",
+                      {
+                        className: `
+                                          univer-flex univer-min-w-32 univer-cursor-pointer univer-items-center
+                                          univer-pb-1 univer-pl-2 univer-pr-2 univer-pt-1 univer-text-sm
+                                          hover:univer-bg-gray-200
+                                        `,
+                        onClick: () => {
+                          O(m.tableId, !1), h.executeCommand(Fr.id, {
+                            tableId: m.tableId,
+                            subUnitId: P,
+                            unitId: N
+                          });
+                        },
+                        children: [
+                          /* @__PURE__ */ o(sr, { className: "univer-mr-2" }),
+                          y.t("sheets-table.removeTable")
+                        ]
+                      }
+                    )
+                  ] }),
+                  align: "start",
+                  children: /* @__PURE__ */ o(ur, {})
+                },
+                m.tableId
+              )
+            ]
+          },
+          m.tableId
+        );
+      })
+    }
+  );
+};
+var ia = Object.getOwnPropertyDescriptor, la = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? ia(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, ue = (r, e) => (t, n) => e(t, n, r);
+let et = class extends $e {
+  constructor(e, t, n, a, i, l, c, u, d) {
+    super();
+    F(this, "_selectedTable", !1);
+    F(this, "_anchorPosition$", new an([]));
+    F(this, "anchorPosition$", this._anchorPosition$.asObservable());
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = n, this._renderManagerService = a, this._univerInstanceService = i, this._uiPartsService = l, this._tableManager = c, this._scrollManagerService = u, this._permissionService = d, this._initUI(), this._initTableAnchor();
+  }
+  _initUI() {
+    this.disposeWithMe(
+      this._uiPartsService.registerComponent(Gr.CONTENT, () => Xr(aa, this._injector))
+    );
+  }
+  _initTableAnchor() {
+    this.disposeWithMe(
+      Ct(
+        this._context.unit.activeSheet$,
+        this._sheetSkeletonManagerService.currentSkeleton$,
+        this._scrollManagerService.validViewportScrollInfo$,
+        this._tableManager.tableAdd$,
+        this._tableManager.tableDelete$,
+        this._tableManager.tableNameChanged$,
+        this._tableManager.tableRangeChanged$,
+        this._tableManager.tableThemeChanged$,
+        this._permissionService.permissionPointUpdate$.pipe(ln(100))
+      ).subscribe(() => {
+        var u;
+        const e = this._context.unit, t = e.getActiveSheet(), n = t == null ? void 0 : t.getSheetId(), a = this._tableManager.getTableList(this._context.unitId).filter((d) => d.subUnitId === n), i = this._renderManagerService.getRenderById(this._context.unitId);
+        if (!i) {
+          this._anchorPosition$.next([]);
+          return;
+        }
+        if (!((u = this._permissionService.getPermissionPoint(new Sn(e.getUnitId()).id)) == null ? void 0 : u.value)) {
+          this._anchorPosition$.next([]);
+          return;
+        }
+        const c = a.reduce((d, h) => {
+          const { startRow: g, startColumn: S } = h.range, b = i.with(nt), $ = Wr(this._univerInstanceService, this._renderManagerService);
+          if (!$) return d;
+          const { scene: I } = $, y = I.getViewport(Er.VIEW_MAIN);
+          if (!y) return d;
+          const E = I == null ? void 0 : I.scaleX, w = I == null ? void 0 : I.scaleY, B = I == null ? void 0 : I.getViewportScrollXY(y);
+          if (!E || !I || !w || !B) return d;
+          const v = b.getCurrentSkeleton();
+          if (!v) return d;
+          const f = v.getNoMergeCellWithCoordByIndex(g, S), M = Lr(f.startX, E, B), C = $r(f.startY, w, B) - 25 - 4;
+          return C >= -10 && M >= 45 && d.push({
+            x: M,
+            y: C,
+            tableId: h.id,
+            tableName: h.name
+          }), d;
+        }, []);
+        this._anchorPosition$.next(c);
+      })
+    );
+  }
+};
+et = la([
+  ue(1, x(Oe)),
+  ue(2, x(nt)),
+  ue(3, Wt),
+  ue(4, ge),
+  ue(5, zr),
+  ue(6, x(X)),
+  ue(7, x(jr)),
+  ue(8, x(Ir))
+], et);
+const Re = 16;
+new Path2D("M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z");
+class Dt {
+  static drawNoSetting(e, t, n, a) {
+    e.save(), It.drawWith(e, {
+      radius: 2,
+      width: Re,
+      height: Re,
+      fill: a
+    }), e.lineCap = "square", e.strokeStyle = n, e.scale(t / Re, t / Re), e.beginPath(), e.lineWidth = 1, e.lineCap = "round", e.moveTo(3, 4), e.lineTo(13, 4), e.moveTo(4.5, 8), e.lineTo(11.5, 8), e.moveTo(6, 12), e.lineTo(10, 12), e.stroke(), e.restore();
+  }
+  static drawIconByPath(e, t, n, a) {
+    e.save(), e.strokeStyle = n, e.fillStyle = a, It.drawWith(e, {
+      radius: 2,
+      width: Re,
+      height: Re,
+      fill: a
+    }), t.forEach((i) => {
+      const l = new Path2D(i);
+      e.fillStyle = n, e.fill(l, "evenodd");
+    }), e.restore();
+  }
+}
+const sa = [
+  "M3.30363 3C2.79117 3 2.51457 3.60097 2.84788 3.99024L6.8 8.60593V12.5662C6.8 12.7184 6.8864 12.8575 7.02289 12.9249L8.76717 13.7863C8.96655 13.8847 9.2 13.7396 9.2 13.5173V8.60593L13.1521 3.99024C13.4854 3.60097 13.2088 3 12.6964 3H3.30363Z"
+], oa = [
+  "M12.4008 13.1831C12.6907 13.1831 12.9258 12.9481 12.9258 12.6581V4.60873L14.013 5.69597C14.218 5.901 14.5505 5.901 14.7555 5.69597C14.9605 5.49094 14.9605 5.15853 14.7555 4.95351L12.7721 2.97017C12.5671 2.76515 12.2347 2.76515 12.0297 2.97017L10.0463 4.95351C9.84132 5.15853 9.84132 5.49094 10.0463 5.69597C10.2514 5.901 10.5838 5.901 10.7888 5.69597L11.8758 4.60901V12.6581C11.8758 12.9481 12.1108 13.1831 12.4008 13.1831Z",
+  "M1.28069 4.85447C0.842195 4.33439 1.21191 3.5391 1.89218 3.5391H8.59333C9.2736 3.5391 9.64331 4.33439 9.20482 4.85447L6.51052 8.0501V11.6601C6.51052 12.2245 5.94174 12.6114 5.41683 12.404L4.48092 12.0343C4.1756 11.9136 3.97498 11.6187 3.97498 11.2904V8.0501L1.28069 4.85447Z"
+], ca = [
+  "M12.4008 2.81641C12.6907 2.81641 12.9258 3.05146 12.9258 3.34141V11.3908L14.013 10.3036C14.218 10.0986 14.5505 10.0986 14.7555 10.3036C14.9605 10.5086 14.9605 10.841 14.7555 11.046L12.7721 13.0294C12.5671 13.2344 12.2347 13.2344 12.0297 13.0294L10.0463 11.046C9.84132 10.841 9.84132 10.5086 10.0463 10.3036C10.2514 10.0986 10.5838 10.0986 10.7888 10.3036L11.8758 11.3905V3.34141C11.8758 3.05146 12.1108 2.81641 12.4008 2.81641Z",
+  "M1.28069 4.85444C0.842195 4.33435 1.21191 3.53906 1.89218 3.53906H8.59333C9.2736 3.53906 9.64331 4.33435 9.20482 4.85443L6.51052 8.05006V11.6601C6.51052 12.2245 5.94174 12.6113 5.41683 12.404L4.48092 12.0342C4.1756 11.9136 3.97498 11.6186 3.97498 11.2903V8.05006L1.28069 4.85444Z"
+], ua = [
+  "M11.9003 13.7046C11.9003 13.9969 11.6633 14.2339 11.371 14.2339C11.0787 14.2339 10.8417 13.9969 10.8417 13.7046V3.57272L9.74577 4.66862C9.53906 4.87534 9.20391 4.87534 8.9972 4.66862C8.79048 4.46191 8.79048 4.12676 8.9972 3.92005L10.9969 1.92039C11.2036 1.71368 11.5387 1.71368 11.7454 1.92039L13.7451 3.92005C13.9518 4.12676 13.9518 4.46191 13.7451 4.66862C13.5384 4.87534 13.2032 4.87534 12.9965 4.66862L11.9003 3.57243V13.7046Z",
+  "M2.69779 10.0113C2.40546 10.0113 2.16847 9.77429 2.16847 9.48196C2.16847 9.18962 2.40546 8.95264 2.69779 8.95264H6.67804C6.89213 8.95264 7.08514 9.0816 7.16707 9.2794C7.249 9.47719 7.20371 9.70486 7.05233 9.85624L3.97569 12.9329H6.67804C6.97038 12.9329 7.20736 13.1699 7.20736 13.4622C7.20736 13.7545 6.97038 13.9915 6.67804 13.9915H2.69779C2.4837 13.9915 2.29069 13.8626 2.20876 13.6648C2.12684 13.467 2.17212 13.2393 2.32351 13.0879L5.40015 10.0113H2.69779Z",
+  "M5.51638 2.58693C5.23363 1.81542 4.14248 1.81543 3.85973 2.58693L2.13245 7.29995C2.03185 7.57443 2.17281 7.87849 2.4473 7.97909C2.72178 8.07969 3.02584 7.93872 3.12644 7.66424L3.64346 6.25351L3.64504 6.25351H5.73266L6.24968 7.66424C6.35027 7.93872 6.65433 8.07969 6.92882 7.97909C7.2033 7.87849 7.34426 7.57443 7.24367 7.29995L5.51638 2.58693ZM5.34467 5.19487L4.68806 3.40325L4.03144 5.19487H5.34467Z"
+], da = [
+  "M11.9003 2.29495C11.9003 2.00261 11.6633 1.76562 11.371 1.76562C11.0787 1.76562 10.8417 2.00261 10.8417 2.29495V12.4268L9.74577 11.3309C9.53906 11.1242 9.20391 11.1242 8.9972 11.3309C8.79048 11.5376 8.79048 11.8727 8.9972 12.0795L10.9969 14.0791C11.2036 14.2858 11.5387 14.2858 11.7454 14.0791L13.7451 12.0795C13.9518 11.8727 13.9518 11.5376 13.7451 11.3309C13.5384 11.1242 13.2032 11.1242 12.9965 11.3309L11.9003 12.4271V2.29495Z",
+  "M2.69792 10.0113C2.40558 10.0113 2.16859 9.77429 2.16859 9.48196C2.16859 9.18962 2.40558 8.95264 2.69792 8.95264H6.67816C6.89225 8.95264 7.08526 9.0816 7.16719 9.2794C7.24912 9.47719 7.20384 9.70486 7.05245 9.85624L3.97581 12.9329H6.67816C6.9705 12.9329 7.20749 13.1699 7.20749 13.4622C7.20749 13.7545 6.9705 13.9915 6.67816 13.9915H2.69792C2.48383 13.9915 2.29082 13.8626 2.20889 13.6648C2.12696 13.467 2.17224 13.2393 2.32363 13.0879L5.40027 10.0113H2.69792Z",
+  "M5.5165 2.58693C5.23375 1.81542 4.1426 1.81543 3.85985 2.58693L2.13257 7.29995C2.03197 7.57443 2.17294 7.8785 2.44742 7.97909C2.7219 8.07969 3.02596 7.93872 3.12656 7.66424L3.64358 6.25351L3.64516 6.25351H5.73278L6.2498 7.66424C6.35039 7.93872 6.65446 8.07969 6.92894 7.97909C7.20342 7.8785 7.34438 7.57443 7.24379 7.29995L5.5165 2.58693ZM5.34479 5.19487L4.68818 3.40325L4.03156 5.19487H5.34479Z"
+];
+var ha = Object.getOwnPropertyDescriptor, va = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? ha(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, dt = (r, e) => (t, n) => e(t, n, r);
+const he = 16, ze = 1;
+let gt = class extends Or {
+  constructor(e, t, n, a, i) {
+    super(e, t);
+    F(this, "_cellWidth", 0);
+    F(this, "_cellHeight", 0);
+    F(this, "_filterParams");
+    F(this, "_hovered", !1);
+    this._contextService = n, this._commandService = a, this._themeService = i, this.setShapeProps(t), this.onPointerDown$.subscribeEvent((l) => this.onPointerDown(l)), this.onPointerEnter$.subscribeEvent(() => this.onPointerEnter()), this.onPointerLeave$.subscribeEvent(() => this.onPointerLeave());
+  }
+  setShapeProps(e) {
+    typeof e.cellHeight < "u" && (this._cellHeight = e.cellHeight), typeof e.cellWidth < "u" && (this._cellWidth = e.cellWidth), typeof e.filterParams < "u" && (this._filterParams = e.filterParams), this.transformByState({
+      width: e.width,
+      height: e.height
+    });
+  }
+  _draw(e) {
+    const t = this._cellHeight, n = this._cellWidth, a = he - n, i = he - t;
+    e.save();
+    const l = new Path2D();
+    l.rect(a, i, n, t), e.clip(l);
+    const { buttonState: c } = this._filterParams, u = this._themeService.getCurrentTheme().primaryColor, d = this._hovered ? this._themeService.getCurrentTheme().grey50 : "rgba(255, 255, 255, 1.0)";
+    let h;
+    switch (c) {
+      case we.FilteredSortNone:
+        h = sa;
+        break;
+      case we.FilteredSortAsc:
+        h = oa;
+        break;
+      case we.FilteredSortDesc:
+        h = ca;
+        break;
+      case we.FilterNoneSortNone:
+        break;
+      case we.FilterNoneSortAsc:
+        h = ua;
+        break;
+      case we.FilterNoneSortDesc:
+        h = da;
+        break;
+    }
+    h ? Dt.drawIconByPath(e, h, u, d) : c !== void 0 && Dt.drawNoSetting(e, he, u, d), e.restore();
+  }
+  onPointerDown(e) {
+    if (e.button === 2)
+      return;
+    const { row: t, col: n, unitId: a, subUnitId: i, tableId: l } = this._filterParams;
+    this._contextService.getContextValue(de) || !this._commandService.hasCommand(bt.id) || setTimeout(() => {
+      const u = {
+        row: t,
+        col: n,
+        unitId: a,
+        subUnitId: i,
+        tableId: l
+      };
+      this._commandService.executeCommand(bt.id, u);
+    }, 200);
+  }
+  onPointerEnter() {
+    this._hovered = !0, this.makeDirty(!0);
+  }
+  onPointerLeave() {
+    this._hovered = !1, this.makeDirty(!0);
+  }
+};
+gt = va([
+  dt(2, ft),
+  dt(3, ie),
+  dt(4, x(Ut))
+], gt);
+var ba = Object.getOwnPropertyDescriptor, ga = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? ba(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Ce = (r, e) => (t, n) => e(t, n, r);
+const ma = 5e3;
+let mt = class extends jt {
+  constructor(e, t, n, a, i, l, c, u) {
+    super();
+    F(this, "_buttonRenderDisposable", null);
+    F(this, "_tableFilterButtonShapes", []);
+    this._context = e, this._injector = t, this._sheetSkeletonManagerService = n, this._themeService = a, this._sheetInterceptorService = i, this._commandService = l, this._selectionRenderService = c, this._tableManager = u, this._initRenderer();
+  }
+  dispose() {
+    super.dispose(), this._disposeRendering();
+  }
+  _initRenderer() {
+    const e = this._tableManager;
+    this._sheetSkeletonManagerService.currentSkeleton$.pipe(
+      Se((t) => {
+        var c;
+        if (!t) return G(null);
+        const { unit: n, unitId: a } = this._context, i = ((c = n.getActiveSheet()) == null ? void 0 : c.getSheetId()) || "", l = () => ({
+          unitId: a,
+          worksheetId: i,
+          tableFilterRanges: this._tableManager.getSheetFilterRangeWithState(n.getUnitId(), i),
+          skeleton: t.skeleton
+        });
+        return Ct(
+          e.tableAdd$,
+          e.tableNameChanged$,
+          e.tableRangeChanged$,
+          e.tableThemeChanged$,
+          e.tableDelete$,
+          e.tableFilterChanged$
+        ).pipe(
+          sn(() => l()),
+          Kt(l())
+        );
+      }),
+      on(this.dispose$)
+    ).subscribe((t) => {
+      this._disposeRendering(), !(!t || !t.tableFilterRanges) && this._renderButtons(t);
+    });
+  }
+  _renderButtons(e) {
+    const { tableFilterRanges: t, unitId: n, skeleton: a, worksheetId: i } = e, { scene: l } = this._context;
+    for (const { range: c, states: u, tableId: d } of t) {
+      const { startRow: h, startColumn: g, endColumn: S } = c;
+      this._interceptCellContent(n, i, c);
+      for (let b = g; b <= S; b++) {
+        const $ = `sheets-table-filter-button-${h}-${b}`, I = qr(h, b, l, a), { startX: y, startY: E, endX: w, endY: B } = I, v = w - y, f = B - E;
+        if (f <= ze || v <= ze)
+          continue;
+        const M = u[b - g], C = w - he - ze, O = B - he - ze, Z = {
+          left: C,
+          top: O,
+          height: he,
+          width: he,
+          zIndex: ma,
+          cellHeight: f,
+          cellWidth: v,
+          filterParams: { unitId: n, subUnitId: i, row: h, col: b, buttonState: M, tableId: d }
+        }, N = this._injector.createInstance(gt, $, Z);
+        this._tableFilterButtonShapes.push(N);
+      }
+    }
+    l.addObjects(this._tableFilterButtonShapes), l.makeDirty();
+  }
+  _interceptCellContent(e, t, n) {
+    const { startRow: a, startColumn: i, endColumn: l } = n;
+    this._buttonRenderDisposable = this._sheetInterceptorService.intercept(_n.CELL_CONTENT, {
+      effect: wr.Style,
+      handler: (c, u, d) => {
+        const { row: h, col: g, unitId: S, subUnitId: b } = u;
+        return S !== e || b !== t || h !== a || g < i || g > l ? d(c) : d({
+          ...c,
+          fontRenderExtension: {
+            ...c == null ? void 0 : c.fontRenderExtension,
+            rightOffset: he
+          }
+        });
+      },
+      priority: 10
+    });
+  }
+  _disposeRendering() {
+    var e;
+    this._tableFilterButtonShapes.forEach((t) => t.dispose()), (e = this._buttonRenderDisposable) == null || e.dispose(), this._buttonRenderDisposable = null, this._tableFilterButtonShapes = [];
+  }
+};
+mt = ga([
+  Ce(1, x(Oe)),
+  Ce(2, x(nt)),
+  Ce(3, x(Ut)),
+  Ce(4, x(rr)),
+  Ce(5, ie),
+  Ce(6, Zr),
+  Ce(7, x(X))
+], mt);
+const pa = (r) => {
+  const { unitId: e, subUnitId: t, range: n, onCancel: a, onConfirm: i, tableId: l } = r, c = R(X), [u, d] = U(n), [h, g] = U(""), S = R(le), b = R(ge);
+  return /* @__PURE__ */ _(St, { children: [
+    /* @__PURE__ */ o(
+      In,
+      {
+        maxRangeCount: 1,
+        unitId: e,
+        subUnitId: t,
+        initialValue: kt(n),
+        onChange: ($, I) => {
+          const y = kt(n), E = yn(I).range, w = at(b, { unitId: e, subUnitId: t });
+          if (!w)
+            return;
+          if (w.worksheet.getMergeData().some((N) => ve.intersects(E, N))) {
+            g(S.t("sheets-table.tableRangeWithMergeError"));
+            return;
+          }
+          if (c.getTablesBySubunitId(e, t).some((N) => {
+            if (N.getId() === l)
+              return !1;
+            const P = N.getRange();
+            return ve.intersects(E, P);
+          })) {
+            g(S.t("sheets-table.tableRangeWithOtherTableError"));
+            return;
+          }
+          const { startRow: C, endRow: O } = E;
+          if (C === O) {
+            g(S.t("sheets-table.tableRangeSingleRowError"));
+            return;
+          }
+          if (y !== I) {
+            if (l) {
+              const N = c.getTableById(e, l);
+              if (N) {
+                const P = N.getRange();
+                if (ve.intersects(E, P) && P.startRow === E.startRow) {
+                  d(E), g(""), i({
+                    unitId: e,
+                    subUnitId: t,
+                    range: E
+                  });
+                  return;
+                } else {
+                  g(S.t("sheets-table.updateError"));
+                  return;
+                }
+              }
+            }
+            d(n), g("");
+          }
+        },
+        supportAcrossSheet: !1
+      }
+    ),
+    h && /* @__PURE__ */ o("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: h }),
+    /* @__PURE__ */ _("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ o(Ve, { type: "default", onClick: a, children: S.t("sheets-table.cancel") }),
+      /* @__PURE__ */ o(
+        Ve,
+        {
+          type: "primary",
+          onClick: () => {
+            h || i({
+              unitId: e,
+              subUnitId: t,
+              range: u
+            });
+          },
+          className: "univer-ml-2",
+          children: S.t("sheets-table.confirm")
+        }
+      )
+    ] })
+  ] });
+}, fa = (r) => {
+  var me, m, k, H, j, lt, Ae, Ue, st, je, ot, We;
+  const { unitId: e, subUnitId: t, tableId: n } = r, a = R(ie), i = R(le), l = R(X), c = l.getTableById(e, n), u = R(tr), d = R(_e), h = Ne(u.rangeThemeMapChange$), g = Ne(d.refreshTable$), S = R(Mr), [, b] = U(Math.random()), $ = Ne(l.tableThemeChanged$, {
+    theme: c == null ? void 0 : c.getTableStyleId(),
+    oldTheme: c == null ? void 0 : c.getTableStyleId(),
+    unitId: e,
+    subUnitId: t,
+    tableId: n
+  }), I = u.getRegisteredRangeThemes().filter((p) => p == null ? void 0 : p.startsWith(xn)), y = u.getALLRegisteredTheme(e).filter((p) => p == null ? void 0 : p.startsWith(ut)), E = c == null ? void 0 : c.getTableStyleId(), w = y.find((p) => p === E), B = w || y[0], v = u.getCustomRangeThemeStyle(e, B), f = (k = (m = (me = v == null ? void 0 : v.getHeaderRowStyle()) == null ? void 0 : me.bg) == null ? void 0 : m.rgb) != null ? k : ce, M = (lt = (j = (H = v == null ? void 0 : v.getFirstRowStyle()) == null ? void 0 : H.bg) == null ? void 0 : j.rgb) != null ? lt : ce, C = (st = (Ue = (Ae = v == null ? void 0 : v.getSecondRowStyle()) == null ? void 0 : Ae.bg) == null ? void 0 : Ue.rgb) != null ? st : ce, O = (We = (ot = (je = v == null ? void 0 : v.getLastRowStyle()) == null ? void 0 : je.bg) == null ? void 0 : ot.rgb) != null ? We : ce, [Z, N] = U(null), P = (p) => {
+    a.executeCommand(vt.id, {
+      unitId: e,
+      tableId: n,
+      theme: p
+    });
+  }, ye = () => {
+    if (y.length >= 11) {
+      S.emit(i.t("sheets-table.customTooMore"));
+      return;
+    }
+    const p = y[y.length - 1];
+    let T = `${ut}1`;
+    if (p) {
+      const z = Number(p.split("-")[2]);
+      T = `${ut}${z + 1}`;
+    }
+    const Q = new Tn(T, { ...Hr });
+    a.executeCommand(Vr.id, {
+      unitId: e,
+      tableId: n,
+      themeStyle: Q
+    });
+  }, te = (p, T) => {
+    a.executeCommand(er.id, {
+      unitId: e,
+      subUnitId: t,
+      styleName: p,
+      style: T
+    });
+  }, Ie = (p) => {
+    a.executeCommand(Ar.id, {
+      unitId: e,
+      tableId: n,
+      themeName: p
+    });
+  };
+  return Jt(() => {
+    b(Math.random());
+  }, [h, g]), c ? /* @__PURE__ */ _("div", { children: [
+    /* @__PURE__ */ o("h5", { children: i.t("sheets-table.defaultStyle") }),
+    /* @__PURE__ */ o("div", { className: "univer-flex univer-gap-2", children: I.map((p) => {
+      var se, W, pe, fe, ke, Pe, De, Be;
+      const T = u.getDefaultRangeThemeStyle(p), Q = ((W = (se = T == null ? void 0 : T.getHeaderRowStyle()) == null ? void 0 : se.bg) == null ? void 0 : W.rgb) || ce, z = ((fe = (pe = T == null ? void 0 : T.getFirstRowStyle()) == null ? void 0 : pe.bg) == null ? void 0 : fe.rgb) || ce, re = ((Pe = (ke = T == null ? void 0 : T.getSecondRowStyle()) == null ? void 0 : ke.bg) == null ? void 0 : Pe.rgb) || ce, ne = ((Be = (De = T == null ? void 0 : T.getLastRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb) || ce;
+      return /* @__PURE__ */ _(
+        "div",
+        {
+          className: "univer-h-10 univer-w-8 univer-cursor-pointer univer-p-[1px]",
+          onClick: () => P(p),
+          style: {
+            border: p === $.theme ? Pt : Me
+          },
+          children: [
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: Q, border: `${q}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: z, border: `${q}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: re, border: `${q}` } }),
+            /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: ne, border: `${q}` } })
+          ]
+        },
+        p
+      );
+    }) }),
+    /* @__PURE__ */ o("h5", { children: i.t("sheets-table.customStyle") }),
+    /* @__PURE__ */ _("div", { className: "univer-w-full univer-rounded-sm univer-border univer-border-solid univer-border-gray-200", children: [
+      /* @__PURE__ */ _("div", { className: "univer-flex univer-flex-wrap univer-gap-2 univer-p-2", children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: `
+                          univer-h-10 univer-w-8 univer-cursor-pointer univer-border univer-border-solid
+                          univer-border-gray-200 univer-p-[1px] univer-text-center univer-leading-10
+                        `,
+            onClick: ye,
+            children: "+"
+          }
+        ),
+        y.map((p) => {
+          var se, W, pe, fe, ke, Pe, De, Be;
+          const T = u.getCustomRangeThemeStyle(e, p), Q = (W = (se = T == null ? void 0 : T.getHeaderRowStyle()) == null ? void 0 : se.bg) == null ? void 0 : W.rgb, z = (fe = (pe = T == null ? void 0 : T.getFirstRowStyle()) == null ? void 0 : pe.bg) == null ? void 0 : fe.rgb, re = (Pe = (ke = T == null ? void 0 : T.getSecondRowStyle()) == null ? void 0 : ke.bg) == null ? void 0 : Pe.rgb, ne = (Be = (De = T == null ? void 0 : T.getLastRowStyle()) == null ? void 0 : De.bg) == null ? void 0 : Be.rgb;
+          return /* @__PURE__ */ _(
+            "div",
+            {
+              className: "univer-relative univer-h-10 univer-w-8 univer-cursor-pointer univer-p-[1px]",
+              onClick: () => P(p),
+              style: {
+                border: p === $.theme ? Pt : Me
+              },
+              onMouseEnter: () => N(p),
+              onMouseLeave: () => N(null),
+              children: [
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: Q != null ? Q : q, border: `${Q ? q : Me}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: z != null ? z : q, border: `${z ? q : Me}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: re != null ? re : q, border: `${re ? q : Me}` } }),
+                /* @__PURE__ */ o("div", { className: "univer-box-border univer-h-[10px]", style: { background: ne != null ? ne : q, border: `${ne ? q : Me}` } }),
+                /* @__PURE__ */ o(
+                  "div",
+                  {
+                    className: `
+                                      univer-absolute univer-right-[-3px] univer-top-[-3px] univer-h-3 univer-w-3
+                                      univer-rounded-md univer-bg-gray-200 univer-text-center univer-text-xs
+                                      univer-leading-[10px]
+                                    `,
+                    style: { display: Z === p ? "block" : "none" },
+                    onClick: (Sr) => {
+                      Sr.stopPropagation(), Ie(p);
+                    },
+                    children: "x"
+                  }
+                )
+              ]
+            },
+            p
+          );
+        })
+      ] }),
+      w && /* @__PURE__ */ _(St, { children: [
+        /* @__PURE__ */ o("div", { className: "univer-h-[1px] univer-w-full univer-bg-gray-200" }),
+        /* @__PURE__ */ _("div", { className: "univer-flex univer-flex-col univer-gap-2 univer-p-2", children: [
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: `
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
+                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
+                                    `,
+                style: {
+                  background: f,
+                  color: new ae(f).isDark() ? "#fff" : "#000"
+                },
+                children: i.t("sheets-table.header")
+              }
+            ),
+            /* @__PURE__ */ o(
+              Fe,
+              {
+                overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
+                  qe,
+                  {
+                    value: f,
+                    onChange: (p) => {
+                      const T = Rt("headerRowStyle", {
+                        bg: {
+                          rgb: p
+                        },
+                        cl: {
+                          rgb: new ae(p).isDark() ? "#fff" : "#000"
+                        }
+                      });
+                      te(c.getTableStyleId(), { headerRowStyle: T });
+                    }
+                  }
+                ) }),
+                children: /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: `
+                                          univer-flex univer-cursor-pointer univer-items-center univer-gap-2
+                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
+                                          univer-bg-white univer-p-1
+                                        `,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "div",
+                        {
+                          className: `
+                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
+                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
+                                            `,
+                          style: {
+                            background: f,
+                            color: new ae(f).isDark() ? "#fff" : "#000"
+                          }
+                        }
+                      ),
+                      /* @__PURE__ */ o(He, { className: "univer-h-2 univer-w-2" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: `
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
+                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
+                                    `,
+                style: {
+                  background: M,
+                  color: new ae(M).isDark() ? "#fff" : "#000"
+                },
+                children: i.t("sheets-table.firstLine")
+              }
+            ),
+            /* @__PURE__ */ o(
+              Fe,
+              {
+                overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
+                  qe,
+                  {
+                    value: M,
+                    onChange: (p) => {
+                      te(c.getTableStyleId(), {
+                        firstRowStyle: {
+                          bg: {
+                            rgb: p
+                          },
+                          cl: {
+                            rgb: new ae(p).isDark() ? "#fff" : "#000"
+                          }
+                        }
+                      });
+                    }
+                  }
+                ) }),
+                children: /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: `
+                                          univer-flex univer-cursor-pointer univer-items-center univer-gap-2
+                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
+                                          univer-bg-white univer-p-1
+                                        `,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "div",
+                        {
+                          className: `
+                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
+                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
+                                            `,
+                          style: { background: M }
+                        }
+                      ),
+                      /* @__PURE__ */ o(He, { className: "univer-h-2 univer-w-2" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: `
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
+                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
+                                    `,
+                style: {
+                  background: C,
+                  color: new ae(C).isDark() ? "#fff" : "#000"
+                },
+                children: i.t("sheets-table.secondLine")
+              }
+            ),
+            /* @__PURE__ */ o(
+              Fe,
+              {
+                overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
+                  qe,
+                  {
+                    value: C,
+                    onChange: (p) => te(c.getTableStyleId(), {
+                      secondRowStyle: {
+                        bg: {
+                          rgb: p
+                        },
+                        cl: {
+                          rgb: new ae(p).isDark() ? "#fff" : "#000"
+                        }
+                      }
+                    })
+                  }
+                ) }),
+                children: /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: `
+                                          univer-flex univer-cursor-pointer univer-items-center univer-gap-2
+                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
+                                          univer-bg-white univer-p-1
+                                        `,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "div",
+                        {
+                          className: `
+                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
+                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
+                                            `,
+                          style: { background: C }
+                        }
+                      ),
+                      /* @__PURE__ */ o(He, { className: "univer-h-2 univer-w-2" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _("div", { className: "univer-flex univer-h-9 univer-gap-2", children: [
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: `
+                                      univer-box-border univer-h-full univer-w-52 univer-rounded-sm univer-border
+                                      univer-border-solid univer-border-gray-200 univer-text-center univer-leading-9
+                                    `,
+                style: {
+                  background: O,
+                  color: new ae(O).isDark() ? "#fff" : "#000"
+                },
+                children: i.t("sheets-table.footer")
+              }
+            ),
+            /* @__PURE__ */ o(
+              Fe,
+              {
+                overlay: /* @__PURE__ */ o("div", { className: "univer-p-2", children: /* @__PURE__ */ o(
+                  qe,
+                  {
+                    value: O,
+                    onChange: (p) => {
+                      const T = Rt("lastRowStyle", {
+                        bg: {
+                          rgb: p
+                        },
+                        cl: {
+                          rgb: new ae(p).isDark() ? "#fff" : "#000"
+                        }
+                      });
+                      te(c.getTableStyleId(), { lastRowStyle: T });
+                    }
+                  }
+                ) }),
+                children: /* @__PURE__ */ _(
+                  "div",
+                  {
+                    className: `
+                                          univer-flex univer-cursor-pointer univer-items-center univer-gap-2
+                                          univer-rounded-sm univer-border univer-border-solid univer-border-gray-200
+                                          univer-bg-white univer-p-1
+                                        `,
+                    children: [
+                      /* @__PURE__ */ o(
+                        "div",
+                        {
+                          className: `
+                                              univer-h-4 univer-w-4 univer-rounded-[8px] univer-border
+                                              univer-border-solid univer-border-gray-200 univer-bg-slate-400
+                                            `,
+                          style: { background: O }
+                        }
+                      ),
+                      /* @__PURE__ */ o(He, { className: "univer-h-2 univer-w-2" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] })
+  ] }) : null;
+}, mr = "sheet.table.context-insert_menu-id", pr = "sheet.table.context-remove_menu-id";
+function Ca(r) {
+  return {
+    id: yt.id,
+    type: Te.BUTTON,
+    icon: nr,
+    tooltip: "sheets-table.title",
+    title: "sheets-table.title"
+  };
+}
+function Sa(r) {
+  return {
+    id: mr,
+    type: Te.SUBITEMS,
+    icon: "Insert",
+    title: "sheets-table.insert.main",
+    hidden$: fr(r)
+  };
+}
+function _a(r) {
+  return {
+    id: pr,
+    type: Te.SUBITEMS,
+    icon: "Reduce",
+    title: "sheets-table.remove.main",
+    hidden$: fr(r)
+  };
+}
+function Ta(r) {
+  return {
+    id: Qt.id,
+    type: Te.BUTTON,
+    title: "sheets-table.insert.row",
+    hidden$: Cr(r)
+  };
+}
+function ya(r) {
+  return {
+    id: Yt.id,
+    title: "sheets-table.insert.col",
+    type: Te.BUTTON
+  };
+}
+function Ia(r) {
+  return {
+    id: qt.id,
+    type: Te.BUTTON,
+    title: "sheets-table.remove.row",
+    hidden$: Cr(r)
+  };
+}
+function wa(r) {
+  return {
+    id: Zt.id,
+    title: "sheets-table.remove.col",
+    type: Te.BUTTON
+  };
+}
+function fr(r) {
+  const e = r.get(it);
+  return r.get(ge).getCurrentTypeOfUnit$(Je.UNIVER_SHEET).pipe(
+    Se((a) => a ? a.activeSheet$.pipe(
+      Se((i) => i ? e.selectionMoveEnd$.pipe(
+        Se((l) => {
+          if (!l.length || l.length > 1) return G(!0);
+          const u = l[0].range, h = r.get(zt).getContainerTableWithRange(a.getUnitId(), i.getSheetId(), u);
+          return G(!h);
+        })
+      ) : G(!0))
+    ) : G(!0))
+  );
+}
+function Cr(r) {
+  const e = r.get(it);
+  return r.get(ge).getCurrentTypeOfUnit$(Je.UNIVER_SHEET).pipe(
+    Se((a) => a ? a.activeSheet$.pipe(
+      Se((i) => i ? e.selectionMoveEnd$.pipe(
+        Se((l) => {
+          if (!l.length || l.length > 1) return G(!0);
+          const u = l[0].range, h = r.get(zt).getContainerTableWithRange(a.getUnitId(), i.getSheetId(), u);
+          if (!h)
+            return G(!0);
+          const g = h.getRange();
+          return u.startRow === g.startRow ? G(!0) : G(!1);
+        })
+      ) : G(!0))
+    ) : G(!0))
+  );
+}
+const Ma = {
+  [en.FORMULAS_VIEW]: {
+    [yt.id]: {
+      order: 0,
+      menuItemFactory: Ca
+    }
+  },
+  [Kr.MAIN_AREA]: {
+    [Jr.LAYOUT]: {
+      [mr]: {
+        order: 5,
+        menuItemFactory: Sa,
+        [Qt.id]: {
+          order: 1,
+          menuItemFactory: Ta
+        },
+        [Yt.id]: {
+          order: 2,
+          menuItemFactory: ya
+        }
+      },
+      [pr]: {
+        order: 6,
+        menuItemFactory: _a,
+        [qt.id]: {
+          order: 1,
+          menuItemFactory: Ia
+        },
+        [Zt.id]: {
+          order: 2,
+          menuItemFactory: wa
+        }
+      }
+    }
+  }
+};
+var Ra = Object.getOwnPropertyDescriptor, xa = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? Ra(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Bt = (r, e) => (t, n) => e(t, n, r);
+let tt = class extends $e {
+  constructor(r, e) {
+    super(), this._componentManager = r, this._menuManagerService = e, this._initComponents(), this._initMenu();
+  }
+  _initComponents() {
+    [
+      [nr, vr],
+      [xe, pa],
+      [ar, fa]
+    ].forEach(([r, e]) => {
+      this.disposeWithMe(this._componentManager.register(r, e));
+    });
+  }
+  _initMenu() {
+    this._menuManagerService.mergeMenu(Ma);
+  }
+};
+tt = xa([
+  Bt(0, x(Gt)),
+  Bt(1, x(tn))
+], tt);
+var Na = Object.getOwnPropertyDescriptor, Ea = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? Na(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Ge = (r, e) => (t, n) => e(t, n, r);
+let pt = class extends jt {
+  constructor(r, e, t, n, a) {
+    super(), this._context = r, this._injector = e, this._sheetSkeletonManagerService = t, this._tableManager = n, this._sheetTableThemeUIController = a, this._initListener();
+  }
+  _dirtySkeleton() {
+    var e;
+    (e = this._context.mainComponent) == null || e.makeDirty();
+    const r = this._sheetSkeletonManagerService.getCurrentParam();
+    if (r) {
+      const t = { ...r, dirty: !0 };
+      this._sheetSkeletonManagerService.reCalculate(t);
+    }
+  }
+  _initListener() {
+    const r = this._tableManager, e = this._dirtySkeleton.bind(this);
+    this.disposeWithMe(
+      Ct(
+        r.tableAdd$,
+        r.tableDelete$,
+        r.tableNameChanged$,
+        r.tableRangeChanged$,
+        r.tableThemeChanged$,
+        r.tableFilterChanged$,
+        r.tableInitStatus$,
+        this._sheetTableThemeUIController.refreshTable$
+      ).subscribe(
+        e
+      )
+    );
+  }
+};
+pt = Ea([
+  Ge(1, x(Oe)),
+  Ge(2, x(nt)),
+  Ge(3, x(X)),
+  Ge(4, x(_e))
+], pt);
+var La = Object.getOwnPropertyDescriptor, $a = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? La(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, ht = (r, e) => (t, n) => e(t, n, r);
+let rt = class extends $e {
+  constructor(r, e, t) {
+    super(), this._sheetInterceptorService = r, this._univerInstanceService = e, this._tableManager = t, this._initSelectionChange();
+  }
+  _initSelectionChange() {
+    this.disposeWithMe(
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: (r) => {
+          if (r.id === Yr.id) {
+            const e = at(this._univerInstanceService);
+            if (!e)
+              return { redos: [], undos: [] };
+            const t = r.params, { range: n } = t, { unitId: a, subUnitId: i, worksheet: l } = e, u = this._tableManager.getTablesBySubunitId(a, i).find((d) => {
+              const h = d.getRange();
+              return ve.contains(h, n);
+            });
+            if (u) {
+              const d = u.getRange(), h = {
+                ...d,
+                startRow: d.startRow + 1
+              };
+              return ve.equals(d, n) ? { undos: [], redos: [] } : ve.equals(h, n) ? {
+                undos: [],
+                redos: [
+                  {
+                    id: Ot.id,
+                    params: {
+                      unitId: a,
+                      subUnitId: i,
+                      selections: [
+                        {
+                          range: d,
+                          primary: $t(d, l)
+                        }
+                      ]
+                    }
+                  }
+                ]
+              } : {
+                undos: [],
+                redos: [
+                  {
+                    id: Ot.id,
+                    params: {
+                      unitId: a,
+                      subUnitId: i,
+                      selections: [
+                        {
+                          range: h,
+                          primary: $t(h, l)
+                        }
+                      ]
+                    }
+                  }
+                ]
+              };
+            }
+          }
+          return { redos: [], undos: [] };
+        }
+      })
+    );
+  }
+};
+rt = $a([
+  ht(0, x(rr)),
+  ht(1, x(ge)),
+  ht(2, x(X))
+], rt);
+var Oa = Object.getOwnPropertyDescriptor, ka = (r, e, t, n) => {
+  for (var a = n > 1 ? void 0 : n ? Oa(e, t) : e, i = r.length - 1, l; i >= 0; i--)
+    (l = r[i]) && (a = l(a) || a);
+  return a;
+}, Xe = (r, e) => (t, n) => e(t, n, r), Ke;
+let Ft = (Ke = class extends Rr {
+  constructor(r = {}, e, t, n, a) {
+    super(), this._config = r, this._injector = e, this._commandService = t, this._configService = n, this._renderManagerService = a, this._initRegisterCommand(), this._configService.setConfig(gr, this._config);
+  }
+  onStarting() {
+    xr(this._injector, [
+      [Le],
+      [Ee],
+      [tt],
+      [_e],
+      [rt]
+    ]);
+  }
+  onReady() {
+    Nr(this._injector, [
+      [Le],
+      [Ee],
+      [tt],
+      [_e],
+      [rt]
+    ]);
+  }
+  onRendered() {
+    this._registerRenderModules();
+  }
+  _registerRenderModules() {
+    [
+      [mt],
+      [pt],
+      [et]
+    ].forEach((r) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(Je.UNIVER_SHEET, r));
+    });
+  }
+  _initRegisterCommand() {
+    [
+      bt,
+      yt
+    ].forEach((r) => this._commandService.registerCommand(r));
+  }
+}, F(Ke, "pluginName", wn), F(Ke, "type", Je.UNIVER_SHEET), Ke);
+Ft = ka([
+  Xe(1, x(Oe)),
+  Xe(2, x(ie)),
+  Xe(3, At),
+  Xe(4, Wt)
+], Ft);
+export {
+  Ft as UniverSheetTableUIPlugin
+};