drip-ui/lib/form/form-risk-desc.js

Lightweight Mobile UI Components built on Vue

"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _default2 = {
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      staticClass: "form-desc"
    }, [_c('tooltip', {
      attrs: {
        "visible": _vm.options.visible
      },
      on: {
        "update:visible": function updateVisible($event) {
          _vm.$set(_vm.options, "visible", $event);
        },
        "change": _vm.riskDescChange
      }
    }, [_c('div', {
      staticClass: "form-desc-wrap",
      attrs: {
        "slot": "container"
      },
      slot: "container"
    }, _vm._l(_vm.options.riskDesc, function (ref, index) {
      var name = ref.name;
      var value = ref.value;
      return _c('div', {
        key: index,
        staticClass: "form-desc-text"
      }, [_vm.options.riskDesc.length > 1 ? _c('span', {
        staticClass: "form-desc-text-title"
      }, [_vm._v("\n          " + _vm._s(name) + "：\n        ")]) : _vm._e(), _c('span', {
        staticClass: "form-desc-text-desc",
        domProps: {
          "innerHTML": _vm._s(value)
        }
      })]);
    }))])], 1);
  },
  components: {
    tooltip: function tooltip() {
      return import('../tooltip'
      /* webpackChunkName: "form-tooltip" */
      );
    }
  },
  props: {
    options: {
      type: Object,
      "default": function _default() {
        return {
          title: '',
          riskDesc: [],
          visible: false
        };
      }
    }
  },
  methods: {
    riskDescChange: function riskDescChange() {
      this.$emit('change', this.options);
    }
  }
};
exports["default"] = _default2;