@bit-sun/business-component 2.4.22 → 2.4.24

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

@@ -0,0 +1,637 @@
+// @ts-nocheck
+import { BsCascader } from '@/components/Functional/BsAntdSula';
+import { BusinessSearchSelect, BusinessTreeSearchSelect } from '@/index';
+import { getDictionarySource, 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';
+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}
+              min={ites?.valueType === 23 ? 0 : Number.MIN_SAFE_INTEGER}
+              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 && (
+          <DatePicker
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={style2}
+            value={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          null}
+        {/* 输入/时间  */}
+        {(ites?.inputType === 10 && ites?.valueType === 40 && (
+          <RangePicker
+            showTime
+            disabled={disabled}
+            defaultValue={ites.defaultValue}
+            style={style2}
+            value={showValue(ites.code)}
+            onChange={(value) => {
+              handleEdit(ites.code, value);
+            }}
+          />
+        )) ||
+          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 && (
+            <Select
+              disabled={disabled}
+              {...(ites?.inputType === 30
+                ? {
+                    mode: 'multiple',
+                  }
+                : {})}
+              defaultValue={ites.defaultValue}
+              style={styleCommon}
+              value={showValue(ites.code)?.split(',')}
+              onChange={(value) => {
+                handleEdit(ites.code, value);
+              }}
+              showSearch
+              optionFilterProp="children"
+              filterOption={(
+                input: string,
+                option: { props: { children: string } },
+              ) =>
+                option.props.children
+                  .toLowerCase()
+                  .indexOf(input.toLowerCase()) >= 0
+              }
+            >
+              {(dictData as any[])?.map((it) => (
+                <Select.Option key={it.value} value={it.value}>
+                  {it.text}
+                </Select.Option>
+              ))}
+            </Select>
+          )) ||
+          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 === 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 === 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>
+        )}
+      </>
+    );
+  };

package/src/components/Solution/RuleComponent/index.d.ts

@@ -1,29 +1,29 @@
-export class RuleComponent {
-  /** regularDataList必填，规则模板配置的条件对象---可选对象树数据源 */
-  regularDataList: any;
-  /** operationList必填，可选操作符数据源 */
-  operationList: any;
-  /** ruleClassData必填，规则组件配置数据 */
-  ruleClassData: any;
-  /** callBack必填，数据交互 */
-  callBack: any;
-  /** systemVariableList选填，规则模板配置的变量--插入参数数据源 */
-  systemVariableList?:any;
-  /** initialThresholdQuery非必填，处理条件对象操作符后面框的数据源参数 */
-  initialThresholdQuery?: any;
-
-  /** ruleGroupInfo选填，当前规则实例所属规则模板-关联的规则组信息 */
-  ruleGroupInfo?: any
-  /** ruleTypeData选填，动作数据源 */
-  ruleTypeData?: any;
-  /** ruleTypeData选填，返回值数据源 */
-  ruleReturnConfig?: any;
-  /** handleOperatingAction非必填，onlyAction为true时 父子组件之间数据交互 */
-  handleOperatingAction?: any;
-
-  disabled?: boolean;
-  canDelete?: boolean;
-  onlyOneRule?: boolean;
-  onlyCondition?: boolean;
-  onlyAction?: boolean;
-}
+export class RuleComponent {
+  /** regularDataList必填，规则模板配置的条件对象---可选对象树数据源 */
+  regularDataList: any;
+  /** operationList必填，可选操作符数据源 */
+  operationList: any;
+  /** ruleClassData必填，规则组件配置数据 */
+  ruleClassData: any;
+  /** callBack必填，数据交互 */
+  callBack: any;
+  /** systemVariableList选填，规则模板配置的变量--插入参数数据源 */
+  systemVariableList?:any;
+  /** initialThresholdQuery非必填，处理条件对象操作符后面框的数据源参数 */
+  initialThresholdQuery?: any;
+
+  /** ruleGroupInfo选填，当前规则实例所属规则模板-关联的规则组信息 */
+  ruleGroupInfo?: any
+  /** ruleTypeData选填，动作数据源 */
+  ruleTypeData?: any;
+  /** ruleTypeData选填，返回值数据源 */
+  ruleReturnConfig?: any;
+  /** handleOperatingAction非必填，onlyAction为true时 父子组件之间数据交互 */
+  handleOperatingAction?: any;
+
+  disabled?: boolean;
+  canDelete?: boolean;
+  onlyOneRule?: boolean;
+  onlyCondition?: boolean;
+  onlyAction?: boolean;
+}