linkmore-design 1.0.30 → 1.0.31

package/es/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const LMButton: FC<any>;
+export default LMButton;

package/es/Button/index.js

@@ -0,0 +1,43 @@
+import "antd/es/button/style";
+import _Button from "antd/es/button";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 from 'react';
+import cls from 'classnames';
+
+var LMButton = function LMButton(props) {
+  var children = props.children,
+      className = props.className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'default' : _props$type,
+      _props$hover = props.hover,
+      hover = _props$hover === void 0 ? false : _props$hover,
+      restProps = __rest(props, ["children", "className", "size", "type", "hover"]);
+
+  var classs = cls('lm-button', className, {
+    'lm-button-icon-only': !children
+  }, _defineProperty({}, "lm-button-".concat(size), size), _defineProperty({}, "lm-button-".concat(type), type), _defineProperty({}, "lm-button-".concat(type, "-hover"), type && hover));
+  return /*#__PURE__*/React.createElement(_Button, Object.assign({}, restProps, {
+    className: classs,
+    size: size,
+    type: type,
+    danger: type === 'danger'
+  }), children);
+};
+
+export default LMButton;

package/es/Button/style/index.d.ts

@@ -0,0 +1 @@
+import './style.less';

package/es/Button/style/index.js

@@ -0,0 +1 @@
+import "./style.css";

package/es/Button/style/style.css

@@ -0,0 +1,110 @@
+.ant-btn.lm-button {
+  border: 0;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+}
+.ant-btn.lm-button .anticon {
+  font-size: 12px;
+  line-height: 0;
+}
+.ant-btn.lm-button .anticon + span {
+  margin-left: 4px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.ant-btn.lm-button > span:not(.anticon) {
+  display: inline-block;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.ant-btn.lm-button::before {
+  display: none !important;
+}
+.ant-btn.lm-button:disabled {
+  background: var(--disabled-bg-color) !important;
+  border: 1px solid var(--disabled-border-color) !important;
+  color: var(--disabled-font-color) !important;
+}
+.ant-btn.lm-button > span:not(.anticon) {
+  font-size: 12px;
+  line-height: 20px;
+}
+.ant-btn.lm-button-small {
+  height: 24px;
+  padding: 2px 8px;
+  max-width: 112px;
+  font-size: 12px;
+}
+.ant-btn.lm-button-small.lm-button-icon-only .anticon {
+  font-size: 16px;
+}
+.ant-btn.lm-button-middle {
+  height: 32px;
+  padding: 6px 12px;
+  max-width: 120px;
+}
+.ant-btn.lm-button-middle .anticon {
+  font-size: 16px;
+}
+.ant-btn.lm-button-default {
+  border: 1px solid var(--stroke-color);
+  color: var(--font-color);
+}
+.ant-btn.lm-button-default-hover,
+.ant-btn.lm-button-default:hover {
+  border: 1px solid var(--primary-hover-color);
+  color: var(--primary-hover-color);
+}
+.ant-btn.lm-button-default.ant-btn-loading {
+  border-color: rgba(0, 0, 0, 0.15);
+  color: rgba(0, 0, 0, 0.15);
+}
+.ant-btn.lm-button-primary {
+  background: var(--primary-color);
+  color: #fff;
+}
+.ant-btn.lm-button-primary-hover,
+.ant-btn.lm-button-primary:hover {
+  background: var(--primary-hover-color);
+}
+.ant-btn.lm-button-primary.ant-btn-loading {
+  background: var(--primary-loading-color);
+}
+.ant-btn.lm-button-danger {
+  border: 1px solid var(--error-color);
+  color: var(--error-color);
+  text-shadow: none;
+  box-shadow: none;
+}
+.ant-btn.lm-button-danger-hover,
+.ant-btn.lm-button-danger:hover {
+  border-color: var(--error-hover-color);
+  color: var(--error-hover-color);
+}
+.ant-btn.lm-button-danger.ant-btn-loading {
+  border-color: var(--error-loading-color);
+  color: var(--error-hover-color);
+}
+.ant-btn.lm-button-dashed {
+  border: 1px dashed var(--color-15);
+}
+.ant-btn.lm-button-link {
+  color: var(--primary-color);
+}
+.ant-btn.lm-button-link-hover,
+.ant-btn.lm-button-link:hover {
+  color: var(--primary-hover-color);
+}
+.ant-btn.lm-button-link.ant-btn-loading {
+  color: var(--primary-loading-color);
+}
+.ant-btn.lm-button-link[disabled] {
+  border: 0 !important;
+  background: transparent !important;
+}
+.ant-btn.lm-button-icon-only .anticon {
+  font-size: 16px;
+}

package/es/ButtonTags/ButtonTags.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+/*
+  options: 展示的标签项
+  type: 'radio' / 'checkbox'
+  value: 选中的值
+  onChang: 选中时触发事件
+*/
+var ButtonTags = function ButtonTags(props) {
+  var value = props.value,
+      onChange = props.onChange,
+      disabled = props.disabled,
+      _props$type = props.type,
+      type = _props$type === void 0 ? 'checkbox' : _props$type,
+      options = props.options,
+      size = props.size;
+
+  var handleClick = function handleClick(item) {
+    if (type === 'radio') {
+      var nValue = value === item.value ? '' : item.value;
+      onChange === null || onChange === void 0 ? void 0 : onChange(nValue);
+    } else {
+      var oriValue = value || [];
+      var has = oriValue === null || oriValue === void 0 ? void 0 : oriValue.includes(item.value);
+
+      var _nValue = has ? oriValue.filter(function (v) {
+        return v !== item.value;
+      }) : [].concat((0, _toConsumableArray2.default)(oriValue), [item.value]);
+
+      onChange === null || onChange === void 0 ? void 0 : onChange(_nValue);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_base_button_tag_Group ".concat(size === 'small' ? 'small' : '', "  ").concat(disabled ? 'disabled' : '')
+  }, options === null || options === void 0 ? void 0 : options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: item.value,
+      className: "button_tag_item ".concat((value === null || value === void 0 ? void 0 : value.indexOf(item.value)) > -1 ? 'active' : ''),
+      onClick: function onClick() {
+        return handleClick(item);
+      }
+    }, item.label);
+  }));
+};
+
+var _default = ButtonTags;
+exports.default = _default;

package/es/ButtonTags/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _ButtonTags = _interopRequireDefault(require("./ButtonTags"));
+
+var _default = _ButtonTags.default;
+exports.default = _default;

package/es/ButtonTags/style/index.js

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