@luck-design-biz/luckda 0.0.23 → 0.0.24-1

package/lib/lowcode/painter/panel-section/Radio.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _radio = _interopRequireDefault(require("../style/radio.less"));
-/**
- * Radio组件允许用户从一组选项中选择一个。它接收一个`options`数组来渲染选项，以及一个可选的`onChange`回调函数，
- * 当用户选择不同的选项时，`onChange`会被调用并传递当前选中的选项对象。
- * 
- * @component
- * @example
- * const options = [
- *   { label: '小', value: 'small' },
- *   { label: '中', value: 'middle' },
- *   { label: '大', value: 'large' }
- * ];
- * 
- * function handleChange(option) {
- *   console.log(option);
- * }
- * 
- * <Radio options={options} onChange={handleChange} />
- * 
- * @param {Object} props - 组件的props。
- * @param {Object[]} props.options - 选项数组，每个对象都应包含`label`和`value`。
- * @param {string} props.options[].label - 选项的显示文本。
- * @param {string} props.options[].value - 选项的值，应唯一。
- * @param {Function} [props.onChange] - 可选，当选项变化时调用的回调函数。传递当前选中的选项对象。
- */
-var Radio = function Radio(_ref) {
-  var _options$;
-  var options = _ref.options,
-    onChange = _ref.onChange;
-  var _useState = (0, _react.useState)((_options$ = options[0]) === null || _options$ === void 0 ? void 0 : _options$.value),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeValue = _useState2[0],
-    setActiveValue = _useState2[1];
-
-  // 点击事件处理函数
-  var handleClick = function handleClick(option) {
-    // 设置当前激活的选项
-    setActiveValue(option.value);
-    if (onChange) {
-      onChange(option);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _radio.default['lc-painter-panel-section-radio']
-  }, options.map(function (option) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: option.value,
-      className: "".concat(_radio.default['radio-item'], " ").concat(activeValue === option.value ? 'active' : ''),
-      onClick: function onClick() {
-        return handleClick(option);
-      }
-    }, option.label);
-  }));
-};
-var _default = exports.default = Radio;