@bit-sun/business-component 4.0.12-alpha.19 → 4.0.12-alpha.20

package/src/components/Business/PropertyModal/mockData.ts

@@ -1,160 +0,0 @@
-export const MockPropertyList = [
-    {
-        propertyCode: 'year',
-        propertyName: '年份',
-        isCommonUse: true,
-        detailList: [
-            {
-                name: '2022',
-                value: '2022',
-                isCommonUse: true,
-            },
-            {
-                name: '2023',
-                value: '2023',
-                isCommonUse: true,
-            },
-            {
-                name: '2024',
-                value: '2024',
-                isCommonUse: true,
-            },
-        ]
-    },
-    {
-        propertyCode: 'season',
-        propertyName: '季节',
-        isCommonUse: true,
-        detailList: [
-            {
-                name: '春',
-                value: '1',
-                isCommonUse: true,
-            },
-            {
-                name: '夏',
-                value: '2',
-                isCommonUse: true,
-            },
-            {
-                name: '秋',
-                value: '3',
-                isCommonUse: true,
-            },
-            {
-                name: '冬',
-                value: '4',
-                isCommonUse: true,
-            },
-        ]
-    },
-    {
-        propertyCode: 'color',
-        propertyName: '色号',
-        isCommonUse: true,
-        detailList: [
-            {
-                name: '赤',
-                value: '1',
-                isCommonUse: true,
-            },
-            {
-                name: '橙',
-                value: '2',
-                isCommonUse: true,
-            },
-            {
-                name: '红',
-                value: '3',
-                isCommonUse: true,
-            },
-            {
-                name: '绿',
-                value: '4',
-                isCommonUse: true,
-            },
-            {
-                name: '青',
-                value: '5',
-                isCommonUse: true,
-            },
-            {
-                name: '蓝',
-                value: '6',
-                isCommonUse: true,
-            },
-            {
-                name: '紫',
-                value: '7',
-                isCommonUse: true,
-            },
-            {
-                name: '橘红',
-                value: '8',
-                isCommonUse: false,
-            },
-            {
-                name: '天蓝',
-                value: '9',
-                isCommonUse: false,
-            },
-            {
-                name: '银白',
-                value: '10',
-                isCommonUse: false,
-            },
-            {
-                name: '紫',
-                value: '11',
-                isCommonUse: false,
-            },
-        ]
-    },
-    {
-        propertyCode: 'brandCode',
-        propertyName: '品牌',
-        isCommonUse: false,
-        detailList: [
-            {
-                name: '品牌2',
-                value: '2',
-                isCommonUse: true,
-            },
-            {
-                name: '品牌3',
-                value: '3',
-                isCommonUse: true,
-            },
-            {
-                name: '品牌4',
-                value: '4',
-                isCommonUse: true,
-            },
-           
-        ]
-    },
-    {
-        propertyCode: 'size',
-        propertyName: '尺码',
-        isCommonUse: false,
-        detailList: [
-            {
-                name: 'M',
-                value: '2',
-                isCommonUse: true,
-            },
-            {
-                name: 'L',
-                value: '3',
-                isCommonUse: true,
-            },
-            {
-                name: 'XL',
-                value: '4',
-                isCommonUse: true,
-            },
-           
-        ]
-    },
-
-]

package/src/components/Business/PropertyModal/propertyGroup.tsx

@@ -1,205 +0,0 @@
-import React, { useEffect, useState } from "react";
-import { Checkbox } from 'antd';
-import { CaretUpOutlined, CaretDownOutlined } from '@ant-design/icons';
-import './index.less';
-import { set } from "lodash";
-
-interface PropertyItem {
-    name: string;
-    value: string;
-    isChecked: boolean;
-    isCommonUse: boolean;
-}
-
-interface propertyInfoProps {
-    propertyName: string;
-    propertyCode: string;
-    detailList: Array<PropertyItem>;
-}
-
-const PropertyGroup = (props: any) => {
-
-    const { 
-        propertyData, 
-        handleProperyItemChange, 
-        modalVisilbe,
-        itemValue,
-    } = props;
-    const [commonUseProperty, setCommonUseProperty] = useState<Array<PropertyItem> | any>([]); // 常用属性值
-    const [notCommonUseProperty, setNotCommonUseProperty] = useState<Array<PropertyItem> | any>([]); // 非常用属性值
-    const [indeterminate, setIndeterminate] = useState(false);
-    const [showNotCommon, setShowNotCommon] = useState(false);
-
-    useEffect(() => {
-        const proItemValue = (itemValue.propertyList || []).find((item: any) => item.propertyCode === propertyData.propertyCode);
-        const checkedList = proItemValue?.detailList || [];
-
-        const proDetailList = JSON.parse(JSON.stringify( propertyData?.detailList || []));
-        proDetailList.forEach((item: any) => {
-            if (checkedList.some((checkItem: any) => checkItem.value === item.value)){
-                item.isChecked = true;
-            }
-        });
-        const commonUseProperty = (proDetailList).filter((item: any) => item.isCommonUse);
-        
-        const notCommonUseProperty = (proDetailList).filter((item: any) => !item.isCommonUse);
-        if (checkedList.some((item: any) => !item.isCommonUse)) {
-            setShowNotCommon(true)
-        }
-        setCommonUseProperty(commonUseProperty);
-        setNotCommonUseProperty(notCommonUseProperty);
-    }, [modalVisilbe])
-
-    const parseDataToParent = (comUse: any[], notComUse: any[]) => {
-        let choosedPropertyList = (comUse|| []).filter(item => item.isChecked);
-        if (showNotCommon) {
-            choosedPropertyList = [...choosedPropertyList, ...((notComUse|| []).filter(item => item.isChecked))]
-        }
-        handleProperyItemChange({
-            propertyCode: propertyData?.propertyCode,
-            propertyName: propertyData?.propertyName,
-            propertyId: propertyData?.propertyId,
-            isCommonUse: propertyData?.isCommonUse,
-            detailList: choosedPropertyList
-        });
-    }
-
-
-    const handleChangeAll = (e: any) => {
-        if (showNotCommon) {
-            notCommonUseProperty.map((item: any) => item.isChecked = e.target.checked);
-            setNotCommonUseProperty([...notCommonUseProperty])
-        }
-        commonUseProperty.map((item: any) => item.isChecked = e.target.checked);
-        parseDataToParent(commonUseProperty, notCommonUseProperty)
-        setCommonUseProperty([...commonUseProperty])
-        setIndeterminate(false)
-    }
-
-    const handleIndeterminate = (commonUseProperty: any[], notCommonUseProperty: any[]) => {
-        let checkList = [...commonUseProperty];
-        if (showNotCommon) {
-            checkList = [...checkList, ...notCommonUseProperty]
-        }
-        const indeterminate = !!checkList.filter(item => item.isChecked).length && checkList.filter(item => item.isChecked).length !== checkList.length;
-        setIndeterminate(indeterminate);
-    }
-
-    const handleItemChecked = (e: any, item: any, type: number) => {
-        if (type === 1) { // 常用属性
-            (commonUseProperty || []).forEach((info: any) => {
-                if (info.value === item.value) {
-                    info.isChecked = e.target.checked;
-                }
-            })
-            handleIndeterminate(commonUseProperty, notCommonUseProperty)
-            parseDataToParent(commonUseProperty, notCommonUseProperty)
-            setCommonUseProperty([...commonUseProperty])
-        }
-
-        if (type === 2) { // 非常用属性
-            (notCommonUseProperty || []).forEach((info: any) => {
-                if (info.value === item.value) {
-                    info.isChecked = e.target.checked;
-                }
-            })
-            handleIndeterminate(commonUseProperty, notCommonUseProperty)
-            parseDataToParent(commonUseProperty, notCommonUseProperty)
-            setNotCommonUseProperty([...notCommonUseProperty])
-        }
-    }
-
-    const checkAllChecked = () => {
-        const checkData = showNotCommon ? [...commonUseProperty, ...notCommonUseProperty] : [...commonUseProperty];
-        return checkData.length && checkData.every(item => item.isChecked) ? true : false;
-    }
-
-
-    return (
-        <div className={'propertyGroup_container'}>
-            <div className={'propertyGroup_container_left'}>
-                <Checkbox
-                    checked={checkAllChecked()}
-                    indeterminate={indeterminate}
-                    onChange={handleChangeAll}
-                >
-                    <div title={propertyData.name} className="propertyGroup_checkbox_container">{propertyData.propertyName}</div>
-                </Checkbox>
-            </div>
-            <div className={'propertyGroup_container_right'}>
-                {
-                    (commonUseProperty || []).map((item: any) => (
-                        <Checkbox
-                            checked={item.isChecked}
-                            key={item.value}
-                            onChange={(e) => {
-                                handleItemChecked(e, item, 1)
-                            }}
-                        >
-                            <div title={item.name} className="propertyGroup_checkbox_container">
-                                {item.name}
-                            </div>
-                        </Checkbox>
-                    ))
-
-                }
-                {
-                    showNotCommon && (notCommonUseProperty || []).map((item: any) => (
-                        <Checkbox
-                            checked={item.isChecked}
-                            key={item.value}
-                            onChange={(e) => {
-                                handleItemChecked(e, item, 2)
-                            }}
-                        >
-                            <div title={item.name} className="propertyGroup_checkbox_container">
-                                {item.name}
-                            </div>
-                        </Checkbox>
-                    ))
-
-                }
-                {
-                    !!notCommonUseProperty.length && (
-                        <div 
-                            style={{
-                                width: '50px', 
-                                cursor: 'pointer', 
-                                color: '#005cff', 
-                                fontSize: '10px',
-                                display: 'flex',
-                                alignItems: 'center',
-                            }}
-                            onClick={() => {
-                                setShowNotCommon(!showNotCommon);
-                                handleIndeterminate(commonUseProperty, notCommonUseProperty)
-                            }}
-                        >
-                            {
-                                showNotCommon && (
-                                    <>
-                                        <CaretUpOutlined />
-                                        收起
-                                    </>
-                                )
-                            }
-                            {
-                                !showNotCommon && (
-                                    <>
-                                        <CaretDownOutlined />
-                                        展开
-                                    </>
-                                )
-                            }
-                        </div>
-                    )
-                }
-            </div>
-        </div>
-    );
-};
-
-export default React.memo(PropertyGroup, (props, nextProps) => {
-    if (props.modalVisilbe !== nextProps.modalVisilbe) return false;
-    return true;
-});