@lingxiteam/ebe-utils 0.2.3 → 0.2.5

package/lib/pcpublic/src/components/pcfactory/src/Cascader/index.tsx

@@ -1,12 +1,7 @@
 import { Cascader, Tooltip } from 'antd';
 import classNames from 'classnames';
 import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-  useListenProps,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle, useListenProps } from '../utils';
 import EmptyComp from '../utils/Empty';
 import { useLocale } from '../utils/hooks/useLocale';
 import { renderCommonList } from '../utils/renderReadOnly';
@@ -14,9 +9,7 @@ import { renderCommonList } from '../utils/renderReadOnly';
 const CASCADER_WRAPPER_CLASSNAME = 'ued-cascader-wrap';
 const WrapperCascader = ({ children }: { children: JSX.Element }) =>
   React.cloneElement(children, {
-    className: `${CASCADER_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${CASCADER_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 export interface MyCascaderProps {
@@ -53,17 +46,8 @@ export interface MyCascaderProps {
   showSearch: boolean;
   allowClear: boolean;
   multiple: '1' | '2'; // 1单选  2 多选
-  onSearch?: (
-    searchVal: string,
-    selectedOptionIds: any,
-    selectedOptions: any,
-  ) => void;
-  onClickOption?: (
-    openKey: string,
-    childrenKeys: any,
-    selectedOptionIds: any,
-    selectedOptions: any,
-  ) => void;
+  onSearch?: (searchVal: string, selectedOptionIds: any, selectedOptions: any) => void;
+  onClickOption?: (openKey: string, childrenKeys: any, selectedOptionIds: any, selectedOptions: any) => void;
   onClickStaticOption?: (zattrNbrValueMap: any) => Promise<any[]>;
   childOptions: {
     key: string;
@@ -109,10 +93,7 @@ const sliceWordsByWidth = (text = '', width: number) => {
         }
       }
     }
-    const finalText =
-      sliceWordsArr.length === textLength
-        ? sliceWordsArr.join('')
-        : [...sliceWordsArr, '.', '.', '.'].join('');
+    const finalText = sliceWordsArr.length === textLength ? sliceWordsArr.join('') : [...sliceWordsArr, '.', '.', '.'].join('');
     return finalText;
   }
   return text;
@@ -169,12 +150,7 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
   const cascaderClassName = `cascader_cls_${compId}`;
   const [showDropDown, setShowDropDown] = useState<boolean>(false);
   const setStyleRef = useRef<boolean>(false);
-  const {
-    margin: customMargin,
-    display: customDisplay,
-    visibility: customVisibility,
-    ...restCusStyles
-  } = customStyle;
+  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
 
   const [childOptions, setChildOptions] = useListenProps<{
     key: string;
@@ -212,7 +188,7 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
     if (childOptions?.key && sourceOptions?.length > 0) {
       const newOptions = [...sourceOptions];
       const replaceChildren = (list: any[]) => {
-        list.forEach((item) => {
+        list.forEach(item => {
           if (item.value === childOptions.key) {
             item.children = childOptions?.options || [];
           } else if (item?.children?.length > 0) {
@@ -227,7 +203,7 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
 
   const options = useMemo(() => {
     const changeLabel: (list: any[]) => any = (list: any[]) =>
-      list?.map?.((item) => {
+      list?.map?.(item => {
         const _item: any = { ...item };
         const { title: _title, children: _children } = _item;
 
@@ -243,17 +219,13 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
         let { isLeaf } = _item;
         if (isLeaf === undefined) {
           // children为非数组时且配置了展开事件时，视为需要异步加载
-          isLeaf =
-            !Array.isArray(_children) && props.onClickOption
-              ? false
-              : _item.isLeaf;
+          isLeaf = !Array.isArray(_children) && props.onClickOption ? false : _item.isLeaf;
         }
 
         return {
           ..._item,
           label: __label,
-          children:
-            _children && _children.length ? changeLabel(_children) : _children,
+          children: _children && _children.length ? changeLabel(_children) : _children,
           isLeaf,
         };
       }) || [];
@@ -262,20 +234,14 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
   }, [sourceOptions]);
 
   const renderDisplay = (_label: any[]) => {
-    const target = _label.map((l) =>
-      l instanceof Object ? l.props?.title : l,
-    );
+    const target = _label.map(l => (l instanceof Object ? l.props?.title : l));
     return target.join(' / ');
   };
 
   useEffect(() => {
     if (matchInputWidth) {
-      const node = document.querySelector(
-        `.${dropdownClassName}`,
-      ) as HTMLElement;
-      const clsNode = document.querySelector(
-        `.${cascaderClassName}`,
-      ) as HTMLElement;
+      const node = document.querySelector(`.${dropdownClassName}`) as HTMLElement;
+      const clsNode = document.querySelector(`.${cascaderClassName}`) as HTMLElement;
       if (showDropDown && searchVal?.length > 0) {
         if (!setStyleRef.current && node && clsNode) {
           node.style.setProperty('width', `${clsNode.clientWidth}px`);
@@ -290,35 +256,34 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
     }
   }, [searchVal, showDropDown, matchInputWidth]);
 
-  const { formFieldsRef, required, readOnly, disabled, finalRules } =
-    useCommonImperativeHandle(ref, props, {
-      selectAll: () => {
-        // 多选模式下才能全选
-        if (multiple) {
-          const tmp: any = [];
-          const tmpData: any = [];
-          options?.forEach((item: any) => {
-            tmp.push([item.value]);
-            tmpData.push([item]);
-          });
-          setCompData(tmpData);
-          if (onChange) {
-            onChange(tmp, tmpData);
-          }
-        }
-      },
-      clearValue: [],
-      // 加载数据
-      setOptions(options: any) {
-        if (Array.isArray(options)) {
-          setSourceOptions(options);
+  const { formFieldsRef, required, readOnly, disabled, finalRules } = useCommonImperativeHandle(ref, props, {
+    selectAll: () => {
+      // 多选模式下才能全选
+      if (multiple) {
+        const tmp: any = [];
+        const tmpData: any = [];
+        options?.forEach((item: any) => {
+          tmp.push([item.value]);
+          tmpData.push([item]);
+        });
+        setCompData(tmpData);
+        if (onChange) {
+          onChange(tmp, tmpData);
         }
-      },
-      // 加载子节点数据
-      setChildOptions(data: { key: string; options: any[] }) {
-        setChildOptions(data);
-      },
-    });
+      }
+    },
+    clearValue: [],
+    // 加载数据
+    setOptions(options: any) {
+      if (Array.isArray(options)) {
+        setSourceOptions(options);
+      }
+    },
+    // 加载子节点数据
+    setChildOptions(data: { key: string; options: any[] }) {
+      setChildOptions(data);
+    },
+  });
 
   return (
     <FormFields
@@ -328,16 +293,13 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
       disabled={disabled}
       ref={formFieldsRef}
       wrapperClassName={CASCADER_WRAPPER_CLASSNAME}
-      render={(val) => renderCommonList(val, options)}
+      render={val => renderCommonList(val, options)}
       rules={finalRules}
       clearValue={null}
     >
       <Cascader
-        dropdownClassName={classNames(
-          dropdownClassName,
-          `${prefixCls}-dropdown`,
-        )}
-        onDropdownVisibleChange={(visible) => {
+        dropdownClassName={classNames(dropdownClassName, `${prefixCls}-dropdown`)}
+        onDropdownVisibleChange={visible => {
           setShowDropDown(visible);
           if (!visible) {
             // 关闭浮层重置搜索条件
@@ -350,21 +312,15 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
         style={restCusStyles}
         multiple={multiple}
         displayRender={renderDisplay}
-        notFoundContent={
-          <EmptyComp
-            getLocale={getLocale}
-            dataState={dataState}
-            clsName="pcfactory-empty-small"
-          />
-        }
+        notFoundContent={<EmptyComp getLocale={getLocale} dataState={dataState} clsName="pcfactory-empty-small" />}
         showSearch={
           showSearch
             ? {
-                matchInputWidth: popoverStyle !== 'auto',
-              }
+              matchInputWidth: popoverStyle !== 'auto',
+            }
             : false
         }
-        onSearch={(words) => {
+        onSearch={words => {
           setSearchVal(words);
           if (showSearch && props.onSearch) {
             props.onSearch(words, value, compData);
@@ -373,22 +329,14 @@ const MyCascader: React.FC<MyCascaderProps> = forwardRef((props, ref) => {
         loadData={async (selectOptions: any[]) => {
           if (selectOptions?.length > 0 && props.onClickOption) {
             const currentRow = selectOptions[selectOptions.length - 1];
-            const childrenKeys =
-              currentRow?.children?.map?.((item: any) => item.value) || [];
-            props.onClickOption(
-              currentRow.value,
-              childrenKeys,
-              value,
-              compData,
-            );
+            const childrenKeys = currentRow?.children?.map?.((item: any) => item.value) || [];
+            props.onClickOption(currentRow.value, childrenKeys, value, compData);
           }
           if (selectOptions?.length > 0 && props.onClickStaticOption) {
             const currentRow = selectOptions[selectOptions.length - 1];
             const { zattrNbrValueMap } = currentRow;
             if (zattrNbrValueMap) {
-              const children = await props.onClickStaticOption(
-                zattrNbrValueMap,
-              );
+              const children = await props.onClickStaticOption(zattrNbrValueMap);
               currentRow.children = children;
               delete currentRow.zattrNbrValueMap;
               setSourceOptions(options);

package/lib/pcpublic/src/components/pcfactory/src/ChartBar/loader.tsx

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const LoadableChartLine = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcfactory-ChartBar' */ '../ChartLine/loader'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcfactory-ChartBar' */ '../ChartLine/loader')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/ChartLine/ChartLine.tsx

@@ -6,17 +6,7 @@ import { useLocale } from '../utils/hooks/useLocale';
 import ChartLineProps from './PropsType';
 
 const ChartLine: LingXiFC<ChartLineProps> = (props, ref) => {
-  const {
-    style,
-    className,
-    getEngineApis,
-    exampleData,
-    dataSource,
-    dataSourceTop,
-    visible = true,
-    $$componentItem,
-    ...restProps
-  } = props;
+  const { style, className, getEngineApis, exampleData, dataSource, dataSourceTop, visible = true, $$componentItem, ...restProps } = props;
 
   const finalStyle = useHiddenStyle(visible, style);
   const engineApis = getEngineApis?.();
@@ -41,6 +31,7 @@ const ChartLine: LingXiFC<ChartLineProps> = (props, ref) => {
       isMobile={false}
       chartType="Line"
       funcExpExecute={funcExpExecute}
+      sandBoxSafeRun={sandBoxSafeRun}
     />
   );
 };

package/lib/pcpublic/src/components/pcfactory/src/ChartLine/PropsType.ts

@@ -28,16 +28,7 @@ export default interface ChartLineProps {
   yAxisMaxRight?: number;
   yAxisFormatterRight?: string;
   color: any[]; // 颜色
-  layout:
-    | 'top'
-    | 'left'
-    | 'leftTop'
-    | 'rightTop'
-    | 'bottom'
-    | 'right'
-    | 'rightBottom'
-    | 'leftBottom'
-    | 'horizontal'; // 图标布局
+  layout: 'top' | 'left' | 'leftTop' | 'rightTop' | 'bottom' | 'right' | 'rightBottom' | 'leftBottom' | 'horizontal'; // 图标布局
   smooth?: boolean; // 平滑曲线
   lineType: 'solid' | 'dashed' | 'dotted'; // 线类型
   stacked?: any; // 堆叠
@@ -51,27 +42,11 @@ export default interface ChartLineProps {
   tooltipFormatter?: string; // 提示内容值后缀
   label?: any; // 标签支持扩展
   showLable?: boolean; // 数字标签显隐
-  symbol:
-    | 'circle'
-    | 'rect'
-    | 'roundRect'
-    | 'triangle'
-    | 'diamond'
-    | 'pin'
-    | 'arrow'
-    | 'none'; // 标记图形 - 只有折线图存在symbol
+  symbol: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none'; // 标记图形 - 只有折线图存在symbol
   symbolSize: number; // 标记大小
   markPoint?: any; // 标签支持扩展
   showMarkPoint?: boolean; // 标注显隐
-  markPointSymbol?:
-    | 'circle'
-    | 'rect'
-    | 'roundRect'
-    | 'triangle'
-    | 'diamond'
-    | 'pin'
-    | 'arrow'
-    | 'none'; // 标注图形
+  markPointSymbol?: 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none'; // 标注图形
   markPointType: 'min' | 'max' | 'average'; // 标注纬度
   markLine?: any; // 标线支持扩展
   showMarkLine?: boolean; // 标线显隐

package/lib/pcpublic/src/components/pcfactory/src/ChartLine/loader.tsx

@@ -2,10 +2,7 @@ import Loadable from 'react-loadable';
 import { LoadingComponennt } from '../utils/LoaderHelper';
 
 const LoadableChartLine = Loadable({
-  loader: async () =>
-    (await import(
-      /* webpackChunkName: 'pcfactory-ChartLine' */ './ChartLine'
-    )) as unknown as React.ComponentType<any>,
+  loader: async () => (await import(/* webpackChunkName: 'pcfactory-ChartLine' */ './ChartLine')) as unknown as React.ComponentType<any>,
   loading: LoadingComponennt,
 });
 

package/lib/pcpublic/src/components/pcfactory/src/Checkbox/index.tsx

@@ -2,18 +2,12 @@
 import React, { FC } from 'react';
 
 import { Checkbox, CheckboxProps } from 'antd';
-import {
-  FormFields,
-  getFieldsProps,
-  useCommonImperativeHandle,
-} from '../utils';
+import { FormFields, getFieldsProps, useCommonImperativeHandle } from '../utils';
 
 const CHECKBOX_WRAPPER_CLASSNAME = 'ued-checkbox-wrap';
 const WrapperCheckbox = ({ children }: { children: JSX.Element }) =>
   React.cloneElement(children, {
-    className: `${CHECKBOX_WRAPPER_CLASSNAME} ${
-      children.props.className || ''
-    }`,
+    className: `${CHECKBOX_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
   });
 
 export interface MyCheckboxProps {
@@ -56,7 +50,7 @@ export interface CheckboxItemProps extends CheckboxProps {
 }
 
 // 组件识别checked， 导致form.setFieldValue不生效 拆出来让组件识别value
-const CheckboxItem: FC<CheckboxItemProps> = (props) => {
+const CheckboxItem: FC<CheckboxItemProps> = props => {
   return <Checkbox {...props} checked={props.value} />;
 };
 
@@ -96,15 +90,9 @@ const MyCheckbox = React.forwardRef<any, MyCheckboxProps>((props, ref) => {
   } = props;
 
   const customStyle = restProps.style || {};
-  const {
-    margin: customMargin,
-    display: customDisplay,
-    visibility: customVisibility,
-    ...restCusStyles
-  } = customStyle;
+  const { margin: customMargin, display: customDisplay, visibility: customVisibility, ...restCusStyles } = customStyle;
 
-  const { formFieldsRef, readOnly, required, disabled, finalRules } =
-    useCommonImperativeHandle(ref, props);
+  const { formFieldsRef, readOnly, required, disabled, finalRules } = useCommonImperativeHandle(ref, props);
 
   const rProps = { ...restProps, style: restCusStyles };
 
@@ -118,7 +106,7 @@ const MyCheckbox = React.forwardRef<any, MyCheckboxProps>((props, ref) => {
       disabled={disabled}
       ref={formFieldsRef}
       rules={finalRules}
-      handleFormValue={(value) => {
+      handleFormValue={value => {
         if (String(value).trim() === 'false') {
           return false;
         }
@@ -128,7 +116,7 @@ const MyCheckbox = React.forwardRef<any, MyCheckboxProps>((props, ref) => {
       <CheckboxItem
         {...rProps}
         value={String(value).trim() === 'false' ? false : value}
-        onChange={(e) => {
+        onChange={e => {
           if (onChange) {
             onChange(e.target.checked);
           }