aldehyde 0.2.196 → 0.2.198

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

@@ -1,211 +1,211 @@
-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);
-            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()?this.getValue()[0]:undefined
-                        }
-                    />
-                );
-                break;
-            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}</>
-    }
-}
+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);
+            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()?this.getValue()[0]:undefined
+                        }
+                    />
+                );
+                break;
+            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}</>
+    }
+}