linkmore-design 1.0.56 → 1.0.59

package/es/Button/index.d.ts

@@ -1,3 +1,7 @@
 import { FC } from 'react';
+import type { ButtonProps } from 'antd';
+export interface ILmButtonProps extends ButtonProps {
+    hover?: boolean;
+}
 declare const LMButton: FC<any>;
 export default LMButton;

package/es/Button/index.js

@@ -36,7 +36,7 @@ var LMButton = function LMButton(props) {
     className: classs,
     size: size,
     type: type,
-    danger: type === 'danger'
+    danger: !!restProps.danger
   }), children);
 };
 

package/es/CardTable/LmCardTable.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _TableRoot = _interopRequireDefault(require("./table/TableRoot"));
 
-var _excluded = ["cellKey", "type", "height", "virtual", "components", "dataSource", "cellConfig", "checkboxConfig"];
+var _excluded = ["cellKey", "type", "height", "virtual", "ellipsis", "components", "dataSource", "cellConfig", "checkboxConfig"];
 
 // export type LmCardTableProps<TData extends Record<string, any> = {}> {
 //   rows: LM_Row<TData>[];
@@ -32,6 +32,8 @@ var LmCardTable = function LmCardTable(_ref, ref) {
       height = _ref$height === void 0 ? '100%' : _ref$height,
       _ref$virtual = _ref.virtual,
       virtual = _ref$virtual === void 0 ? true : _ref$virtual,
+      _ref$ellipsis = _ref.ellipsis,
+      ellipsis = _ref$ellipsis === void 0 ? true : _ref$ellipsis,
       _ref$components = _ref.components,
       components = _ref$components === void 0 ? {} : _ref$components,
       _ref$dataSource = _ref.dataSource,
@@ -47,6 +49,7 @@ var LmCardTable = function LmCardTable(_ref, ref) {
     type: type,
     height: height,
     virtual: virtual,
+    ellipsis: ellipsis,
     components: components,
     dataSource: dataSource,
     cellConfig: cellConfig,

package/es/CardTable/card/PictureTextRow.js

@@ -40,7 +40,8 @@ var PictureTextRow = function PictureTextRow(_ref) {
       cellClick = table.cellClick,
       cellDoubleClick = table.cellDoubleClick,
       toggleCheckboxKey = table.toggleCheckboxKey,
-      checkboxChange = table.checkboxChange;
+      checkboxChange = table.checkboxChange,
+      ellipsis = table.ellipsis;
   var trigger = state.checkboxConfig.trigger;
   var resetDefaultConfig = (0, _objectSpread2.default)({
     checkbox: true,
@@ -116,9 +117,13 @@ var PictureTextRow = function PictureTextRow(_ref) {
     className: "PTR_column_box"
   }, resetDefaultConfig.columns.map(function (v, idx) {
     var isVisible = v.show || typeof v.show !== 'boolean';
-    return isVisible ? /*#__PURE__*/_react.default.createElement("span", {
+    return isVisible ? /*#__PURE__*/_react.default.createElement("div", {
       key: (v === null || v === void 0 ? void 0 : v.dataIndex) || idx
-    }, v.title, ": ", cell[v.dataIndex]) : null;
+    }, v.title, "\uFF1A", /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)({
+        ellipsis: ellipsis
+      })
+    }, typeof v.render === 'function' ? v.render(cell[v.dataIndex], cell, table) : cell[v.dataIndex])) : null;
   }))) : null, resetDefaultConfig.extend ? /*#__PURE__*/_react.default.createElement("div", {
     className: "PTR_extend"
   }, resetDefaultConfig.extend(cell, table)) : null, resetDefaultConfig.desc ? /*#__PURE__*/_react.default.createElement("div", {

package/es/CardTable/style/index.css

@@ -231,14 +231,21 @@
   font-size: 12px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
+  column-gap: 8px;
   color: var(--color-65);
   margin-top: 8px;
 }
-.card_PTR .card_PTR_container .card_PTR_body .card_PTR_right .PTR_column .PTR_column_box span {
+.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;
   color: var(--color-65);

package/es/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/es/CustomTableOption/cardSort.js

@@ -0,0 +1,219 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import React, { useState, useMemo, useEffect, useImperativeHandle, forwardRef } from 'react';
+import { DndContext, closestCenter, KeyboardSensor, PointerSensor, useSensor, useSensors } from '@dnd-kit/core';
+import { arrayMove, useSortable, SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { Checkbox, Input } from 'linkmore-design';
+import { HolderOutlined } from '@ant-design/icons';
+import { CSS } from '@dnd-kit/utilities';
+import { cloneDeep } from 'lodash';
+var UNLLVALUE = [null, undefined];
+var Search = Input.Search;
+
+var SortItem = function SortItem(props) {
+  var _a, _b;
+
+  var _useSortable = useSortable({
+    id: "".concat(props.id)
+  }),
+      attributes = _useSortable.attributes,
+      listeners = _useSortable.listeners,
+      setNodeRef = _useSortable.setNodeRef,
+      transform = _useSortable.transform,
+      transition = _useSortable.transition;
+
+  var style = {
+    transform: CSS.Transform.toString(transform),
+    transition: transition
+  };
+  return /*#__PURE__*/React.createElement("div", Object.assign({
+    ref: setNodeRef,
+    className: 'lm_custom_item',
+    style: style
+  }, attributes), /*#__PURE__*/React.createElement(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.createElement("div", null, /*#__PURE__*/React.createElement(HolderOutlined, Object.assign({}, listeners, {
+    className: 'lm_custom_icon sort_item'
+  }))));
+};
+/** order show */
+
+
+var FilterSort = /*#__PURE__*/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 = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      localCard = _useState2[0],
+      setLocalCard = _useState2[1];
+
+  var _useState3 = useState({}),
+      _useState4 = _slicedToArray(_useState3, 2),
+      colStateValue = _useState4[0],
+      setColStateValue = _useState4[1];
+  /** 正在输入的查询条件 */
+
+
+  var _useState5 = useState(''),
+      _useState6 = _slicedToArray(_useState5, 2),
+      searchIngValue = _useState6[0],
+      setSearchIngValue = _useState6[1];
+
+  var _useState7 = useState(''),
+      _useState8 = _slicedToArray(_useState7, 2),
+      searchValue = _useState8[0],
+      setSearchValue = _useState8[1];
+
+  var sortMenu = useMemo(function () {
+    var cloneCol = 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 = 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);
+  };
+
+  useEffect(function () {
+    setLocalCard(card);
+    setColStateValue(cardStateValue);
+  }, [card]);
+  var sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {
+    coordinateGetter: 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 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);
+  };
+
+  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.createElement("div", {
+    className: 'lm_custom_option_columns'
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'global_search'
+  }, /*#__PURE__*/React.createElement(Search, {
+    value: searchIngValue,
+    onChange: function onChange(e) {
+      return setSearchIngValue(e.target.value);
+    },
+    onSearch: handleSearch
+  })), /*#__PURE__*/React.createElement("div", {
+    className: 'global_setting'
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    indeterminate: isCheckAll.indeterminate,
+    onChange: onCheckAllChange,
+    checked: isCheckAll.checkAll
+  }, "\u5168\u9009"), /*#__PURE__*/React.createElement("span", {
+    onClick: function onClick() {
+      return setLocalCard(card);
+    }
+  }, "\u91CD\u7F6E")), !!(sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.length) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DndContext, {
+    sensors: sensors,
+    collisionDetection: closestCenter,
+    onDragEnd: handleDragEnd
+  }, /*#__PURE__*/React.createElement(SortableContext, {
+    items: sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (v) {
+      return "".concat(v.dataIndex);
+    }),
+    strategy: verticalListSortingStrategy
+  }, sortMenu === null || sortMenu === void 0 ? void 0 : sortMenu.map(function (item) {
+    return /*#__PURE__*/React.createElement(SortItem, {
+      key: item.dataIndex,
+      toggleShow: toggleShow,
+      item: item,
+      id: item.dataIndex
+    });
+  })))));
+});
+export default FilterSort;

package/es/CustomTableOption/columnsSort.js

@@ -45,7 +45,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');
     }
@@ -67,8 +66,7 @@ var SortItem = function SortItem(props) {
 
 
 var ColumnsSort = /*#__PURE__*/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;
 
@@ -148,7 +146,7 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
   };
 
   useEffect(function () {
-    setLocalColumns(columns);
+    setLocalColumns(columns || []);
     setColStateValue(ColumnsStateValue);
   }, [columns]);
   var leftSensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, {

package/es/CustomTableOption/filterSort.js

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

package/es/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/es/CustomTableOption/index.js

@@ -4,6 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import React, { forwardRef, useState, useEffect, useRef } from 'react';
 import { Drawer, Tabs, Radio, IconFont, Space, Button, Switch } from 'linkmore-design';
 import ColumnsSort from './columnsSort';
+import CardSort from './cardSort';
 import FilterSort from './filterSort';
 import classNames from 'classnames';
 
@@ -17,23 +18,29 @@ var TabPane = 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__*/forwardRef(function (props, ref) {
+  var _a;
+
   var className = props.className,
       _props$tooltip = props.tooltip,
       tooltip = _props$tooltip === void 0 ? {} : _props$tooltip;
   var filterRef = useRef(null);
-  var columnsRef = useRef(null); // const sizeRef = useRef(null)
+  var columnsRef = useRef(null);
+  var cardRef = useRef(null); // const sizeRef = useRef(null)
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -50,6 +57,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState5 = useState({
     filter: [],
     columns: [],
+    card: [],
     size: 'default'
   }),
       _useState6 = _slicedToArray(_useState5, 2),
@@ -62,15 +70,16 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
 
   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 */
 
 
@@ -80,15 +89,20 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
 
     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);
   };
 
@@ -130,6 +144,13 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(ColumnsSort, {
     ref: columnsRef,
     columns: lmOptions.columns
+  })), ((_a = lmOptions.card) === null || _a === void 0 ? void 0 : _a.length) && /*#__PURE__*/React.createElement(TabPane, {
+    tab: "\u5361\u7247\u5B57\u6BB5\u8BBE\u7F6E",
+    key: "4",
+    forceRender: true
+  }, /*#__PURE__*/React.createElement(CardSort, {
+    ref: cardRef,
+    card: lmOptions.card
   })), /*#__PURE__*/React.createElement(TabPane, {
     tab: "\u5176\u4ED6",
     key: "3",
@@ -146,13 +167,16 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'lm_custom_size_warp',
       key: item.value
-    }, /*#__PURE__*/React.createElement("img", {
+    }, /*#__PURE__*/React.createElement(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.createElement(Radio, {
       value: item.value
     }, item.label));

package/es/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/es/DatePicker/PickerButton.d.ts

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

package/es/DatePicker/PickerButton.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Button } from 'linkmore-design';
+export default function PickerButton(props) {
+  return /*#__PURE__*/React.createElement(Button, Object.assign({
+    size: "small",
+    type: "primary"
+  }, props));
+}

package/es/DatePicker/PickerTag.d.ts

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

package/es/DatePicker/PickerTag.js

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { Tag } from 'linkmore-design';
+export default function PickerTag(props) {
+  return /*#__PURE__*/React.createElement(Tag, Object.assign({
+    color: "blue"
+  }, props));
+}

package/es/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>>;