dtable-ui-component 0.3.21 → 0.3.22-beta.2

package/lib/DepartmentSingleSelectFormatter/index.css

@@ -0,0 +1,30 @@
+@import url('../css/cell-formatter.css');
+
+.department-single-select-formatter {
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  width: fit-content !important;
+  padding: 0 8px 0 2px;
+  font-size: 13px;
+  border-radius: 10px;
+  background: #eaeaea;
+}
+
+.department-single-select-formatter .department-avatar-container {
+  width: 18px;
+  height: 18px;
+  background: #ff8000;
+  border-radius: 50%;
+  padding: 2px 2px 3px 2px;
+}
+
+.department-single-select-formatter .department-avatar-container span {
+  font-size: 12px;
+  color: #fff;
+}
+
+.department-single-select-formatter .department-name {
+  margin-left: 4px;
+  flex: 1 1;
+}

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+function DepartmentSingleSelectFormatter(props) {
+  var value = props.value,
+    departments = props.departments,
+    containerClassName = props.containerClassName,
+    tip = props.tip;
+  if (!value) return null;
+  var deletedTip = tip || 'Deleted department';
+  var department = departments.find(function (department) {
+    return department.id === value;
+  });
+  var name = department ? department.name : deletedTip;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "department-avatar-container d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "dtable-font dtable-icon-department-single-selection"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "department-name text-truncate"
+  }, name));
+}
+export default DepartmentSingleSelectFormatter;

package/lib/RowExpandFormatter/index.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import React from 'react';
 import classnames from 'classnames';
-import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, DurationFormatter, ButtonFormatter, RowExpandUrlFormatter, RowExpandEmailFormatter, RowExpandRateFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, RowExpandFormulaFormatter, DigitalSignFormatter } from '../index';
+import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, DurationFormatter, ButtonFormatter, RowExpandUrlFormatter, RowExpandEmailFormatter, RowExpandRateFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, RowExpandFormulaFormatter, DigitalSignFormatter, DepartmentSingleSelectFormatter } from '../index';
 import { CellType } from '../constants';
 import './index.css';
 var EditorFormatter = /*#__PURE__*/function (_React$Component) {
@@ -326,6 +326,13 @@ var EditorFormatter = /*#__PURE__*/function (_React$Component) {
               config: _this.props.config
             });
           }
+        case CellType.DEPARTMENT_SINGLE_SELECT:
+          {
+            return /*#__PURE__*/React.createElement(DepartmentSingleSelectFormatter, {
+              value: cellValue,
+              departments: _this.props.departments
+            });
+          }
         default:
           return null;
       }

package/lib/data/dtable-value.js

@@ -90,6 +90,7 @@ var DTABLE_VALUE = {
         'row_id': 'CU3j3PNyQaetnLWyiizURg',
         'display_value': '第二行'
       }],
+      '9zu5': 1,
       'mFuA': {
         'username': 'bing.an@seafile.com',
         'sign_image_url': '/digital-signs/2023-06/bing.an%40seafile.com-1687316234288.png',
@@ -1259,6 +1260,26 @@ var DTABLE_VALUE = {
         'props': {},
         '_owner': null
       }
+    }, {
+      'key': '9zu5',
+      'name': '部门单选',
+      'type': 'department-single-select',
+      'width': 200,
+      'editable': true,
+      'resizable': true,
+      'frozen': false,
+      'editor': {
+        'key': null,
+        'ref': null,
+        'props': {},
+        '_owner': null
+      },
+      'formatter': {
+        'key': null,
+        'ref': null,
+        'props': {},
+        '_owner': null
+      }
     }],
     'view_structure': {
       'folders': [{
@@ -2688,6 +2709,25 @@ var DTABLE_VALUE = {
     'header_settings': {}
   }]
 };
+var DEPARTMENTS = [{
+  id: 1,
+  id_in_org: 1,
+  name: '海文互知',
+  org_id: -1,
+  parent_id: -1
+}, {
+  id: 2,
+  id_in_org: 2,
+  name: '产品组',
+  org_id: -1,
+  parent_id: 1
+}, {
+  id: 3,
+  id_in_org: 3,
+  name: '研发组',
+  org_id: -1,
+  parent_id: 1
+}];
 var COLLABORATORS = [{
   'avatar_url': 'https://dev.seatable.cn/image-view/avatars/0/0/916e1e9e7c6184061cb7d96a680292/resized/80/de58ef113a311d390934b06ceafd77cf.png',
   'contact_email': '',
@@ -2722,4 +2762,4 @@ var SIGN_CONFIG = {
   workspaceID: 3,
   dtableUuid: '8327efbf-c9ff-4a14-9010-00e801a7e295'
 };
-export { DTABLE_VALUE, COLLABORATORS, SIGN_CONFIG };
+export { DTABLE_VALUE, COLLABORATORS, DEPARTMENTS, SIGN_CONFIG };

package/lib/index.js

@@ -34,6 +34,7 @@ export { default as ImagePreviewerLightbox } from './ImagePreviewerLightbox';
 export { default as CollaboratorItem } from './CollaboratorItem';
 export { default as FileItemFormatter } from './FileItemFormatter';
 export { default as DigitalSignFormatter } from './DigitalSignFormatter';
+export { default as DepartmentSingleSelectFormatter } from './DepartmentSingleSelectFormatter';
 export { default as SimpleLongTextFormatter } from './SimpleLongTextFormatter';
 
 // row expand formatter

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "0.3.21",
+  "version": "0.3.22-beta.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.4",