coolcare-lite-scada-component 1.0.0

package/es/components/FontStyleForm/index.css

@@ -0,0 +1,3 @@
+.form :global .ant-form-item-label > label {
+  font-size: 12px;
+}

package/es/components/FontStyleForm/index.js

@@ -0,0 +1,170 @@
+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); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
+import { Form, InputNumber, Radio, Tooltip, Select, Row, Col } from 'antd';
+import { AlignLeftOutlined, AlignCenterOutlined, AlignRightOutlined, UnderlineOutlined, StrikethroughOutlined, StopOutlined } from '@ant-design/icons';
+import { useDebounceFn } from 'ahooks';
+import FontFamilySelect from "../FontFamilySelect";
+import ColorPicker from "../ColorPicker";
+import styles from "./index.css";
+var Option = Select.Option;
+var FontStyleForm = function FontStyleForm(_ref) {
+  var _defaultValue$fontFam, _defaultValue$color, _defaultValue$fontWei, _defaultValue$lineHei, _defaultValue$letterS, _defaultValue$textAli, _defaultValue$textDec;
+  var hiddenProps = _ref.hiddenProps,
+    defaultValue = _ref.defaultValue,
+    className = _ref.className,
+    onChange = _ref.onChange;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useDebounceFn = useDebounceFn(function (values) {
+      onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread(_objectSpread({}, values), {}, {
+        fontFamily: values.fontFamily.join(',')
+      }));
+    }, {
+      leading: false,
+      wait: 500
+    }),
+    updateProps = _useDebounceFn.run;
+  var resolvedDefaultValue = {
+    fontSize: defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.fontSize,
+    fontFamily: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.fontFamily) ? defaultValue === null || defaultValue === void 0 ? void 0 : (_defaultValue$fontFam = defaultValue.fontFamily) === null || _defaultValue$fontFam === void 0 ? void 0 : _defaultValue$fontFam.split(',') : [],
+    color: (_defaultValue$color = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.color) !== null && _defaultValue$color !== void 0 ? _defaultValue$color : '#000000',
+    fontWeight: (_defaultValue$fontWei = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.fontWeight) !== null && _defaultValue$fontWei !== void 0 ? _defaultValue$fontWei : 'normal',
+    lineHeight: (_defaultValue$lineHei = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.lineHeight) !== null && _defaultValue$lineHei !== void 0 ? _defaultValue$lineHei : 1.57,
+    letterSpacing: (_defaultValue$letterS = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.letterSpacing) !== null && _defaultValue$letterS !== void 0 ? _defaultValue$letterS : 0,
+    textAlign: (_defaultValue$textAli = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.textAlign) !== null && _defaultValue$textAli !== void 0 ? _defaultValue$textAli : 'left',
+    textDecoration: (_defaultValue$textDec = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.textDecoration) !== null && _defaultValue$textDec !== void 0 ? _defaultValue$textDec : 'none'
+  };
+  var onFormChange = function onFormChange(changedValues, values) {
+    updateProps(values);
+  };
+  return /*#__PURE__*/React.createElement(Form, {
+    layout: "vertical",
+    form: form,
+    size: "small",
+    initialValues: resolvedDefaultValue,
+    onValuesChange: onFormChange,
+    className: "".concat(styles.form, " ").concat(className !== null && className !== void 0 ? className : '')
+  }, (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('fontFamily')) ? null : /*#__PURE__*/React.createElement(Form.Item, {
+    name: "fontFamily",
+    label: "\u5B57\u4F53"
+  }, /*#__PURE__*/React.createElement(FontFamilySelect, null)), /*#__PURE__*/React.createElement(Row, {
+    gutter: 16
+  }, (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('color')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "color",
+    label: "\u989C\u8272"
+  }, /*#__PURE__*/React.createElement(ColorPicker, null))), (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('fontSize')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "fontSize",
+    label: "\u5927\u5C0F\uFF08px\uFF09"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    min: 10,
+    placeholder: "",
+    style: {
+      width: '100%'
+    }
+  }))), (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('lineHeight')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "lineHeight",
+    label: "\u884C\u8DDD"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    style: {
+      width: '100%'
+    },
+    step: 0.1,
+    min: 1,
+    max: 20
+  }))), (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('letterSpacing')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "letterSpacing",
+    label: "\u5B57\u95F4\u8DDD\uFF08px\uFF09"
+  }, /*#__PURE__*/React.createElement(InputNumber, {
+    style: {
+      width: '100%'
+    },
+    min: 0,
+    max: 50
+  }))), (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('fontWeight')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "fontWeight",
+    label: "\u7C97\u7EC6"
+  }, /*#__PURE__*/React.createElement(Select, null, /*#__PURE__*/React.createElement(Option, {
+    value: "normal"
+  }, "\u6807\u51C6"), /*#__PURE__*/React.createElement(Option, {
+    value: "bold"
+  }, "\u52A0\u7C97"), /*#__PURE__*/React.createElement(Option, {
+    value: "100"
+  }, "100"), /*#__PURE__*/React.createElement(Option, {
+    value: ""
+  }, "200"), /*#__PURE__*/React.createElement(Option, {
+    value: "300"
+  }, "300"), /*#__PURE__*/React.createElement(Option, {
+    value: "400"
+  }, "400"), /*#__PURE__*/React.createElement(Option, {
+    value: "500"
+  }, "500"), /*#__PURE__*/React.createElement(Option, {
+    value: "600"
+  }, "600"), /*#__PURE__*/React.createElement(Option, {
+    value: "700"
+  }, "700"), /*#__PURE__*/React.createElement(Option, {
+    value: "800"
+  }, "800"), /*#__PURE__*/React.createElement(Option, {
+    value: "900"
+  }, "900"))))), /*#__PURE__*/React.createElement(Row, {
+    gutter: 16
+  }, (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('textAlign')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "textAlign"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    size: "small"
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "left"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u5DE6\u5BF9\u9F50"
+  }, /*#__PURE__*/React.createElement(AlignLeftOutlined, null))), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "center"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u5C45\u4E2D"
+  }, /*#__PURE__*/React.createElement(AlignCenterOutlined, null))), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "right"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u53F3\u5BF9\u9F50"
+  }, /*#__PURE__*/React.createElement(AlignRightOutlined, null)))))), (hiddenProps === null || hiddenProps === void 0 ? void 0 : hiddenProps.includes('textDecoration')) ? null : /*#__PURE__*/React.createElement(Col, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Form.Item, {
+    name: "textDecoration"
+  }, /*#__PURE__*/React.createElement(Radio.Group, {
+    size: "small"
+  }, /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "none"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "none"
+  }, /*#__PURE__*/React.createElement(StopOutlined, null))), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "underline"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u4E0B\u5212\u7EBF"
+  }, /*#__PURE__*/React.createElement(UnderlineOutlined, null))), /*#__PURE__*/React.createElement(Radio.Button, {
+    value: "line-through"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    title: "\u4E2D\u5212\u7EBF"
+  }, /*#__PURE__*/React.createElement(StrikethroughOutlined, null))))))));
+};
+export default FontStyleForm;

package/es/components/FormBindPoint/FreedomScene.js

@@ -0,0 +1,207 @@
+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); }
+var _excluded = ["key", "name"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
+import { useMemo, useEffect } from 'react';
+import { Form, Button, Space, Typography, Input } from 'antd';
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import { useModel } from 'umi';
+import { cloneDeep } from 'lodash-es';
+import PointInfoTip from "../PointInfoTip";
+import DeviceSelect from "../DeviceSelect";
+import PointSelect from "../PointSelect";
+var Text = Typography.Text,
+  Link = Typography.Link;
+var FormItem = Form.Item;
+var formLayout = {
+  wrapperCol: {
+    span: 18
+  },
+  labelCol: {
+    span: 5
+  }
+};
+
+/** 绑定点位-freedom的场景 */
+var FreedomSceneFormBindPoint = function FreedomSceneFormBindPoint(_ref) {
+  var onChange = _ref.onChange,
+    pointItemTool = _ref.pointItemTool;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var _useModel = useModel('useEditor', function (model) {
+      return {
+        activeNode: model.activeCell
+      };
+    }),
+    activeCell = _useModel.activeNode;
+  useEffect(function () {
+    if (activeCell) {
+      var _data$pointList;
+      var data = cloneDeep(activeCell.getData());
+      if ((_data$pointList = data.pointList) === null || _data$pointList === void 0 ? void 0 : _data$pointList.length) {
+        form.setFieldsValue({
+          pointList: data.pointList
+        });
+      } else if (typeof data.pointListLimit === 'number' && data.pointListLimit > 0) {
+        form.setFieldsValue({
+          pointList: [{
+            deviceId: undefined,
+            pointId: undefined,
+            identifierName: ''
+          }]
+        });
+      } else {
+        form.setFieldsValue({
+          pointList: []
+        });
+      }
+    } else {
+      form.setFieldsValue({
+        pointList: []
+      });
+    }
+  }, [activeCell, form]);
+
+  /** 可绑定的点位数量 */
+  var pointListLimit = useMemo(function () {
+    if (activeCell) {
+      var _data$pointListLimit;
+      var data = activeCell.getData();
+      return (_data$pointListLimit = data.pointListLimit) !== null && _data$pointListLimit !== void 0 ? _data$pointListLimit : 1000;
+    }
+    return 0;
+  }, [activeCell]);
+  var handleDeviceChange = function handleDeviceChange(deviceId, index) {
+    var pointList = form.getFieldValue('pointList');
+    pointList[index].identifierName = undefined;
+    pointList[index].pointId = undefined;
+    form.setFieldsValue({
+      pointList: pointList
+    });
+  };
+  var onValuesChange = function onValuesChange(changedValues, _ref2) {
+    var pointList = _ref2.pointList;
+    if (!activeCell) return;
+    var list = pointList.filter(function (v) {
+      return v.identifierName;
+    });
+    var payload = activeCell.getData();
+    activeCell.setData({
+      pointList: list.map(function (v, index) {
+        var _payload$pointList;
+        return _objectSpread(_objectSpread({}, (payload === null || payload === void 0 ? void 0 : (_payload$pointList = payload.pointList) === null || _payload$pointList === void 0 ? void 0 : _payload$pointList[index]) || {}), {}, {
+          deviceId: v.deviceId,
+          identifierName: v.identifierName,
+          pointId: v.pointId
+        });
+      })
+    }, {
+      deep: false
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange();
+  };
+  var payload = activeCell === null || activeCell === void 0 ? void 0 : activeCell.getData();
+  return /*#__PURE__*/React.createElement(Form, _extends({
+    form: form,
+    size: "small",
+    colon: false
+  }, formLayout, {
+    onValuesChange: onValuesChange
+  }), /*#__PURE__*/React.createElement(Form.List, {
+    name: "pointList"
+  }, function (fields, _ref3) {
+    var add = _ref3.add,
+      remove = _ref3.remove;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (_ref4, index) {
+      var key = _ref4.key,
+        name = _ref4.name,
+        restField = _objectWithoutProperties(_ref4, _excluded);
+      return /*#__PURE__*/React.createElement("div", {
+        key: key
+      }, /*#__PURE__*/React.createElement(FormItem, {
+        wrapperCol: {
+          offset: 1
+        }
+      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Text, {
+        strong: true,
+        style: {
+          fontSize: 12
+        }
+      }, "\u70B9\u4F4D", fields.length === 1 ? '' : index + 1), /*#__PURE__*/React.createElement(PointInfoTip, {
+        identifierName: form.getFieldValue(['pointList', index, 'identifierName']),
+        deviceId: form.getFieldValue(['pointList', index, 'deviceId'])
+      }), typeof pointItemTool === 'function' && pointItemTool(index), /*#__PURE__*/React.createElement(Link, {
+        type: "danger",
+        className: "btn-hover-effect",
+        style: {
+          padding: '4px'
+        },
+        onClick: function onClick() {
+          return remove(name);
+        }
+      }, /*#__PURE__*/React.createElement(DeleteOutlined, null)))), /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
+        label: "\u8BBE\u5907\xA0",
+        name: [name, 'deviceId'],
+        className: "!ml-3",
+        normalize: function normalize(val) {
+          return val.deviceId;
+        }
+      }), /*#__PURE__*/React.createElement(DeviceSelect, {
+        onChange: function onChange(_ref5) {
+          var deviceId = _ref5.deviceId;
+          return handleDeviceChange(deviceId, index);
+        }
+      })), /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
+        label: "\u70B9\u4F4D\xA0",
+        name: [name, 'identifierName'],
+        className: "!ml-3",
+        normalize: function normalize(pointInfo) {
+          var pointList = form.getFieldValue('pointList');
+          pointList[index].pointId = pointInfo.pointId;
+          form.setFieldsValue({
+            pointList: pointList
+          });
+          return pointInfo.identifierName;
+        }
+      }), /*#__PURE__*/React.createElement(PointSelect, {
+        deviceId: form.getFieldValue(['pointList', name, 'deviceId']),
+        disabledUnWriteable: payload === null || payload === void 0 ? void 0 : payload.pointSelect_disabledUnWriteable
+      })), /*#__PURE__*/React.createElement(Form.Item, _extends({
+        hidden: true
+      }, restField, {
+        label: "\u70B9\u4F4D\xA0",
+        name: [name, 'pointId'],
+        className: "!ml-3"
+      }), /*#__PURE__*/React.createElement(Input, null)));
+    }), pointListLimit > fields.length ? /*#__PURE__*/React.createElement(Form.Item, {
+      wrapperCol: {
+        span: 15,
+        offset: 6
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "dashed",
+      onClick: function onClick() {
+        return add({
+          identifierName: ''
+        });
+      },
+      block: true,
+      icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+    }, "\u6DFB\u52A0\u70B9\u4F4D")) : null);
+  }));
+};
+export default FreedomSceneFormBindPoint;

package/es/components/FormBindPoint/ProductionOrDeviceScene.js

@@ -0,0 +1,172 @@
+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); }
+var _excluded = ["name", "key"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
+import { useMemo, useEffect } from 'react';
+import { Form, Button, Space, Typography } from 'antd';
+import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
+import { useModel } from 'umi';
+import { cloneDeep } from 'lodash-es';
+import { useQuery } from "../../hooks";
+import PointInfoTip from "../PointInfoTip";
+import PointSelect from "../PointSelect";
+var Text = Typography.Text,
+  Link = Typography.Link;
+var FormItem = Form.Item;
+var formLayout = {
+  wrapperCol: {
+    span: 18
+  },
+  labelCol: {
+    span: 5
+  }
+};
+
+/** 绑定点位-单个产品的场景 */
+var ProductionSceneFormBindPoint = function ProductionSceneFormBindPoint(_ref) {
+  var onChange = _ref.onChange,
+    pointItemTool = _ref.pointItemTool;
+  var _Form$useForm = Form.useForm(),
+    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
+    form = _Form$useForm2[0];
+  var query = useQuery();
+  var _useModel = useModel('useEditor', function (model) {
+      return {
+        activeNode: model.activeCell
+      };
+    }),
+    activeCell = _useModel.activeNode;
+  useEffect(function () {
+    if (activeCell) {
+      var _data$pointList;
+      var data = cloneDeep(activeCell.getData());
+      if ((_data$pointList = data.pointList) === null || _data$pointList === void 0 ? void 0 : _data$pointList.length) {
+        form.setFieldsValue({
+          pointList: data.pointList
+        });
+      } else if (typeof data.pointListLimit === 'number' && data.pointListLimit > 0) {
+        form.setFieldsValue({
+          pointList: [{
+            identifierName: ''
+          }]
+        });
+      } else {
+        form.setFieldsValue({
+          pointList: []
+        });
+      }
+    } else {
+      form.setFieldsValue({
+        pointList: []
+      });
+    }
+  }, [activeCell, form]);
+  var pointListLimit = useMemo(function () {
+    if (activeCell) {
+      var _data$pointListLimit;
+      var data = activeCell.getData();
+      return (_data$pointListLimit = data.pointListLimit) !== null && _data$pointListLimit !== void 0 ? _data$pointListLimit : 1000;
+    }
+    return 0;
+  }, [activeCell]);
+  var onValuesChange = function onValuesChange(changedValues, _ref2) {
+    var pointList = _ref2.pointList;
+    if (activeCell) {
+      var list = pointList.filter(function (v) {
+        return v.identifierName;
+      });
+      var _payload = activeCell.getData();
+      activeCell.setData({
+        pointList: list.map(function (v, index) {
+          var _payload$pointList;
+          return _objectSpread(_objectSpread({}, (_payload === null || _payload === void 0 ? void 0 : (_payload$pointList = _payload.pointList) === null || _payload$pointList === void 0 ? void 0 : _payload$pointList[index]) || {}), {}, {
+            identifierName: v.identifierName
+          });
+        })
+      }, {
+        deep: false
+      });
+      onChange === null || onChange === void 0 ? void 0 : onChange();
+    }
+  };
+  var payload = activeCell === null || activeCell === void 0 ? void 0 : activeCell.getData();
+  return /*#__PURE__*/React.createElement(Form, _extends({
+    form: form,
+    size: "small",
+    colon: false
+  }, formLayout, {
+    onValuesChange: onValuesChange
+  }), /*#__PURE__*/React.createElement(Form.List, {
+    name: "pointList"
+  }, function (fields, _ref3) {
+    var add = _ref3.add,
+      remove = _ref3.remove;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, fields.map(function (_ref4, index) {
+      var name = _ref4.name,
+        key = _ref4.key,
+        restField = _objectWithoutProperties(_ref4, _excluded);
+      return /*#__PURE__*/React.createElement("div", {
+        key: key
+      }, /*#__PURE__*/React.createElement(FormItem, {
+        wrapperCol: {
+          offset: 1
+        }
+      }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Text, {
+        strong: true,
+        style: {
+          fontSize: 12
+        }
+      }, "\u70B9\u4F4D", fields.length === 1 ? '' : index + 1), /*#__PURE__*/React.createElement(PointInfoTip, {
+        identifierName: form.getFieldValue(['pointList', index, 'identifierName'])
+      }), typeof pointItemTool === 'function' && pointItemTool(index), /*#__PURE__*/React.createElement(Link, {
+        type: "danger",
+        className: "btn-hover-effect",
+        style: {
+          padding: '4px'
+        },
+        onClick: function onClick() {
+          return remove(name);
+        }
+      }, /*#__PURE__*/React.createElement(DeleteOutlined, null)))), /*#__PURE__*/React.createElement(Form.Item, _extends({}, restField, {
+        label: "\u70B9\u4F4D\xA0",
+        name: [name, 'identifierName'],
+        className: "!ml-3",
+        normalize: function normalize(pointInfo) {
+          return pointInfo.identifierName;
+        }
+      }), /*#__PURE__*/React.createElement(PointSelect, {
+        deviceId: query.scene === 'device' ? Number(query.deviceId) : undefined,
+        disabledUnWriteable: payload === null || payload === void 0 ? void 0 : payload.pointSelect_disabledUnWriteable,
+        productId: query.scene === 'product' ? Number(query.productId) : undefined
+      })));
+    }), pointListLimit > fields.length ? /*#__PURE__*/React.createElement(Form.Item, {
+      wrapperCol: {
+        span: 15,
+        offset: 6
+      }
+    }, /*#__PURE__*/React.createElement(Button, {
+      type: "dashed",
+      onClick: function onClick() {
+        return add({
+          identifierName: ''
+        });
+      },
+      block: true,
+      icon: /*#__PURE__*/React.createElement(PlusOutlined, null)
+    }, "\u6DFB\u52A0\u70B9\u4F4D")) : null);
+  }));
+};
+export default ProductionSceneFormBindPoint;

package/es/components/FormBindPoint/index.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { useQuery } from "../../hooks";
+import ProductionOrDeviceScene from "./ProductionOrDeviceScene";
+import FreedomScene from "./FreedomScene";
+var FormBindPoint = function FormBindPoint(_ref) {
+  var onChange = _ref.onChange,
+    pointItemTool = _ref.pointItemTool;
+  var query = useQuery();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, ['product', 'device'].includes(query.scene) && /*#__PURE__*/React.createElement(ProductionOrDeviceScene, {
+    onChange: onChange,
+    pointItemTool: pointItemTool
+  }), query.scene === 'freedom' && /*#__PURE__*/React.createElement(FreedomScene, {
+    onChange: onChange,
+    pointItemTool: pointItemTool
+  }));
+};
+export default FormBindPoint;

package/es/components/FormIconSelect/index.js

@@ -0,0 +1,62 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React from "react";
+import { useState } from 'react';
+import { Button } from 'antd';
+import { SettingOutlined } from '@ant-design/icons';
+import DialogIconPicker from "../DialogIconPicker";
+import Icon from "../Icon";
+var FormIconSelect = function FormIconSelect(_ref) {
+  var onChange = _ref.onChange,
+    children = _ref.children,
+    defaultValue = _ref.defaultValue,
+    iconPlaceholder = _ref.placeholderIconName,
+    style = _ref.style;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = useState(defaultValue || ''),
+    _useState4 = _slicedToArray(_useState3, 2),
+    iconName = _useState4[0],
+    setIconName = _useState4[1];
+  var handleIconChange = function handleIconChange(iconName) {
+    setIconName(iconName);
+    onChange === null || onChange === void 0 ? void 0 : onChange(iconName);
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children ? children : /*#__PURE__*/React.createElement("div", {
+    className: "flex items-center justify-between",
+    style: style
+  }, /*#__PURE__*/React.createElement(Icon, {
+    type: "icon-".concat(iconName || iconPlaceholder),
+    style: {
+      fontSize: 16,
+      color: '#5b6b73'
+    },
+    className: "cursor-pointer",
+    onClick: function onClick() {
+      setVisible(true);
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    style: {
+      padding: '0 4px',
+      float: 'right'
+    },
+    onClick: function onClick() {
+      setVisible(true);
+    },
+    type: "link",
+    className: "btn-hover-effect"
+  }, /*#__PURE__*/React.createElement(SettingOutlined, null))), /*#__PURE__*/React.createElement(DialogIconPicker, {
+    visible: visible,
+    onChange: handleIconChange,
+    onCancel: function onCancel() {
+      setVisible(false);
+    }
+  }));
+};
+export default FormIconSelect;