aldehyde 0.2.155 → 0.2.156

package/src/aldehyde/controls/select/index.tsx

@@ -0,0 +1,215 @@
+import * as React from "react";
+import {Checkbox, Input, Radio, Select as AntdSelect} from "antd";
+import {
+    EControlProps,
+} from "../../tmpl/interface";
+import {LocaleContext} from "../../locale/LocaleProvider";
+import HCDataSource from "../../tmpl/hc-data-source";
+import translate from "../../locale/translate";
+import Steps from "../steps";
+
+
+const CheckboxGroup = Checkbox.Group;
+const RadioGroup = Radio.Group;
+
+
+interface SelectProps extends EControlProps {
+
+}
+
+interface SelectState {
+
+}
+
+
+export default class Select extends React.PureComponent<
+    SelectProps,
+    SelectState
+> {
+    static defaultProps = {
+        maxSelected: 100,
+        valueOnly: false,
+    };
+
+    state = {};
+    static contextType = LocaleContext;
+    context: React.ContextType<typeof LocaleContext>;
+
+    componentDidUpdate(prevProps) {
+
+    }
+
+    getValue=()=>{
+        const {value,fieldConfig}=this.props;
+
+        let fieldValue = value && value != ""
+            ? typeof value == "string"
+                ? value.split(",")
+                : value
+            : undefined;
+        let fieldValue2=[];
+        //再去掉 @E@
+        if(fieldValue && Array.isArray(fieldValue)){
+            for(let v of fieldValue){
+                if(v.includes('@E@')){
+                    fieldValue2.push(v[1]);
+                }else{
+                    fieldValue2.push(v);
+                }
+            }
+        }else{
+            fieldValue2=fieldValue;
+        }
+
+        //把code替换为name
+        let fieldValue3=[];
+        if(fieldValue2){
+
+            let valueMap= HCDataSource.getEnumsValueMap(fieldConfig.mstrucId);
+            debugger
+            if(valueMap){
+                for(let v of fieldValue2){
+                  let t= valueMap.get(v);
+                  if(t){
+                      fieldValue3.push(t) ;
+                  }else{
+                      fieldValue3.push(v) ;
+                  }
+                }
+            }
+        }else{
+           fieldValue3=fieldValue2;
+       }
+        // let fieldValue4=[];
+        // if(fieldValue3){
+        //     for(let v of fieldValue3){
+        //        // fieldValue4.push(translate("${" + v + "}")) ;
+        //         //label已翻译，所以此次value无需翻译
+        //         fieldValue4.push( v ) ;
+        //     }
+        // }else{
+        //     fieldValue4=fieldValue3;
+        // }
+        return fieldValue3;
+    }
+
+    getOptions = (mstrucId, needOrder = false, valueIsId = false) => {
+        const options = [];
+        const items = HCDataSource.getEnums(mstrucId);
+        if (items) {
+            items.map((item) => {
+                const orderLabel =
+                    item.order && parseInt(item.order) > 0 && parseInt(item.order) < 1000
+                        ? item.order + "."
+                        : "";
+                const label = translate("${" + item.title + "}");
+                options.push({
+                    label: needOrder ? orderLabel + label : label,
+                    value: valueIsId ? item.id : item.value,
+                });
+            });
+        }
+        return options;
+    }
+
+    // optionRender = ({data: {label, orderLabel}}) => (
+    //     <>{orderLabel + label}</>
+    // );
+    //
+    // filterOption = (input, option) => {
+    //   return  (option?.label ?? '').toLowerCase().includes(input.toLowerCase())
+    // }
+
+    render = () => {
+        const {
+            itemType, id, fieldConfig, style,
+            disabled, onChange, ...other
+        } = this.props;
+
+        let placeholder = !fieldConfig.disabled
+            ? translate("${请输入}${" + fieldConfig.title + "}")
+            : translate("${无需输入}");
+
+        let antdControlProps = {
+            id,
+            placeholder,
+            disabled,
+            onChange,
+            style,
+            ...other,
+        };
+
+
+
+        let entryControl;
+        switch (itemType) {
+            case "select":
+                entryControl = (
+                    <AntdSelect
+                        {...antdControlProps}
+                        value={this.getValue()}
+                        notFoundContent={translate("${暂无选项}")}
+                        allowClear={true}
+                        showSearch={true}
+                        optionFilterProp={"label"}
+                        options={this.getOptions(fieldConfig.mstrucId, true)}
+                        //optionRender={this.optionRender}
+                    ></AntdSelect>
+                );
+                break;
+            case "multiselect":
+            case "texttags":
+                entryControl = (
+                    <AntdSelect
+                        mode="multiple"
+                        {...antdControlProps}
+                        value={this.getValue()}
+                        notFoundContent={translate("${暂无选项}")}
+                        allowClear={true}
+                        showSearch
+                        optionFilterProp={"label"}
+                        options={this.getOptions(fieldConfig.mstrucId, true)}
+                        //optionRender={optionRender}
+                    ></AntdSelect>
+                );
+                break;
+            case "checkbox":
+                entryControl = (
+                    <CheckboxGroup
+                        {...antdControlProps}
+                        options={this.getOptions(fieldConfig.mstrucId, true)}
+                        value={
+                            this.getValue()
+                        }
+                    />
+                );
+                break;
+            case "radio":
+                entryControl = (
+                    <RadioGroup
+                        {...antdControlProps}
+                        options={this.getOptions(fieldConfig.mstrucId, true)}
+                        value={
+                            this.getValue()
+                        }
+                    />
+                );
+            case "steps":
+                entryControl = (
+                    <Steps
+                        {...this.props}
+                        options={this.getOptions(fieldConfig.mstrucId, true)}
+                    />
+                );
+                break;
+            default:
+                entryControl = <Input
+                    type="text"
+                    placeholder={translate("${暂未实现}-${" + itemType + "}")}
+                    disabled={true}
+                />;
+                break;
+        }
+        return <>{entryControl}</>
+    }
+}