linkmore-design 1.0.55 → 1.0.56

package/lib/CardTable/style/index.css

@@ -182,7 +182,7 @@
   top: 0;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_left {
-  width: 40%;
+  width: 35%;
   min-width: 126px;
   border-radius: 2px;
   background: var(--color-15);
@@ -211,6 +211,8 @@
   font-size: 12px;
   color: var(--color-45);
   margin-top: 4px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--line-color);
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography {
   margin: 0;
@@ -222,18 +224,20 @@
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
   color: var(--success-color);
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend {
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column {
   flex: 1 1 0;
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  row-gap: 126px;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box {
+  font-size: 12px;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  color: var(--color-65);
   margin-top: 8px;
-  overflow: hidden;
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_extend button {
-  border: none;
-  background-color: var(--background-color);
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box span {
+  display: inline-flex;
+  align-items: center;
+  min-height: 20px;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_desc {
   font-size: 12px;
@@ -280,6 +284,150 @@
 .card_PTR .card_PTR_container:hover .card_PTR_body .card_checkbox {
   opacity: 1;
 }
+.card_PTRO {
+  height: 100%;
+}
+.card_PTRO .card_PTRO_container {
+  height: 100%;
+  display: flex;
+  flex-flow: column;
+  border-radius: 2px;
+  background-color: var(--background-color);
+  transition: 0.3s;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body {
+  position: relative;
+  display: flex;
+  flex: 1;
+  gap: var(--gap);
+  padding: calc(var(--gap) * 2);
+  overflow: hidden;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  z-index: 1;
+  opacity: 0;
+  transition: 0.3s;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .lm-checkbox {
+  font-size: 0;
+  border: 8px solid rgba(255, 255, 255, 0.625);
+  border-radius: 2px;
+  line-height: 1;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_checkbox .ant-checkbox {
+  margin: 0;
+  top: 0;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left {
+  width: 40%;
+  min-width: 126px;
+  border-radius: 2px;
+  background: var(--color-15);
+  overflow: hidden;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left .ant-image {
+  width: 100%;
+  height: 100%;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_left .ant-image .ant-image-img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right {
+  flex: 1;
+  display: flex;
+  flex-flow: column;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_title {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text {
+  font-size: 12px;
+  color: var(--color-45);
+  margin-top: 4px;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography {
+  margin: 0;
+  color: inherit;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography .ant-typography-copy {
+  color: inherit;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .card_copy_text .ant-typography .ant-typography-copy.ant-typography-copy-success {
+  color: var(--success-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_column {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  font-size: 12px;
+  color: var(--color-65);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_extend {
+  font-size: 12px;
+  flex: 1 1 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  row-gap: 126px;
+  margin-top: 8px;
+  overflow: hidden;
+  color: var(--color-65);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_extend button {
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_body .card_PTRO_right .PTRO_desc {
+  font-size: 12px;
+  color: var(--color-65);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer {
+  position: relative;
+  display: flex;
+  align-items: center;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > * {
+  flex: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  max-width: initial;
+  height: 40px;
+  border: none;
+  background-color: var(--background-color);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > *::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  height: 18px;
+  width: 1px;
+  background-color: var(--color-15);
+}
+.card_PTRO .card_PTRO_container .card_PTRO_footer > *:last-child::after {
+  display: none;
+}
+.card_PTRO .card_PTRO_container:hover {
+  background-color: var(--color-6);
+}
+.card_PTRO .card_PTRO_container:hover .card_PTRO_body .card_checkbox {
+  opacity: 1;
+}
 .hasChecked .card_PTC .card_PTC_container .card_checkbox,
 .hasChecked .card_PTR .card_PTR_container .card_PTR_body .card_checkbox {
   opacity: 1;

package/lib/LmFilter/Controls/CheckboxTags.js

@@ -0,0 +1,53 @@
+"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/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+// 复选标签组件，选中字段，多选
+var CheckboxTags = function CheckboxTags(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange,
+      options = _ref.options;
+
+  var handleClick = function handleClick(item) {
+    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(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Space, {
+    size: 8,
+    wrap: true,
+    className: "auto_height"
+  }, options === null || options === void 0 ? void 0 : options.map(function (v) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: v.value,
+      className: (0, _classnames.default)('checkbox_tag', {
+        active: value === null || value === void 0 ? void 0 : value.includes(v.value)
+      }),
+      onClick: function onClick() {
+        return handleClick(v);
+      }
+    }, v.label);
+  })));
+};
+
+var _default = CheckboxTags;
+exports.default = _default;

package/lib/LmFilter/Controls/index.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("antd/es/input/style");
+
+var _input = _interopRequireDefault(require("antd/es/input"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _CheckboxTags = _interopRequireDefault(require("./CheckboxTags"));
+
+var _excluded = ["item", "options"];
+
+var Controls = function Controls(props) {
+  var _props$item = props.item,
+      item = _props$item === void 0 ? {} : _props$item,
+      options = props.options,
+      resetProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var type = item.type;
+  var obj = {
+    'select': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    'checkbox': /*#__PURE__*/_react.default.createElement(_CheckboxTags.default, (0, _extends2.default)({
+      options: options
+    }, resetProps)),
+    // 'cascader': <CascaderFilter options={options} {...resetProps} />,
+    'input': /*#__PURE__*/_react.default.createElement(_input.default, (0, _extends2.default)({
+      placeholder: "\u8BF7\u8F93\u5165"
+    }, resetProps)) // 'nested': <Nested options={options} {...resetProps} />,
+
+  };
+  return obj[type] || null;
+};
+
+var _default = Controls;
+exports.default = _default;

package/lib/LmFilter/LmFilter.js

@@ -1,9 +1,9 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,15 +11,27 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _FilterRoot = _interopRequireDefault(require("./wrapper/FilterRoot"));
 
-var LmFilter = function LmFilter(props, ref) {
+var _localization = require("./localization.tsx");
+
+var _excluded = ["localization"];
+
+var LmFilter = function LmFilter(_ref, ref) {
+  var _ref$localization = _ref.localization,
+      localization = _ref$localization === void 0 ? {} : _ref$localization,
+      resetProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var defaultRef = (0, _react.useRef)(null);
   return /*#__PURE__*/_react.default.createElement(_FilterRoot.default, (0, _extends2.default)({
-    ref: ref || defaultRef
-  }, props));
+    ref: ref || defaultRef,
+    localization: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _localization.DefaultLocalization), localization)
+  }, resetProps));
 };
 
 var _default = /*#__PURE__*/(0, _react.forwardRef)(LmFilter);