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.
- package/es/array-input/style/index.js +1 -0
- package/es/array-input/style/index.js.map +1 -0
- package/es/auth-context/style/index.js +1 -0
- package/es/auth-context/style/index.js.map +1 -0
- package/es/development-login/style/index.js +1 -0
- package/es/development-login/style/index.js.map +1 -0
- package/es/ellipsis/style/index.js +1 -0
- package/es/ellipsis/style/index.js.map +1 -0
- package/es/empty/render-empty.js +22 -0
- package/es/empty/render-empty.js.map +1 -0
- package/es/empty/style/index.js +2 -0
- package/es/empty/style/index.js.map +1 -0
- package/es/handle/style/index.js +1 -0
- package/es/handle/style/index.js.map +1 -0
- package/es/icon-list/style/index.js +1 -0
- package/es/icon-list/style/index.js.map +1 -0
- package/es/img/style/index.js +1 -0
- package/es/img/style/index.js.map +1 -0
- package/es/loading-button/style/index.js +1 -0
- package/es/loading-button/style/index.js.map +1 -0
- package/es/page/style/index.js +1 -0
- package/es/page/style/index.js.map +1 -0
- package/es/query-form/style/index.js +1 -0
- package/es/query-form/style/index.js.map +1 -0
- package/es/query-list-scene/style/index.js +1 -0
- package/es/query-list-scene/style/index.js.map +1 -0
- package/es/render-empty/style/index.js +1 -0
- package/es/render-empty/style/index.js.map +1 -0
- package/es/table/style/index.js +2 -0
- package/es/table/style/index.js.map +1 -0
- package/es/table/table.js +4 -1
- package/es/table/table.js.map +1 -1
- package/es/table/table.less +7 -0
- package/es/title/style/index.js +1 -0
- package/es/title/style/index.js.map +1 -0
- package/es/tntd-icon/style/index.js +1 -0
- package/es/tntd-icon/style/index.js.map +1 -0
- package/es/tntd-layout/style/index.js +1 -0
- package/es/tntd-layout/style/index.js.map +1 -0
- package/es/tntd-modal/style/index.js +1 -0
- package/es/tntd-modal/style/index.js.map +1 -0
- package/es/tntd-select/style/index.js +1 -0
- package/es/tntd-select/style/index.js.map +1 -0
- package/lib/array-input/style/index.d.ts +1 -0
- package/lib/array-input/style/index.d.ts.map +1 -0
- package/lib/array-input/style/index.js +1 -0
- package/lib/array-input/style/index.js.map +1 -0
- package/lib/auth-context/style/index.d.ts +1 -0
- package/lib/auth-context/style/index.d.ts.map +1 -0
- package/lib/auth-context/style/index.js +1 -0
- package/lib/auth-context/style/index.js.map +1 -0
- package/lib/development-login/style/index.d.ts +1 -0
- package/lib/development-login/style/index.d.ts.map +1 -0
- package/lib/development-login/style/index.js +1 -0
- package/lib/development-login/style/index.js.map +1 -0
- package/lib/ellipsis/style/index.d.ts +1 -0
- package/lib/ellipsis/style/index.d.ts.map +1 -0
- package/lib/ellipsis/style/index.js +1 -0
- package/lib/ellipsis/style/index.js.map +1 -0
- package/lib/empty/render-empty.d.ts +3 -0
- package/lib/empty/render-empty.d.ts.map +1 -0
- package/lib/empty/render-empty.js +32 -0
- package/lib/empty/render-empty.js.map +1 -0
- package/lib/empty/style/index.d.ts +3 -0
- package/lib/empty/style/index.d.ts.map +1 -0
- package/lib/empty/style/index.js +4 -0
- package/lib/empty/style/index.js.map +1 -0
- package/lib/handle/style/index.d.ts +1 -0
- package/lib/handle/style/index.d.ts.map +1 -0
- package/lib/handle/style/index.js +1 -0
- package/lib/handle/style/index.js.map +1 -0
- package/lib/icon-list/style/index.d.ts +3 -0
- package/lib/icon-list/style/index.d.ts.map +1 -0
- package/lib/icon-list/style/index.js +8 -0
- package/lib/icon-list/style/index.js.map +1 -0
- package/lib/img/style/index.d.ts +1 -0
- package/lib/img/style/index.d.ts.map +1 -0
- package/lib/img/style/index.js +1 -0
- package/lib/img/style/index.js.map +1 -0
- package/lib/loading-button/style/index.d.ts +1 -0
- package/lib/loading-button/style/index.d.ts.map +1 -0
- package/lib/loading-button/style/index.js +1 -0
- package/lib/loading-button/style/index.js.map +1 -0
- package/lib/page/style/index.d.ts +1 -0
- package/lib/page/style/index.d.ts.map +1 -0
- package/lib/page/style/index.js +1 -0
- package/lib/page/style/index.js.map +1 -0
- package/lib/query-form/style/index.d.ts +1 -0
- package/lib/query-form/style/index.d.ts.map +1 -0
- package/lib/query-form/style/index.js +1 -0
- package/lib/query-form/style/index.js.map +1 -0
- package/lib/query-list-scene/style/index.d.ts +1 -0
- package/lib/query-list-scene/style/index.d.ts.map +1 -0
- package/lib/query-list-scene/style/index.js +1 -0
- package/lib/query-list-scene/style/index.js.map +1 -0
- package/lib/render-empty/style/index.d.ts +2 -0
- package/lib/render-empty/style/index.d.ts.map +1 -0
- package/lib/render-empty/style/index.js +3 -0
- package/lib/render-empty/style/index.js.map +1 -0
- package/lib/table/style/index.d.ts +3 -0
- package/lib/table/style/index.d.ts.map +1 -0
- package/lib/table/style/index.js +4 -0
- package/lib/table/style/index.js.map +1 -0
- package/lib/table/table.d.ts +2 -1
- package/lib/table/table.d.ts.map +1 -1
- package/lib/table/table.js +4 -2
- package/lib/table/table.js.map +1 -1
- package/lib/table/table.less +7 -0
- package/lib/title/style/index.d.ts +1 -0
- package/lib/title/style/index.d.ts.map +1 -0
- package/lib/title/style/index.js +1 -0
- package/lib/title/style/index.js.map +1 -0
- package/lib/tntd-icon/style/index.d.ts +1 -0
- package/lib/tntd-icon/style/index.d.ts.map +1 -0
- package/lib/tntd-icon/style/index.js +1 -0
- package/lib/tntd-icon/style/index.js.map +1 -0
- package/lib/tntd-layout/style/index.d.ts +1 -0
- package/lib/tntd-layout/style/index.d.ts.map +1 -0
- package/lib/tntd-layout/style/index.js +1 -0
- package/lib/tntd-layout/style/index.js.map +1 -0
- package/lib/tntd-modal/style/index.d.ts +1 -0
- package/lib/tntd-modal/style/index.d.ts.map +1 -0
- package/lib/tntd-modal/style/index.js +1 -0
- package/lib/tntd-modal/style/index.js.map +1 -0
- package/lib/tntd-select/style/index.d.ts +1 -0
- package/lib/tntd-select/style/index.d.ts.map +1 -0
- package/lib/tntd-select/style/index.js +1 -0
- package/lib/tntd-select/style/index.js.map +1 -0
- package/package.json +1 -1
- package/es/tntd-form/CustomForm/components/Item.js +0 -40
- package/es/tntd-form/CustomForm/components/Item.js.map +0 -1
- package/es/tntd-form/CustomForm/components/ItemComp.js +0 -149
- package/es/tntd-form/CustomForm/components/ItemComp.js.map +0 -1
- package/es/tntd-form/CustomForm/components/List.js +0 -75
- package/es/tntd-form/CustomForm/components/List.js.map +0 -1
- package/es/tntd-form/CustomForm/index.js +0 -48
- package/es/tntd-form/CustomForm/index.js.map +0 -1
- package/es/tntd-form/CustomForm/interface.js +0 -1
- package/es/tntd-form/CustomForm/interface.js.map +0 -1
- package/es/tntd-form/CustomForm/store.js +0 -2
- package/es/tntd-form/CustomForm/store.js.map +0 -1
- package/es/tntd-form/CustomForm/utils.js +0 -215
- package/es/tntd-form/CustomForm/utils.js.map +0 -1
- package/lib/tntd-form/CustomForm/components/Item.d.ts +0 -5
- package/lib/tntd-form/CustomForm/components/Item.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/components/Item.js +0 -50
- package/lib/tntd-form/CustomForm/components/Item.js.map +0 -1
- package/lib/tntd-form/CustomForm/components/ItemComp.d.ts +0 -5
- package/lib/tntd-form/CustomForm/components/ItemComp.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/components/ItemComp.js +0 -169
- package/lib/tntd-form/CustomForm/components/ItemComp.js.map +0 -1
- package/lib/tntd-form/CustomForm/components/List.d.ts +0 -5
- package/lib/tntd-form/CustomForm/components/List.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/components/List.js +0 -96
- package/lib/tntd-form/CustomForm/components/List.js.map +0 -1
- package/lib/tntd-form/CustomForm/index.d.ts +0 -10
- package/lib/tntd-form/CustomForm/index.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/index.js +0 -66
- package/lib/tntd-form/CustomForm/index.js.map +0 -1
- package/lib/tntd-form/CustomForm/interface.d.ts +0 -88
- package/lib/tntd-form/CustomForm/interface.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/interface.js +0 -5
- package/lib/tntd-form/CustomForm/interface.js.map +0 -1
- package/lib/tntd-form/CustomForm/store.d.ts +0 -4
- package/lib/tntd-form/CustomForm/store.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/store.js +0 -10
- package/lib/tntd-form/CustomForm/store.js.map +0 -1
- package/lib/tntd-form/CustomForm/utils.d.ts +0 -48
- package/lib/tntd-form/CustomForm/utils.d.ts.map +0 -1
- package/lib/tntd-form/CustomForm/utils.js +0 -235
- package/lib/tntd-form/CustomForm/utils.js.map +0 -1
package/lib/table/table.js
CHANGED
|
@@ -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,
|
package/lib/table/table.js.map
CHANGED
|
@@ -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;
|
|
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"]}
|
package/lib/table/table.less
CHANGED
|
@@ -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,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":"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","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 +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"]}
|