How to use the withDirectives function from vue

Find comprehensive JavaScript vue.withDirectives code examples handpicked from public code repositorys.

191
192
193
194
195
196
197
198
199
200
        };
    },
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return vue.withDirectives((vue.openBlock(), vue.createBlock("li", {
    class: ["el-select-dropdown__item", {
      'selected': _ctx.itemSelected,
      'is-disabled': _ctx.isDisabled,
      'hover': _ctx.hover}],
fork icon1
star icon2
watch icon1

146
147
148
149
150
151
152
153
154
155
  name: "el-message-fade",
  onBeforeLeave: _ctx.onClose,
  onAfterLeave: _cache[4] || (_cache[4] = $event => (_ctx.$emit('destroy')))
}, {
  default: vue.withCtx(() => [
    vue.withDirectives(vue.createVNode("div", {
      id: _ctx.id,
      class: [
      'el-message',
      _ctx.type && !_ctx.iconClass ? `el-message--${_ctx.type}` : '',
fork icon1
star icon2
watch icon1

152
153
154
155
156
157
158
159
160
161
  class: ["py-6 flex items-center", [_ctx.collapsed ? "px-24" : "px-16"]]
}, [_vue.createVNode("img", {
  src: _ctx.logo,
  alt: "",
  class: "easi-packages-logo"
}, null, 8, ["src"]), _ctx.title || _ctx.subTitle ? _vue.withDirectives((_vue.openBlock(), _vue.createBlock("div", _hoisted_1$4, [_ctx.title ? (_vue.openBlock(), _vue.createBlock("p", {
  key: 0,
  class: ["truncate", [_ctx.subTitle ? "text-14" : "text-16"]]
}, _vue.toDisplayString(_ctx.title), 3)) : _vue.createCommentVNode("v-if", true), _ctx.subTitle ? (_vue.openBlock(), _vue.createBlock("p", _hoisted_2$3, _vue.toDisplayString(_ctx.subTitle), 1)) : _vue.createCommentVNode("v-if", true)], 512)), [[_vue.vShow, !_ctx.collapsed]]) : _vue.createCommentVNode("v-if", true)], 2), _vue.createVNode("div", _hoisted_3$2, [_vue.createVNode(_component_a_menu, {
  class: "easi-packages-layout-menu",
fork icon1
star icon1
watch icon4

+ 3 other calls in file

3079
3080
3081
3082
3083
3084
3085
3086
3087
3088
      vue.createElementVNode("span", null, vue.toDisplayString($props.timeSeparator), 1)
    ]))
  : vue.createCommentVNode("", true),
($props.showSeconds)
  ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_37, [
      vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
        class: "p-link",
        "aria-label": _ctx.$primevue.config.locale.nextSecond,
        onMousedown: _cache[45] || (_cache[45] = $event => ($options.onTimePickerElementMouseDown($event, 2, 1))),
        onMouseup: _cache[46] || (_cache[46] = $event => ($options.onTimePickerElementMouseUp($event))),
fork icon1
star icon0
watch icon0

+ 324 other calls in file

1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
      index: $options.getOptionIndex(i, getItemOptions)
    }, () => [
      vue.createTextVNode(vue.toDisplayString($options.getOptionGroupLabel(option.optionGroup)), 1)
    ])
  ], 12, _hoisted_10))
: vue.withDirectives((vue.openBlock(), vue.createElementBlock("li", {
    key: 1,
    id: $data.id + '_' + $options.getOptionIndex(i, getItemOptions),
    style: vue.normalizeStyle({ height: itemSize ? itemSize + 'px' : undefined }),
    class: vue.normalizeClass(['p-dropdown-item', { 'p-highlight': $options.isSelected(option), 'p-focus': $data.focusedOptionIndex === $options.getOptionIndex(i, getItemOptions), 'p-disabled': $options.isOptionDisabled(option) }]),
fork icon1
star icon0
watch icon0

+ 24 other calls in file

491
492
493
494
495
496
497
498
499
500
vue.createElementVNode("label", {
  for: vue.unref(config).field,
  class: "form-label"
}, vue.toDisplayString(vue.unref(config).label), 9 /* TEXT, PROPS */, _hoisted_1$c),
vue.createElementVNode("div", _hoisted_2$a, [
  vue.withDirectives(vue.createVNode(_component_ColorPicker, {
    modelValue: vue.unref(model),
    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(model) ? (model).value = $event : null)),
    inline: vue.unref(config).inline,
    onChange: vue.unref(input_event),
fork icon0
star icon0
watch icon7

+ 34 other calls in file