@bit-sun/business-component 3.1.10-alpha.1 → 3.1.10-alpha.11

package/src/components/Solution/RuleComponent/RenderCompItem.tsx

@@ -1,774 +1,774 @@
-// @ts-nocheck
-import { BsCascader } from '@/components/Functional/BsAntdSula';
-import { BusinessSearchSelect, BusinessTreeSearchSelect } from '@/index';
-import { getDictionarySource, judgeIsEmpty, uuid } from '../../../utils/utils';
-import { useRequest } from 'ahooks';
-import { Input, InputNumber, DatePicker, Switch, Select } from 'antd';
-import React, { useEffect, useState } from 'react'
-import { request } from 'bssula';
-import Formula from './Formula';
-import {
-  dateFormat,
-  fullDateFormat
-} from './util';
-import InnerSelect from './InnerSelect';
-import CustomSelector from './CustomPlugin/CustomSelector';
-const { RangePicker } = DatePicker;
-export default function RenderCompItem(props:any){
-    const { regularDataList,ites, showValue, handleEdit,disabled } = props;
-    let fieldListGroup = regularDataList.map((item:any) => {
-      const Item = {
-        id: item.id,
-        code: item.code,
-        name: item.name,
-        value: item.code,
-      };
-      if (item.propertyList) {
-        // @ts-ignore
-        Item.propertyList = item.propertyList.map((field:any) => ({
-          id: field.id,
-          code: field.code,
-          name: field.name,
-          value: `${item.code}.${field.code}`,
-          valueText: `${item.name}.${field.name}`,
-        }));
-      }
-      return Item;
-    });
-    console.log(ites?.dictionaryCode&&!getDictionarySource(ites.dictionaryCode))
-    const [dictData, setDictData] = useState(getDictionarySource(ites.dictionaryCode) || [])
-    const getDictData=async()=>{
-      const data= await request({url:`/basic/bscDictItem/allItemList?qp-code-eq=${ites.dictionaryCode}`})
-      setDictData(data?.map?.(item=>({text:item.dictItemName,value:item.dictItemCode})))
-    }
-
-    useEffect(() => {
-      if (ites?.dictionaryCode && !getDictionarySource(ites.dictionaryCode)) {
-        getDictData()
-      }
-    }, []);
-    if (!ites) return;
-    const styleCommon = {
-      width: '200px',
-      ...(ites?.rightText ? { marginLeft: 10 } : {}),
-    };
-    const style2 = {
-      width: '100px',
-    };
-    return (
-      <>
-        {/* 输入/字符串  */}
-        {(ites?.inputType === 10 && ites?.valueType === 21 && (
-          <Input
-            disabled={disabled}
-            allowClear={true}
-            onClear={() => handleEdit(ites.code, undefined)}
-            defaultValue={showValue(ites.code, 'input')}
-            style={styleCommon}
-            onBlur={(e) => {
-              handleEdit(
-                ites.code,
-                String(e.target.value).trim() == ''
-                  ? undefined
-                  : e.target.value,
-              );
-            }}
-          />
-        )) ||
-          null}
-        {/* 输入 / 长整数23/小数22  */}
-        {(ites?.inputType === 10 &&
-          (ites?.valueType === 23 || ites?.valueType === 22) && (
-            <InputNumber
-              disabled={disabled}
-              // max={Number.MAX_SAFE_INTEGER}
-              max={judgeIsEmpty(ites?.maxValue) ? Number.MAX_SAFE_INTEGER : ites.maxValue}
-              // min={ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER}
-              min={judgeIsEmpty(ites?.minValue) ? (ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER) : ites.minValue}
-              precision={ites?.valueType === 23 ? 0 : 2}
-              defaultValue={ites.defaultValue}
-              style={style2}
-              value={showValue(ites.code)}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-            />
-          )) ||
-          null}
-        {/* 输入/日期  */}
-        {(ites?.inputType === 10 && (ites?.valueType === 41 || ites?.valueType === 32) && (
-          <DatePicker
-            showTime={ites?.valueType == 32}
-            format={ites?.valueType == 41 ? dateFormat : fullDateFormat}
-            disabled={disabled}
-            defaultValue={ites.defaultValue}
-            style={styleCommon}
-            value={showValue(ites.code,ites?.valueType == 41?'date':'dateTime')}
-            onChange={(value,dateString) => {
-              handleEdit(ites.code, dateString);
-            }}
-          />
-        )) ||
-          null}
-        {/* 输入/时间  */}
-        {(ites?.inputType === 10 && ites?.valueType === 40 && (
-          <RangePicker
-            showTime
-            disabled={disabled}
-            defaultValue={ites.defaultValue}
-            style={styleCommon}
-            value={showValue(ites.code,'rangeTime')}
-            onChange={(value,timeString) => {
-              handleEdit(ites.code, timeString);
-            }}
-          />
-        )) ||
-          null}
-        {/* 输入/布尔值  */}
-        {(ites?.inputType === 10 && ites?.valueType === 24 && (
-          <Switch
-            disabled={disabled}
-            defaultChecked={!!ites.defaultValue}
-            style={style2}
-            checked={showValue(ites.code)}
-            onChange={(value) => {
-              handleEdit(ites.code, value);
-            }}
-          />
-        )) ||
-          null}
-        {/* 单选/多选  自定义  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 10 && (
-            <Select
-              disabled={disabled}
-              allowClear
-              showArrow
-              {...(ites?.inputType === 30
-                ? {
-                    mode: 'multiple',
-                  }
-                : {})}
-              defaultValue={ites.defaultValue}
-              style={styleCommon}
-              value={showValue(ites.code) as string}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-            >
-              {Object.keys(ites.enumeration).map((it) => (
-                <Select.Option key={it} value={it}>
-                  {ites.enumeration[it]}
-                </Select.Option>
-              ))}
-            </Select>
-          )) ||
-          null}
-        {/* 单选/多选  数据字典  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 20 && (
-            <InnerSelect
-              disabled={disabled}
-              inputType={ites?.inputType}
-              defaultValue={ites.defaultValue}
-              styleCommon={styleCommon}
-              value={showValue(ites.code)}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              dictionaryCode={ites.dictionaryCode}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  仓库选择器(物理仓)  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 110 && (
-            <BusinessSearchSelect
-              selectBusinessType="physicalWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择物理仓',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                mappingValueField: 'physicalWarehouseCode',
-                filterInit: 'qp-physicalWarehouseCode-in',
-              }}
-              onChange={(value: any) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  仓库选择器(逻辑仓)  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 120 && (
-            <BusinessSearchSelect
-              selectBusinessType="realWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择逻辑仓',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                mappingValueField: 'realWarehouseCode',
-                filterInit: 'qp-realWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  仓库选择器(虚拟仓)  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 130 && (
-            <BusinessSearchSelect
-              selectBusinessType="virtualWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择虚拟仓',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                mappingValueField: 'virtualWarehouseCode',
-                filterInit: 'qp-virtualWarehouseCode-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  仓库选择器(渠道仓)  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 140 && (
-            <BusinessSearchSelect
-              selectBusinessType="channelWarehouse"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择渠道仓',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                mappingValueField: 'channelWarehouseCode',
-                filterInit: 'qp-channelWarehouseCode-in',
-              }}
-              onChange={(value: any) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  商品SPU选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 150 && (
-            <BusinessSearchSelect
-              selectBusinessType="spuCommodity"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择SPU',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-itemCode-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  商品SKU选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 160 && (
-            <BusinessSearchSelect
-              selectBusinessType="skuCommodity"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择商品',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-skuCode-in',
-              }}
-              onChange={(value: any) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  省市区  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 190 && (
-            <BsCascader
-              disabled={disabled}
-              isAll={true}
-              needNameAndCode={true}
-              notChangeOnSelect={true}
-              initRequestSource={async () => {
-                return await request({
-                  url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
-                  method: 'get',
-                  converter: ({ data }: any) => {
-                    // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115629
-                    const handleData =
-                      data && data[0]
-                        ? data?.map((item: any) => {
-                            return {
-                              text: item.name,
-                              value: item.id,
-                              level: item.level,
-                              id: item.id,
-                            };
-                          })
-                        : [];
-                    return handleData;
-                  },
-                });
-              }}
-              value={showValue(ites.code)}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  行政组织选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 210 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="department"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  采购组织选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 220 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="purchase-organization"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  销售组织选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 230 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="sales-organization"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  供应商选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 240 && (
-            <BusinessSearchSelect
-              selectBusinessType="supplier2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择供应商',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  客户选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 250 && (
-            <BusinessSearchSelect
-              selectBusinessType="customer2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择客户',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  店铺选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 260 && (
-            <BusinessSearchSelect
-              selectBusinessType="shopFile2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择店铺',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  员工选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 270 && (
-            <BusinessSearchSelect
-              selectBusinessType="employee2"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择员工',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-id-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  库存组织选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 280 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="stock-organization"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-        null}
-        {/* 单选/多选  结算组织选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 290 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="settle-organization"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  配送方式选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 310 && (
-            <BusinessSearchSelect
-              selectBusinessType="deliveryMode"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择配送方式',
-                ...(ites?.inputType === 30
-                  ? {
-                      mode: 'multiple',
-                      maxTagCount: 1,
-                    }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-        null}
-        {/* 单选/多选  角色选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 360 && (
-            <BusinessSearchSelect
-              selectBusinessType="role"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择角色',
-                ...(ites?.inputType === 30
-                  ? {
-                    mode: 'multiple',
-                    maxTagCount: 1,
-                  }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  品牌选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 410 && (
-            <BusinessSearchSelect
-              selectBusinessType="brand"
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择品牌',
-                ...(ites?.inputType === 30
-                  ? {
-                    mode: 'multiple',
-                    maxTagCount: 1,
-                  }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-brandCode-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  类目选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 420 && (
-            <BusinessTreeSearchSelect
-              disabled={disabled}
-              treeCheckable={ites?.inputType === 30}
-              businessType="background-category"
-              labelInValue={true}
-              value={showValue(ites.code)}
-              style={styleCommon}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  订单标签选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 450 && (
-            <BusinessSearchSelect
-              selectBusinessType="orderTag"
-              prefixUrl={{ selectPrefix: '/oms-ops' }}
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择订单标签',
-                ...(ites?.inputType === 30
-                  ? {
-                    mode: 'multiple',
-                    maxTagCount: 1,
-                  }
-                  : {}),
-              }}
-              disabled={disabled}
-              labelInValue={true}
-              value={showValue(ites.code)}
-              requestConfig={{
-                filterInit: 'qp-code-in',
-              }}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-              getPopupContainer={() => document.body}
-            />
-          )) ||
-          null}
-        {/* 单选/多选  自定义选择器  */}
-        {((ites?.inputType === 20 || ites?.inputType === 30) &&
-          ites?.choiceType === 40 && (
-            <CustomSelector
-              selectProps={{
-                style: styleCommon,
-                placeholder: '请选择',
-                ...(ites?.inputType === 30
-                  ? {
-                    mode: 'multiple',
-                    maxTagCount: 1,
-                    multipleForQuery: true
-                  }
-                  : {}),
-                getPopupContainer: () => document.body,
-              }}
-              ctx={ { name: ites.code }}
-              isSearchForm={true}
-              customSelectorConfig={others?.customSelectorConfig || {}}
-              disabled={disabled}
-              value={showValue(ites.code)}
-              onChange={(value) => {
-                handleEdit(ites.code, value);
-              }}
-            />
-          )) ||
-          null}
-        {/* 表达式 */}
-        {ites?.inputType === 40 && (
-          <div style={{ display: 'flex' }}>
-            <Formula
-              disabled={disabled}
-              key={showValue(ites.code)}
-              // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115667
-              setValue={(val, formulaName) => {
-                console.log(val, 'val');
-                const value = val.map((item) => {
-                  return item.value.replace(
-                    /[a-zA-Z_]+\.\w+/g,
-                    (i) => '{' + i + '}',
-                  );
-                });
-                handleEdit(ites.code, value.join(''));
-                handleEdit({
-                  inputType: 40,
-                  formulaName,
-                });
-              }}
-              record={{ expression: showValue(ites.code) }}
-              sourceData={fieldListGroup}
-            />
-          </div>
-        )}
-      </>
-    );
-  };
+// @ts-nocheck
+import { BsCascader } from '@/components/Functional/BsAntdSula';
+import { BusinessSearchSelect, BusinessTreeSearchSelect } from '@/index';
+import { getDictionarySource, judgeIsEmpty, uuid } from '../../../utils/utils';
+import { useRequest } from 'ahooks';
+import { Input, InputNumber, DatePicker, Switch, Select } from 'antd';
+import React, { useEffect, useState } from 'react'
+import { request } from 'bssula';
+import Formula from './Formula';
+import {
+  dateFormat,
+  fullDateFormat
+} from './util';
+import InnerSelect from './InnerSelect';
+import CustomSelector from './CustomPlugin/CustomSelector';
+const { RangePicker } = DatePicker;
+export default function RenderCompItem(props:any){
+    const { regularDataList,ites, showValue, handleEdit,disabled } = props;
+    let fieldListGroup = regularDataList.map((item:any) => {
+      const Item = {
+        id: item.id,
+        code: item.code,
+        name: item.name,
+        value: item.code,
+      };
+      if (item.propertyList) {
+        // @ts-ignore
+        Item.propertyList = item.propertyList.map((field:any) => ({
+          id: field.id,
+          code: field.code,
+          name: field.name,
+          value: `${item.code}.${field.code}`,
+          valueText: `${item.name}.${field.name}`,
+        }));
+      }
+      return Item;
+    });
+    console.log(ites?.dictionaryCode&&!getDictionarySource(ites.dictionaryCode))
+    const [dictData, setDictData] = useState(getDictionarySource(ites.dictionaryCode) || [])
+    const getDictData=async()=>{
+      const data= await request({url:`/basic/bscDictItem/allItemList?qp-code-eq=${ites.dictionaryCode}`})
+      setDictData(data?.map?.(item=>({text:item.dictItemName,value:item.dictItemCode})))
+    }
+
+    useEffect(() => {
+      if (ites?.dictionaryCode && !getDictionarySource(ites.dictionaryCode)) {
+        getDictData()
+      }
+    }, []);
+    if (!ites) return;
+    const styleCommon = {
+      width: '200px',
+      ...(ites?.rightText ? { marginLeft: 10 } : {}),
+    };
+    const style2 = {
+      width: '100px',
+    };
+    return (
+      <>
+        {/* 输入/字符串  */}
+        {(ites?.inputType === 10 && ites?.valueType === 21 && (
+          <Input
+            disabled={disabled}
+            allowClear={true}
+            onClear={() => handleEdit(ites.code, undefined)}
+            defaultValue={showValue(ites.code, 'input')}
+            style={styleCommon}
+            onBlur={(e) => {
+              handleEdit(
+                ites.code,
+                String(e.target.value).trim() == ''
+                  ? undefined
+                  : e.target.value,
+              );
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入 / 长整数23/小数22  */}
+        {(ites?.inputType === 10 &&
+          (ites?.valueType === 23 || ites?.valueType === 22) && (
+            <InputNumber
+              disabled={disabled}
+              // max={Number.MAX_SAFE_INTEGER}
+              max={judgeIsEmpty(ites?.maxValue) ? Number.MAX_SAFE_INTEGER : ites.maxValue}
+              // min={ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER}
+              min={judgeIsEmpty(ites?.minValue) ? (ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER) : ites.minValue}
+              precision={ites?.valueType === 23 ? 0 : 2}
+              defaultValue={ites.defaultValue}
+              style={style2}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            />
+          )) ||
+          null}
+        {/* 输入/日期  */}
+        {(ites?.inputType === 10 && (ites?.valueType === 41 || ites?.valueType === 32) && (
+          <DatePicker
+            showTime={ites?.valueType == 32}
+            format={ites?.valueType == 41 ? dateFormat : fullDateFormat}
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={styleCommon}
+            value={showValue(ites.code,ites?.valueType == 41?'date':'dateTime')}
+            onChange={(value,dateString) => {
+              handleEdit(ites.code, dateString);
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入/时间  */}
+        {(ites?.inputType === 10 && ites?.valueType === 40 && (
+          <RangePicker
+            showTime
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={styleCommon}
+            value={showValue(ites.code,'rangeTime')}
+            onChange={(value,timeString) => {
+              handleEdit(ites.code, timeString);
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入/布尔值  */}
+        {(ites?.inputType === 10 && ites?.valueType === 24 && (
+          <Switch
+            disabled={disabled}
+            defaultChecked={!!ites.defaultValue}
+            style={style2}
+            checked={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          null}
+        {/* 单选/多选  自定义  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 10 && (
+            <Select
+              disabled={disabled}
+              allowClear
+              showArrow
+              {...(ites?.inputType === 30
+                ? {
+                    mode: 'multiple',
+                  }
+                : {})}
+              defaultValue={ites.defaultValue}
+              style={styleCommon}
+              value={showValue(ites.code) as string}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            >
+              {Object.keys(ites.enumeration).map((it) => (
+                <Select.Option key={it} value={it}>
+                  {ites.enumeration[it]}
+                </Select.Option>
+              ))}
+            </Select>
+          )) ||
+          null}
+        {/* 单选/多选  数据字典  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 20 && (
+            <InnerSelect
+              disabled={disabled}
+              inputType={ites?.inputType}
+              defaultValue={ites.defaultValue}
+              styleCommon={styleCommon}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              dictionaryCode={ites.dictionaryCode}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(物理仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 110 && (
+            <BusinessSearchSelect
+              selectBusinessType="physicalWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择物理仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'physicalWarehouseCode',
+                filterInit: 'qp-physicalWarehouseCode-in',
+              }}
+              onChange={(value: any) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(逻辑仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 120 && (
+            <BusinessSearchSelect
+              selectBusinessType="realWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择逻辑仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'realWarehouseCode',
+                filterInit: 'qp-realWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(虚拟仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 130 && (
+            <BusinessSearchSelect
+              selectBusinessType="virtualWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择虚拟仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'virtualWarehouseCode',
+                filterInit: 'qp-virtualWarehouseCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  仓库选择器(渠道仓)  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 140 && (
+            <BusinessSearchSelect
+              selectBusinessType="channelWarehouse"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择渠道仓',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                mappingValueField: 'channelWarehouseCode',
+                filterInit: 'qp-channelWarehouseCode-in',
+              }}
+              onChange={(value: any) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  商品SPU选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 150 && (
+            <BusinessSearchSelect
+              selectBusinessType="spuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择SPU',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-itemCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  商品SKU选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 160 && (
+            <BusinessSearchSelect
+              selectBusinessType="skuCommodity"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择商品',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-skuCode-in',
+              }}
+              onChange={(value: any) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  省市区  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 190 && (
+            <BsCascader
+              disabled={disabled}
+              isAll={true}
+              needNameAndCode={true}
+              notChangeOnSelect={true}
+              initRequestSource={async () => {
+                return await request({
+                  url: '/basic/bscArea/getBscAreaList?qp-level-eq=1&qp-pid-eq=100000',
+                  method: 'get',
+                  converter: ({ data }: any) => {
+                    // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115629
+                    const handleData =
+                      data && data[0]
+                        ? data?.map((item: any) => {
+                            return {
+                              text: item.name,
+                              value: item.id,
+                              level: item.level,
+                              id: item.id,
+                            };
+                          })
+                        : [];
+                    return handleData;
+                  },
+                });
+              }}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  行政组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 210 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="department"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  采购组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 220 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="purchase-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  销售组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 230 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="sales-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  供应商选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 240 && (
+            <BusinessSearchSelect
+              selectBusinessType="supplier2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择供应商',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  客户选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 250 && (
+            <BusinessSearchSelect
+              selectBusinessType="customer2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择客户',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  店铺选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 260 && (
+            <BusinessSearchSelect
+              selectBusinessType="shopFile2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择店铺',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  员工选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 270 && (
+            <BusinessSearchSelect
+              selectBusinessType="employee2"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择员工',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-id-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  库存组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 280 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="stock-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+        null}
+        {/* 单选/多选  结算组织选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 290 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="settle-organization"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  配送方式选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 310 && (
+            <BusinessSearchSelect
+              selectBusinessType="deliveryMode"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择配送方式',
+                ...(ites?.inputType === 30
+                  ? {
+                      mode: 'multiple',
+                      maxTagCount: 1,
+                    }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+        null}
+        {/* 单选/多选  角色选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 360 && (
+            <BusinessSearchSelect
+              selectBusinessType="role"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择角色',
+                ...(ites?.inputType === 30
+                  ? {
+                    mode: 'multiple',
+                    maxTagCount: 1,
+                  }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  品牌选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 410 && (
+            <BusinessSearchSelect
+              selectBusinessType="brand"
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择品牌',
+                ...(ites?.inputType === 30
+                  ? {
+                    mode: 'multiple',
+                    maxTagCount: 1,
+                  }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-brandCode-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  类目选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 420 && (
+            <BusinessTreeSearchSelect
+              disabled={disabled}
+              treeCheckable={ites?.inputType === 30}
+              businessType="background-category"
+              labelInValue={true}
+              value={showValue(ites.code)}
+              style={styleCommon}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  订单标签选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 450 && (
+            <BusinessSearchSelect
+              selectBusinessType="orderTag"
+              prefixUrl={{ selectPrefix: '/oms-ops' }}
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择订单标签',
+                ...(ites?.inputType === 30
+                  ? {
+                    mode: 'multiple',
+                    maxTagCount: 1,
+                  }
+                  : {}),
+              }}
+              disabled={disabled}
+              labelInValue={true}
+              value={showValue(ites.code)}
+              requestConfig={{
+                filterInit: 'qp-code-in',
+              }}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              getPopupContainer={() => document.body}
+            />
+          )) ||
+          null}
+        {/* 单选/多选  自定义选择器  */}
+        {((ites?.inputType === 20 || ites?.inputType === 30) &&
+          ites?.choiceType === 40 && (
+            <CustomSelector
+              selectProps={{
+                style: styleCommon,
+                placeholder: '请选择',
+                ...(ites?.inputType === 30
+                  ? {
+                    mode: 'multiple',
+                    maxTagCount: 1,
+                    multipleForQuery: true
+                  }
+                  : {}),
+                getPopupContainer: () => document.body,
+              }}
+              ctx={ { name: ites.code }}
+              isSearchForm={true}
+              customSelectorConfig={others?.customSelectorConfig || {}}
+              disabled={disabled}
+              value={showValue(ites.code)}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+            />
+          )) ||
+          null}
+        {/* 表达式 */}
+        {ites?.inputType === 40 && (
+          <div style={{ display: 'flex' }}>
+            <Formula
+              disabled={disabled}
+              key={showValue(ites.code)}
+              // FIXME http://192.168.13.78/mep-fed-group/web/libs/business-component/-/merge_requests/45#note_115667
+              setValue={(val, formulaName) => {
+                console.log(val, 'val');
+                const value = val.map((item) => {
+                  return item.value.replace(
+                    /[a-zA-Z_]+\.\w+/g,
+                    (i) => '{' + i + '}',
+                  );
+                });
+                handleEdit(ites.code, value.join(''));
+                handleEdit({
+                  inputType: 40,
+                  formulaName,
+                });
+              }}
+              record={{ expression: showValue(ites.code) }}
+              sourceData={fieldListGroup}
+            />
+          </div>
+        )}
+      </>
+    );
+  };