@para-ui/core 3.0.33 → 3.0.35

package/AutoTips/index.js

@@ -3,13 +3,14 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
 import { Tooltip } from '../Tooltip/index.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
+import { isIE } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 文字隐藏...\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-auto-tips {\n  max-width: 100%;\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips > .auto-tips-content {\n  display: inline;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.paraui-v3-auto-tips.paraui-v3-auto-tips-safari > .auto-tips-content::before {\n  content: \"\";\n  display: block;\n}\n\n.paraui-v3-auto-tips-tooltip .component-tooltip-inner {\n  max-height: calc(100vh - 25px);\n  overflow: auto;\n}";
 styleInject(css_248z);
 
 var AutoTips = function AutoTips(props) {
@@ -42,11 +43,26 @@ var AutoTips = function AutoTips(props) {
     var val = '';
     var tipsEle = tipsElm.current;
     var tipsEleRect = tipsEle.getBoundingClientRect();
-    if (tipsElm.current && tipsEle.scrollWidth > tipsEleRect.width) {
-      if (tips) {
-        val = tips;
+    var textEleRect = textElm.current.getBoundingClientRect();
+    if (tipsElm.current) {
+      if (isIE()) {
+        if (tipsEleRect.width > textEleRect.width) {
+          if (tips) {
+            val = tips;
+          } else {
+            val = beyondText ? tipsEle.innerText : children;
+          }
+        }
       } else {
-        val = beyondText ? tipsEle.innerText : children;
+        // mac：safari,firefox,chrome
+        // windows: firefox,chrome
+        if (textEleRect.width > tipsEleRect.width) {
+          if (tips) {
+            val = tips;
+          } else {
+            val = beyondText ? tipsEle.innerText : children;
+          }
+        }
       }
     }
     setTTips(val);
@@ -56,9 +72,17 @@ var AutoTips = function AutoTips(props) {
     if (tipMaxWidth) return tipMaxWidth;
     return tipsElm && tipsElm.current ? tipsElm.current.offsetWidth : 0;
   };
+  // 判断浏览器是否是safari
+  var isSafari = function isSafari() {
+    var userAgent = navigator.userAgent;
+    if (userAgent.indexOf("Safari") > -1) {
+      return true;
+    }
+  };
   // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-auto-tips';
+    if (isSafari()) str += ' ' + $prefixCls + '-auto-tips-safari';
     if (className) str += ' ' + className;
     return str;
   };

package/Breadcrumbs/index.js

@@ -15,6 +15,7 @@ import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '../_verture/usePopupContainer-87febeb9.js';
+import '@paraview/lib';
 import '@para-ui/core/GlobalContext';
 
 var en = {

package/ComboSelect/index.js

@@ -8,7 +8,7 @@ import SearchIcon from '@para-ui/icons/Search';
 import CloseIcon from '@para-ui/icons/Close';
 import CloseCircle from '@para-ui/icons/CloseCircle';
 import Table from '../Table/index.js';
-import { T as Tree } from '../_verture/index-e836322d.js';
+import { T as Tree } from '../_verture/index-c50e7727.js';
 import { Button } from '../Button/index.js';
 import { D as Dropdown } from '../_verture/index-be4faaee.js';
 import { Popover } from '../Popover/index.js';

package/Form/index.js

@@ -3,7 +3,7 @@ import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
 import { jsx } from 'react/jsx-runtime';
 import { DeepClone } from '@paraview/lib';
 import React__default from 'react';
-import { F as FormItem, v as validate } from '../_verture/index-c5be57f2.js';
+import { F as FormItem, v as validate } from '../_verture/index-291a16a8.js';
 import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import '../TextField/index.js';
 import '../_verture/typeof-498dd2b1.js';
@@ -68,7 +68,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-e836322d.js';
+import '../_verture/index-c50e7727.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/FormItem/index.js

@@ -1,6 +1,6 @@
 import 'react/jsx-runtime';
 import 'react';
-export { F as default } from '../_verture/index-c5be57f2.js';
+export { F as default } from '../_verture/index-291a16a8.js';
 import 'clsx';
 import '../Label/index.js';
 import '../_verture/constant-66aa48a1.js';
@@ -68,7 +68,7 @@ import '@para-ui/icons/Left';
 import 'rc-pagination';
 import '@para-ui/icons/Right';
 import '@para-ui/icons/DoubleRight';
-import '../_verture/index-e836322d.js';
+import '../_verture/index-c50e7727.js';
 import 'rc-tree';
 import '@para-ui/icons/Document';
 import 'react-dom';

package/README.md

@@ -1,3 +1,13 @@
+## 版本: 3.0.35
+
+     para-ui/core@3.0.35 发布
+        【选择器-Selector】增加tagStyle，自定义标签样式
+
+## 版本: 3.0.34
+
+     para-ui/core@3.0.34 发布
+        【超出省略-AutoTips】修改计算方式，兼容mac: safari,firefox,chrome,windows: IE, firefox,chrome
+
 ## 版本: 3.0.33
 
      para-ui/core@3.0.33 发布

package/Selector/index.js

@@ -87,6 +87,7 @@ var SelectorNode = function SelectorNode(props) {
     mainTitle = props.mainTitle,
     subTitle = props.subTitle,
     tag = props.tag,
+    tagStyle = props.tagStyle,
     detail = props.detail,
     detailRender = props.detailRender,
     leftRender = props.leftRender,
@@ -243,7 +244,8 @@ var SelectorNode = function SelectorNode(props) {
             children: subTitle
           })
         })), tag && jsx("span", Object.assign({
-          className: "tag"
+          className: "tag",
+          style: tagStyle
         }, {
           children: tag
         }))]
@@ -263,7 +265,8 @@ var SelectorNode = function SelectorNode(props) {
               children: mainTitle
             })
           })), tag && jsx("span", Object.assign({
-            className: "tag"
+            className: "tag",
+            style: tagStyle
           }, {
             children: tag
           }))]
@@ -547,7 +550,7 @@ var SelectorMainContent = function SelectorMainContent(props) {
     /** 节点类型 */
     if (item.leaf !== undefined) json.nodeMode = item.leaf ? 'leaf' : 'branch';
     /** 渲染字段 */
-    var arr = ['img', 'mainTitle', 'subTitle', 'tag'];
+    var arr = ['img', 'mainTitle', 'subTitle', 'tag', 'tagStyle'];
     for (var i = 0, l = arr.length; i < l; i++) {
       var key = arr[i];
       json[key] = item[key];
@@ -980,7 +983,8 @@ var SelectorData = function SelectorData(props) {
       onClose: function onClose() {
         return _onClose && _onClose(item, index);
       },
-      disabled: handDisabled(itemConfig)
+      disabled: handDisabled(itemConfig),
+      tagStyle: item.tagStyle
     };
     if (selectRenderItem) {
       json.leftRender = function () {

package/Selector/interface.d.ts

@@ -61,6 +61,8 @@ export interface SelectorAnyJson {
     subTitle?: ReactNode;
     /** 标签 */
     tag?: ReactNode;
+    /** 标签样式 */
+    tagStyle?: React.CSSProperties;
     /** 下级字段 */
     children?: SelectorAnyJson[];
     /** 禁用 */
@@ -168,6 +170,8 @@ export interface SelectorNodeProps {
     subTitle?: ReactNode;
     /** 标签 */
     tag?: ReactNode;
+    /** 标签样式 */
+    tagStyle?: React.CSSProperties;
     /** 详情 */
     detail?: boolean;
     /** 详情渲染 */

package/Tag/index.js

@@ -14,6 +14,7 @@ import Plus from '@para-ui/icons/Plus';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
+import '@paraview/lib';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2022/1/12 上午9:43\n* @description\n*/\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-tag {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  height: 24px;\n  margin: 0 8px 8px 0;\n  padding: 0 12px;\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n  white-space: nowrap;\n  background: rgba(171, 176, 185, 0.2);\n  border-radius: 4px;\n  /*&.paraui-v3-tag-small {\n    line-height: 24px;\n\n    &.paraui-v3-tag-bordered {\n      line-height: 22px;\n    }\n  }*/\n}\n.paraui-v3-tag.paraui-v3-tag-bordered {\n  border: 1px solid rgba(171, 176, 185, 0.2);\n  line-height: 22px;\n}\n.paraui-v3-tag.paraui-v3-tag-large {\n  line-height: 28px;\n}\n.paraui-v3-tag.paraui-v3-tag-large.paraui-v3-tag-bordered {\n  line-height: 26px;\n}\n.paraui-v3-tag > svg {\n  color: inherit;\n  font-size: 16px;\n}\n.paraui-v3-tag .tag-close-icon {\n  margin-left: 4px;\n  color: inherit;\n  font-size: 16px;\n  cursor: pointer;\n}\n.paraui-v3-tag .tag-close-icon:hover {\n  color: inherit;\n}\n.paraui-v3-tag > svg + .paraui-v3-auto-tips {\n  margin-left: 4px;\n}\n.paraui-v3-tag.paraui-v3-tag-has-color, .paraui-v3-tag.paraui-v3-tag-has-color svg, .paraui-v3-tag.paraui-v3-tag-has-color svg:hover {\n  color: inherit;\n}\n.paraui-v3-tag.paraui-v3-tag-blue {\n  color: rgb(54, 102, 214);\n  background-color: rgba(54, 102, 214, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-green {\n  color: rgb(83, 195, 27);\n  background-color: rgba(83, 195, 27, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-yellow {\n  color: rgb(255, 161, 80);\n  background-color: rgba(255, 161, 80, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-red {\n  color: rgb(235, 96, 84);\n  background-color: rgba(235, 96, 84, 0.05);\n}\n.paraui-v3-tag.paraui-v3-tag-hidden {\n  display: none;\n}\n\n.paraui-v3-tag-group {\n  display: flex;\n  align-items: center;\n  flex-flow: row wrap;\n}\n.paraui-v3-tag-group .tag-group-input {\n  width: 78px;\n  height: 24px;\n  align-self: flex-start;\n  font-size: 12px;\n  color: rgb(46, 55, 67);\n  text-indent: 8px;\n  border: 1px solid rgba(171, 176, 185, 0.4);\n  border-radius: 4px;\n}\n.paraui-v3-tag-group .tag-group-input .tag-group-input-large {\n  height: 28px;\n}\n.paraui-v3-tag-group .tag-group-new .tag-group-new-icon {\n  padding: 0 5px;\n}";
 styleInject(css_248z);

package/Tree/index.js

@@ -1,5 +1,5 @@
-import { T as Tree } from '../_verture/index-e836322d.js';
-export { T as default } from '../_verture/index-e836322d.js';
+import { T as Tree } from '../_verture/index-c50e7727.js';
+export { T as default } from '../_verture/index-c50e7727.js';
 import '../_verture/toConsumableArray-87c7d895.js';
 import '../_verture/slicedToArray-77980792.js';
 import '../_verture/defineProperty-62acccfc.js';

package/index.js

@@ -20,7 +20,7 @@ export { Drawer } from './Drawer/index.js';
 export { D as Dropdown } from './_verture/index-be4faaee.js';
 export { default as Empty } from './Empty/index.js';
 export { default as Form } from './Form/index.js';
-export { F as FormItem } from './_verture/index-c5be57f2.js';
+export { F as FormItem } from './_verture/index-291a16a8.js';
 export { u as FunctionModal, F as FunctionModalProvider, a as useClose } from './_verture/modalContext-c749e1c6.js';
 export { default as GlobalContext, changeConfirmLocale, getConfirmLocale } from './GlobalContext/index.js';
 export { default as Help } from './Help/index.js';
@@ -68,7 +68,7 @@ export { Title } from './Title/index.js';
 export { ToggleButton, ToggleButtonGroup } from './ToggleButton/index.js';
 export { Tooltip } from './Tooltip/index.js';
 export { SSortablejs, Transfer } from './Transfer/index.js';
-export { T as Tree } from './_verture/index-e836322d.js';
+export { T as Tree } from './_verture/index-c50e7727.js';
 export { default as Upload } from './Upload/index.js';
 import './_verture/slicedToArray-77980792.js';
 import 'react/jsx-runtime';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "3.0.33",
+  "version": "3.0.35",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",
@@ -162,7 +162,7 @@
       "http://192.168.3.1:10000",
       "http://192.168.2.83:10000",
       "http://10.10.2.48:10000",
-      "http://10.10.2.252:80"
+      "http://10.10.2.252:10000"
     ]
   }
 }