tntd 2.7.19 → 2.7.21
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/ellipsis/index.js +10 -3
- package/es/ellipsis/index.js.map +1 -1
- package/es/tntd-cascader/AntdCascader/index.less +1 -1
- package/lib/ellipsis/index.d.ts.map +1 -1
- package/lib/ellipsis/index.js +9 -2
- package/lib/ellipsis/index.js.map +1 -1
- package/lib/tntd-cascader/AntdCascader/index.less +1 -1
- package/package.json +1 -1
- package/es/handle/handle.js +0 -102
- package/es/handle/handle.js.map +0 -1
- package/es/mention/index.js +0 -4
- package/es/mention/index.js.map +0 -1
- package/es/tntd-form/TntdForm/components/Item.js +0 -55
- package/es/tntd-form/TntdForm/components/Item.js.map +0 -1
- package/es/tntd-form/TntdForm/components/ItemComp.js +0 -186
- package/es/tntd-form/TntdForm/components/ItemComp.js.map +0 -1
- package/es/tntd-form/TntdForm/components/List.js +0 -102
- package/es/tntd-form/TntdForm/components/List.js.map +0 -1
- package/es/tntd-form/TntdForm/index.js +0 -55
- package/es/tntd-form/TntdForm/index.js.map +0 -1
- package/es/tntd-form/TntdForm/interface.js +0 -1
- package/es/tntd-form/TntdForm/interface.js.map +0 -1
- package/es/tntd-form/TntdForm/store.js +0 -2
- package/es/tntd-form/TntdForm/store.js.map +0 -1
- package/es/tntd-form/TntdForm/utils.js +0 -219
- package/es/tntd-form/TntdForm/utils.js.map +0 -1
- package/lib/handle/handle.d.ts +0 -3
- package/lib/handle/handle.d.ts.map +0 -1
- package/lib/handle/handle.js +0 -130
- package/lib/handle/handle.js.map +0 -1
- package/lib/mention/index.js +0 -25
- package/lib/tntd-form/TntdForm/components/Item.js +0 -65
- package/lib/tntd-form/TntdForm/components/ItemComp.js +0 -215
- package/lib/tntd-form/TntdForm/components/List.js +0 -123
- package/lib/tntd-form/TntdForm/index.js +0 -72
- package/lib/tntd-form/TntdForm/interface.js +0 -5
- package/lib/tntd-form/TntdForm/store.js +0 -10
- package/lib/tntd-form/TntdForm/utils.js +0 -239
|
@@ -1,102 +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-04-06 17:42:31
|
|
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
|
-
compsRefs,
|
|
22
|
-
updateRefs
|
|
23
|
-
} = useContext(FormContext);
|
|
24
|
-
const [dataLevel, setDataLevel] = useState([]);
|
|
25
|
-
/** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */
|
|
26
|
-
const updateRender = () => {
|
|
27
|
-
if (Array.isArray(updateRefs.current.shouldUpdateList)) {
|
|
28
|
-
updateRefs.current.shouldUpdateList.forEach(i => {
|
|
29
|
-
var _a, _b;
|
|
30
|
-
(_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
const list = updateRefs.current.dependencies[getNames(name).join('.')];
|
|
34
|
-
if (Array.isArray(list)) {
|
|
35
|
-
list.forEach(i => {
|
|
36
|
-
var _a, _b;
|
|
37
|
-
(_b = (_a = compsRefs === null || compsRefs === void 0 ? void 0 : compsRefs.current) === null || _a === void 0 ? void 0 : _a[i]) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
38
|
-
});
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
/** 根据默认数值自动生成dataLevel */
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
let dataSource = initialValues;
|
|
44
|
-
const attrs = getNames(name);
|
|
45
|
-
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
46
|
-
for (const key of attrs) {
|
|
47
|
-
dataSource = (dataSource === null || dataSource === void 0 ? void 0 : dataSource[key]) || [{}];
|
|
48
|
-
}
|
|
49
|
-
if (Array.isArray(dataSource)) {
|
|
50
|
-
const _level = dataSource.map((i, index) => {
|
|
51
|
-
return {
|
|
52
|
-
key: index,
|
|
53
|
-
name: `${attrs.join('.')}.${index}`
|
|
54
|
-
};
|
|
55
|
-
});
|
|
56
|
-
setDataLevel(_level);
|
|
57
|
-
maxRef.current = dataSource.length - 1;
|
|
58
|
-
if (form) {
|
|
59
|
-
form.dataLevel[key] = _level;
|
|
60
|
-
}
|
|
61
|
-
updateRender();
|
|
62
|
-
}
|
|
63
|
-
}, [form, initialValues, name]);
|
|
64
|
-
/** 新增一列 */
|
|
65
|
-
const handleAdd = index => {
|
|
66
|
-
const tempDataLevel = _cloneDeep(dataLevel);
|
|
67
|
-
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
68
|
-
maxRef.current++;
|
|
69
|
-
const attrs = getNames(name);
|
|
70
|
-
tempDataLevel.splice(index + 1, 0, {
|
|
71
|
-
key: maxRef.current,
|
|
72
|
-
name: `${attrs === null || attrs === void 0 ? void 0 : attrs.join('.')}.${maxRef.current}`
|
|
73
|
-
});
|
|
74
|
-
setDataLevel(tempDataLevel);
|
|
75
|
-
if (form) {
|
|
76
|
-
form.dataLevel[key] = tempDataLevel;
|
|
77
|
-
}
|
|
78
|
-
updateRender();
|
|
79
|
-
};
|
|
80
|
-
/** 删除一列 */
|
|
81
|
-
const handleDel = index => {
|
|
82
|
-
const temp = _cloneDeep(dataLevel);
|
|
83
|
-
const key = Array.isArray(name) ? name === null || name === void 0 ? void 0 : name[0] : name;
|
|
84
|
-
temp.splice(index, 1);
|
|
85
|
-
setDataLevel(temp);
|
|
86
|
-
if (form) {
|
|
87
|
-
form.dataLevel[key] = temp;
|
|
88
|
-
}
|
|
89
|
-
updateRender();
|
|
90
|
-
};
|
|
91
|
-
return React.createElement(React.Fragment, null, children === null || children === void 0 ? void 0 : children(dataLevel, {
|
|
92
|
-
add: handleAdd,
|
|
93
|
-
remove: handleDel
|
|
94
|
-
}));
|
|
95
|
-
};
|
|
96
|
-
// name 没有改变就不需要重复render
|
|
97
|
-
export default memo(List, (nextProps, prevProps) => {
|
|
98
|
-
if (_isEqual(nextProps.name, prevProps.name) && !!prevProps.name) {
|
|
99
|
-
return true;
|
|
100
|
-
}
|
|
101
|
-
return false;
|
|
102
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"List.js","sourceRoot":"","sources":["../../../../src/tntd-form/TntdForm/components/List.tsx"],"names":[],"mappings":"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","sourcesContent":["/*\n * @Descripttion: FormList\n * @Author: 郑泳健\n * @Date: 2023-03-06 18:42:08\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 17:42:31\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, IObject } from '../interface'\n\nconst List: React.FC<IFormListProps> = ({ name, children }) => {\n const maxRef = useRef(-1)\n const { form, initialValues, compsRefs, updateRefs } = useContext<IFormContext>(FormContext)\n const [dataLevel, setDataLevel] = useState<ILevel[]>([])\n\n /** 根据一开始记录的渲染shouldUpdate 和 dependencies组件 */\n const updateRender = () => {\n if (Array.isArray(updateRefs.current.shouldUpdateList)) {\n updateRefs.current.shouldUpdateList.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n\n const list = updateRefs.current.dependencies[getNames(name).join('.')]\n\n if (Array.isArray(list)) {\n list.forEach((i) => {\n compsRefs?.current?.[i]?.()\n })\n }\n }\n\n /** 根据默认数值自动生成dataLevel */\n useEffect(() => {\n let dataSource = initialValues\n const attrs = getNames(name)\n const key: string = Array.isArray(name) ? name?.[0] : 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 if (form) {\n form.dataLevel[key] = _level\n }\n updateRender()\n }\n }, [form, initialValues, name])\n\n /** 新增一列 */\n const handleAdd: TAddOrRemove = (index) => {\n const tempDataLevel = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\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 if (form) {\n form.dataLevel[key] = tempDataLevel\n }\n updateRender()\n }\n\n /** 删除一列 */\n const handleDel: TAddOrRemove = (index) => {\n const temp = cloneDeep(dataLevel)\n const key: string = Array.isArray(name) ? name?.[0] : name\n temp.splice(index, 1)\n setDataLevel(temp)\n if (form) {\n form.dataLevel[key] = temp\n }\n updateRender()\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,55 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Descripttion: 高性能动态增删form表单
|
|
3
|
-
* @Author: 郑泳健
|
|
4
|
-
* @Date: 2023-02-16 10:43:03
|
|
5
|
-
* @LastEditors: 郑泳健
|
|
6
|
-
* @LastEditTime: 2023-04-06 15:32:07
|
|
7
|
-
*/
|
|
8
|
-
import React, { 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 TntdForm = ({
|
|
14
|
-
form,
|
|
15
|
-
initialValues,
|
|
16
|
-
children
|
|
17
|
-
}) => {
|
|
18
|
-
const updateRefs = useRef({
|
|
19
|
-
shouldUpdateList: [],
|
|
20
|
-
dependencies: {}
|
|
21
|
-
});
|
|
22
|
-
const compsRefs = useRef({});
|
|
23
|
-
return React.createElement(FormContext.Provider, {
|
|
24
|
-
value: {
|
|
25
|
-
form,
|
|
26
|
-
initialValues,
|
|
27
|
-
updateRefs,
|
|
28
|
-
compsRefs
|
|
29
|
-
}
|
|
30
|
-
}, children);
|
|
31
|
-
};
|
|
32
|
-
TntdForm.useForm = () => {
|
|
33
|
-
const form = useRef({
|
|
34
|
-
dataLevel: {},
|
|
35
|
-
formData: {},
|
|
36
|
-
validateFields: () => validateFields(form.current),
|
|
37
|
-
getFieldsValue: () => getFieldsValue(form.current),
|
|
38
|
-
getFieldValue: field => getFieldValue(form.current, field),
|
|
39
|
-
setFieldsValue: obj => {
|
|
40
|
-
for (const i in obj) {
|
|
41
|
-
if (Object.prototype.hasOwnProperty.call(obj, i)) {
|
|
42
|
-
const prefix = (i === null || i === void 0 ? void 0 : i.split('.')) || [];
|
|
43
|
-
const attr = prefix.pop();
|
|
44
|
-
if (attr && form.current.formData[prefix.join('.')][attr]) {
|
|
45
|
-
form.current.formData[prefix.join('.')][attr].setItemValue(obj[i]);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
return [form.current];
|
|
52
|
-
};
|
|
53
|
-
TntdForm.List = List;
|
|
54
|
-
TntdForm.Item = Item;
|
|
55
|
-
export default TntdForm;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,EAAY,MAAM,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AACpC,OAAO,IAAI,MAAM,mBAAmB,CAAA;AAEpC,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAkB,EAAE,EAAE;IACrE,MAAM,UAAU,GAAG,MAAM,CAAa;QACpC,gBAAgB,EAAE,EAAE;QACpB,YAAY,EAAE,EAAE;KACjB,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAA;IAE5B,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;YACL,IAAI;YACJ,aAAa;YACb,UAAU;YACV,SAAS;SACV,IAEA,QAAQ,CACY,CACxB,CAAA;AACH,CAAC,CAAA;AAED,QAAQ,CAAC,OAAO,GAAG,GAAG,EAAE;IACtB,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,GAA+B,EAAE,EAAE;YAClD,KAAK,MAAM,CAAC,IAAI,GAAG,EAAE;gBACnB,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE;oBAChD,MAAM,MAAM,GAAG,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC,GAAG,CAAC,KAAI,EAAE,CAAA;oBAClC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,EAAE,CAAA;oBACzB,IAAI,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE;wBACzD,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;qBACnE;iBACF;aACF;QACH,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;AACvB,CAAC,CAAA;AAED,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;AACpB,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAA;AAEpB,eAAe,QAAQ,CAAA","sourcesContent":["/*\n * @Descripttion: 高性能动态增删form表单\n * @Author: 郑泳健\n * @Date: 2023-02-16 10:43:03\n * @LastEditors: 郑泳健\n * @LastEditTime: 2023-04-06 15:32:07\n */\nimport React, { useState, useRef } from 'react'\nimport { validateFields, getFieldsValue, getFieldValue } from './utils'\nimport { FormContext } from './store'\nimport type { IForm, ITntdFormProps, IObject, TinitialValueType, IUpdateObj } from './interface'\nimport List from './components/List'\nimport Item from './components/Item'\n\nconst TntdForm = ({ form, initialValues, children }: ITntdFormProps) => {\n const updateRefs = useRef<IUpdateObj>({\n shouldUpdateList: [],\n dependencies: {},\n })\n\n const compsRefs = useRef({})\n\n return (\n <FormContext.Provider\n value={{\n form,\n initialValues,\n updateRefs,\n compsRefs,\n }}\n >\n {children}\n </FormContext.Provider>\n )\n}\n\nTntdForm.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: IObject<TinitialValueType>) => {\n for (const i in obj) {\n if (Object.prototype.hasOwnProperty.call(obj, i)) {\n const prefix = i?.split('.') || []\n const attr = prefix.pop()\n if (attr && form.current.formData[prefix.join('.')][attr]) {\n form.current.formData[prefix.join('.')][attr].setItemValue(obj[i])\n }\n }\n }\n },\n })\n\n return [form.current]\n}\n\nTntdForm.List = List\nTntdForm.Item = Item\n\nexport default TntdForm\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/interface.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * 层级\n */\nexport interface ILevel {\n key?: number\n name?: string\n}\n\nexport interface IObject<T> {\n [key: string]: T\n}\n\nexport type TinitialValueType = null | undefined | string | number | boolean\n\n/**\n * 每一个单元格的信息\n */\nexport interface 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: TinitialValueType, callback?: () => void) => void\n}\n\nexport interface IForm {\n /** 记录每一层级的顺序 */\n dataLevel: IObject<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: IObject<TinitialValueType>) => void\n}\n\n/**\n * TntdForm的props\n */\nexport interface ITntdFormProps {\n form: IForm\n initialValues: object\n children: React.ReactNode\n}\n\nexport interface IUpdateObj {\n shouldUpdateList: Array<string>\n dependencies: IObject<string[] | string>\n}\n\nexport interface IFormContext {\n form?: IForm\n initialValues?: IObject<any>\n updateRefs: React.MutableRefObject<IUpdateObj>\n compsRefs: React.MutableRefObject<IObject<() => void>>\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} & IFormContext\n\n/** 将某个不可选属性变成必选 */\ntype CustomRequired<T, K extends keyof T> = {\n [P in K]-?: T[P]\n} & Omit<T, K>\n\nexport interface 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\nexport interface IChildrenCompFun {\n onRefresh: () => void\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/store.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAe,EAAkB,CAAC,CAAA","sourcesContent":["import React from 'react'\nimport type { IFormContext } from './interface'\n\nexport const FormContext = React.createContext<IFormContext>({} as IFormContext)\n"]}
|
|
@@ -1,219 +0,0 @@
|
|
|
1
|
-
export const isValidKey = (key, object) => {
|
|
2
|
-
return key in object;
|
|
3
|
-
};
|
|
4
|
-
/**
|
|
5
|
-
* 将xx.xx.xx 转换为数组
|
|
6
|
-
* @param {*} name
|
|
7
|
-
* @returns
|
|
8
|
-
*/
|
|
9
|
-
export const getNames = name => {
|
|
10
|
-
let attrs = [];
|
|
11
|
-
if (Array.isArray(name)) {
|
|
12
|
-
const [str, ...rest] = name;
|
|
13
|
-
attrs = str.split('.').concat(rest);
|
|
14
|
-
} else {
|
|
15
|
-
attrs = typeof name === 'string' ? name.split('.') : [];
|
|
16
|
-
}
|
|
17
|
-
return attrs;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* 对数据进行校验
|
|
21
|
-
* @param {*} list
|
|
22
|
-
* @param {*} dataLevel
|
|
23
|
-
* @param {*} formData
|
|
24
|
-
* @returns
|
|
25
|
-
*/
|
|
26
|
-
export const recursionCheck = (list, dataLevel, formData, errorList = []) => {
|
|
27
|
-
try {
|
|
28
|
-
if (Array.isArray(list)) {
|
|
29
|
-
list.forEach(item => {
|
|
30
|
-
const key = item.name;
|
|
31
|
-
const attrs = Object.keys(formData[key]);
|
|
32
|
-
attrs.forEach(attr => {
|
|
33
|
-
var _a;
|
|
34
|
-
const error = (_a = formData[item.name][attr]) === null || _a === void 0 ? void 0 : _a.checkItem();
|
|
35
|
-
if (error) {
|
|
36
|
-
errorList.push(`${[item.name + '.' + attr]}:`, error);
|
|
37
|
-
}
|
|
38
|
-
});
|
|
39
|
-
if (dataLevel[key]) {
|
|
40
|
-
recursionCheck(dataLevel[key], dataLevel, formData, errorList);
|
|
41
|
-
}
|
|
42
|
-
});
|
|
43
|
-
}
|
|
44
|
-
return errorList;
|
|
45
|
-
} catch (e) {
|
|
46
|
-
if (typeof e === 'string') {
|
|
47
|
-
throw e.toUpperCase();
|
|
48
|
-
} else if (e instanceof Error) {
|
|
49
|
-
throw e.message;
|
|
50
|
-
}
|
|
51
|
-
throw e;
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
* 将数据进行排序
|
|
56
|
-
* @param {*} list
|
|
57
|
-
* @param {*} dataLevel
|
|
58
|
-
* @param {*} formData
|
|
59
|
-
* @param {*} errorList
|
|
60
|
-
* @returns
|
|
61
|
-
*/
|
|
62
|
-
export const recursionSort = (list, dataLevel, formData) => {
|
|
63
|
-
try {
|
|
64
|
-
if (Array.isArray(list)) {
|
|
65
|
-
const values = list.reduce((total, item, index) => {
|
|
66
|
-
const attrObj = {};
|
|
67
|
-
const key = item.name;
|
|
68
|
-
const prefixs = key.split('.');
|
|
69
|
-
const attrs = formData[key] ? Object.keys(formData[key]) : [];
|
|
70
|
-
attrs.forEach(attr => {
|
|
71
|
-
var _a;
|
|
72
|
-
attrObj[attr] = (_a = formData[key][attr]) === null || _a === void 0 ? void 0 : _a.value;
|
|
73
|
-
});
|
|
74
|
-
let children = [];
|
|
75
|
-
if (dataLevel[key]) {
|
|
76
|
-
children = recursionSort(dataLevel[key], dataLevel, formData);
|
|
77
|
-
}
|
|
78
|
-
const len = prefixs.length - 2;
|
|
79
|
-
if (total[prefixs[len]]) {
|
|
80
|
-
total[prefixs[len]][index] = Object.assign(Object.assign({}, attrObj), children || []);
|
|
81
|
-
} else {
|
|
82
|
-
total[prefixs[len]] = [Object.assign(Object.assign({}, attrObj), children || [])];
|
|
83
|
-
}
|
|
84
|
-
return total;
|
|
85
|
-
}, {});
|
|
86
|
-
return values;
|
|
87
|
-
}
|
|
88
|
-
} catch (e) {
|
|
89
|
-
if (typeof e === 'string') {
|
|
90
|
-
console.error(e.toUpperCase());
|
|
91
|
-
throw e.toUpperCase();
|
|
92
|
-
} else if (e instanceof Error) {
|
|
93
|
-
console.error(e.message);
|
|
94
|
-
throw e.message;
|
|
95
|
-
}
|
|
96
|
-
throw e;
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
/**
|
|
100
|
-
* 获取form表单的value
|
|
101
|
-
* @param {*} formCurrent
|
|
102
|
-
* @returns
|
|
103
|
-
*/
|
|
104
|
-
export const getFieldsValue = formCurrent => {
|
|
105
|
-
try {
|
|
106
|
-
const {
|
|
107
|
-
formData,
|
|
108
|
-
dataLevel
|
|
109
|
-
} = formCurrent;
|
|
110
|
-
let firstKey = '';
|
|
111
|
-
// 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
|
|
112
|
-
for (const i in dataLevel) {
|
|
113
|
-
if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
|
|
114
|
-
firstKey = i;
|
|
115
|
-
break;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
const recursionStart = dataLevel[firstKey];
|
|
119
|
-
const values = recursionSort(recursionStart, dataLevel, formData);
|
|
120
|
-
return values;
|
|
121
|
-
} catch (e) {
|
|
122
|
-
if (typeof e === 'string') {
|
|
123
|
-
console.error(e.toUpperCase());
|
|
124
|
-
return e.toUpperCase();
|
|
125
|
-
} else if (e instanceof Error) {
|
|
126
|
-
console.error(e.message);
|
|
127
|
-
return e.message;
|
|
128
|
-
}
|
|
129
|
-
return e;
|
|
130
|
-
}
|
|
131
|
-
};
|
|
132
|
-
/**
|
|
133
|
-
* 获取form表单的value
|
|
134
|
-
* @param {*} formCurrent
|
|
135
|
-
* @returns
|
|
136
|
-
*/
|
|
137
|
-
export const getFieldValue = (formCurrent, field) => {
|
|
138
|
-
var _a, _b;
|
|
139
|
-
try {
|
|
140
|
-
const {
|
|
141
|
-
formData
|
|
142
|
-
} = formCurrent;
|
|
143
|
-
return formData && ((_b = (_a = formData === null || formData === void 0 ? void 0 : formData[field[0]]) === null || _a === void 0 ? void 0 : _a[field[1]]) === null || _b === void 0 ? void 0 : _b.value);
|
|
144
|
-
} catch (e) {
|
|
145
|
-
if (typeof e === 'string') {
|
|
146
|
-
return e.toUpperCase();
|
|
147
|
-
} else if (e instanceof Error) {
|
|
148
|
-
return e.message;
|
|
149
|
-
}
|
|
150
|
-
return e;
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
/**
|
|
154
|
-
* 提交时候校验的方法
|
|
155
|
-
* @param {*} formCurrent
|
|
156
|
-
* @returns
|
|
157
|
-
*/
|
|
158
|
-
export const validateFields = formCurrent => {
|
|
159
|
-
return new Promise(resolve => {
|
|
160
|
-
const {
|
|
161
|
-
formData,
|
|
162
|
-
dataLevel
|
|
163
|
-
} = formCurrent;
|
|
164
|
-
let firstKey = '';
|
|
165
|
-
// 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序
|
|
166
|
-
for (const i in dataLevel) {
|
|
167
|
-
if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {
|
|
168
|
-
firstKey = i;
|
|
169
|
-
break;
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
const recursionStart = dataLevel[firstKey];
|
|
173
|
-
const errorList = recursionCheck(recursionStart, dataLevel, formData);
|
|
174
|
-
if (Array.isArray(errorList) && errorList.length) {
|
|
175
|
-
console.error(JSON.stringify(errorList));
|
|
176
|
-
} else {
|
|
177
|
-
resolve(recursionSort(recursionStart, dataLevel, formData));
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
};
|
|
181
|
-
/** 获取初始化的值 */
|
|
182
|
-
export const getInitValue = (initialValues, names) => {
|
|
183
|
-
let keys = [];
|
|
184
|
-
if (Array.isArray(names)) {
|
|
185
|
-
const [str, ...rest] = names;
|
|
186
|
-
keys = str.split('.').concat(rest);
|
|
187
|
-
}
|
|
188
|
-
if (Array.isArray(keys) && !!keys.length) {
|
|
189
|
-
keys.forEach(i => {
|
|
190
|
-
initialValues = ['', null, undefined].includes(initialValues === null || initialValues === void 0 ? void 0 : initialValues[i]) ? undefined : initialValues === null || initialValues === void 0 ? void 0 : initialValues[i];
|
|
191
|
-
});
|
|
192
|
-
}
|
|
193
|
-
return initialValues;
|
|
194
|
-
};
|
|
195
|
-
/** 校验表单是否正确的方法 */
|
|
196
|
-
export const handleCheckItem = (value, rules) => {
|
|
197
|
-
try {
|
|
198
|
-
if (Array.isArray(rules)) {
|
|
199
|
-
rules.forEach(i => {
|
|
200
|
-
// @ts-ignore
|
|
201
|
-
if (i.required && ['', null, undefined].includes(value)) {
|
|
202
|
-
throw new Error((i === null || i === void 0 ? void 0 : i.message) || 'error');
|
|
203
|
-
}
|
|
204
|
-
if (i === null || i === void 0 ? void 0 : i.validator) {
|
|
205
|
-
i.validator(rules, value, function (_errorMsg) {
|
|
206
|
-
throw new Error(_errorMsg);
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
return;
|
|
212
|
-
} catch (e) {
|
|
213
|
-
if (typeof e === 'string') {
|
|
214
|
-
return e.toUpperCase();
|
|
215
|
-
} else if (e instanceof Error) {
|
|
216
|
-
return e.message;
|
|
217
|
-
}
|
|
218
|
-
}
|
|
219
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/tntd-form/TntdForm/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n TinitialValueType,\n ValidationRule,\n IForm,\n IObject,\n ILevel,\n IFormData,\n} from './interface'\n\nexport const isValidKey = (\n key: string | number | symbol,\n object: object\n): key is keyof typeof object => {\n return key in object\n}\n\n/**\n * 将xx.xx.xx 转换为数组\n * @param {*} name\n * @returns\n */\nexport const getNames = (name: string[] | string) => {\n let attrs = []\n if (Array.isArray(name)) {\n const [str, ...rest] = name\n attrs = str.split('.').concat(rest)\n } else {\n attrs = typeof name === 'string' ? name.split('.') : []\n }\n return attrs\n}\n\n/**\n * 对数据进行校验\n * @param {*} list\n * @param {*} dataLevel\n * @param {*} formData\n * @returns\n */\nexport const recursionCheck = (\n list: any,\n dataLevel: IObject<ILevel[]>,\n formData: IFormData,\n errorList: string[] = []\n) => {\n try {\n if (Array.isArray(list)) {\n list.forEach((item) => {\n const key = item.name\n const attrs = Object.keys(formData[key])\n\n attrs.forEach((attr) => {\n const error = formData[item.name][attr]?.checkItem()\n if (error) {\n errorList.push(`${[item.name + '.' + attr]}:`, error)\n }\n })\n if (dataLevel[key]) {\n recursionCheck(dataLevel[key], dataLevel, formData, errorList)\n }\n })\n }\n return errorList\n } catch (e) {\n if (typeof e === 'string') {\n throw e.toUpperCase()\n } else if (e instanceof Error) {\n throw e.message\n }\n throw e\n }\n}\n\n/**\n * 将数据进行排序\n * @param {*} list\n * @param {*} dataLevel\n * @param {*} formData\n * @param {*} errorList\n * @returns\n */\nexport const recursionSort = (list: any, dataLevel: IObject<ILevel[]>, formData: IFormData) => {\n try {\n if (Array.isArray(list)) {\n const values = list.reduce((total, item, index) => {\n const attrObj: IObject<TinitialValueType> = {}\n const key = item.name\n const prefixs = key.split('.')\n const attrs = formData[key] ? Object.keys(formData[key]) : []\n\n attrs.forEach((attr) => {\n attrObj[attr] = formData[key][attr]?.value\n })\n let children = []\n if (dataLevel[key]) {\n children = recursionSort(dataLevel[key], dataLevel, formData)\n }\n\n const len = prefixs.length - 2\n if (total[prefixs[len]]) {\n total[prefixs[len]][index] = {\n ...attrObj,\n ...(children || []),\n }\n } else {\n total[prefixs[len]] = [\n {\n ...attrObj,\n ...(children || []),\n },\n ]\n }\n return total\n }, {})\n return values\n }\n } catch (e) {\n if (typeof e === 'string') {\n console.error(e.toUpperCase())\n throw e.toUpperCase()\n } else if (e instanceof Error) {\n console.error(e.message)\n throw e.message\n }\n throw e\n }\n}\n\n/**\n * 获取form表单的value\n * @param {*} formCurrent\n * @returns\n */\nexport const getFieldsValue = (formCurrent: IForm) => {\n try {\n const { formData, dataLevel } = formCurrent\n let firstKey = ''\n // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序\n for (const i in dataLevel) {\n if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {\n firstKey = i\n break\n }\n }\n const recursionStart = dataLevel[firstKey]\n const values = recursionSort(recursionStart, dataLevel, formData)\n return values\n } catch (e) {\n if (typeof e === 'string') {\n console.error(e.toUpperCase())\n return e.toUpperCase()\n } else if (e instanceof Error) {\n console.error(e.message)\n return e.message\n }\n return e\n }\n}\n\n/**\n * 获取form表单的value\n * @param {*} formCurrent\n * @returns\n */\nexport const getFieldValue = (formCurrent: IForm, field: string[]) => {\n try {\n const { formData } = formCurrent\n return formData && formData?.[field[0]]?.[field[1]]?.value\n } catch (e) {\n if (typeof e === 'string') {\n return e.toUpperCase()\n } else if (e instanceof Error) {\n return e.message\n }\n return e\n }\n}\n\n/**\n * 提交时候校验的方法\n * @param {*} formCurrent\n * @returns\n */\nexport const validateFields = (formCurrent: IForm) => {\n return new Promise((resolve) => {\n const { formData, dataLevel } = formCurrent\n let firstKey = ''\n // 这里不直接用Object.keys的原因是Object.keys并不能保证一定是按照属性顺序\n for (const i in dataLevel) {\n if (Object.prototype.hasOwnProperty.call(dataLevel, i)) {\n firstKey = i\n break\n }\n }\n const recursionStart = dataLevel[firstKey]\n const errorList = recursionCheck(recursionStart, dataLevel, formData)\n if (Array.isArray(errorList) && errorList.length) {\n console.error(JSON.stringify(errorList))\n } else {\n resolve(recursionSort(recursionStart, dataLevel, formData))\n }\n })\n}\n\n/** 获取初始化的值 */\nexport const getInitValue = (\n initialValues: IObject<any> | undefined,\n names: string[] | string\n): TinitialValueType => {\n let keys: string[] = []\n if (Array.isArray(names)) {\n const [str, ...rest] = names\n keys = str.split('.').concat(rest)\n }\n\n if (Array.isArray(keys) && !!keys.length) {\n keys.forEach((i) => {\n initialValues = ['', null, undefined].includes(initialValues?.[i])\n ? undefined\n : initialValues?.[i]\n })\n }\n\n return initialValues as TinitialValueType\n}\n\n/** 校验表单是否正确的方法 */\nexport const handleCheckItem = (value: TinitialValueType, rules: ValidationRule) => {\n try {\n if (Array.isArray(rules)) {\n rules.forEach((i) => {\n // @ts-ignore\n if (i.required && ['', null, undefined].includes(value)) {\n throw new Error(i?.message || 'error')\n }\n if (i?.validator) {\n i.validator(rules, value, function (_errorMsg: string) {\n throw new Error(_errorMsg)\n })\n }\n })\n }\n return\n } catch (e) {\n if (typeof e === 'string') {\n return e.toUpperCase()\n } else if (e instanceof Error) {\n return e.message\n }\n }\n}\n"]}
|
package/lib/handle/handle.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../src/handle/handle.js"],"names":[],"mappings":"AAMe,mDA4Jd"}
|
package/lib/handle/handle.js
DELETED
|
@@ -1,130 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const react_1 = __importStar(require("react"));
|
|
41
|
-
const tntd_icon_1 = __importDefault(require("../tntd-icon"));
|
|
42
|
-
const divider_1 = __importDefault(require("../divider"));
|
|
43
|
-
const dropdown_1 = __importDefault(require("../dropdown"));
|
|
44
|
-
const menu_1 = __importDefault(require("../menu"));
|
|
45
|
-
const clsPrefix = 'tntd-more-menus';
|
|
46
|
-
exports.default = (props) => {
|
|
47
|
-
const _a = props || {}, { children = [], type, num = 3, lang, divider = true, lessOneMoreFit, popConfirmHandle, isIconBtn, stopPropagation = true, localeCode, locale } = _a, rest = __rest(_a, ["children", "type", "num", "lang", "divider", "lessOneMoreFit", "popConfirmHandle", "isIconBtn", "stopPropagation", "localeCode", "locale"]);
|
|
48
|
-
// 非中文
|
|
49
|
-
let isCn = lang === 'cn';
|
|
50
|
-
if (!lang) {
|
|
51
|
-
isCn = localeCode === 'zh-cn';
|
|
52
|
-
}
|
|
53
|
-
const [newChildren, setNewChildren] = (0, react_1.useState)([]);
|
|
54
|
-
const [specialSceneDefaultShow, setSpecialSceneDefaultShow] = (0, react_1.useState)();
|
|
55
|
-
(0, react_1.useEffect)(() => {
|
|
56
|
-
var _a;
|
|
57
|
-
if (children) {
|
|
58
|
-
let curChildren = [];
|
|
59
|
-
if (Array.isArray(children)) {
|
|
60
|
-
curChildren = ((_a = [...children || []]) === null || _a === void 0 ? void 0 : _a.filter((item) => !!item)) || [];
|
|
61
|
-
}
|
|
62
|
-
else if (children) {
|
|
63
|
-
curChildren.push(children);
|
|
64
|
-
}
|
|
65
|
-
// 子元素大于1个,且不是 icon元素
|
|
66
|
-
const specialSceneDefaultShow = (curChildren === null || curChildren === void 0 ? void 0 : curChildren.length) > 1 && !isIconBtn;
|
|
67
|
-
if (specialSceneDefaultShow && (!isCn || popConfirmHandle)) {
|
|
68
|
-
curChildren === null || curChildren === void 0 ? void 0 : curChildren.forEach((v, i) => {
|
|
69
|
-
const { type, props } = v;
|
|
70
|
-
if ((type === null || type === void 0 ? void 0 : type.name) === 'Popconfirm' ||
|
|
71
|
-
(props.hasOwnProperty('onConfirm') && typeof (props === null || props === void 0 ? void 0 : props.onConfirm) === 'function')) {
|
|
72
|
-
let placement = {};
|
|
73
|
-
if (!isCn ||
|
|
74
|
-
(num &&
|
|
75
|
-
!isNaN(num) &&
|
|
76
|
-
i + 1 > num &&
|
|
77
|
-
!(lessOneMoreFit && curChildren.length - num === 1))) {
|
|
78
|
-
placement = {
|
|
79
|
-
placement: 'left',
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
curChildren[i] = react_1.default.cloneElement(v, Object.assign(Object.assign(Object.assign(Object.assign({ overlayStyle: { width: 180 } }, ((v === null || v === void 0 ? void 0 : v.props) || {})), { onClick: (e) => e.stopPropagation() }), placement), { trigger: 'hover', getPopupContainer: (trigger) => trigger.parentNode }));
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
}
|
|
86
|
-
setNewChildren(curChildren);
|
|
87
|
-
setSpecialSceneDefaultShow(specialSceneDefaultShow);
|
|
88
|
-
}
|
|
89
|
-
}, [children, isCn, isIconBtn, lessOneMoreFit, num, popConfirmHandle]);
|
|
90
|
-
let [preChildPart, lastChildPart] = [newChildren, null];
|
|
91
|
-
// 只有1个时不适配
|
|
92
|
-
if (lessOneMoreFit && newChildren.length - num === 1) {
|
|
93
|
-
preChildPart = newChildren;
|
|
94
|
-
}
|
|
95
|
-
else if (newChildren && num && !isNaN(num) && newChildren.length > num) {
|
|
96
|
-
preChildPart = newChildren.slice(0, num);
|
|
97
|
-
lastChildPart = newChildren.slice(num);
|
|
98
|
-
}
|
|
99
|
-
if (divider && preChildPart) {
|
|
100
|
-
const preChildLen = preChildPart.length;
|
|
101
|
-
preChildPart = preChildPart.map((dom, i) => (react_1.default.createElement(react_1.Fragment, { key: i },
|
|
102
|
-
dom,
|
|
103
|
-
!((i === preChildLen - 1 && !(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length)) // 没有更多 且 是最后一个时 不显示 Divider
|
|
104
|
-
) && react_1.default.createElement(divider_1.default, { type: "vertical" }))));
|
|
105
|
-
}
|
|
106
|
-
const menu = (childArr) => (react_1.default.createElement(menu_1.default, { className: "org-pop-opera-btn" }, childArr === null || childArr === void 0 ? void 0 : childArr.map((child, i) => (react_1.default.createElement(menu_1.default.Item, { key: i }, child)))));
|
|
107
|
-
if (!isCn && specialSceneDefaultShow) {
|
|
108
|
-
return (react_1.default.createElement(dropdown_1.default, { overlay: menu(newChildren || []), arrow: true, onClick: (e) => {
|
|
109
|
-
if (stopPropagation) {
|
|
110
|
-
e.stopPropagation();
|
|
111
|
-
}
|
|
112
|
-
} }, type === 'icon' ?
|
|
113
|
-
react_1.default.createElement(tntd_icon_1.default, { type: "more" }) :
|
|
114
|
-
react_1.default.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
|
|
115
|
-
locale.more,
|
|
116
|
-
react_1.default.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
|
|
117
|
-
react_1.default.createElement(tntd_icon_1.default, { type: "down" })))));
|
|
118
|
-
}
|
|
119
|
-
return (react_1.default.createElement("div", Object.assign({ onClick: (e) => {
|
|
120
|
-
if (stopPropagation) {
|
|
121
|
-
e.stopPropagation();
|
|
122
|
-
}
|
|
123
|
-
} }, rest),
|
|
124
|
-
preChildPart,
|
|
125
|
-
!!(lastChildPart === null || lastChildPart === void 0 ? void 0 : lastChildPart.length) && (react_1.default.createElement(dropdown_1.default, { overlay: menu(lastChildPart || []), arrow: true }, type === 'icon' ? (react_1.default.createElement(tntd_icon_1.default, { type: "more" })) : (react_1.default.createElement("a", { className: "ant-dropdown-more" }, locale === null || locale === void 0 ? void 0 :
|
|
126
|
-
locale.more,
|
|
127
|
-
react_1.default.createElement("i", { className: `${clsPrefix}-dropdown-icon` },
|
|
128
|
-
react_1.default.createElement(tntd_icon_1.default, { type: "down" }))))))));
|
|
129
|
-
};
|
|
130
|
-
//# sourceMappingURL=handle.js.map
|
package/lib/handle/handle.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"handle.js","sourceRoot":"","sources":["../../src/handle/handle.js"],"names":[],"mappings":"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","sourcesContent":["import React, { Fragment, useEffect, useState } from 'react'\nimport Icon from '../tntd-icon'\nimport Divider from '../divider'\nimport Dropdown from '../dropdown'\nimport Menu from '../menu'\nconst clsPrefix = 'tntd-more-menus'\nexport default (props)=>{\n const {\n children = [],\n type,\n num = 3,\n lang,\n divider = true,\n lessOneMoreFit,\n popConfirmHandle,\n isIconBtn,\n stopPropagation=true,\n localeCode,\n locale,\n ...rest\n } = props || {}\n\n // 非中文\n let isCn = lang === 'cn'\n if (!lang) {\n isCn = localeCode === 'zh-cn'\n }\n\n const [newChildren, setNewChildren] = useState([]);\n const [specialSceneDefaultShow,setSpecialSceneDefaultShow] = useState()\n\n useEffect(()=>{\n if(children){\n let curChildren = []\n if (Array.isArray(children)) {\n curChildren = [...children||[]]?.filter((item) => !!item) || []\n } else if (children) {\n curChildren.push(children)\n }\n // 子元素大于1个,且不是 icon元素\n const specialSceneDefaultShow = curChildren?.length > 1 && !isIconBtn\n\n if (specialSceneDefaultShow && (!isCn || popConfirmHandle)) {\n curChildren?.forEach((v, i) => {\n const { type, props } = v\n if (\n type?.name === 'Popconfirm' ||\n (props.hasOwnProperty('onConfirm') && typeof props?.onConfirm === 'function')\n ) {\n let placement = {}\n if (\n !isCn ||\n (num &&\n !isNaN(num) &&\n i + 1 > num &&\n !(lessOneMoreFit && curChildren.length - num === 1))\n ) {\n placement = {\n placement: 'left',\n }\n }\n curChildren[i] = React.cloneElement(v, {\n overlayStyle: { width: 180 },\n ...(v?.props || {}),\n onClick: (e) => e.stopPropagation(),\n ...placement,\n trigger: 'hover',\n getPopupContainer: (trigger) => trigger.parentNode,\n })\n }\n })\n }\n\n setNewChildren(curChildren)\n setSpecialSceneDefaultShow(specialSceneDefaultShow);\n }\n },[children, isCn, isIconBtn, lessOneMoreFit, num, popConfirmHandle])\n\n\n let [preChildPart, lastChildPart] = [newChildren, null]\n\n // 只有1个时不适配\n if (lessOneMoreFit && newChildren.length - num === 1) {\n preChildPart = newChildren\n } else if (newChildren && num && !isNaN(num) && newChildren.length > num) {\n preChildPart = newChildren.slice(0, num)\n lastChildPart = newChildren.slice(num)\n }\n\n if (divider && preChildPart) {\n const preChildLen = preChildPart.length\n preChildPart = preChildPart.map((dom, i) => (\n <Fragment key={i}>\n {dom}\n {!(\n (i === preChildLen - 1 && !lastChildPart?.length) // 没有更多 且 是最后一个时 不显示 Divider\n ) && <Divider type=\"vertical\" />}\n </Fragment>\n ))\n }\n const menu = (childArr)=>(\n <Menu className=\"org-pop-opera-btn\">\n {\n childArr?.map(\n (child,i) => (\n <Menu.Item key={i}>\n {child}\n </Menu.Item>\n )\n )\n }\n </Menu>\n );\n\n\n if(!isCn && specialSceneDefaultShow ){\n return (\n <Dropdown overlay={menu(newChildren||[])} arrow onClick={(e)=>{\n if(stopPropagation){\n e.stopPropagation()\n }\n }}>\n {\n type === 'icon' ?\n <Icon type=\"more\" /> :\n <a className=\"ant-dropdown-more\">\n {locale?.more}\n <i className={`${clsPrefix}-dropdown-icon`}>\n <Icon type=\"down\" />\n </i>\n </a>\n }\n </Dropdown>\n );\n }\n\n return (\n <div\n onClick={(e) => {\n if(stopPropagation){\n e.stopPropagation()\n }\n }}\n {...rest}\n >\n {preChildPart}\n {!!lastChildPart?.length && (\n <Dropdown overlay={menu(lastChildPart || [])} arrow>\n {type === 'icon' ? (\n <Icon type=\"more\" />\n ) : (\n <a className=\"ant-dropdown-more\">\n {locale?.more}\n <i className={`${clsPrefix}-dropdown-icon`}>\n <Icon type=\"down\" />\n </i>\n </a>\n )}\n </Dropdown>\n )}\n </div>\n )\n}"]}
|
package/lib/mention/index.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
var _exportNames = {};
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
var _mention = _interopRequireWildcard(require("antd/lib/mention"));
|
|
10
|
-
Object.keys(_mention).forEach(function (key) {
|
|
11
|
-
if (key === "default" || key === "__esModule") return;
|
|
12
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
13
|
-
if (key in exports && exports[key] === _mention[key]) return;
|
|
14
|
-
Object.defineProperty(exports, key, {
|
|
15
|
-
enumerable: true,
|
|
16
|
-
get: function get() {
|
|
17
|
-
return _mention[key];
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
});
|
|
21
|
-
require("antd/lib/mention/style");
|
|
22
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
|
-
var _default = _mention["default"];
|
|
25
|
-
exports["default"] = _default;
|