utils.js 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
  1. import { __assign, __awaiter, __generator, __spreadArray } from "tslib";
  2. import { ZDATAS } from './zdatas';
  3. import { loadFontFace as loadFontFaceJSAPI } from '../_util/jsapi/load-font-face';
  4. /**
  5. * json转字符串
  6. * @param {string} data 需要转json的字符串
  7. * @return {object} json 字符串
  8. */
  9. export function safeJSONparse(data) {
  10. var result;
  11. try {
  12. result = JSON.parse(data);
  13. }
  14. catch (_a) {
  15. result = {};
  16. }
  17. return result || {};
  18. }
  19. /**
  20. * 判断数组是否为空
  21. */
  22. export function isWordsDataEmpty(arr) {
  23. var _a;
  24. if (!arr)
  25. return true;
  26. if (!Array.isArray(arr))
  27. return true;
  28. if (arr.length === 0)
  29. return true;
  30. // 数据合法性校验
  31. if (!((_a = arr === null || arr === void 0 ? void 0 : arr[0]) === null || _a === void 0 ? void 0 : _a.charId))
  32. return true;
  33. return false;
  34. }
  35. /**
  36. * 清除字符串里的数字
  37. */
  38. export function clearNumberInStr(str) {
  39. return str.replace(/[0-9]/gi, '');
  40. }
  41. /**
  42. * 格式化字库数据
  43. * @param datas ZDatas 数据
  44. * @return {IWordsData} 字库
  45. */
  46. export function formatZDatas(datas) {
  47. if (datas === void 0) { datas = []; }
  48. return datas.map(function (item) {
  49. return __assign(__assign({}, item), { pinYinChars: item.pinYinChars.map(function (i) { return i.char; }), splitChars: item.splitChars.map(function (i) { return i.char; }) });
  50. });
  51. }
  52. /**
  53. * 候选字推荐序函数
  54. * 考虑两个维度,一个是输入值和生僻字的匹配程度,比如你输入YA 雅是完全匹配,炎是模糊匹配,排列的时候肯定”雅“在前面,
  55. * 如果除了”雅“还有一个”亚“,两个都是完全匹配,这个时候就看哪个字占比高,哪个就排在前面
  56. * @param {IWordsData} wordsData 字库数据
  57. * @param {string} inputValue 当前输入的值
  58. * @param {string} filterKey 过滤依据的key值
  59. * @return {IWordsData} 返回符合要求并且排序好的候选项列表
  60. */
  61. export function matchWordsRecommend(wordsData, inputValue, filterKey) {
  62. if (wordsData === void 0) { wordsData = []; }
  63. if (inputValue === void 0) { inputValue = ''; }
  64. if (filterKey === void 0) { filterKey = 'all'; }
  65. return wordsSorter(wordsFilter(wordsData, inputValue, filterKey), inputValue, filterKey);
  66. }
  67. /**
  68. * 字库过滤,只挑选符合要求的候选字
  69. * @param {IWordsData} wordsData 字库数据
  70. * @param {string} inputValue 当前输入的值
  71. * @param {string} filterKey 过滤依据的key值
  72. * @return {IWordsData} 返回符合要求并且排序好的候选项列表
  73. */
  74. export function wordsFilter(wordsData, inputValue, filterKey) {
  75. if (wordsData === void 0) { wordsData = []; }
  76. if (inputValue === void 0) { inputValue = ''; }
  77. if (filterKey === void 0) { filterKey = 'all'; }
  78. // 字库数据为空降级为使用本地数据
  79. if (!wordsData || isWordsDataEmpty(wordsData))
  80. wordsData = formatZDatas(ZDATAS.datas);
  81. if (!inputValue)
  82. return [];
  83. switch (filterKey) {
  84. case 'all':
  85. /* eslint-disable-next-line no-case-declarations */
  86. var matchPinyinArr = filterByPinyin(wordsData, inputValue);
  87. /* eslint-disable-next-line no-case-declarations */
  88. var matchSplitArr = filterBySplitWord(wordsData, inputValue);
  89. return mergeMatchWordsArr(matchPinyinArr, matchSplitArr);
  90. case 'pinyin':
  91. return filterByPinyin(wordsData, inputValue);
  92. case 'split':
  93. return filterBySplitWord(wordsData, inputValue);
  94. default:
  95. return [];
  96. break;
  97. }
  98. }
  99. /**
  100. * 根据拼音过滤候选项
  101. * @param {IWordsData} wordsData 字库数据
  102. * @param {string} inputValue 当前输入的值
  103. * @return {IWordsData} 返回符合要求并候选项列表
  104. */
  105. function filterByPinyin(wordsData, inputValue) {
  106. if (wordsData === void 0) { wordsData = []; }
  107. if (inputValue === void 0) { inputValue = ''; }
  108. var keyTranslate = inputValue.toUpperCase();
  109. return wordsData.filter(function (item) {
  110. var pinYinChars = (item === null || item === void 0 ? void 0 : item.pinYinChars) || [];
  111. if (pinYinChars.length === 0)
  112. return false;
  113. return (pinYinChars.filter(function (pinyinItem) {
  114. return pinyinItem.indexOf(keyTranslate) > -1;
  115. }).length > 0);
  116. });
  117. }
  118. /**
  119. * 根据拆字过滤候选项
  120. * @param {IWordsData} wordsData 字库数据
  121. * @param {string} inputValue 当前输入的值
  122. * @return {IWordsData} 返回符合要求并候选项列表
  123. */
  124. function filterBySplitWord(wordsData, inputValue) {
  125. if (wordsData === void 0) { wordsData = []; }
  126. if (inputValue === void 0) { inputValue = ''; }
  127. return wordsData.filter(function (item) {
  128. var splitChars = item.splitChars || [];
  129. if (splitChars.length === 0) {
  130. return false;
  131. }
  132. return (splitChars.filter(function (splitItem) {
  133. return splitItem.indexOf(inputValue) > -1;
  134. }).length > 0);
  135. });
  136. }
  137. /**
  138. * 合并多个候选项数组
  139. * @param {IWordsData} pinyinMatchArr 拼音匹配的候选项
  140. * @param {IWordsData} splitMatchArr 拼音匹配的候选项
  141. * @return {IWordsData} 返回合并后的候选项列表
  142. */
  143. function mergeMatchWordsArr(pinyinMatchArr, splitMatchArr) {
  144. var unDuplicate = __spreadArray(__spreadArray([], pinyinMatchArr, true), splitMatchArr, true);
  145. if (unDuplicate.length === 0)
  146. return unDuplicate;
  147. var results = [];
  148. unDuplicate.forEach(function (item) {
  149. var findDuplicateWords = results.filter(function (item2) {
  150. return item.unicodeCodePoint === item2.unicodeCodePoint;
  151. });
  152. if (findDuplicateWords.length === 0)
  153. results.push(item);
  154. });
  155. return results;
  156. }
  157. /**
  158. * 候选项排序,用户选择可能性高的候选项排在前面
  159. * @param {IWordsData} wordsData 字库数据
  160. * @param {string} inputValue 当前输入的值
  161. * @param {string} filterKey 过滤依据的key值
  162. * @return {IWordsData} 返回符合要求并且排序好的候选项列表
  163. */
  164. export function wordsSorter(wordsData, inputValue, filterKey) {
  165. if (filterKey === void 0) { filterKey = 'all'; }
  166. switch (filterKey) {
  167. case 'all':
  168. // 当输入值以字母开头使用拼音排序
  169. if (/^[a-zA-Z0-9]+$/.test(inputValue)) {
  170. return sortByPinyin(wordsData, inputValue);
  171. }
  172. return sortBySplitWord(wordsData, inputValue);
  173. case 'pinyin':
  174. return sortByPinyin(wordsData, inputValue);
  175. case 'split':
  176. return sortBySplitWord(wordsData, inputValue);
  177. default:
  178. return [];
  179. break;
  180. }
  181. }
  182. /**
  183. * 根据拼音给候选项排序
  184. * @param {IWordsData} wordsData 字库数据
  185. * @param {string} inputValue 当前输入的值
  186. * @return {IWordsData} 返回符合要求并候选项列表
  187. */
  188. function sortByPinyin(wordsData, inputValue) {
  189. if (wordsData === void 0) { wordsData = []; }
  190. if (inputValue === void 0) { inputValue = ''; }
  191. var arr = wordsData.slice();
  192. // 清除输入值中的数字
  193. var keyTranslate = clearNumberInStr(inputValue.toUpperCase());
  194. arr.forEach(function (item) {
  195. var sort = 0;
  196. var pinYinChars = (item.pinYinChars || []).map(function (pinyin) {
  197. return clearNumberInStr(pinyin.toUpperCase());
  198. });
  199. // 拼音完全匹配 + 10000
  200. if (pinYinChars.indexOf(keyTranslate) > -1)
  201. sort += 10000;
  202. // 拼音模糊匹配 + 5000
  203. if (pinYinChars.filter(function (splitKey) { return splitKey.indexOf(keyTranslate) === 0; })
  204. .length > 0) {
  205. sort += 5000;
  206. }
  207. // 加上当前字的权重
  208. sort += item.weight || 0;
  209. /* eslint-disable no-param-reassign */
  210. item.sort = sort;
  211. });
  212. // 根据最终排序值排序
  213. arr.sort(function (item1, item2) { return (item2.sort || 0) - (item1.sort || 0); });
  214. return arr;
  215. }
  216. /**
  217. * 根据拆字给候选项排序
  218. * @param {IWordsData} wordsData 字库数据
  219. * @param {string} inputValue 当前输入的值
  220. * @return {IWordsData} 返回符合要求并候选项列表
  221. */
  222. function sortBySplitWord(wordsData, inputValue) {
  223. if (wordsData === void 0) { wordsData = []; }
  224. if (inputValue === void 0) { inputValue = ''; }
  225. var arr = wordsData.slice();
  226. arr.forEach(function (item) {
  227. var sort = 0;
  228. var p = item.splitChars || [];
  229. // 拆字完全匹配 + 10000
  230. if (p.indexOf(inputValue) > -1)
  231. sort += 10000;
  232. // 拆字模糊匹配 + 5000
  233. if (p.filter(function (splitKey) { return splitKey.indexOf(inputValue) === 0; }).length > 0) {
  234. sort += 5000;
  235. }
  236. // 加上当前字的权重
  237. sort += item.weight || 0;
  238. /* eslint-disable no-param-reassign */
  239. item.sort = sort;
  240. });
  241. // 根据最终排序值排序
  242. arr.sort(function (item1, item2) { return (item2.sort || 0) - (item1.sort || 0); });
  243. return arr;
  244. }
  245. /**
  246. * 加载远程字体
  247. */
  248. export function loadFontFace() {
  249. return __awaiter(this, void 0, void 0, function () {
  250. var fontName;
  251. return __generator(this, function (_a) {
  252. fontName = "url(\"".concat(ZDATAS.fontUrl, "\")");
  253. return [2 /*return*/, loadFontFaceJSAPI({
  254. family: 'rare-words-font',
  255. source: fontName,
  256. })];
  257. });
  258. });
  259. }