ronds-metadata 1.1.23 → 1.1.26

package/es/comps/Editable/DataCell/ButtonCell.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/ButtonCell.js

@@ -0,0 +1,44 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-07-07 08:46:45
+ */
+import React from 'react';
+import { SettingOutlined } from '@ant-design/icons';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      record = props.record,
+      disabled = props.disabled;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editableStream = _ref.editableStream,
+      editConfig = _ref.editConfig;
+
+  var onClick = function onClick() {
+    editableStream && editableStream.next({
+      type: 'onButtonCellClick',
+      payload: record
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Button, {
+    type: "link",
+    disabled: editConfig.type === 'edit' ? disabled : false,
+    onClick: onClick,
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null)
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/DataCell/ColorPicker.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/ColorPicker.js

@@ -0,0 +1,33 @@
+import "antd/es/form/style";
+import _Form from "antd/es/form";
+import "antd/es/input/style";
+import _Input from "antd/es/input";
+
+/*
+ * @Author: wangxian
+ * @Date: 2022-03-04 14:53:50
+ * @LastEditTime: 2022-07-07 08:45:08
+ */
+import React from 'react';
+import { EditableContext } from '../interface';
+
+function Index(props) {
+  var dataIndex = props.dataIndex,
+      disabled = props.disabled;
+
+  var _ref = React.useContext(EditableContext) || undefined,
+      editConfig = _ref.editConfig;
+
+  return /*#__PURE__*/React.createElement(_Form.Item, {
+    name: dataIndex,
+    style: {
+      margin: 0
+    }
+  }, /*#__PURE__*/React.createElement(_Input, {
+    type: "color",
+    size: "small",
+    disabled: editConfig.type === 'edit' ? disabled : false
+  }));
+}
+
+export default /*#__PURE__*/React.memo(Index);

package/es/comps/Editable/comps/EditableHeardCell.js

@@ -50,9 +50,9 @@ var EditableHeardCell = function EditableHeardCell(props) {
   var myStyle = React.useMemo(function () {
     var res = {};
 
-    if (style) {
+    if (style === null || style === void 0 ? void 0 : style.right) {
       res = _objectSpread(_objectSpread({}, style), {}, {
-        right: style.right - 6
+        right: (style === null || style === void 0 ? void 0 : style.right) - 6
       });
     }
 

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

@@ -41,6 +41,10 @@ interface IEditableProps<R = any> {
      * 每行确认回调函数
      */
     onRowClick?: (record: any) => void;
+    /**
+     * 表格按钮点击事件
+     */
+    onButtonCellClick?: (record: any) => void;
     /**
      * 每行确认回调函数
      */

package/es/comps/Editable/index.js

@@ -34,6 +34,7 @@ var Editable = function Editable(props) {
       isAddColumn = _props$isAddColumn === void 0 ? false : _props$isAddColumn,
       tableProps = props.tableProps,
       onRowClick = props.onRowClick,
+      onButtonCellClick = props.onButtonCellClick,
       onRowConfirm = props.onRowConfirm,
       onRowDelete = props.onRowDelete,
       onMulChange = props.onMulChange,
@@ -125,6 +126,10 @@ var Editable = function Editable(props) {
         onRowClick && onRowClick(data.payload);
         break;
 
+      case 'onButtonCellClick':
+        onButtonCellClick && onButtonCellClick(data.payload);
+        break;
+
       case 'onSingleSave':
         if (lastValueRef.current && lastValueRef.current.rowIdx === data.payload._rowKey_) {
           onRowConfirm && onRowConfirm({

package/es/comps/Editable/utils.js

@@ -1,18 +1,22 @@
 /*
  * @Author: wangxian
  * @Date: 2022-03-04 14:59:04
- * @LastEditTime: 2022-03-09 10:42:38
+ * @LastEditTime: 2022-07-07 08:35:35
  */
 import React from 'react';
 import Input from './DataCell/Input';
 import Number from './DataCell/Number';
 import Select from './DataCell/Select';
 import Switch from './DataCell/Switch';
+import ColorPicker from './DataCell/ColorPicker';
+import ButtonCell from './DataCell/ButtonCell';
 var DataCellMap = {
   text: Input,
   number: Number,
   enum: Select,
-  bool: Switch
+  bool: Switch,
+  colorPicker: ColorPicker,
+  buttonCell: ButtonCell
 };
 export function getDataCell(item) {
   if (item.type && DataCellMap[item.type]) {

package/es/comps/MetadataForm/DataCell/layout/TableArray.js

@@ -13,6 +13,7 @@ import Editable from '../../../../comps/Editable';
 import useObservable from '../../../../framework/rxjs-hooks/useObservable';
 import { MetadataFormContext } from '../../interface';
 import { getLabelByProps } from '../../utils';
+import { deepClone } from '../../../../utils';
 
 var TableArray = function TableArray(props) {
   var initValue = props.initValue,
@@ -124,24 +125,56 @@ var TableArray = function TableArray(props) {
       firstLoadRef.current = false;
     }
   }, [initValue, form]);
+  var processEnumData = React.useCallback(function (data, _extraInfo) {
+    var _extraInfo$enum;
+
+    var _options = [];
+
+    var _enum = deepClone(data.enum || []); // 扩展规则的value
+
+
+    if (_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$enum = _extraInfo.enum) === null || _extraInfo$enum === void 0 ? void 0 : _extraInfo$enum.value) {
+      var _extraInfo$enum2;
+
+      _enum = deepClone(_extraInfo === null || _extraInfo === void 0 ? void 0 : (_extraInfo$enum2 = _extraInfo.enum) === null || _extraInfo$enum2 === void 0 ? void 0 : _extraInfo$enum2.value);
+    }
+
+    _enum.forEach(function (it) {
+      var obj = {
+        label: it.value,
+        value: (it === null || it === void 0 ? void 0 : it.key) || (it === null || it === void 0 ? void 0 : it.value)
+      };
+
+      _options.push(obj);
+    });
+
+    return _options;
+  }, []);
+  var processColumnType = React.useCallback(function (data, _extraInfo) {
+    var _extraInfo$text;
+
+    if (data.type === 'text' && ((_extraInfo$text = _extraInfo.text) === null || _extraInfo$text === void 0 ? void 0 : _extraInfo$text.type)) {
+      var _extraInfo$text2;
+
+      return (_extraInfo$text2 = _extraInfo.text) === null || _extraInfo$text2 === void 0 ? void 0 : _extraInfo$text2.type;
+    }
+
+    return data.type;
+  }, []);
   var processSchemaToColumns = React.useCallback(function (_properties) {
     var _columns = [];
 
     for (var i = 0; i < _properties.length; i++) {
       var it = _properties[i];
+      var extraInfo = refFieldsRef.current.get(it.id);
       var obj = {
         title: getLabelByProps(it),
         key: it.id,
         dataIndex: it.id,
-        width: 100,
+        width: processColumnType(it, extraInfo) === 'buttonCell' ? 60 : 100,
         editable: true,
-        type: it.type,
-        enum: it.type === 'enum' ? it.enum.map(function (v) {
-          return {
-            label: v.value,
-            value: v.value
-          };
-        }) : undefined
+        type: processColumnType(it, extraInfo),
+        enum: it.type === 'enum' ? processEnumData(it, extraInfo) : undefined
       };
 
       _columns.push(obj);

package/es/comps/MetadataForm/hooks/index.js

@@ -5,10 +5,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 /*
  * @Author: your name
  * @Date: 2021-09-18 14:15:04
- * @LastEditTime: 2022-05-21 08:51:08
- * @LastEditors: Please set LastEditors
- * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
- * @FilePath: \ronds.metadata\src\comps\MetadataForm\hooks\index.tsx
+ * @LastEditTime: 2022-07-06 14:02:17
  */
 import { getLocale } from '../../../framework/locale';
 import moment from 'moment';

package/package.json

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