linkmore-design 1.0.30 → 1.0.31

package/es/Radio/index.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/radio/style");
+
+var _radio = _interopRequireDefault(require("antd/es/radio"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _excluded = ["children"],
+    _excluded2 = ["children", "size", "buttonStyle", "direction"];
+
+var LMRadio = function LMRadio(props) {
+  var children = props.children,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_radio.default, (0, _extends2.default)({
+    className: "lm-radio"
+  }, restProps), children);
+};
+
+LMRadio.Group = function (props) {
+  var children = props.children,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      buttonStyle = props.buttonStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'row' : _props$direction,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+  console.log(children, 'rrr');
+  return /*#__PURE__*/_react.default.createElement(_radio.default.Group, (0, _extends2.default)({
+    className: (0, _classnames.default)('lm-radio-group', "lm-radio-group-".concat(direction)),
+    size: size
+  }, restProps), children);
+};
+
+LMRadio.Button = _radio.default.Button;
+var _default = LMRadio;
+exports.default = _default;

package/es/Radio/style/index.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("./style.css");

package/es/Radio/style/style.css

@@ -0,0 +1,137 @@
+.lm-radio {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper {
+  font-size: 12px;
+  line-height: 30px;
+  height: 32px;
+  padding: 1px 8px;
+  color: var(--font-color);
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper:hover {
+  color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper > span:last-child {
+  display: inline-block;
+  font-size: 12px;
+  line-height: 30px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']) .ant-radio-button-wrapper:first-child {
+  border-right-color: var(--primary-hover-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  color: var(--primary-color);
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
+  color: var(--primary-hover-color);
+  border-color: var(--primary-hover-color);
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper {
+  line-height: 38px;
+  height: 40px;
+}
+.lm-radio-group.ant-radio-group-large .ant-radio-button-wrapper > span:last-child {
+  line-height: 38px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper {
+  line-height: 22px;
+  height: 24px;
+}
+.lm-radio-group.ant-radio-group-small .ant-radio-button-wrapper > span:last-child {
+  line-height: 22px;
+}
+.lm-radio-group .ant-radio-wrapper {
+  font-size: 12px;
+  line-height: 20px;
+  color: var(--font-color);
+}
+.lm-radio-group .ant-radio-wrapper > span:last-child {
+  padding: 0;
+  margin: 0 8px;
+  max-width: 96px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio:hover .ant-radio-inner {
+  border-color: var(--primary-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled.ant-radio-checked .ant-radio-inner:after {
+  background-color: var(--tip-text-color);
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled .ant-radio-inner {
+  background-color: var(--background-color);
+  border-color: var(--stroke-color) !important;
+}
+.lm-radio-group .ant-radio-wrapper .ant-radio-disabled + span {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled {
+  color: var(--disabled-font-color);
+  background-color: var(--disabled-bg-color);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
+  color: #b8b8b8 !important;
+  background-color: var(--background-color-hover);
+  border-color: var(--stroke-color);
+}
+.lm-radio-group .ant-radio-button-wrapper-disabled:hover {
+  color: var(--disabled-font-color);
+}
+.lm-radio-group.lm-radio-group-column {
+  display: flex;
+  flex-direction: column;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio {
+  margin-bottom: 12px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio > span:last-child {
+  max-width: 216px;
+  overflow: hidden;
+  white-space: nowrap;
+  padding: 0;
+  margin: 0 8px;
+}
+.lm-radio-group.lm-radio-group-column .lm-radio:last-child {
+  margin-bottom: 0;
+}

package/es/Select/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Select, SelectProps } from 'antd';
+export interface ISelectProps extends SelectProps {
+    className?: string;
+    style?: React.CSSProperties;
+    Option?: typeof Select.Option;
+    OptGroup?: typeof Select.OptGroup;
+}
+declare const LMSelect: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: SelectProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps>;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
+    SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+};
+export default LMSelect;

package/es/Select/index.js

@@ -0,0 +1,39 @@
+import "antd/es/select/style";
+import _Select from "antd/es/select";
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+var prefixCls = 'lm_select';
+var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+      className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      dropdownClassName = props.dropdownClassName,
+      others = __rest(props, ["children", "className", "size", "dropdownClassName"]);
+
+  return /*#__PURE__*/React.createElement(_Select, Object.assign({
+    className: classNames(className, prefixCls),
+    size: size,
+    ref: ref
+  }, others, {
+    dropdownClassName: classNames('lm_select_dropdown', dropdownClassName)
+  }), children);
+});
+var LMSelect = CLMSelect;
+LMSelect.Option = _Select.Option;
+LMSelect.OptGroup = _Select.OptGroup;
+export default LMSelect;