linkmore-design 1.0.55 → 1.0.58

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,27 @@
 .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);
+  column-gap: 8px;
+  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 > div {
+  display: inline-flex;
+  align-items: center;
+  min-height: 20px;
+}
+.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box .ellipsis {
+  flex: 1 1 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
 }
 .card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_desc {
   font-size: 12px;
@@ -280,6 +291,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/CustomTableOption/cardSort.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+/** order show */
+declare const FilterSort: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default FilterSort;

package/lib/CustomTableOption/cardSort.js

@@ -0,0 +1,239 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _core = require("@dnd-kit/core");
+
+var _sortable = require("@dnd-kit/sortable");
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _icons = require("@ant-design/icons");
+
+var _utilities = require("@dnd-kit/utilities");
+
+var _lodash = require("lodash");
+
+var UNLLVALUE = [null, undefined];
+var Search = _linkmoreDesign.Input.Search;
+
+var SortItem = function SortItem(props) {
+  var _a, _b;
+
+  var _useSortable = (0, _sortable.useSortable)({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: _utilities.CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/_react.default.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    checked: ((_a = props.item) === null || _a === void 0 ? void 0 : _a.show) === false ? false : true,
+    onChange: function onChange(e) {
+      return props.toggleShow(e.target.checked, props.id);
+    },
+    className: "filter_item-content"
+  }, (_b = props.item) === null || _b === void 0 ? void 0 : _b.title), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icons.HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item'
+  }))));
+};
+/** order show */
+
+
+var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$card = _ref.card,
+      card = _ref$card === void 0 ? [] : _ref$card,
+      _ref$cardStateValue = _ref.cardStateValue,
+      cardStateValue = _ref$cardStateValue === void 0 ? {} : _ref$cardStateValue;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      localCard = _useState2[0],
+      setLocalCard = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+  /** 正在输入的查询条件 */
+
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(''),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
+  var sortMenu = (0, _react.useMemo)(function () {
+    var cloneCol = (0, _lodash.cloneDeep)(localCard);
+    cloneCol.forEach(function (item, index) {
+      var _a, _b;
+
+      var order = (_a = colStateValue[item.field]) === null || _a === void 0 ? void 0 : _a.order;
+      item.order = order !== undefined && order !== null ? order : UNLLVALUE.includes(item.order) ? index : item.order;
+      item.show = ((_b = colStateValue[item.field]) === null || _b === void 0 ? void 0 : _b.show) === false ? false : UNLLVALUE.includes(item.show) ? true : !!item.show;
+    });
+    return cloneCol.filter(function (item) {
+      var _a;
+
+      return ((_a = item.title) === null || _a === void 0 ? void 0 : _a.indexOf(searchValue)) > -1;
+    });
+  }, [localCard, colStateValue, searchValue]);
+  var isCheckAll = (0, _react.useMemo)(function () {
+    var showLength = localCard.filter(function (item) {
+      return item.show !== false;
+    });
+    return {
+      indeterminate: (showLength === null || showLength === void 0 ? void 0 : showLength.length) && showLength.length !== localCard.length ? true : false,
+      checkAll: showLength.length === localCard.length
+    };
+  }, [localCard]);
+  /** 将当前输入的值，进行最后赋值，作自动计算使用 */
+
+  var handleSearch = function handleSearch() {
+    setSearchValue(searchIngValue);
+  };
+
+  (0, _react.useEffect)(function () {
+    setLocalCard(card);
+    setColStateValue(cardStateValue);
+  }, [card]);
+  var sensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {
+    coordinateGetter: _sortable.sortableKeyboardCoordinates
+  }));
+  /** 排序结束回调 */
+
+  var handleDragEnd = function handleDragEnd(event) {
+    var active = event.active,
+        over = event.over;
+
+    if (active.id !== over.id) {
+      setLocalCard(function (items) {
+        var oldIndex = items.findIndex(function (s) {
+          return s.dataIndex === active.id;
+        });
+        var newIndex = items.findIndex(function (s) {
+          return s.dataIndex === over.id;
+        });
+        return (0, _sortable.arrayMove)(items, oldIndex, newIndex).map(function (item, index) {
+          return Object.assign(Object.assign({}, item), {
+            order: index
+          });
+        });
+      });
+    }
+  };
+  /** 添加是否显示 */
+
+
+  var toggleShow = function toggleShow(value, id) {
+    var resultColumns = localCard.map(function (item) {
+      if (item.dataIndex === id) {
+        return Object.assign(Object.assign({}, item), {
+          show: item.show === false ? true : false
+        });
+      }
+
+      return Object.assign({}, item);
+    });
+    setLocalCard(resultColumns);
+  };
+  /** 切换是否全选 */
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var resultColumns = localCard.map(function (item) {
+      return Object.assign(Object.assign({}, item), {
+        show: isCheckAll.checkAll ? false : true
+      });
+    });
+    setLocalCard(resultColumns);
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      getLocalFilter: function getLocalFilter() {
+        return localCard;
+      },
+      getFilterStateValue: function getFilterStateValue() {
+        var obj = {};
+        localCard.forEach(function (item) {
+          obj[item.dataIndex] = {};
+
+          if (![undefined, null].includes(item.order)) {
+            obj[item.dataIndex]['order'] = item.order;
+          }
+
+          if (![undefined, null].includes(item.show)) {
+            obj[item.dataIndex]['show'] = item.show;
+          }
+        });
+        return obj;
+      }
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'global_search'
+  }, /*#__PURE__*/_react.default.createElement(Search, {
+    value: searchIngValue,
+    onChange: function onChange(e) {
+      return setSearchIngValue(e.target.value);
+    },
+    onSearch: handleSearch
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/_react.default.createElement("span", {
+    onClick: function onClick() {
+      return setLocalCard(card);
+    }
+  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_core.DndContext, {
+    sensors: sensors,
+    collisionDetection: _core.closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
+    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: _sortable.verticalListSortingStrategy
+  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(SortItem, {
+      key: item.dataIndex,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.dataIndex
+    });
+  })))));
+});
+var _default = FilterSort;
+exports.default = _default;

package/lib/CustomTableOption/columnsSort.js

@@ -64,7 +64,6 @@ var SortItem = function SortItem(props) {
     type: "lmweb-vertical-align-top",
     className: "lm_custom_icon hover_show icon_top",
     onClick: function onClick(e) {
-      console.log(e, 'eee');
       e.stopPropagation();
       props.addFiexd(props.id, 'left');
     }
@@ -86,8 +85,7 @@ var SortItem = function SortItem(props) {
 
 
 var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$columns = _ref.columns,
-      columns = _ref$columns === void 0 ? [] : _ref$columns,
+  var columns = _ref.columns,
       _ref$ColumnsStateValu = _ref.ColumnsStateValue,
       ColumnsStateValue = _ref$ColumnsStateValu === void 0 ? {} : _ref$ColumnsStateValu;
 
@@ -167,7 +165,7 @@ var ColumnsSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   };
 
   (0, _react.useEffect)(function () {
-    setLocalColumns(columns);
+    setLocalColumns(columns || []);
     setColStateValue(ColumnsStateValue);
   }, [columns]);
   var leftSensors = (0, _core.useSensors)((0, _core.useSensor)(_core.PointerSensor), (0, _core.useSensor)(_core.KeyboardSensor, {

package/lib/CustomTableOption/filterSort.js

@@ -119,9 +119,6 @@ var FilterSort = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     setSearchValue(searchIngValue);
   };
 
-  (0, _react.useEffect)(function () {
-    console.log(localFilter, 'localFilter');
-  }, [localFilter]);
   (0, _react.useEffect)(function () {
     setLocalFilter(filter);
     setColStateValue(filterStateValue);

package/lib/CustomTableOption/index.d.ts

@@ -7,6 +7,7 @@ export interface ICustomTableOptionProps {
     tooltip?: TooltipProps;
     filter?: Record<string, any>[];
     columns?: TableProps<any>['columns'];
+    card?: TableProps<any>['columns'];
     onSave?: (data: any) => void;
 }
 declare const LMCustomTableOption: React.FC<ICustomTableOptionProps>;

package/lib/CustomTableOption/index.js

@@ -21,6 +21,8 @@ var _linkmoreDesign = require("linkmore-design");
 
 var _columnsSort = _interopRequireDefault(require("./columnsSort"));
 
+var _cardSort = _interopRequireDefault(require("./cardSort"));
+
 var _filterSort = _interopRequireDefault(require("./filterSort"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -35,23 +37,29 @@ var TabPane = _linkmoreDesign.Tabs.TabPane;
 var optionsWithDisabled = [{
   label: '默认',
   value: 'default',
-  imgUrl: DefaultImg
+  imgUrl: DefaultImg,
+  icon: 'lmweb-icon_default'
 }, {
   label: '紧凑',
   value: 'small',
-  imgUrl: SmallImg
+  imgUrl: SmallImg,
+  icon: 'lmweb-icon_compact'
 }, {
   label: '宽松',
   value: 'middle',
-  imgUrl: MiddleImg
+  imgUrl: MiddleImg,
+  icon: 'lmweb-icon_large'
 }];
 var prefixCls = 'lm_custom-table-option';
 var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _a;
+
   var className = props.className,
       _props$tooltip = props.tooltip,
       tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = (0, _react.useRef)(null);
-  var columnsRef = (0, _react.useRef)(null); // const sizeRef = useRef(null)
+  var columnsRef = (0, _react.useRef)(null);
+  var cardRef = (0, _react.useRef)(null); // const sizeRef = useRef(null)
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -68,6 +76,7 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   var _useState5 = (0, _react.useState)({
     filter: [],
     columns: [],
+    card: [],
     size: 'default'
   }),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
@@ -80,15 +89,16 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
 
   (0, _react.useEffect)(function () {
     setLmOptions({
-      filter: props.filter,
-      columns: props.columns,
-      size: props.size || 'default'
+      filter: props.filter || [],
+      columns: props.columns || [],
+      size: props.size || 'default',
+      card: props.card || []
     });
-  }, [props.filter, props.columns, props.size]);
+  }, [props.filter, props.columns, props.size, props.card]);
   /** 提交按钮 */
 
   var onOk = function onOk() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     /** tableInfo */
 
 
@@ -98,15 +108,20 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
 
     var filterData = (_c = filterRef.current) === null || _c === void 0 ? void 0 : _c.getLocalFilter();
     var filterStateValue = (_d = filterRef.current) === null || _d === void 0 ? void 0 : _d.getFilterStateValue();
+    var cardData = ((_e = cardRef.current) === null || _e === void 0 ? void 0 : _e.getLocalFilter()) || [];
+    var cardStateValue = ((_f = cardRef.current) === null || _f === void 0 ? void 0 : _f.getFilterStateValue()) || {};
     console.log('--columnsData:', columnsData, ColStateValue, '--filterData:', filterData, filterStateValue, 'size:', lmOptions.size);
-    (_e = props.onSave) === null || _e === void 0 ? void 0 : _e.call(props, {
+    (_g = props.onSave) === null || _g === void 0 ? void 0 : _g.call(props, Object.assign({
       columnsData: columnsData,
       ColStateValue: ColStateValue,
       filterData: filterData,
       filterStateValue: filterStateValue,
       size: lmOptions.size,
       saveSetting: saveSetting
-    });
+    }, lmOptions.card.length ? {
+      cardData: cardData,
+      cardStateValue: cardStateValue
+    } : {}));
     setVisible(false);
   };
 
@@ -148,6 +163,13 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
   }, /*#__PURE__*/_react.default.createElement(_columnsSort.default, {
     ref: columnsRef,
     columns: lmOptions.columns
+  })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/_react.default.createElement(TabPane, {
+    tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
+    key: "4",
+    forceRender: true
+  }, /*#__PURE__*/_react.default.createElement(_cardSort.default, {
+    ref: cardRef,
+    card: lmOptions.card
   })), /*#__PURE__*/_react.default.createElement(TabPane, {
     tab: "\u5176\u4ED6",
     key: "3",
@@ -164,13 +186,16 @@ var LMCustomTableOption = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     return /*#__PURE__*/_react.default.createElement("div", {
       className: 'lm_custom_size_warp',
       key: item.value
-    }, /*#__PURE__*/_react.default.createElement("img", {
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
       onClick: function onClick() {
         return setLmOptions(Object.assign(Object.assign({}, lmOptions), {
           size: item.value
         }));
       },
-      src: item.imgUrl
+      type: item.icon,
+      style: {
+        fontSize: '100px'
+      }
     }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
       value: item.value
     }, item.label));

package/lib/CustomTableOption/style/index.css

@@ -574,6 +574,9 @@ html {
   justify-content: center;
   cursor: pointer;
 }
+.lm_custom_size_warp > .anticon {
+  margin: 8px 0;
+}
 .lm_custom_size_warp > img {
   width: 100px;
   height: 100px;

package/lib/DatePicker/PickerButton.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from 'antd';
+export default function PickerButton(props: ButtonProps): JSX.Element;

package/lib/DatePicker/PickerButton.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PickerButton;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+function PickerButton(props) {
+  return /*#__PURE__*/React.createElement(_linkmoreDesign.Button, Object.assign({
+    size: "small",
+    type: "primary"
+  }, props));
+}

package/lib/DatePicker/PickerTag.d.ts

@@ -0,0 +1,2 @@
+import type { ILMTagProps } from '../Tag';
+export default function PickerTag(props: ILMTagProps): JSX.Element;

package/lib/DatePicker/PickerTag.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PickerTag;
+
+var React = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+function PickerTag(props) {
+  return /*#__PURE__*/React.createElement(_linkmoreDesign.Tag, Object.assign({
+    color: "blue"
+  }, props));
+}

package/lib/DatePicker/generatePicker/generateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import type { GenerateConfig } from 'rc-picker/lib/generate/index';
+import type { RangePickerProps } from '.';
+import type { PickerComponentClass } from './interface';
+export default function generateRangePicker<DateType>(generateConfig: GenerateConfig<DateType>): PickerComponentClass<RangePickerProps<DateType>>;