linkmore-design 1.0.89 → 1.0.91

package/lib/LmUpload/style/variables.css

@@ -0,0 +1,218 @@
+.lm_upload_wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+.lm_upload_wrapper .lm_upload_core {
+  display: inline-flex;
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  text-align: center;
+  background-color: var(--color-2);
+  border: 1px solid var(--color-15);
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action {
+  width: 100%;
+  padding: var(--gap);
+  text-align: center;
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .action_plus {
+  color: var(--color-85);
+}
+.lm_upload_wrapper .lm_upload_core .lm_upload_core_picture .lm_upload_core_picture_action .tip {
+  margin-top: var(--gap);
+  color: var(--color-45);
+}
+.lm_upload_wrapper .lm_upload_progress {
+  width: 100%;
+  height: 2px;
+  margin: 10px 0;
+  background-color: var(--color-4);
+  border-radius: 20px;
+}
+.lm_upload_wrapper .lm_upload_progress .line {
+  width: 0%;
+  height: 2px;
+  background-color: var(--primary-color);
+  border-radius: 20px;
+  transition: 0.3;
+}
+.lm_upload_wrapper .lm_upload_item {
+  vertical-align: middle;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text {
+  display: flex;
+  gap: var(--gap);
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 22px;
+  padding: 0 6px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text:hover {
+  background-color: var(--color-2);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left {
+  display: flex;
+  flex: 1;
+  gap: var(--gap);
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .prefix {
+  color: var(--color-45);
+  font-size: 14px;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_left .lm_upload_item_name {
+  flex: 1;
+  color: var(--primary-color);
+  font-size: 14px;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right {
+  display: inline-flex;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete {
+  width: 24px;
+  color: var(--color-45);
+  text-align: center;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text .text_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .prefix,
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_left .lm_upload_item_name {
+  color: inherit;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_text.lm_upload_item_error .text_right .action_delete {
+  color: inherit;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--gap);
+  text-align: center;
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb {
+  width: 100%;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb .anticon {
+  color: var(--color-45);
+  font-size: 34px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb img {
+  object-fit: contain;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_thumb_error .lm_upload_item_name {
+  margin-top: 8px;
+  overflow: hidden;
+  font-size: 12px;
+  text-overflow: ellipsis;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask {
+  position: absolute;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: rgba(0, 0, 0, 0.5);
+  opacity: 0;
+  transition: 0.3s;
+  inset: 8px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card .lm_upload_item_mask .lm_upload_item_action {
+  display: flex;
+  gap: var(--gap);
+  align-items: center;
+  color: #fff;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card:hover .lm_upload_item_mask {
+  opacity: 1;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error {
+  border-color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_mask {
+  display: none;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_card.lm_upload_item_error .lm_upload_item_thumb_error {
+  color: var(--error-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture {
+  display: flex;
+  gap: var(--gap);
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--gap);
+  border: 1px solid var(--color-15);
+  border-radius: 2px;
+  cursor: pointer;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture:hover {
+  border-color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left {
+  display: inline-flex;
+  flex: 1;
+  gap: var(--gap);
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb {
+  width: 48px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_thumb img {
+  width: 100%;
+  max-height: 80px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_left .lm_upload_item_name {
+  flex: 1;
+  color: var(--primary-color);
+  font-size: 14px;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right {
+  display: flex;
+  align-items: center;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete {
+  width: 24px;
+  color: var(--color-45);
+  text-align: center;
+  transition: 0.3s;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete .anticon {
+  font-size: 14px;
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture .picture_right .action_delete:hover {
+  color: var(--primary-color);
+}
+.lm_upload_wrapper .lm_upload_item.lm_upload_item_picture.lm_upload_item_error {
+  color: var(--error-color);
+}

package/lib/Mentions/style/variables.d.ts

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

package/lib/Mentions/style/variables.js

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

package/lib/Menu/style/variables.d.ts

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

package/lib/Menu/style/variables.js

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

package/lib/Modal/index.d.ts

@@ -3,6 +3,7 @@ import { ModalProps } from 'antd';
 export interface ILMModalProps extends ModalProps {
     wrapClassName?: string;
     size?: 'default' | 'small';
+    open?: boolean;
 }
 declare const LMModal: React.FC<ILMModalProps> & React.FC<ModalProps> & import("antd/lib/modal/confirm").ModalStaticFunctions & {
     useModal: typeof import("antd/lib/modal/useModal").default;

package/lib/Modal/index.js

@@ -17,6 +17,8 @@ var _Button = _interopRequireDefault(require("../Button"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
 
@@ -42,25 +44,29 @@ var CLMModal = function CLMModal(props) {
       okText = _props$okText === void 0 ? '确定' : _props$okText,
       _props$cancelText = props.cancelText,
       cancelText = _props$cancelText === void 0 ? '取消' : _props$cancelText,
-      other = __rest(props, ["wrapClassName", "size", "onOk", "onCancel", "okText", "cancelText"]);
+      visible = props.visible,
+      open = props.open,
+      other = __rest(props, ["wrapClassName", "size", "onOk", "onCancel", "okText", "cancelText", "visible", "open"]);
 
+  var defaultFooterSize = _react.default.useContext(_SizeContext.default) || 'middle';
   return /*#__PURE__*/_react.default.createElement(_modal.default, Object.assign({
     wrapClassName: (0, _classnames.default)(wrapClassName, prefixCls),
     width: size === 'default' ? 552 : 416,
     footer: [/*#__PURE__*/_react.default.createElement(_Button.default, {
       onClick: onCancel,
       key: 'canncel_button',
-      size: 'middle'
+      size: defaultFooterSize
     }, cancelText), /*#__PURE__*/_react.default.createElement(_Button.default, {
       type: "primary",
       onClick: onOk,
       key: 'ok_button',
-      size: 'middle'
+      size: defaultFooterSize
     }, okText)]
   }, other, {
     onOk: onOk,
     onCancel: onCancel,
     okText: okText,
+    visible: visible || open,
     cancelText: cancelText
   }));
 };

package/lib/Modal/style/variables.css

@@ -0,0 +1,35 @@
+.lm_modal.ant-modal-wrap .ant-modal-header > .ant-modal-title {
+  font-weight: normal;
+  font-size: 14px;
+  color: var(--font-color);
+  font-weight: 500;
+}
+.lm_modal.ant-modal-wrap .ant-modal-body {
+  font-size: 12px;
+}
+.lm_modal.lm_modal_info .ant-modal-body {
+  padding: 24px;
+}
+.lm_modal.lm_modal_info .ant-modal-confirm-title {
+  font-size: 14px;
+}
+.lm_modal.lm_modal_info .ant-modal-confirm-content {
+  font-size: 12px;
+}
+.lm_modal.lm_modal_info .ant-modal-confirm-btns button {
+  height: 32px;
+  padding: 6px 12px;
+  max-width: 120px;
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  vertical-align: middle;
+}
+.lm_modal.lm_modal_info .ant-modal-confirm-btns .ant-btn-default {
+  border: 1px solid rgba(0, 0, 0, 0.25);
+  color: rgba(0, 0, 0, 0.85);
+}
+.lm_modal.lm_modal_info .ant-modal-confirm-btns .ant-btn-primary {
+  background-color: var(--primary-color);
+  color: #fff;
+}

package/lib/Modal/style/variables.d.ts

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

package/lib/Modal/style/variables.js

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

package/lib/PageHeader/style/variables.d.ts

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

package/lib/PageHeader/style/variables.js

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

package/lib/Pagination/style/variables.css

@@ -0,0 +1,49 @@
+.lm_pagination.ant-pagination li {
+  font-size: 12px;
+  line-height: 24px !important;
+  color: var(--color-65);
+}
+.lm_pagination.ant-pagination li.ant-pagination-total-text {
+  color: var(--color-65);
+}
+.lm_pagination.ant-pagination li.ant-pagination-item {
+  border: 0;
+  transition: all 0s !important;
+}
+.lm_pagination.ant-pagination li.ant-pagination-item:focus-visible {
+  transition: all 0s;
+}
+.lm_pagination.ant-pagination li .ant-pagination-item-link {
+  border: 0;
+}
+.lm_pagination.ant-pagination li .ant-pagination-item-link .anticon {
+  color: var(--color-85);
+}
+.lm_pagination.ant-pagination li > a {
+  color: var(--color-65);
+}
+.lm_pagination.ant-pagination li.ant-pagination-options .ant-select-selection-item {
+  color: var(--color-65);
+  font-size: 12px;
+}
+.lm_pagination.ant-pagination li.ant-pagination-item-active {
+  background-color: var(--primary-color);
+  color: #fff;
+}
+.lm_pagination.ant-pagination li.ant-pagination-item-active > a {
+  color: #fff;
+}
+.lm_pagination.ant-pagination li .ant-pagination-options-quick-jumper input {
+  width: 38px;
+  font-size: 12px;
+  color: var(--color-65);
+}
+.lm_pagination.ant-pagination li.ant-pagination-simple-pager input {
+  width: 48px;
+  font-size: 12px;
+  color: var(--color-65);
+  height: 22px;
+}
+.lm_pagination.ant-pagination li.ant-pagination-simple-pager .ant-pagination-slash {
+  margin-right: 14px;
+}

package/lib/Pagination/style/variables.d.ts

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

package/lib/Pagination/style/variables.js

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

package/lib/Popconfirm/style/variables.d.ts

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

package/lib/Popconfirm/style/variables.js

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

package/lib/Popover/style/variables.d.ts

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

package/lib/Popover/style/variables.js

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

package/lib/Progress/style/variables.d.ts

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

package/lib/Progress/style/variables.js

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

package/lib/QuickMenu/style/variables.css

@@ -0,0 +1,56 @@
+.lm_quick_menu {
+  position: fixed;
+  right: 16px;
+  display: inline-flex;
+  z-index: 999;
+  background-color: #fff;
+}
+.lm_quick_menu .lm_menu_list {
+  position: relative;
+  width: 0;
+  transition: all 0.1s;
+  opacity: 0;
+}
+.lm_quick_menu .lm_menu_list.show {
+  opacity: 1;
+  width: inherit;
+}
+.lm_quick_menu .lm_menu_list::before {
+  position: absolute;
+  left: 0;
+  width: 2px;
+  top: 0;
+  height: 100%;
+  background-color: var(--line-color);
+  content: '';
+}
+.lm_quick_menu .lm_menu_list li {
+  display: flex;
+  height: 24px;
+  margin-bottom: 8px;
+  align-items: center;
+  justify-content: flex-start;
+  font-size: 12px;
+  color: var(--font-color);
+  padding: 0 16px;
+  cursor: pointer;
+  position: relative;
+}
+.lm_quick_menu .lm_menu_list li > a {
+  color: var(--font-color);
+}
+.lm_quick_menu .lm_menu_list li > a.current {
+  color: var(--primary-color);
+}
+.lm_quick_menu .lm_menu_list li > a.current::before {
+  position: absolute;
+  left: 0;
+  width: 2px;
+  top: 0;
+  height: 100%;
+  background-color: var(--primary-color);
+  content: '';
+}
+.lm_quick_menu .lm_menu_list li > a:hover {
+  color: var(--primary-color);
+}

package/lib/QuickMenu/style/variables.d.ts

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

package/lib/QuickMenu/style/variables.js

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

package/lib/Radio/style/variables.css

@@ -0,0 +1,141 @@
+.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;
+  height: 32px;
+  padding: 0px 12px;
+  color: var(--font-color);
+  vertical-align: middle;
+}
+.lm-radio-group .ant-radio-button-wrapper .anticon {
+  font-size: 16px;
+  vertical-align: middle;
+  line-height: 1;
+}
+.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;
+  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;
+  padding: 0px 8px;
+}
+.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-row {
+  display: flex;
+  flex-direction: row;
+}
+.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/lib/Rate/style/variables.d.ts

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

package/lib/Rate/style/variables.js

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

package/lib/Result/style/variables.d.ts

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

package/lib/Result/style/variables.js

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

package/lib/Row/style/variables.d.ts

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

package/lib/Row/style/variables.js

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