vxe-design/lib/list-design/src/layout-setting.js

A PC-based visual designer based on Vxe UI, used for building zero-code and low-code platforms

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _comp = require("../../ui/src/comp");
var _core = require("@vxe-ui/core");
var _defaultSettingForm = require("./default-setting-form");
var _default = exports.default = (0, _comp.defineVxeComponent)({
  name: 'ListDesignLayoutSetting',
  props: {},
  emits: [],
  setup() {
    const VxeUITabsComponent = _core.VxeUI.getComponent('vxe-tabs');
    const VxeUITabPaneComponent = _core.VxeUI.getComponent('vxe-tab-pane');
    const activeTab = (0, _vue.ref)(1);
    return () => {
      return (0, _vue.h)('div', {
        class: 'vxe-list-design--setting'
      }, [(0, _vue.h)('div', {
        class: 'vxe-list-design--setting-form'
      }, [(0, _vue.h)(VxeUITabsComponent, {
        modelValue: activeTab.value,
        titleWidth: '50%',
        titleAlign: 'center',
        padding: true,
        class: 'vxe-list-design--setting-form-tabs',
        'onUpdate:modelValue'(val) {
          activeTab.value = val;
        }
      }, {
        default() {
          return [(0, _vue.h)(VxeUITabPaneComponent, {
            title: (0, _core.getI18n)('vxe.listDesign.fieldSettingTab'),
            icon: (0, _core.getIcon)().LIST_DESIGN_FIELD_SETTING,
            name: 1
          }, {
            default() {
              return (0, _vue.h)(_defaultSettingForm.DefaultFieldSettingFormComponent);
            }
          }), (0, _vue.h)(VxeUITabPaneComponent, {
            title: (0, _core.getI18n)('vxe.listDesign.listSettingTab'),
            icon: (0, _core.getIcon)().LIST_DESIGN_LIST_SETTING,
            name: 2
          }, {
            default() {
              return (0, _vue.h)(_defaultSettingForm.DefaultParameterSettingFormComponent);
            }
          })];
        }
      })])]);
    };
  }
});