@para-ui/core 4.0.0-rc.3 → 4.0.0-rc.5

package/HelperText/index.js

@@ -1,24 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2021/11/1 20:28\n* @description 表单错误提示\n*/\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-helper-text {\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 12px;\n  font-weight: 400;\n  line-height: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-helper-text.paraui-v4-helper-text-error {\n  color: rgb(244, 66, 66);\n}";
 styleInject(css_248z);
 
-var HelperText = function HelperText(props) {
-  var className = props.className,
-    style = props.style,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    _props$hideErrorDom = props.hideErrorDom,
-    hideErrorDom = _props$hideErrorDom === void 0 ? false : _props$hideErrorDom,
-    helperText = props.helperText;
+const HelperText = props => {
+  const {
+    className,
+    style,
+    error = false,
+    hideErrorDom = false,
+    helperText
+  } = props;
   if (hideErrorDom === null) return null;
   // 不存在错误,且没有错误隐藏错误dom
   if (!error && hideErrorDom) return null;
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-helper-text");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-helper-text");
     if (className) str += " ".concat(className);
     if (error) str += " ".concat($prefixCls, "-helper-text-error");
     return str;

package/InputLang/index.js

@@ -1,7 +1,3 @@
-import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, useMemo } from 'react';
 import { TextField } from '../TextField/index.js';
@@ -11,9 +7,8 @@ import AutoTips from '../AutoTips/index.js';
 import { Popover } from '../Popover/index.js';
 import Internet from '@para-ui/icons/Internet';
 import { GetLanguage, ArrayToObject } from '@paraview/lib';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -28,101 +23,82 @@ import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-1b846a65.js';
+import '../_verture/useGlobalProps-1e416658.js';
 import '@para-ui/core/GlobalContext';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import 'dayjs';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/PlusCircleF';
-import '../_verture/useFormatMessage-703f8b20.js';
+import '../_verture/useFormatMessage-eb13cf56.js';
 
 var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-input-lang {\n  display: inline-block;\n  width: 100%;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n}\n.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-before .lang-key {\n  max-width: 100px;\n}\n.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-within > .right-icon .lang-list-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-input-lang .input-lang-text-field > .text-field-content > .text-field-content-within > .right-icon .lang-list-icon:hover svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-input-lang .input-lang-text-field > .paraui-v4-helper-text {\n  display: none;\n}\n\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner {\n  padding: 20px;\n  line-height: 0;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box {\n  padding-bottom: 0;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content .multi-box-content-item .multi-box-content-item-input .multi-box-text-field:first-child {\n  flex: 1;\n}\n.paraui-v4-input-lang-popover > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content .multi-box-content-item .multi-box-content-item-input .multi-box-text-field:last-child {\n  flex: 3;\n}\n.paraui-v4-input-lang-popover.paraui-v4-input-lang-popover-disabled-add > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-add {\n  display: none;\n}\n.paraui-v4-input-lang-popover.paraui-v4-input-lang-popover-disabled-delete > .component-popover-content > .component-popover-inner .input-lang-multi-box .multi-box-content > .multi-box-content-item .opera-box {\n  display: none;\n}";
 styleInject(css_248z);
 
-var InputLang = function InputLang(props) {
+const InputLang = props => {
   var _a;
-  var className = props.className,
-    style = props.style,
-    label = props.label,
-    labelTooltip = props.labelTooltip,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    placeholder = props.placeholder,
-    placeholderKey = props.placeholderKey,
-    placeholderValue = props.placeholderValue,
-    _props$error = props.error,
-    error = _props$error === void 0 ? false : _props$error,
-    hideErrorDom = props.hideErrorDom,
-    _props$helperText = props.helperText,
-    helperText = _props$helperText === void 0 ? '' : _props$helperText,
-    _props$required = props.required,
-    required = _props$required === void 0 ? false : _props$required,
-    popoverClassName = props.popoverClassName,
-    value = props.value,
-    onChange = props.onChange,
-    _props$langList = props.langList,
-    langList = _props$langList === void 0 ? ['zh', 'en'] : _props$langList,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    disabledTooltip = props.disabledTooltip,
-    defaultLang = props.defaultLang,
-    disabledDelete = props.disabledDelete,
-    disabledAdd = props.disabledAdd,
-    disabledKey = props.disabledKey;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1]; // 打开弹窗
-  var _useState3 = useState(GetLanguage() || 'zh'),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lang = _useState4[0],
-    setLang = _useState4[1]; // 当前语言
-  var _useState5 = useState({}),
-    _useState6 = _slicedToArray(_useState5, 2),
-    langMapping = _useState6[0],
-    setLangMapping = _useState6[1];
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    valueCom = _useState8[0],
-    setValueCom = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    valueListLang = _useState10[0],
-    setValueListLang = _useState10[1]; // 多值框值
-  var constData = useRef({
-    lang: lang,
-    valueCom: valueCom,
+  const {
+    className,
+    style,
+    label,
+    labelTooltip,
+    size = 'large',
+    placeholder,
+    placeholderKey,
+    placeholderValue,
+    error = false,
+    hideErrorDom,
+    helperText = '',
+    required = false,
+    popoverClassName,
+    value,
+    onChange,
+    langList = ['zh', 'en'],
+    disabled = false,
+    disabledTooltip,
+    defaultLang,
+    disabledDelete,
+    disabledAdd,
+    disabledKey
+  } = props;
+  const [open, setOpen] = useState(false); // 打开弹窗
+  const [lang, setLang] = useState(GetLanguage() || 'zh'); // 当前语言
+  const [langMapping, setLangMapping] = useState({});
+  const [valueCom, setValueCom] = useState({});
+  const [valueListLang, setValueListLang] = useState([]); // 多值框值
+  const constData = useRef({
+    lang,
+    valueCom,
     langMapping: {},
     langLabelMapping: {}
   });
-  var refDom = useRef(null);
+  const refDom = useRef(null);
   constData.current.lang = lang;
   constData.current.disabledDelete = disabledDelete;
-  useEffect(function () {
+  useEffect(() => {
     if (props.defaultValue !== undefined) {
       handValue(props.defaultValue);
     }
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (value !== undefined) {
       handValue(value);
     }
   }, [value]);
-  useEffect(function () {
+  useEffect(() => {
     if (defaultLang !== undefined) {
       setLang(defaultLang);
       constData.current.lang = defaultLang;
       handValue();
     }
   }, [defaultLang]);
-  useEffect(function () {
+  useEffect(() => {
     if (langList) {
-      var obj = {};
-      var objLabel = {};
-      for (var i = 0, l = langList.length; i < l; i++) {
-        var item = langList[i];
+      const obj = {};
+      const objLabel = {};
+      for (let i = 0, l = langList.length; i < l; i++) {
+        const item = langList[i];
         if (typeof item === 'string') {
           obj[item] = {
             label: item,
@@ -146,35 +122,35 @@ var InputLang = function InputLang(props) {
   /**
    * 处理值
    */
-  var handValue = function handValue(val) {
-    var valueCopy = Object.assign({}, val || constData.current.valueCom);
-    var arr = [];
-    var json = {};
+  const handValue = val => {
+    const valueCopy = Object.assign({}, val || constData.current.valueCom);
+    const arr = [];
+    const json = {};
     if (constData.current.disabledDelete) {
-      var keyArr = Object.keys(constData.current.langMapping) || [];
-      for (var i = 0, l = keyArr.length; i < l; i++) {
-        var keyItem = constData.current.langMapping[keyArr[i]] || {};
-        var key = keyItem.value;
-        var _label = keyItem.label;
-        var _val = valueCopy[key];
+      const keyArr = Object.keys(constData.current.langMapping) || [];
+      for (let i = 0, l = keyArr.length; i < l; i++) {
+        const keyItem = constData.current.langMapping[keyArr[i]] || {};
+        const key = keyItem.value;
+        const label = keyItem.label;
+        const val = valueCopy[key];
         if (key !== constData.current.lang) {
           json[key] = true;
           arr.push({
-            label: _label,
-            value: _val || ''
+            label: label,
+            value: val || ''
           });
         }
       }
     }
-    var valueCopyArr = Object.keys(valueCopy);
-    for (var _i = 0, _l = valueCopyArr.length; _i < _l; _i++) {
-      var _key = valueCopyArr[_i];
-      var item = valueCopy[_key];
+    const valueCopyArr = Object.keys(valueCopy);
+    for (let i = 0, l = valueCopyArr.length; i < l; i++) {
+      const key = valueCopyArr[i];
+      const item = valueCopy[key];
       // 不存在设置过，且不是当前语言
-      if (!json[_key] && _key !== constData.current.lang) {
-        var itemDetail = constData.current.langMapping[_key] || {};
+      if (!json[key] && key !== constData.current.lang) {
+        const itemDetail = constData.current.langMapping[key] || {};
         arr.push({
-          label: itemDetail.label || _key,
+          label: itemDetail.label || key,
           value: item || ''
         });
       }
@@ -186,7 +162,7 @@ var InputLang = function InputLang(props) {
   /**
    * 向外抛值
    * */
-  var outValue = function outValue(val) {
+  const outValue = val => {
     if (props.value === undefined) {
       constData.current.valueCom = Object.assign({}, val);
       setValueCom(val);
@@ -197,26 +173,26 @@ var InputLang = function InputLang(props) {
    * 改变当前语言
    * @param event
    */
-  var changeValue = function changeValue(event) {
+  const changeValue = event => {
     valueCom[lang] = event.target.value;
-    var val = Object.assign({}, valueCom);
+    const val = Object.assign({}, valueCom);
     outValue(val);
   };
   /**
    * 改变弹窗语言值
    * @param val
    */
-  var changeListLang = function changeListLang(val) {
-    setValueListLang(_toConsumableArray(val));
+  const changeListLang = val => {
+    setValueListLang([...val]);
   };
   /** 模糊搜索 */
-  var fetchSuggestionsKey = function fetchSuggestionsKey(val, cb) {
+  const fetchSuggestionsKey = (val, cb) => {
     var _a;
-    var arr = [];
-    var jsonMapping = ArrayToObject('label', valueListLang);
-    for (var i = 0, l = langList.length; i < l; i++) {
-      var item = langList[i];
-      if (_typeof(item) === 'object') {
+    const arr = [];
+    const jsonMapping = ArrayToObject('label', valueListLang);
+    for (let i = 0, l = langList.length; i < l; i++) {
+      let item = langList[i];
+      if (typeof item === 'object') {
         item = item.label;
       }
       if (!jsonMapping[item] && item !== (((_a = langMapping[lang]) === null || _a === void 0 ? void 0 : _a.label) || lang)) arr.push({
@@ -227,26 +203,26 @@ var InputLang = function InputLang(props) {
     cb(arr);
   };
   /** 点击国际化图标 */
-  var clickRight = function clickRight() {
+  const clickRight = () => {
     setOpen(true);
   };
   /** 关闭弹窗 */
-  var handleClose = function handleClose(bol) {
+  const handleClose = bol => {
     var _a;
     if (bol) return;
     setOpen(false);
     // 向外抛值
-    var json = {};
+    const json = {};
     json[lang] = valueCom[lang] || '';
-    for (var i = 0, l = valueListLang.length; i < l; i++) {
-      var item = valueListLang[i];
-      var _label2 = ((_a = constData.current.langLabelMapping[item.label]) === null || _a === void 0 ? void 0 : _a.value) || item.label || '';
-      if (_label2.trim() !== '') json[_label2] = item.value || '';
+    for (let i = 0, l = valueListLang.length; i < l; i++) {
+      const item = valueListLang[i];
+      const label = ((_a = constData.current.langLabelMapping[item.label]) === null || _a === void 0 ? void 0 : _a.value) || item.label || '';
+      if (label.trim() !== '') json[label] = item.value || '';
     }
     outValue(json);
   };
   /** 当前语言 */
-  var AddonBeforeMemo = function AddonBeforeMemo() {
+  const AddonBeforeMemo = () => {
     var _a;
     return jsx("div", Object.assign({
       className: 'lang-key'
@@ -259,7 +235,7 @@ var InputLang = function InputLang(props) {
     }));
   };
   /** 加载更多语言 */
-  var RightIcon = useMemo(function () {
+  const RightIcon = useMemo(() => {
     return jsx("div", Object.assign({
       className: "lang-list-icon"
     }, {
@@ -267,26 +243,30 @@ var InputLang = function InputLang(props) {
     }));
   }, []);
   /** 处理弹出框className */
-  var popoverHandClass = function popoverHandClass() {
-    var str = "".concat($prefixCls, "-input-lang-popover");
+  const popoverHandClass = () => {
+    let str = "".concat($prefixCls, "-input-lang-popover");
     if (popoverClassName) str += " ".concat(popoverClassName);
     if (disabledAdd) str += " ".concat($prefixCls, "-input-lang-popover-disabled-add");
     if (disabledDelete) str += " ".concat($prefixCls, "-input-lang-popover-disabled-delete");
     return str;
   };
-  var handleDisabled = function handleDisabled() {
+  const handleDisabled = () => {
     if (disabled === true) return true;
-    var arr = [];
+    const arr = [];
     if (disabledKey) {
-      var bol = _typeof(disabledKey) === 'object';
-      for (var i = 0, l = valueListLang.length; i < l; i++) {
-        var _label3 = valueListLang[i].label || '';
-        var labelDetail = constData.current.langLabelMapping[_label3] || {};
+      const bol = typeof disabledKey === 'object';
+      for (let i = 0, l = valueListLang.length; i < l; i++) {
+        const label = valueListLang[i].label || '';
+        const labelDetail = constData.current.langLabelMapping[label] || {};
         if (bol) {
-          arr.push(_defineProperty({}, _label3, disabledKey.indexOf(labelDetail.value || _label3) !== -1));
+          arr.push({
+            [label]: disabledKey.indexOf(labelDetail.value || label) !== -1
+          });
         } else {
-          if (_label3.trim() !== '') {
-            arr.push(_defineProperty({}, _label3, true));
+          if (label.trim() !== '') {
+            arr.push({
+              [label]: true
+            });
           }
         }
       }
@@ -294,7 +274,7 @@ var InputLang = function InputLang(props) {
     return arr;
   };
   /** 弹窗列表内容 */
-  var langListPopoverContent = function langListPopoverContent() {
+  const langListPopoverContent = () => {
     return jsx("div", Object.assign({
       className: "input-lang-list"
     }, {
@@ -314,8 +294,8 @@ var InputLang = function InputLang(props) {
    * 处理class
    * @return {string}
    */
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-input-lang");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-input-lang");
     if (size) str += " ".concat($prefixCls, "-input-lang-").concat(size);
     if (error) str += " ".concat($prefixCls, "-input-lang-error");
     if (className) str += " ".concat(className);