transformIdentifier.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", { value: true });
  3. exports.transformIdentifier = void 0;
  4. const compiler_core_1 = require("@vue/compiler-core");
  5. const utils_1 = require("./utils");
  6. const transformClass_1 = require("./transformClass");
  7. const transformStyle_1 = require("./transformStyle");
  8. const runtimeHelpers_1 = require("../runtimeHelpers");
  9. const transformSlot_1 = require("./transformSlot");
  10. const vSlot_1 = require("./vSlot");
  11. const transformRef_1 = require("./transformRef");
  12. const transformComponent_1 = require("./transformComponent");
  13. const uni_cli_shared_1 = require("@dcloudio/uni-cli-shared");
  14. const shared_1 = require("@vue/shared");
  15. const transformIdentifier = (node, context) => {
  16. return function transformIdentifier() {
  17. if (node.type === 5 /* NodeTypes.INTERPOLATION */) {
  18. const content = node.content;
  19. let isFilter = false;
  20. if (content.type === 8 /* NodeTypes.COMPOUND_EXPRESSION */) {
  21. const firstChild = content.children[0];
  22. isFilter =
  23. !(0, shared_1.isString)(firstChild) &&
  24. !(0, shared_1.isSymbol)(firstChild) &&
  25. firstChild.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
  26. context.filters.includes(firstChild.content);
  27. }
  28. if (!isFilter) {
  29. node.content = (0, utils_1.rewriteExpression)((0, compiler_core_1.createCompoundExpression)([
  30. `${context.helperString(runtimeHelpers_1.TO_DISPLAY_STRING)}(`,
  31. content,
  32. `)`,
  33. ]), context);
  34. }
  35. }
  36. else if ((0, compiler_core_1.isSlotOutlet)(node)) {
  37. (0, transformSlot_1.rewriteSlot)(node, context);
  38. }
  39. else if (node.type === 1 /* NodeTypes.ELEMENT */) {
  40. let hasClassBinding = false;
  41. let hasStyleBinding = false;
  42. (0, transformRef_1.rewriteRef)(node, context);
  43. if ((0, uni_cli_shared_1.isUserComponent)(node, context)) {
  44. (0, transformComponent_1.rewriteBinding)(node, context);
  45. }
  46. const { props } = node;
  47. const virtualHost = !!(context.miniProgram.component?.mergeVirtualHostAttributes &&
  48. context.rootNode === node);
  49. for (let i = 0; i < props.length; i++) {
  50. const dir = props[i];
  51. if (dir.type === 7 /* NodeTypes.DIRECTIVE */) {
  52. const arg = dir.arg;
  53. if (arg) {
  54. // TODO 指令暂不不支持动态参数,v-bind:[arg] v-on:[event]
  55. if (!(arg.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ && arg.isStatic)) {
  56. // v-slot:[slotName] 支持
  57. if (dir.name === 'slot') {
  58. (0, vSlot_1.rewriteVSlot)(dir, context);
  59. }
  60. else {
  61. props.splice(i, 1);
  62. i--;
  63. continue;
  64. }
  65. }
  66. }
  67. const exp = dir.exp;
  68. if (exp) {
  69. if (isBuiltIn(dir)) {
  70. // noop
  71. }
  72. else if ((0, transformClass_1.isClassBinding)(dir)) {
  73. hasClassBinding = true;
  74. (0, transformClass_1.rewriteClass)(i, dir, props, virtualHost, context);
  75. }
  76. else if ((0, transformStyle_1.isStyleBinding)(dir)) {
  77. hasStyleBinding = true;
  78. (0, transformStyle_1.rewriteStyle)(i, dir, props, virtualHost, context);
  79. }
  80. else if ((0, transformComponent_1.isPropsBinding)(dir)) {
  81. (0, transformComponent_1.rewritePropsBinding)(dir, node, context);
  82. }
  83. else {
  84. dir.exp = (0, utils_1.rewriteExpression)(exp, context);
  85. }
  86. }
  87. }
  88. }
  89. if (virtualHost) {
  90. if (!hasClassBinding) {
  91. hasClassBinding = true;
  92. props.push((0, transformClass_1.createVirtualHostClass)(props, context));
  93. }
  94. if (!hasStyleBinding) {
  95. hasStyleBinding = true;
  96. props.push((0, transformStyle_1.createVirtualHostStyle)(props, context));
  97. }
  98. }
  99. if (hasClassBinding) {
  100. const staticClassIndex = (0, transformClass_1.findStaticClassIndex)(props);
  101. if (staticClassIndex > -1) {
  102. props.splice(staticClassIndex, 1);
  103. }
  104. }
  105. if (hasStyleBinding) {
  106. const staticStyleIndex = (0, transformStyle_1.findStaticStyleIndex)(props);
  107. if (staticStyleIndex > -1) {
  108. props.splice(staticStyleIndex, 1);
  109. }
  110. }
  111. }
  112. };
  113. };
  114. exports.transformIdentifier = transformIdentifier;
  115. const builtInProps = [utils_1.ATTR_VUE_SLOTS];
  116. function isBuiltIn({ arg, exp }) {
  117. return (arg?.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */ &&
  118. builtInProps.includes(arg.content) &&
  119. exp?.type === 4 /* NodeTypes.SIMPLE_EXPRESSION */);
  120. }