@para-ui/core 4.0.0-rc → 4.0.0-rc.1

package/_verture/{index-e1b800aa.js → index-92e406f4.js}

@@ -21,6 +21,7 @@ import { Forbid } from '@para-ui/icons';
 import { $ as $prefixCls } from './constant-0d9802f7.js';
 import LoadingOutlined from '@para-ui/icons/LoadingF';
 import AutoTips from '../AutoTips/index.js';
+import { u as useFormatMessage } from './useFormatMessage-703f8b20.js';
 import { UUID } from '@paraview/lib';
 import { s as styleInject } from './style-inject.es-300983ab.js';
 
@@ -9743,7 +9744,22 @@ if (process.env.NODE_ENV !== 'production') {
   CacheContent.displayName = 'CacheContent';
 }
 
-var FIX_LABEL = "__cascader_fix_label__";
+var en = {
+  placeholder: 'Please Choose',
+  disableTilte: 'Disable'
+};
+
+var zh = {
+  placeholder: '请选择',
+  disableTilte: '禁用'
+};
+
+var localeJson = {
+  zh: zh,
+  en: en
+};
+
+var FIX_LABEL = '__cascader_fix_label__';
 function Column(_ref) {
   var prefixCls = _ref.prefixCls,
     options = _ref.options,
@@ -9771,7 +9787,8 @@ function Column(_ref) {
     menuMaxHight = _React$useContext.menuMaxHight,
     menuWidth = _React$useContext.menuWidth,
     loading = _React$useContext.loading;
-  var hoverOpen = expandTrigger === "hover";
+  var hoverOpen = expandTrigger === 'hover';
+  var intl = useFormatMessage('OptionList', localeJson);
   // ============================ Option ============================
   var optionInfoList = React$4.useMemo(function () {
     return options.map(function (option) {
@@ -9860,19 +9877,21 @@ function Column(_ref) {
               onSelect(fullPath, isMergedLeaf);
             }
           };
-          if (typeof option.title === "string") {
+          if (typeof option.title === 'string') {
             option.title;
           }
           var disabledTooltipTitle = function disabledTooltipTitle() {
             var svgObj = {
-              marginRight: "4px",
-              fontSize: "11px",
-              color: "inherit"
+              marginRight: '4px',
+              fontSize: '11px',
+              color: 'inherit'
             };
             return jsxs("span", {
               children: [jsx(Forbid, {
                 style: svgObj
-              }), disableTitle || "禁用"]
+              }), disableTitle || intl({
+                id: 'disableTilte'
+              })]
             });
           };
           // >>>>> Render
@@ -9908,7 +9927,7 @@ function Column(_ref) {
           }, {
             children: [disabled ? jsx(Tooltip, Object.assign({
               arrow: false,
-              placement: "topLeft",
+              placement: 'topLeft',
               title: disabledTooltipTitle()
             }, {
               children: jsx("div", Object.assign({
@@ -9961,7 +9980,9 @@ var useActive = (function () {
       setActiveValueCells(firstValueCells || []);
     }
   }, /* eslint-disable react-hooks/exhaustive-deps */
-  [open]);
+  [open]
+  /* eslint-enable react-hooks/exhaustive-deps */);
+
   return [activeValueCells, setActiveValueCells];
 });
 
@@ -9977,7 +9998,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     direction = _useBaseProps.direction,
     open = _useBaseProps.open;
   var containerRef = React$4.useRef();
-  var rtl = direction === "rtl";
+  var rtl = direction === 'rtl';
   var _React$useContext = React$4.useContext(CascaderContext),
     options = _React$useContext.options,
     values = _React$useContext.values,
@@ -10060,7 +10081,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var onPathSelect = function onPathSelect(valuePath, leaf) {
     var fromKeyboard = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     onSelect(valuePath);
-    if (!multiple && (leaf || changeOnSelect && (expandTrigger === "hover" || fromKeyboard))) {
+    if (!multiple && (leaf || changeOnSelect && (expandTrigger === 'hover' || fromKeyboard))) {
       toggleOpen(false);
     }
   };
@@ -10110,7 +10131,7 @@ var RefOptionList = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   // ========================== Render ==========================
   // >>>>> Empty
   var isEmpty = !((_b = (_a = optionColumns[0]) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.length);
-  var emptyList = [(_ref3 = {}, _defineProperty(_ref3, fieldNames.value, "__EMPTY__"), _defineProperty(_ref3, FIX_LABEL, notFoundContent), _defineProperty(_ref3, "disabled", true), _ref3)];
+  var emptyList = [(_ref3 = {}, _defineProperty(_ref3, fieldNames.value, '__EMPTY__'), _defineProperty(_ref3, FIX_LABEL, notFoundContent), _defineProperty(_ref3, "disabled", true), _ref3)];
   var columnProps = Object.assign(Object.assign({}, props), {
     multiple: !isEmpty && multiple,
     onSelect: onPathSelect,
@@ -10166,6 +10187,7 @@ function toRawValues(value) {
   });
 }
 var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
+  var intl = useFormatMessage('Cascader', localeJson);
   var id = props.id,
     _props$prefixCls = props.prefixCls,
     prefixCls = _props$prefixCls === void 0 ? "".concat($prefixCls, "-cascader") : _props$prefixCls,
@@ -10194,13 +10216,15 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     expandIcon = _props$expandIcon === void 0 ? jsx(Right, {}) : _props$expandIcon,
     loadingIcon = props.loadingIcon,
     _props$placeholder = props.placeholder,
-    placeholder = _props$placeholder === void 0 ? "请选择" : _props$placeholder,
+    placeholder = _props$placeholder === void 0 ? intl({
+      id: 'placeholder'
+    }) : _props$placeholder,
     _props$allClear = props.allClear,
     allClear = _props$allClear === void 0 ? true : _props$allClear,
     _props$menuMaxHight = props.menuMaxHight,
     menuMaxHight = _props$menuMaxHight === void 0 ? 158 : _props$menuMaxHight,
     _props$expandJoin = props.expandJoin,
-    expandJoin = _props$expandJoin === void 0 ? "/" : _props$expandJoin,
+    expandJoin = _props$expandJoin === void 0 ? '/' : _props$expandJoin,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
     loading = props.loading,
@@ -10251,7 +10275,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     dropdownVisible = _React$useState4[0],
     setDropdownVisible = _React$useState4[1]; // dropDown显示状态
-  var _React$useState5 = React$4.useState("auto"),
+  var _React$useState5 = React$4.useState('auto'),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     menuWidth = _React$useState6[0],
     setMenuWidth = _React$useState6[1]; //下拉框的宽度
@@ -10325,7 +10349,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   });
   // Display Value change logic
   var onDisplayValuesChange = function onDisplayValuesChange(_, info) {
-    if (info.type === "clear") {
+    if (info.type === 'clear') {
       triggerChange([]);
       return;
     }
@@ -10399,9 +10423,9 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [open, popupVisible]); // dropDownVisible
   // 监听屏幕宽度
   React$4.useEffect(function () {
-    window.addEventListener("resize", handleCalcMenuWidth);
+    window.addEventListener('resize', handleCalcMenuWidth);
     return function () {
-      window.removeEventListener("resize", handleCalcMenuWidth);
+      window.removeEventListener('resize', handleCalcMenuWidth);
     };
   }, []);
   React$4.useEffect(function () {
@@ -10411,7 +10435,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   }, [options, loading]);
   var handleClear = function handleClear(e) {
     e.stopPropagation();
-    setInputLable("");
+    setInputLable('');
     onChange && onChange([], []);
     setDropdownVisible(false);
     cascaderContext.values = [];
@@ -10481,7 +10505,7 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
   var dropdownStyle =
   // Empty keep the width
   emptyOptions ? {} : {
-    minWidth: "auto"
+    minWidth: 'auto'
   };
   return jsx(CascaderContext.Provider, Object.assign({
     value: cascaderContext
@@ -10496,9 +10520,9 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
       dropdownStyle: dropdownStyle,
       // Search
       showSearch: false,
-      searchValue: "",
+      searchValue: '',
       onSearch: function onSearch() {
-        console.log("not search");
+        console.log('not search');
       },
       // Value
       displayValues: displayValues,
@@ -10518,8 +10542,8 @@ var Cascader = /*#__PURE__*/React$4.forwardRef(function (props, ref) {
     }))
   }));
 });
-if (process.env.NODE_ENV !== "production") {
-  Cascader.displayName = "Cascader";
+if (process.env.NODE_ENV !== 'production') {
+  Cascader.displayName = 'Cascader';
 }
 Cascader.SHOW_PARENT = SHOW_PARENT;
 Cascader.SHOW_CHILD = SHOW_CHILD;

package/_verture/{index-47297a40.js → index-bc461491.js}

@@ -274,25 +274,25 @@ var getIconMap = function getIconMap(intl) {
     add: {
       icon: jsx(AddOutlinedIcon, {}),
       text: intl({
-        id: "add"
+        id: 'add'
       })
     },
     edit: {
       icon: jsx(EditOutlinedIcon, {}),
       text: intl({
-        id: "edit"
+        id: 'edit'
       })
     },
     enable: {
       icon: jsx(Forbid, {}),
       text: intl({
-        id: "disabled"
+        id: 'disabled'
       })
     },
     del: {
       icon: jsx(Delete, {}),
       text: intl({
-        id: "delete"
+        id: 'delete'
       })
     }
   };
@@ -310,10 +310,10 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
   var arr = [];
   Object.keys(actions).forEach(function (k) {
     var aItem = actions[k];
-    if (k !== "customizeActions") {
+    if (k !== 'customizeActions') {
       //非自定义
-      if (_typeof(aItem) === "object") {
-        if (typeof aItem.show === "function") {
+      if (_typeof(aItem) === 'object') {
+        if (typeof aItem.show === 'function') {
           if (aItem.show(nodeData)) arr.push(Object.assign(Object.assign(Object.assign({}, IconMap[k]), aItem), {
             action: k
           }));
@@ -322,7 +322,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
             action: k
           }));
         }
-      } else if (typeof aItem === "function") {
+      } else if (typeof aItem === 'function') {
         if (aItem(nodeData)) {
           arr.push(Object.assign(Object.assign({}, IconMap[k]), {
             action: k
@@ -336,7 +336,7 @@ var toActionArr = function toActionArr(actions, nodeData, IconMap) {
     } else if (Array.isArray(aItem) && aItem.length) {
       //自定义按钮
       aItem.forEach(function (_) {
-        if (typeof _.show === "function") {
+        if (typeof _.show === 'function') {
           if (_.show(nodeData)) {
             arr.push(_);
           }
@@ -354,7 +354,7 @@ var OperateBar = function OperateBar(props) {
     showActions = props.showActions,
     onRemove = props.onRemove;
   var portalRef = useRef(null); //portal
-  var uidRef = useRef(UUID().replace(/-/g, "")); //portal uid
+  var uidRef = useRef(UUID().replace(/-/g, '')); //portal uid
   var _useState = useState({}),
     _useState2 = _slicedToArray(_useState, 2),
     nodeData = _useState2[0],
@@ -368,11 +368,11 @@ var OperateBar = function OperateBar(props) {
     hasPortal = _useState6[0],
     setHasPortal = _useState6[1]; //创建插槽portal
   var opRefCurrent = opRef.current;
-  var intl = useFormatMessage("Tree", localeJson);
+  var intl = useFormatMessage('Tree', localeJson);
   //扇形位置
   var getPosition = function getPosition(length, deg) {
-    var left = Math.round(Math.sin(Math.PI / 180 * deg) * length) + "px";
-    var top = -Math.round(Math.cos(Math.PI / 180 * deg) * length + 12) + "px";
+    var left = "".concat(Math.round(Math.sin(Math.PI / 180 * deg) * length), "px");
+    var top = "".concat(-Math.round(Math.cos(Math.PI / 180 * deg) * length + 12), "px");
     return {
       left: left,
       top: top
@@ -425,7 +425,7 @@ var OperateBar = function OperateBar(props) {
   var sectorAndRotate = function sectorAndRotate() {
     var _a;
     var portal = document.getElementById(uidRef.current);
-    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
     var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
     var parentContainer = container === null || container === void 0 ? void 0 : container.parentNode;
     var r = calcRadius(items.length);
@@ -448,7 +448,7 @@ var OperateBar = function OperateBar(props) {
   var sectorAndRotateReverse = function sectorAndRotateReverse() {
     var _a, _b;
     var portal = document.getElementById(uidRef.current);
-    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName("sector-item-container")) === null || _a === void 0 ? void 0 : _a[0];
+    var container = (_a = portal === null || portal === void 0 ? void 0 : portal.getElementsByClassName('sector-item-container')) === null || _a === void 0 ? void 0 : _a[0];
     var items = (container === null || container === void 0 ? void 0 : container.childNodes) || [];
     for (var i = 0; i < items.length; i++) {
       var item = items[i];
@@ -499,8 +499,8 @@ var OperateBar = function OperateBar(props) {
         title: text
       }, {
         children: jsx("li", Object.assign({
-          className: clsx("sector-item", {
-            "sector-item--del": action === "del"
+          className: clsx('sector-item', {
+            'sector-item--del': action === 'del'
           }),
           onClick: function onClick(evt) {
             return handleNodeActions(nodeData, action, evt);
@@ -523,10 +523,10 @@ var OperateBar = function OperateBar(props) {
     var createPortal = function createPortal() {
       var portal = document.getElementById(uidRef.current);
       if (!portal) {
-        portal = document.createElement("div");
+        portal = document.createElement('div');
         portal.id = uidRef.current;
-        portal.style.position = "fixed";
-        portal.style.top = "-9999px";
+        portal.style.position = 'fixed';
+        portal.style.top = '-9999px';
         portal.style.zIndex = 1500;
         document.body.appendChild(portal);
         setHasPortal(true);
@@ -571,17 +571,17 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     _props$params = props.params,
     params = _props$params === void 0 ? null : _props$params,
     _props$method = props.method,
-    method = _props$method === void 0 ? "GET" : _props$method,
+    method = _props$method === void 0 ? 'GET' : _props$method,
     headers = props.headers,
     requestCallback = props.requestCallback,
     refresh = props.refresh,
     _props$replaceFields = props.replaceFields,
     replaceFields = _props$replaceFields === void 0 ? {
-      key: "key",
-      parentId: "parentId",
-      children: "children",
-      title: "title",
-      loadKey: "key"
+      key: 'key',
+      parentId: 'parentId',
+      children: 'children',
+      title: 'title',
+      loadKey: 'key'
     } : _props$replaceFields,
     originTreeData = props.treeData,
     className = props.className,
@@ -654,7 +654,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var treeOriDataRef = useRef([]); //tree origin data
   var nPageSize = Object.assign(Object.assign({}, defaultPageSize), pageSize);
   var halfCheckedKeys = useRef([]); //半选keys
-  var intl = useFormatMessage("Tree", localeJson);
+  var intl = useFormatMessage('Tree', localeJson);
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
     loading = _useState8[0],
@@ -701,7 +701,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       //加载更多节点
       return jsx("span", Object.assign({
         className: "".concat($prefixCls, "-tree-title-wrapper"),
-        title: ""
+        title: ''
       }, {
         children: jsx(AutoTips, Object.assign({
           placement: "top-start",
@@ -716,13 +716,13 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onMouseEnter: handleTreeNodeMEnter,
       onMouseLeave: handleTreeNodeMLeave,
       onClick: handleTreeNodeClick,
-      title: blockNode ? "" : undefined
+      title: blockNode ? '' : undefined
     }, {
       children: [jsx(AutoTips, Object.assign({
         tipMaxWidth: tipMaxWidth,
         placement: "top-start"
       }, {
-        children: typeof titleRender === "function" ? titleRender(nodeData) : nodeData.title
+        children: typeof titleRender === 'function' ? titleRender(nodeData) : nodeData.title
       })), !!showActions && jsx("div", Object.assign({
         className: "sector-anchor",
         onMouseEnter: function onMouseEnter(evt) {
@@ -808,9 +808,9 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var showSector = function showSector(anchorEl, nodeData) {
     var _a, _b;
     var portalRoot = document.getElementById(opRef.current.uid);
-    anchorEl.classList.add("sector-anchor--active");
+    anchorEl.classList.add('sector-anchor--active');
     if (portalRoot) {
-      var container = portalRoot.querySelector(".sector-container");
+      var container = portalRoot.querySelector('.sector-container');
       if (container) {
         (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, nodeData, true);
       }
@@ -820,7 +820,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var removeSector = function removeSector(anchorEl) {
     var _a, _b;
     if (anchorEl) {
-      anchorEl.classList.remove("sector-anchor--active");
+      anchorEl.classList.remove('sector-anchor--active');
       (_b = (_a = opRef.current) === null || _a === void 0 ? void 0 : _a.onShowSector) === null || _b === void 0 ? void 0 : _b.call(_a, {}, false);
     }
   };
@@ -852,7 +852,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     if (radioable) {
       //单选
       var node = e.node;
-      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : "key";
+      var key = (_a = replaceFields.key) !== null && _a !== void 0 ? _a : 'key';
       if (e.checked) temp = [node[key]];
     } else if (checkStrictly) {
       //严格模式
@@ -863,14 +863,14 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       temp = checkedKeys;
       halfChecked = e.halfCheckedKeys;
     }
-    if (!("checkedKeys" in props)) {
+    if (!('checkedKeys' in props)) {
       setInCheckedKeys(temp);
     }
     onCheck === null || onCheck === void 0 ? void 0 : onCheck(temp, e, halfChecked);
   };
   //展开节点
   var internalExpand = function internalExpand(expandedKeys, e) {
-    if (!("expandedKeys" in props)) {
+    if (!('expandedKeys' in props)) {
       setInExpandedKeys(_toConsumableArray(expandedKeys));
     }
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(expandedKeys, e);
@@ -896,7 +896,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
               url: url,
               ctx: ctx,
               method: m
-            }, m === "GET" ? "params" : "data", tParams || {});
+            }, m === 'GET' ? 'params' : 'data', tParams || {});
             if (headers) opts.headers = headers;
             _context.next = 9;
             return Request(opts);
@@ -925,7 +925,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     return {
       key: String((Math.random() * 1000000 | 0) + Date.now()),
       title: intl({
-        id: "loadMore"
+        id: 'loadMore'
       }),
       checkable: false,
       disableCheckbox: true,
@@ -950,7 +950,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   //更新tree数据
   var updateTreeData = function updateTreeData(list, key, children, moreFlag) {
     //root节点
-    if (key === "ROOT_KEY") {
+    if (key === 'ROOT_KEY') {
       list.pop(); //删除加载更多节点
       return list.concat(children);
     }
@@ -999,7 +999,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
             case 3:
               //当前节点key
               tKey = key; //参数动态字段
-              loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : "key"; //加载节点时参数
+              loadKey = (_a = replaceFields.loadKey) !== null && _a !== void 0 ? _a : 'key'; //加载节点时参数
               loadParams = Object.assign(_defineProperty({}, loadKey, tKey), params); //是否分页
               if (pagination) {
                 if (moreFlag) {
@@ -1007,7 +1007,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
                   tKey = parentId;
                   treeMapRef.current[tKey].page += 1;
                   loadParams[loadKey] = tKey;
-                  if (tKey === "ROOT_KEY") {
+                  if (tKey === 'ROOT_KEY') {
                     //根节点加载更多，不需要key
                     delete loadParams[loadKey];
                   }
@@ -1073,7 +1073,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     //计算分页，是否显示加载更多
     if (page * size < total) {
       var loadMoreData = getLoadMoreData();
-      loadMoreData.parentId = parentId || "ROOT_KEY";
+      loadMoreData.parentId = parentId || 'ROOT_KEY';
       loadMoreData.title = renderLoadMoreNode(loadMoreData);
       newTreeData.push(loadMoreData);
     }
@@ -1236,7 +1236,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       var searchKey = _ref2.searchKey,
         searchValue = _ref2.searchValue;
       if (!searchKey) return;
-      if (searchValue === "") {
+      if (searchValue === '') {
         setTreeData(treeOriDataRef.current);
         var tKeys = expandedKeys || defaultExpandedKeys;
         setInExpandedKeys(_toConsumableArray(tKeys || []));
@@ -1276,7 +1276,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     style: props.style
   }, {
     children: notFoundContent !== null && notFoundContent !== void 0 ? notFoundContent : jsx(Empty, Object.assign({
-      size: "small"
+      size: 'small'
     }, emptyProps))
   }));
   //tree memo
@@ -1316,7 +1316,7 @@ var Tree = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
       onExpand: internalExpand,
       icon: function icon(nodeProps) {
         if (_icon) {
-          return typeof _icon === "function" ? _icon(nodeProps) : _icon;
+          return typeof _icon === 'function' ? _icon(nodeProps) : _icon;
         }
         if (nodeProps.checkable === false) return null;
         if (!radioable) {