@chief-editor/editor/lib/hooks/useBuildInDatasourceRender.js

FlowEditor Editor

"use strict";var __importStar=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var a={};if(null!=e)for(var t in e)Object.hasOwnProperty.call(e,t)&&(a[t]=e[t]);return a.default=e,a};Object.defineProperty(exports,"__esModule",{value:!0});var types_1=require("@chief-editor/types"),ui_1=require("@chief-editor/ui"),react_1=__importStar(require("react"));function useBuildInDatasourceRender(){return{buildInDatasourceRenderBind:function(e,a){return react_1.default.createElement(BindRender,{datasource:e,onDataChange:a})},buildInDatasourceRenderFunc:function(e,a){return react_1.default.createElement(FuncRender,{datasource:e,onDataChange:a})}}}function BindRender(e){var a=e.datasource,t=a.bindJs,r=a.bindKey,n=a.bindType,u=e.onDataChange,l=react_1.useCallback((function(e){return u({bindType:e})}),[]),c=react_1.useCallback((function(e){return u({bindKey:e})}),[]),i=react_1.useCallback((function(e){return u({bindJs:e})}),[]);return react_1.default.createElement(react_1.Fragment,null,react_1.default.createElement(ui_1.FormContainer,{label:"绑定类型",level:4},react_1.default.createElement(ui_1.RadioGroup,{value:n,onValueChange:l},react_1.default.createElement(ui_1.RadioGroup.Radio,{value:types_1.BindType.VAR},"变量"),react_1.default.createElement(ui_1.RadioGroup.Radio,{value:types_1.BindType.EXPRESSION},"表达式"))),n!==types_1.BindType.EXPRESSION&&react_1.default.createElement(ui_1.FormContainer,{label:"变量名",level:4},react_1.default.createElement(ui_1.Input,{placeholder:"请输入变量名",value:r,onValueChange:c})),n===types_1.BindType.EXPRESSION&&react_1.default.createElement(ui_1.FormContainer,{label:"表达式",level:4},react_1.default.createElement(ui_1.TextArea,{value:t,onValueChange:i})))}function FuncRender(e){var a=e.datasource,t=a.hook,r=a.isWatch,n=a.watchKeys,u=a.lazy,l=e.onDataChange,c=react_1.useCallback((function(e){return l({hook:e})}),[]),i=react_1.useCallback((function(e){return l({isWatch:e})}),[]),o=react_1.useCallback((function(e){return l({watchKeys:e})}),[]),d=react_1.useCallback((function(e){return l({lazy:e})}),[]);return react_1.default.createElement(react_1.Fragment,null,react_1.default.createElement(ui_1.FormContainer,{label:"钩子函数名",level:4},react_1.default.createElement(ui_1.Input,{placeholder:"请输入钩子名",value:t,onValueChange:c})),react_1.default.createElement(ui_1.FormContainer,{label:"是否监控",level:4},react_1.default.createElement(ui_1.Switch,{checked:r,onValueChange:i})),r&&react_1.default.createElement(ui_1.FormContainer,{label:"监控字段",level:4},react_1.default.createElement(ui_1.TextArea,{placeholder:"一行一个",value:n,onValueChange:o})),r&&react_1.default.createElement(ui_1.FormContainer,{label:"是否惰性函数",level:4},react_1.default.createElement(ui_1.Switch,{checked:u,onValueChange:d})))}exports.useBuildInDatasourceRender=useBuildInDatasourceRender;