tntd 2.1.1 → 2.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (197) hide show
  1. package/es/ellipsis/Svg/CopySVG.js +3 -3
  2. package/es/ellipsis/Svg/CopySVG.js.map +1 -1
  3. package/es/ellipsis/Svg/TickSVG.js +3 -3
  4. package/es/ellipsis/Svg/TickSVG.js.map +1 -1
  5. package/es/ellipsis/index.js +18 -3
  6. package/es/ellipsis/index.js.map +1 -1
  7. package/es/ellipsis/index.less +5 -1
  8. package/es/index.js +2 -1
  9. package/es/index.js.map +1 -1
  10. package/es/label/index.js +1 -0
  11. package/es/label/index.js.map +1 -0
  12. package/es/label/label.js +140 -0
  13. package/es/label/label.js.map +1 -0
  14. package/es/label/label.less +48 -0
  15. package/es/label/label.test.js +12 -0
  16. package/es/label/label.test.js.map +1 -0
  17. package/es/page/index.js +0 -4
  18. package/es/page/index.js.map +1 -1
  19. package/es/query-list-scene/List.js +0 -2
  20. package/es/query-list-scene/List.js.map +1 -1
  21. package/es/tntd-layout/GlobalNavigation/NavigationPopup.js +0 -1
  22. package/es/tntd-layout/GlobalNavigation/NavigationPopup.js.map +1 -1
  23. package/lib/ellipsis/Svg/CopySVG.d.ts.map +1 -1
  24. package/lib/ellipsis/Svg/CopySVG.js +3 -3
  25. package/lib/ellipsis/Svg/CopySVG.js.map +1 -1
  26. package/lib/ellipsis/Svg/TickSVG.d.ts.map +1 -1
  27. package/lib/ellipsis/Svg/TickSVG.js +3 -3
  28. package/lib/ellipsis/Svg/TickSVG.js.map +1 -1
  29. package/lib/ellipsis/index.d.ts.map +1 -1
  30. package/lib/ellipsis/index.js +21 -3
  31. package/lib/ellipsis/index.js.map +1 -1
  32. package/lib/ellipsis/index.less +5 -1
  33. package/lib/index.d.ts +1 -0
  34. package/lib/index.d.ts.map +1 -1
  35. package/lib/index.js +7 -0
  36. package/lib/index.js.map +1 -1
  37. package/lib/label/index.d.ts +2 -0
  38. package/lib/label/index.d.ts.map +1 -0
  39. package/lib/{status → label}/index.js +4 -4
  40. package/lib/label/index.js.map +1 -0
  41. package/lib/label/label.d.ts +52 -0
  42. package/lib/label/label.d.ts.map +1 -0
  43. package/lib/label/label.js +150 -0
  44. package/lib/label/label.js.map +1 -0
  45. package/lib/label/label.less +48 -0
  46. package/lib/label/label.test.d.ts +2 -0
  47. package/lib/label/label.test.d.ts.map +1 -0
  48. package/lib/label/label.test.js +14 -0
  49. package/lib/label/label.test.js.map +1 -0
  50. package/lib/page/index.d.ts.map +1 -1
  51. package/lib/page/index.js +0 -4
  52. package/lib/page/index.js.map +1 -1
  53. package/lib/query-list-scene/List.d.ts.map +1 -1
  54. package/lib/query-list-scene/List.js +0 -2
  55. package/lib/query-list-scene/List.js.map +1 -1
  56. package/lib/tntd-layout/GlobalNavigation/NavigationPopup.d.ts.map +1 -1
  57. package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js +0 -1
  58. package/lib/tntd-layout/GlobalNavigation/NavigationPopup.js.map +1 -1
  59. package/package.json +5 -5
  60. package/themes/default/variables.less +4 -5
  61. package/codemod/__testfixtures__/v1-to-v2-react.input.js +0 -24
  62. package/codemod/__testfixtures__/v1-to-v2-react.output.js +0 -23
  63. package/codemod/__testfixtures__/v1-to-v2.input.js +0 -2
  64. package/codemod/__testfixtures__/v1-to-v2.output.js +0 -2
  65. package/codemod/__tests__/v1-to-v2-test.js +0 -4
  66. package/codemod/v1-to-v2.js +0 -96
  67. package/es/array-input/style/index.js +0 -1
  68. package/es/array-input/style/index.js.map +0 -1
  69. package/es/auth-context/style/index.js +0 -1
  70. package/es/auth-context/style/index.js.map +0 -1
  71. package/es/development-login/style/index.js +0 -1
  72. package/es/development-login/style/index.js.map +0 -1
  73. package/es/ellipsis/style/index.js +0 -1
  74. package/es/ellipsis/style/index.js.map +0 -1
  75. package/es/empty/render-empty.js +0 -22
  76. package/es/empty/render-empty.js.map +0 -1
  77. package/es/empty/style/index.js +0 -2
  78. package/es/empty/style/index.js.map +0 -1
  79. package/es/handle/style/index.js +0 -1
  80. package/es/handle/style/index.js.map +0 -1
  81. package/es/icon-list/style/index.js +0 -1
  82. package/es/icon-list/style/index.js.map +0 -1
  83. package/es/img/style/index.js +0 -1
  84. package/es/img/style/index.js.map +0 -1
  85. package/es/loading-button/style/index.js +0 -1
  86. package/es/loading-button/style/index.js.map +0 -1
  87. package/es/page/style/index.js +0 -1
  88. package/es/page/style/index.js.map +0 -1
  89. package/es/query-form/style/index.js +0 -1
  90. package/es/query-form/style/index.js.map +0 -1
  91. package/es/query-list-scene/style/index.js +0 -1
  92. package/es/query-list-scene/style/index.js.map +0 -1
  93. package/es/render-empty/style/index.js +0 -1
  94. package/es/render-empty/style/index.js.map +0 -1
  95. package/es/status/index.js +0 -1
  96. package/es/status/index.js.map +0 -1
  97. package/es/status/status.js +0 -5
  98. package/es/status/status.js.map +0 -1
  99. package/es/table/style/index.js +0 -2
  100. package/es/table/style/index.js.map +0 -1
  101. package/es/title/style/index.js +0 -1
  102. package/es/title/style/index.js.map +0 -1
  103. package/es/tntd-icon/style/index.js +0 -1
  104. package/es/tntd-icon/style/index.js.map +0 -1
  105. package/es/tntd-layout/style/index.js +0 -1
  106. package/es/tntd-layout/style/index.js.map +0 -1
  107. package/es/tntd-modal/style/index.js +0 -1
  108. package/es/tntd-modal/style/index.js.map +0 -1
  109. package/es/tntd-select/style/index.js +0 -1
  110. package/es/tntd-select/style/index.js.map +0 -1
  111. package/lib/array-input/style/index.d.ts +0 -1
  112. package/lib/array-input/style/index.d.ts.map +0 -1
  113. package/lib/array-input/style/index.js +0 -1
  114. package/lib/array-input/style/index.js.map +0 -1
  115. package/lib/auth-context/style/index.d.ts +0 -1
  116. package/lib/auth-context/style/index.d.ts.map +0 -1
  117. package/lib/auth-context/style/index.js +0 -1
  118. package/lib/auth-context/style/index.js.map +0 -1
  119. package/lib/development-login/style/index.d.ts +0 -1
  120. package/lib/development-login/style/index.d.ts.map +0 -1
  121. package/lib/development-login/style/index.js +0 -1
  122. package/lib/development-login/style/index.js.map +0 -1
  123. package/lib/ellipsis/style/index.d.ts +0 -1
  124. package/lib/ellipsis/style/index.d.ts.map +0 -1
  125. package/lib/ellipsis/style/index.js +0 -1
  126. package/lib/ellipsis/style/index.js.map +0 -1
  127. package/lib/empty/render-empty.d.ts +0 -3
  128. package/lib/empty/render-empty.d.ts.map +0 -1
  129. package/lib/empty/render-empty.js +0 -32
  130. package/lib/empty/render-empty.js.map +0 -1
  131. package/lib/empty/style/index.d.ts +0 -3
  132. package/lib/empty/style/index.d.ts.map +0 -1
  133. package/lib/empty/style/index.js +0 -4
  134. package/lib/empty/style/index.js.map +0 -1
  135. package/lib/handle/style/index.d.ts +0 -1
  136. package/lib/handle/style/index.d.ts.map +0 -1
  137. package/lib/handle/style/index.js +0 -1
  138. package/lib/handle/style/index.js.map +0 -1
  139. package/lib/icon-list/style/index.d.ts +0 -3
  140. package/lib/icon-list/style/index.d.ts.map +0 -1
  141. package/lib/icon-list/style/index.js +0 -8
  142. package/lib/icon-list/style/index.js.map +0 -1
  143. package/lib/img/style/index.d.ts +0 -1
  144. package/lib/img/style/index.d.ts.map +0 -1
  145. package/lib/img/style/index.js +0 -1
  146. package/lib/img/style/index.js.map +0 -1
  147. package/lib/loading-button/style/index.d.ts +0 -1
  148. package/lib/loading-button/style/index.d.ts.map +0 -1
  149. package/lib/loading-button/style/index.js +0 -1
  150. package/lib/loading-button/style/index.js.map +0 -1
  151. package/lib/page/style/index.d.ts +0 -1
  152. package/lib/page/style/index.d.ts.map +0 -1
  153. package/lib/page/style/index.js +0 -1
  154. package/lib/page/style/index.js.map +0 -1
  155. package/lib/query-form/style/index.d.ts +0 -1
  156. package/lib/query-form/style/index.d.ts.map +0 -1
  157. package/lib/query-form/style/index.js +0 -1
  158. package/lib/query-form/style/index.js.map +0 -1
  159. package/lib/query-list-scene/style/index.d.ts +0 -1
  160. package/lib/query-list-scene/style/index.d.ts.map +0 -1
  161. package/lib/query-list-scene/style/index.js +0 -1
  162. package/lib/query-list-scene/style/index.js.map +0 -1
  163. package/lib/render-empty/style/index.d.ts +0 -2
  164. package/lib/render-empty/style/index.d.ts.map +0 -1
  165. package/lib/render-empty/style/index.js +0 -3
  166. package/lib/render-empty/style/index.js.map +0 -1
  167. package/lib/status/index.d.ts +0 -2
  168. package/lib/status/index.d.ts.map +0 -1
  169. package/lib/status/index.js.map +0 -1
  170. package/lib/status/status.d.ts +0 -6
  171. package/lib/status/status.d.ts.map +0 -1
  172. package/lib/status/status.js +0 -13
  173. package/lib/status/status.js.map +0 -1
  174. package/lib/table/style/index.d.ts +0 -3
  175. package/lib/table/style/index.d.ts.map +0 -1
  176. package/lib/table/style/index.js +0 -4
  177. package/lib/table/style/index.js.map +0 -1
  178. package/lib/title/style/index.d.ts +0 -1
  179. package/lib/title/style/index.d.ts.map +0 -1
  180. package/lib/title/style/index.js +0 -1
  181. package/lib/title/style/index.js.map +0 -1
  182. package/lib/tntd-icon/style/index.d.ts +0 -1
  183. package/lib/tntd-icon/style/index.d.ts.map +0 -1
  184. package/lib/tntd-icon/style/index.js +0 -1
  185. package/lib/tntd-icon/style/index.js.map +0 -1
  186. package/lib/tntd-layout/style/index.d.ts +0 -1
  187. package/lib/tntd-layout/style/index.d.ts.map +0 -1
  188. package/lib/tntd-layout/style/index.js +0 -1
  189. package/lib/tntd-layout/style/index.js.map +0 -1
  190. package/lib/tntd-modal/style/index.d.ts +0 -1
  191. package/lib/tntd-modal/style/index.d.ts.map +0 -1
  192. package/lib/tntd-modal/style/index.js +0 -1
  193. package/lib/tntd-modal/style/index.js.map +0 -1
  194. package/lib/tntd-select/style/index.d.ts +0 -1
  195. package/lib/tntd-select/style/index.d.ts.map +0 -1
  196. package/lib/tntd-select/style/index.js +0 -1
  197. package/lib/tntd-select/style/index.js.map +0 -1
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  export default (props => {
3
- return React.createElement("div", Object.assign({}, props), React.createElement("svg", {
3
+ return React.createElement("svg", Object.assign({
4
4
  width: "16px",
5
5
  height: "16px",
6
6
  viewBox: "0 0 16 16"
7
- }, React.createElement("g", {
7
+ }, props), React.createElement("g", {
8
8
  id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
9
9
  stroke: "none",
10
10
  "stroke-width": "1",
@@ -60,5 +60,5 @@ export default (props => {
60
60
  x2: "8",
61
61
  y2: "8",
62
62
  id: "\u8DEF\u5F84"
63
- })))))))));
63
+ }))))))));
64
64
  });
@@ -1 +1 @@
1
- {"version":3,"file":"CopySVG.js","sourceRoot":"","sources":["../../../src/ellipsis/Svg/CopySVG.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,6CAAS,KAAK;QACZ,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;YACjD,2BAAG,EAAE,EAAC,wDAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;gBAC9E,2BAAG,EAAE,EAAC,qBAAM,EAAC,SAAS,EAAC,qCAAqC;oBAC1D,2BAAG,EAAE,EAAC,gBAAM,EAAC,SAAS,EAAC,kCAAkC;wBACvD,2BAAG,EAAE,EAAC,iBAAO,EAAC,SAAS,EAAC,iCAAiC;4BACvD,2BAAG,EAAE,EAAC,cAAI,EAAC,SAAS,EAAC,kCAAkC;gCACrD,8BACE,EAAE,EAAC,cAAI,EACP,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,GAAG,EACX,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACL;gCACR,2BACE,EAAE,EAAC,gBAAM,EACT,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAC,SAAS,oBACD,OAAO,kBACT,KAAK;oCAElB,iCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,4FAA4F,GAC1F;oCACX,kCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,wCAAwC,GACrC;oCACZ,kCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,wCAAwC,GACrC;oCACZ,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,cAAI,GAAQ;oCAC5E,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,cAAI,GAAQ,CAC/C,CACF,CACF,CACF,CACF,CACF,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nexport default (props) => {\n return (\n <div {...props}>\n <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\">\n <g id=\"全家桶视觉方案优化\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"工作台1\" transform=\"translate(-730.000000, -299.000000)\">\n <g id=\"分组-6\" transform=\"translate(240.000000, 96.000000)\">\n <g id=\"编组-18\" transform=\"translate(0.000000, 171.000000)\">\n <g id=\"复制\" transform=\"translate(490.000000, 32.000000)\">\n <rect\n id=\"矩形\"\n fill=\"#D8D8D8\"\n opacity=\"0\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n ></rect>\n <g\n id=\"编组-5\"\n transform=\"translate(2.223389, 1.330322)\"\n stroke=\"#1e90ff\"\n stroke-linecap=\"round\"\n stroke-width=\"1.2\"\n >\n <polygon\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15\"\n ></polygon>\n <polyline\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"7.66666667 0 7.66666667 4 11.3333333 4\"\n ></polyline>\n <polyline\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"0 5.33333333 0 13.3333333 7 13.3333333\"\n ></polyline>\n <line x1=\"4\" y1=\"5.33333333\" x2=\"5.33333333\" y2=\"5.33333333\" id=\"路径\"></line>\n <line x1=\"4\" y1=\"8\" x2=\"8\" y2=\"8\" id=\"路径\"></line>\n </g>\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n )\n}\n"]}
1
+ {"version":3,"file":"CopySVG.js","sourceRoot":"","sources":["../../../src/ellipsis/Svg/CopySVG.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,2CAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,IAAK,KAAK;QAC3D,2BAAG,EAAE,EAAC,wDAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;YAC9E,2BAAG,EAAE,EAAC,qBAAM,EAAC,SAAS,EAAC,qCAAqC;gBAC1D,2BAAG,EAAE,EAAC,gBAAM,EAAC,SAAS,EAAC,kCAAkC;oBACvD,2BAAG,EAAE,EAAC,iBAAO,EAAC,SAAS,EAAC,iCAAiC;wBACvD,2BAAG,EAAE,EAAC,cAAI,EAAC,SAAS,EAAC,kCAAkC;4BACrD,8BACE,EAAE,EAAC,cAAI,EACP,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,GAAG,EACX,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACL;4BACR,2BACE,EAAE,EAAC,gBAAM,EACT,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAC,SAAS,oBACD,OAAO,kBACT,KAAK;gCAElB,iCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,4FAA4F,GAC1F;gCACX,kCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,wCAAwC,GACrC;gCACZ,kCACE,EAAE,EAAC,cAAI,qBACS,OAAO,EACvB,MAAM,EAAC,wCAAwC,GACrC;gCACZ,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,YAAY,EAAC,EAAE,EAAC,cAAI,GAAQ;gCAC5E,8BAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,cAAI,GAAQ,CAC/C,CACF,CACF,CACF,CACF,CACF,CACA,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nexport default (props) => {\n return (\n <svg width=\"16px\" height=\"16px\" viewBox=\"0 0 16 16\" {...props}>\n <g id=\"全家桶视觉方案优化\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"工作台1\" transform=\"translate(-730.000000, -299.000000)\">\n <g id=\"分组-6\" transform=\"translate(240.000000, 96.000000)\">\n <g id=\"编组-18\" transform=\"translate(0.000000, 171.000000)\">\n <g id=\"复制\" transform=\"translate(490.000000, 32.000000)\">\n <rect\n id=\"矩形\"\n fill=\"#D8D8D8\"\n opacity=\"0\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n ></rect>\n <g\n id=\"编组-5\"\n transform=\"translate(2.223389, 1.330322)\"\n stroke=\"#1e90ff\"\n stroke-linecap=\"round\"\n stroke-width=\"1.2\"\n >\n <polygon\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"2 11.3333333 11.3333333 11.3333333 11.3333333 4 7.66666667 -8.8817842e-15 2 -8.8817842e-15\"\n ></polygon>\n <polyline\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"7.66666667 0 7.66666667 4 11.3333333 4\"\n ></polyline>\n <polyline\n id=\"路径\"\n stroke-linejoin=\"round\"\n points=\"0 5.33333333 0 13.3333333 7 13.3333333\"\n ></polyline>\n <line x1=\"4\" y1=\"5.33333333\" x2=\"5.33333333\" y2=\"5.33333333\" id=\"路径\"></line>\n <line x1=\"4\" y1=\"8\" x2=\"8\" y2=\"8\" id=\"路径\"></line>\n </g>\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n"]}
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  export default (props => {
3
- return React.createElement("div", Object.assign({}, props), React.createElement("svg", {
3
+ return React.createElement("svg", Object.assign({
4
4
  width: "17px",
5
5
  height: "16px",
6
6
  viewBox: "0 0 17 16"
7
- }, React.createElement("g", {
7
+ }, props), React.createElement("g", {
8
8
  id: "\u5168\u5BB6\u6876\u89C6\u89C9\u65B9\u6848\u4F18\u5316",
9
9
  stroke: "none",
10
10
  "stroke-width": "1",
@@ -38,5 +38,5 @@ export default (props => {
38
38
  "stroke-linecap": "round",
39
39
  "stroke-linejoin": "round",
40
40
  points: "14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333"
41
- }))))))));
41
+ })))))));
42
42
  });
@@ -1 +1 @@
1
- {"version":3,"file":"TickSVG.js","sourceRoot":"","sources":["../../../src/ellipsis/Svg/TickSVG.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,6CAAS,KAAK;QACZ,6BAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;YACjD,2BAAG,EAAE,EAAC,wDAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;gBAC9E,2BAAG,EAAE,EAAC,qBAAM,EAAC,SAAS,EAAC,qCAAqC;oBAC1D,2BAAG,EAAE,EAAC,gBAAM,EAAC,SAAS,EAAC,kCAAkC;wBACvD,2BAAG,EAAE,EAAC,iBAAO,EAAC,SAAS,EAAC,iCAAiC;4BACvD,2BAAG,EAAE,EAAC,0BAAM,EAAC,SAAS,EAAC,kCAAkC;gCACvD,8BACE,EAAE,EAAC,cAAI,kBACM,MAAM,EACnB,IAAI,EAAC,SAAS,eACJ,SAAS,EACnB,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACL;gCACR,kCACE,EAAE,EAAC,cAAI,EACP,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,EACvB,MAAM,EAAC,8DAA8D,GAC3D,CACV,CACF,CACF,CACF,CACF,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nexport default (props) => {\n return (\n <div {...props}>\n <svg width=\"17px\" height=\"16px\" viewBox=\"0 0 17 16\">\n <g id=\"全家桶视觉方案优化\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"工作台1\" transform=\"translate(-754.000000, -299.000000)\">\n <g id=\"分组-6\" transform=\"translate(240.000000, 96.000000)\">\n <g id=\"编组-18\" transform=\"translate(0.000000, 171.000000)\">\n <g id=\"复制成功\" transform=\"translate(514.500000, 32.000000)\">\n <rect\n id=\"矩形\"\n fill-opacity=\"0.01\"\n fill=\"#FFFFFF\"\n fill-rule=\"nonzero\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n ></rect>\n <polyline\n id=\"路径\"\n stroke=\"#07C790\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n points=\"14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333\"\n ></polyline>\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n </div>\n )\n}\n"]}
1
+ {"version":3,"file":"TickSVG.js","sourceRoot":"","sources":["../../../src/ellipsis/Svg/TickSVG.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAe,CAAC,KAAK,EAAE,EAAE;IACvB,OAAO,CACL,2CAAK,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW,IAAK,KAAK;QAC3D,2BAAG,EAAE,EAAC,wDAAW,EAAC,MAAM,EAAC,MAAM,kBAAc,GAAG,EAAC,IAAI,EAAC,MAAM,eAAW,SAAS;YAC9E,2BAAG,EAAE,EAAC,qBAAM,EAAC,SAAS,EAAC,qCAAqC;gBAC1D,2BAAG,EAAE,EAAC,gBAAM,EAAC,SAAS,EAAC,kCAAkC;oBACvD,2BAAG,EAAE,EAAC,iBAAO,EAAC,SAAS,EAAC,iCAAiC;wBACvD,2BAAG,EAAE,EAAC,0BAAM,EAAC,SAAS,EAAC,kCAAkC;4BACvD,8BACE,EAAE,EAAC,cAAI,kBACM,MAAM,EACnB,IAAI,EAAC,SAAS,eACJ,SAAS,EACnB,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,GACL;4BACR,kCACE,EAAE,EAAC,cAAI,EACP,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,EACvB,MAAM,EAAC,8DAA8D,GAC3D,CACV,CACF,CACF,CACF,CACF,CACA,CACP,CAAA;AACH,CAAC,CAAA","sourcesContent":["import React from 'react'\n\nexport default (props) => {\n return (\n <svg width=\"17px\" height=\"16px\" viewBox=\"0 0 17 16\" {...props}>\n <g id=\"全家桶视觉方案优化\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <g id=\"工作台1\" transform=\"translate(-754.000000, -299.000000)\">\n <g id=\"分组-6\" transform=\"translate(240.000000, 96.000000)\">\n <g id=\"编组-18\" transform=\"translate(0.000000, 171.000000)\">\n <g id=\"复制成功\" transform=\"translate(514.500000, 32.000000)\">\n <rect\n id=\"矩形\"\n fill-opacity=\"0.01\"\n fill=\"#FFFFFF\"\n fill-rule=\"nonzero\"\n x=\"0\"\n y=\"0\"\n width=\"16\"\n height=\"16\"\n ></rect>\n <polyline\n id=\"路径\"\n stroke=\"#07C790\"\n stroke-width=\"1.2\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n points=\"14.3333333 3.66666667 5.625 12.3333333 1.66666667 8.39393333\"\n ></polyline>\n </g>\n </g>\n </g>\n </g>\n </g>\n </svg>\n )\n}\n"]}
@@ -52,10 +52,14 @@ export default (props => {
52
52
  const [tipVisible, setTipVisible] = useState(false);
53
53
  // copy animation state
54
54
  const [hasCopy, setHasCopy] = useState(false);
55
+ const [lineHeight, setLineHeight] = useState();
55
56
  const elementRef = useRef();
56
57
  useEffect(() => {
57
58
  elementRef.current && isEllipsisActive(elementRef.current) ? setFlag(true) : (setFlag(false), setTipVisible(false));
58
- });
59
+ if (elementRef.current) {
60
+ setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'));
61
+ }
62
+ }, []);
59
63
  // original Node
60
64
  const inner = typeof children === 'string' ? children : _popover ? content : title;
61
65
  // for className
@@ -108,8 +112,19 @@ export default (props => {
108
112
  })
109
113
  }, prefix && prefix, React.createElement("div", {
110
114
  className: getClassName()
111
- }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && React.createElement("div", {
115
+ }, inner ? renderNode() : emptyText), suffix && suffix, inner && _copyable && lineHeight && React.createElement("div", {
112
116
  className: "svg-button",
117
+ style: {
118
+ height: lineHeight
119
+ },
113
120
  onClick: () => handleCopy(elementRef.current.innerText)
114
- }, !hasCopy ? React.createElement(CopySVG, null) : React.createElement(TickSVG, null))));
121
+ }, !hasCopy ? React.createElement(CopySVG, {
122
+ style: {
123
+ height: lineHeight
124
+ }
125
+ }) : React.createElement(TickSVG, {
126
+ style: {
127
+ height: lineHeight
128
+ }
129
+ }))));
115
130
  });
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n let styleStr = 'overflow:visible; '\n if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n styleStr += 'max-width:100%;'\n }\n e.parentNode.setAttribute('style', styleStr)\n }\n return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n let {\n _popover = props.Popover, // `Popover` or `Tooltip` ?\n title, // in most cases for `Tooltip`\n content, // in most cases for `Popover`\n className,\n style,\n widthLimit, // width trigger value\n _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n children, // children Node\n emptyText, // default: null\n _copyable = props.copyable, // copy function\n prefix, // 前缀dom\n suffix, // 后缀dom\n } = props\n\n // allow visible or not state\n const [flag, setFlag] = useState(true)\n // visible[Tooltip/Popover] state\n const [tipVisible, setTipVisible] = useState(false)\n // copy animation state\n const [hasCopy, setHasCopy] = useState(false)\n\n const elementRef = useRef()\n\n useEffect(() => {\n elementRef.current && isEllipsisActive(elementRef.current)\n ? setFlag(true)\n : (setFlag(false), setTipVisible(false))\n })\n\n // original Node\n const inner = typeof children === 'string' ? children : _popover ? content : title\n\n // for className\n const getClassName = () => {\n return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n }\n\n // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n const handleVisibleChange = (visible) => {\n // const { onVisibleChange } = props;\n // onVisibleChange(visible);\n flag && setTipVisible(visible)\n }\n\n // onClick Copy Button\n const handleCopy = (innerText) => {\n copy(innerText)\n setHasCopy(!hasCopy)\n setTimeout(() => {\n setHasCopy(false)\n }, 1000)\n }\n\n const renderNode = () => {\n const popoverNode = (\n <Popover\n {...props}\n content={content || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}\n >\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || content}\n </div>\n </Popover>\n )\n\n const tooltipNode = (\n <Tooltip\n {...props}\n title={title || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}\n >\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || title}\n </div>\n </Tooltip>\n )\n\n return _popover ? popoverNode : tooltipNode\n }\n\n return (\n <>\n <div\n className=\"tnt-ellipsis\"\n style={{\n ...style,\n maxWidth: widthLimit,\n }}\n >\n {/* prefix */}\n {prefix && prefix}\n {/* content */}\n <div className={getClassName()}>{inner ? renderNode() : emptyText}</div>\n {/* suffix */}\n {suffix && suffix}\n {/* copyable button */}\n {inner && _copyable && (\n <div className=\"svg-button\" onClick={() => handleCopy(elementRef.current.innerText)}>\n {!hasCopy ? <CopySVG /> : <TickSVG />}\n </div>\n )}\n </div>\n </>\n )\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ellipsis/index.js"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Author: 梁洪刚\n * @CreatDate: 2021-03-31 13:57:32\n * @Describe: 省略号组件\n */\n\nimport copy from 'copy-to-clipboard'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport Popover from '../popover'\nimport Tooltip from '../tooltip'\n\nimport CopySVG from './Svg/CopySVG'\nimport TickSVG from './Svg/TickSVG'\nimport './index.less'\n\nconst tolerance = 0 // In px. Depends on the font you are using\n\nconst isEllipsisActive = (e) => {\n if (e.offsetWidth === e.scrollWidth && e.offsetHeight === e.scrollHeight) {\n let styleStr = 'overflow:visible; '\n if (!e?.parentNode?.getAttribute('style')?.includes('width')) {\n styleStr += 'max-width:100%;'\n }\n e.parentNode.setAttribute('style', styleStr)\n }\n return e.offsetWidth + tolerance < e.scrollWidth || e.offsetHeight < e.scrollHeight\n}\n\nexport default (props) => {\n let {\n _popover = props.Popover, // `Popover` or `Tooltip` ?\n title, // in most cases for `Tooltip`\n content, // in most cases for `Popover`\n className,\n style,\n widthLimit, // width trigger value\n _lines = props.lines !== 1 && props.lines, // number or lines, default 1 line;\n children, // children Node\n emptyText, // default: null\n _copyable = props.copyable, // copy function\n prefix, // 前缀dom\n suffix, // 后缀dom\n } = props\n\n // allow visible or not state\n const [flag, setFlag] = useState(true)\n // visible[Tooltip/Popover] state\n const [tipVisible, setTipVisible] = useState(false)\n // copy animation state\n const [hasCopy, setHasCopy] = useState(false)\n const [lineHeight, setLineHeight] = useState()\n\n const elementRef = useRef()\n\n useEffect(() => {\n elementRef.current && isEllipsisActive(elementRef.current)\n ? setFlag(true)\n : (setFlag(false), setTipVisible(false))\n\n if (elementRef.current) {\n setLineHeight(getComputedStyle(elementRef.current, null).getPropertyValue('line-height'))\n }\n }, [])\n\n // original Node\n const inner = typeof children === 'string' ? children : _popover ? content : title\n\n // for className\n const getClassName = () => {\n return `overflow ${_lines ? 'ellipsis-wrap' : 'ellipsis-nowrap'} ${className || ''}`\n }\n\n // Tooltip.trigger(default 'hover') ==trigger==> onVisibleChange(visible)\n const handleVisibleChange = (visible) => {\n // const { onVisibleChange } = props;\n // onVisibleChange(visible);\n flag && setTipVisible(visible)\n }\n\n // onClick Copy Button\n const handleCopy = (innerText) => {\n copy(innerText)\n setHasCopy(!hasCopy)\n setTimeout(() => {\n setHasCopy(false)\n }, 1000)\n }\n\n const renderNode = () => {\n const popoverNode = (\n <Popover\n {...props}\n content={content || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}\n >\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || content}\n </div>\n </Popover>\n )\n\n const tooltipNode = (\n <Tooltip\n {...props}\n title={title || children}\n visible={tipVisible}\n onVisibleChange={(visible) => handleVisibleChange(visible)}\n >\n <div className={className} style={{ WebkitLineClamp: _lines }} ref={elementRef}>\n {children || title}\n </div>\n </Tooltip>\n )\n\n return _popover ? popoverNode : tooltipNode\n }\n\n return (\n <>\n <div\n className=\"tnt-ellipsis\"\n style={{\n ...style,\n maxWidth: widthLimit,\n }}\n >\n {/* prefix */}\n {prefix && prefix}\n {/* content */}\n <div className={getClassName()}>{inner ? renderNode() : emptyText}</div>\n {/* suffix */}\n {suffix && suffix}\n {/* copyable button */}\n {inner && _copyable && lineHeight && (\n <div\n className=\"svg-button\"\n style={{\n height: lineHeight,\n }}\n onClick={() => handleCopy(elementRef.current.innerText)}\n >\n {!hasCopy ? (\n <CopySVG\n style={{\n height: lineHeight,\n }}\n />\n ) : (\n <TickSVG\n style={{\n height: lineHeight,\n }}\n />\n )}\n </div>\n )}\n </div>\n </>\n )\n}\n"]}
@@ -1,5 +1,5 @@
1
1
  .tnt-ellipsis {
2
- display: flex;
2
+ display: inline-flex;
3
3
  .overflow {
4
4
  // white-space:nowrap; //溢出不换行
5
5
  overflow: hidden; //超出的文本隐藏
@@ -47,6 +47,10 @@
47
47
  }
48
48
  }
49
49
 
50
+ .svg-button {
51
+ margin-left: 2px;
52
+ }
53
+
50
54
  @keyframes copy-active {
51
55
  from {
52
56
  stroke: #07c790;
package/es/index.js CHANGED
@@ -87,4 +87,5 @@ export { default as ArrayInput } from './array-input';
87
87
  export { default as Exception } from './exception';
88
88
  export { default as TntdCascader } from './tntd-cascader';
89
89
  export { default as TntdSecondPage } from './tntd-second-page';
90
- export { default as TntdForm } from './tntd-form';
90
+ export { default as TntdForm } from './tntd-form';
91
+ export { Label } from './label';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { default as Affix } from './affix'\nexport { default as Alert } from './alert'\nexport { default as Anchor } from './anchor'\nexport { default as AutoComplete } from './auto-complete'\nexport { default as Avatar } from './avatar'\nexport { default as BackTop } from './back-top'\nexport { default as Badge } from './badge'\nexport { default as Breadcrumb } from './breadcrumb'\nexport { default as Button } from './button'\nexport { default as Calendar } from './calendar'\nexport { default as Card } from './card'\nexport { default as Carousel } from './carousel'\nexport { default as Cascader } from './cascader'\nexport { default as Checkbox } from './checkbox'\nexport { default as Col } from './col'\nexport { default as Collapse } from './collapse'\nexport { default as Comment } from './comment'\nexport { default as ConfigProvider } from './config-provider'\nexport { default as DatePicker } from './date-picker'\nexport { default as Descriptions } from './descriptions'\nexport { default as Divider } from './divider'\nexport { default as Drawer } from './drawer'\nexport { default as Dropdown } from './dropdown'\nexport { default as Empty } from './empty'\nexport { default as Form } from './form'\nexport { default as Icon } from './icon'\nexport { default as Input } from './input'\nexport { default as InputNumber } from './input-number'\nexport { default as Layout } from './layout'\nexport { default as List } from './list'\nexport { default as LocaleProvider } from './locale-provider'\nexport { default as Mention } from './mention'\nexport { default as Mentions } from './mentions'\nexport { default as Menu } from './menu'\nexport { default as message } from './message'\nexport { default as Modal } from './modal'\nexport { default as notification } from './notification'\nexport { default as PageHeader } from './page-header'\nexport { default as Pagination } from './pagination'\nexport { default as Popconfirm } from './popconfirm'\nexport { default as Popover } from './popover'\nexport { default as Progress } from './progress'\nexport { default as Radio } from './radio'\nexport { default as Rate } from './rate'\nexport { default as Result } from './result'\nexport { default as Row } from './row'\nexport { default as Select } from './select'\nexport { default as Skeleton } from './skeleton'\nexport { default as Slider } from './slider'\nexport { default as Spin } from './spin'\nexport { default as Statistic } from './statistic'\nexport { default as Steps } from './steps'\nexport { default as Switch } from './switch'\nexport { default as Table } from './table'\nexport { default as Tabs } from './tabs'\nexport { default as Tag } from './tag'\nexport { default as TimePicker } from './time-picker'\nexport { default as Timeline } from './timeline'\nexport { default as Tooltip } from './tooltip'\nexport { default as Transfer } from './transfer'\nexport { default as Tree } from './tree'\nexport { default as TreeSelect } from './tree-select'\nexport { default as Typography } from './typography'\nexport { default as Upload } from './upload'\nexport { default as Version } from './version'\nexport { default as renderEmpty } from './render-empty'\n/**\n * 业务组件\n */\nexport { default as TntdLayout } from './tntd-layout'\nexport { default as AuthContext } from './auth-context'\nexport { default as QueryForm } from './query-form'\nexport { default as QueryListScene } from './query-list-scene'\nexport { default as TntdIcon } from './tntd-icon'\nexport { default as iconList } from './icon-list'\nexport { default as TntdModal } from './tntd-modal'\nexport { default as Columns } from './columns'\nexport { default as DevelopmentLogin } from './development-login'\nexport { default as LoadingButton } from './loading-button'\nexport { default as Handle } from './handle'\nexport { default as Page } from './page'\nexport { default as TntdSelect } from './tntd-select'\nexport { default as Img } from './img'\nexport { default as Title } from './title'\nexport { default as Ellipsis } from './ellipsis'\nexport { default as ArrayInput } from './array-input'\nexport { default as Exception } from './exception'\nexport { default as TntdCascader } from './tntd-cascader'\nexport { default as TntdSecondPage } from './tntd-second-page'\nexport { default as TntdForm } from './tntd-form'\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { default as Affix } from './affix'\nexport { default as Alert } from './alert'\nexport { default as Anchor } from './anchor'\nexport { default as AutoComplete } from './auto-complete'\nexport { default as Avatar } from './avatar'\nexport { default as BackTop } from './back-top'\nexport { default as Badge } from './badge'\nexport { default as Breadcrumb } from './breadcrumb'\nexport { default as Button } from './button'\nexport { default as Calendar } from './calendar'\nexport { default as Card } from './card'\nexport { default as Carousel } from './carousel'\nexport { default as Cascader } from './cascader'\nexport { default as Checkbox } from './checkbox'\nexport { default as Col } from './col'\nexport { default as Collapse } from './collapse'\nexport { default as Comment } from './comment'\nexport { default as ConfigProvider } from './config-provider'\nexport { default as DatePicker } from './date-picker'\nexport { default as Descriptions } from './descriptions'\nexport { default as Divider } from './divider'\nexport { default as Drawer } from './drawer'\nexport { default as Dropdown } from './dropdown'\nexport { default as Empty } from './empty'\nexport { default as Form } from './form'\nexport { default as Icon } from './icon'\nexport { default as Input } from './input'\nexport { default as InputNumber } from './input-number'\nexport { default as Layout } from './layout'\nexport { default as List } from './list'\nexport { default as LocaleProvider } from './locale-provider'\nexport { default as Mention } from './mention'\nexport { default as Mentions } from './mentions'\nexport { default as Menu } from './menu'\nexport { default as message } from './message'\nexport { default as Modal } from './modal'\nexport { default as notification } from './notification'\nexport { default as PageHeader } from './page-header'\nexport { default as Pagination } from './pagination'\nexport { default as Popconfirm } from './popconfirm'\nexport { default as Popover } from './popover'\nexport { default as Progress } from './progress'\nexport { default as Radio } from './radio'\nexport { default as Rate } from './rate'\nexport { default as Result } from './result'\nexport { default as Row } from './row'\nexport { default as Select } from './select'\nexport { default as Skeleton } from './skeleton'\nexport { default as Slider } from './slider'\nexport { default as Spin } from './spin'\nexport { default as Statistic } from './statistic'\nexport { default as Steps } from './steps'\nexport { default as Switch } from './switch'\nexport { default as Table } from './table'\nexport { default as Tabs } from './tabs'\nexport { default as Tag } from './tag'\nexport { default as TimePicker } from './time-picker'\nexport { default as Timeline } from './timeline'\nexport { default as Tooltip } from './tooltip'\nexport { default as Transfer } from './transfer'\nexport { default as Tree } from './tree'\nexport { default as TreeSelect } from './tree-select'\nexport { default as Typography } from './typography'\nexport { default as Upload } from './upload'\nexport { default as Version } from './version'\nexport { default as renderEmpty } from './render-empty'\n/**\n * 业务组件\n */\nexport { default as TntdLayout } from './tntd-layout'\nexport { default as AuthContext } from './auth-context'\nexport { default as QueryForm } from './query-form'\nexport { default as QueryListScene } from './query-list-scene'\nexport { default as TntdIcon } from './tntd-icon'\nexport { default as iconList } from './icon-list'\nexport { default as TntdModal } from './tntd-modal'\nexport { default as Columns } from './columns'\nexport { default as DevelopmentLogin } from './development-login'\nexport { default as LoadingButton } from './loading-button'\nexport { default as Handle } from './handle'\nexport { default as Page } from './page'\nexport { default as TntdSelect } from './tntd-select'\nexport { default as Img } from './img'\nexport { default as Title } from './title'\nexport { default as Ellipsis } from './ellipsis'\nexport { default as ArrayInput } from './array-input'\nexport { default as Exception } from './exception'\nexport { default as TntdCascader } from './tntd-cascader'\nexport { default as TntdSecondPage } from './tntd-second-page'\nexport { default as TntdForm } from './tntd-form'\nexport { Label } from './label'\n"]}
@@ -0,0 +1 @@
1
+ export * from './label';
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA","sourcesContent":["export * from './label'\n"]}
@@ -0,0 +1,140 @@
1
+ var __rest = this && this.__rest || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
4
+ if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
5
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
6
+ }
7
+ return t;
8
+ };
9
+ import classNames from 'classnames';
10
+ import React, { useMemo } from 'react';
11
+ import alpha from 'color-alpha';
12
+ import { ConfigConsumer } from 'antd/es/config-provider';
13
+ import AntdTag from 'antd/es/tag';
14
+ import Ellipsis from '../ellipsis';
15
+ import './label.less';
16
+ export var LabelColors;
17
+ (function (LabelColors) {
18
+ LabelColors["cyan"] = "cyan";
19
+ LabelColors["green"] = "green";
20
+ LabelColors["iris"] = "iris";
21
+ LabelColors["blue"] = "blue";
22
+ LabelColors["lavender"] = "lavender";
23
+ LabelColors["orange"] = "orange";
24
+ LabelColors["golden"] = "golden";
25
+ LabelColors["red"] = "red";
26
+ LabelColors["grey"] = "grey";
27
+ })(LabelColors || (LabelColors = {}));
28
+ const colors = {
29
+ [LabelColors.cyan]: '#1e9493',
30
+ [LabelColors.green]: '#07c790',
31
+ [LabelColors.iris]: '#5e47d3',
32
+ [LabelColors.blue]: '#126bfb',
33
+ [LabelColors.lavender]: '#945fb9',
34
+ [LabelColors.orange]: '#ed7b20',
35
+ [LabelColors.golden]: '#de8a02',
36
+ [LabelColors.red]: '#d96156',
37
+ [LabelColors.grey]: '#5e6e90'
38
+ };
39
+ /**
40
+ * 计算标签样式
41
+ *
42
+ * @param type
43
+ * @param preset
44
+ * @param textColorSame
45
+ */
46
+ const computeTagStyle = (type, color, textColorSame) => {
47
+ if (!color) {
48
+ return;
49
+ }
50
+ switch (type) {
51
+ case 'dot':
52
+ if (textColorSame) {
53
+ return {
54
+ color
55
+ };
56
+ }
57
+ return;
58
+ case 'filled':
59
+ return {
60
+ color: '#fff',
61
+ backgroundColor: color
62
+ };
63
+ case 'rounded':
64
+ return {
65
+ color,
66
+ backgroundColor: alpha(color, 0.1)
67
+ };
68
+ case 'outline':
69
+ return {
70
+ color,
71
+ borderColor: alpha(color, 0.4),
72
+ backgroundColor: alpha(color, 0.1)
73
+ };
74
+ }
75
+ };
76
+ export const Label = _a => {
77
+ var {
78
+ className,
79
+ children,
80
+ type,
81
+ color,
82
+ icon,
83
+ style,
84
+ textColorSame = icon != null,
85
+ iconPosition = 'prefix',
86
+ ellipsisOptions
87
+ } = _a,
88
+ props = __rest(_a, ["className", "children", "type", "color", "icon", "style", "textColorSame", "iconPosition", "ellipsisOptions"]);
89
+ const normalizeType = useMemo(() => {
90
+ if (icon) {
91
+ return 'dot';
92
+ }
93
+ return type;
94
+ }, [icon, type]);
95
+ const computedColor = useMemo(() => colors[color] || color, [color]);
96
+ const tagStyle = useMemo(() => computeTagStyle(normalizeType, computedColor, textColorSame), [normalizeType, computedColor, textColorSame]);
97
+ const hasIcon = useMemo(() => icon != null, [icon]);
98
+ return React.createElement(ConfigConsumer, null, ({
99
+ getPrefixCls
100
+ }) => {
101
+ const prefixCls = getPrefixCls('label');
102
+ const displayEllipsisOptions = (() => {
103
+ const options = Object.assign({}, ellipsisOptions);
104
+ const iconElement = React.createElement("span", {
105
+ className: `${prefixCls}-icon`,
106
+ style: {
107
+ color: computedColor
108
+ }
109
+ }, icon);
110
+ if (iconPosition === 'prefix') {
111
+ options.prefix = iconElement;
112
+ }
113
+ if (iconPosition === 'suffix') {
114
+ options.suffix = iconElement;
115
+ }
116
+ if (options.Popover === true) {
117
+ options.content = children;
118
+ } else {
119
+ options.title = children;
120
+ }
121
+ return options;
122
+ })();
123
+ return React.createElement(AntdTag, Object.assign({}, props, {
124
+ className: classNames(className, prefixCls, {
125
+ [`${prefixCls}-dot`]: normalizeType === 'dot',
126
+ [`${prefixCls}-outline`]: normalizeType === 'outline',
127
+ [`${prefixCls}-filled`]: normalizeType === 'filled',
128
+ [`${prefixCls}-rounded`]: normalizeType === 'rounded'
129
+ }),
130
+ style: Object.assign(Object.assign({}, style), tagStyle)
131
+ }), normalizeType === 'dot' && icon == null && React.createElement("span", {
132
+ className: `${prefixCls}-dot-symbol`,
133
+ style: {
134
+ backgroundColor: computedColor
135
+ }
136
+ }), hasIcon ? React.createElement(Ellipsis, Object.assign({}, displayEllipsisOptions), children) : children);
137
+ });
138
+ };
139
+ Label.CheckableLabel = AntdTag.CheckableTag;
140
+ export default Label;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/label/label.tsx"],"names":[],"mappings":"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","sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useMemo } from 'react'\nimport alpha from 'color-alpha'\n\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport type { TagProps as AntdTagProps } from 'antd/es/tag'\nimport AntdTag from 'antd/es/tag'\nimport type { CSSProperties } from 'react'\nimport Ellipsis from '../ellipsis'\n\nimport './label.less'\n\nexport enum LabelColors {\n cyan = 'cyan',\n green = 'green',\n iris = 'iris',\n blue = 'blue',\n lavender = 'lavender',\n orange = 'orange',\n golden = 'golden',\n red = 'red',\n grey = 'grey',\n}\n\nconst colors = {\n [LabelColors.cyan]: '#1e9493',\n [LabelColors.green]: '#07c790',\n [LabelColors.iris]: '#5e47d3',\n [LabelColors.blue]: '#126bfb',\n [LabelColors.lavender]: '#945fb9',\n [LabelColors.orange]: '#ed7b20',\n [LabelColors.golden]: '#de8a02',\n [LabelColors.red]: '#d96156',\n [LabelColors.grey]: '#5e6e90',\n}\n\nexport interface LabelProps extends AntdTagProps {\n /**\n * 类型\n */\n type?: 'dot' | 'filled' | 'outline' | 'rounded'\n /**\n * 颜色\n */\n color?: LabelColors | string\n /**\n * 文字是否同色\n */\n textColorSame?: boolean\n /**\n * 图标\n */\n icon?: ReactNode\n /**\n * 图标位置\n */\n iconPosition?: 'prefix' | 'suffix'\n /**\n * 省略配置\n */\n ellipsisOptions?: {\n Popover?: boolean\n emptyText?: string\n widthLimit?: number | string\n lines?: number\n [key: string]: unknown\n }\n}\n\n/**\n * 计算标签样式\n *\n * @param type\n * @param preset\n * @param textColorSame\n */\nconst computeTagStyle = (\n type: LabelProps['type'],\n color?: string,\n textColorSame?: boolean\n): CSSProperties | undefined => {\n if (!color) {\n return\n }\n\n switch (type) {\n case 'dot':\n if (textColorSame) {\n return {\n color,\n }\n }\n\n return\n case 'filled':\n return {\n color: '#fff',\n backgroundColor: color,\n }\n case 'rounded':\n return {\n color,\n backgroundColor: alpha(color, 0.1),\n }\n case 'outline':\n return {\n color,\n borderColor: alpha(color, 0.4),\n backgroundColor: alpha(color, 0.1),\n }\n }\n}\n\nexport const Label = ({\n className,\n children,\n type,\n color,\n icon,\n style,\n textColorSame = icon != null,\n iconPosition = 'prefix',\n ellipsisOptions,\n ...props\n}: LabelProps) => {\n const normalizeType = useMemo(() => {\n if (icon) {\n return 'dot'\n }\n\n return type\n }, [icon, type])\n const computedColor = useMemo(() => colors[color as LabelColors] || color, [color])\n const tagStyle = useMemo(\n () => computeTagStyle(normalizeType, computedColor, textColorSame),\n [normalizeType, computedColor, textColorSame]\n )\n const hasIcon = useMemo(() => icon != null, [icon])\n\n return (\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('label')\n const displayEllipsisOptions = (() => {\n const options = {\n ...ellipsisOptions,\n }\n const iconElement = (\n <span className={`${prefixCls}-icon`} style={{ color: computedColor }}>\n {icon}\n </span>\n )\n\n if (iconPosition === 'prefix') {\n options.prefix = iconElement\n }\n\n if (iconPosition === 'suffix') {\n options.suffix = iconElement\n }\n\n if (options.Popover === true) {\n options.content = children\n } else {\n options.title = children\n }\n\n return options\n })()\n\n return (\n <AntdTag\n {...props}\n className={classNames(className, prefixCls, {\n [`${prefixCls}-dot`]: normalizeType === 'dot',\n [`${prefixCls}-outline`]: normalizeType === 'outline',\n [`${prefixCls}-filled`]: normalizeType === 'filled',\n [`${prefixCls}-rounded`]: normalizeType === 'rounded',\n })}\n style={{\n ...style,\n ...tagStyle,\n }}\n >\n {normalizeType === 'dot' && icon == null && (\n <span\n className={`${prefixCls}-dot-symbol`}\n style={{\n backgroundColor: computedColor,\n }}\n />\n )}\n {hasIcon ? <Ellipsis {...displayEllipsisOptions}>{children}</Ellipsis> : children}\n </AntdTag>\n )\n }}\n </ConfigConsumer>\n )\n}\n\nLabel.CheckableLabel = AntdTag.CheckableTag\n\nexport default Label\n"]}
@@ -0,0 +1,48 @@
1
+ @label-prefix-cls: ~'@{ant-prefix}-label';
2
+
3
+ .@{label-prefix-cls} {
4
+ border: 1px solid transparent;
5
+ line-height: 22px;
6
+ min-width: 44px;
7
+ padding: 0 8px;
8
+ border-radius: 1px;
9
+ text-align: center;
10
+ font-size: @font-size-base;
11
+ background-color: rgba(94, 112, 146, 0.1);
12
+
13
+ &.@{label-prefix-cls}-checkable {
14
+ cursor: pointer;
15
+ }
16
+
17
+ &.@{label-prefix-cls}-rounded {
18
+ padding: 0 12px;
19
+ border-radius: 12px;
20
+ }
21
+
22
+ &.@{label-prefix-cls}-dot {
23
+ display: inline-flex;
24
+ align-items: center;
25
+ background-color: transparent;
26
+ padding: 0;
27
+ }
28
+
29
+ .@{label-prefix-cls}-icon {
30
+ display: inline-flex;
31
+ align-items: center;
32
+ margin-right: 4px;
33
+ }
34
+
35
+ .@{label-prefix-cls}-dot-symbol {
36
+ content: '';
37
+ display: inline-block;
38
+ width: 6px;
39
+ height: 6px;
40
+ border-radius: 50%;
41
+ margin-right: 8px;
42
+ }
43
+
44
+ .@{iconfont-css-prefix}-close {
45
+ margin-left: 4px;
46
+ color: #8b919e;
47
+ }
48
+ }
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { render } from '@testing-library/react';
3
+ import { Label } from './label';
4
+ describe('Label component', () => {
5
+ it('renders the component', () => {
6
+ const {
7
+ getByText
8
+ } = render(React.createElement(Label, null));
9
+ const component = getByText('Component');
10
+ expect(component).toBeDefined();
11
+ });
12
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.test.js","sourceRoot":"","sources":["../../src/label/label.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC/B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,KAAK,OAAG,CAAC,CAAA;QACvC,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAA;QAExC,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,EAAE,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport { render } from '@testing-library/react'\n\nimport { Label } from './label'\n\ndescribe('Label component', () => {\n it('renders the component', () => {\n const { getByText } = render(<Label />)\n const component = getByText('Component')\n\n expect(component).toBeDefined()\n })\n})\n"]}
package/es/page/index.js CHANGED
@@ -49,19 +49,16 @@ const PageLayout = _a => {
49
49
  // 计算children type是box的数量
50
50
  let boxCount = 0;
51
51
  // 如果children是单个节点,统一转为数组处理计算层级
52
- console.log('children', children);
53
52
  if (typeof children === 'object') {
54
53
  childrenToArray = [children];
55
54
  } else if (Array.isArray(children)) {
56
55
  childrenToArray = [...children];
57
56
  }
58
- console.log('React.Children', React.Children);
59
57
  React.Children.map(children, child => {
60
58
  if (isPageBox(child)) {
61
59
  boxCount += 1;
62
60
  }
63
61
  });
64
- console.log(boxCount);
65
62
  whiteCols = (_b = childrenToArray === null || childrenToArray === void 0 ? void 0 : childrenToArray.filter(({
66
63
  props
67
64
  }) => (props === null || props === void 0 ? void 0 : props.mode) === 'white')) === null || _b === void 0 ? void 0 : _b.length;
@@ -105,7 +102,6 @@ const PageLayout = _a => {
105
102
  }, React.Children.map(children, child => {
106
103
  // 如果children不是Box,就不需要多列布局
107
104
  if (!child.type) {
108
- // console.log("没有type");
109
105
  return React.cloneElement(React.createElement("div", null, child));
110
106
  }
111
107
  const extraProps = Object.assign({
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n height = '100vh',\n headerHeight = 50,\n children,\n title,\n goBack,\n goBackText,\n center,\n extra,\n size = 'small',\n inLayout = false,\n className,\n ...restProps\n}) => {\n // 如果传入只有数字,需要默认加px\n let computedHeaderHeight = addUnitForValue(headerHeight)\n let computedHeight = addUnitForValue(height)\n\n // 判断是否有标题栏\n if (!(title || extra || center)) {\n computedHeaderHeight = '0px'\n }\n\n if (inLayout) {\n computedHeaderHeight = '40px'\n }\n\n // 计算中间的zIndex,灰色递减,白色递增\n let whiteCols = 0\n let childrenToArray = []\n\n // 计算children type是box的数量\n let boxCount = 0\n\n // 如果children是单个节点,统一转为数组处理计算层级\n console.log('children', children)\n\n if (typeof children === 'object') {\n childrenToArray = [children]\n } else if (Array.isArray(children)) {\n childrenToArray = [...children]\n }\n\n console.log('React.Children', React.Children)\n React.Children.map(children, (child) => {\n if (isPageBox(child)) {\n boxCount += 1\n }\n })\n\n console.log(boxCount)\n\n whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n const total = childrenToArray?.length + 5\n let startIndex = total - whiteCols - 1\n let endIndex = total - 2\n const headerStyle = {\n height: computedHeaderHeight,\n padding: `${size === 'small' ? 20 : 24}px`,\n zIndex: inLayout ? 1 : total || 1,\n }\n const contentStyle = {\n display: boxCount > 0 ? 'flex' : 'block',\n marginTop: computedHeaderHeight,\n padding: inLayout ? '16px 20px' : '0px',\n }\n\n return (\n <section\n className={cn(clsPrefix, {\n [className]: className,\n 'in-layout': inLayout,\n 'not-in-layout': !inLayout,\n })}\n {...restProps}\n >\n {(title || goBack || center || extra) && (\n <div className={`${clsPrefix}-header`} style={headerStyle}>\n <div className={`${clsPrefix}-header-section`}>\n {goBack && (\n <div\n className=\"page-header-section-back\"\n onClick={() => {\n goBack()\n }}\n >\n <Icon type=\"left\" />\n <span>{goBackText ? goBackText : '返回'}</span>\n </div>\n )}\n {title}\n </div>\n {[center, extra].map((item, i) => (\n <div className={`${clsPrefix}-header-section`} key={i}>{item}</div>\n ))}\n </div>\n )}\n <div className={`${clsPrefix}-content`} style={contentStyle}>\n {React.Children.map(children, (child) => {\n // 如果children不是Box,就不需要多列布局\n if (!child.type) {\n // console.log(\"没有type\");\n return React.cloneElement(<div>{child}</div>)\n }\n\n const extraProps = {\n headerHeight: computedHeaderHeight,\n size,\n height: computedHeight,\n contentTotalMargin: inLayout ? '32px' : '0px',\n inLayout,\n ...child.props,\n }\n\n if (!isPageBox(child)) {\n return React.cloneElement(child, extraProps)\n }\n\n const { mode = 'gray', width } = child.props\n\n const style = {\n flex: computeWidth(width),\n // 设置cols层级关系\n zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n }\n\n const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n return React.createElement(\n 'div',\n { className, style },\n React.cloneElement(child, extraProps)\n )\n })}\n </div>\n </section>\n )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page/index.js"],"names":[],"mappings":"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","sourcesContent":["import cn from 'classnames'\nimport React from 'react'\nimport Icon from '../tntd-icon'\nimport Box from './Box'\nimport { addUnitForValue, computeWidth } from './utils'\n\nimport './index.less'\n\nconst clsPrefix = 'tnt-page'\n\nconst isPageBox = (child) => child?.type === Box || child?.props?.pageBox\n\nconst PageLayout = ({\n height = '100vh',\n headerHeight = 50,\n children,\n title,\n goBack,\n goBackText,\n center,\n extra,\n size = 'small',\n inLayout = false,\n className,\n ...restProps\n}) => {\n // 如果传入只有数字,需要默认加px\n let computedHeaderHeight = addUnitForValue(headerHeight)\n let computedHeight = addUnitForValue(height)\n\n // 判断是否有标题栏\n if (!(title || extra || center)) {\n computedHeaderHeight = '0px'\n }\n\n if (inLayout) {\n computedHeaderHeight = '40px'\n }\n\n // 计算中间的zIndex,灰色递减,白色递增\n let whiteCols = 0\n let childrenToArray = []\n\n // 计算children type是box的数量\n let boxCount = 0\n\n // 如果children是单个节点,统一转为数组处理计算层级\n\n if (typeof children === 'object') {\n childrenToArray = [children]\n } else if (Array.isArray(children)) {\n childrenToArray = [...children]\n }\n\n React.Children.map(children, (child) => {\n if (isPageBox(child)) {\n boxCount += 1\n }\n })\n\n whiteCols = childrenToArray?.filter(({ props }) => props?.mode === 'white')?.length\n const total = childrenToArray?.length + 5\n let startIndex = total - whiteCols - 1\n let endIndex = total - 2\n const headerStyle = {\n height: computedHeaderHeight,\n padding: `${size === 'small' ? 20 : 24}px`,\n zIndex: inLayout ? 1 : total || 1,\n }\n const contentStyle = {\n display: boxCount > 0 ? 'flex' : 'block',\n marginTop: computedHeaderHeight,\n padding: inLayout ? '16px 20px' : '0px',\n }\n\n return (\n <section\n className={cn(clsPrefix, {\n [className]: className,\n 'in-layout': inLayout,\n 'not-in-layout': !inLayout,\n })}\n {...restProps}\n >\n {(title || goBack || center || extra) && (\n <div className={`${clsPrefix}-header`} style={headerStyle}>\n <div className={`${clsPrefix}-header-section`}>\n {goBack && (\n <div\n className=\"page-header-section-back\"\n onClick={() => {\n goBack()\n }}\n >\n <Icon type=\"left\" />\n <span>{goBackText ? goBackText : '返回'}</span>\n </div>\n )}\n {title}\n </div>\n {[center, extra].map((item, i) => (\n <div className={`${clsPrefix}-header-section`} key={i}>\n {item}\n </div>\n ))}\n </div>\n )}\n <div className={`${clsPrefix}-content`} style={contentStyle}>\n {React.Children.map(children, (child) => {\n // 如果children不是Box,就不需要多列布局\n if (!child.type) {\n return React.cloneElement(<div>{child}</div>)\n }\n\n const extraProps = {\n headerHeight: computedHeaderHeight,\n size,\n height: computedHeight,\n contentTotalMargin: inLayout ? '32px' : '0px',\n inLayout,\n ...child.props,\n }\n\n if (!isPageBox(child)) {\n return React.cloneElement(child, extraProps)\n }\n\n const { mode = 'gray', width } = child.props\n\n const style = {\n flex: computeWidth(width),\n // 设置cols层级关系\n zIndex: mode === 'gray' ? endIndex-- : startIndex++,\n }\n\n const className = cn(`${clsPrefix}-box ${clsPrefix}-box-${mode}`)\n\n return React.createElement(\n 'div',\n { className, style },\n React.cloneElement(child, extraProps)\n )\n })}\n </div>\n </section>\n )\n}\n\nPageLayout.Box = Box\n\nexport default PageLayout\n"]}
@@ -164,7 +164,6 @@ export default class QueryList extends React.PureComponent {
164
164
  filters: _isEmpty(filters) ? undefined : filters,
165
165
  sorter: _isEmpty(sorter) ? undefined : sorter
166
166
  };
167
- console.log('onTableChange...', actions.getSubmittedFormData(), this.formData);
168
167
  Object.assign(this.formData, tableParams);
169
168
  // 排序变化暂时不处理,因为有时可能是前端sorter不需要走请求
170
169
  // 所以暂时排序有使用者自己处理
@@ -196,7 +195,6 @@ export default class QueryList extends React.PureComponent {
196
195
  configurable: true,
197
196
  writable: true,
198
197
  value: _throttle(evt => {
199
- console.log('onTableBodyScroll', evt.target.scrollTop);
200
198
  this.updateIsScrollToBottom(evt.target);
201
199
  }, 50)
202
200
  });