"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ViewToolsWidget = void 0;
var gd_antd_plus_1 = require("@gaoding/gd-antd-plus");
var reactive_vue_1 = require("@formily/reactive-vue");
var IconWidget_1 = require("../IconWidget");
var hooks_1 = require("../../hooks");
var vue_demi_1 = require("vue-demi");
var classnames_1 = __importDefault(require("classnames"));
var VireToolsWidgetComponent = (0, vue_demi_1.defineComponent)({
    props: {
        use: { type: Array, default: function () { return ['DESIGNABLE', 'JSONTREE', 'PREVIEW']; } },
    },
    setup: function (props) {
        var workbenchRef = (0, hooks_1.useWorkbench)();
        var prefixRef = (0, hooks_1.usePrefix)('view-tools');
        return function () {
            var _a, _b, _c, _d;
            return (<gd_antd_plus_1.ButtonGroup class={(0, classnames_1.default)(prefixRef.value)}>
        {props.use.includes('DESIGNABLE') && (<gd_antd_plus_1.Button disabled={((_a = workbenchRef.value) === null || _a === void 0 ? void 0 : _a.type) === 'DESIGNABLE'} onClick={function () {
                        workbenchRef.value.type = 'DESIGNABLE';
                    }} size="small">
            <IconWidget_1.IconWidget infer="Design"/>
          </gd_antd_plus_1.Button>)}
        {props.use.includes('JSONTREE') && (<gd_antd_plus_1.Button disabled={((_b = workbenchRef.value) === null || _b === void 0 ? void 0 : _b.type) === 'JSONTREE'} onClick={function () {
                        workbenchRef.value.type = 'JSONTREE';
                    }} size="small">
            <IconWidget_1.IconWidget infer="JSON"/>
          </gd_antd_plus_1.Button>)}
        {props.use.includes('MARKUP') && (<gd_antd_plus_1.Button disabled={((_c = workbenchRef.value) === null || _c === void 0 ? void 0 : _c.type) === 'MARKUP'} onClick={function () {
                        workbenchRef.value.type = 'MARKUP';
                    }} size="small">
            <IconWidget_1.IconWidget infer="Code"/>
          </gd_antd_plus_1.Button>)}
        {props.use.includes('PREVIEW') && (<gd_antd_plus_1.Button disabled={((_d = workbenchRef.value) === null || _d === void 0 ? void 0 : _d.type) === 'PREVIEW'} onClick={function () {
                        workbenchRef.value.type = 'PREVIEW';
                    }} size="small">
            <IconWidget_1.IconWidget infer="Play"/>
          </gd_antd_plus_1.Button>)}
      </gd_antd_plus_1.ButtonGroup>);
        };
    },
});
exports.ViewToolsWidget = (0, reactive_vue_1.observer)(VireToolsWidgetComponent);
//# sourceMappingURL=index.jsx.map