@aloudata/aloudata-design 0.4.8-beta.3 → 0.4.8-beta.4

package/dist/Select/components/MultipleOption.d.ts

@@ -5,6 +5,7 @@ interface IMultipleOptionProps {
     disabled?: boolean;
     option: DefaultOptionType;
     onChange?: (selected: boolean) => void;
+    className?: string;
 }
 export default function MultipleList(params: IMultipleOptionProps): JSX.Element;
 export {};

package/dist/Select/components/MultipleOption.js

@@ -1,10 +1,12 @@
 import { Checkbox } from 'antd';
+import classnames from 'classnames';
 import React from 'react';
 export default function MultipleList(params) {
   var disabled = params.disabled,
       option = params.option,
       selected = params.selected,
-      onChange = params.onChange;
+      onChange = params.onChange,
+      className = params.className;
 
   var onClick = function onClick() {
     //TODO: 这里有bug 等待antd升级 https://github.com/ant-design/ant-design/pull/39078
@@ -12,7 +14,7 @@ export default function MultipleList(params) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "ald-multiple-option",
+    className: classnames('ald-multiple-option', className),
     onClick: onClick
   }, /*#__PURE__*/React.createElement(Checkbox, {
     checked: selected,

package/dist/Select/components/SingleOption.d.ts

@@ -5,6 +5,7 @@ interface ISelectProps {
     option: DefaultOptionType;
     onChange: (selected: boolean) => void;
     disabled?: boolean;
+    className?: string;
 }
 export default function SingleOption(params: ISelectProps): JSX.Element;
 export {};

package/dist/Select/components/SingleOption.js

@@ -1,4 +1,5 @@
 import { CheckLine } from '@aloudata/icons-react';
+import classnames from 'classnames';
 import React from 'react';
 import colors from "../../style/themes/default/themeColor.module.less";
 export default function SingleOption(params) {
@@ -6,7 +7,8 @@ export default function SingleOption(params) {
       selected = params.selected,
       option = params.option,
       _params$onChange = params.onChange,
-      onChange = _params$onChange === void 0 ? function () {} : _params$onChange;
+      onChange = _params$onChange === void 0 ? function () {} : _params$onChange,
+      className = params.className;
 
   var onClick = function onClick() {
     if (disabled) return;
@@ -14,7 +16,7 @@ export default function SingleOption(params) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "ald-single-option",
+    className: classnames('ald-single-option', className),
     onClick: onClick
   }, /*#__PURE__*/React.createElement("div", {
     className: "ald-icons-check-line"

package/dist/Select/index.js

@@ -163,6 +163,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement(MultipleOption, {
         key: option.value,
         selected: isSelected,
+        className: option.className,
         option: option,
         disabled: option.disabled,
         onChange: function onChange(selected) {
@@ -200,6 +201,7 @@ var Select = /*#__PURE__*/forwardRef(function (props, ref) {
       return /*#__PURE__*/React.createElement(SingleOption, {
         key: option.value,
         selected: isSelected,
+        className: option.className,
         option: option,
         disabled: option.disabled,
         onChange: function onChange() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aloudata/aloudata-design",
-  "version": "0.4.8-beta.3",
+  "version": "0.4.8-beta.4",
   "description": "",
   "license": "MIT",
   "module": "dist/index.js",