@difizen/libro-search 0.0.2-alpha.0

package/es/libro-search-utils.d.ts

@@ -0,0 +1,25 @@
+import type { SearchMatch } from './libro-search-protocol.js';
+/**
+ * Search Utils
+ */
+export declare class LibroSearchUtils {
+    /**
+     * 查找当前 position 最靠近的匹配项，适用于文本中查找
+     * @param matches 匹配项列表，通常来自一个 cell 或者 output
+     * @param position 查找起点，当前位置的文本偏移量
+     * @param lower 查找范围下限，值为匹配列表 index
+     * @param higher 查找范围上限，值为匹配列表 index
+     * @returns 下一个匹配项的 index，如果没有找到则返回 null
+     */
+    findNext(matches: SearchMatch[], position: number, lower?: number, higher?: number): number | undefined;
+    /**
+     * Build the regular expression to use for searching.
+     *
+     * @param queryString Query string
+     * @param caseSensitive Whether the search is case sensitive or not
+     * @param regex Whether the expression is a regular expression
+     * @returns The regular expression to use
+     */
+    parseQuery(queryString: string, caseSensitive: boolean, regex: boolean): RegExp | undefined;
+}
+//# sourceMappingURL=libro-search-utils.d.ts.map

package/es/libro-search-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"libro-search-utils.d.ts","sourceRoot":"","sources":["../src/libro-search-utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D;;GAEG;AACH,qBACa,gBAAgB;IAC3B;;;;;;;OAOG;IACH,QAAQ,CACN,OAAO,EAAE,WAAW,EAAE,EACtB,QAAQ,EAAE,MAAM,EAChB,KAAK,SAAI,EACT,MAAM,SAAW,GAChB,MAAM,GAAG,SAAS;IA+BrB;;;;;;;OAOG;IACH,UAAU,CACR,WAAW,EAAE,MAAM,EACnB,aAAa,EAAE,OAAO,EACtB,KAAK,EAAE,OAAO,GACb,MAAM,GAAG,SAAS;CAiBtB"}

package/es/libro-search-utils.js

@@ -0,0 +1,85 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _class;
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { singleton } from '@difizen/mana-app';
+/**
+ * Search Utils
+ */
+export var LibroSearchUtils = (_dec = singleton(), _dec(_class = /*#__PURE__*/function () {
+  function LibroSearchUtils() {
+    _classCallCheck(this, LibroSearchUtils);
+  }
+  _createClass(LibroSearchUtils, [{
+    key: "findNext",
+    value:
+    /**
+     * 查找当前 position 最靠近的匹配项，适用于文本中查找
+     * @param matches 匹配项列表，通常来自一个 cell 或者 output
+     * @param position 查找起点，当前位置的文本偏移量
+     * @param lower 查找范围下限，值为匹配列表 index
+     * @param higher 查找范围上限，值为匹配列表 index
+     * @returns 下一个匹配项的 index，如果没有找到则返回 null
+     */
+    function findNext(matches, position) {
+      var lower = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+      var higher = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : Infinity;
+      var higherBound = Math.min(matches.length - 1, higher);
+      var lowerBound = lower;
+      while (lowerBound <= higherBound) {
+        // 取中间匹配项
+        var middle = Math.floor(0.5 * (lowerBound + higherBound));
+        // 中间匹配项的文本偏移量
+        var currentPosition = matches[middle].position;
+        if (currentPosition < position) {
+          // 中间值的偏移量小于查找起点
+          lowerBound = middle + 1; // 场景1：查找范围下限太小，需要增大，更新中间值
+          if (lowerBound < matches.length && matches[lowerBound].position > position) {
+            return lowerBound; // 场景2：下限已经是要查找的前一个匹配项了，下个匹配项的偏移量会大于查找起点。
+          }
+        } else if (currentPosition > position) {
+          // 中间值的偏移量大于查找起点
+          higherBound = middle - 1; // 场景1：查找范围上限太大，需要减小，更新中间值
+          if (higherBound > 0 && matches[higherBound].position < position) {
+            return middle; // 场景2：上限已经是要查找的后一个匹配项了，下个匹配项的偏移量会小于查找起点。
+          }
+        } else {
+          return middle; // 直接命中查找起点，选择此匹配项
+        }
+      }
+      // 查找起点不在 match 范围内，要么在范围前面，要么在范围后面
+      var first = lowerBound > 0 ? lowerBound - 1 : 0;
+      var match = matches[first];
+      return match.position >= position ? first : undefined;
+    }
+
+    /**
+     * Build the regular expression to use for searching.
+     *
+     * @param queryString Query string
+     * @param caseSensitive Whether the search is case sensitive or not
+     * @param regex Whether the expression is a regular expression
+     * @returns The regular expression to use
+     */
+  }, {
+    key: "parseQuery",
+    value: function parseQuery(queryString, caseSensitive, regex) {
+      var flag = caseSensitive ? 'g' : 'gi';
+      // escape regex characters in query if its a string search
+      var queryText = regex ? queryString : queryString.replace(/[-[\]/{}()*+?.\\^$|]/g, '\\$&');
+      var ret = new RegExp(queryText, flag);
+
+      // If the empty string is hit, the search logic will freeze the browser tab
+      //  Trying /^/ or /$/ on the codemirror search demo, does not find anything.
+      //  So this is a limitation of the editor.
+      if (ret.test('')) {
+        return undefined;
+      }
+      return ret;
+    }
+  }]);
+  return LibroSearchUtils;
+}()) || _class);

package/es/libro-search-view.d.ts

@@ -0,0 +1,59 @@
+import type { LibroView } from '@difizen/libro-core';
+import { LirboContextKey } from '@difizen/libro-core';
+import { BaseView } from '@difizen/mana-app';
+import type { CheckboxChangeEvent } from 'antd/es/checkbox';
+import type { InputRef } from 'antd/es/input';
+import type { FC } from 'react';
+import type { LibroSearchProvider } from './libro-search-provider.js';
+import { LibroSearchProviderFactory } from './libro-search-provider.js';
+import { LibroSearchUtils } from './libro-search-utils.js';
+export declare const ReplaceToggle: FC;
+export declare const SearchIndex: FC;
+export declare const SearchContent: FC;
+export declare const SearchComponent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+export declare class LibroSearchView extends BaseView {
+    findInputRef?: React.RefObject<InputRef> | null;
+    contextKey: LirboContextKey;
+    utils: LibroSearchUtils;
+    searchProviderFactory: LibroSearchProviderFactory;
+    constructor(contextKey: LirboContextKey, utils: LibroSearchUtils, searchProviderFactory: LibroSearchProviderFactory);
+    protected _libro?: LibroView;
+    get libro(): LibroView | undefined;
+    set libro(value: LibroView | undefined);
+    searchProvider?: LibroSearchProvider;
+    searchVisible: boolean;
+    get replaceVisible(): boolean;
+    settingVisible: boolean;
+    findStr?: string | undefined;
+    lastSearch?: string | undefined;
+    replaceStr: string;
+    caseSensitive: boolean;
+    useRegex: boolean;
+    view: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    get contentHeight(): number;
+    get currentMatchIndex(): number | undefined;
+    get matchesCount(): number | undefined;
+    onviewWillUnmount: () => void;
+    show: () => void;
+    hide: () => void;
+    onFocus: () => void;
+    onBlur: (e: React.FocusEvent<HTMLDivElement>) => void;
+    search: (hightlightNext?: boolean) => void;
+    toggleReplace: () => void;
+    toggleSetting: () => void;
+    toggleCaseSensitive: () => void;
+    toggleUseRegex: () => void;
+    next: () => void;
+    previous: () => void;
+    searchCellOutputChange: (e: CheckboxChangeEvent) => void;
+    replace: () => void;
+    replaceAll: () => void;
+    initialQuery: () => void;
+    getHeaderHeight: () => number;
+    nextMatch: (reverse: boolean) => void;
+    handleKeydown: (e: KeyboardEvent) => void;
+    protected doHandleFindChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleFindChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleReplaceChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+//# sourceMappingURL=libro-search-view.d.ts.map

package/es/libro-search-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"libro-search-view.d.ts","sourceRoot":"","sources":["../src/libro-search-view.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAsB,MAAM,mBAAmB,CAAC;AAIjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAM3D,eAAO,MAAM,aAAa,EAAE,EAY3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAOzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,EAsH3B,CAAC;AAEF,eAAO,MAAM,eAAe,0FAiB1B,CAAC;AAEH,qBAEa,eAAgB,SAAQ,QAAQ;IAC3C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;IAChD,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,gBAAgB,CAAC;IACxB,qBAAqB,EAAE,0BAA0B,CAAC;gBAGvB,UAAU,EAAE,eAAe,EAC1B,KAAK,EAAE,gBAAgB,EAEjD,qBAAqB,EAAE,0BAA0B;IAQnD,SAAS,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC;IAE7B,IAAI,KAAK,IAAI,SAAS,GAAG,SAAS,CAEjC;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,EAGrC;IAEO,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,aAAa,UAAS;IAC9B,IAAI,cAAc,IAAI,OAAO,CAE5B;IACO,cAAc,UAAS;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAa;IAC5C,UAAU,SAAM;IAChB,aAAa,UAAS;IACtB,QAAQ,UAAS;IAEhB,IAAI,2FAAmB;IAEhC,IAAI,aAAa,WAShB;IACD,IAAI,iBAAiB,uBAMpB;IACD,IAAI,YAAY,uBAEf;IAED,iBAAiB,aAEf;IAEF,IAAI,aAKF;IACF,IAAI,aAKF;IAEF,OAAO,aAEL;IAEF,MAAM,MAAO,gBAAgB,CAAC,cAAc,CAAC,UAI3C;IAEF,MAAM,qCAcJ;IACF,aAAa,aAKX;IAEF,aAAa,aAGX;IAEF,mBAAmB,aAGjB;IAEF,cAAc,aAEZ;IAEF,IAAI,aAEF;IAEF,QAAQ,aAEN;IAEF,sBAAsB,MAAO,mBAAmB,UAI9C;IAEF,OAAO,aAEL;IACF,UAAU,aAER;IACF,YAAY,aAMV;IACF,eAAe,eAUb;IAEF,SAAS,YAAa,OAAO,UAM3B;IAEF,aAAa,MAAO,aAAa,UAqB/B;IAEF,SAAS,CAAC,kBAAkB,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAEpE;IAEF,gBAAgB,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAKxD;IACF,mBAAmB,MAAO,MAAM,WAAW,CAAC,gBAAgB,CAAC,UAE3D;CACH"}

package/es/libro-search-view.js

@@ -0,0 +1,455 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _dec9, _dec10, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7, _descriptor8;
+function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); }
+import { RightOutlined, ArrowUpOutlined, ArrowDownOutlined, EllipsisOutlined, CloseOutlined, createFromIconfontCN } from '@ant-design/icons';
+import { LirboContextKey } from '@difizen/libro-core';
+import { prop, useInject } from '@difizen/mana-app';
+import { BaseView, view, ViewInstance } from '@difizen/mana-app';
+import { inject, transient } from '@difizen/mana-app';
+import { l10n } from '@difizen/mana-l10n';
+import { Input, Button, Checkbox, Tag } from 'antd';
+import classnames from 'classnames';
+import { forwardRef, useEffect, useRef } from 'react';
+import { LibroSearchProviderFactory } from "./libro-search-provider.js";
+import { LibroSearchUtils } from "./libro-search-utils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var IconFont = createFromIconfontCN({
+  scriptUrl: '//at.alicdn.com/t/a/font_3381673_65wfctnq7rt.js'
+});
+export var ReplaceToggle = function ReplaceToggle() {
+  var instance = useInject(ViewInstance);
+  return /*#__PURE__*/_jsx("div", {
+    className: "libro-search-replace-toggle",
+    onClick: instance.toggleReplace,
+    children: /*#__PURE__*/_jsx(RightOutlined, {
+      className: classnames({
+        'libro-search-replace-toggle-icon': true,
+        'libro-search-replace-toggle-replace-icon': instance.replaceVisible
+      })
+    })
+  });
+};
+export var SearchIndex = function SearchIndex() {
+  var _instance$currentMatc, _instance$matchesCoun;
+  var instance = useInject(ViewInstance);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "libro-search-index",
+    children: [(_instance$currentMatc = instance.currentMatchIndex) !== null && _instance$currentMatc !== void 0 ? _instance$currentMatc : '-', "/", (_instance$matchesCoun = instance.matchesCount) !== null && _instance$matchesCoun !== void 0 ? _instance$matchesCoun : '-']
+  });
+};
+export var SearchContent = function SearchContent() {
+  var _instance$searchProvi;
+  var instance = useInject(ViewInstance);
+  var findInputRef = useRef(null);
+  useEffect(function () {
+    var _instance$container;
+    if (findInputRef.current) {
+      findInputRef.current.focus();
+    }
+    instance.findInputRef = findInputRef;
+    if ((_instance$container = instance.container) !== null && _instance$container !== void 0 && _instance$container.current) {
+      var container = instance.container.current;
+      container.addEventListener('keydown', instance.handleKeydown);
+      return function () {
+        container.removeEventListener('keydown', instance.handleKeydown);
+      };
+    }
+    return;
+  }, [instance]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: "libro-search-content",
+    style: {
+      height: "".concat(instance.contentHeight, "px")
+    },
+    children: [/*#__PURE__*/_jsx(ReplaceToggle, {}), /*#__PURE__*/_jsxs("table", {
+      className: "libro-search-input-area",
+      children: [/*#__PURE__*/_jsxs("tr", {
+        className: "libro-search-row",
+        children: [/*#__PURE__*/_jsx("td", {
+          className: "libro-search-input",
+          children: /*#__PURE__*/_jsx(Input, {
+            ref: findInputRef,
+            value: instance.findStr,
+            onChange: instance.handleFindChange,
+            size: "small",
+            suffix: /*#__PURE__*/_jsxs("span", {
+              className: "libro-search-input-suffix",
+              children: [/*#__PURE__*/_jsx(IconFont, {
+                className: classnames({
+                  'libro-search-input-suffix-active': instance.caseSensitive
+                }),
+                onClick: instance.toggleCaseSensitive,
+                type: "icon-Aa"
+              }), /*#__PURE__*/_jsx(IconFont, {
+                className: classnames({
+                  'libro-search-input-suffix-active': instance.useRegex
+                }),
+                onClick: instance.toggleUseRegex,
+                type: "icon-zhengzeshi"
+              })]
+            })
+          })
+        }), /*#__PURE__*/_jsxs("td", {
+          className: "libro-search-action",
+          children: [/*#__PURE__*/_jsx(SearchIndex, {}), /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx(Button, {
+              onClick: instance.previous,
+              icon: /*#__PURE__*/_jsx(ArrowUpOutlined, {}),
+              size: "small"
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: instance.next,
+              icon: /*#__PURE__*/_jsx(ArrowDownOutlined, {}),
+              size: "small"
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: instance.toggleSetting,
+              icon: /*#__PURE__*/_jsx(EllipsisOutlined, {}),
+              size: "small"
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: instance.hide,
+              icon: /*#__PURE__*/_jsx(CloseOutlined, {}),
+              size: "small"
+            })]
+          })]
+        })]
+      }), instance.replaceVisible && /*#__PURE__*/_jsxs("tr", {
+        className: "libro-search-row",
+        children: [/*#__PURE__*/_jsx("td", {
+          className: "libro-search-input",
+          children: /*#__PURE__*/_jsx(Input, {
+            value: instance.replaceStr,
+            onChange: instance.handleReplaceChange,
+            size: "small"
+          })
+        }), /*#__PURE__*/_jsx("td", {
+          className: "libro-search-action",
+          children: /*#__PURE__*/_jsxs("div", {
+            children: [/*#__PURE__*/_jsx(Button, {
+              onClick: instance.replace,
+              icon: /*#__PURE__*/_jsx(IconFont, {
+                type: "icon-zifuchuantihuan_2"
+              }),
+              size: "small"
+            }), /*#__PURE__*/_jsx(Button, {
+              onClick: instance.replaceAll,
+              icon: /*#__PURE__*/_jsx(IconFont, {
+                type: "icon-tihuantupian"
+              }),
+              size: "small"
+            })]
+          })
+        })]
+      }), instance.settingVisible && /*#__PURE__*/_jsxs("div", {
+        className: "libro-search-row",
+        children: [/*#__PURE__*/_jsx(Checkbox, {
+          checked: (_instance$searchProvi = instance.searchProvider) === null || _instance$searchProvi === void 0 ? void 0 : _instance$searchProvi.searchCellOutput,
+          onChange: instance.searchCellOutputChange,
+          disabled: instance.replaceVisible,
+          children: l10n.t('在 output 中查找')
+        }), instance.replaceVisible && /*#__PURE__*/_jsx(Tag, {
+          color: "warning",
+          children: l10n.t('替换功能不能在 output 生效')
+        })]
+      })]
+    })]
+  });
+};
+// TODO: 更改图标
+export var SearchComponent = /*#__PURE__*/forwardRef(function SearchComponent(_props, ref) {
+  var instance = useInject(ViewInstance);
+  return /*#__PURE__*/_jsx("div", {
+    tabIndex: 1,
+    className: "libro-search-overlay",
+    style: {
+      top: instance.getHeaderHeight()
+    },
+    ref: ref,
+    onBlur: function onBlur(e) {
+      return instance.onBlur(e);
+    },
+    onFocus: instance.onFocus,
+    children: instance.searchVisible && /*#__PURE__*/_jsx(SearchContent, {})
+  });
+});
+export var LibroSearchView = (_dec = transient(), _dec2 = view('libro-search-view'), _dec3 = prop(), _dec4 = prop(), _dec5 = prop(), _dec6 = prop(), _dec7 = prop(), _dec8 = prop(), _dec9 = prop(), _dec10 = prop(), _dec(_class = _dec2(_class = (_class2 = /*#__PURE__*/function (_BaseView) {
+  _inherits(LibroSearchView, _BaseView);
+  var _super = _createSuper(LibroSearchView);
+  function LibroSearchView(contextKey, utils, searchProviderFactory) {
+    var _this;
+    _classCallCheck(this, LibroSearchView);
+    _this = _super.call(this);
+    _initializerDefineProperty(_this, "searchProvider", _descriptor, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "searchVisible", _descriptor2, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "settingVisible", _descriptor3, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "findStr", _descriptor4, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "lastSearch", _descriptor5, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "replaceStr", _descriptor6, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "caseSensitive", _descriptor7, _assertThisInitialized(_this));
+    _initializerDefineProperty(_this, "useRegex", _descriptor8, _assertThisInitialized(_this));
+    _this.view = SearchComponent;
+    _this.onviewWillUnmount = function () {
+      var _this$searchProvider;
+      (_this$searchProvider = _this.searchProvider) === null || _this$searchProvider === void 0 ? void 0 : _this$searchProvider.endQuery();
+    };
+    _this.show = function () {
+      var _this$findInputRef, _this$findInputRef$cu;
+      _this.contextKey.disableCommandMode();
+      _this.searchVisible = true;
+      _this.initialQuery();
+      (_this$findInputRef = _this.findInputRef) === null || _this$findInputRef === void 0 ? void 0 : (_this$findInputRef$cu = _this$findInputRef.current) === null || _this$findInputRef$cu === void 0 ? void 0 : _this$findInputRef$cu.focus();
+    };
+    _this.hide = function () {
+      var _this$searchProvider2, _this$libro;
+      _this.searchVisible = false;
+      _this.contextKey.enableCommandMode();
+      (_this$searchProvider2 = _this.searchProvider) === null || _this$searchProvider2 === void 0 ? void 0 : _this$searchProvider2.endQuery();
+      (_this$libro = _this.libro) === null || _this$libro === void 0 ? void 0 : _this$libro.focus();
+    };
+    _this.onFocus = function () {
+      _this.contextKey.disableCommandMode();
+    };
+    _this.onBlur = function (e) {
+      var _this$libro2, _this$libro2$containe, _this$libro2$containe2;
+      if ((_this$libro2 = _this.libro) !== null && _this$libro2 !== void 0 && (_this$libro2$containe = _this$libro2.container) !== null && _this$libro2$containe !== void 0 && (_this$libro2$containe2 = _this$libro2$containe.current) !== null && _this$libro2$containe2 !== void 0 && _this$libro2$containe2.contains(e.relatedTarget)) {
+        _this.contextKey.enableCommandMode();
+      }
+    };
+    _this.search = function () {
+      var hightlightNext = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+      if (_this.searchProvider) {
+        _this.lastSearch = _this.findStr;
+        var query = _this.utils.parseQuery(_this.findStr || '', _this.caseSensitive, _this.useRegex);
+        if (query) {
+          var _this$searchProvider3;
+          (_this$searchProvider3 = _this.searchProvider) === null || _this$searchProvider3 === void 0 ? void 0 : _this$searchProvider3.startQuery(query, undefined, hightlightNext);
+        } else {
+          var _this$searchProvider4;
+          (_this$searchProvider4 = _this.searchProvider) === null || _this$searchProvider4 === void 0 ? void 0 : _this$searchProvider4.endQuery();
+        }
+      }
+    };
+    _this.toggleReplace = function () {
+      if (_this.searchProvider) {
+        _this.searchProvider.replaceMode = !_this.replaceVisible;
+        _this.search();
+      }
+    };
+    _this.toggleSetting = function () {
+      _this.settingVisible = !_this.settingVisible;
+      _this.search();
+    };
+    _this.toggleCaseSensitive = function () {
+      _this.caseSensitive = !_this.caseSensitive;
+      _this.search();
+    };
+    _this.toggleUseRegex = function () {
+      _this.useRegex = !_this.useRegex;
+    };
+    _this.next = function () {
+      var _this$searchProvider5;
+      (_this$searchProvider5 = _this.searchProvider) === null || _this$searchProvider5 === void 0 ? void 0 : _this$searchProvider5.highlightNext();
+    };
+    _this.previous = function () {
+      var _this$searchProvider6;
+      (_this$searchProvider6 = _this.searchProvider) === null || _this$searchProvider6 === void 0 ? void 0 : _this$searchProvider6.highlightPrevious();
+    };
+    _this.searchCellOutputChange = function (e) {
+      if (_this.searchProvider) {
+        _this.searchProvider.updateSearchCellOutput(e.target.checked);
+      }
+    };
+    _this.replace = function () {
+      var _this$searchProvider7;
+      (_this$searchProvider7 = _this.searchProvider) === null || _this$searchProvider7 === void 0 ? void 0 : _this$searchProvider7.replaceCurrentMatch(_this.replaceStr);
+    };
+    _this.replaceAll = function () {
+      var _this$searchProvider8;
+      (_this$searchProvider8 = _this.searchProvider) === null || _this$searchProvider8 === void 0 ? void 0 : _this$searchProvider8.replaceAllMatches(_this.replaceStr);
+    };
+    _this.initialQuery = function () {
+      var _this$searchProvider9;
+      var init = (_this$searchProvider9 = _this.searchProvider) === null || _this$searchProvider9 === void 0 ? void 0 : _this$searchProvider9.getInitialQuery();
+      if (init) {
+        _this.findStr = init;
+        _this.search(false);
+      }
+    };
+    _this.getHeaderHeight = function () {
+      var _this$libro3, _this$libro3$containe;
+      var height = 32;
+      var container = (_this$libro3 = _this.libro) === null || _this$libro3 === void 0 ? void 0 : (_this$libro3$containe = _this$libro3.container) === null || _this$libro3$containe === void 0 ? void 0 : _this$libro3$containe.current;
+      if (container) {
+        var elements = container.getElementsByClassName('libro-view-top');
+        if (elements.length > 0) {
+          height = elements[0].clientHeight;
+        }
+      }
+      return height;
+    };
+    _this.nextMatch = function (reverse) {
+      if (reverse) {
+        var _this$searchProvider10;
+        (_this$searchProvider10 = _this.searchProvider) === null || _this$searchProvider10 === void 0 ? void 0 : _this$searchProvider10.highlightPrevious();
+      } else {
+        var _this$searchProvider11;
+        (_this$searchProvider11 = _this.searchProvider) === null || _this$searchProvider11 === void 0 ? void 0 : _this$searchProvider11.highlightNext();
+      }
+    };
+    _this.handleKeydown = function (e) {
+      if (e.key === 'Escape') {
+        e.stopPropagation();
+        e.preventDefault();
+        _this.hide();
+        return;
+      }
+      if (e.key === 'Enter') {
+        e.stopPropagation();
+        e.preventDefault();
+        if (_this.findStr !== _this.lastSearch) {
+          _this.search();
+          return;
+        }
+        if (_this.matchesCount !== undefined && _this.matchesCount > 0) {
+          _this.nextMatch(e.shiftKey);
+        } else {
+          _this.search();
+        }
+        return;
+      }
+    };
+    _this.doHandleFindChange = function (e) {
+      _this.findStr = e.target.value;
+    };
+    _this.handleFindChange = function (e) {
+      _this.findStr = e.target.value;
+      if (_this.findStr !== _this.lastSearch) {
+        _this.search(false);
+      }
+    };
+    _this.handleReplaceChange = function (e) {
+      _this.replaceStr = e.target.value;
+    };
+    _this.contextKey = contextKey;
+    _this.utils = utils;
+    _this.searchProviderFactory = searchProviderFactory;
+    return _this;
+  }
+  LibroSearchView = inject(LibroSearchProviderFactory)(LibroSearchView, undefined, 2) || LibroSearchView;
+  LibroSearchView = inject(LibroSearchUtils)(LibroSearchView, undefined, 1) || LibroSearchView;
+  LibroSearchView = inject(LirboContextKey)(LibroSearchView, undefined, 0) || LibroSearchView;
+  _createClass(LibroSearchView, [{
+    key: "libro",
+    get: function get() {
+      return this._libro;
+    },
+    set: function set(value) {
+      this._libro = value;
+      this.searchProvider = this.searchProviderFactory({
+        view: this.libro
+      });
+    }
+  }, {
+    key: "replaceVisible",
+    get: function get() {
+      var _this$searchProvider$, _this$searchProvider12;
+      return (_this$searchProvider$ = (_this$searchProvider12 = this.searchProvider) === null || _this$searchProvider12 === void 0 ? void 0 : _this$searchProvider12.replaceMode) !== null && _this$searchProvider$ !== void 0 ? _this$searchProvider$ : false;
+    }
+  }, {
+    key: "contentHeight",
+    get: function get() {
+      var height = 32;
+      if (this.replaceVisible) {
+        height += 32;
+      }
+      if (this.settingVisible) {
+        height += 32;
+      }
+      return height;
+    }
+  }, {
+    key: "currentMatchIndex",
+    get: function get() {
+      var _this$searchProvider13;
+      var current = (_this$searchProvider13 = this.searchProvider) === null || _this$searchProvider13 === void 0 ? void 0 : _this$searchProvider13.currentMatchIndex;
+      if (current !== undefined) {
+        return current + 1;
+      }
+      return undefined;
+    }
+  }, {
+    key: "matchesCount",
+    get: function get() {
+      var _this$searchProvider14;
+      return (_this$searchProvider14 = this.searchProvider) === null || _this$searchProvider14 === void 0 ? void 0 : _this$searchProvider14.matchesCount;
+    }
+  }]);
+  return LibroSearchView;
+}(BaseView), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "searchProvider", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "searchVisible", [_dec4], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "settingVisible", [_dec5], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "findStr", [_dec6], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return undefined;
+  }
+}), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, "lastSearch", [_dec7], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return undefined;
+  }
+}), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, "replaceStr", [_dec8], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return '';
+  }
+}), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, "caseSensitive", [_dec9], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+}), _descriptor8 = _applyDecoratedDescriptor(_class2.prototype, "useRegex", [_dec10], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: function initializer() {
+    return false;
+  }
+})), _class2)) || _class) || _class);

package/es/module.d.ts

@@ -0,0 +1,4 @@
+import { ManaModule } from '@difizen/mana-app';
+import './index.less';
+export declare const LibroSearchModule: ManaModule;
+//# sourceMappingURL=module.d.ts.map

package/es/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C,OAAO,cAAc,CAAC;AAmBtB,eAAO,MAAM,iBAAiB,YAqCiB,CAAC"}