vFor.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.createVForArrowFunctionExpression = exports.createForLoopParams = exports.parseForExpression = exports.parseVForScope = exports.transformFor = exports.isForElementNode = void 0;
  4. const shared_1 = require("@vue/shared");
  5. const uni_cli_shared_1 = require("@dcloudio/uni-cli-shared");
  6. const compiler_core_1 = require("@vue/compiler-core");
  7. const ast_1 = require("../ast");
  8. const transform_1 = require("../transform");
  9. const transformExpression_1 = require("./transformExpression");
  10. const codegen_1 = require("../codegen");
  11. const types_1 = require("@babel/types");
  12. const utils_1 = require("./utils");
  13. const runtimeHelpers_1 = require("../runtimeHelpers");
  14. const vSlot_1 = require("./vSlot");
  15. function isForElementNode(node) {
  16. return !!node.vFor;
  17. }
  18. exports.isForElementNode = isForElementNode;
  19. exports.transformFor = (0, transform_1.createStructuralDirectiveTransform)('for', (node, dir, context) => {
  20. if (!dir.exp) {
  21. context.onError((0, compiler_core_1.createCompilerError)(31 /* ErrorCodes.X_V_FOR_NO_EXPRESSION */, dir.loc));
  22. return;
  23. }
  24. const parseResult = parseForExpression(dir.exp, context);
  25. if (!parseResult) {
  26. context.onError((0, compiler_core_1.createCompilerError)(32 /* ErrorCodes.X_V_FOR_MALFORMED_EXPRESSION */, dir.loc));
  27. return;
  28. }
  29. parseResult.tagType = node.tagType;
  30. const { addIdentifiers, removeIdentifiers } = context;
  31. const { source, value, key, index } = parseResult;
  32. if (context.prefixIdentifiers) {
  33. addIdentifiers(value);
  34. addIdentifiers(key);
  35. addIdentifiers(index);
  36. }
  37. const { currentScope: parentScope, scopes, popScope } = context;
  38. const sourceExpr = (0, ast_1.parseExpr)(source, context);
  39. const valueCode = (0, codegen_1.genExpr)(value);
  40. const valueExpr = (0, ast_1.parseParam)(valueCode, context, value);
  41. const valueAlias = parseAlias(valueExpr, valueCode, 'v' + scopes.vFor);
  42. const keyCode = (0, codegen_1.genExpr)(key);
  43. const keyExpr = (0, ast_1.parseParam)(keyCode, context, key);
  44. const keyAlias = parseAlias(keyExpr, keyCode, 'k' + scopes.vFor);
  45. const indexCode = (0, codegen_1.genExpr)(index);
  46. const indexExpr = (0, ast_1.parseParam)(indexCode, context, index);
  47. const indexAlias = parseAlias(indexExpr, indexCode, 'i' + scopes.vFor);
  48. // 先占位 vFor,后续更新 cloneSourceExpr 为 CallExpression
  49. const cloneSourceExpr = (0, types_1.cloneNode)(sourceExpr, false);
  50. const sourceAliasReferencedScope = (0, utils_1.findReferencedScope)(cloneSourceExpr, context.currentScope,
  51. // vFor 嵌套时,始终保持嵌套关系,issues/3263
  52. false);
  53. // 寻找子节点中 if 指令作用域
  54. const vIfReferencedScope = findVIfReferencedScope(node, context.currentScope, context);
  55. // 取最近的作用域
  56. const referencedScope = vIfReferencedScope &&
  57. context.getScopeIndex(vIfReferencedScope) >
  58. context.getScopeIndex(sourceAliasReferencedScope)
  59. ? vIfReferencedScope
  60. : sourceAliasReferencedScope;
  61. const sourceAlias = (0, utils_1.rewriteExpression)(source, context, cloneSourceExpr, parentScope,
  62. // 强制 rewrite,因为即使是字符串,数字,也要走 vFor 函数
  63. {
  64. property: true,
  65. ignoreLiteral: true,
  66. referencedScope,
  67. }).content;
  68. const sourceCode = `{{${sourceAlias}}}`;
  69. const vForData = {
  70. source,
  71. sourceExpr,
  72. sourceAlias,
  73. sourceCode,
  74. value,
  75. valueCode,
  76. valueExpr,
  77. valueAlias,
  78. key,
  79. keyCode,
  80. keyExpr,
  81. keyAlias,
  82. index,
  83. indexCode,
  84. indexExpr,
  85. indexAlias,
  86. node,
  87. };
  88. const vForScope = context.addVForScope({
  89. ...vForData,
  90. locals: findVForLocals(parseResult),
  91. });
  92. const vFor = {
  93. ...vForData,
  94. };
  95. const isScopedSlot = (0, transform_1.isScopedSlotVFor)(vForScope);
  96. node.vFor = vFor;
  97. scopes.vFor++;
  98. return () => {
  99. scopes.vFor--;
  100. if ((0, compiler_core_1.isTemplateNode)(node)) {
  101. node.children.some((c) => {
  102. if (c.type === 1 /* NodeTypes.ELEMENT */ && !isForElementNode(c)) {
  103. const key = (0, compiler_core_1.findProp)(c, 'key');
  104. if (key) {
  105. context.onError((0, compiler_core_1.createCompilerError)(33 /* ErrorCodes.X_V_FOR_TEMPLATE_KEY_PLACEMENT */, key.loc));
  106. return true;
  107. }
  108. }
  109. });
  110. }
  111. if (context.prefixIdentifiers) {
  112. value && removeIdentifiers(value);
  113. key && removeIdentifiers(key);
  114. index && removeIdentifiers(index);
  115. }
  116. (0, shared_1.extend)(clearExpr(cloneSourceExpr), isScopedSlot
  117. ? (0, vSlot_1.createVSlotCallExpression)(node
  118. .slotComponent, vForScope, context)
  119. : createVForCallExpression(vForScope, context));
  120. popScope();
  121. };
  122. });
  123. function clearExpr(expr) {
  124. Object.keys(expr).forEach((key) => {
  125. delete expr[key];
  126. });
  127. return expr;
  128. }
  129. function parseAlias(babelExpr, exprCode, fallback) {
  130. if ((0, types_1.isIdentifier)(babelExpr)) {
  131. return exprCode;
  132. }
  133. return fallback;
  134. }
  135. function parseVForScope(currentScope) {
  136. while (currentScope) {
  137. if ((0, transform_1.isVForScope)(currentScope) && !(0, transform_1.isScopedSlotVFor)(currentScope)) {
  138. return currentScope;
  139. }
  140. currentScope = currentScope.parent;
  141. }
  142. }
  143. exports.parseVForScope = parseVForScope;
  144. function findVIfReferencedScope(node, currentScope, context) {
  145. if (!currentScope) {
  146. return;
  147. }
  148. const vForScope = parseVForScope(currentScope);
  149. if (!vForScope) {
  150. return;
  151. }
  152. if (!node.children.find((item) => checkVIfReferenced(item, vForScope, context))) {
  153. return findVIfReferencedScope(node, currentScope.parent, context);
  154. }
  155. return vForScope;
  156. }
  157. function checkVIfReferenced(node, vForScope, context) {
  158. if (!(0, uni_cli_shared_1.isElementNode)(node)) {
  159. return false;
  160. }
  161. // 嵌套 for 不查找
  162. if ((0, compiler_core_1.findDir)(node, 'for')) {
  163. return false;
  164. }
  165. const ifDir = (0, compiler_core_1.findDir)(node, 'if');
  166. if (ifDir) {
  167. return checkDirReferenced(ifDir.exp, vForScope, context);
  168. }
  169. const elseIfDir = (0, compiler_core_1.findDir)(node, 'else-if');
  170. if (elseIfDir) {
  171. return checkDirReferenced(elseIfDir.exp, vForScope, context);
  172. }
  173. return !!node.children.find((item) => checkVIfReferenced(item, vForScope, context));
  174. }
  175. function checkDirReferenced(node, vForScope, context) {
  176. if (node) {
  177. const babelNode = (0, ast_1.parseExpr)(node, context);
  178. if (babelNode && (0, utils_1.isReferencedByIds)(babelNode, vForScope.locals)) {
  179. return true;
  180. }
  181. }
  182. return false;
  183. }
  184. function findVForLocals({ value, key, index }) {
  185. const ids = [];
  186. if (value) {
  187. findIds(value, ids);
  188. }
  189. if (key) {
  190. findIds(key, ids);
  191. }
  192. if (index) {
  193. findIds(index, ids);
  194. }
  195. return ids;
  196. }
  197. function findIds(exp, ids) {
  198. if ((0, shared_1.isString)(exp)) {
  199. ids.push(exp);
  200. }
  201. else if (exp.identifiers) {
  202. exp.identifiers.forEach((id) => ids.push(id));
  203. }
  204. else if (exp.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */) {
  205. ids.push(exp.content);
  206. }
  207. }
  208. const forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
  209. const forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
  210. const stripParensRE = /^\(|\)$/g;
  211. function parseForExpression(input, context) {
  212. const loc = input.loc;
  213. const exp = input.content;
  214. const inMatch = exp.match(forAliasRE);
  215. if (!inMatch)
  216. return;
  217. const [, LHS, RHS] = inMatch;
  218. const result = {
  219. source: createAliasExpression(loc, RHS.trim(), exp.indexOf(RHS, LHS.length)),
  220. value: (0, compiler_core_1.createSimpleExpression)('v' + context.scopes.vFor),
  221. key: (0, compiler_core_1.createSimpleExpression)('k' + context.scopes.vFor),
  222. index: (0, compiler_core_1.createSimpleExpression)('i' + context.scopes.vFor),
  223. tagType: 0 /* ElementTypes.ELEMENT */,
  224. };
  225. if (context.prefixIdentifiers) {
  226. result.source = (0, transformExpression_1.processExpression)(result.source, context);
  227. }
  228. let valueContent = LHS.trim().replace(stripParensRE, '').trim();
  229. const trimmedOffset = LHS.indexOf(valueContent);
  230. const iteratorMatch = valueContent.match(forIteratorRE);
  231. if (iteratorMatch) {
  232. valueContent = valueContent.replace(forIteratorRE, '').trim();
  233. const keyContent = iteratorMatch[1].trim();
  234. let keyOffset;
  235. if (keyContent) {
  236. keyOffset = exp.indexOf(keyContent, trimmedOffset + valueContent.length);
  237. result.key = createAliasExpression(loc, keyContent, keyOffset);
  238. if (context.prefixIdentifiers) {
  239. result.key = (0, transformExpression_1.processExpression)(result.key, context, true);
  240. }
  241. }
  242. if (iteratorMatch[2]) {
  243. const indexContent = iteratorMatch[2].trim();
  244. if (indexContent) {
  245. result.index = createAliasExpression(loc, indexContent, exp.indexOf(indexContent, result.key
  246. ? keyOffset + keyContent.length
  247. : trimmedOffset + valueContent.length));
  248. if (context.prefixIdentifiers) {
  249. result.index = (0, transformExpression_1.processExpression)(result.index, context, true);
  250. }
  251. }
  252. }
  253. }
  254. if (valueContent) {
  255. result.value = createAliasExpression(loc, valueContent, trimmedOffset);
  256. if (context.prefixIdentifiers) {
  257. result.value = (0, transformExpression_1.processExpression)(result.value, context, true);
  258. }
  259. }
  260. return result;
  261. }
  262. exports.parseForExpression = parseForExpression;
  263. function createAliasExpression(range, content, offset) {
  264. return (0, compiler_core_1.createSimpleExpression)(content, false, (0, compiler_core_1.getInnerRange)(range, offset, content.length));
  265. }
  266. function createForLoopParams({ value, key, index }, memoArgs = []) {
  267. return createParamsList([value, key, index, ...memoArgs]);
  268. }
  269. exports.createForLoopParams = createForLoopParams;
  270. function createParamsList(args) {
  271. let i = args.length;
  272. while (i--) {
  273. if (args[i])
  274. break;
  275. }
  276. return args
  277. .slice(0, i + 1)
  278. .map((arg, i) => arg || (0, compiler_core_1.createSimpleExpression)(`_`.repeat(i + 1), false));
  279. }
  280. function createVForCallExpression(vForScope, context) {
  281. // let sourceExpr: Expression = vForScope.sourceExpr!
  282. // if (isNumericLiteral(sourceExpr)) {
  283. // sourceExpr = numericLiteralToArrayExpr((sourceExpr as NumericLiteral).value)
  284. // }
  285. return (0, types_1.callExpression)((0, types_1.identifier)(context.helperString(runtimeHelpers_1.V_FOR)), [
  286. vForScope.sourceExpr,
  287. createVForArrowFunctionExpression(vForScope),
  288. ]);
  289. }
  290. function createVForArrowFunctionExpression({ valueExpr, keyExpr, indexExpr, properties, }) {
  291. const params = [];
  292. if (valueExpr) {
  293. params.push(valueExpr);
  294. }
  295. if (keyExpr) {
  296. params.push(keyExpr);
  297. }
  298. if (indexExpr) {
  299. params.push(indexExpr);
  300. }
  301. return (0, types_1.arrowFunctionExpression)(params, (0, types_1.blockStatement)([(0, types_1.returnStatement)((0, types_1.objectExpression)(properties))]));
  302. }
  303. exports.createVForArrowFunctionExpression = createVForArrowFunctionExpression;