@para-ui/core 4.0.3 → 4.0.4

package/DynamicMultiBox/index.js

@@ -161,14 +161,30 @@ var FormItem = function FormItem(props) {
    * @param {*} ReactNode
    */
   var getTextField = function getTextField() {
+    var selectList = typeof list === 'function' ? list && list(rowIndex, id, name, valueList) : list || [];
+    var mergedProps = Object.assign({}, otherPropsCom);
+    if (selectList.length > 0 && mergedProps.fetchSuggestions === undefined) {
+      mergedProps.fetchSuggestions = function (value, cb) {
+        if (selectList.length > 0) {
+          cb(selectList.filter(function (item) {
+            var label = (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.value) || item;
+            if (typeof label === 'string') return label.toLowerCase().indexOf(value.toLowerCase()) > -1;
+            return false;
+          }));
+        } else cb([]);
+      };
+    }
     return jsx(TextField, Object.assign({}, rest, {
       required: false,
       label: "",
       disabled: disabled,
       onChange: function onChange(e) {
         return inputChange(e.target.value);
+      },
+      onSelect: function onSelect(value) {
+        inputChange((value === null || value === void 0 ? void 0 : value.value) || value);
       }
-    }, otherPropsCom));
+    }, mergedProps));
   };
   /**
    * @description: 返回下拉框组件

package/GlobalContext/componentsProps.d.ts

@@ -10,6 +10,7 @@ import { EmptyProps } from '../Empty';
 import { QueryingProps } from '../Querying';
 import { SelectorProps } from '../Selector/interface';
 import { ComboSelectProps } from '../ComboSelect/interface';
+import { InputLangProps } from '../InputLang';
 interface ComponentsProps {
     Select?: Partial<SelectProps>;
     TextField?: Partial<TextFieldProps>;
@@ -18,6 +19,7 @@ interface ComponentsProps {
     Querying?: Partial<QueryingProps>;
     Selector?: Partial<SelectorProps>;
     ComboSelect?: Partial<ComboSelectProps>;
+    InputLang?: Partial<InputLangProps>;
     [name: string]: any;
 }
 export default ComponentsProps;

package/InputLang/index.d.ts

@@ -39,11 +39,11 @@ export interface InputLangProps extends HelperTextDetailProps {
     /** 弹出框样式class */
     popoverClassName?: string;
     /** 默认值 不受控 */
-    defaultValue?: valueProps;
+    defaultValue?: string | valueProps;
     /** 值 */
-    value?: valueProps;
+    value?: string | valueProps;
     /** 改变值 */
-    onChange?: (val: valueProps) => void;
+    onChange?: (val: string | valueProps) => void;
     /** 语言列表 */
     langList?: (string | {
         label: string;
@@ -57,6 +57,10 @@ export interface InputLangProps extends HelperTextDetailProps {
     disabledDelete?: boolean;
     /** 禁用key */
     disabledKey?: boolean | string[];
+    /** 输出类型 */
+    typeOutput?: 'string' | 'object';
+    /** i18n标识 */
+    i18n?: boolean;
 }
 export declare const InputLang: FunctionComponent<InputLangProps>;
 export default InputLang;

package/InputLang/index.js

@@ -9,6 +9,7 @@ import Internet from '@para-ui/icons/Internet';
 import { GetLanguage, ArrayToObject } from '@paraview/lib';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
 import '../_verture/tslib.es6-55ed4bd2.js';
 import '../Label/index.js';
 import '../Help/index.js';
@@ -23,8 +24,6 @@ import '@para-ui/icons/PreviewOpen';
 import '@para-ui/icons/CloseCircleF';
 import '../Loading/index.js';
 import '@para-ui/icons/LoadingF';
-import '../_verture/useGlobalProps-1e416658.js';
-import '@para-ui/core/GlobalContext';
 import '../_verture/index-389675ab.js';
 import 'rc-dropdown';
 import '../_verture/usePopupContainer-635f66f4.js';
@@ -32,6 +31,7 @@ import 'dayjs';
 import '@para-ui/icons/Delete';
 import '@para-ui/icons/PlusCircleF';
 import '../_verture/useFormatMessage-eb13cf56.js';
+import '@para-ui/core/GlobalContext';
 
 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);
@@ -60,8 +60,10 @@ const InputLang = props => {
     defaultLang,
     disabledDelete,
     disabledAdd,
-    disabledKey
-  } = props;
+    disabledKey,
+    typeOutput = 'object',
+    i18n
+  } = useGlobalProps(props, 'InputLang');
   const [open, setOpen] = useState(false); // 打开弹窗
   const [lang, setLang] = useState(GetLanguage() || 'zh'); // 当前语言
   const [langMapping, setLangMapping] = useState({});
@@ -76,6 +78,8 @@ const InputLang = props => {
   const refDom = useRef(null);
   constData.current.lang = lang;
   constData.current.disabledDelete = disabledDelete;
+  constData.current.typeOutput = typeOutput;
+  constData.current.i18n = typeOutput === "string" && i18n === undefined ? true : i18n;
   useEffect(() => {
     if (props.defaultValue !== undefined) {
       handValue(props.defaultValue);
@@ -123,7 +127,19 @@ const InputLang = props => {
    * 处理值
    */
   const handValue = val => {
-    const valueCopy = Object.assign({}, val || constData.current.valueCom);
+    let jsonVal;
+    if (val) {
+      try {
+        if (typeof val === "string") jsonVal = JSON.parse(val);else jsonVal = val || {};
+      } catch (e) {
+        jsonVal = {};
+      }
+      if (constData.current.i18n === true) {
+        constData.current._i18n = jsonVal._i18n || 1;
+        delete jsonVal._i18n;
+      }
+    }
+    const valueCopy = Object.assign({}, jsonVal || constData.current.valueCom);
     const arr = [];
     const json = {};
     if (constData.current.disabledDelete) {
@@ -163,11 +179,20 @@ const InputLang = props => {
    * 向外抛值
    * */
   const outValue = val => {
+    let valHand = Object.assign({}, val);
     if (props.value === undefined) {
-      constData.current.valueCom = Object.assign({}, val);
-      setValueCom(val);
+      constData.current.valueCom = Object.assign({}, valHand);
+      setValueCom(valHand);
+    }
+    if (constData.current.typeOutput === 'string') {
+      try {
+        if (constData.current.i18n === true) {
+          valHand._i18n = constData.current._i18n || 1;
+        }
+        valHand = JSON.stringify(valHand);
+      } catch (e) {}
     }
-    onChange && onChange(val);
+    onChange && onChange(valHand);
   };
   /**
    * 改变当前语言

package/README.md

@@ -1,3 +1,8 @@
+## 版本: 4.0.4
+    para-ui/core@4.0.4 发布
+        【国际化输入框-InputLang】支持输出输入为string | object, 是否带有i18n标识
+        【DynamicMultibox】动态多值框中输入框支持联想下拉列表
+
 ## 版本: 4.0.3
     para-ui/core@4.0.3 发布
         【周期选择器-CycleSelector】新增周期选择器-CycleSelector

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@para-ui/core",
   "private": false,
-  "version": "4.0.3",
+  "version": "4.0.4",
   "main": "./index.js",
   "typings": "./index.d.ts",
   "description": "Powered by Para FED",