linkmore-design 1.0.54 → 1.0.57

package/lib/DatePicker/util.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPlaceholder = getPlaceholder;
+exports.getRangePlaceholder = getRangePlaceholder;
+exports.transPlacement2DropdownAlign = transPlacement2DropdownAlign;
+
+function getPlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.yearPlaceholder;
+  }
+
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.quarterPlaceholder;
+  }
+
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.monthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.weekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.placeholder;
+  }
+
+  return locale.lang.placeholder;
+}
+
+function getRangePlaceholder(picker, locale, customizePlaceholder) {
+  if (customizePlaceholder !== undefined) {
+    return customizePlaceholder;
+  }
+
+  if (picker === 'year' && locale.lang.yearPlaceholder) {
+    return locale.lang.rangeYearPlaceholder;
+  }
+
+  if (picker === 'quarter' && locale.lang.quarterPlaceholder) {
+    return locale.lang.rangeQuarterPlaceholder;
+  }
+
+  if (picker === 'month' && locale.lang.monthPlaceholder) {
+    return locale.lang.rangeMonthPlaceholder;
+  }
+
+  if (picker === 'week' && locale.lang.weekPlaceholder) {
+    return locale.lang.rangeWeekPlaceholder;
+  }
+
+  if (picker === 'time' && locale.timePickerLocale.placeholder) {
+    return locale.timePickerLocale.rangePlaceholder;
+  }
+
+  return locale.lang.rangePlaceholder;
+}
+
+function transPlacement2DropdownAlign(direction, placement) {
+  var overflow = {
+    adjustX: 1,
+    adjustY: 1
+  };
+
+  switch (placement) {
+    case 'bottomLeft':
+      {
+        return {
+          points: ['tl', 'bl'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+
+    case 'bottomRight':
+      {
+        return {
+          points: ['tr', 'br'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+
+    case 'topLeft':
+      {
+        return {
+          points: ['bl', 'tl'],
+          offset: [0, -4],
+          overflow: overflow
+        };
+      }
+
+    case 'topRight':
+      {
+        return {
+          points: ['br', 'tr'],
+          offset: [0, -4],
+          overflow: overflow
+        };
+      }
+
+    default:
+      {
+        return direction === 'rtl' ? {
+          points: ['tr', 'br'],
+          offset: [0, 4],
+          overflow: overflow
+        } : {
+          points: ['tl', 'bl'],
+          offset: [0, 4],
+          overflow: overflow
+        };
+      }
+  }
+}

package/lib/Descriptions/style/index.css

@@ -508,29 +508,31 @@ html {
   margin-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-header .ant-descriptions-title {
+  color: var(--color-85);
+  font-size: 14px;
   /* 正文/苹方 14px Medium */
   font-family: PingFangSC-Medium;
-  font-size: 14px;
   line-height: 22px;
   letter-spacing: 0px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item {
+  padding-right: 24px;
   padding-bottom: 8px;
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-container {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-label,
 .lm_descriptions .ant-descriptions-item .ant-descriptions-item-content {
-  font-family: PingFangSC-Regular;
+  color: var(--color-85);
   font-size: 12px;
+  font-family: PingFangSC-Regular;
   line-height: 20px;
-  color: var(--color-85);
 }
-.lm_descriptions_default .ant-descriptions-item[colspan='1'] .ant-descriptions-item-container {
-  width: 376px;
+.lm_descriptions_default .ant-descriptions-item[colspan='1'] {
+  min-width: 330px;
+  max-width: 376px;
 }

package/lib/IconFont/index.js

@@ -8,8 +8,9 @@ exports.default = void 0;
 var _icons = require("@ant-design/icons");
 
 var IconFont = (0, _icons.createFromIconfontCN)({
-  // scriptUrl: '//at.alicdn.com/t/font_2966019_8aij0300kjo.js', // 在 iconfont.cn 上生成
-  scriptUrl: require('./font/iconfont.js')
+  scriptUrl: '//at.alicdn.com/t/c/font_2966019_sw56tprypkb.js' // 在 iconfont.cn 上生成
+  // scriptUrl: require('./font/iconfont.js'),
+
 });
 var _default = IconFont;
 exports.default = _default;

package/lib/LmEditTable/DragHandle.js

@@ -23,7 +23,7 @@ var Dragger = function Dragger(_ref) {
       isDragging = _useSortable.isDragging;
 
   return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, Object.assign({
-    type: "lmweb-icon-m-receipt"
+    type: "lmweb-icon-m-receipt1"
   }, listeners, {
     style: {
       touchAction: 'none'

package/lib/LmEditTable/EditTable.js

@@ -11,10 +11,6 @@ exports.default = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
-require("antd/es/date-picker/style");
-
-var _datePicker = _interopRequireDefault(require("antd/es/date-picker"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -27,7 +23,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _icons = require("@ant-design/icons");
 
-var _dayjs = _interopRequireDefault(require("dayjs"));
+var _moment = _interopRequireDefault(require("moment"));
 
 var _sortable = require("@dnd-kit/sortable");
 
@@ -230,7 +226,7 @@ var Opetate = function Opetate(_ref) {
     type: "link",
     size: "small",
     icon: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
-      type: "lmweb-plus-circle",
+      type: "lmweb-plus-circle-fill",
       style: {
         fontSize: 16
       }
@@ -283,8 +279,8 @@ var EditableCell = function EditableCell(props) {
       clearProps = __rest(restProps, ["onMouseEnter", "onMouseLeave"]);
 
   var _col$componentProps = col.componentProps,
-      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps;
-  var checkCellRef = (0, _react.useRef)(null); // const focusCapturedRef = useRef(false);
+      componentProps = _col$componentProps === void 0 ? {} : _col$componentProps; // const checkCellRef = useRef(null)
+  // const focusCapturedRef = useRef(false);
   // const curValue = useMemo(() => {
   //   return record?.dataIndex
   // }, [record])
@@ -350,7 +346,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
           onBlur: handleFormItemChange,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps, {
           addonBefore: componentProps.addonBefore ? /*#__PURE__*/_react.default.createElement(_form.default.Item, {
@@ -369,8 +365,7 @@ var EditableCell = function EditableCell(props) {
 
       case 'inputRange':
         return /*#__PURE__*/_react.default.createElement(InputRange, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'number':
@@ -380,15 +375,13 @@ var EditableCell = function EditableCell(props) {
           style: {
             width: (editEnum === null || editEnum === void 0 ? void 0 : editEnum.width) || '100%'
           },
-          placeholder: "\u8BF7\u8F93\u5165",
-          ref: checkCellRef
+          placeholder: "\u8BF7\u8F93\u5165"
         }, componentProps));
 
       case 'date':
         // @ts-ignore
-        return /*#__PURE__*/_react.default.createElement(_datePicker.default, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+        return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.DatePicker, Object.assign({
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'select':
@@ -396,7 +389,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          ref: checkCellRef,
+          // ref={checkCellRef}
           filterOption: function filterOption(input, option) {
             var _a, _b;
 
@@ -412,7 +405,7 @@ var EditableCell = function EditableCell(props) {
           showSearch: true,
           allowClear: true,
           placeholder: "\u8BF7\u9009\u62E9",
-          ref: checkCellRef,
+          // ref={checkCellRef}
           filterOption: function filterOption(input, option) {
             var _a;
 
@@ -424,20 +417,13 @@ var EditableCell = function EditableCell(props) {
 
       case 'checkbox':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
+          onChange: handleFormItemChange
         }, componentProps));
 
       case 'radio':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, Object.assign({
-          onChange: handleFormItemChange,
-          ref: checkCellRef
-        }, componentProps), editEnum === null || editEnum === void 0 ? void 0 : editEnum.map(function (v) {
-          return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio, {
-            key: v.value,
-            value: v.value
-          }, v.label);
-        }));
+          onChange: handleFormItemChange
+        }, componentProps));
 
       case 'switch':
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Switch, {
@@ -447,7 +433,7 @@ var EditableCell = function EditableCell(props) {
       case 'upload':
         return /*#__PURE__*/_react.default.createElement(UploadSingle, {
           editEnum: componentProps,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           onChange: handleFormItemChange
         });
 
@@ -456,7 +442,7 @@ var EditableCell = function EditableCell(props) {
         return /*#__PURE__*/_react.default.createElement(Opetate, Object.assign({
           record: record,
           rowKey: rowKey,
-          ref: checkCellRef,
+          // ref={checkCellRef}
           handleAdd: handleTableRowAdd,
           handleDelete: handleTableRowDelete,
           getLength: getLength
@@ -473,8 +459,7 @@ var EditableCell = function EditableCell(props) {
       default:
         return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Input, Object.assign({
           onPressEnter: handleFormItemChange,
-          onBlur: handleFormItemChange,
-          ref: checkCellRef
+          onBlur: handleFormItemChange
         }, componentProps));
     }
   };
@@ -516,7 +501,7 @@ var EditableCell = function EditableCell(props) {
         dataIndex = col.dataIndex;
 
     if (isEdit && editable && record[dataIndex] || isHoverEdit && editable && record[dataIndex]) {
-      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _dayjs.default)(record[dataIndex]) : record[dataIndex]));
+      form.setFieldsValue((0, _defineProperty2.default)({}, dataIndex, editable === 'date' ? (0, _moment.default)(record[dataIndex]) : record[dataIndex]));
     }
   }, [record]); // const isOpenEdit = (isEdit && focusCapturedRef.current) || (isHoverEdit && focusCapturedRef.current);
   // const classNames = cx({
@@ -604,7 +589,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     var newIndex = cloneArr.findIndex(function (v) {
       return v[_rowKey] === over;
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+
+    if (onChange) {
+      onChange === null || onChange === void 0 ? void 0 : onChange((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+    } else {
+      setDataSource((0, _sortable.arrayMove)(cloneArr, oldIndex, newIndex));
+    }
   }; // 删除
 
 
@@ -674,6 +664,7 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       }
     });
     console.time('b');
+    console.log(res, 'rrrr');
 
     if (onChange) {
       onChange === null || onChange === void 0 ? void 0 : onChange(res);
@@ -910,13 +901,12 @@ var EditTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   })), isShowAddAction && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
     className: "lm_editTable_add_bar",
     type: "dashed",
-    block: true,
     onClick: handleAdd,
     style: {
       marginTop: 8
     }
   }, /*#__PURE__*/_react.default.createElement(_icons.PlusCircleOutlined, {
-    className: "lm_editTable_add_icon"
+    className: "lmweb-plus"
   }), "\u65B0\u589E"));
 });
 

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);

package/lib/LmFilter/baseFilter/fuzzySearch.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _InputSearchClose = _interopRequireDefault(require("../components/InputSearchClose"));
+
+var FuzzySearch = function FuzzySearch(_ref) {
+  var instance = _ref.instance;
+  var inputRef = (0, _react.useRef)(null);
+  var state = instance.state,
+      setFilterValue = instance.setFilterValue,
+      size = instance.size,
+      placeholder = instance.placeholder,
+      searchKey = instance.searchKey; // 默认值
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var _state$basicFilter;
+
+    return ((_state$basicFilter = state.basicFilter) === null || _state$basicFilter === void 0 ? void 0 : _state$basicFilter[searchKey]) || '';
+  }, [state.basicFilter]);
+
+  var onSearch = function onSearch(val) {
+    setFilterValue(val, searchKey);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (!defaultValue) {
+      inputRef.current.setValue('');
+    }
+  }, [state.basicFilter]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "lm_filter_search"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    allowClear: true,
+    defaultValue: defaultValue,
+    size: size,
+    placeholder: placeholder,
+    onSearch: onSearch
+  }));
+};
+
+var _default = FuzzySearch;
+exports.default = _default;

package/lib/LmFilter/baseFilter/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _fuzzySearch = _interopRequireDefault(require("../components/fuzzySearch"));
+var _fuzzySearch = _interopRequireDefault(require("./fuzzySearch"));
 
 var _components = _interopRequireDefault(require("../components"));
 

package/lib/LmFilter/clearFilter/index.js

@@ -17,8 +17,10 @@ var LmFilterClear = /*#__PURE__*/_react.default.memo(function (_ref) {
       dispatch = instance.dispatch;
 
   var handleClear = function handleClear() {
-    // dispatch();
     console.log('state', state);
+    dispatch({
+      type: 'reset'
+    });
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {