aldehyde 0.2.480 → 0.2.481

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

@@ -1,216 +1,216 @@
-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.indexOf("@,@") > 0 ? value.split("@,@") : 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 { fieldConfig } = this.props;
-        if (fieldConfig.options?.length) {
-            return fieldConfig.options;
-        }
-        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,
-                });
-            });
-        }
-        if (fieldConfig.relDeduplication && fieldConfig.exceptCodes?.length) {
-            return options.filter(item => !fieldConfig.exceptCodes.includes(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.placeholder || fieldConfig.title) + "}")
-            : translate("${无需输入}");
-        let temProps = {
-            id,
-            placeholder,
-            disabled,
-            onChange,
-            style,
-            ...other,
-        };
-
-        // 自定义选项，value由form控制
-        let antdControlProps = fieldConfig.options?.length ? temProps : { ...temProps, value: this.getValue() }
-
-        let entryControl;
-        switch (itemType) {
-            case "select":
-                entryControl = (
-                    <AntdSelect
-                        {...antdControlProps}
-                        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}
-                        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)}
-                    />
-                );
-                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.indexOf("@,@") > 0 ? value.split("@,@") : 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 { fieldConfig } = this.props;
+        if (fieldConfig.options?.length) {
+            return fieldConfig.options;
+        }
+        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,
+                });
+            });
+        }
+        if (fieldConfig.relDeduplication && fieldConfig.exceptCodes?.length) {
+            return options.filter(item => !fieldConfig.exceptCodes.includes(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.placeholder || fieldConfig.title) + "}")
+            : translate("${无需输入}");
+        let temProps = {
+            id,
+            placeholder,
+            disabled,
+            onChange,
+            style,
+            ...other,
+        };
+
+        // 自定义选项，value由form控制
+        let antdControlProps = fieldConfig.options?.length ? temProps : { ...temProps, value: this.getValue() }
+
+        let entryControl;
+        switch (itemType) {
+            case "select":
+                entryControl = (
+                    <AntdSelect
+                        {...antdControlProps}
+                        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}
+                        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)}
+                    />
+                );
+                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}</>
+    }
+}