@bit-sun/business-component 3.2.4 → 3.6.1-alpha.0

package/src/components/Solution/RuleComponent/CustomPlugin/CustomSelector/index.tsx

@@ -1,129 +0,0 @@
-import { useEffect, useMemo, useRef, useState } from 'react';
-import { SearchOutlined } from '@ant-design/icons';
-import { Button, Input, Select } from 'antd';
-import CustomSelectorModal from './CustomSelectorModal';
-// @ts-ignore
-import { convertProp } from './function';
-import { noEmptyArray } from '../../../../../utils/utils';
-import React from 'react';
-
-export default (props: any) => {
-  const showType = useMemo(() => {
-    return props?.customSelectorConfig?.extraData?.showType || 'modalTable';
-  }, [props]);
-
-  const [modalConfig, setModalConfig] = useState({
-    visible: false,
-    onShow: () => {
-      setModalConfig({
-        ...modalConfig,
-        visible: true,
-      });
-    },
-    onCancel: () => {
-      setModalConfig({
-        ...modalConfig,
-        visible: false,
-      });
-    },
-  });
-
-  const [fieldSource, setFieldSource] = useState([]);
-  const [allListData, setAllListData] = useState([]);
-
-  const customRef = useRef();
-  const prop = convertProp(props?.ctx?.name, props.isSearchForm);
-  const fieldMapping = props.customSelectorConfig?.fieldMapping || [];
-  const fieldMappingItem = fieldMapping.find(
-    (item: any) => item.codeMappingTo === prop,
-  );
-  const echoLabel = props.customSelectorConfig?.extraData?.echoLabel;
-
-  useEffect(() => {
-    if (props.source && noEmptyArray(props.source)) {
-      const source = props?.source || [];
-      if (source?.[0] === true) {
-        //@ts-ignore
-        customRef?.current?.refreshSelectSource();
-      } else if (source?.[0] === false) {
-        //@ts-ignore
-        customRef?.current?.refreshSelectSource(true);
-      }
-    }
-  }, [props.source]);
-
-  const setFieldValue = (key: string, value: any,sourceList?: any) => {
-    props?.ctx?.form?.setFieldValue?.(key, value);
-    props?.onChange?.(value,sourceList)
-  };
-
-  const onChange = (value: any) => {
-    if (!value) return;
-    const dataItem =
-      allListData.filter((item) =>
-        Array.isArray(value)
-          ? value.includes(
-              item?.[fieldMappingItem?.codeMappingFrom || echoLabel],
-            )
-          : item?.[fieldMappingItem?.codeMappingFrom || echoLabel] == value,
-      ) || [];
-    if (showType === 'modalTable') {
-      const rowData = props?.selectProps?.multipleForQuery
-        ? dataItem
-        : dataItem?.[0] || {};
-      //@ts-ignore
-      customRef?.current?.handleOk(rowData, false);
-    } else {
-      setFieldValue(props.ctx?.name, value,fieldSource);
-    }
-  };
-
-  const multipleForQuery = props?.selectProps?.multipleForQuery;
-  const isView = props?.ctx?.mode == 'view'
-
-  return (
-    <div style={{ display: 'flex' }}>
-      <Select
-        {...props?.selectProps}
-        showSearch={true}
-        optionFilterProp={'label'}
-        placeholder="请选择"
-        onChange={onChange}
-        options={fieldSource}
-        value={(!props?.ctx?.form && props?.value) || props?.ctx?.form?.getFieldValue(props.id)}
-        disabled={isView || props.disabled}
-        mode={multipleForQuery ? 'multiple' : undefined}
-        allowClear={props?.allowClear}
-        onClear={() => setFieldValue(props.ctx?.name, multipleForQuery?[]:'',fieldSource)}
-      />
-      {showType === 'modalTable' && (
-        <Button
-          type="primary"
-          style={{
-            width: '30px',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-          }}
-          onClick={() => {
-            modalConfig.onShow();
-          }}
-          disabled={props.disabled}
-        >
-          <SearchOutlined className="site-form-item-icon" />
-        </Button>
-      )}
-      <CustomSelectorModal
-        ref={customRef}
-        {...modalConfig}
-        {...props}
-        showType={showType}
-        fieldSource={fieldSource}
-        setFieldSource={setFieldSource}
-        setFieldValue={setFieldValue}
-        setAllListData={setAllListData}
-        ismultiple={multipleForQuery}
-      ></CustomSelectorModal>
-    </div>
-  );
-};