@univerjs/sheets-filter-ui 0.7.0-beta.0 → 0.7.0-beta.1

package/lib/es/index.js

@@ -2,23 +2,23 @@ var Gt = Object.defineProperty;
 var jt = (t, e, r) => e in t ? Gt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var f = (t, e, r) => jt(t, typeof e != "symbol" ? e + "" : e, r);
 import { BooleanNumber as rt, createIdentifier as _t, Inject as E, LocaleService as K, IUniverInstanceService as Ge, ILogService as Yt, extractPureTextFromCell as qt, numfmt as it, Disposable as me, Injector as X, Quantity as vt, Tools as Te, ICommandService as Q, CommandType as Le, IContextService as Me, UniverInstanceType as Z, ThemeService as gt, RxDisposable as St, fromCallback as Kt, InterceptorEffectEnum as Xt, DependentOn as Et, IConfigService as Tt, Optional as Zt, Plugin as je, merge as Nt } from "@univerjs/core";
-import { IRPCChannelService as Ct, toModule as zt, fromModule as Jt } from "@univerjs/rpc";
-import { CustomFilterOperator as u, SetSheetsFilterCriteriaCommand as re, SheetsFilterService as V, SmartToggleSheetsFilterCommand as pe, ReCalcSheetsFilterCommand as Ye, ClearSheetsFilterCriteriaCommand as qe, FILTER_MUTATIONS as er, SetSheetsFilterRangeMutation as tr, SetSheetsFilterCriteriaMutation as rr, RemoveSheetsFilterMutation as ir, ReCalcSheetsFilterMutation as sr, RemoveSheetFilterCommand as nr, SetSheetFilterRangeCommand as or, UniverSheetsFilterPlugin as Ft } from "@univerjs/sheets-filter";
+import { IRPCChannelService as Ft, toModule as zt, fromModule as Jt } from "@univerjs/rpc";
+import { CustomFilterOperator as u, SetSheetsFilterCriteriaCommand as re, SheetsFilterService as V, SmartToggleSheetsFilterCommand as pe, ReCalcSheetsFilterCommand as Ye, ClearSheetsFilterCriteriaCommand as qe, FILTER_MUTATIONS as er, SetSheetsFilterRangeMutation as tr, SetSheetsFilterCriteriaMutation as rr, RemoveSheetsFilterMutation as ir, ReCalcSheetsFilterMutation as sr, RemoveSheetFilterCommand as nr, SetSheetFilterRangeCommand as or, UniverSheetsFilterPlugin as Ct } from "@univerjs/sheets-filter";
 import { RefRangeService as ar, SheetPermissionCheckController as lr, SheetsSelectionsService as cr, getSheetCommandTarget as ur, WorksheetFilterPermission as ae, WorksheetViewPermission as le, RangeProtectionPermissionViewPoint as ce, expandToContinuousRange as hr, SheetInterceptorService as dr, SetRangeValuesMutation as mr, INTERCEPTOR_POINT as pr } from "@univerjs/sheets";
-import { ILayoutService as fr, useDependency as te, useObservable as B, useComponentsOfPart as _r, ComponentContainer as vr, getMenuHiddenObservable as Ke, MenuItemType as Xe, RibbonStartGroup as gr, KeyCode as Sr, MetaKeys as st, ComponentManager as Er, IShortcutService as Tr, IMenuManagerService as Nr, IMessageService as Cr } from "@univerjs/ui";
-import { SetCellEditVisibleOperation as Fr, SheetsUIPart as yr, getObservableWithExclusiveRange$ as Or, getCurrentRangeDisable$ as Rr, SheetSkeletonManagerService as Ir, ISheetSelectionRenderService as Ar, SelectionControl as Pr, attachSelectionWithCoord as br, getCoordByCell as Lr, SheetsRenderService as yt, whenSheetEditorFocused as Mr, SheetCanvasPopManagerService as wr } from "@univerjs/sheets-ui";
+import { ILayoutService as fr, useDependency as te, useObservable as B, useComponentsOfPart as _r, ComponentContainer as vr, getMenuHiddenObservable as Ke, MenuItemType as Xe, RibbonStartGroup as gr, KeyCode as Sr, MetaKeys as st, ComponentManager as Er, IShortcutService as Tr, IMenuManagerService as Nr, IMessageService as Fr } from "@univerjs/ui";
+import { SetCellEditVisibleOperation as Cr, SheetsUIPart as yr, getObservableWithExclusiveRange$ as Or, getCurrentRangeDisable$ as Rr, SheetSkeletonManagerService as Ir, ISheetSelectionRenderService as Ar, SelectionControl as Pr, attachSelectionWithCoord as br, getCoordByCell as Lr, SheetsRenderService as yt, whenSheetEditorFocused as Mr, SheetCanvasPopManagerService as wr } from "@univerjs/sheets-ui";
 import { BehaviorSubject as q, ReplaySubject as $r, Subject as Ur, merge as Hr, combineLatest as Dr, throttleTime as Ot, startWith as Rt, map as ie, shareReplay as kr, of as fe, switchMap as Ze, filter as xr, takeUntil as Br, distinctUntilChanged as Wr } from "rxjs";
 import { Select as nt, RadioGroup as Qr, Radio as ot, Input as It, Checkbox as Vr, Tree as Gr, Segmented as jr, Button as Ue, MessageType as Yr } from "@univerjs/design";
 import { Rect as at, Shape as qr, IRenderManagerService as At } from "@univerjs/engine-render";
 import { jsx as S, jsxs as b, Fragment as lt } from "react/jsx-runtime";
 import { forwardRef as Pt, useRef as Kr, createElement as bt, useCallback as D, useMemo as ze } from "react";
 const Lt = "sheets-filter-ui.config", Ne = {};
-var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SECOND", t))(C || {}), _ = /* @__PURE__ */ ((t) => (t.NONE = "none", t.STARTS_WITH = "startsWith", t.DOES_NOT_START_WITH = "doesNotStartWith", t.ENDS_WITH = "endsWith", t.DOES_NOT_END_WITH = "doesNotEndWith", t.CONTAINS = "contains", t.DOES_NOT_CONTAIN = "doesNotContain", t.EQUALS = "equals", t.NOT_EQUALS = "notEquals", t.EMPTY = "empty", t.NOT_EMPTY = "notEmpty", t.BETWEEN = "between", t.NOT_BETWEEN = "notBetween", t.CUSTOM = "custom", t))(_ || {}), d;
+var F = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SECOND", t))(F || {}), _ = /* @__PURE__ */ ((t) => (t.NONE = "none", t.STARTS_WITH = "startsWith", t.DOES_NOT_START_WITH = "doesNotStartWith", t.ENDS_WITH = "endsWith", t.DOES_NOT_END_WITH = "doesNotEndWith", t.CONTAINS = "contains", t.DOES_NOT_CONTAIN = "doesNotContain", t.EQUALS = "equals", t.NOT_EQUALS = "notEquals", t.EMPTY = "empty", t.NOT_EMPTY = "notEmpty", t.BETWEEN = "between", t.NOT_BETWEEN = "notBetween", t.CUSTOM = "custom", t))(_ || {}), d;
 ((t) => {
   t.NONE = {
     label: "sheets-filter.conditions.none",
     operator: _.NONE,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 0,
     getDefaultFormParams: () => {
       throw new Error("[FilterConditionItems.NONE]: should not have initial form params!");
@@ -29,7 +29,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.EMPTY = {
     label: "sheets-filter.conditions.empty",
     operator: _.EMPTY,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 0,
     getDefaultFormParams: () => {
       throw new Error("[FilterConditionItems.EMPTY]: should not have initial form params!");
@@ -46,7 +46,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.NOT_EMPTY = {
     label: "sheets-filter.conditions.not-empty",
     operator: _.NOT_EMPTY,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 0,
     getDefaultFormParams: () => {
       throw new Error("[FilterConditionItems.NOT_EMPTY]: should not have initial form params!");
@@ -63,7 +63,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.TEXT_CONTAINS = {
     label: "sheets-filter.conditions.text-contains",
     operator: _.CONTAINS,
-    order: C.FIRST,
+    order: F.FIRST,
     numOfParameters: 1,
     getDefaultFormParams: () => ({ operator1: _.CONTAINS, val1: "" }),
     testMappingParams: (i) => {
@@ -86,7 +86,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.DOES_NOT_CONTAIN = {
     label: "sheets-filter.conditions.does-not-contain",
     operator: _.DOES_NOT_CONTAIN,
-    order: C.FIRST,
+    order: F.FIRST,
     numOfParameters: 1,
     getDefaultFormParams: () => ({ operator1: _.DOES_NOT_CONTAIN, val1: "" }),
     mapToFilterColumn: (i) => ({
@@ -106,7 +106,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.STARTS_WITH = {
     label: "sheets-filter.conditions.starts-with",
     operator: _.STARTS_WITH,
-    order: C.FIRST,
+    order: F.FIRST,
     numOfParameters: 1,
     getDefaultFormParams: () => ({ operator1: _.STARTS_WITH, val1: "" }),
     mapToFilterColumn: (i) => ({
@@ -126,7 +126,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.ENDS_WITH = {
     label: "sheets-filter.conditions.ends-with",
     operator: _.ENDS_WITH,
-    order: C.FIRST,
+    order: F.FIRST,
     numOfParameters: 1,
     getDefaultFormParams: () => ({ operator1: _.ENDS_WITH, val1: "" }),
     mapToFilterColumn: (i) => ({
@@ -146,7 +146,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.EQUALS = {
     label: "sheets-filter.conditions.equals",
     operator: _.EQUALS,
-    order: C.FIRST,
+    order: F.FIRST,
     numOfParameters: 1,
     getDefaultFormParams: () => ({ operator1: _.EQUALS, val1: "" }),
     testMappingParams: (i) => {
@@ -167,7 +167,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.greater-than",
     operator: u.GREATER_THAN,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.GREATER_THAN, val1: "" }),
     mapToFilterColumn: (i) => ({
       customFilters: { customFilters: [{ val: i.val1, operator: u.GREATER_THAN }] }
@@ -187,7 +187,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.greater-than-or-equal",
     operator: u.GREATER_THAN_OR_EQUAL,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.GREATER_THAN_OR_EQUAL, val1: "" }),
     testMappingParams: (i) => {
       const [o] = L(i);
@@ -207,7 +207,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.less-than",
     operator: u.LESS_THAN,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.LESS_THAN, val1: "" }),
     testMappingParams: (i) => {
       const [o] = L(i);
@@ -227,7 +227,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.less-than-or-equal",
     operator: u.LESS_THAN_OR_EQUAL,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.LESS_THAN_OR_EQUAL, val1: "" }),
     testMappingParams: (i) => {
       const [o] = L(i);
@@ -247,7 +247,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.equal",
     operator: u.EQUAL,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.EQUAL, val1: "" }),
     testMappingParams: (i) => {
       const [o] = L(i);
@@ -267,7 +267,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
     label: "sheets-filter.conditions.not-equal",
     operator: u.NOT_EQUALS,
     numOfParameters: 1,
-    order: C.FIRST,
+    order: F.FIRST,
     getDefaultFormParams: () => ({ operator1: u.NOT_EQUALS, val1: "" }),
     testMappingParams: (i) => {
       const [o] = L(i);
@@ -286,7 +286,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.BETWEEN = {
     label: "sheets-filter.conditions.between",
     operator: _.BETWEEN,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 2,
     getDefaultFormParams: () => ({
       and: !0,
@@ -335,7 +335,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.NOT_BETWEEN = {
     label: "sheets-filter.conditions.not-between",
     operator: _.NOT_BETWEEN,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 2,
     getDefaultFormParams: () => ({
       operator1: u.LESS_THAN,
@@ -380,7 +380,7 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
   }, t.CUSTOM = {
     label: "sheets-filter.conditions.custom",
     operator: _.CUSTOM,
-    order: C.SECOND,
+    order: F.SECOND,
     numOfParameters: 2,
     getDefaultFormParams: () => ({
       operator1: _.NONE,
@@ -403,10 +403,10 @@ var C = /* @__PURE__ */ ((t) => (t[t.FIRST = 0] = "FIRST", t[t.SECOND = 1] = "SE
         return g(m, c);
       if (T)
         return g(h, a);
-      const v = g(h, a), F = g(m, c), N = {
+      const v = g(h, a), C = g(m, c), N = {
         customFilters: [
           v.customFilters.customFilters[0],
-          F.customFilters.customFilters[0]
+          C.customFilters.customFilters[0]
         ]
       };
       return o && (N.and = rt.TRUE), { customFilters: N };
@@ -511,7 +511,7 @@ var Xr = Object.getOwnPropertyDescriptor, Zr = (t, e, r, s) => {
     (i = t[l]) && (n = i(n) || n);
   return n;
 }, He = (t, e) => (r, s) => e(r, s, t);
-const Je = "sheets-filter.generate-filter-values.service", Ce = _t(Je), zr = ["yyyy-mm-dd", "yyyy-mm-dd;@", "yyyy/mm/dd;@", "yyyy/mm/dd hh:mm", "yyyy-m-d am/pm h:mm", "yyyy-MM-dd", "yyyy/MM/dd", "yyyy/mm/dd", 'yyyy"年"MM"月"dd"日"', "MM-dd", 'M"月"d"日"', "MM-dd A/P hh:mm"];
+const Je = "sheets-filter.generate-filter-values.service", Fe = _t(Je), zr = ["yyyy-mm-dd", "yyyy-mm-dd;@", "yyyy/mm/dd;@", "yyyy/mm/dd hh:mm", "yyyy-m-d am/pm h:mm", "yyyy-MM-dd", "yyyy/MM/dd", "yyyy/mm/dd", 'yyyy"年"MM"月"dd"日"', "MM-dd", 'M"月"d"日"', "MM-dd A/P hh:mm"];
 let Be = class extends me {
   constructor(t, e, r) {
     super(), this._localeService = t, this._univerInstanceService = e, this._logService = r;
@@ -528,7 +528,7 @@ Be = Zr([
   He(2, Yt)
 ], Be);
 function Mt(t, e, r, s, n, l, i, o) {
-  var v, F, N, R, O, M, w, _e, ve;
+  var v, C, N, R, O, M, w, _e, ve;
   const a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map(), h = "yyyy-mm-dd", m = new Set(zr), g = "empty";
   let p = 0;
   for (const I of s.iterateByColumn(r, !1, !1)) {
@@ -545,7 +545,7 @@ function Mt(t, e, r, s, n, l, i, o) {
         p += 1, z += tt;
         continue;
       }
-      const ge = (v = I.value) != null && v.v && !I.value.p ? (R = (N = o.get((F = I.value) == null ? void 0 : F.s)) == null ? void 0 : N.n) == null ? void 0 : R.pattern : "", Vt = ge && it.isDate(ge);
+      const ge = (v = I.value) != null && v.v && !I.value.p ? (R = (N = o.get((C = I.value) == null ? void 0 : C.s)) == null ? void 0 : N.n) == null ? void 0 : R.pattern : "", Vt = ge && it.isDate(ge);
       if (ge && Vt && m.has(ge)) {
         const k = (O = s.getCellRaw(I.row, I.col)) == null ? void 0 : O.v;
         if (!k) {
@@ -669,7 +669,7 @@ var ti = Object.getOwnPropertyDescriptor, et = (t, e, r, s) => {
   for (var n = s > 1 ? void 0 : s ? ti(e, r) : e, l = t.length - 1, i; l >= 0; l--)
     (i = t[l]) && (n = i(n) || n);
   return n;
-}, Fe = (t, e) => (r, s) => e(r, s, t), ye = /* @__PURE__ */ ((t) => (t[t.VALUES = 0] = "VALUES", t[t.CONDITIONS = 1] = "CONDITIONS", t))(ye || {});
+}, Ce = (t, e) => (r, s) => e(r, s, t), ye = /* @__PURE__ */ ((t) => (t[t.VALUES = 0] = "VALUES", t[t.CONDITIONS = 1] = "CONDITIONS", t))(ye || {});
 _t("sheets-filter-ui.sheets-filter-panel.service");
 let W = class extends me {
   constructor(e, r) {
@@ -788,8 +788,8 @@ let W = class extends me {
   }
 };
 W = et([
-  Fe(0, E(X)),
-  Fe(1, E(ar))
+  Ce(0, E(X)),
+  Ce(1, E(ar))
 ], W);
 let Oe = class extends me {
   constructor(e, r, s, n, l) {
@@ -877,7 +877,7 @@ let Oe = class extends me {
   }
 };
 Oe = et([
-  Fe(4, Q)
+  Ce(4, Q)
 ], Oe);
 let Re = class extends me {
   constructor(e, r, s, n, l) {
@@ -920,17 +920,17 @@ let Re = class extends me {
    */
   static async fromFilterColumn(e, r, s) {
     var M;
-    const n = e.get(Ge), l = e.get(K), i = e.get(Ce, vt.OPTIONAL), { unitId: o, subUnitId: a } = r, c = n.getUniverSheetInstance(o);
+    const n = e.get(Ge), l = e.get(K), i = e.get(Fe, vt.OPTIONAL), { unitId: o, subUnitId: a } = r, c = n.getUniverSheetInstance(o);
     if (!c) throw new Error(`[ByValuesModel]: Workbook not found for filter model with unitId: ${o}!`);
     const h = c == null ? void 0 : c.getSheetBySheetId(a);
     if (!h) throw new Error(`[ByValuesModel]: Worksheet not found for filter model with unitId: ${o} and subUnitId: ${a}!`);
-    const m = r.getRange(), g = s, p = (M = r.getFilterColumn(s)) == null ? void 0 : M.getColumnData().filters, T = new Set(p == null ? void 0 : p.filters), v = !!(p && p.blank), F = r.getFilteredOutRowsExceptCol(s), N = { ...m, startRow: m.startRow + 1, startColumn: g, endColumn: g };
+    const m = r.getRange(), g = s, p = (M = r.getFilterColumn(s)) == null ? void 0 : M.getColumnData().filters, T = new Set(p == null ? void 0 : p.filters), v = !!(p && p.blank), C = r.getFilteredOutRowsExceptCol(s), N = { ...m, startRow: m.startRow + 1, startColumn: g, endColumn: g };
     let R, O;
     if (i) {
       const w = await i.getFilterValues({
         unitId: o,
         subUnitId: a,
-        filteredOutRowsByOtherColumns: Array.from(F),
+        filteredOutRowsByOtherColumns: Array.from(C),
         filters: !!p,
         blankChecked: v,
         iterateRange: N,
@@ -938,7 +938,7 @@ let Re = class extends me {
       });
       R = w.filterTreeItems, O = w.filterTreeMapCache;
     } else {
-      const w = Mt(!!p, l, N, h, F, T, v, c.getStyles());
+      const w = Mt(!!p, l, N, h, C, T, v, c.getStyles());
       R = w.filterTreeItems, O = w.filterTreeMapCache;
     }
     return e.createInstance(Re, r, s, R, O);
@@ -1032,14 +1032,14 @@ let Re = class extends me {
   // #endregion
 };
 Re = et([
-  Fe(4, Q)
+  Ce(4, Q)
 ], Re);
 const se = "FILTER_PANEL_OPENED", Ie = {
   id: "sheet.operation.open-filter-panel",
   type: Le.OPERATION,
   handler: (t, e) => {
     const r = t.get(Me), s = t.get(V), n = t.get(W);
-    t.get(Q).syncExecuteCommand(Fr.id, { visible: !1 });
+    t.get(Q).syncExecuteCommand(Cr.id, { visible: !1 });
     const { unitId: i, subUnitId: o, col: a } = e, c = s.getFilterModel(i, o);
     return c ? (n.setupCol(c, a), r.getContextValue(se) || r.setContextValue(se, !0), !0) : !1;
   }
@@ -1179,7 +1179,7 @@ function ci(t) {
   }, [e]), c = hi(r), h = D((v) => {
     e.onConditionFormChange(v);
   }, [e]), m = r.t("sheets-filter.panel.input-values-placeholder");
-  function g(v, F, N) {
+  function g(v, C, N) {
     const R = d.getItemByOperator(v).numOfParameters === 1;
     return /* @__PURE__ */ b(lt, { children: [
       N === "operator2" && /* @__PURE__ */ b(Qr, { value: l, onChange: i, children: [
@@ -1198,7 +1198,7 @@ function ci(t) {
         It,
         {
           className: "univer-mt-2",
-          value: F,
+          value: C,
           placeholder: m,
           onChange: (O) => h({ [N === "operator1" ? "val1" : "val2"]: O })
         }
@@ -1422,8 +1422,8 @@ function di(t) {
                             onClick: () => {
                               const T = [];
                               p.children ? p.children.forEach((v) => {
-                                v.children ? v.children.forEach((F) => {
-                                  T.push(F.key);
+                                v.children ? v.children.forEach((C) => {
+                                  T.push(C.key);
                                 }) : T.push(v.key);
                               }) : T.push(p.key), e.onFilterOnly(T);
                             },
@@ -1443,7 +1443,7 @@ function di(t) {
   );
 }
 function mi() {
-  var F;
+  var C;
   const t = te(W), e = te(K), r = te(Q), s = B(t.filterBy$, void 0, !0), n = B(t.filterByModel$, void 0, !1), l = B(() => (n == null ? void 0 : n.canApply$) || fe(!1), void 0, !1, [n]), i = pi(e), o = !B(t.hasCriteria$), a = D((N) => {
     r.executeCommand(Ut.id, { filterBy: N });
   }, [r]), c = D(async () => {
@@ -1452,15 +1452,15 @@ function mi() {
     r.executeCommand(he.id);
   }, [r]), m = D(async () => {
     await (n == null ? void 0 : n.apply()), r.executeCommand(he.id);
-  }, [n, r]), p = (F = te(V).activeFilterModel) == null ? void 0 : F.getRange(), T = t.col, v = _r(yr.FILTER_PANEL_EMBED_POINT);
+  }, [n, r]), p = (C = te(V).activeFilterModel) == null ? void 0 : C.getRange(), T = t.col, v = _r(yr.FILTER_PANEL_EMBED_POINT);
   return /* @__PURE__ */ b(
     "div",
     {
-      "data-u-comp-sheets-filter-panel": !0,
+      "data-u-comp": "sheets-filter-panel",
       className: `
               univer-box-border univer-flex univer-h-[432px] univer-w-[312px] univer-flex-col univer-rounded-lg
               univer-bg-white univer-p-4 univer-shadow-lg
-              dark:univer-bg-black
+              dark:univer-border-gray-600 dark:univer-bg-gray-700
             `,
       children: [
         /* @__PURE__ */ S(
@@ -1470,25 +1470,18 @@ function mi() {
             sharedProps: { range: p, colIndex: T, onClose: h }
           }
         ),
-        /* @__PURE__ */ S(
-          "div",
+        /* @__PURE__ */ S("div", { className: "univer-mb-1 univer-flex-shrink-0 univer-flex-grow-0", children: /* @__PURE__ */ S(
+          jr,
           {
-            "data-u-comp-sheets-filter-panel-header": !0,
-            className: "univer-mb-1 univer-flex-shrink-0 univer-flex-grow-0",
-            children: /* @__PURE__ */ S(
-              jr,
-              {
-                value: s,
-                items: i,
-                onChange: (N) => a(N)
-              }
-            )
+            value: s,
+            items: i,
+            onChange: (N) => a(N)
           }
-        ),
+        ) }),
         n ? /* @__PURE__ */ S(
           "div",
           {
-            "data-u-comp-sheets-filter-panel-content": !0,
+            "data-u-comp": "sheets-filter-panel-content",
             className: "univer-flex-shrink univer-flex-grow univer-pt-2",
             children: s === ye.VALUES ? /* @__PURE__ */ S(di, { model: n }) : /* @__PURE__ */ S(ci, { model: n })
           }
@@ -1496,7 +1489,7 @@ function mi() {
         /* @__PURE__ */ b(
           "div",
           {
-            "data-u-comp-sheets-filter-panel-footer": !0,
+            "data-u-comp": "sheets-filter-panel-footer",
             className: `
                   univer-mt-4 univer-inline-flex univer-flex-shrink-0 univer-flex-grow-0 univer-flex-nowrap
                   univer-justify-between univer-overflow-hidden
@@ -1619,7 +1612,7 @@ let Qe = class extends qr {
     e.save();
     const i = new Path2D();
     i.rect(n, l, s, r), e.clip(i);
-    const { hasCriteria: o } = this._filterParams, a = this._themeService.getCurrentTheme().primaryColor, c = this._hovered ? this._themeService.getCurrentTheme().grey50 : "rgba(255, 255, 255, 1.0)";
+    const { hasCriteria: o } = this._filterParams, a = this._themeService.getColorFromTheme("primary.600"), c = this._hovered ? this._themeService.getColorFromTheme("gray.50") : "rgba(255, 255, 255, 1.0)";
     o ? ut.drawHasCriteria(e, H, a, c) : ut.drawNoCriteria(e, H, a, c), e.restore();
   }
   onPointerDown(e) {
@@ -1646,12 +1639,12 @@ Qe = Ti([
   De(3, Q),
   De(4, E(gt))
 ], Qe);
-var Ni = Object.getOwnPropertyDescriptor, Ci = (t, e, r, s) => {
+var Ni = Object.getOwnPropertyDescriptor, Fi = (t, e, r, s) => {
   for (var n = s > 1 ? void 0 : s ? Ni(e, r) : e, l = t.length - 1, i; l >= 0; l--)
     (i = t[l]) && (n = i(n) || n);
   return n;
 }, Y = (t, e) => (r, s) => e(r, s, t);
-const Fi = 1e3, yi = 5e3;
+const Ci = 1e3, yi = 5e3;
 let Ve = class extends St {
   constructor(e, r, s, n, l, i, o, a) {
     super();
@@ -1696,7 +1689,7 @@ let Ve = class extends St {
   _renderRange(e, r) {
     const { scene: s } = this._context, { rowHeaderWidth: n, columnHeaderHeight: l } = r, i = this._filterRangeShape = new Pr(
       s,
-      Fi,
+      Ci,
       this._themeService,
       {
         rowHeaderWidth: n,
@@ -1716,10 +1709,10 @@ let Ve = class extends St {
     this._interceptCellContent(n, i, e.range);
     const { startColumn: a, endColumn: c, startRow: h } = r;
     for (let m = a; m <= c; m++) {
-      const g = `sheets-filter-button-${m}`, p = Lr(h, m, o, l), { startX: T, startY: v, endX: F, endY: N } = p, R = F - T, O = N - v;
+      const g = `sheets-filter-button-${m}`, p = Lr(h, m, o, l), { startX: T, startY: v, endX: C, endY: N } = p, R = C - T, O = N - v;
       if (O <= Se || R <= Se)
         continue;
-      const M = !!s.getFilterColumn(m), w = F - H - Se, _e = N - H - Se, ve = {
+      const M = !!s.getFilterColumn(m), w = C - H - Se, _e = N - H - Se, ve = {
         left: w,
         top: _e,
         height: H,
@@ -1755,7 +1748,7 @@ let Ve = class extends St {
     (e = this._filterRangeShape) == null || e.dispose(), this._filterButtonShapes.forEach((s) => s.dispose()), (r = this._buttonRenderDisposable) == null || r.dispose(), this._filterRangeShape = null, this._buttonRenderDisposable = null, this._filterButtonShapes = [];
   }
 };
-Ve = Ci([
+Ve = Fi([
   Y(1, E(X)),
   Y(2, E(Ir)),
   Y(3, E(V)),
@@ -1871,7 +1864,7 @@ Ae = Pi([
   A(7, Q),
   A(8, Nr),
   A(9, Me),
-  A(10, Cr),
+  A(10, Fr),
   A(11, E(yt)),
   A(12, At)
 ], Ae);
@@ -1896,7 +1889,7 @@ let Pe = class extends je {
       [W],
       [ne],
       [Ae]
-    ].forEach((t) => this._injector.add(t)), this._config.useRemoteFilterValuesGenerator && this._rpcChannelService && this._injector.add([Ce, {
+    ].forEach((t) => this._injector.add(t)), this._config.useRemoteFilterValuesGenerator && this._rpcChannelService && this._injector.add([Fe, {
       useFactory: () => zt(
         this._rpcChannelService.requestChannel(Je)
       )
@@ -1912,10 +1905,10 @@ let Pe = class extends je {
 xt(Pe, "type", Z.UNIVER_SHEET);
 xt(Pe, "pluginName", $i);
 Pe = wi([
-  Et(Ft),
+  Et(Ct),
   ke(1, E(X)),
   ke(2, Tt),
-  ke(3, Zt(Ct))
+  ke(3, Zt(Ft))
 ], Pe);
 var Ui = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, Di = (t, e, r) => e in t ? Ui(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, ki = (t, e, r, s) => {
   for (var n = s > 1 ? void 0 : s ? Hi(e, r) : e, l = t.length - 1, i; l >= 0; l--)
@@ -1949,7 +1942,7 @@ let be = class extends je {
 Bt(be, "type", Z.UNIVER_SHEET);
 Bt(be, "pluginName", xi);
 be = ki([
-  Et(Ft),
+  Et(Ct),
   mt(1, E(X)),
   mt(2, Tt)
 ], be);
@@ -1964,19 +1957,19 @@ let ft = (Ee = class extends je {
   }
   onStarting() {
     [
-      [Ce, { useClass: Be }]
+      [Fe, { useClass: Be }]
     ].forEach((t) => this._injector.add(t));
   }
   onReady() {
     this._rpcChannelService.registerChannel(
       Je,
-      Jt(this._injector.get(Ce))
+      Jt(this._injector.get(Fe))
     );
   }
 }, f(Ee, "type", Z.UNIVER_SHEET), f(Ee, "pluginName", "SHEET_FILTER_UI_WORKER_PLUGIN"), Ee);
 ft = Wi([
   pt(1, E(X)),
-  pt(2, Ct)
+  pt(2, Ft)
 ], ft);
 export {
   Ut as ChangeFilterByOperation,

package/lib/index.css

@@ -1 +1 @@
-.univer-mx-1{margin-left:4px;margin-right:4px}.univer-mb-1{margin-bottom:4px}.univer-ml-1{margin-left:4px}.univer-mt-2{margin-top:8px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-hidden{display:none}.univer-h-4{height:16px}.univer-h-5{height:20px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-\[432px\]{height:432px}.univer-h-full{height:100%}.univer-w-\[312px\]{width:312px}.univer-w-full{width:100%}.univer-max-w-\[245px\]{max-width:245px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink{flex-shrink:1}.univer-flex-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-between{justify-content:space-between}.univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * (1 - var(--tw-space-x-reverse)));margin-left:8px;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.univer-overflow-hidden{overflow:hidden}.univer-text-ellipsis{text-overflow:ellipsis}.univer-whitespace-nowrap{white-space:nowrap}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{--tw-border-opacity: 1;border-color:#e3e5ea;border-color:rgba(227,229,234,var(--tw-border-opacity, 1))}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-2\.5{padding-top:10px;padding-bottom:10px}.univer-pb-0{padding-bottom:0}.univer-pl-5{padding-left:20px}.univer-pr-0\.5{padding-right:2px}.univer-pr-2{padding-right:8px}.univer-pt-0{padding-top:0}.univer-pt-2{padding-top:8px}.univer-text-\[13px\]{font-size:13px}.univer-text-xs{font-size:12px;line-height:16px}.univer-text-gray-400{--tw-text-opacity: 1;color:#7d8698;color:rgba(125,134,152,var(--tw-text-opacity, 1))}.univer-text-gray-500{--tw-text-opacity: 1;color:#4e5565;color:rgba(78,85,101,var(--tw-text-opacity, 1))}.univer-text-gray-950{--tw-text-opacity: 1;color:#030712;color:rgba(3,7,18,var(--tw-text-opacity, 1))}.univer-text-primary-500{--tw-text-opacity: 1;color:#466af7;color:rgba(70,106,247,var(--tw-text-opacity, 1))}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-gray-50:hover{--tw-bg-opacity: 1;background-color:#f9fafb;background-color:rgba(249,250,251,var(--tw-bg-opacity, 1))}.dark\:univer-bg-black:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1;background-color:#000;background-color:rgba(0,0,0,var(--tw-bg-opacity, 1))}.dark\:univer-text-gray-500:where(.univer-dark,.univer-dark *){--tw-text-opacity: 1;color:#4e5565;color:rgba(78,85,101,var(--tw-text-opacity, 1))}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){--tw-text-opacity: 1;color:#fff;color:rgba(255,255,255,var(--tw-text-opacity, 1))}.\[\&\:hover_a\]\:univer-inline-block:hover a{display:inline-block}
+.univer-mx-1{margin-left:4px;margin-right:4px}.univer-mb-1{margin-bottom:4px}.univer-ml-1{margin-left:4px}.univer-mt-2{margin-top:8px}.univer-mt-4{margin-top:16px}.univer-box-border{box-sizing:border-box}.univer-inline-block{display:inline-block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-hidden{display:none}.univer-h-4{height:16px}.univer-h-5{height:20px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-\[432px\]{height:432px}.univer-h-full{height:100%}.univer-w-\[312px\]{width:312px}.univer-w-full{width:100%}.univer-max-w-\[245px\]{max-width:245px}.univer-flex-1{flex:1 1 0%}.univer-flex-shrink{flex-shrink:1}.univer-flex-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-items-center{align-items:center}.univer-justify-between{justify-content:space-between}.univer-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:0;margin-right:calc(8px * var(--tw-space-x-reverse));margin-left:calc(8px * (1 - var(--tw-space-x-reverse)));margin-left:8px;margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))}.univer-overflow-hidden{overflow:hidden}.univer-text-ellipsis{text-overflow:ellipsis}.univer-whitespace-nowrap{white-space:nowrap}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-bg-white{background-color:var(--univer-white)}.univer-p-2{padding:8px}.univer-p-4{padding:16px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-2\.5{padding-top:10px;padding-bottom:10px}.univer-pb-0{padding-bottom:0}.univer-pl-5{padding-left:20px}.univer-pr-0\.5{padding-right:2px}.univer-pr-2{padding-right:8px}.univer-pt-0{padding-top:0}.univer-pt-2{padding-top:8px}.univer-text-\[13px\]{font-size:13px}.univer-text-xs{font-size:12px;line-height:16px}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-950{--tw-text-opacity: 1;color:#030712;color:rgba(3,7,18,var(--tw-text-opacity, 1))}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.dark\:univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)}.dark\:univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:univer-text-gray-500:where(.univer-dark,.univer-dark *){color:var(--univer-gray-500)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.\[\&\:hover_a\]\:univer-inline-block:hover a{display:inline-block}