ronds-metadata 1.3.46 → 1.3.47

package/es/comps/Editable/DataCell/TreeSelect.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EditableCellProps } from '../interface';
+declare function Index(props: EditableCellProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Index>;
+export default _default;

package/es/comps/Editable/DataCell/TreeSelect.js

@@ -0,0 +1,67 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/tree-select/style";
+import _TreeSelect from "antd/es/tree-select";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["dataIndex", "mode", "disabled"];
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2024-05-30 08:56:19
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+function Index(props) {
+  var dataIndex = props.dataIndex,
+    mode = props.mode,
+    disabled = props.disabled,
+    restProps = _objectWithoutProperties(props, _excluded);
+  var _ref = React.useContext(EditableContext) || undefined,
+    editConfig = _ref.editConfig;
+  var _React$useState = React.useState([]),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    treeData = _React$useState2[0],
+    setTreeData = _React$useState2[1];
+  React.useEffect(function () {
+    if (restProps.treeSelect) {
+      Promise.resolve(restProps.treeSelect).then(function (value) {
+        setTreeData(_toConsumableArray(value));
+      });
+    }
+  }, [restProps === null || restProps === void 0 ? void 0 : restProps.treeSelect]);
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_TreeSelect, {
+    showSearch: true,
+    virtual: true,
+    filterTreeNode: function filterTreeNode(input, treeNode) {
+      var _treeNode$label;
+      return (treeNode === null || treeNode === void 0 ? void 0 : (_treeNode$label = treeNode.label) === null || _treeNode$label === void 0 ? void 0 : _treeNode$label.toString().indexOf(input)) >= 0;
+    },
+    fieldNames: {
+      label: 'label',
+      value: 'value',
+      children: 'children'
+    }
+    // getPopupContainer={(triggerNode) => triggerNode.parentNode}
+    ,
+    multiple: mode === 'multiple',
+    style: {
+      width: '100%'
+    },
+    dropdownStyle: {
+      maxHeight: 400,
+      overflow: 'auto'
+    },
+    treeData: treeData,
+    allowClear: true,
+    disabled: editConfig.type === 'edit' ? disabled : false,
+    size: "small"
+  }));
+}
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/index.js

@@ -11,7 +11,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: wangxain
  * @Date: 2022-03-04 08:53:04
- * @LastEditTime: 2024-05-14 11:27:04
+ * @LastEditTime: 2024-05-30 08:38:53
  */
 import React from 'react';
 import { pick, isArray } from 'lodash';
@@ -205,7 +205,7 @@ var Editable = function Editable(props) {
           record: record,
           editableType: type,
           isAddColumn: isAddColumn
-        }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'mode', 'disabled', 'cellDisabled'])), {}, {
+        }, pick(column, ['editable', 'title', 'dataIndex', 'type', 'enum', 'treeSelect', 'mode', 'disabled', 'cellDisabled'])), {}, {
           rowIndex: rowIndex
         });
       };

package/es/comps/Editable/interface.d.ts

@@ -17,6 +17,11 @@ export interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
         label: string;
         value: string;
     }[];
+    treeSelect?: {
+        label: string;
+        value: string;
+        children: any[];
+    }[];
     mode?: 'multiple' | 'tags';
     children: React.ReactNode;
 }
@@ -33,7 +38,7 @@ export interface EditableRowProps extends React.HTMLAttributes<HTMLElement> {
     index?: any;
     onMove?: (data: any) => void;
 }
-export type InputType = 'bool' | 'number' | 'text' | 'enum' | string;
+export type InputType = 'bool' | 'number' | 'text' | 'enum' | 'treeSelect' | string;
 export interface EditColumnsType extends ColumnsType<any> {
     type?: InputType;
     enum?: {

package/es/comps/Editable/interface.js

@@ -1,7 +1,7 @@
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 15:07:57
- * @LastEditTime: 2023-05-23 09:16:25
+ * @LastEditTime: 2024-05-30 08:42:06
  */
 import React from 'react';
 export var EditableContext = /*#__PURE__*/React.createContext(null);

package/es/comps/Editable/utils.js

@@ -1,7 +1,7 @@
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 14:59:04
- * @LastEditTime: 2023-05-23 10:33:54
+ * @LastEditTime: 2024-05-30 08:55:25
  */
 import React from 'react';
 import Input from './DataCell/Input';
@@ -10,10 +10,12 @@ import Select from './DataCell/Select';
 import Switch from './DataCell/Switch';
 import ColorPicker from './DataCell/ColorPicker';
 import ButtonCell from './DataCell/ButtonCell';
+import TreeSelect from './DataCell/TreeSelect';
 var DataCellMap = {
   text: Input,
   number: Number,
   enum: Select,
+  treeSelect: TreeSelect,
   bool: Switch,
   colorPicker: ColorPicker,
   buttonCell: ButtonCell

package/package.json

@@ -1,7 +1,7 @@
 {
   "public": true,
   "name": "ronds-metadata",
-  "version": "1.3.46",  
+  "version": "1.3.47",  
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",