@next-libs/visual-builder 1.3.0 → 1.3.1

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.
@@ -31,16 +31,17 @@ function ListEditor({
31
31
  const key = item[COLUMN_KEY];
32
32
  const newList = list.filter(item => item[COLUMN_KEY] !== key);
33
33
  setList(newList);
34
- }, [list]);
34
+ onChange(newList);
35
+ }, [list, onChange]);
35
36
  const handleAddListItem = () => {
36
37
  key++;
37
38
  const defaultValue = `newItem(${list.length})`;
38
- const newColumn = list.concat([{
39
+ const newList = list.concat([{
39
40
  ...getDefaultItem(defaultValue),
40
41
  [COLUMN_KEY]: key
41
42
  }]);
42
- setList(newColumn);
43
- onChange === null || onChange === void 0 ? void 0 : onChange(newColumn);
43
+ setList(newList);
44
+ onChange === null || onChange === void 0 ? void 0 : onChange(newList);
44
45
  };
45
46
  const renderListForm = (0, _react.useCallback)(item => {
46
47
  const handleOnValuesChange = changeValues => {
@@ -1 +1 @@
1
- {"version":3,"file":"ListEditor.js","names":["COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","useState","map","item","handleRemoveItem","useCallback","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","newColumn","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","useMemo","styles","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n },\n [list]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newColumn = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newColumn);\n onChange?.(newColumn);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ListEditor.js","names":["COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","useState","map","item","handleRemoveItem","useCallback","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","useMemo","styles","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n onChange(newList);\n },\n [list, onChange]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newList = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newList);\n onChange?.(newList);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}
@@ -24,15 +24,16 @@ export function ListEditor(_ref) {
24
24
  var key = item[COLUMN_KEY];
25
25
  var newList = list.filter(item => item[COLUMN_KEY] !== key);
26
26
  setList(newList);
27
- }, [list]);
27
+ onChange(newList);
28
+ }, [list, onChange]);
28
29
  var handleAddListItem = () => {
29
30
  key++;
30
31
  var defaultValue = "newItem(".concat(list.length, ")");
31
- var newColumn = list.concat([_objectSpread(_objectSpread({}, getDefaultItem(defaultValue)), {}, {
32
+ var newList = list.concat([_objectSpread(_objectSpread({}, getDefaultItem(defaultValue)), {}, {
32
33
  [COLUMN_KEY]: key
33
34
  })]);
34
- setList(newColumn);
35
- onChange === null || onChange === void 0 ? void 0 : onChange(newColumn);
35
+ setList(newList);
36
+ onChange === null || onChange === void 0 ? void 0 : onChange(newList);
36
37
  };
37
38
  var renderListForm = useCallback(item => {
38
39
  var handleOnValuesChange = changeValues => {
@@ -1 +1 @@
1
- {"version":3,"file":"ListEditor.js","names":["React","useState","useCallback","useMemo","GeneralIcon","Form","Popover","styles","COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","map","item","handleRemoveItem","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","newColumn","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n },\n [list]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newColumn = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newColumn);\n onChange?.(newColumn);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ListEditor.js","names":["React","useState","useCallback","useMemo","GeneralIcon","Form","Popover","styles","COLUMN_KEY","Symbol","for","key","ListEditor","name","label","value","required","listItemKey","getDefaultItem","renderFormItem","onChange","list","setList","map","item","handleRemoveItem","e","stopPropagation","newList","filter","handleAddListItem","defaultValue","length","concat","renderListForm","handleOnValuesChange","changeValues","style","minWidth","renderListContent","listContent","index","zIndex","listItem","lib","category","icon","color","padding","border","borderRadius","listEmptyItem","listContainer","message","listTitle","listActionContainer","listAddItem","marginRight"],"sources":["../../../../../src/visual-property-form/components/ListEditor/ListEditor.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from \"react\";\nimport { GeneralIcon } from \"@next-libs/basic-components\";\nimport { Form, Popover } from \"antd\";\nimport styles from \"./ListEditor.module.css\";\n\nconst COLUMN_KEY = Symbol.for(\"column_key\");\n\ninterface ListEditor {\n name?: string;\n label?: string | React.ReactElement;\n value?: any[];\n required?: boolean;\n listItemKey: string;\n getDefaultItem: (data: any) => Record<string, any>;\n renderFormItem?: (data: any) => React.ReactElement;\n onChange?: (data: any) => void;\n}\n\nlet key = 0;\n\nexport function ListEditor({\n name,\n label,\n value,\n required,\n listItemKey,\n getDefaultItem,\n renderFormItem,\n onChange,\n}: ListEditor): React.ReactElement {\n const [list, setList] = useState<any[]>(\n (value ?? []).map((item) => ({\n ...item,\n [COLUMN_KEY]: ++key,\n }))\n );\n\n const handleRemoveItem = useCallback(\n (e: React.MouseEvent, item: any): void => {\n e.stopPropagation();\n const key = item[COLUMN_KEY];\n const newList = list.filter((item) => item[COLUMN_KEY] !== key);\n setList(newList);\n onChange(newList);\n },\n [list, onChange]\n );\n\n const handleAddListItem = (): void => {\n key++;\n const defaultValue = `newItem(${list.length})`;\n const newList = list.concat([\n { ...getDefaultItem(defaultValue), [COLUMN_KEY]: key },\n ]);\n setList(newList);\n onChange?.(newList);\n };\n\n const renderListForm = useCallback(\n (item: any): React.ReactElement => {\n const handleOnValuesChange = (changeValues: any): void => {\n const key = item[COLUMN_KEY];\n const newList = list.map((item) => {\n if (item[COLUMN_KEY] === key) {\n item = {\n ...item,\n ...changeValues,\n };\n }\n return item;\n });\n setList(newList);\n onChange?.(newList);\n };\n return (\n <Form\n layout=\"horizontal\"\n labelAlign=\"left\"\n labelCol={{\n style: {\n minWidth: \"112px\",\n },\n }}\n onValuesChange={handleOnValuesChange}\n >\n {renderFormItem(item)}\n </Form>\n );\n },\n [list, onChange, renderFormItem]\n );\n\n const renderListContent = useMemo((): React.ReactElement => {\n return (\n <div className={styles.listContent}>\n {list.length ? (\n list.map((item, index) => {\n return (\n <Popover\n key={index}\n overlayStyle={{\n zIndex: 999,\n }}\n content={renderListForm(item)}\n title=\"Detail\"\n trigger=\"click\"\n placement=\"left\"\n >\n <div className={styles.listItem}>\n <span>{item[listItemKey]}</span>\n <span onClick={(e) => handleRemoveItem(e, item)}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"out\",\n color: \"red\",\n }}\n style={{\n padding: \"2px\",\n border: \"1px solid\",\n borderRadius: \"50%\",\n }}\n />\n </span>\n </div>\n </Popover>\n );\n })\n ) : (\n <div className={styles.listEmptyItem}>No data</div>\n )}\n </div>\n );\n }, [list, renderListForm, listItemKey, handleRemoveItem]);\n\n return (\n <div className={styles.listContainer}>\n <Form.Item\n key={name}\n name={name}\n label={label}\n rules={[{ required: required, message: `请输入${name}` }]}\n >\n <div className={styles.listTitle}>\n <span>List</span>\n <span className={styles.listActionContainer}>\n <span\n onClick={() => {\n setList([]);\n onChange([]);\n }}\n >\n Clear\n </span>\n <span className={styles.listAddItem} onClick={handleAddListItem}>\n <GeneralIcon\n icon={{\n lib: \"easyops\",\n category: \"assets-inventory\",\n icon: \"xin\",\n color: \"blue\",\n }}\n style={{\n marginRight: \"4px\",\n }}\n />\n Add\n </span>\n </span>\n </div>\n <div className={styles.listContent}>{renderListContent}</div>\n </Form.Item>\n </div>\n );\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@next-libs/visual-builder",
3
- "version": "1.3.0",
3
+ "version": "1.3.1",
4
4
  "description": "> TODO: description",
5
5
  "homepage": "https://github.com/easyops-cn/next-libs/tree/master/libs/visual-builder",
6
6
  "license": "GPL-3.0",
@@ -35,5 +35,5 @@
35
35
  "@types/react-color": "^3.0.6",
36
36
  "react-color": "^2.19.3"
37
37
  },
38
- "gitHead": "b87814b2c11469b8a720c2745893b2d6847cae1d"
38
+ "gitHead": "7d101962654225064f40462a1be8db1128a476b1"
39
39
  }