@lingxiteam/ebe-utils 0.5.6 → 0.5.8

package/lib/public/src/components/pcfactory/src/Radio/index.tsx

@@ -0,0 +1,260 @@
+import { LingxiForwardRef } from '@lingxiteam/types';
+import { Radio as AntdRadio } from 'antd';
+import React, { useEffect, useState } from 'react';
+import {
+  FormFields,
+  getFieldsProps,
+  useCommonImperativeHandle,
+} from '../utils';
+import renderReadOnly from '../utils/renderReadOnly';
+
+export interface RadioProps {
+  value?: any;
+  visible?: any;
+  onChange?: any;
+  onValueRelease?: any;
+  defaultValue?: any;
+  getCompPropMapState?: any;
+  compId?: any;
+  name?: any;
+  fieldName?: any;
+  required?: any;
+  hidden?: any;
+  regexp?: any;
+  message?: any;
+  label?: any;
+  labelCol?: any;
+  wrapperCol?: any;
+  dataSource?: any;
+  radioType?: any;
+  selfSpan?: any;
+  colSpan?: any;
+  rangeLimit?: any;
+  defaultOptions?: any;
+  optionMarginRight?: any;
+  valueKey?: any;
+  labelKey?: any;
+  options?: any;
+  style?: React.CSSProperties;
+  attr?: any;
+  staticService?: any;
+  showWrapperContainer: boolean;
+  wrapperContainer: any;
+  titleTip?: any;
+  tipIcon?: any;
+  tipLocation?: any;
+  tipContent?: any;
+  tipPlacement?: any;
+  rules?: any[];
+  colon?: boolean;
+  isFormChild?: boolean | undefined;
+  readOnly: boolean;
+  tipSize?: string; // 文字提示
+  tipWidth?: string; // 提示自定义的宽度
+  tipHeight?: string; // 提示自定义的高度
+}
+
+export interface RadioWrapperProps {
+  children: React.ReactElement;
+}
+
+const RADIO_WRAPPER_CLASSNAME = 'ued-radio-wrap';
+
+export const WrapperRadio: React.FC<RadioWrapperProps> = ({ children }) =>
+  React.cloneElement(children, {
+    className: `${RADIO_WRAPPER_CLASSNAME} ${children.props.className || ''}`,
+  });
+
+const { Group, Button } = AntdRadio;
+
+const typeFn: any = {
+  string: String,
+  number: Number,
+  boolean: Boolean,
+};
+
+/**
+ * 处理数据
+ * @param dataSource 数据源
+ * @param valueKey
+ * @param labelKey
+ * @returns
+ */
+export const handleDataSource = (
+  dataSource: any[],
+  valueKey?: string,
+  labelKey?: string,
+) => {
+  const valueKeys: any = [];
+  const newDataSoure: any[] = [];
+  if (Array.isArray(dataSource)) {
+    dataSource.forEach((v: any) => {
+      const label = v?.[labelKey || 'label'];
+      const value = v?.[valueKey || 'value'] || v?.key;
+      if (value) {
+        valueKeys.push(value);
+        newDataSoure.push({
+          ...v,
+          label,
+          value,
+        });
+      }
+    });
+  }
+  return newDataSoure;
+};
+const Radio = LingxiForwardRef<any, RadioProps>((props, ref) => {
+  const {
+    value,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    visible = true,
+    onChange,
+    onValueRelease,
+    defaultValue,
+    getCompPropMapState,
+    compId,
+    name,
+    fieldName: rawFieldName,
+    hidden,
+    regexp,
+    message,
+    label,
+    labelCol,
+    wrapperCol,
+    radioType,
+    selfSpan,
+    colSpan,
+    rangeLimit,
+    defaultOptions,
+    optionMarginRight,
+    showWrapperContainer,
+    wrapperContainer: WrapperContainer,
+    labelKey = 'label',
+    valueKey = 'value',
+    titleTip,
+    tipIcon,
+    tipLocation,
+    tipContent,
+    tipPlacement,
+    isFormChild,
+    tipSize,
+    tipWidth,
+    tipHeight,
+    getEngineApis,
+    dataSource: newDataSoure,
+    ...restProps
+  } = props;
+  const [dataSource, setDataSource] = useState<any[]>([]);
+  const { formFieldsRef, disabled, readOnly, required, finalRules } =
+    useCommonImperativeHandle(ref, props, {
+      clearValue: undefined,
+      // 清空选项
+      clearOptions() {
+        setDataSource([]);
+      },
+      setDataWithLabelAndValue(data: any) {
+        setLKey(data.labelKey);
+        setVKey(data.valueKey);
+        const newData = handleDataSource(
+          data.dataSource,
+          data.valueKey,
+          data.labelKey,
+        );
+        setDataSource(newData);
+      },
+    });
+
+  const [lKey, setLKey] = useState(labelKey);
+  const [vKey, setVKey] = useState(valueKey);
+
+  const transformValueType = (v: any, curVal: any) => {
+    const realValueType = typeof (curVal ?? '');
+    if (typeFn[realValueType]) {
+      try {
+        return typeFn[realValueType](v);
+      } catch (error) {
+        return v;
+      }
+    }
+    return v;
+  };
+
+  // 处理列表数据
+  useEffect(() => {
+    const newData = Array.isArray(newDataSoure)
+      ? handleDataSource(newDataSoure, vKey, lKey)
+      : [];
+    const valueArray = newData.map((it) => it?.value);
+    const targetDefault: { value: string; label: string }[] = [];
+    // 自定义数据中若存在和预置数据中相同的value ，则取自定义数据
+    if (defaultOptions && defaultOptions.length) {
+      defaultOptions.forEach((item: { value: string; label: string }) => {
+        if (!valueArray.includes(item?.value)) {
+          targetDefault.push(item);
+        }
+      });
+    }
+    setDataSource([...(targetDefault || []), ...newData]);
+  }, [JSON.stringify(defaultOptions), JSON.stringify(newDataSoure)]);
+
+  // 需要判断自己是否处于表单内，处于表单内的话不能用value
+
+  const Opt = radioType === 'Radio' ? AntdRadio : Button;
+
+  return (
+    <FormFields
+      {...getFieldsProps(props)}
+      readOnly={readOnly}
+      required={required}
+      disabled={disabled}
+      value={value}
+      defaultValue={defaultValue}
+      ref={formFieldsRef}
+      wrapperClassName={RADIO_WRAPPER_CLASSNAME}
+      rules={finalRules}
+      render={(value: string) => {
+        const item = dataSource.filter((c: any) => {
+          // eslint-disable-next-line eqeqeq
+          return c.value == value;
+        });
+        if (Array.isArray(item) && item.length > 0) {
+          return renderReadOnly(item?.[0].label || value || '--');
+        }
+        return renderReadOnly(value || '--');
+      }}
+    >
+      <Group
+        {...restProps}
+        value={value}
+        defaultValue={defaultValue}
+        onChange={(e) => {
+          if (onChange) {
+            onChange(e);
+          }
+        }}
+      >
+        {(dataSource || []).map((c) => (
+          <Opt
+            value={transformValueType(c.value, value)}
+            key={c.value}
+            disabled={
+              rangeLimit &&
+              rangeLimit.length > 0 &&
+              !rangeLimit.includes(+c.value)
+            }
+            style={{
+              marginRight:
+                radioType === 'Radio.Button' && optionMarginRight
+                  ? optionMarginRight
+                  : '',
+            }}
+          >
+            {c.label}
+          </Opt>
+        ))}
+      </Group>
+    </FormFields>
+  );
+});
+
+export default Radio;

package/lib/public/src/components/pcfactory/src/RangePicker/index.tsx

@@ -0,0 +1,3 @@
+import RangePicker from '../DatePicker';
+
+export default RangePicker;

package/lib/public/src/components/pcfactory/src/Rate/index.tsx

@@ -0,0 +1,187 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { LingxiForwardRef } from '@lingxiteam/types';
+import { Rate as AntdRate } from 'antd';
+import type { RateProps } from 'antd/lib/rate';
+import { useCallback, useMemo } from 'react';
+import {
+  FormFields,
+  getFieldsProps,
+  useCommonImperativeHandle,
+} from '../utils';
+import { useLocale } from '../utils/hooks/useLocale';
+
+export interface MyRateProps {
+  value?: string;
+  visible?: boolean;
+  onValueRelease?: any;
+  onChange?: any;
+  tooltips?: RateProps['tooltips'];
+  defaultValue?: any;
+  getCompPropMapState?: any;
+  compId?: any;
+  name?: any;
+  fieldName?: any;
+  required?: any;
+  hidden?: any;
+  regexp?: any;
+  message?: any;
+  label?: any;
+  labelCol?: any;
+  wrapperCol?: any;
+  selfSpan?: any;
+  colSpan?: any;
+  style?: any;
+  showWrapperContainer: boolean;
+  wrapperContainer: any;
+  titleTip?: any;
+  tipIcon?: any;
+  tipLocation?: any;
+  tipContent?: any;
+  tipPlacement?: any;
+  colon?: boolean;
+  isFormChild?: boolean | undefined;
+  readOnly: boolean;
+  disabled: boolean;
+  rules: any[];
+  tipSize?: string; // 文字提示
+  tipWidth?: string; // 提示自定义的宽度
+  tipHeight?: string; // 提示自定义的高度
+}
+
+interface BaseRatePropsType {
+  tooltips: any;
+  tooltipType?: 'none' | 'number' | 'custom';
+  [key: string]: any;
+}
+
+const rateCls = 'ued-rateContainer';
+
+const BaseRate = (props: BaseRatePropsType) => {
+  const {
+    value: originValue,
+    tooltips,
+    onChange,
+    tooltipType = 'custom',
+    ...restProps
+  } = props;
+
+  const value = useMemo(() => {
+    return Number(originValue);
+  }, [originValue]);
+
+  const onStarChange = (newValue: number) => {
+    if (onChange) {
+      onChange(newValue);
+    }
+  };
+  const rendeRrightTool = useCallback(() => {
+    switch (tooltipType) {
+      case 'number':
+        return value;
+      case 'none':
+        return null;
+      // 没有tooltipType代表存量数据，按照自定义展示，向上取整
+      case 'custom':
+      default:
+        return value && tooltips && tooltips.length > value - 1
+          ? tooltips[Math.ceil(+value) - 1]
+          : '';
+    }
+  }, [value, tooltips, tooltipType]);
+  const myTooltips = useMemo(() => {
+    switch (tooltipType) {
+      case 'number':
+      case 'none':
+        return [];
+      // 没有tooltipType代表存量数据，按照自定义展示
+      case 'custom':
+      default:
+        return tooltips;
+    }
+  }, [tooltips, tooltipType, restProps.count]);
+  return (
+    <div className={rateCls}>
+      <AntdRate
+        {...restProps}
+        tooltips={myTooltips}
+        value={value}
+        onChange={(val) => onStarChange(val)}
+      />
+      <span className={`${rateCls}-rateText`}>{rendeRrightTool()}</span>
+    </div>
+  );
+};
+
+const Rate = LingxiForwardRef<any, MyRateProps>((props, ref) => {
+  const {
+    value,
+    tooltips,
+    onChange,
+    onValueRelease,
+    visible = true,
+    defaultValue,
+    getCompPropMapState,
+    compId,
+    name,
+    fieldName: rawFieldName,
+    hidden,
+    regexp,
+    message,
+    label,
+    labelCol,
+    wrapperCol,
+    selfSpan,
+    colSpan,
+    showWrapperContainer,
+    wrapperContainer: WrapperContainer,
+    titleTip,
+    tipIcon,
+    tipLocation,
+    tipContent,
+    tipPlacement,
+    isFormChild,
+    rules: externalRules = [],
+    tipSize,
+    tipWidth,
+    tipHeight,
+    getEngineApis,
+    ...restProps
+  } = props;
+
+  const { getLocale, lang } = useLocale(getEngineApis());
+
+  const { disabled, required, readOnly, formFieldsRef } =
+    useCommonImperativeHandle(ref, props);
+
+  const finalRules = useMemo(
+    () => [
+      {
+        required,
+        message: getLocale?.('notEmpty', { name }),
+      },
+    ],
+    [required, name, lang],
+  );
+
+  return (
+    <FormFields
+      {...getFieldsProps(props)}
+      ref={formFieldsRef}
+      trigger="onChange"
+      required={required}
+      disabled={disabled}
+      readOnly={readOnly}
+      rules={finalRules}
+      handleFormValue={(val) => {
+        if (val !== undefined) {
+          return Number(val);
+        }
+        return val;
+      }}
+    >
+      <BaseRate tooltips={tooltips} onChange={onChange} {...restProps} />
+    </FormFields>
+  );
+});
+
+export default Rate;

package/lib/public/src/components/pcfactory/src/ReactECharts/PropsType.ts

@@ -0,0 +1,37 @@
+export interface MyReactEChartsProps {
+  onChartClick?: (e: any) => void;
+  visible?: boolean;
+  type: string;
+  option?: any;
+  title?: string;
+  subTitle?: string;
+  fontSize?: React.CSSProperties;
+  titleColor?: React.CSSProperties;
+  titleX?: string;
+  titleY?: string;
+  customOption?: any;
+  legend?: any;
+  xAxis?: any[];
+  stack?: boolean;
+  areaStyle?: any;
+  dataSource?: any;
+  chartDataSource?: any;
+  smooth?: boolean;
+  showSymbol?: boolean;
+  radius?: any[];
+  label?: boolean;
+  grid?: any;
+  yAxis?: any;
+  tooltip?: any;
+  style?: React.CSSProperties;
+  className?: any;
+  relateDataType: string;
+  data: any;
+  yAxisNum: any;
+  dataMapColumns: any[];
+  isDataMap: boolean;
+  seriesNum: any;
+  chartColor?: any;
+  getEngineApis?: any;
+  refDataReload?: any[];
+}