tntd 2.0.19 → 2.0.20

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 (171) hide show
  1. package/es/array-input/style/index.js +1 -0
  2. package/es/array-input/style/index.js.map +1 -0
  3. package/es/auth-context/style/index.js +1 -0
  4. package/es/auth-context/style/index.js.map +1 -0
  5. package/es/development-login/style/index.js +1 -0
  6. package/es/development-login/style/index.js.map +1 -0
  7. package/es/ellipsis/style/index.js +1 -0
  8. package/es/ellipsis/style/index.js.map +1 -0
  9. package/es/empty/render-empty.js +22 -0
  10. package/es/empty/render-empty.js.map +1 -0
  11. package/es/empty/style/index.js +2 -0
  12. package/es/empty/style/index.js.map +1 -0
  13. package/es/handle/style/index.js +1 -0
  14. package/es/handle/style/index.js.map +1 -0
  15. package/es/icon-list/style/index.js +1 -0
  16. package/es/icon-list/style/index.js.map +1 -0
  17. package/es/img/style/index.js +1 -0
  18. package/es/img/style/index.js.map +1 -0
  19. package/es/loading-button/style/index.js +1 -0
  20. package/es/loading-button/style/index.js.map +1 -0
  21. package/es/page/style/index.js +1 -0
  22. package/es/page/style/index.js.map +1 -0
  23. package/es/query-form/style/index.js +1 -0
  24. package/es/query-form/style/index.js.map +1 -0
  25. package/es/query-list-scene/style/index.js +1 -0
  26. package/es/query-list-scene/style/index.js.map +1 -0
  27. package/es/render-empty/style/index.js +1 -0
  28. package/es/render-empty/style/index.js.map +1 -0
  29. package/es/table/style/index.js +2 -0
  30. package/es/table/style/index.js.map +1 -0
  31. package/es/table/table.js +4 -1
  32. package/es/table/table.js.map +1 -1
  33. package/es/table/table.less +7 -0
  34. package/es/title/style/index.js +1 -0
  35. package/es/title/style/index.js.map +1 -0
  36. package/es/tntd-icon/style/index.js +1 -0
  37. package/es/tntd-icon/style/index.js.map +1 -0
  38. package/es/tntd-layout/style/index.js +1 -0
  39. package/es/tntd-layout/style/index.js.map +1 -0
  40. package/es/tntd-modal/style/index.js +1 -0
  41. package/es/tntd-modal/style/index.js.map +1 -0
  42. package/es/tntd-select/style/index.js +1 -0
  43. package/es/tntd-select/style/index.js.map +1 -0
  44. package/lib/array-input/style/index.d.ts +1 -0
  45. package/lib/array-input/style/index.d.ts.map +1 -0
  46. package/lib/array-input/style/index.js +1 -0
  47. package/lib/array-input/style/index.js.map +1 -0
  48. package/lib/auth-context/style/index.d.ts +1 -0
  49. package/lib/auth-context/style/index.d.ts.map +1 -0
  50. package/lib/auth-context/style/index.js +1 -0
  51. package/lib/auth-context/style/index.js.map +1 -0
  52. package/lib/development-login/style/index.d.ts +1 -0
  53. package/lib/development-login/style/index.d.ts.map +1 -0
  54. package/lib/development-login/style/index.js +1 -0
  55. package/lib/development-login/style/index.js.map +1 -0
  56. package/lib/ellipsis/style/index.d.ts +1 -0
  57. package/lib/ellipsis/style/index.d.ts.map +1 -0
  58. package/lib/ellipsis/style/index.js +1 -0
  59. package/lib/ellipsis/style/index.js.map +1 -0
  60. package/lib/empty/render-empty.d.ts +3 -0
  61. package/lib/empty/render-empty.d.ts.map +1 -0
  62. package/lib/empty/render-empty.js +32 -0
  63. package/lib/empty/render-empty.js.map +1 -0
  64. package/lib/empty/style/index.d.ts +3 -0
  65. package/lib/empty/style/index.d.ts.map +1 -0
  66. package/lib/empty/style/index.js +4 -0
  67. package/lib/empty/style/index.js.map +1 -0
  68. package/lib/handle/style/index.d.ts +1 -0
  69. package/lib/handle/style/index.d.ts.map +1 -0
  70. package/lib/handle/style/index.js +1 -0
  71. package/lib/handle/style/index.js.map +1 -0
  72. package/lib/icon-list/style/index.d.ts +3 -0
  73. package/lib/icon-list/style/index.d.ts.map +1 -0
  74. package/lib/icon-list/style/index.js +8 -0
  75. package/lib/icon-list/style/index.js.map +1 -0
  76. package/lib/img/style/index.d.ts +1 -0
  77. package/lib/img/style/index.d.ts.map +1 -0
  78. package/lib/img/style/index.js +1 -0
  79. package/lib/img/style/index.js.map +1 -0
  80. package/lib/loading-button/style/index.d.ts +1 -0
  81. package/lib/loading-button/style/index.d.ts.map +1 -0
  82. package/lib/loading-button/style/index.js +1 -0
  83. package/lib/loading-button/style/index.js.map +1 -0
  84. package/lib/page/style/index.d.ts +1 -0
  85. package/lib/page/style/index.d.ts.map +1 -0
  86. package/lib/page/style/index.js +1 -0
  87. package/lib/page/style/index.js.map +1 -0
  88. package/lib/query-form/style/index.d.ts +1 -0
  89. package/lib/query-form/style/index.d.ts.map +1 -0
  90. package/lib/query-form/style/index.js +1 -0
  91. package/lib/query-form/style/index.js.map +1 -0
  92. package/lib/query-list-scene/style/index.d.ts +1 -0
  93. package/lib/query-list-scene/style/index.d.ts.map +1 -0
  94. package/lib/query-list-scene/style/index.js +1 -0
  95. package/lib/query-list-scene/style/index.js.map +1 -0
  96. package/lib/render-empty/style/index.d.ts +2 -0
  97. package/lib/render-empty/style/index.d.ts.map +1 -0
  98. package/lib/render-empty/style/index.js +3 -0
  99. package/lib/render-empty/style/index.js.map +1 -0
  100. package/lib/table/style/index.d.ts +3 -0
  101. package/lib/table/style/index.d.ts.map +1 -0
  102. package/lib/table/style/index.js +4 -0
  103. package/lib/table/style/index.js.map +1 -0
  104. package/lib/table/table.d.ts +2 -1
  105. package/lib/table/table.d.ts.map +1 -1
  106. package/lib/table/table.js +4 -2
  107. package/lib/table/table.js.map +1 -1
  108. package/lib/table/table.less +7 -0
  109. package/lib/title/style/index.d.ts +1 -0
  110. package/lib/title/style/index.d.ts.map +1 -0
  111. package/lib/title/style/index.js +1 -0
  112. package/lib/title/style/index.js.map +1 -0
  113. package/lib/tntd-icon/style/index.d.ts +1 -0
  114. package/lib/tntd-icon/style/index.d.ts.map +1 -0
  115. package/lib/tntd-icon/style/index.js +1 -0
  116. package/lib/tntd-icon/style/index.js.map +1 -0
  117. package/lib/tntd-layout/style/index.d.ts +1 -0
  118. package/lib/tntd-layout/style/index.d.ts.map +1 -0
  119. package/lib/tntd-layout/style/index.js +1 -0
  120. package/lib/tntd-layout/style/index.js.map +1 -0
  121. package/lib/tntd-modal/style/index.d.ts +1 -0
  122. package/lib/tntd-modal/style/index.d.ts.map +1 -0
  123. package/lib/tntd-modal/style/index.js +1 -0
  124. package/lib/tntd-modal/style/index.js.map +1 -0
  125. package/lib/tntd-select/style/index.d.ts +1 -0
  126. package/lib/tntd-select/style/index.d.ts.map +1 -0
  127. package/lib/tntd-select/style/index.js +1 -0
  128. package/lib/tntd-select/style/index.js.map +1 -0
  129. package/package.json +1 -1
  130. package/es/tntd-form/CustomForm/components/Item.js +0 -40
  131. package/es/tntd-form/CustomForm/components/Item.js.map +0 -1
  132. package/es/tntd-form/CustomForm/components/ItemComp.js +0 -149
  133. package/es/tntd-form/CustomForm/components/ItemComp.js.map +0 -1
  134. package/es/tntd-form/CustomForm/components/List.js +0 -75
  135. package/es/tntd-form/CustomForm/components/List.js.map +0 -1
  136. package/es/tntd-form/CustomForm/index.js +0 -48
  137. package/es/tntd-form/CustomForm/index.js.map +0 -1
  138. package/es/tntd-form/CustomForm/interface.js +0 -1
  139. package/es/tntd-form/CustomForm/interface.js.map +0 -1
  140. package/es/tntd-form/CustomForm/store.js +0 -2
  141. package/es/tntd-form/CustomForm/store.js.map +0 -1
  142. package/es/tntd-form/CustomForm/utils.js +0 -215
  143. package/es/tntd-form/CustomForm/utils.js.map +0 -1
  144. package/lib/tntd-form/CustomForm/components/Item.d.ts +0 -5
  145. package/lib/tntd-form/CustomForm/components/Item.d.ts.map +0 -1
  146. package/lib/tntd-form/CustomForm/components/Item.js +0 -50
  147. package/lib/tntd-form/CustomForm/components/Item.js.map +0 -1
  148. package/lib/tntd-form/CustomForm/components/ItemComp.d.ts +0 -5
  149. package/lib/tntd-form/CustomForm/components/ItemComp.d.ts.map +0 -1
  150. package/lib/tntd-form/CustomForm/components/ItemComp.js +0 -169
  151. package/lib/tntd-form/CustomForm/components/ItemComp.js.map +0 -1
  152. package/lib/tntd-form/CustomForm/components/List.d.ts +0 -5
  153. package/lib/tntd-form/CustomForm/components/List.d.ts.map +0 -1
  154. package/lib/tntd-form/CustomForm/components/List.js +0 -96
  155. package/lib/tntd-form/CustomForm/components/List.js.map +0 -1
  156. package/lib/tntd-form/CustomForm/index.d.ts +0 -10
  157. package/lib/tntd-form/CustomForm/index.d.ts.map +0 -1
  158. package/lib/tntd-form/CustomForm/index.js +0 -66
  159. package/lib/tntd-form/CustomForm/index.js.map +0 -1
  160. package/lib/tntd-form/CustomForm/interface.d.ts +0 -88
  161. package/lib/tntd-form/CustomForm/interface.d.ts.map +0 -1
  162. package/lib/tntd-form/CustomForm/interface.js +0 -5
  163. package/lib/tntd-form/CustomForm/interface.js.map +0 -1
  164. package/lib/tntd-form/CustomForm/store.d.ts +0 -4
  165. package/lib/tntd-form/CustomForm/store.d.ts.map +0 -1
  166. package/lib/tntd-form/CustomForm/store.js +0 -10
  167. package/lib/tntd-form/CustomForm/store.js.map +0 -1
  168. package/lib/tntd-form/CustomForm/utils.d.ts +0 -48
  169. package/lib/tntd-form/CustomForm/utils.d.ts.map +0 -1
  170. package/lib/tntd-form/CustomForm/utils.js +0 -235
  171. package/lib/tntd-form/CustomForm/utils.js.map +0 -1
@@ -46,6 +46,8 @@ var Table = function Table(_a) {
46
46
  storageKey = _a.storageKey,
47
47
  columns = _a.columns,
48
48
  children = _a.children,
49
+ _a$showCellBorders = _a.showCellBorders,
50
+ showCellBorders = _a$showCellBorders === void 0 ? false : _a$showCellBorders,
49
51
  _a$pagination = _a.pagination,
50
52
  pagination = _a$pagination === void 0 ? {
51
53
  showTotal: function showTotal(total) {
@@ -54,7 +56,7 @@ var Table = function Table(_a) {
54
56
  } : _a$pagination,
55
57
  _a$enableToolbar = _a.enableToolbar,
56
58
  enableToolbar = _a$enableToolbar === void 0 ? false : _a$enableToolbar,
57
- rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "pagination", "enableToolbar"]);
59
+ rest = __rest(_a, ["className", "locale", "bordered", "refresh", "size", "storageKey", "columns", "children", "showCellBorders", "pagination", "enableToolbar"]);
58
60
  var tableContainer = (0, _react.useRef)(null);
59
61
  // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(
60
62
  // TABLE_SIZE_STORAGE_KEY,
@@ -97,7 +99,7 @@ var Table = function Table(_a) {
97
99
  var _classNames;
98
100
  var locale = localeObject;
99
101
  return _react["default"].createElement(_table["default"], Object.assign({
100
- className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-size-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _classNames), className),
102
+ className: (0, _classnames["default"])(prefixCls, (_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-hide-cell-borders"), !showCellBorders), _defineProperty(_classNames, "".concat(prefixCls, "-size-small"), size === 'small'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _defineProperty(_classNames, "".concat(prefixCls, "-size-middle"), size === 'middle'), _classNames), className),
101
103
  locale: locale,
102
104
  bordered: bordered,
103
105
  size: size,
@@ -1 +1 @@
1
- {"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAwD;AACxD,4FAAmE;AAEnE,0DAAoD;AACpD,kEAAyC;AACzC,4EAAmD;AACnD,4DAAmC;AACnC,+CAA8C;AAE9C,uCAAwC;AACxC,mCAA0C;AAC1C,mCAA0C;AAYnC,MAAM,KAAK,GAAG,CAAK,EAcV,EAAE,EAAE;QAdM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAbiB,0HAczB,CADQ;IAEP,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,IAAA,wBAAgB,EAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,wBAAgB,EACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,uCAAK,GAAG,EAAE,cAAc;gBACtB,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,OAAO;4BAC7C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAChD,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAtFY,QAAA,KAAK,SAsFjB;AAED,aAAK,CAAC,MAAM,GAAG,gBAAM,CAAA;AACrB,aAAK,CAAC,WAAW,GAAG,qBAAW,CAAA;AAC/B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/lib/table'\nimport { default as AntdTable } from 'antd/lib/table'\nimport Column from 'antd/lib/table/Column'\nimport ColumnGroup from 'antd/lib/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n}\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n refresh,\n size,\n storageKey,\n columns,\n children,\n pagination = {\n showTotal: (total) => `共 ${total} 条记录`,\n },\n enableToolbar = false,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n const locale = localeObject as Record<string, string>\n\n return (\n <AntdTable\n className={classNames(\n prefixCls,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-size-small`]: size === 'small',\n [`${prefixCls}-size-middle`]: size === 'middle',\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={displayColumns}\n pagination={pagination}\n {...rest}\n />\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
1
+ {"version":3,"file":"table.js","sourceRoot":"","sources":["../../src/table/table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6DAAwD;AACxD,4FAAmE;AAEnE,0DAAoD;AACpD,kEAAyC;AACzC,4EAAmD;AACnD,4DAAmC;AACnC,+CAA8C;AAE9C,uCAAwC;AACxC,mCAA0C;AAC1C,mCAA0C;AAanC,MAAM,KAAK,GAAG,CAAK,EAeV,EAAE,EAAE;QAfM,EACxB,SAAS,EACT,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAQ,EACR,eAAe,GAAG,KAAK,EACvB,UAAU,GAAG;QACX,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM;KACvC,EACD,aAAa,GAAG,KAAK,OAEP,EADX,IAAI,cAdiB,6IAezB,CADQ;IAEP,MAAM,cAAc,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACnD,4EAA4E;IAC5E,4BAA4B;IAC5B,cAAc;IACd,IAAI;IACJ,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,OAAO,IAAI,IAAA,wBAAgB,EAAI,QAA+B,CAAC,EACrE,CAAC,QAAQ,EAAE,OAAO,CAAC,CACpB,CAAA;IACD,MAAM,CAAC,cAAc,EAAE,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,wBAAgB,EACxE,iBAAiB,EACjB,UAAU,CACX,CAAA;IAED;;OAEG;IACH,oBAAoB;IACpB,gBAAgB;IAChB,yBAAyB;IACzB,MAAM;IACN,2BAA2B;IAE3B,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,mBAAmB;YACnB,cAAc;YACd,aAAa;YACb,OAAO;YACP,yBAAyB;YACzB,gBAAgB;SACjB;QAED,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;YAEvC,OAAO,CACL,uCAAK,GAAG,EAAE,cAAc;gBACtB,8BAAC,wBAAc,IAAC,aAAa,EAAC,OAAO,EAAC,aAAa,EAAE,MAAM,IACxD,CAAC,YAAY,EAAE,EAAE;oBAChB,MAAM,MAAM,GAAG,YAAsC,CAAA;oBAErD,OAAO,CACL,8BAAC,eAAS,kBACR,SAAS,EAAE,IAAA,oBAAU,EACnB,SAAS,EACT;4BACE,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,CAAC,QAAQ;4BACtC,CAAC,GAAG,SAAS,oBAAoB,CAAC,EAAE,CAAC,eAAe;4BACpD,CAAC,GAAG,SAAS,aAAa,CAAC,EAAE,IAAI,KAAK,OAAO;4BAC7C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;4BAC/C,CAAC,GAAG,SAAS,cAAc,CAAC,EAAE,IAAI,KAAK,QAAQ;yBAChD,EACD,SAAS,CACV,EACD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,cAAc,EACvB,UAAU,EAAE,UAAU,IAClB,IAAI,EACR,CACH,CAAA;gBACH,CAAC,CACc,CACb,CACP,CAAA;QACH,CAAC,CACc,CACK,CACzB,CAAA;AACH,CAAC,CAAA;AAzFY,QAAA,KAAK,SAyFjB;AAED,aAAK,CAAC,MAAM,GAAG,gBAAM,CAAA;AACrB,aAAK,CAAC,WAAW,GAAG,qBAAW,CAAA;AAC/B,aAAK,CAAC,WAAW,GAAG,OAAO,CAAA","sourcesContent":["import { ConfigConsumer } from 'antd/lib/config-provider'\nimport LocaleReceiver from 'antd/lib/locale-provider/LocaleReceiver'\nimport type { TableProps as AntdTableProps } from 'antd/lib/table'\nimport { default as AntdTable } from 'antd/lib/table'\nimport Column from 'antd/lib/table/Column'\nimport ColumnGroup from 'antd/lib/table/ColumnGroup'\nimport classNames from 'classnames'\nimport React, { useMemo, useRef } from 'react'\n\nimport { TableContext } from './context'\nimport { useColumnSetting } from './hooks'\nimport { normalizeColumns } from './utils'\n\nexport type TableProps<T> = Omit<AntdTableProps<T>, 'locale'> & {\n storageKey?: string\n enableToolbar?: boolean\n showCellBorders?: boolean\n locale?: AntdTableProps<T>['locale'] & {\n loadingDescription?: string\n emptyText?: string\n }\n refresh?(): void\n}\n\nexport const Table = <T,>({\n className,\n locale,\n bordered,\n refresh,\n size,\n storageKey,\n columns,\n children,\n showCellBorders = false,\n pagination = {\n showTotal: (total) => `共 ${total} 条记录`,\n },\n enableToolbar = false,\n ...rest\n}: TableProps<T>) => {\n const tableContainer = useRef<HTMLDivElement>(null)\n // const [innerSize, setInnerSize] = useLocalStorage<TableProps<T>['size']>(\n // TABLE_SIZE_STORAGE_KEY,\n // 'default'\n // )\n const normalizedColumns = useMemo(\n () => columns || normalizeColumns<T>(children as React.ReactChildren),\n [children, columns]\n )\n const [displayColumns, columnSetting, setColumnSetting] = useColumnSetting(\n normalizedColumns,\n storageKey\n )\n\n /**\n * update the innerSize when props size changes\n */\n // useEffect(() => {\n // if (size) {\n // setInnerSize(size)\n // }\n // }, [setInnerSize, size])\n\n return (\n <TableContext.Provider\n value={{\n // size: innerSize,\n tableContainer,\n columnSetting,\n refresh,\n // setSize: setInnerSize,\n setColumnSetting,\n }}\n >\n <ConfigConsumer>\n {({ getPrefixCls }) => {\n const prefixCls = getPrefixCls('table')\n\n return (\n <div ref={tableContainer}>\n <LocaleReceiver componentName=\"Table\" defaultLocale={locale}>\n {(localeObject) => {\n const locale = localeObject as Record<string, string>\n\n return (\n <AntdTable\n className={classNames(\n prefixCls,\n {\n [`${prefixCls}-borderless`]: !bordered,\n [`${prefixCls}-hide-cell-borders`]: !showCellBorders,\n [`${prefixCls}-size-small`]: size === 'small',\n [`${prefixCls}-size-middle`]: size === 'middle',\n [`${prefixCls}-size-middle`]: size === 'middle',\n },\n className\n )}\n locale={locale}\n bordered={bordered}\n size={size}\n columns={displayColumns}\n pagination={pagination}\n {...rest}\n />\n )\n }}\n </LocaleReceiver>\n </div>\n )\n }}\n </ConfigConsumer>\n </TableContext.Provider>\n )\n}\n\nTable.Column = Column\nTable.ColumnGroup = ColumnGroup\nTable.displayName = 'Table'\n"]}
@@ -19,6 +19,13 @@
19
19
  }
20
20
  }
21
21
 
22
+ &.@{table-prefix-cls}-hide-cell-borders {
23
+ .@{table-prefix-cls}-thead > tr > th:not(:last-child),
24
+ .@{table-prefix-cls}-tbody > tr > td:not(:last-child) {
25
+ border-right: none;
26
+ }
27
+ }
28
+
22
29
  // middle table override
23
30
  &.@{table-prefix-cls}-size-middle {
24
31
  .@{table-prefix-cls}-pagination.@{pagination-prefix-cls} {
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/title/style/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/title/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-icon/style/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-icon/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-layout/style/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-layout/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-modal/style/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-modal/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
@@ -0,0 +1 @@
1
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tntd-select/style/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1 @@
1
+ "use strict";
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-select/style/index.ts"],"names":[],"mappings":"","sourcesContent":[""]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tntd",
3
- "version": "2.0.19",
3
+ "version": "2.0.20",
4
4
  "license": "MIT",
5
5
  "dependencies": {
6
6
  "@icon-park/react": "^1.3.5",
@@ -1,40 +0,0 @@
1
- /*
2
- * @Descripttion: CustomForm.Item
3
- * @Author: 郑泳健
4
- * @Date: 2023-02-22 23:25:24
5
- * @LastEditors: 郑泳健
6
- * @LastEditTime: 2023-03-17 16:50:32
7
- */
8
- import React, { useContext, memo } from 'react';
9
- import ItemComp from './ItemComp';
10
- import { FormContext } from '../store';
11
- const Item = ({
12
- name,
13
- children,
14
- style,
15
- rules,
16
- shouldUpdate,
17
- initialValue,
18
- dependencies
19
- }) => {
20
- const {
21
- form,
22
- initialValues,
23
- currentChangeKeys,
24
- setCurrentChangeKeys
25
- } = useContext(FormContext);
26
- return React.createElement(ItemComp, Object.assign({}, {
27
- style,
28
- rules,
29
- name,
30
- children,
31
- form,
32
- currentChangeKeys,
33
- setCurrentChangeKeys,
34
- initialValues,
35
- initialValue,
36
- shouldUpdate,
37
- dependencies
38
- }));
39
- };
40
- export default memo(Item);
@@ -1 +0,0 @@
1
- {"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/components/Item.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,IAAI,GAAwB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GACpE,UAAU,CAAe,WAAW,CAAC,CAAC;IAExC,OAAO,CACL,oBAAC,QAAQ,oBACH;QACF,KAAK;QACL,KAAK;QACL,IAAI;QACJ,QAAQ;QACR,IAAI;QACJ,iBAAiB;QACjB,oBAAoB;QACpB,aAAa;QACb,YAAY;QACZ,YAAY;QACZ,YAAY;KACb,EACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,IAAI,CAAC,CAAC","sourcesContent":["/*\n * @Descripttion: CustomForm.Item\n * @Author: 郑泳健\n * @Date: 2023-02-22 23:25:24\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:50:32\n */\n\nimport React, { useContext, memo } from 'react';\nimport ItemComp from './ItemComp';\nimport { FormContext } from '../store';\nimport type { IFormItem, IFormContext } from '../interface';\n\nconst Item: React.FC<IFormItem> = ({\n name,\n children,\n style,\n rules,\n shouldUpdate,\n initialValue,\n dependencies,\n}) => {\n const { form, initialValues, currentChangeKeys, setCurrentChangeKeys } =\n useContext<IFormContext>(FormContext);\n\n return (\n <ItemComp\n {...{\n style,\n rules,\n name,\n children,\n form,\n currentChangeKeys,\n setCurrentChangeKeys,\n initialValues,\n initialValue,\n shouldUpdate,\n dependencies,\n }}\n />\n );\n};\n\nexport default memo(Item);\n"]}
@@ -1,149 +0,0 @@
1
- import _isEqual from "lodash/isEqual";
2
- /*
3
- * @Descripttion: 对CustomForm.Item进行性能优化
4
- * @Author: 郑泳健
5
- * @Date: 2023-02-23 12:47:28
6
- * @LastEditors: 郑泳健
7
- * @LastEditTime: 2023-03-17 16:55:35
8
- */
9
- import React, { useState, memo, useEffect } from 'react';
10
- import { getNames, handleCheckItem, getInitValue } from '../utils';
11
- const ItemComp = ({
12
- form,
13
- name,
14
- children,
15
- style,
16
- initialValues,
17
- initialValue,
18
- rules,
19
- setCurrentChangeKeys
20
- }) => {
21
- const [value, setValue] = useState(undefined);
22
- const [errorMsg, setErrorMsg] = useState(undefined);
23
- /**
24
- * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行,需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的
25
- * @param name
26
- * @param value
27
- * @returns
28
- */
29
- const generateFormData = (name, value) => {
30
- if (!name || !form) return;
31
- const [str, ...rest] = name;
32
- rest.forEach(i => {
33
- if (form.formData[str]) {
34
- form.formData[str][i].value = value;
35
- form.formData[str][i].checkItem = () => {
36
- const error = handleCheckItem(value, rules);
37
- setErrorMsg(error);
38
- return error;
39
- };
40
- } else {
41
- form.formData[str] = {
42
- [i]: {
43
- value,
44
- checkItem: () => {
45
- const error = handleCheckItem(value, rules);
46
- setErrorMsg(error);
47
- return error;
48
- },
49
- setItemValue: () => {},
50
- errorMsg: undefined
51
- }
52
- };
53
- }
54
- });
55
- };
56
- // 为了给最外层提供方法去校验,比如保存的时候.
57
- // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行,如果添加了依赖value会导致子组件获取到的formData永远是上一次的
58
- useEffect(() => {
59
- if (!name || !form) return;
60
- const [str, ...rest] = name;
61
- const addItem = {
62
- setItemValue: (_val, callback) => {
63
- const error = handleCheckItem(_val, rules);
64
- setValue(_val);
65
- setErrorMsg(error);
66
- callback === null || callback === void 0 ? void 0 : callback();
67
- },
68
- checkItem: () => {
69
- const error = handleCheckItem(value, rules);
70
- setErrorMsg(error);
71
- return error;
72
- },
73
- value,
74
- errorMsg
75
- };
76
- rest.forEach(i => {
77
- if (form.formData[str]) {
78
- form.formData[str][i] = addItem;
79
- } else {
80
- form.formData[str] = {
81
- [i]: addItem
82
- };
83
- }
84
- });
85
- }, [rules, name, errorMsg, form]);
86
- /** 这段代码不能删除,当增加/删除列的时候有些默认值需要更新 */
87
- useEffect(() => {
88
- if (initialValue) {
89
- setValue(initialValue);
90
- generateFormData(name, initialValue);
91
- }
92
- }, [initialValue]);
93
- // 初始化设置默认值,
94
- useEffect(() => {
95
- var _a;
96
- const initValue = getInitValue(initialValues, name);
97
- // @ts-ignore
98
- const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue;
99
- setValue(_value);
100
- generateFormData(name, _value);
101
- if (name) {
102
- setCurrentChangeKeys([(_a = getNames(name)) === null || _a === void 0 ? void 0 : _a.join('.')]);
103
- }
104
- }, []);
105
- // 默认方法
106
- const handleChange = e => {
107
- var _a, _b;
108
- let val;
109
- if (typeof e === 'object') {
110
- val = (_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value;
111
- } else {
112
- val = e;
113
- }
114
- setValue(val);
115
- generateFormData(name, val);
116
- const error = handleCheckItem(val, rules);
117
- setErrorMsg(error);
118
- if (name) {
119
- setCurrentChangeKeys([(_b = getNames(name)) === null || _b === void 0 ? void 0 : _b.join('.')]);
120
- }
121
- };
122
- return React.createElement("div", {
123
- className: errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper',
124
- style: style
125
- }, React.Children.map(children, child => {
126
- var _a;
127
- if (React.isValidElement(child)) {
128
- return React.cloneElement(child, Object.assign({
129
- value,
130
- form,
131
- onChange: handleChange,
132
- 'data-key': (_a = getNames(name)) === null || _a === void 0 ? void 0 : _a.join('.')
133
- }, child.props));
134
- }
135
- return null;
136
- }), errorMsg && React.createElement("div", {
137
- className: "ant-form-explain ant-form-item-explain-error"
138
- }, errorMsg));
139
- };
140
- function arePropsEqual(prevProps, nextProps) {
141
- if (Array.isArray(nextProps.currentChangeKeys) && nextProps.currentChangeKeys.length && _isEqual(prevProps.initialValues, nextProps.initialValues) && !nextProps.currentChangeKeys.includes(getNames(nextProps.name).join('.')) && !nextProps.shouldUpdate && Array.isArray(nextProps.dependencies) && nextProps.dependencies.every(i => {
142
- var _a;
143
- return !((_a = nextProps.currentChangeKeys) === null || _a === void 0 ? void 0 : _a.includes(getNames(i).join('.')));
144
- })) {
145
- return true;
146
- }
147
- return false;
148
- }
149
- export default memo(ItemComp, arePropsEqual);
@@ -1 +0,0 @@
1
- {"version":3,"file":"ItemComp.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/components/ItemComp.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGnE,MAAM,QAAQ,GAAwB,CAAC,EACrC,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,aAAa,EACb,YAAY,EACZ,KAAK,EACL,oBAAoB,GACrB,EAAE,EAAE;IACH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAoB,SAAS,CAAC,CAAC;IACjE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAExE;;;;;OAKG;IACH,MAAM,gBAAgB,GAAG,CAAC,IAAuB,EAAE,KAAwB,EAAE,EAAE;QAC7E,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO;QAC3B,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAE5B,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;gBACpC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE;oBACrC,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;oBAC5C,WAAW,CAAC,KAAK,CAAC,CAAC;oBACnB,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC;aACH;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG;oBACnB,CAAC,CAAC,CAAC,EAAE;wBACH,KAAK;wBACL,SAAS,EAAE,GAAG,EAAE;4BACd,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;4BAC5C,WAAW,CAAC,KAAK,CAAC,CAAC;4BACnB,OAAO,KAAK,CAAC;wBACf,CAAC;wBACD,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;wBACtB,QAAQ,EAAE,SAAS;qBACpB;iBACF,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,yBAAyB;IACzB,uFAAuF;IACvF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI;YAAE,OAAO;QAC3B,MAAM,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAE5B,MAAM,OAAO,GAAkB;YAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE;gBAC/B,MAAM,KAAK,GAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;gBAC3C,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACf,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACf,CAAC;YACD,SAAS,EAAE,GAAG,EAAE;gBACd,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;gBAC5C,WAAW,CAAC,KAAK,CAAC,CAAC;gBACnB,OAAO,KAAK,CAAC;YACf,CAAC;YACD,KAAK;YACL,QAAQ;SACT,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;YACjB,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;aACjC;iBAAM;gBACL,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG;oBACnB,CAAC,CAAC,CAAC,EAAE,OAAO;iBACb,CAAC;aACH;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IAElC,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE;YAChB,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,YAAY;IACZ,SAAS,CAAC,GAAG,EAAE;;QACb,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAsB,CAAC;QACzE,aAAa;QACb,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpF,QAAQ,CAAC,MAAM,CAAC,CAAC;QACjB,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QAC/B,IAAI,IAAI,EAAE;YACR,oBAAoB,CAAC,CAAC,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACnD;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;IACP,MAAM,YAAY,GAAG,CACnB,CAIa,EACb,EAAE;;QACF,IAAI,GAAG,CAAC;QACR,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;YACzB,GAAG,GAAG,MAAC,CAAmF,aAAnF,CAAC,uBAAD,CAAC,CACJ,MAAM,0CAAE,KAAK,CAAC;SACnB;aAAM;YACL,GAAG,GAAG,CAAC,CAAC;SACT;QACD,QAAQ,CAAC,GAAG,CAAC,CAAC;QACd,gBAAgB,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC5B,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC1C,WAAW,CAAC,KAAK,CAAC,CAAC;QACnB,IAAI,IAAI,EAAE;YACR,oBAAoB,CAAC,CAAC,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;SACnD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BACE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC,CAAC,0BAA0B,EACvF,KAAK,EAAE,KAAK;QAEX,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;;YACtC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,kBAC7B,KAAK;oBACL,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,MAAA,QAAQ,CAAC,IAAI,CAAC,0CAAE,IAAI,CAAC,GAAG,CAAC,IAClC,KAAK,CAAC,KAAK,EACd,CAAC;aACJ;YACD,OAAO,IAAI,CAAC;QACd,CAAC,CAAC;QACD,QAAQ,IAAI,6BAAK,SAAS,EAAC,8CAA8C,IAAE,QAAQ,CAAO,CACvF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,aAAa,CAAC,SAAoB,EAAE,SAAoB;IAC/D,IACE,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,iBAAiB,CAAC;QAC1C,SAAS,CAAC,iBAAiB,CAAC,MAAM;QAClC,OAAO,CAAC,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,aAAa,CAAC;QACzD,CAAC,SAAS,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACzE,CAAC,SAAS,CAAC,YAAY;QACvB,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC;QACrC,SAAS,CAAC,YAAY,CAAC,KAAK,CAC1B,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,CAAC,CAAA,MAAA,SAAS,CAAC,iBAAiB,0CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA,CAAA,EAAA,CACrE,EACD;QACA,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,eAAe,IAAI,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC","sourcesContent":["/*\n * @Descripttion: 对CustomForm.Item进行性能优化\n * @Author: 郑泳健\n * @Date: 2023-02-23 12:47:28\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:55:35\n */\n\nimport React, { useState, memo, useEffect } from 'react';\nimport { isEqual } from 'lodash';\nimport { getNames, handleCheckItem, getInitValue } from '../utils';\nimport type { IFormItem, IFormItemData, TinitialValueType } from '../interface';\n\nconst ItemComp: React.FC<IFormItem> = ({\n form,\n name,\n children,\n style,\n initialValues,\n initialValue,\n rules,\n setCurrentChangeKeys,\n}) => {\n const [value, setValue] = useState<TinitialValueType>(undefined);\n const [errorMsg, setErrorMsg] = useState<string | undefined>(undefined);\n\n /**\n * 动态修改form内部的值,为啥不在useEffect里面处理的原因是子组件的useEffect会比父组件useEffect先执行,需要保证在子组件useEffect监听value变化的时候获取到的formData永远是最新的\n * @param name\n * @param value\n * @returns\n */\n const generateFormData = (name: string[] | string, value: TinitialValueType) => {\n if (!name || !form) return;\n const [str, ...rest] = name;\n\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i].value = value;\n form.formData[str][i].checkItem = () => {\n const error = handleCheckItem(value, rules);\n setErrorMsg(error);\n return error;\n };\n } else {\n form.formData[str] = {\n [i]: {\n value,\n checkItem: () => {\n const error = handleCheckItem(value, rules);\n setErrorMsg(error);\n return error;\n },\n setItemValue: () => {},\n errorMsg: undefined,\n },\n };\n }\n });\n };\n\n // 为了给最外层提供方法去校验,比如保存的时候.\n // 这里依赖不要添加value,因为子组件的useEffect会比父组件useEffect先执行,如果添加了依赖value会导致子组件获取到的formData永远是上一次的\n useEffect(() => {\n if (!name || !form) return;\n const [str, ...rest] = name;\n\n const addItem: IFormItemData = {\n setItemValue: (_val, callback) => {\n const error = handleCheckItem(_val, rules);\n setValue(_val);\n setErrorMsg(error);\n callback?.();\n },\n checkItem: () => {\n const error = handleCheckItem(value, rules);\n setErrorMsg(error);\n return error;\n },\n value,\n errorMsg,\n };\n rest.forEach((i) => {\n if (form.formData[str]) {\n form.formData[str][i] = addItem;\n } else {\n form.formData[str] = {\n [i]: addItem,\n };\n }\n });\n }, [rules, name, errorMsg, form]);\n\n /** 这段代码不能删除,当增加/删除列的时候有些默认值需要更新 */\n useEffect(() => {\n if (initialValue) {\n setValue(initialValue);\n generateFormData(name, initialValue);\n }\n }, [initialValue]);\n\n // 初始化设置默认值,\n useEffect(() => {\n const initValue = getInitValue(initialValues, name) as TinitialValueType;\n // @ts-ignore\n const _value = ['', null, undefined].includes(initValue) ? initialValue : initValue;\n\n setValue(_value);\n generateFormData(name, _value);\n if (name) {\n setCurrentChangeKeys([getNames(name)?.join('.')]);\n }\n }, []);\n\n // 默认方法\n const handleChange = (\n e:\n | React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>\n | string\n | number\n | undefined,\n ) => {\n let val;\n if (typeof e === 'object') {\n val = (e as React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement>)\n ?.target?.value;\n } else {\n val = e;\n }\n setValue(val);\n generateFormData(name, val);\n const error = handleCheckItem(val, rules);\n setErrorMsg(error);\n if (name) {\n setCurrentChangeKeys([getNames(name)?.join('.')]);\n }\n };\n\n return (\n <div\n className={errorMsg ? 'has-error custom-form-item-wrapper' : 'custom-form-item-wrapper'}\n style={style}\n >\n {React.Children.map(children, (child) => {\n if (React.isValidElement(child)) {\n return React.cloneElement(child, {\n value,\n form,\n onChange: handleChange,\n 'data-key': getNames(name)?.join('.'),\n ...child.props,\n });\n }\n return null;\n })}\n {errorMsg && <div className=\"ant-form-explain ant-form-item-explain-error\">{errorMsg}</div>}\n </div>\n );\n};\n\nfunction arePropsEqual(prevProps: IFormItem, nextProps: IFormItem) {\n if (\n Array.isArray(nextProps.currentChangeKeys) &&\n nextProps.currentChangeKeys.length &&\n isEqual(prevProps.initialValues, nextProps.initialValues) &&\n !nextProps.currentChangeKeys.includes(getNames(nextProps.name).join('.')) &&\n !nextProps.shouldUpdate &&\n Array.isArray(nextProps.dependencies) &&\n nextProps.dependencies.every(\n (i) => !nextProps.currentChangeKeys?.includes(getNames(i).join('.')),\n )\n ) {\n return true;\n }\n return false;\n}\n\nexport default memo(ItemComp, arePropsEqual);\n"]}
@@ -1,75 +0,0 @@
1
- import _isEqual from "lodash/isEqual";
2
- import _cloneDeep from "lodash/cloneDeep";
3
- /*
4
- * @Descripttion: FormList
5
- * @Author: 郑泳健
6
- * @Date: 2023-03-06 18:42:08
7
- * @LastEditors: 郑泳健
8
- * @LastEditTime: 2023-03-17 16:50:57
9
- */
10
- import React, { useState, useEffect, useRef, useContext, memo } from 'react';
11
- import { getNames } from '../utils';
12
- import { FormContext } from '../store';
13
- const List = ({
14
- name,
15
- children
16
- }) => {
17
- const maxRef = useRef(-1);
18
- const {
19
- form,
20
- initialValues
21
- } = useContext(FormContext);
22
- const [dataLevel, setDataLevel] = useState([]);
23
- useEffect(() => {
24
- const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
25
- if (form && form.dataLevel) {
26
- form.dataLevel[key] = dataLevel;
27
- }
28
- }, [form, dataLevel, name]);
29
- /** 根据默认数值自动生成dataLevel */
30
- useEffect(() => {
31
- let dataSource = initialValues;
32
- const attrs = getNames(name);
33
- for (const key of attrs) {
34
- dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
35
- }
36
- if (Array.isArray(dataSource)) {
37
- const _level = dataSource.map((i, index) => {
38
- return {
39
- key: index,
40
- name: `${attrs.join('.')}.${index}`
41
- };
42
- });
43
- setDataLevel(_level);
44
- maxRef.current = dataSource.length - 1;
45
- }
46
- }, [initialValues, name]);
47
- /** 新增一列 */
48
- const handleAdd = index => {
49
- const tempDataLevel = _cloneDeep(dataLevel);
50
- maxRef.current++;
51
- const attrs = getNames(name);
52
- tempDataLevel.splice(index + 1, 0, {
53
- key: maxRef.current,
54
- name: `${attrs === null || attrs === void 0 ? void 0 : attrs.join('.')}.${maxRef.current}`
55
- });
56
- setDataLevel(tempDataLevel);
57
- };
58
- /** 删除一列 */
59
- const handleDel = index => {
60
- const temp = _cloneDeep(dataLevel);
61
- temp.splice(index, 1);
62
- setDataLevel(temp);
63
- };
64
- return React.createElement(React.Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, {
65
- add: handleAdd,
66
- remove: handleDel
67
- }));
68
- };
69
- // name 没有改变就不需要重复render
70
- export default memo(List, (nextProps, prevProps) => {
71
- if (_isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {
72
- return true;
73
- }
74
- return false;
75
- });
@@ -1 +0,0 @@
1
- {"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/CustomForm/components/List.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,MAAM,IAAI,GAA6B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5D,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1B,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,UAAU,CAAe,WAAW,CAAC,CAAC;IACtE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAW,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3D,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,EAAE;YAC1B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC;IAE5B,0BAA0B;IAC1B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,GAAG,aAAa,CAAC;QAC/B,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAE7B,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE;YACvB,UAAU,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,GAAG,CAAC,KAAI,CAAC,EAAE,CAAC,CAAC;SACxC;QAED,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;YAC7B,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBACzC,OAAO;oBACL,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,EAAE;iBACpC,CAAC;YACJ,CAAC,CAAC,CAAC;YACH,YAAY,CAAC,MAAM,CAAC,CAAC;YACrB,MAAM,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC;IAE1B,WAAW;IACX,MAAM,SAAS,GAAiB,CAAC,KAAK,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QAC3C,MAAM,CAAC,OAAO,EAAE,CAAC;QACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,aAAa,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE;YACjC,GAAG,EAAE,MAAM,CAAC,OAAO;YACnB,IAAI,EAAE,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,OAAO,EAAE;SAC9C,CAAC,CAAC;QACH,YAAY,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,WAAW;IACX,MAAM,SAAS,GAAiB,CAAC,KAAK,EAAE,EAAE;QACxC,MAAM,IAAI,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACtB,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,OAAO,0CAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAI,CAAC;AAC7E,CAAC,CAAC;AAEF,wBAAwB;AACxB,eAAe,IAAI,CAAC,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;IACjD,IAAI,OAAO,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE;QAC/D,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC,CAAC","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:50:57\n */\n\nimport React, { useState, useEffect, useRef, useContext, memo } from 'react';\nimport { cloneDeep, isEqual } from 'lodash';\nimport { getNames } from '../utils';\nimport { FormContext } from '../store';\nimport type { IFormListProps, IFormContext, ILevel, TAddOrRemove } from '../interface';\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n const maxRef = useRef(-1);\n const { form, initialValues } = useContext<IFormContext>(FormContext);\n const [dataLevel, setDataLevel] = useState<ILevel[]>([]);\n\n useEffect(() => {\n const key: string = Array.isArray(name) ? name?.[0] : name;\n if (form && form.dataLevel) {\n form.dataLevel[key] = dataLevel;\n }\n }, [form, dataLevel, name]);\n\n /** 根据默认数值自动生成dataLevel */\n useEffect(() => {\n let dataSource = initialValues;\n const attrs = getNames(name);\n\n for (const key of attrs) {\n dataSource = dataSource?.[key] || [{}];\n }\n\n if (Array.isArray(dataSource)) {\n const _level = dataSource.map((i, index) => {\n return {\n key: index,\n name: `${attrs.join('.')}.${index}`,\n };\n });\n setDataLevel(_level);\n maxRef.current = dataSource.length - 1;\n }\n }, [initialValues, name]);\n\n /** 新增一列 */\n const handleAdd: TAddOrRemove = (index) => {\n const tempDataLevel = cloneDeep(dataLevel);\n maxRef.current++;\n const attrs = getNames(name);\n tempDataLevel.splice(index + 1, 0, {\n key: maxRef.current,\n name: `${attrs?.join('.')}.${maxRef.current}`,\n });\n setDataLevel(tempDataLevel);\n };\n\n /** 删除一列 */\n const handleDel: TAddOrRemove = (index) => {\n const temp = cloneDeep(dataLevel);\n temp.splice(index, 1);\n setDataLevel(temp);\n };\n\n return <>{children?.(dataLevel, { add: handleAdd, remove: handleDel })}</>;\n};\n\n// name 没有改变就不需要重复render\nexport default memo(List, (nextProps, prevProps) => {\n if (isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {\n return true;\n }\n return false;\n});\n"]}
@@ -1,48 +0,0 @@
1
- /*
2
- * @Descripttion: 高性能动态增删form表单
3
- * @Author: 郑泳健
4
- * @Date: 2023-02-16 10:43:03
5
- * @LastEditors: 郑泳健
6
- * @LastEditTime: 2023-03-17 16:49:01
7
- */
8
- import React, { useState, useRef } from 'react';
9
- import { validateFields, getFieldsValue, getFieldValue } from './utils';
10
- import { FormContext } from './store';
11
- import List from './components/List';
12
- import Item from './components/Item';
13
- const CustomForm = ({
14
- form,
15
- initialValues,
16
- children
17
- }) => {
18
- // 这个是为了获取当前是哪一个单元格在输入
19
- const [currentChangeKeys, setCurrentChangeKeys] = useState([]);
20
- return React.createElement(FormContext.Provider, {
21
- value: {
22
- form,
23
- initialValues,
24
- currentChangeKeys,
25
- setCurrentChangeKeys
26
- }
27
- }, children);
28
- };
29
- CustomForm.useForm = () => {
30
- const form = useRef({
31
- dataLevel: [],
32
- formData: {},
33
- validateFields: () => validateFields(form.current),
34
- getFieldsValue: () => getFieldsValue(form.current),
35
- getFieldValue: field => getFieldValue(form.current, field),
36
- setFieldsValue: obj => {
37
- for (const i in obj) {
38
- for (const attr in obj[i]) {
39
- form.current.formData[i][attr].setItemValue(obj[i][attr]);
40
- }
41
- }
42
- }
43
- });
44
- return [form.current];
45
- };
46
- CustomForm.List = List;
47
- CustomForm.Item = Item;
48
- export default CustomForm;
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/CustomForm/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AACrC,OAAO,IAAI,MAAM,mBAAmB,CAAC;AAErC,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAoB,EAAE,EAAE;IACzE,sBAAsB;IACtB,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEzE,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,iBAAiB;YACjB,oBAAoB;SACrB,IAEA,QAAQ,CACY,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,UAAU,CAAC,OAAO,GAAG,GAAG,EAAE;IACxB,MAAM,IAAI,GAAuB,MAAM,CAAQ;QAC7C,SAAS,EAAE,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC;QAClD,aAAa,EAAE,CAAC,KAAoB,EAAE,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;QAC3E,cAAc,EAAE,CAAC,GAAe,EAAE,EAAE;YAClC,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;gBACnB,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE;oBACzB,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;iBAC3D;aACF;QACH,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACxB,CAAC,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;AACvB,UAAU,CAAC,IAAI,GAAG,IAAI,CAAC;AAEvB,eAAe,UAAU,CAAC","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-03-17 16:49:01\n */\nimport React, { useState, useRef } from 'react';\nimport { validateFields, getFieldsValue, getFieldValue } from './utils';\nimport { FormContext } from './store';\nimport type { IForm, ICustomFormProps } from './interface';\nimport List from './components/List';\nimport Item from './components/Item';\n\nconst CustomForm = ({ form, initialValues, children }: ICustomFormProps) => {\n // 这个是为了获取当前是哪一个单元格在输入\n const [currentChangeKeys, setCurrentChangeKeys] = useState<string[]>([]);\n\n return (\n <FormContext.Provider\n value={{\n form,\n initialValues,\n currentChangeKeys,\n setCurrentChangeKeys,\n }}\n >\n {children}\n </FormContext.Provider>\n );\n};\n\nCustomForm.useForm = () => {\n const form: { current: IForm } = useRef<IForm>({\n dataLevel: [],\n formData: {},\n validateFields: () => validateFields(form.current),\n getFieldsValue: () => getFieldsValue(form.current),\n getFieldValue: (field: Array<string>) => getFieldValue(form.current, field),\n setFieldsValue: (obj: string[][]) => {\n for (const i in obj) {\n for (const attr in obj[i]) {\n form.current.formData[i][attr].setItemValue(obj[i][attr]);\n }\n }\n },\n });\n\n return [form.current];\n};\n\nCustomForm.List = List;\nCustomForm.Item = Item;\n\nexport default CustomForm;\n"]}
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-form/CustomForm/interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 层级\n */\nexport type ILevel = {\n key?: number;\n name?: string;\n};\n\nexport type TinitialValueType = null | undefined | string | number | boolean;\n\n/**\n * 每一个单元格的信息\n */\nexport type IFormItemData = {\n /** 每个formItem的值 */\n value: TinitialValueType;\n /** 每个formItem的错误信息 */\n errorMsg: string | undefined;\n /** 每个formItem的校验方法, 返回值为该formItem的错误信息,同时会在formItem下面显示错误信息 */\n checkItem: () => string | undefined;\n /** 给某个formItem设置值 */\n setItemValue: (value: string | undefined, callback?: () => void) => void;\n};\n\nexport interface IForm {\n /** 记录每一层级的顺序 */\n dataLevel: ILevel[];\n /** 整个form的数据,{content.0: { id: IFormItemData, value: IFormItemData }} */\n formData: IFormData;\n /** 先校验,并将结果返回 */\n validateFields: () => Promise<any>;\n /** 获取form表单的数据 */\n getFieldsValue: () => object;\n /** 获取formItem的数据 */\n getFieldValue: (field: Array<string>) => any;\n /** 给某些formItem设置数据 */\n setFieldsValue: (fileds: string[][]) => void;\n}\n\n/**\n * CustomForm的props\n */\nexport interface ICustomFormProps {\n form: IForm;\n initialValues: object;\n children: React.ReactNode;\n}\n\nexport type IFormContext = {\n form?: IForm;\n initialValues?: object;\n currentChangeKeys?: Array<string>;\n setCurrentChangeKeys: React.Dispatch<React.SetStateAction<Array<string>>>;\n};\n\n/** formList的props */\nexport interface IFormListProps {\n name: string[] | string;\n children: (\n dataLevel: ILevel[],\n { add, remove }: { add: TAddOrRemove; remove: TAddOrRemove },\n ) => void;\n}\n\n/** 增删事件 */\nexport type TAddOrRemove = (index: number) => void;\n\nexport type IFormItem = {\n name: string[] | string;\n children: React.ReactChild | React.ReactChild[];\n style: React.CSSProperties;\n rules: ValidationRule;\n shouldUpdate: boolean;\n initialValue: TinitialValueType;\n dependencies?: Array<string[] | string>;\n} & CustomRequired<IFormContext, 'setCurrentChangeKeys'>;\n\n/** 将某个不可选属性变成必选 */\ntype CustomRequired<T, K extends keyof T> = {\n [P in K]-?: T[P];\n} & Omit<T, K>;\n\nexport type ValidationRule = {\n /** validation error message */\n message?: React.ReactNode;\n /** indicates whether field is required */\n required?: boolean;\n /** custom validate function (Note: callback must be called) */\n validator?: (rule: any, value: any, callback: any) => any;\n};\n\nexport interface IFormData {\n [name: string]: {\n [attr: string]: IFormItemData;\n };\n}\n"]}
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export const FormContext = React.createContext({});
@@ -1 +0,0 @@
1
- {"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/tntd-form/CustomForm/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAe,EAAkB,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport type { IFormContext } from './interface';\n\nexport const FormContext = React.createContext<IFormContext>({} as IFormContext);\n"]}