ivue-material-plus/dist/unplugin-vue-components/lib/components/ivue-cascader/index2.js

A high quality UI components Library with Vue.js

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var index_vue_vue_type_script_lang = require('./index.vue_vue_type_script_lang.js');
var vue = require('vue');
var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');

const _hoisted_1 = ["name", "value"];
const _hoisted_2 = ["innerHTML", "onClick"];
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_ivue_icon = vue.resolveComponent("ivue-icon");
  const _component_ivue_input = vue.resolveComponent("ivue-input");
  const _component_ivue_cascader_menu = vue.resolveComponent("ivue-cascader-menu");
  const _component_drop_down = vue.resolveComponent("drop-down");
  const _directive_transfer_dom = vue.resolveDirective("transfer-dom");
  const _directive_outside = vue.resolveDirective("outside");
  return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
    class: vue.normalizeClass(_ctx.classes)
  }, [
    vue.createCommentVNode(" \u8F93\u5165\u6846 "),
    vue.createElementVNode("div", {
      class: vue.normalizeClass(_ctx.inputClasses),
      ref: "reference",
      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleToggleOpen && _ctx.handleToggleOpen(...args))
    }, [
      vue.createElementVNode("input", {
        type: "hidden",
        name: _ctx.name,
        value: _ctx.data.currentValue
      }, null, 8, _hoisted_1),
      vue.renderSlot(_ctx.$slots, "default", {}, () => [
        vue.createVNode(_component_ivue_input, {
          id: _ctx.id,
          isValue: true,
          readonly: !_ctx.filterable,
          disabled: _ctx.disabled,
          modelValue: _ctx.displayInputRender,
          placeholder: _ctx.inputPlaceholder,
          onOnChange: _ctx.handleChangeInput,
          ref: "input"
        }, {
          suffix: vue.withCtx(() => [
            vue.renderSlot(_ctx.$slots, "suffix", {}, () => [
              vue.createCommentVNode("  \u6E05\u9664\u6309\u94AE "),
              vue.withDirectives(vue.createVNode(_component_ivue_icon, {
                class: vue.normalizeClass(`${_ctx.prefixCls}-clearable ${_ctx.clearableIconClass}`),
                onClick: vue.withModifiers(_ctx.handleClearSelect, ["stop"])
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(vue.toDisplayString(_ctx.clearableIcon), 1)
                ]),
                _: 1
              }, 8, ["class", "onClick"]), [
                [vue.vShow, _ctx.showCloseIcon]
              ]),
              vue.createCommentVNode(" \u4E0B\u62C9\u6309\u94AE "),
              vue.createVNode(_component_ivue_icon, {
                class: vue.normalizeClass(`${_ctx.prefixCls}-arrow ${_ctx.arrowDownIconClass}`),
                onClick: vue.withModifiers(_ctx.handleToggleOpen, ["stop"])
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(vue.toDisplayString(_ctx.arrowDownIcon), 1)
                ]),
                _: 1
              }, 8, ["class", "onClick"])
            ])
          ]),
          _: 3
        }, 8, ["id", "readonly", "disabled", "modelValue", "placeholder", "onOnChange"]),
        vue.createCommentVNode(" \u662F\u5426\u652F\u6301\u641C\u7D22 "),
        vue.withDirectives(vue.createElementVNode("div", {
          class: vue.normalizeClass(`${_ctx.prefixCls}-label`),
          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleInputFocus && _ctx.handleInputFocus(...args))
        }, vue.toDisplayString(_ctx.displayRender), 3), [
          [vue.vShow, _ctx.filterable && _ctx.data.queryData === ""]
        ])
      ])
    ], 2),
    vue.createCommentVNode(" \u4E0B\u62C9\u83DC\u5355 "),
    vue.createVNode(vue.Transition, {
      name: "transition-drop",
      persisted: ""
    }, {
      default: vue.withCtx(() => [
        vue.withDirectives((vue.openBlock(), vue.createBlock(_component_drop_down, {
          transfer: _ctx.transfer,
          "data-transfer": _ctx.transfer,
          class: vue.normalizeClass(_ctx.dropdownClasses),
          style: vue.normalizeStyle(_ctx.dropdownStyles),
          ref: "dropdown"
        }, {
          default: vue.withCtx(() => [
            vue.createElementVNode("div", null, [
              vue.createCommentVNode(" \u83DC\u5355 "),
              vue.withDirectives(vue.createVNode(_component_ivue_cascader_menu, {
                options: _ctx.options,
                disabled: _ctx.disabled,
                changeOnSelect: _ctx.changeOnSelect,
                trigger: _ctx.trigger,
                ref: "menu"
              }, null, 8, ["options", "disabled", "changeOnSelect", "trigger"]), [
                [vue.vShow, !_ctx.filterable || _ctx.filterable && _ctx.data.queryData === ""]
              ]),
              vue.createCommentVNode(" \u6709\u6570\u636E "),
              vue.withDirectives(vue.createElementVNode("div", {
                class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown`)
              }, [
                vue.createElementVNode("ul", {
                  class: vue.normalizeClass(`${_ctx.prefixCls}-dropdown--list`)
                }, [
                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.querySelections, (item, index) => {
                    return vue.openBlock(), vue.createElementBlock("li", {
                      class: vue.normalizeClass([
                        `${_ctx.prefixCls}-dropdown--item`,
                        {
                          [`${_ctx.prefixCls}-dropdown--item__disabled`]: item.disabled
                        }
                      ]),
                      key: index,
                      innerHTML: item.display,
                      onClick: ($event) => _ctx.handleSelectItem(item)
                    }, null, 10, _hoisted_2);
                  }), 128))
                ], 2)
              ], 2), [
                [
                  vue.vShow,
                  _ctx.filterable && _ctx.data.queryData !== "" && _ctx.querySelections.length
                ]
              ]),
              vue.createCommentVNode(" \u5F53\u641C\u7D22\u5217\u8868\u4E3A\u7A7A\u65F6\u663E\u793A\u7684\u5185\u5BB9 "),
              vue.withDirectives(vue.createElementVNode("ul", {
                class: vue.normalizeClass(`${_ctx.prefixCls}-not-found-tip`)
              }, [
                vue.createElementVNode("li", {
                  class: vue.normalizeClass(`${_ctx.prefixCls}-not-found-tip-text`)
                }, vue.toDisplayString(_ctx.notFoundText), 3)
              ], 2), [
                [
                  vue.vShow,
                  _ctx.filterable && _ctx.data.queryData !== "" && !_ctx.querySelections.length || !_ctx.options.length
                ]
              ])
            ])
          ]),
          _: 1
        }, 8, ["transfer", "data-transfer", "class", "style"])), [
          [_directive_transfer_dom],
          [vue.vShow, _ctx.data.visibleMenu]
        ])
      ]),
      _: 1
    })
  ], 2)), [
    [_directive_outside, _ctx.handleClickOutside]
  ]);
}
var Cascader = /* @__PURE__ */ _pluginVue_exportHelper["default"](index_vue_vue_type_script_lang["default"], [["render", _sfc_render], ["__file", "D:\\louise\\person\\project\\GitHub\\ivue-ui-plus\\src\\components\\ivue-cascader\\index.vue"]]);

exports["default"] = Cascader;
//# sourceMappingURL=index2.js.map