@zykj2024/much-library 1.0.9 → 1.0.10

package/dist/McProSelect/demo/require.js

@@ -0,0 +1,82 @@
+/**
+ * title: 内置为空校验
+ * description: 为空校验。required为true时，会自动校验是否为空。可通过设置required为string类型，自定义提示信息。
+ */
+import { Flex, Form } from 'antd';
+import { McProSelect } from "../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var requireDemo = function requireDemo() {
+  return /*#__PURE__*/_jsx(Form, {
+    children: /*#__PURE__*/_jsxs(Flex, {
+      gap: "middle",
+      justify: "space-between",
+      children: [/*#__PURE__*/_jsx(McProSelect, {
+        name: "select1",
+        label: "select1",
+        fieldProps: {
+          defaultValue: 'lucy',
+          options: [{
+            value: 'jack',
+            label: 'Jack'
+          }, {
+            value: 'lucy',
+            label: 'Lucy'
+          }, {
+            value: 'Yiminghe',
+            label: 'yiminghe'
+          }, {
+            value: 'disabled',
+            label: 'Disabled',
+            disabled: true
+          }]
+        },
+        required: "\u8BF7\u9009\u62E9select1"
+      }), /*#__PURE__*/_jsx(McProSelect, {
+        name: "select2",
+        label: "select2",
+        fieldProps: {
+          defaultValue: 'lucy',
+          options: [{
+            value: 'jack',
+            label: 'Jack'
+          }, {
+            value: 'lucy',
+            label: 'Lucy'
+          }, {
+            value: 'Yiminghe',
+            label: 'yiminghe'
+          }, {
+            value: 'disabled',
+            label: 'Disabled',
+            disabled: true
+          }]
+        },
+        required: true
+      }), /*#__PURE__*/_jsx(McProSelect, {
+        name: "select3",
+        label: "select3",
+        multiple: true,
+        fieldProps: {
+          defaultValue: 'lucy',
+          options: [{
+            value: 'jack',
+            label: 'Jack'
+          }, {
+            value: 'lucy',
+            label: 'Lucy'
+          }, {
+            value: 'Yiminghe',
+            label: 'yiminghe'
+          }, {
+            value: 'disabled',
+            label: 'Disabled',
+            disabled: true
+          }]
+        },
+        required: true
+      })]
+    })
+  });
+};
+export default requireDemo;

package/dist/McProSelect/index.d.ts

@@ -0,0 +1,35 @@
+import { FormItemProps } from 'antd/es/form/FormItem';
+import { McSelectProps, Option } from '../McSelect';
+type McProselectOptions<T> = (T & Partial<Pick<Option, 'title' | 'disabled'>> & {
+    extra?: T;
+})[] | undefined;
+type McProSelectProps<T = {
+    label: string;
+    value: string;
+}> = Omit<FormItemProps, 'required'> & {
+    multiple?: boolean;
+    /** 默认为keyword */
+    searchKey?: string;
+    /** 为string时表示未填写时的提示文案 */
+    required?: boolean | string;
+    disabled?: boolean;
+    excludeIds?: (string | number)[];
+    fieldNames?: {
+        label?: keyof T;
+        value?: keyof T;
+    };
+    fieldProps?: Omit<McSelectProps, 'multiple' | 'fetchOption' | 'toFilterOptions' | 'options'> & {
+        options: McProselectOptions<T>;
+    };
+    request?: (params: {
+        current: number;
+        pageSize: number;
+        [key: string]: number | string;
+    }) => Promise<{
+        records: T[];
+        total: number;
+        [key: string]: any;
+    }>;
+};
+declare const McProSelect: <T extends Record<string, any>>({ label, name, fieldNames, required, request, multiple, disabled, searchKey, excludeIds, fieldProps, ...restProps }: McProSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default McProSelect;

package/dist/McProSelect/index.js

@@ -0,0 +1,152 @@
+import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["label", "name", "fieldNames", "required", "request", "multiple", "disabled", "searchKey", "excludeIds", "fieldProps"],
+  _excluded2 = ["options"],
+  _excluded3 = ["getValueFromEvent", "getValueProps", "rules"],
+  _excluded4 = ["current", "keyword"];
+import { Form } from 'antd';
+import { useMemo } from 'react';
+import McSelect from "../McSelect";
+import { isEmpty, isNil } from "../Utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+var McProSelect = function McProSelect(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    fieldNames = _ref.fieldNames,
+    required = _ref.required,
+    request = _ref.request,
+    multiple = _ref.multiple,
+    disabled = _ref.disabled,
+    _ref$searchKey = _ref.searchKey,
+    searchKey = _ref$searchKey === void 0 ? 'keyword' : _ref$searchKey,
+    excludeIds = _ref.excludeIds,
+    fieldProps = _ref.fieldProps,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var labelKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.label) || 'label';
+  var valueKey = (fieldNames === null || fieldNames === void 0 ? void 0 : fieldNames.value) || 'value';
+  var _ref2 = fieldProps !== null && fieldProps !== void 0 ? fieldProps : {},
+    optionsFromFieldProps = _ref2.options,
+    restFieldProps = _objectWithoutProperties(_ref2, _excluded2);
+  var customGetValueFromEvent = restProps.getValueFromEvent,
+    customGetValueProps = restProps.getValueProps,
+    rules = restProps.rules,
+    restFormItemProps = _objectWithoutProperties(restProps, _excluded3);
+
+  // 生成用fieldNames映射后的options
+  var createReflectedOptions = function createReflectedOptions(options) {
+    if (!options) return undefined;
+    return options.map(function (item) {
+      var _item$title;
+      return {
+        label: item[labelKey !== null && labelKey !== void 0 ? labelKey : 'label'],
+        value: item[valueKey !== null && valueKey !== void 0 ? valueKey : 'value'],
+        title: (_item$title = item.title) !== null && _item$title !== void 0 ? _item$title : '',
+        disabled: !!item.disabled,
+        extra: item
+      };
+    });
+  };
+
+  // 静态option
+  var staticOption = useMemo(function () {
+    // 非异步请求时，根据fieldNames转换为label&value格式
+    if (optionsFromFieldProps && optionsFromFieldProps.length > 0) {
+      return createReflectedOptions(optionsFromFieldProps);
+    }
+    return undefined;
+  }, [optionsFromFieldProps]);
+  var getValueProps = function getValueProps(value) {
+    var _label$value;
+    if (customGetValueProps) {
+      return customGetValueProps(value);
+    }
+    if (isNil(value)) return {
+      value: value
+    };
+    return {
+      value: multiple ? (value === null || value === void 0 ? void 0 : value.map(function (x) {
+        return {
+          label: x[labelKey],
+          value: x[valueKey]
+        };
+      })) || [] : (_label$value = {
+        label: value === null || value === void 0 ? void 0 : value[labelKey],
+        value: value === null || value === void 0 ? void 0 : value[valueKey]
+      }) !== null && _label$value !== void 0 ? _label$value : undefined
+    };
+  };
+  var getValueFromEvent = function getValueFromEvent(_selectedValues, options) {
+    var _options$map, _options$extra;
+    if (customGetValueFromEvent) return customGetValueFromEvent(_selectedValues, options);
+    if (!_selectedValues) return undefined;
+    // 如果其他业务要的value是number[], 不是option，需要修改这里。用到的时候再修改吧
+    if (multiple) return (_options$map = options === null || options === void 0 ? void 0 : options.map(function (item) {
+      var _item$extra;
+      return (_item$extra = item.extra) !== null && _item$extra !== void 0 ? _item$extra : item;
+    })) !== null && _options$map !== void 0 ? _options$map : [];
+    return (_options$extra = options === null || options === void 0 ? void 0 : options.extra) !== null && _options$extra !== void 0 ? _options$extra : options;
+  };
+  var requiredMsg = typeof required === 'string' ? required : '请选择';
+  return /*#__PURE__*/_jsx(Form.Item, _objectSpread(_objectSpread({
+    label: label,
+    name: name,
+    getValueProps: getValueProps,
+    getValueFromEvent: getValueFromEvent,
+    rules: required ? [{
+      required: true,
+      message: requiredMsg,
+      validator: function validator(_, value) {
+        if (isNil(value) || isEmpty(value)) return Promise.reject(new Error(requiredMsg));
+        return Promise.resolve();
+      }
+    }].concat(_toConsumableArray(restProps.rules || [])) : rules
+  }, restFormItemProps), {}, {
+    children: /*#__PURE__*/_jsx(McSelect, _objectSpread(_objectSpread({
+      multiple: multiple,
+      showSearch: true,
+      maxTagCount: undefined,
+      toFilterOptions: function toFilterOptions(options) {
+        if (!excludeIds || excludeIds.filter(Boolean).length === 0) return options;
+        return options.filter(function (option) {
+          return !excludeIds.includes(option.value);
+        });
+      },
+      fetchOptions: request ? ( /*#__PURE__*/function () {
+        var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(params) {
+          var _createReflectedOptio, _result$total;
+          var current, keyword, rest, result;
+          return _regeneratorRuntime().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                current = params.current, keyword = params.keyword, rest = _objectWithoutProperties(params, _excluded4);
+                _context.next = 3;
+                return request(_objectSpread(_objectSpread({}, rest), {}, _defineProperty({
+                  current: current !== null && current !== void 0 ? current : 1
+                }, searchKey, keyword)));
+              case 3:
+                result = _context.sent;
+                return _context.abrupt("return", {
+                  data: (_createReflectedOptio = createReflectedOptions(result === null || result === void 0 ? void 0 : result.records)) !== null && _createReflectedOptio !== void 0 ? _createReflectedOptio : [],
+                  total: (_result$total = result === null || result === void 0 ? void 0 : result.total) !== null && _result$total !== void 0 ? _result$total : 0
+                });
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref3.apply(this, arguments);
+        };
+      }()) : undefined,
+      options: staticOption
+    }, restFieldProps), {}, {
+      disabled: disabled
+    }))
+  }));
+};
+export default McProSelect;

package/dist/McSelect/demo/exclusion.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/McSelect/demo/exclusion.js

@@ -0,0 +1,64 @@
+/**
+ * title: 两个互斥的select
+ * description: select1中选择的选项会在select2中被排除，反之亦然。此方法同样支持远程select。
+ */
+import { Form } from 'antd';
+import { McSelect } from "../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var options = [{
+  value: 'gold'
+}, {
+  value: 'lime'
+}, {
+  value: 'green'
+}, {
+  value: 'cyan'
+}];
+var App = function App() {
+  return /*#__PURE__*/_jsxs(Form, {
+    name: "exclusion1",
+    children: [/*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select2'],
+      children: function children(_ref) {
+        var getFieldValue = _ref.getFieldValue;
+        return /*#__PURE__*/_jsx(Form.Item, {
+          name: "select1",
+          children: /*#__PURE__*/_jsx(McSelect, {
+            options: options,
+            label: "select1",
+            toFilterOptions: function toFilterOptions(options) {
+              return options.filter(function (option) {
+                return option.value !== getFieldValue('select2');
+              });
+            }
+          })
+        });
+      }
+    }), /*#__PURE__*/_jsx(Form.Item, {
+      noStyle: true,
+      dependencies: ['select1'],
+      children: function children(_ref2) {
+        var getFieldValue = _ref2.getFieldValue;
+        return /*#__PURE__*/_jsx(Form.Item, {
+          label: "select2",
+          name: "select2",
+          children: /*#__PURE__*/_jsx(McSelect, {
+            style: {
+              width: '100%'
+            },
+            options: options,
+            toFilterOptions: function toFilterOptions(options) {
+              return options.filter(function (option) {
+                return option.value !== getFieldValue('select1');
+              });
+            }
+          })
+        });
+      }
+    })]
+  });
+};
+export default App;

package/dist/McSelect/index.d.ts

@@ -1,7 +1,7 @@
 import { SelectProps } from 'antd';
 import { CSSProperties, FC, ReactNode } from 'react';
 import './index.less';
-interface Option {
+export interface Option {
     value: string | number;
     label?: React.ReactNode;
     title?: string;
@@ -25,6 +25,7 @@ export type FetchOptions = (params: {
 export type McSelectProps = Omit<SelectProps, 'mode' | 'fieldNames'> & {
     style?: CSSProperties;
     className?: string;
+    toFilterOptions?: (options: Option[]) => Option[];
     name?: string;
     label?: ReactNode;
     multiple?: boolean;
@@ -34,7 +35,6 @@ export type McSelectProps = Omit<SelectProps, 'mode' | 'fieldNames'> & {
     pageSize?: number;
     extra?: any;
     options?: Option[];
-    [key: string]: any;
 };
 declare const McSelect: FC<McSelectProps>;
 export default McSelect;

package/dist/McSelect/index.js

@@ -3,9 +3,9 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange"];
+var _excluded = ["style", "className", "label", "multiple", "changeOnHidden", "inexistent", "fetchOptions", "pageSize", "extra", "value", "onChange", "labelInValue", "options", "disabled", "maxTagCount", "onSearch", "onPopupScroll", "onBlur", "onDropdownVisibleChange", "toFilterOptions"];
 import { Empty, Popover, Select, Spin } from 'antd';
-import { Utils } from "./..";
+import { debounce } from "../Utils";
 import { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import "./index.css";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -32,6 +32,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     onPopupScroll = props.onPopupScroll,
     onBlur = props.onBlur,
     onDropdownVisibleChange = props.onDropdownVisibleChange,
+    toFilterOptions = props.toFilterOptions,
     rest = _objectWithoutProperties(props, _excluded);
   var _ref = typeof inexistent === 'boolean' ? {} : inexistent,
     _ref$inexistentText = _ref.inexistentText,
@@ -87,6 +88,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var _oldValue = useRef();
   var _changeOption = useRef();
   var _inexistent = useRef(false);
+  var filteredOptions = toFilterOptions ? toFilterOptions(selectOptions) : selectOptions; // 只要有render就需要重新生成options
 
   // 监听值和备选项的变化（赋值备选项，执行不存在值的判断逻辑）
   useEffect(function () {
@@ -209,7 +211,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
 
   // 搜索防抖函数
   var debounceSearcher = useMemo(function () {
-    return Utils.debounce(loadOptions, 350);
+    return debounce(loadOptions, 350);
   }, [loadOptions]);
 
   // 文本框值变化时回调
@@ -231,7 +233,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     _extra.current = extra;
   }, [extra, loadOptions]);
 
-  // 滚动触底防抖函数
+  // 滚动触底防抖函数。注意需要pageSize要够大，否则不会触发滚动条滚动，也就不会翻页。建议用默认的20
   var debounceScrollor = useMemo(function () {
     var scroll = function scroll(e) {
       var start = e.target.scrollTop + e.target.offsetHeight;
@@ -241,7 +243,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
         loadOptions(searchValue, _current.current + 1);
       }
     };
-    return Utils.debounce(scroll, 350);
+    return debounce(scroll, 350);
   }, [loadOptions, searchValue]);
 
   // 下拉列表滚动时的回调
@@ -297,7 +299,7 @@ var McSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       value: selectValue,
       onChange: change,
       labelInValue: labelInValue,
-      options: selectOptions,
+      options: filteredOptions,
       disabled: disabled,
       placeholder: "\u8BF7\u9009\u62E9",
       showSearch: true,

package/dist/McTag/demo/demo1.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTag/demo/demo1.js

@@ -0,0 +1,18 @@
+/**
+ * title: 设置本身宽度以支持ellipsis
+ * description: 在McTag上设置宽度，以支持ellipsis。同时支持复制
+ */
+import McTag from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var uri = '/recommend/page/123/page/123/page/123';
+  return /*#__PURE__*/_jsx(McTag, {
+    style: {
+      maxWidth: 150
+    },
+    ellipsis: true,
+    color: "blue",
+    copyable: true,
+    children: uri
+  });
+});

package/dist/McTag/demo/demo2.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTag/demo/demo2.js

@@ -0,0 +1,20 @@
+/**
+ * title: 设置父组件宽度以支持ellipsis
+ * description: 在McTag上设置宽度，以支持ellipsis。同时支持复制
+ */
+import McTag from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var uri = '/recommend/page/123/page/123/page/123';
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 200
+    },
+    children: /*#__PURE__*/_jsx(McTag, {
+      color: "blue",
+      copyable: true,
+      ellipsis: true,
+      children: uri
+    })
+  });
+});

package/dist/McTag/demo/demo3.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTag/demo/demo3.js

@@ -0,0 +1,19 @@
+/**
+ * title: 支持复制
+ * description: 普通McTag模式也支持复制
+ */
+import { ExclamationCircleOutlined } from 'much-icons';
+import McTag from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  return /*#__PURE__*/_jsx(McTag, {
+    style: {
+      maxWidth: 150
+    },
+    ellipsis: true,
+    color: "warning",
+    icon: /*#__PURE__*/_jsx(ExclamationCircleOutlined, {}),
+    copyable: true,
+    children: "click me to copy"
+  });
+});

package/dist/McTag/demo/demo4.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/McTag/demo/demo4.js

@@ -0,0 +1,22 @@
+/**
+ * title: 自定义ellipsis属性
+ */
+import McTag from "../index";
+import { jsx as _jsx } from "react/jsx-runtime";
+export default (function () {
+  var uri = '/recommend/page/123/page/123/page/123';
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      width: 200
+    },
+    children: /*#__PURE__*/_jsx(McTag, {
+      color: "blue",
+      copyable: true,
+      ellipsis: {
+        tooltip: true,
+        suffix: '等'
+      },
+      children: uri
+    })
+  });
+});

package/dist/McTag/index.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { TagProps } from 'antd';
+import { EllipsisConfig } from 'antd/es/typography/Base';
+interface McTagProps {
+    /**
+     * @description 为true时，使用默认行为，展示tooltip；为对象时，传递给Typography.Text的ellipsis属性
+     * @default undefined
+     */
+    ellipsis?: true | EllipsisConfig;
+    /**
+     * @description 是否可复制
+     * @default 默认为false
+     */
+    copyable?: boolean;
+    /**
+     * @description 省略模式时，设置文字样式。（一般用不上）
+     * @default undefined
+     */
+    ellipsisTextStyle?: React.CSSProperties;
+}
+declare const McTag: (props: TagProps & McTagProps) => import("react/jsx-runtime").JSX.Element;
+export default McTag;

package/dist/McTag/index.js

@@ -0,0 +1,59 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["ellipsis", "children", "copyable", "onClick", "ellipsisTextStyle"],
+  _excluded2 = ["style"];
+import { message, Tag, Typography } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var McTag = function McTag(props) {
+  var ellipsis = props.ellipsis,
+    children = props.children,
+    copyable = props.copyable,
+    _onClick = props.onClick,
+    ellipsisTextStyle = props.ellipsisTextStyle,
+    tagProps = _objectWithoutProperties(props, _excluded);
+  var useEllipsis = typeof children === 'string' && !!ellipsis;
+  var style = tagProps.style,
+    restTagProps = _objectWithoutProperties(tagProps, _excluded2);
+  var renderChildren = function renderChildren() {
+    if (useEllipsis) {
+      return /*#__PURE__*/_jsx(Typography.Text, {
+        style: _objectSpread({
+          color: 'inherit',
+          fontSize: 'inherit'
+        }, ellipsisTextStyle),
+        ellipsis: ellipsis === true ? {
+          tooltip: children
+        } : ellipsis,
+        children: children
+      });
+    }
+    return children;
+  };
+  return /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({
+    onClick: function onClick(e) {
+      if (copyable) {
+        var copyText = typeof copyable === 'string' ? copyable : children;
+        if (!(typeof copyText === 'string')) {
+          if (process.env.NODE_ENV === 'development') throw Error('copyable prop only support string children or string copyable');
+          return;
+        }
+        if (navigator.clipboard) {
+          navigator.clipboard.writeText(copyText).then(function () {
+            return message.success('复制成功!');
+          }, function () {
+            return message.error('复制失败!');
+          });
+        } else {
+          message.error('当前域名无权限使用剪切板');
+        }
+      }
+      if (_onClick) _onClick(e);
+    },
+    style: _objectSpread({
+      maxWidth: useEllipsis ? '100%' : 'none'
+    }, style)
+  }, restTagProps), {}, {
+    children: renderChildren()
+  }));
+};
+export default McTag;

package/dist/McThemeConfig/customToken.json

@@ -32,7 +32,8 @@
     },
     "Radio": {
       "buttonLineBg": "rgb(216, 216, 216)",
-      "buttonLineHeight": 16
+      "buttonLineHeight": 16,
+      "buttonCheckedBorderColorDisabled": "rgb(216, 216, 216)"
     }
   }
 }