dtable-ui-component 0.1.81 → 0.1.83

package/lib/CTimeFormatter/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import './index.css';
 
 var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
@@ -24,7 +24,7 @@ var CTimeFormatter = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.formatDate = function (date) {
-      return moment(date).format('YYYY-MM-DD HH:mm:ss');
+      return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
     };
 
     return _this;

package/lib/DateEditor/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React, { Fragment } from 'react';
 import MediaQuery from 'react-responsive';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import { getDateDisplayString } from '../utils/value-format-utils';
 import PCDateEditorPopover from './pc-date-editor-popover';
 import MBDateEditorPopover from './mb-date-editor-popover';
@@ -81,7 +81,7 @@ var DateEditor = /*#__PURE__*/function (_React$Component) {
       var _this$props = this.props,
           value = _this$props.value,
           lang = _this$props.lang;
-      moment.locale(lang);
+      dayjs.locale(lang);
       var dateFormat = this.getDateFormat();
       this.setState({
         isDateInit: true,

package/lib/DateEditor/mb-date-editor-popover/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import { DatePicker } from 'antd-mobile';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import Calendar from '@seafile/seafile-calendar';
 import * as SeaDatePicker from '@seafile/seafile-calendar/lib/Picker';
 import { getLocale } from '../../lang';
@@ -35,19 +35,19 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props = _this.props,
           dateFormat = _this$props.dateFormat,
           showHourAndMinute = _this$props.showHourAndMinute;
-      var newValue = moment(date);
+      var newValue = dayjs(date);
 
       if (showHourAndMinute) {
         var datePickerValue = _this.state.datePickerValue;
         var HM = datePickerValue.format('HH:mm');
         var format = dateFormat.split(' ')[0]; // 'YYYY-MM-DD HH:mm'
 
-        var newDate = moment(date).format(format) + ' ' + HM;
-        newValue = moment(newDate);
+        var newDate = dayjs(date).format(format) + ' ' + HM;
+        newValue = dayjs(newDate);
       }
 
       _this.setState({
-        datePickerValue: moment(date)
+        datePickerValue: dayjs(date)
       });
 
       _this.props.onValueChanged(newValue.format(dateFormat));
@@ -59,8 +59,8 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
       var format = dateFormat.split(' ')[0]; // 'YYYY-MM-DD HH:mm'
 
       var YMD = datePickerValue.format(format);
-      var newDate = YMD + ' ' + moment(time).format('HH:mm');
-      var newValue = moment(newDate);
+      var newDate = YMD + ' ' + dayjs(time).format('HH:mm');
+      var newValue = dayjs(newDate);
 
       _this.setState({
         datePickerValue: newValue
@@ -110,7 +110,7 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
       var _this$props2 = _this.props,
           dateFormat = _this$props2.dateFormat,
           lang = _this$props2.lang;
-      var defaultValue = moment().clone();
+      var defaultValue = dayjs().clone();
       return /*#__PURE__*/React.createElement(Calendar, {
         locale: initDateEditorLanguage(lang),
         format: dateFormat,
@@ -165,7 +165,7 @@ var DateEditorPopover = /*#__PURE__*/function (_React$PureComponent) {
 
     _this.state = {
       open: true,
-      datePickerValue: props.value ? moment(props.value) : moment().clone()
+      datePickerValue: props.value ? dayjs(props.value) : dayjs().clone()
     };
     _this.calendarContainerRef = React.createRef();
     return _this;

package/lib/DateEditor/pc-date-editor-popover.js

@@ -3,7 +3,7 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import DatePicker from '@seafile/seafile-calendar/lib/Picker';
 import Calendar from '@seafile/seafile-calendar';
 import { initDateEditorLanguage } from '../utils/editor-utils';
@@ -69,7 +69,7 @@ var PCDateEditorPopover = /*#__PURE__*/function (_React$Component) {
           dateFormat = _this$props.dateFormat,
           showHourAndMinute = _this$props.showHourAndMinute,
           lang = _this$props.lang;
-      var defaultValue = moment().clone();
+      var defaultValue = dayjs().clone();
       return /*#__PURE__*/React.createElement(Calendar, {
         locale: initDateEditorLanguage(lang),
         style: {
@@ -87,7 +87,7 @@ var PCDateEditorPopover = /*#__PURE__*/function (_React$Component) {
 
     _this.state = {
       open: true,
-      datePickerValue: props.value ? moment(props.value) : null
+      datePickerValue: props.value ? dayjs(props.value) : null
     };
     _this.calendarContainerRef = React.createRef();
     return _this;

package/lib/MTimeFormatter/index.js

@@ -4,7 +4,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import cn from 'astro-classname';
-import moment from 'moment';
+import dayjs from 'dayjs';
 import './index.css';
 
 var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
@@ -24,7 +24,7 @@ var MTimeFormatter = /*#__PURE__*/function (_React$Component) {
     _this = _super.call.apply(_super, [this].concat(args));
 
     _this.formatDate = function (date) {
-      return moment(date).format('YYYY-MM-DD HH:mm:ss');
+      return dayjs(date).format('YYYY-MM-DD HH:mm:ss');
     };
 
     return _this;

package/lib/RateFormatter/index.js

@@ -31,7 +31,9 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
           _ref$rate_max_number = _ref.rate_max_number,
           rate_max_number = _ref$rate_max_number === void 0 ? 5 : _ref$rate_max_number,
           _ref$rate_style_color = _ref.rate_style_color,
-          rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color;
+          rate_style_color = _ref$rate_style_color === void 0 ? '#e5e5e5' : _ref$rate_style_color,
+          _ref$rate_style_type = _ref.rate_style_type,
+          rate_style_type = _ref$rate_style_type === void 0 ? 'dtable-icon-rate' : _ref$rate_style_type;
 
       var validValue = Math.min(rate_max_number, value);
       var rateList = [];
@@ -39,7 +41,7 @@ var RateFormatter = /*#__PURE__*/function (_React$Component) {
       for (var i = 0; i < validValue; i++) {
         rateList.push( /*#__PURE__*/React.createElement("i", {
           key: "dtable-ui-component-rate-".concat(i),
-          className: "dtable-font dtable-icon-star",
+          className: "dtable-font ".concat(rate_style_type),
           style: {
             color: rate_style_color || '#e5e5e5'
           }

package/lib/index.js

@@ -12,6 +12,7 @@ export { default as LongTextFormatter } from './LongTextFormatter';
 export { default as TextFormatter } from './TextFormatter';
 export { default as SingleSelectFormatter } from './SingleSelectFormatter';
 export { default as MultipleSelectFormatter } from './MultipleSelectFormatter';
+export { default as SelectItem } from './SelectItem';
 export { default as FileFormatter } from './FileFormatter';
 export { default as LinkFormatter } from './LinkFormatter';
 export { default as CollaboratorFormatter } from './CollaboratorFormatter';

package/lib/utils/value-format-utils.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-case-declarations */
-import moment from 'moment';
+import dayjs from 'dayjs';
 import NP from './number-precision';
 import { CellType, NUMBER_TYPES, DEFAULT_NUMBER_FORMAT, DURATION_FORMATS_MAP, DURATION_FORMATS, DURATION_ZERO_DISPLAY, DURATION_DECIMAL_DIGITS, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, ARRAY_FORMAL_COLUMNS_TYPES, DEFAULT_DATE_FORMAT } from '../constants';
 NP.enableBoundaryChecking(false);
@@ -161,7 +161,7 @@ export var getDateDisplayString = function getDateDisplayString(value, format) {
     return formattedValue;
   }
 
-  var date = moment(value);
+  var date = dayjs(value);
   if (!date.isValid()) return value;
 
   switch (format) {

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.81",
+  "version": "0.1.83",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",
-    "@seafile/seafile-calendar": "0.0.15",
+    "@seafile/seafile-calendar": "^0.0.18",
     "antd-mobile": "^2.3.3",
     "astro-classname": "^2.1.0",
     "bail": "1.0.5",
+    "dayjs": "^1.10.7",
     "deepmerge": "^2.1.0",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
@@ -15,7 +16,6 @@
     "hast-util-sanitize": "^1.1.2",
     "hast-util-to-html": "3.1.0",
     "is-hotkey": "^0.1.6",
-    "moment": "^2.26.0",
     "react": "16.14.0",
     "react-app-polyfill": "^1.0.6",
     "react-dom": "16.14.0",
@@ -31,9 +31,9 @@
     "remark-rehype": "^3.0.0",
     "remark-slug": "^5.0.0",
     "trough": "1.0.5",
-    "xtend": "^4.0.1",
+    "vfile": "2.3.0",
     "x-is-string": "0.1.0",
-    "vfile": "2.3.0"
+    "xtend": "^4.0.1"
   },
   "scripts": {
     "clean:esm": "rm -rf es && mkdir es",