@chlp-tech/rpa-ui 0.0.11-beta.2 → 0.0.11-beta.3

package/dist/account-select/index.js

@@ -47,7 +47,7 @@ var AccountSelect = function AccountSelect(props) {
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, []);
   };
   var renderSelectInfo = function renderSelectInfo() {
-    var _props$options;
+    var _props$options, _info$language, _info$language2, _info$language3;
     if (selectedKeys.length <= 0) {
       return null;
     }
@@ -66,10 +66,11 @@ var AccountSelect = function AccountSelect(props) {
       showTooltip: false
     }, info === null || info === void 0 ? void 0 : info.accountName)), /*#__PURE__*/React.createElement("div", {
       className: styles.languageText
-    }, /*#__PURE__*/React.createElement(TextEllipsis, {
-      lines: 1,
-      showTooltip: false
-    }, (info === null || info === void 0 ? void 0 : info.remark) || '--')));
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      title: info !== null && info !== void 0 && info.language && (info === null || info === void 0 || (_info$language = info.language) === null || _info$language === void 0 ? void 0 : _info$language.length) > 4 ? info.language : ''
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.userBox
+    }, info !== null && info !== void 0 && info.language && (info === null || info === void 0 || (_info$language2 = info.language) === null || _info$language2 === void 0 ? void 0 : _info$language2.length) > 4 ? "".concat(info === null || info === void 0 || (_info$language3 = info.language) === null || _info$language3 === void 0 ? void 0 : _info$language3.slice(0, 4), "...") : (info === null || info === void 0 ? void 0 : info.language) || '--'))));
   };
   var renderAccountView = function renderAccountView() {
     return /*#__PURE__*/React.createElement("div", {
@@ -86,7 +87,9 @@ var AccountSelect = function AccountSelect(props) {
     }, placeholder), selectedKeys.length > 0 && (props.renderSelectStatus ? props.renderSelectStatus(selectedKeys) : renderSelectInfo())), /*#__PURE__*/React.createElement("img", {
       src: (selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0 ? UpIcon : DownIcon,
       alt: "",
-      onClick: function onClick() {
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        e.preventDefault();
         if ((selectedKeys === null || selectedKeys === void 0 ? void 0 : selectedKeys.length) > 0) {
           handleClearAll === null || handleClearAll === void 0 || handleClearAll();
         }
@@ -208,7 +211,7 @@ var AccountSelectList = function AccountSelectList(props) {
     gutter: [32, 32]
   }, (_props$accounts = props.accounts) === null || _props$accounts === void 0 ? void 0 : _props$accounts.map(function (account, index) {
     return /*#__PURE__*/React.createElement(Col, {
-      span: 8,
+      span: props.colSpan || 8,
       key: index
     }, /*#__PURE__*/React.createElement(AccountSelect, _extends({}, account, {
       onChange: function onChange(values) {

package/dist/account-select/index.module.less

@@ -32,10 +32,14 @@
       }
 
       .languageText {
+        width: max-content;
+        background: #E9F1FF;
+        border-radius: 4px;
+        border: 1px solid #004FD3;
+        padding: 4px 8px;
+
         font-size: 12px;
-        color: #9EA7B5;
-        flex: 1;
-        max-width: 33%;
+        color: #004FD3;
       }
     }
   }

package/dist/account-select/type.d.ts

@@ -37,7 +37,7 @@ export interface IAccountSelectProps {
      * 自定义渲染选择之后的视图
      * @param values
      */
-    renderSelectStatus: (values: (string | number)[]) => ReactElement;
+    renderSelectStatus?: (values: (string | number)[]) => ReactElement;
 }
 export interface IAccountOptionModel {
     /**
@@ -69,10 +69,12 @@ export interface IAccountOptionModel {
      */
     disabled?: boolean;
 }
+export interface IAccountGroupAccounts extends IAccountSelectProps {
+    key: string;
+}
 export interface IAccountListProps {
-    accounts: (IAccountSelectProps & {
-        key: string;
-    })[];
+    accounts: IAccountGroupAccounts[];
+    colSpan?: number;
     onChange?: (selected: {
         [key: string]: string[];
     }) => void;

package/package.json

@@ -1,9 +1,23 @@
 {
   "name": "@chlp-tech/rpa-ui",
-  "version": "0.0.11-beta.2",
+  "version": "0.0.11-beta.3",
   "description": "rpa-ui",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "scripts": {
+    "start": "npm run dev",
+    "dev": "dumi dev",
+    "build": "father build",
+    "build:watch": "father dev",
+    "docs:build": "dumi build",
+    "docs:preview": "dumi preview",
+    "prepare": "husky install && dumi setup",
+    "doctor": "father doctor",
+    "lint": "npm run lint:es && npm run lint:css",
+    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
+    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\"",
+    "prepublishOnly": "father doctor && npm run build"
+  },
   "authors": [],
   "license": "MIT",
   "files": [
@@ -66,17 +80,5 @@
     "dayjs": "^1.11.13",
     "js-md5": "^0.8.3",
     "styled-components": "^6.1.12"
-  },
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "dumi dev",
-    "build": "father build",
-    "build:watch": "father dev",
-    "docs:build": "dumi build",
-    "docs:preview": "dumi preview",
-    "doctor": "father doctor",
-    "lint": "npm run lint:es && npm run lint:css",
-    "lint:css": "stylelint \"{src,test}/**/*.{css,less}\"",
-    "lint:es": "eslint \"{src,test}/**/*.{js,jsx,ts,tsx}\""
   }
-}
+}