@w100n/documents 0.16.1 → 0.16.2

package/dist/collab.js

@@ -11,7 +11,7 @@ import {
   pending,
   save,
   seed
-} from "./chunk-GN3ZOD36.js";
+} from "./chunk-KGAQT5M3.js";
 import "./chunk-EQLBYW42.js";
 import "./chunk-LZYITB56.js";
 import "./chunk-ZAVXCH7V.js";

package/dist/{grid-Q4XBPQFY.js → grid-AZLMNS7K.js}

@@ -11,7 +11,7 @@ import "@univerjs/preset-sheets-find-replace/lib/index.css";
 import "@univerjs/preset-sheets-data-validation/lib/index.css";
 import "@univerjs/preset-sheets-note/lib/index.css";
 import { createUniver, LocaleType, mergeLocales, purpleTheme } from "@univerjs/presets";
-import { CalculationMode, IMarkSelectionService, UniverSheetsCorePreset } from "@univerjs/preset-sheets-core";
+import { CalculationMode, IMarkSelectionService, SelectionControl, UniverSheetsCorePreset } from "@univerjs/preset-sheets-core";
 import { UniverSheetsDataValidationPreset } from "@univerjs/preset-sheets-data-validation";
 import { UniverSheetsFilterPreset } from "@univerjs/preset-sheets-filter";
 import { UniverSheetsFindReplacePreset } from "@univerjs/preset-sheets-find-replace";
@@ -29,6 +29,15 @@ import noteEn from "@univerjs/preset-sheets-note/locales/en-US";
 import notePl from "@univerjs/preset-sheets-note/locales/pl-PL";
 import sortEn from "@univerjs/preset-sheets-sort/locales/en-US";
 import sortPl from "@univerjs/preset-sheets-sort/locales/pl-PL";
+
+// src/sheets/calm.ts
+var calm = (selection) => selection.style?.widgets && Object.values(selection.style.widgets).some(Boolean) ? { ...selection, style: { ...selection.style, widgets: {}, strokeWidth: 2 } } : selection;
+
+// src/sheets/grid.ts
+var draw = SelectionControl.prototype.updateRangeBySelectionWithCoord;
+SelectionControl.prototype.updateRangeBySelectionWithCoord = function(selection, ...rest) {
+  draw.call(this, calm(selection), ...rest);
+};
 function grid(container, language, edit) {
   return createUniver({
     locale: language === "pl" ? LocaleType.PL_PL : LocaleType.EN_US,
@@ -36,7 +45,7 @@ function grid(container, language, edit) {
       [LocaleType.EN_US]: mergeLocales(coreEn, checkEn, filterEn, findEn, noteEn, sortEn),
       [LocaleType.PL_PL]: mergeLocales(corePl, checkPl, filterPl, findPl, notePl, sortPl)
     },
-    theme: purpleTheme,
+    theme: { ...purpleTheme, "loop-color": { 1: "blue.500", 2: "red.500", 3: "green.600", 4: "orange.500", 5: "purple.500", 6: "jiqing.600", 7: "pink.500", 8: "yellow.700", 9: "indigo.600", 10: "red.700", 11: "green.800", 12: "blue.800" } },
     darkMode: false,
     presets: [
       UniverSheetsCorePreset({
@@ -60,7 +69,7 @@ function marks({ univer, univerAPI: api }) {
   const service = univer.__getInjector().get(IMarkSelectionService);
   let list = [];
   let ids = [];
-  const draw = () => {
+  const draw2 = () => {
     ids.forEach((id) => service.removeShape(id));
     const sid = api.getActiveWorkbook()?.getActiveSheet().getSheetId();
     ids = list.filter((m) => m.sheet === sid).flatMap((m) => {
@@ -69,11 +78,11 @@ function marks({ univer, univerAPI: api }) {
       return id ? [id] : [];
     });
   };
-  const turn = api.addEvent(api.Event.ActiveSheetChanged, draw);
+  const turn = api.addEvent(api.Event.ActiveSheetChanged, draw2);
   return {
     show: (next) => {
       list = next;
-      draw();
+      draw2();
     },
     dispose: () => {
       turn.dispose();
@@ -85,4 +94,4 @@ export {
   grid,
   marks
 };
-//# sourceMappingURL=grid-Q4XBPQFY.js.map
+//# sourceMappingURL=grid-AZLMNS7K.js.map

package/dist/grid-AZLMNS7K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sheets/grid.ts","../src/sheets/calm.ts"],"sourcesContent":["import '@univerjs/preset-sheets-core/lib/index.css';\nimport '@univerjs/preset-sheets-sort/lib/index.css';\nimport '@univerjs/preset-sheets-filter/lib/index.css';\nimport '@univerjs/preset-sheets-find-replace/lib/index.css';\nimport '@univerjs/preset-sheets-data-validation/lib/index.css';\nimport '@univerjs/preset-sheets-note/lib/index.css';\nimport { createUniver, LocaleType, mergeLocales, purpleTheme } from '@univerjs/presets';\nimport { CalculationMode, IMarkSelectionService, SelectionControl, UniverSheetsCorePreset } from '@univerjs/preset-sheets-core';\nimport { UniverSheetsDataValidationPreset } from '@univerjs/preset-sheets-data-validation';\nimport { UniverSheetsFilterPreset } from '@univerjs/preset-sheets-filter';\nimport { UniverSheetsFindReplacePreset } from '@univerjs/preset-sheets-find-replace';\nimport { UniverSheetsNotePreset } from '@univerjs/preset-sheets-note';\nimport { UniverSheetsSortPreset } from '@univerjs/preset-sheets-sort';\nimport coreEn from '@univerjs/preset-sheets-core/locales/en-US';\nimport corePl from '@univerjs/preset-sheets-core/locales/pl-PL';\nimport checkEn from '@univerjs/preset-sheets-data-validation/locales/en-US';\nimport checkPl from '@univerjs/preset-sheets-data-validation/locales/pl-PL';\nimport filterEn from '@univerjs/preset-sheets-filter/locales/en-US';\nimport filterPl from '@univerjs/preset-sheets-filter/locales/pl-PL';\nimport findEn from '@univerjs/preset-sheets-find-replace/locales/en-US';\nimport findPl from '@univerjs/preset-sheets-find-replace/locales/pl-PL';\nimport noteEn from '@univerjs/preset-sheets-note/locales/en-US';\nimport notePl from '@univerjs/preset-sheets-note/locales/pl-PL';\nimport sortEn from '@univerjs/preset-sheets-sort/locales/en-US';\nimport sortPl from '@univerjs/preset-sheets-sort/locales/pl-PL';\nimport type { Language } from '../types';\nimport { calm } from './calm';\nimport { box } from './refs';\n\nexport type Mark = { sheet: string; range: string; color: string };\n\nconst draw = SelectionControl.prototype.updateRangeBySelectionWithCoord;\n// Univer draws eight resize handles on every formula reference and offers no option to turn them off.\nSelectionControl.prototype.updateRangeBySelectionWithCoord = function (selection, ...rest) { draw.call(this, calm(selection), ...rest); };\n\nexport function grid(container: HTMLElement, language: Language, edit: boolean) {\n  return createUniver({\n    locale: language === 'pl' ? LocaleType.PL_PL : LocaleType.EN_US,\n    locales: {\n      [LocaleType.EN_US]: mergeLocales(coreEn, checkEn, filterEn, findEn, noteEn, sortEn),\n      [LocaleType.PL_PL]: mergeLocales(corePl, checkPl, filterPl, findPl, notePl, sortPl),\n    },\n    theme: { ...purpleTheme, 'loop-color': { 1: 'blue.500', 2: 'red.500', 3: 'green.600', 4: 'orange.500', 5: 'purple.500', 6: 'jiqing.600', 7: 'pink.500', 8: 'yellow.700', 9: 'indigo.600', 10: 'red.700', 11: 'green.800', 12: 'blue.800' } },\n    darkMode: false,\n    presets: [\n      UniverSheetsCorePreset({\n        container, toolbar: false, formulaBar: true, contextMenu: true, disableAutoFocus: true,\n        footer: { sheetBar: true, statisticBar: true, menus: edit, zoomSlider: true, addSheetButtonConfig: { show: edit } },\n        formula: { initialFormulaComputing: CalculationMode.WHEN_EMPTY },\n      }),\n      UniverSheetsSortPreset(),\n      UniverSheetsFilterPreset(),\n      UniverSheetsFindReplacePreset(),\n      UniverSheetsDataValidationPreset(),\n      UniverSheetsNotePreset(),\n    ],\n  });\n}\n\nexport function marks({ univer, univerAPI: api }: ReturnType<typeof grid>) {\n  const service = univer.__getInjector().get(IMarkSelectionService);\n  let list: Mark[] = [];\n  let ids: string[] = [];\n  const draw = () => {\n    ids.forEach(id => service.removeShape(id));\n    const sid = api.getActiveWorkbook()?.getActiveSheet().getSheetId();\n    ids = list.filter(m => m.sheet === sid).flatMap(m => {\n      const b = box(m.range);\n      const id = b && service.addShape({ range: b, primary: null, style: { stroke: m.color, fill: `${m.color}1f`, strokeWidth: 2, widgets: {} } }, [], 1000);\n      return id ? [id] : [];\n    });\n  };\n  const turn = api.addEvent(api.Event.ActiveSheetChanged, draw);\n  return {\n    show: (next: Mark[]) => { list = next; draw(); },\n    dispose: () => { turn.dispose(); ids.forEach(id => service.removeShape(id)); },\n  };\n}\n","export const calm = <T extends { style?: { widgets?: object; strokeWidth?: number } | null | void }>(selection: T): T =>\n  selection.style?.widgets && Object.values(selection.style.widgets).some(Boolean) ? { ...selection, style: { ...selection.style, widgets: {}, strokeWidth: 2 } } : selection;\n"],"mappings":"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","names":["draw"]}

package/dist/index.cjs

@@ -4735,7 +4735,7 @@ var init_extensions = __esm({
 var version;
 var init_package = __esm({
   "package.json"() {
-    version = "0.16.1";
+    version = "0.16.2";
   }
 });
 
@@ -8827,20 +8827,24 @@ img { max-width: 100%; } img[data-wrap='left'] { float: left; margin: 0 12pt 6pt
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { "aria-live": "polite", children: query ? found?.hits.length ? `${(found.at ?? 0) + 1} / ${found.hits.length}` : t.noHits : "" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.previous, title: t.previous, disabled: !found?.hits.length, onClick: () => seek({ at: found.at - 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.next, title: t.next, disabled: !found?.hits.length, onClick: () => seek({ at: found.at + 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-find-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("small", { "aria-live": "polite", children: query ? found?.hits.length ? `${(found.at ?? 0) + 1} / ${found.hits.length}` : t.noHits : "" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.previous, title: t.previous, disabled: !found?.hits.length, onClick: () => seek({ at: found.at - 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronUp, { "aria-hidden": true }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", "aria-label": t.next, title: t.next, disabled: !found?.hits.length, onClick: () => seek({ at: found.at + 1 }), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react5.ChevronDown, { "aria-hidden": true }) })
+        ] })
       ] }),
       can.edit && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-docs-row", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { value: swap, placeholder: t.replaceWith, "aria-label": t.replaceWith, onChange: (e) => setSwap(e.target.value) }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", disabled: !found?.hits.length, onClick: () => {
-          replace(editor, swap, false);
-          seek({});
-        }, children: t.replaceOne }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-action", disabled: !found?.hits.length, onClick: () => {
-          replace(editor, swap, true);
-          seek({});
-        }, children: t.replaceAll })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "w100n-text-find-end", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-pdf-link", disabled: !found?.hits.length, onClick: () => {
+            replace(editor, swap, false);
+            seek({});
+          }, children: t.replaceOne }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { type: "button", className: "w100n-docs-action", disabled: !found?.hits.length, onClick: () => {
+            replace(editor, swap, true);
+            seek({});
+          }, children: t.replaceAll })
+        ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "w100n-setup-check", children: [
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { type: "checkbox", checked: matchCase, onChange: (e) => {
@@ -10075,6 +10079,15 @@ var init_sheets = __esm({
   }
 });
 
+// src/sheets/calm.ts
+var calm;
+var init_calm = __esm({
+  "src/sheets/calm.ts"() {
+    "use strict";
+    calm = (selection) => selection.style?.widgets && Object.values(selection.style.widgets).some(Boolean) ? { ...selection, style: { ...selection.style, widgets: {}, strokeWidth: 2 } } : selection;
+  }
+});
+
 // src/sheets/grid.ts
 var grid_exports = {};
 __export(grid_exports, {
@@ -10088,7 +10101,7 @@ function grid2(container, language, edit) {
       [import_presets.LocaleType.EN_US]: (0, import_presets.mergeLocales)(import_en_US.default, import_en_US2.default, import_en_US3.default, import_en_US4.default, import_en_US5.default, import_en_US6.default),
       [import_presets.LocaleType.PL_PL]: (0, import_presets.mergeLocales)(import_pl_PL.default, import_pl_PL2.default, import_pl_PL3.default, import_pl_PL4.default, import_pl_PL5.default, import_pl_PL6.default)
     },
-    theme: import_presets.purpleTheme,
+    theme: { ...import_presets.purpleTheme, "loop-color": { 1: "blue.500", 2: "red.500", 3: "green.600", 4: "orange.500", 5: "purple.500", 6: "jiqing.600", 7: "pink.500", 8: "yellow.700", 9: "indigo.600", 10: "red.700", 11: "green.800", 12: "blue.800" } },
     darkMode: false,
     presets: [
       (0, import_preset_sheets_core.UniverSheetsCorePreset)({
@@ -10112,7 +10125,7 @@ function marks({ univer, univerAPI: api }) {
   const service = univer.__getInjector().get(import_preset_sheets_core.IMarkSelectionService);
   let list = [];
   let ids = [];
-  const draw = () => {
+  const draw2 = () => {
     ids.forEach((id) => service.removeShape(id));
     const sid = api.getActiveWorkbook()?.getActiveSheet().getSheetId();
     ids = list.filter((m) => m.sheet === sid).flatMap((m) => {
@@ -10121,11 +10134,11 @@ function marks({ univer, univerAPI: api }) {
       return id ? [id] : [];
     });
   };
-  const turn2 = api.addEvent(api.Event.ActiveSheetChanged, draw);
+  const turn2 = api.addEvent(api.Event.ActiveSheetChanged, draw2);
   return {
     show: (next) => {
       list = next;
-      draw();
+      draw2();
     },
     dispose: () => {
       turn2.dispose();
@@ -10133,7 +10146,7 @@ function marks({ univer, univerAPI: api }) {
     }
   };
 }
-var import_lib, import_lib2, import_lib3, import_lib4, import_lib5, import_lib6, import_presets, import_preset_sheets_core, import_preset_sheets_data_validation, import_preset_sheets_filter, import_preset_sheets_find_replace, import_preset_sheets_note, import_preset_sheets_sort, import_en_US, import_pl_PL, import_en_US2, import_pl_PL2, import_en_US3, import_pl_PL3, import_en_US4, import_pl_PL4, import_en_US5, import_pl_PL5, import_en_US6, import_pl_PL6;
+var import_lib, import_lib2, import_lib3, import_lib4, import_lib5, import_lib6, import_presets, import_preset_sheets_core, import_preset_sheets_data_validation, import_preset_sheets_filter, import_preset_sheets_find_replace, import_preset_sheets_note, import_preset_sheets_sort, import_en_US, import_pl_PL, import_en_US2, import_pl_PL2, import_en_US3, import_pl_PL3, import_en_US4, import_pl_PL4, import_en_US5, import_pl_PL5, import_en_US6, import_pl_PL6, draw;
 var init_grid = __esm({
   "src/sheets/grid.ts"() {
     "use strict";
@@ -10162,7 +10175,12 @@ var init_grid = __esm({
     import_pl_PL5 = __toESM(require("@univerjs/preset-sheets-note/locales/pl-PL"), 1);
     import_en_US6 = __toESM(require("@univerjs/preset-sheets-sort/locales/en-US"), 1);
     import_pl_PL6 = __toESM(require("@univerjs/preset-sheets-sort/locales/pl-PL"), 1);
+    init_calm();
     init_refs();
+    draw = import_preset_sheets_core.SelectionControl.prototype.updateRangeBySelectionWithCoord;
+    import_preset_sheets_core.SelectionControl.prototype.updateRangeBySelectionWithCoord = function(selection, ...rest) {
+      draw.call(this, calm(selection), ...rest);
+    };
   }
 });
 
@@ -12813,7 +12831,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
     setSigning(null);
     setTool("place");
   };
-  const draw = (e) => {
+  const draw2 = (e) => {
     const r = e.currentTarget.getBoundingClientRect();
     const p = { x: e.clientX - r.left, y: e.clientY - r.top };
     const ctx = e.currentTarget.getContext("2d");
@@ -13077,7 +13095,7 @@ function PdfView({ bytes, t, language, worker, rights, host, documentId, onSaved
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "w100n-pdf-script", style: { fontSize: Math.min(52, Math.floor(680 / Math.max(1, (signing.name || t.yourName).length))) }, children: signing.name || t.yourName })
       ] }),
       signing.tab === "drawn" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("canvas", { ref: pad, className: "w100n-pdf-pad", "aria-label": t.drawHere, onPointerDown: draw, onPointerMove: draw }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("canvas", { ref: pad, className: "w100n-pdf-pad", "aria-label": t.drawHere, onPointerDown: draw2, onPointerMove: draw2 }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "w100n-docs-row", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { className: "w100n-docs-muted", children: t.drawHere }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: "w100n-pdf-link", onClick: () => {