dtable-ui-component 0.1.101 → 0.2.0

package/lib/DTableRadio/index.css

@@ -0,0 +1,52 @@
+.dtable-radio {
+  user-select: none;
+  cursor: default;
+  display: inline-flex;
+  align-items: center;
+  margin: 0;
+  font-size: 14px;
+}
+
+.dtable-radio .dtable-radio-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0;
+}
+
+.dtable-radio .dtable-radio-indicator {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+  border-radius: 50%;
+  background-color: #ffffff;
+  border: 1px solid #bdbdbd;
+  position: relative;
+}
+
+.dtable-radio .dtable-radio-selected-indicator {
+  background-color: #FF8000;
+  border: unset !important;
+}
+
+.dtable-radio .dtable-radio-selected-indicator::before {
+  display: inline-block;
+  content: '';
+  width: 6px;
+  height: 6px;
+  background-color: #ffffff;
+  position: absolute;
+  left: 5px;
+  top: 5px;
+  border-radius: 50%;
+}
+
+.dtable-radio .dtable-radio-disable {
+  background-color: #f5f5f5;
+}
+
+.dtable-radio .dtable-radio-description {
+  margin-left: .5rem;
+  color: inherit;
+  transition: .3s color;
+  line-height: 16px;
+}

package/lib/DTableRadio/index.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+
+function SeaTableRadio(props) {
+  return /*#__PURE__*/React.createElement("label", {
+    className: "dtable-radio"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "radio",
+    className: "dtable-radio-input",
+    checked: props.isChecked,
+    onChange: props.disabled ? function () {} : props.onCheckedChange,
+    name: props.name,
+    value: props.value
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classnames('dtable-radio-indicator', {
+      'dtable-radio-selected-indicator': props.isChecked,
+      'dtable-radio-disable': props.disabled
+    })
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "dtable-radio-description text-truncate"
+  }, props.label));
+}
+
+SeaTableRadio.defaultProps = {
+  disabled: false,
+  name: 'dtable-radio-input',
+  onCheckedChange: function onCheckedChange() {}
+};
+export default SeaTableRadio;

package/lib/LinkEditor/link-editor-option.js

@@ -89,7 +89,8 @@ var LinkEditorOption = /*#__PURE__*/function (_React$Component) {
         style: optionStyle
       }, /*#__PURE__*/React.createElement("div", {
         className: "option-name",
-        style: optionNameStyle
+        style: optionNameStyle,
+        title: option.name
       }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
         className: "option-remove",
         style: operationStyle,

package/lib/LinkEditor/mb-link-editor-popover/index.js

@@ -91,7 +91,8 @@ var MBLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement("span", {
           className: "mb-option-info"
         }, /*#__PURE__*/React.createElement("span", {
-          className: "option-name"
+          className: "option-name",
+          title: option.name
         }, option.name)), isSelect && /*#__PURE__*/React.createElement("i", {
           className: "mb-option-checked dtable-font dtable-icon-check-mark"
         }));

package/lib/LinkEditor/pc-link-editor-popover/index.js

@@ -93,7 +93,8 @@ var PCLinkEditorPopover = /*#__PURE__*/function (_React$Component) {
         }, /*#__PURE__*/React.createElement("div", {
           className: "option-info"
         }, /*#__PURE__*/React.createElement("div", {
-          className: "option-name"
+          className: "option-name",
+          title: option.name
         }, option.name)), /*#__PURE__*/React.createElement("div", {
           className: "option-checked"
         }, isSelect && /*#__PURE__*/React.createElement("i", {

package/lib/SelectItem/index.js

@@ -47,7 +47,8 @@ var SelectItem = /*#__PURE__*/function (_React$PureComponent) {
       var style = this.getStyle(option, fontSize);
       return /*#__PURE__*/React.createElement("div", {
         className: "dtable-ui select-item",
-        style: style
+        style: style,
+        title: option.name
       }, option.name);
     }
   }]);

package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js

@@ -27,6 +27,7 @@ var DtableMarkdownViewer = /*#__PURE__*/function (_React$PureComponent) {
         var index = appVersionList.findIndex(function (version) {
           return version.indexOf('Chrome') >= 0;
         });
+        if (index === -1) return;
         var chromeVersion = appVersionList[index];
         chromeVersion = parseInt(chromeVersion.slice(chromeVersion.indexOf('/') + 1));
 

package/lib/SingleSelectFormatter/index.js

@@ -50,17 +50,9 @@ var SingleSelectFormatter = /*#__PURE__*/function (_React$PureComponent) {
           containerClassName = _this$props2.containerClassName,
           value = _this$props2.value;
       var classname = cn('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
-
-      if (!value) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: classname
-        });
-      }
-
-      var option = this.getOption();
       return /*#__PURE__*/React.createElement("div", {
         className: classname
-      }, option);
+      }, value ? this.getOption() : '');
     }
   }]);
 

package/lib/select-editor/mb-select-editor-popover/index.js

@@ -110,7 +110,8 @@ var MBSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
           className: "mb-select-item"
         }, /*#__PURE__*/React.createElement("span", {
           className: "item-name",
-          style: style
+          style: style,
+          title: option.name
         }, option.name)), /*#__PURE__*/React.createElement("span", {
           className: "mb-item-checked"
         }, isSelect && /*#__PURE__*/React.createElement("i", {

package/lib/select-editor/pc-select-editor-popover/index.js

@@ -116,7 +116,8 @@ var PCSelectEditorPopover = /*#__PURE__*/function (_React$Component) {
           className: "option-info"
         }, /*#__PURE__*/React.createElement("div", {
           className: "option-name",
-          style: optionStyle
+          style: optionStyle,
+          title: option.name
         }, option.name)), /*#__PURE__*/React.createElement("div", {
           className: "option-checked"
         }, isSelect && /*#__PURE__*/React.createElement("i", {

package/lib/select-editor/select-editor-option.js

@@ -82,7 +82,8 @@ var SelectEditorOption = /*#__PURE__*/function (_React$Component) {
         className: "option-info",
         style: optionStyle
       }, /*#__PURE__*/React.createElement("div", {
-        className: "option-name"
+        className: "option-name",
+        title: option.name
       }, option.name)), isShowRemoveIcon && /*#__PURE__*/React.createElement("div", {
         className: "option-remove",
         style: operationStyle,

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.1.101",
+  "version": "0.2.0",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "0.0.9",
-    "@seafile/seafile-calendar": "^0.0.21",
+    "@seafile/seafile-calendar": "0.0.24",
     "@seafile/seafile-editor": "^0.3.107",
     "antd-mobile": "^2.3.3",
     "astro-classname": "^2.1.0",