vxe-design/lib/form-design/src/use/widget-prop-default-value.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.useWidgetPropDefaultValue = useWidgetPropDefaultValue;
var _vue = require("vue");
var _core = require("@vxe-ui/core");
function useWidgetPropDefaultValue(props) {
  const VxeUIFormItemComponent = _core.VxeUI.getComponent('vxe-form-item');
  const VxeUISelectComponent = _core.VxeUI.getComponent('vxe-select');
  const VxeUIInputComponent = _core.VxeUI.getComponent('vxe-input');
  const defValOptions = (0, _vue.ref)([{
    value: 'custom',
    label: '自定义'
  }
  // { value: 'linkage', label: '数据联动' }
  ]);
  return {
    renderDefaultValueFormItem() {
      const {
        renderParams
      } = props;
      const {
        widget
      } = renderParams;
      const {
        defaultValue
      } = widget.options;
      return (0, _vue.h)(VxeUIFormItemComponent, {
        title: '默认值'
      }, {
        default() {
          return [(0, _vue.h)(VxeUISelectComponent, {
            modelValue: defaultValue.type,
            options: defValOptions.value,
            'onUpdate:modelValue'(val) {
              defaultValue.type = val;
            }
          }), (0, _vue.h)(VxeUIInputComponent, {
            modelValue: defaultValue.value,
            'onUpdate:modelValue'(val) {
              defaultValue.value = val;
            }
          })];
        }
      });
    }
  };
}