@hi-ui/highlighter 4.0.0-alpha.10

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2018 Xiaomi
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,11 @@
+# `@hi-ui/highlighter`
+
+> TODO: description
+
+## Usage
+
+```
+const Highlighter = require('@hi-ui/highlighter');
+
+// TODO: DEMONSTRATE API
+```

package/lib/cjs/Highlighter.js

@@ -0,0 +1,74 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+var tslib = require('tslib');
+
+var React = require('react');
+
+var classname = require('@hi-ui/classname');
+
+var env = require('@hi-ui/env');
+
+function _interopDefaultLegacy(e) {
+  return e && _typeof(e) === 'object' && 'default' in e ? e : {
+    'default': e
+  };
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var HIGHLIGHTER_PREFIX = classname.getPrefixCls('highlighter');
+/**
+ * 高亮文本内容
+ */
+
+var Highlighter = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? HIGHLIGHTER_PREFIX : _a$prefixCls,
+      className = _a.className,
+      keyword = _a.keyword,
+      children = _a.children,
+      rest = tslib.__rest(_a, ["prefixCls", "className", "keyword", "children"]);
+
+  if (!keyword) return children;
+  if (typeof children !== 'string') return children; // 支持多个匹配高亮
+
+  var parts = children.split(keyword); // 未匹配到
+
+  if (parts.length < 2) return children;
+  var lastPart = parts.pop();
+  var cls = classname.cx(prefixCls, className); // TODO: 容器宽度有限但文本过长时，自动适配关键词到可见区域
+
+  return /*#__PURE__*/React__default['default'].createElement("span", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), parts.reduce(function (acc, part, index) {
+    acc.push(part);
+    acc.push( /*#__PURE__*/React__default['default'].createElement("span", {
+      key: index,
+      className: prefixCls + "--matched"
+    }, keyword));
+    return acc;
+  }, []), lastPart);
+});
+
+if (env.__DEV__) {
+  Highlighter.displayName = 'Highlighter';
+}
+
+exports.Highlighter = Highlighter;
+//# sourceMappingURL=Highlighter.js.map

package/lib/cjs/Highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlighter.js","sources":["../../src/Highlighter.tsx"],"sourcesContent":[null],"names":["HIGHLIGHTER_PREFIX","getPrefixCls","Highlighter","forwardRef","_a","ref","prefixCls","className","keyword","children","rest","parts","split","length","lastPart","pop","cls","cx","React","reduce","acc","part","index","push","key","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAGC,sBAAAA,CAAa,aAAbA,CAA3B;AAEA;;;;IAGaC,WAAW,gBAAGC,gBAAAA,CACzB,UAACC,EAAD,EAA4EC,GAA5E;wBAAGC;MAAAA,sCAAYN;MAAoBO,eAAAA;MAAWC,aAAAA;MAASC,cAAAA;MAAaC,wBAAnE,YAAA,aAAA,WAAA,YAAA;;MACK,CAACF,SAAS,OAAOC,QAAP;MACV,OAAOA,QAAP,KAAoB,UAAU,OAAOA,QAAP;;MAG5BE,KAAK,GAAGF,QAAQ,CAACG,KAATH,CAAeD,OAAfC;;MAGVE,KAAK,CAACE,MAANF,GAAe,GAAG,OAAOF,QAAP;MAEhBK,QAAQ,GAAGH,KAAK,CAACI,GAANJ;MAEXK,GAAG,GAAGC,YAAAA,CAAGX,SAAHW,EAAcV,SAAdU;;sBAIVC,yBAAAA,cAAAA,OAAAA;AAAMb,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAES;KAASN,KAApCQ,EACGP,KAAK,CAACQ,MAANR,CAAa,UAACS,GAAD,EAAMC,IAAN,EAAYC,KAAZ;AACZF,IAAAA,GAAG,CAACG,IAAJH,CAASC,IAATD;AACAA,IAAAA,GAAG,CAACG,IAAJH,eACEF,yBAAAA,cAAAA,OAAAA;AAAMM,MAAAA,GAAG,EAAEF;AAAOf,MAAAA,SAAS,EAAKD,SAAL;KAA3BY,EACGV,OADHU,CADFE;WAKOA;AAPR,GAAAT,EAQE,EARFA,CADHO,EAUGJ,QAVHI;AAjB+B,CAAVf;;AAwC3B,IAAIsB,WAAJ,EAAa;AACXvB,EAAAA,WAAW,CAACwB,WAAZxB,GAA0B,aAA1BA;;;"}

package/lib/cjs/index.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+
+require('./styles/index.scss.js');
+
+var Highlighter = require('./Highlighter.js');
+
+exports.Highlighter = Highlighter.Highlighter;
+exports["default"] = Highlighter.Highlighter;
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/styles/index.scss.js

@@ -0,0 +1,22 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-highlighter--matched {\n  color: #237ffa;\n  color: var(--hi-v4-color-brandblue-500, #237ffa); }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+exports["default"] = css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/cjs/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/Highlighter.js

@@ -0,0 +1,54 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __rest } from 'tslib';
+import React, { forwardRef } from 'react';
+import { getPrefixCls, cx } from '@hi-ui/classname';
+import { __DEV__ } from '@hi-ui/env';
+var HIGHLIGHTER_PREFIX = getPrefixCls('highlighter');
+/**
+ * 高亮文本内容
+ */
+
+var Highlighter = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var _a$prefixCls = _a.prefixCls,
+      prefixCls = _a$prefixCls === void 0 ? HIGHLIGHTER_PREFIX : _a$prefixCls,
+      className = _a.className,
+      keyword = _a.keyword,
+      children = _a.children,
+      rest = __rest(_a, ["prefixCls", "className", "keyword", "children"]);
+
+  if (!keyword) return children;
+  if (typeof children !== 'string') return children; // 支持多个匹配高亮
+
+  var parts = children.split(keyword); // 未匹配到
+
+  if (parts.length < 2) return children;
+  var lastPart = parts.pop();
+  var cls = cx(prefixCls, className); // TODO: 容器宽度有限但文本过长时，自动适配关键词到可见区域
+
+  return /*#__PURE__*/React.createElement("span", Object.assign({
+    ref: ref,
+    className: cls
+  }, rest), parts.reduce(function (acc, part, index) {
+    acc.push(part);
+    acc.push( /*#__PURE__*/React.createElement("span", {
+      key: index,
+      className: prefixCls + "--matched"
+    }, keyword));
+    return acc;
+  }, []), lastPart);
+});
+
+if (__DEV__) {
+  Highlighter.displayName = 'Highlighter';
+}
+
+export { Highlighter };
+//# sourceMappingURL=Highlighter.js.map

package/lib/esm/Highlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlighter.js","sources":["../../src/Highlighter.tsx"],"sourcesContent":[null],"names":["HIGHLIGHTER_PREFIX","getPrefixCls","Highlighter","forwardRef","_a","ref","prefixCls","className","keyword","children","rest","parts","split","length","lastPart","pop","cls","cx","React","reduce","acc","part","index","push","key","__DEV__","displayName"],"mappings":";;;;;;;;;;;;;AAKA,IAAMA,kBAAkB,GAAGC,YAAY,CAAC,aAAD,CAAvC;AAEA;;;;IAGaC,WAAW,gBAAGC,UAAU,CACnC,UAACC,EAAD,EAA4EC,GAA5E;wBAAGC;MAAAA,sCAAYN;MAAoBO,eAAAA;MAAWC,aAAAA;MAASC,cAAAA;MAAaC,kBAAnE,YAAA,aAAA,WAAA,YAAA;;MACK,CAACF,SAAS,OAAOC,QAAP;MACV,OAAOA,QAAP,KAAoB,UAAU,OAAOA,QAAP;;MAG5BE,KAAK,GAAGF,QAAQ,CAACG,KAATH,CAAeD,OAAfC;;MAGVE,KAAK,CAACE,MAANF,GAAe,GAAG,OAAOF,QAAP;MAEhBK,QAAQ,GAAGH,KAAK,CAACI,GAANJ;MAEXK,GAAG,GAAGC,EAAE,CAACX,SAAD,EAAYC,SAAZ;;sBAIZW,mBAAAA,OAAAA;AAAMb,IAAAA,GAAG,EAAEA;AAAKE,IAAAA,SAAS,EAAES;KAASN,KAApCQ,EACGP,KAAK,CAACQ,MAANR,CAAa,UAACS,GAAD,EAAMC,IAAN,EAAYC,KAAZ;AACZF,IAAAA,GAAG,CAACG,IAAJH,CAASC,IAATD;AACAA,IAAAA,GAAG,CAACG,IAAJH,eACEF,mBAAAA,OAAAA;AAAMM,MAAAA,GAAG,EAAEF;AAAOf,MAAAA,SAAS,EAAKD,SAAL;KAA3BY,EACGV,OADHU,CADFE;WAKOA;AAPR,GAAAT,EAQE,EARFA,CADHO,EAUGJ,QAVHI;AAjB+B,CAAA;;AAwCrC,IAAIO,OAAJ,EAAa;AACXvB,EAAAA,WAAW,CAACwB,WAAZxB,GAA0B,aAA1BA;;;"}

package/lib/esm/index.js

@@ -0,0 +1,12 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './styles/index.scss.js';
+export { Highlighter, Highlighter as default } from './Highlighter.js';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/lib/esm/styles/index.scss.js

@@ -0,0 +1,17 @@
+/** @LICENSE
+ * @hi-ui/highlighter
+ * https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme
+ *
+ * Copyright (c) HIUI <mi-hiui@xiaomi.com>.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var css_248z = "@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n@use 'sass:map';\n.hi-v4-highlighter--matched {\n  color: #237ffa;\n  color: var(--hi-v4-color-brandblue-500, #237ffa); }\n";
+
+var __styleInject__ = require('style-inject/dist/style-inject.es.js')["default"];
+
+__styleInject__(css_248z);
+
+export default css_248z;
+//# sourceMappingURL=index.scss.js.map

package/lib/esm/styles/index.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/lib/types/Highlighter.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { HiBaseHTMLProps } from '@hi-ui/core';
+/**
+ * 高亮文本内容
+ */
+export declare const Highlighter: React.ForwardRefExoticComponent<HighlighterProps & React.RefAttributes<HTMLSpanElement | null>>;
+export interface HighlighterProps extends HiBaseHTMLProps<'span'> {
+    /**
+     * 匹配高亮关键词
+     */
+    keyword?: string;
+}

package/lib/types/index.d.ts

@@ -0,0 +1,3 @@
+import './styles/index.scss';
+export * from './Highlighter';
+export { Highlighter as default } from './Highlighter';

package/lib/types/types.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface HighlighterDataItem {
+    /**
+     * 节点唯一 id
+     */
+    id: React.ReactText;
+    /**
+     * 节点标题
+     */
+    title: React.ReactNode;
+}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@hi-ui/highlighter",
+  "version": "4.0.0-alpha.10",
+  "description": "A sub-package for @hi-ui/hiui.",
+  "keywords": [],
+  "author": "HIUI <mi-hiui@xiaomi.com>",
+  "homepage": "https://github.com/XiaoMi/hiui/tree/master/packages/ui/highlighter#readme",
+  "license": "MIT",
+  "directories": {
+    "lib": "lib",
+    "test": "__tests__"
+  },
+  "files": [
+    "lib"
+  ],
+  "main": "lib/cjs/index.js",
+  "module": "lib/esm/index.js",
+  "types": "lib/types/index.d.ts",
+  "typings": "lib/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./lib/cjs/index.js",
+      "default": "./lib/esm/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/XiaoMi/hiui.git"
+  },
+  "scripts": {
+    "test": "jest",
+    "clean": "rimraf lib",
+    "prebuild": "yarn clean",
+    "build:esm": "hi-build ./src/index.ts --format esm -d ./lib/esm",
+    "build:cjs": "hi-build ./src/index.ts --format cjs -d ./lib/cjs",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib/types",
+    "build": "concurrently yarn:build:*"
+  },
+  "bugs": {
+    "url": "https://github.com/XiaoMi/hiui/issues"
+  },
+  "dependencies": {
+    "@hi-ui/classname": "^4.0.0-alpha.3",
+    "@hi-ui/core": "^4.0.0-alpha.18",
+    "@hi-ui/core-css": "^4.0.0-alpha.13",
+    "@hi-ui/env": "^4.0.0-alpha.5"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.6",
+    "react-dom": ">=16.8.6"
+  },
+  "devDependencies": {
+    "@hi-ui/hi-build": "^4.0.0-alpha.4",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "gitHead": "f001a9fe152b0f84d1a88b8782c38e1527020070"
+}