linkmore-design 1.0.4 → 1.0.7

package/es/Filter/style/style.css

@@ -9,7 +9,7 @@
   display: none;
 }
 .ant-table .row-active .ant-table-cell {
-  background-color: #FEFFD3 !important;
+  background-color: #feffd3 !important;
 }
 .ant-table.ant-table-empty .ant-table-expanded-row-fixed {
   padding: 0;
@@ -26,10 +26,6 @@
   height: 24px;
   margin: var(--gap) 0;
 }
-.ant-dropdown-menu-item {
-  font-size: 12px;
-  height: 32px;
-}
 .ant-tabs .ant-tabs-nav .ant-tabs-tab {
   font-size: 14px;
 }
@@ -59,8 +55,8 @@
   justify-content: flex-end;
 }
 .ant-modal-wrap.plugin_modal .ant-modal {
-  left: 56px;
   top: 0;
+  left: 56px;
   margin: 0 0 8px 8px;
   padding: 0;
 }
@@ -72,8 +68,8 @@
   padding: 16px 24px;
 }
 .ant-popover.pop_img .ant-popover-inner-content {
-  line-height: 1;
   padding: var(--gap);
+  line-height: 1;
 }
 @font-face {
   font-family: 'iconfont';
@@ -81,8 +77,8 @@
   src: url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff2?t=1641546077924') format('woff2'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.woff?t=1641546077924') format('woff'), url('//at.alicdn.com/t/font_2966019_i3eb1wwkoo.ttf?t=1641546077924') format('truetype');
 }
 .icon_ {
-  font-family: 'iconfont';
   font-size: 14px;
+  font-family: 'iconfont';
 }
 .iconfont {
   font-size: 12px;
@@ -91,18 +87,18 @@
   content: '\e7fc';
 }
 .lm-font-small-bold {
-  font-size: var(--font-size-sm);
   font-weight: 400;
+  font-size: var(--font-size-sm);
   line-height: 20px;
 }
 .lm-font-middle-bold {
-  font-size: var(--font-size-base);
   font-weight: 500;
+  font-size: var(--font-size-base);
   line-height: 22px;
 }
 .lm-font-large-bold {
-  font-size: var(--font-size-lg);
   font-weight: 500;
+  font-size: var(--font-size-lg);
   line-height: 24px;
 }
 .lm-font-small {
@@ -155,13 +151,19 @@
 }
 :root {
   --primary-color: #1890fc;
-  --primary-select-color: #e6f7ff;
-  --primary-hover-color: #40a9ff;
   --primary-click-color: #096dd9;
   --success-color: #52c14a;
   --warning-color: #fd9727;
   --error-color: #fa4f53;
   --aside-bg-color: #022766;
+  --primary-hover-color: #40a9ff;
+  --primary-loading-color: #84b7fa;
+  --primary-select-color: #e6f7ff;
+  --error-hover-color: #ee8079;
+  --error-loading-color: #fbcdcd;
+  --disabled-border-color: rgba(0, 0, 0, 0.15);
+  --disabled-bg-color: rgba(0, 0, 0, 0.04);
+  --disabled-font-color: rgba(0, 0, 0, 0.25);
   --font-color: rgba(0, 0, 0, 0.85);
   --text-color: rgba(0, 0, 0, 0.45);
   --tip-text-color: rgba(0, 0, 0, 0.25);
@@ -209,8 +211,8 @@ html {
   background-color: #f0f2f5;
 }
 #app {
-  min-width: 1200px;
   width: 100vw;
+  min-width: 1200px;
   height: 100vh;
   font-family: 'PingFang SC', 'Microsoft YaHei UI', '微软雅黑', Helvetica, Arial, sans-serif;
 }
@@ -219,9 +221,9 @@ html {
   height: 100%;
 }
 * {
-  list-style: none;
   margin: 0;
   padding: 0;
+  list-style: none;
 }
 *::-webkit-scrollbar {
   width: 8px;
@@ -242,20 +244,16 @@ html {
 *::-webkit-scrollbar-thumb:active {
   background: #bfbfbf;
 }
-.ant-input,
-.ant-select {
-  font-size: 12px;
-}
 .page-content {
   margin: 12px;
   padding: 16px;
   background: #fff;
 }
 .addModal .ant-modal-header {
-  padding: 0 24px;
-  height: 46px;
   display: flex;
   align-items: center;
+  height: 46px;
+  padding: 0 24px;
 }
 .addModal .ant-modal-close-x {
   width: 46px;
@@ -270,8 +268,8 @@ html {
 }
 .addModal .ant-modal-body .ant-tabs-content-holder {
   max-height: 800px;
-  overflow-y: auto;
   padding: 16px 10px;
+  overflow-y: auto;
 }
 .addModal .ant-modal-footer {
   padding: 11px 24px;
@@ -280,10 +278,10 @@ html {
   margin-left: 10px;
 }
 .editModal .ant-modal-header {
-  padding: 0 24px;
-  height: 46px;
   display: flex;
   align-items: center;
+  height: 46px;
+  padding: 0 24px;
 }
 .editModal .ant-modal-close-x {
   width: 46px;
@@ -291,8 +289,8 @@ html {
   line-height: 44px;
 }
 .editModal .ant-modal-body {
-  padding: 24px 24px 21px;
   max-height: 600px;
+  padding: 24px 24px 21px;
   overflow-y: auto;
 }
 .editModal .ant-modal-body .ant-form-item {
@@ -305,8 +303,8 @@ html {
   margin-left: 10px;
 }
 .ant-select-dropdown .ant-select-item {
-  font-size: 12px;
   align-items: center;
+  font-size: 12px;
 }
 .react-resizable {
   position: relative;
@@ -314,8 +312,8 @@ html {
 }
 .react-resizable-handle {
   position: absolute;
-  right: 0;
   top: 0;
+  right: 0;
   z-index: 1;
   width: 3px;
   height: 40px;
@@ -329,27 +327,27 @@ html {
 }
 .yf_resizable_bar {
   position: absolute;
-  left: 0;
   top: 0;
+  left: 0;
   z-index: 2;
   height: 0;
 }
 .resizable_line {
   position: absolute;
-  left: 0;
   top: 0;
-  height: 100%;
+  left: 0;
+  z-index: 1;
   width: 1px;
+  height: 100%;
   background-color: var(--primary-color);
-  z-index: 1;
 }
 .handle_resizable {
   position: absolute;
-  right: 0;
   top: 0;
-  height: 100%;
-  width: 5px;
+  right: 0;
   z-index: 2;
+  width: 5px;
+  height: 100%;
 }
 .card_cell_content {
   display: flex;
@@ -362,17 +360,17 @@ html {
 }
 .card_cell_content .card_cell_body {
   position: relative;
-  flex: 1;
   display: flex;
+  flex: 1;
   flex-flow: column;
-  background: rgba(0, 0, 0, 0.02);
   padding: 16px;
+  background: rgba(0, 0, 0, 0.02);
   cursor: pointer;
 }
 .card_cell_content .card_cell_body .card_cell_checkbox {
   position: absolute;
-  left: 8px;
   top: 8px;
+  left: 8px;
   line-height: 1;
   opacity: 0;
   transition: 0.3s;
@@ -383,33 +381,33 @@ html {
 }
 .card_cell_content .card_cell_body .card_cell_info .title {
   display: flex;
+  gap: 8px;
   align-items: center;
   justify-content: space-between;
-  gap: 8px;
 }
 .card_cell_content .card_cell_body .card_cell_info .title .label {
   flex: 1;
-  font-size: 14px;
-  font-weight: 500;
-  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  text-overflow: ellipsis;
   overflow: hidden;
+  font-weight: 500;
+  font-size: 14px;
   white-space: nowrap;
+  text-overflow: ellipsis;
+  text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
 }
 .card_cell_content .card_cell_body .card_cell_info .title .icon {
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
+  height: 22px;
+  padding: 0 8px;
   font-size: 12px;
   line-height: 1;
-  height: 22px;
   background: var(--background-color);
-  padding: 0 8px;
 }
 .card_cell_content .card_cell_body .card_cell_info .code .ant-typography {
+  margin: 0;
   color: var(--text-color);
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  margin: 0;
 }
 .card_cell_content .card_cell_body .card_cell_info .code .ant-typography .ant-typography-copy {
   color: inherit;
@@ -418,60 +416,60 @@ html {
   display: flex;
   flex-wrap: wrap;
   gap: 16px;
-  font-size: 12px;
+  padding: 6px 0 2px;
   color: var(--text-color);
+  font-size: 12px;
   text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
-  padding: 6px 0 2px;
 }
 .card_cell_content .card_cell_body .card_cell_info .expand > div {
   padding: 2px 0;
 }
 .card_cell_content .card_cell_body .card_cell_center {
   display: flex;
-  align-items: center;
   flex: 1;
+  align-items: center;
 }
 .card_cell_content .card_cell_body .card_cell_center .list {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  text-align: center;
   width: 100%;
   margin: auto 0;
+  text-align: center;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item {
   display: inline-flex;
-  align-items: center;
   gap: 4px;
+  align-items: center;
   line-height: 1;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item .num {
-  font-size: 20px;
-  font-weight: 500;
   color: var(--font-color);
+  font-weight: 500;
+  font-size: 20px;
 }
 .card_cell_content .card_cell_body .card_cell_center .list .item .text {
-  font-size: 12px;
   color: var(--text-color);
+  font-size: 12px;
 }
 .card_cell_content .card_cell_footer {
   display: flex;
   align-items: center;
   height: 40px;
-  background: #F7F7F7;
+  background: #f7f7f7;
 }
 .card_cell_content .card_cell_footer > * {
   flex: 1;
 }
 .card_cell_content .card_cell_footer > *::after {
-  content: '';
   position: absolute;
-  right: 0;
   top: 50%;
-  transform: translateY(-50%);
-  height: 18px;
+  right: 0;
   width: 1px;
-  background-color: #E8E8E8;
+  height: 18px;
+  background-color: #e8e8e8;
+  transform: translateY(-50%);
+  content: '';
 }
 .card_cell_content .card_cell_footer button:last-child {
   border: none;

package/es/Icon/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
 Object.defineProperty(exports, "__esModule", {
   value: true

package/es/InputNumber/index.d.ts

@@ -0,0 +1,11 @@
+import { InputNumberProps } from 'antd';
+import React from 'react';
+export interface LMInputNumberProps extends InputNumberProps {
+    style?: React.CSSProperties;
+    className?: string;
+}
+interface CompoundedComponent extends React.FC<LMInputNumberProps> {
+    Price: React.FC<LMInputNumberProps>;
+}
+declare const CInputNumber: CompoundedComponent;
+export default CInputNumber;

package/es/InputNumber/index.js

@@ -0,0 +1,43 @@
+import "antd/es/input-number/style";
+import _InputNumber from "antd/es/input-number";
+
+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 classNames from 'classnames';
+import React from 'react';
+var prefixCls = 'lm_input-number';
+
+var LMInputNumber = function LMInputNumber(props) {
+  var children = props.children,
+      className = props.className,
+      others = __rest(props, ["children", "className"]);
+
+  return /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
+    className: classNames(className, prefixCls),
+    placeholder: "\u8BF7\u8F93\u5165"
+  }, others));
+};
+
+var CInputNumber = LMInputNumber;
+
+CInputNumber.Price = function (props) {
+  return /*#__PURE__*/React.createElement(_InputNumber, Object.assign({
+    prefix: "\uFFE5",
+    formatter: function formatter(value) {
+      return "".concat(value).replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    }
+  }, props));
+};
+
+export default CInputNumber;