@para-ui/core 4.0.33 → 4.0.37

package/Anchor/anchorMenu/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { AnchorItem, AnchorMap } from '../type';
+import './index.scss';
+interface IProps {
+    data: AnchorItem;
+    currentAnchorId?: string;
+    handleClick?: (id: string) => void;
+    level?: number;
+    isTree?: boolean;
+    anchorMap?: AnchorMap;
+    setAnchorMap?: (map: AnchorMap) => void;
+    customPrefixIcon?: React.ReactNode;
+    onlyOneLevel?: boolean;
+}
+declare const AnchorMenu: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export default AnchorMenu;

package/Anchor/index.d.ts

@@ -0,0 +1,4 @@
+import { AnchorProps } from './type';
+import './index.scss';
+declare const Anchor: (props: AnchorProps) => import("react/jsx-runtime").JSX.Element;
+export default Anchor;

package/Anchor/index.js

@@ -0,0 +1,394 @@
+import { _ as __awaiter } from '../_verture/tslib.es6-f43aa41d.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useEffect, useMemo, createElement, useState, useRef } from 'react';
+import clsx from 'clsx';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
+import Down from '@para-ui/icons/Down';
+import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
+import AutoTips from '../AutoTips/index.js';
+import ToRight from '@para-ui/icons/ToRight';
+import ToLeft from '@para-ui/icons/ToLeft';
+import PreviewOpen from '@para-ui/icons/PreviewOpen';
+import { Search } from '../Search/index.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
+import { throttle, debounce } from '@paraview/lib';
+import '../Tooltip/index.js';
+import 'rc-tooltip';
+import 'rc-tooltip/lib/placements';
+import '@para-ui/icons/Forbid';
+import '../TextField/index.js';
+import '../Label/index.js';
+import '../Help/index.js';
+import '@para-ui/icons/Help';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/CloseCircleF';
+import '../Loading/index.js';
+import '@para-ui/icons/LoadingF';
+import '../HelperText/index.js';
+import '../_verture/useGlobalProps-4ae1a007.js';
+import '../_verture/index-ca413216.js';
+import '../_verture/index-bde7aabe.js';
+import 'rc-dropdown';
+import '../_verture/usePopupContainer-635f66f4.js';
+import 'dayjs';
+import '@para-ui/icons/Search';
+
+var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.anchor-menu-item {\n  width: 100%;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  font-size: 14px;\n  font-weight: 400;\n  padding: 0 4px;\n}\n.anchor-menu-item:hover {\n  background: rgb(247, 248, 250);\n}\n.anchor-menu-item.active {\n  color: rgb(46, 101, 230);\n}\n.anchor-menu-item.active .icon-point {\n  background: rgb(46, 101, 230);\n}\n.anchor-menu-item.expanded .icon-down {\n  transform: rotate(0deg);\n}\n.anchor-menu-item .indent {\n  padding-left: 10px;\n}\n.anchor-menu-item .item-content {\n  width: 100%;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex: 1 1;\n  overflow: hidden;\n}\n.anchor-menu-item .item-content .title {\n  overflow: hidden;\n  height: 20px;\n  line-height: 20px;\n  cursor: pointer;\n  flex: 1 1;\n  white-space: nowrap;\n  height: 30px;\n  display: flex;\n  align-items: center;\n}\n.anchor-menu-item .icon {\n  flex-shrink: 0;\n  font-size: 14px;\n  width: 14px;\n  height: 14px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.anchor-menu-item .btn-down {\n  height: 30px;\n  padding-right: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.anchor-menu-item .btn-down.none {\n  cursor: none;\n}\n.anchor-menu-item .icon-down {\n  transform: rotate(-90deg);\n  transition: 0.3s;\n  color: rgb(29, 33, 38);\n  cursor: pointer;\n}\n.anchor-menu-item .icon-down svg {\n  font-size: 14px;\n  color: rgb(29, 33, 38);\n}\n.anchor-menu-item .icon-point {\n  width: 4px;\n  height: 4px;\n  background: rgb(161, 168, 179);\n  border-radius: 50%;\n}";
+styleInject(css_248z$1);
+
+const AnchorMenu = props => {
+  var _a, _b;
+  const {
+    data,
+    currentAnchorId,
+    handleClick,
+    level = 0,
+    isTree = false,
+    anchorMap = {},
+    setAnchorMap,
+    customPrefixIcon,
+    onlyOneLevel
+  } = props;
+  const {
+    id
+  } = data;
+  const isActive = String(id) === String(currentAnchorId);
+  useEffect(() => {}, []);
+  const indentMemo = useMemo(() => {
+    // 通过level控制缩进，生成多个div
+    const result = [];
+    for (let i = 0; i < level; i++) {
+      result.push(jsx("div", {
+        className: "indent"
+      }, i));
+    }
+    return result;
+  }, [level]);
+  const handleExpanded = (event, id) => {
+    // 防止冒泡
+    event.stopPropagation();
+    const map = anchorMap[id];
+    map.expanded = !map.expanded;
+    setAnchorMap === null || setAnchorMap === void 0 ? void 0 : setAnchorMap(Object.assign({}, anchorMap));
+  };
+  const contentMemo = useMemo(() => {
+    const {
+      name,
+      id
+    } = data;
+    const hasChildren = data.children && data.children.length > 0;
+    const icon = isTree ? hasChildren ? jsx("div", Object.assign({
+      className: "btn-down",
+      onClick: e => handleExpanded(e, id)
+    }, {
+      children: jsx("div", Object.assign({
+        className: "icon icon-down"
+      }, {
+        children: jsx(Down, {})
+      }))
+    })) : jsx("div", {
+      className: "icon mr-6"
+    }) : customPrefixIcon ? customPrefixIcon : jsx(Point, {});
+    return jsxs("div", Object.assign({
+      className: "item-content",
+      onClick: e => {}
+    }, {
+      children: [icon, jsx("div", Object.assign({
+        className: "title",
+        onClick: () => handleClick === null || handleClick === void 0 ? void 0 : handleClick(id)
+      }, {
+        children: jsx(AutoTips, {
+          children: name || ''
+        })
+      }))]
+    }));
+  }, [data, anchorMap, handleExpanded, handleClick, customPrefixIcon, isTree]);
+  return jsxs(Fragment, {
+    children: [jsxs("div", Object.assign({
+      className: clsx("anchor-menu-item", {
+        ["active"]: isActive,
+        ["expanded"]: (_a = anchorMap === null || anchorMap === void 0 ? void 0 : anchorMap[id]) === null || _a === void 0 ? void 0 : _a.expanded
+      })
+    }, {
+      children: [indentMemo, contentMemo]
+    })), data.children && ((_b = anchorMap === null || anchorMap === void 0 ? void 0 : anchorMap[id]) === null || _b === void 0 ? void 0 : _b.expanded) && !onlyOneLevel && data.children.map(item => {
+      return /*#__PURE__*/createElement(AnchorMenu, Object.assign({}, props, {
+        data: item,
+        key: item === null || item === void 0 ? void 0 : item.id,
+        level: level + 1
+      }));
+    })]
+  });
+};
+// logo 点
+const Point = () => {
+  return jsx("div", Object.assign({
+    className: "icon mr-6"
+  }, {
+    children: jsx("div", {
+      className: "icon-point"
+    })
+  }));
+};
+
+var en = {
+  pleaseEnter: 'Please enter'
+};
+
+var zh = {
+  pleaseEnter: '请输入'
+};
+
+var localeJson = {
+  zh,
+  en
+};
+
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-anchor {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n.paraui-v4-anchor .anchor-menu-list {\n  position: absolute;\n  top: 0;\n  right: 10px;\n  width: 140px;\n  transition: width 0.3s;\n}\n.paraui-v4-anchor .anchor-scroll {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  scroll-behavior: smooth;\n  padding-right: 160px;\n  transition: padding 0.3s;\n}\n.paraui-v4-anchor .anchor-menu-title {\n  height: 36px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-wrap: nowrap;\n  padding: 0 4px;\n}\n.paraui-v4-anchor .anchor-menu-title .title {\n  font-size: 14px;\n  font-weight: 600;\n  color: rgb(29, 33, 38);\n  white-space: nowrap;\n}\n.paraui-v4-anchor .collapse-icon-area {\n  transition: unset;\n  position: absolute;\n  right: 10px;\n  top: 0;\n  width: 30px;\n  height: 30px;\n  background: rgb(46, 101, 230);\n  border-radius: 2px;\n  box-shadow: 1px 1px 10px 0px rgba(212, 218, 227, 0.4);\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-anchor .collapse-icon-area svg {\n  color: rgb(255, 255, 255);\n}\n.paraui-v4-anchor .opera-area {\n  display: flex;\n  color: rgb(161, 168, 179);\n}\n.paraui-v4-anchor .opera-area svg {\n  color: rgb(161, 168, 179);\n  cursor: pointer;\n}\n.paraui-v4-anchor .opera-area .split-line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 8px;\n}\n.paraui-v4-anchor .opera-area > div {\n  display: flex;\n  align-items: center;\n}\n.paraui-v4-anchor.paraui-v4-anchor-left .anchor-menu-list {\n  left: 10px;\n}\n.paraui-v4-anchor.paraui-v4-anchor-left .collapse-icon-area {\n  left: 10px;\n}\n.paraui-v4-anchor.paraui-v4-anchor-left .anchor-scroll {\n  padding-left: 160px;\n}\n.paraui-v4-anchor .mr-6 {\n  margin-right: 6px;\n}";
+styleInject(css_248z);
+
+const Anchor = props => {
+  const {
+    style,
+    className,
+    title = '',
+    scrollId = "".concat($prefixCls, "-anchor-scroll-id"),
+    list = [],
+    listClassName,
+    scrollClassName,
+    placement = 'right',
+    allExpanded = true,
+    search = false,
+    customPrefixIcon,
+    listWidth
+  } = props;
+  const intl = useFormatMessage('Anchor', localeJson);
+  const [currentAnchorId, setCurrentAnchorId] = useState(''); // 当前锚点id
+  // 判断list中是否存在children，切换不同的样式
+  const [isTree, setIsTree] = useState(false);
+  const [anchorMap, setAnchorMap] = useState({});
+  // 目录折叠状态
+  const [collapse, setCollapse] = useState(false);
+  const [searchValue, setSearchValue] = useState('');
+  const [searchResult, setSearchResult] = useState(null);
+  const constData = useRef({
+    currentAnchorId: '',
+    anchorList: list,
+    anchorMap: {},
+    searchValue: '',
+    scrolling: false
+  });
+  const scrollPadding = collapse ? '50px' : listWidth ? "".concat(listWidth + 20, "px") : '160px';
+  useEffect(() => {
+    constData.current.anchorList = list;
+    // 初始化list数据为map，方便查找。 增加是否展开的字段、增加父节点id
+    const anchorMap = {};
+    let isT = false;
+    const formatList = function (list) {
+      let parentId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      list.forEach(item => {
+        if ((item === null || item === void 0 ? void 0 : item.expanded) === undefined || (item === null || item === void 0 ? void 0 : item.expanded) === null) {
+          item.expanded = false;
+        }
+        if (parentId) {
+          item.parentId = parentId;
+        }
+        anchorMap[item.id] = item;
+        if (item.children) {
+          isT = true;
+          formatList(item.children, item.id);
+        }
+      });
+    };
+    formatList(list);
+    setIsTree(isT);
+    constData.current.anchorMap = anchorMap;
+    setAnchorMap(anchorMap);
+  }, [list]);
+  // 监听滚动事件,获取当前页面的锚点
+  useEffect(() => {
+    const anchorView = document.getElementById(scrollId);
+    const handleScroll = throttle(() => __awaiter(void 0, void 0, void 0, function* () {
+      if (constData.current.scrolling) return;
+      const anchors = (anchorView === null || anchorView === void 0 ? void 0 : anchorView.querySelectorAll('[id]')) || [];
+      const anchorArray = Array.from(anchors);
+      const anchorArrayWithOffsetTop = anchorArray.map(item => {
+        return {
+          id: item.id,
+          offsetTop: item.offsetTop - ((anchorView === null || anchorView === void 0 ? void 0 : anchorView.offsetTop) || 0)
+        };
+      });
+      // 记录最大的offsetTop id 当滚动到最底部时，锚点定位到最后一个
+      let maxOffsetTop = 0;
+      let maxOffsetTopId = '';
+      const cAnchor = anchorArrayWithOffsetTop.find(item => {
+        if (maxOffsetTop < item.offsetTop) {
+          maxOffsetTop = item.offsetTop;
+          maxOffsetTopId = item.id;
+        }
+        return item.offsetTop >= ((anchorView === null || anchorView === void 0 ? void 0 : anchorView.scrollTop) || 0);
+      });
+      if ((cAnchor === null || cAnchor === void 0 ? void 0 : cAnchor.id) !== constData.current.currentAnchorId) {
+        let cAnchorId = (cAnchor === null || cAnchor === void 0 ? void 0 : cAnchor.id) || '';
+        if ((anchorView === null || anchorView === void 0 ? void 0 : anchorView.scrollTop) && !(cAnchor === null || cAnchor === void 0 ? void 0 : cAnchor.id)) cAnchorId = maxOffsetTopId;
+        setCurrentAnchorId(cAnchorId);
+      }
+    }), 300);
+    // 监听滚动
+    handleScroll();
+    anchorView === null || anchorView === void 0 ? void 0 : anchorView.addEventListener('scroll', handleScroll, {
+      passive: true
+    });
+    return () => {
+      anchorView === null || anchorView === void 0 ? void 0 : anchorView.addEventListener('scroll', handleScroll);
+    };
+  }, []);
+  const handleClick = id => {
+    const anchorView = document.getElementById(scrollId);
+    const anchors = (anchorView === null || anchorView === void 0 ? void 0 : anchorView.querySelectorAll('[id]')) || [];
+    const index = Array.from(anchors).findIndex(item => {
+      return String(item.id) === String(id);
+    });
+    const anchorElement = anchors[index];
+    if (anchorElement) {
+      setCurrentAnchorId(id);
+      constData.current.currentAnchorId = id;
+      constData.current.scrolling = true;
+      setTimeout(() => {
+        constData.current.scrolling = false;
+      }, 1000);
+      anchorView === null || anchorView === void 0 ? void 0 : anchorView.scrollTo({
+        top: (anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.offsetTop) || 0 - ((anchorView === null || anchorView === void 0 ? void 0 : anchorView.offsetTop) || 0),
+        behavior: 'smooth'
+      });
+    }
+  };
+  const handleExpandAll = () => {
+    // anchorMap 每一项的expanded都设置为true
+    Object.keys(anchorMap).forEach(key => {
+      anchorMap[key].expanded = true;
+    });
+    setAnchorMap(Object.assign({}, anchorMap));
+  };
+  /**
+   * @desc 搜索 - 防抖
+   */
+  const onSearch = useMemo(() => debounce(() => __awaiter(void 0, void 0, void 0, function* () {
+    const val = constData.current.searchValue;
+    if (!val) {
+      setSearchResult(null);
+      return;
+    }
+    const anchorList = constData.current.anchorList || [];
+    const result = [];
+    const searchList = function (list) {
+      list.forEach(item => {
+        var _a;
+        if (((_a = item === null || item === void 0 ? void 0 : item.name) === null || _a === void 0 ? void 0 : _a.indexOf(val)) > -1) {
+          result.push(item);
+        }
+        if (item.children) {
+          searchList(item.children, item.id);
+        }
+      });
+    };
+    searchList(anchorList);
+    setSearchResult(result);
+  }), 200), []);
+  const titleMemo = useMemo(() => {
+    if (!title) return null;
+    return jsxs(Fragment, {
+      children: [jsxs("div", Object.assign({
+        className: "anchor-menu-title"
+      }, {
+        children: [jsx("div", Object.assign({
+          className: "title"
+        }, {
+          children: title
+        })), jsxs("div", Object.assign({
+          className: "opera-area"
+        }, {
+          children: [isTree && allExpanded && jsxs(Fragment, {
+            children: [jsx(PreviewOpen, {
+              onClick: handleExpandAll
+            }), jsx("div", {
+              className: "split-line"
+            })]
+          }), jsx("div", Object.assign({
+            onClick: () => setCollapse(true)
+          }, {
+            children: placement === 'left' ? jsx(ToLeft, {}) : jsx(ToRight, {})
+          }))]
+        }))]
+      })), search && jsx(Search, {
+        size: 'small',
+        value: searchValue,
+        onChange: val => {
+          setSearchValue(val);
+          constData.current.searchValue = val;
+          onSearch();
+        },
+        onClickRightIcon: onSearch,
+        onEnter: onSearch,
+        onClear: () => {
+          setSearchValue('');
+          constData.current.searchValue = '';
+          setSearchResult(null);
+        },
+        placeholder: intl('pleaseEnter'),
+        style: {
+          padding: '0 4px',
+          marginBottom: '6px'
+        }
+      })]
+    });
+  }, [title, isTree, searchValue, handleExpandAll, onSearch]);
+  const AnchorListMemo = useMemo(() => {
+    if (!(list === null || list === void 0 ? void 0 : list.length)) return null;
+    if (collapse) return jsx("div", Object.assign({
+      className: "collapse-icon-area",
+      onClick: () => setCollapse(false)
+    }, {
+      children: placement === 'left' ? jsx(ToRight, {}) : jsx(ToLeft, {})
+    }));
+    const anchorList = searchResult ? searchResult : list;
+    return jsxs("div", Object.assign({
+      className: clsx("anchor-menu-list", listClassName),
+      style: {
+        width: listWidth ? "".concat(listWidth, "px") : '140px'
+      }
+    }, {
+      children: [titleMemo, anchorList.map((item, index) => {
+        return jsx(AnchorMenu, {
+          data: item,
+          currentAnchorId: currentAnchorId,
+          handleClick: handleClick,
+          isTree: searchResult ? false : isTree,
+          anchorMap: anchorMap,
+          setAnchorMap: setAnchorMap,
+          customPrefixIcon: customPrefixIcon,
+          onlyOneLevel: searchResult ? true : false
+        }, item === null || item === void 0 ? void 0 : item.id);
+      })]
+    }));
+  }, [list, currentAnchorId, listClassName, handleClick, isTree, titleMemo, anchorMap, customPrefixIcon, collapse, searchResult]);
+  return jsxs("div", Object.assign({
+    className: clsx("".concat($prefixCls, "-anchor"), className, {
+      ["".concat($prefixCls, "-anchor-").concat(placement)]: placement
+    }),
+    style: style
+  }, {
+    children: [placement === 'left' && AnchorListMemo, jsx("div", Object.assign({
+      id: scrollId,
+      className: clsx("anchor-scroll", scrollClassName),
+      style: {
+        paddingLeft: placement === 'left' ? scrollPadding : '0',
+        paddingRight: placement === 'right' ? scrollPadding : '0'
+      }
+    }, {
+      children: props.children
+    })), placement === 'right' && AnchorListMemo]
+  }));
+};
+
+export { Anchor as default };

package/Anchor/lang/en_US.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    pleaseEnter: string;
+};
+export default _default;

package/Anchor/lang/index.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    zh: {
+        pleaseEnter: string;
+    };
+    en: {
+        pleaseEnter: string;
+    };
+};
+export default _default;

package/Anchor/lang/zh_CN.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    pleaseEnter: string;
+};
+export default _default;

package/Anchor/type.d.ts

@@ -0,0 +1,42 @@
+import React, { ReactNode } from 'react';
+export interface AnchorMap {
+    [key: string]: AnchorItem;
+}
+export interface AnchorItem {
+    /** 锚点名称 */
+    name: string;
+    /** 锚点Id */
+    id: string;
+    children?: AnchorItem[];
+    parentId?: string;
+    expanded?: boolean;
+}
+export interface AnchorProps {
+    /** 数据源 */
+    list: AnchorItem[];
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 标题 */
+    title?: string;
+    /** 滚动盒子Id */
+    scrollId?: string;
+    /** 子元素 */
+    children?: ReactNode;
+    /** 锚点列表类名 */
+    listClassName?: string;
+    /** 内容类名 */
+    scrollClassName?: string;
+    /** 位置 */
+    placement?: 'left' | 'right';
+    /** 默认展示的锚点 */
+    /** 自定义前缀符号 */
+    customPrefixIcon?: ReactNode;
+    /** 全部展开功能是否开启 */
+    allExpanded?: boolean;
+    /** 是否带目录搜索 */
+    search?: boolean;
+    /** 菜单宽度 */
+    listWidth?: number;
+}

package/Argv/batchEdit/index.d.ts

@@ -0,0 +1,18 @@
+import { IObject } from '../../Utils/type';
+import './index.scss';
+interface IProps {
+    /** class */
+    className?: string;
+    /** 源数据 */
+    sourceData?: IObject[];
+    /** 校验数据 */
+    checkData?: (data: IObject[]) => boolean;
+    /** 点击确定回调 */
+    onFinish?: (val: IObject[]) => void;
+    /** 数据转json 自定义函数 */
+    dataToJson?: (data: IObject[]) => string;
+    /** json转数据 */
+    jsonToData?: (json: string) => IObject[];
+}
+declare const BatchEdit: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export default BatchEdit;

package/Argv/dataGenerator/config.d.ts

@@ -0,0 +1,16 @@
+export declare const dataTypeSelectList: {
+    label: string;
+    value: string;
+}[];
+export type IDataType = 'string' | 'number' | 'boolean' | 'object';
+export type IGeneratorData = string | number | boolean | object;
+export declare const defaultInputValueMapping: {
+    string: string;
+    number: number;
+    boolean: boolean;
+    object: string;
+};
+export declare const booleanSelectList: {
+    label: string;
+    value: boolean;
+}[];

package/Argv/dataGenerator/index.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { IDataType, IGeneratorData } from './config';
+import './index.scss';
+export interface IDataGeneratorValue {
+    dataType: IDataType;
+    data: string | number | boolean;
+}
+interface IProps {
+    defaultValue?: IDataGeneratorValue;
+    value?: IDataGeneratorValue;
+    disabled?: boolean;
+    onChange?: (val: IDataGeneratorValue) => void;
+    /** 是否显示错误 */
+    error?: boolean;
+    /** 错误提示 */
+    helperText?: ReactNode;
+    /** 输入框提示 */
+    placeholderTextField?: ReactNode;
+}
+declare const DataGenerator: (props: IProps) => import("react/jsx-runtime").JSX.Element;
+export default DataGenerator;
+export declare const checkGeneratorData: (data: IDataGeneratorValue) => boolean;
+export declare const formatGeneratorToData: (data: IDataGeneratorValue) => IGeneratorData;
+export declare const formatDataToGenerator: (data: IGeneratorData) => IDataGeneratorValue;

package/Argv/index.d.ts

@@ -0,0 +1,36 @@
+import React from 'react';
+import { IDataGeneratorValue } from './dataGenerator';
+import { LabelProps } from '../Label';
+import { IObject } from '../Utils/type';
+import './index.scss';
+export interface IArgvItem {
+    key: string;
+    data: IDataGeneratorValue;
+}
+export interface ArgvProps {
+    /** 样式 */
+    style?: React.CSSProperties;
+    /** 类名 */
+    className?: string;
+    /** 禁用 */
+    disabled?: boolean;
+    /** 默认值 不受控 */
+    defaultValue?: IObject;
+    /** label */
+    label?: LabelProps['label'];
+    /** 改变值 */
+    onChange?: (val: IObject) => void;
+    /** 格式化的列表 */
+    list?: IArgvItem[];
+    /** 改变值 */
+    onListChange?: (val: IArgvItem[]) => void;
+    /** label属性 */
+    labelProps?: LabelProps;
+    /** 错误 */
+    errors?: Record<string, string>[];
+}
+declare const Argv: (props: ArgvProps) => import("react/jsx-runtime").JSX.Element;
+export default Argv;
+export declare const formatObjectToData: (data: IObject) => IArgvItem[];
+export declare const formatDataToObject: (data: IArgvItem[]) => IObject;
+export declare const checkArgvData: (data: IArgvItem[], intl: Function) => Record<string, any>;