@voicenter-team/voicenter-ui-plus 2.0.12 → 3.0.1

package/library/components/VcDatePicker/VcDatePicker.vue.mjs

@@ -0,0 +1,134 @@
+import { defineComponent, ref, computed, markRaw, h, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { ElDatePicker } from "element-plus";
+import '../../assets/components/VcIcon/VcIcon.css';import '../../assets/node_modules/element-plus/theme-chalk/src/tooltip.css';import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcDatePicker/VcDatePicker.css';/* empty css                                                         */
+/* empty css                                                           */
+/* empty css                                                          */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                                      */
+/* empty css                                                                */
+import _sfc_main$1 from "../VcIcon/VcIcon.vue.mjs";
+/* empty css                     */
+import { CalendarDays } from "@lucide/vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcDatePicker",
+  props: {
+    modelValue: { default: void 0 },
+    type: {},
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    size: { default: "default" },
+    color: { default: "primary" },
+    editable: { type: Boolean },
+    clearable: { type: Boolean, default: true },
+    teleported: { type: Boolean },
+    placeholder: { default: "" },
+    startPlaceholder: { default: void 0 },
+    endPlaceholder: { default: void 0 },
+    format: { default: void 0 },
+    valueFormat: { default: void 0 },
+    rangeSeparator: { default: "-" },
+    unlinkPanels: { type: Boolean, default: false },
+    disabledDate: { type: Function, default: void 0 },
+    shortcuts: { default: void 0 },
+    prefixIcon: { default: () => CalendarDays }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    function isElModelValue(val) {
+      return val !== void 0;
+    }
+    function isExtractModel(val) {
+      return val !== void 0;
+    }
+    const props = __props;
+    const emit = __emit;
+    const datePickerRef = ref();
+    const localModel = computed({
+      get() {
+        if (isElModelValue(props.modelValue)) {
+          return props.modelValue;
+        }
+        return void 0;
+      },
+      set(val) {
+        if (val !== void 0 && isExtractModel(val)) {
+          emit("update:modelValue", val);
+        }
+      }
+    });
+    const PrefixIconComponent = computed(() => {
+      if (!props.prefixIcon) return void 0;
+      const sizes = {
+        default: "icon-base",
+        small: "icon-sm",
+        large: "icon-lg"
+      };
+      const sizeClass = props.size ? sizes[props.size] : "";
+      const icon = props.prefixIcon;
+      return markRaw({
+        render: () => h(_sfc_main$1, {
+          icon,
+          class: sizeClass
+        })
+      });
+    });
+    __expose({
+      focus: () => {
+        var _a;
+        return (_a = datePickerRef.value) == null ? void 0 : _a.focus();
+      },
+      handleOpen: () => {
+        var _a;
+        return (_a = datePickerRef.value) == null ? void 0 : _a.handleOpen();
+      },
+      handleClose: () => {
+        var _a;
+        return (_a = datePickerRef.value) == null ? void 0 : _a.handleClose();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDatePicker), mergeProps({
+        ref_key: "datePickerRef",
+        ref: datePickerRef,
+        modelValue: localModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localModel.value = $event),
+        type: __props.type,
+        disabled: __props.disabled,
+        readonly: __props.readonly,
+        size: __props.size,
+        editable: __props.editable,
+        clearable: __props.clearable,
+        teleported: __props.teleported,
+        format: __props.format,
+        "value-format": __props.valueFormat,
+        placeholder: __props.placeholder,
+        "start-placeholder": __props.startPlaceholder,
+        "end-placeholder": __props.endPlaceholder,
+        "range-separator": __props.rangeSeparator,
+        "unlink-panels": __props.unlinkPanels,
+        "disabled-date": __props.disabledDate,
+        shortcuts: __props.shortcuts,
+        "prefix-icon": PrefixIconComponent.value
+      }, _ctx.$attrs, {
+        class: [__props.color ? `vc-color-${__props.color}` : "", "vc-date-picker"],
+        "popper-class": `vc-date-picker-popper ${__props.color ? `vc-color-${__props.color}` : ""}`
+      }), createSlots({ _: 2 }, [
+        _ctx.$slots.default ? {
+          name: "default",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "default", { data })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue", "type", "disabled", "readonly", "size", "editable", "clearable", "teleported", "format", "value-format", "placeholder", "start-placeholder", "end-placeholder", "range-separator", "unlink-panels", "disabled-date", "shortcuts", "prefix-icon", "class", "popper-class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDatePicker/VcDatePicker.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcDatePicker.vue.mjs";
+import '../../assets/components/VcDatePicker/VcDatePicker.css';/* empty css                   */
+export {
+  _sfc_main as default
+};

package/library/components/VcDatePickerPanel/VcDatePickerPanel.vue.mjs

@@ -0,0 +1,121 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot } from "vue";
+import { ElDatePickerPanel } from "element-plus";
+import '../../assets/node_modules/element-plus/theme-chalk/src/date-picker-panel.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/input.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcDatePickerPanel/VcDatePickerPanel.css';/* empty css                                                         */
+/* empty css                                                          */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                                      */
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "VcDatePickerPanel",
+  props: {
+    modelValue: { default: void 0 },
+    type: {},
+    border: { type: Boolean, default: true },
+    disabled: { type: Boolean, default: false },
+    clearable: { type: Boolean, default: true },
+    defaultValue: { default: void 0 },
+    defaultTime: { default: void 0 },
+    valueFormat: { default: void 0 },
+    dateFormat: { default: void 0 },
+    timeFormat: { default: void 0 },
+    unlinkPanels: { type: Boolean, default: false },
+    showFooter: { type: Boolean, default: false },
+    showConfirm: { type: Boolean },
+    showWeekNumber: { type: Boolean },
+    color: { default: "primary" },
+    disabledDate: { type: Function, default: void 0 },
+    shortcuts: { default: void 0 },
+    cellClassName: { type: Function, default: void 0 }
+  },
+  emits: ["update:modelValue", "panel-change"],
+  setup(__props, { emit: __emit }) {
+    function isElModelValue(val) {
+      return val !== void 0;
+    }
+    function isExtractModel(val) {
+      return val !== void 0;
+    }
+    const props = __props;
+    const emit = __emit;
+    const localModel = computed({
+      get() {
+        if (props.modelValue !== void 0 && isElModelValue(props.modelValue)) {
+          return props.modelValue;
+        }
+        return void 0;
+      },
+      set(val) {
+        if (val !== void 0 && isExtractModel(val)) {
+          emit("update:modelValue", val);
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDatePickerPanel), mergeProps({
+        ref: "pickerPanelWrap",
+        modelValue: localModel.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => localModel.value = $event),
+        type: __props.type,
+        border: __props.border,
+        disabled: __props.disabled,
+        clearable: __props.clearable,
+        "default-value": __props.defaultValue,
+        "default-time": __props.defaultTime,
+        "value-format": __props.valueFormat,
+        "date-format": __props.dateFormat,
+        "time-format": __props.timeFormat,
+        "disabled-date": __props.disabledDate,
+        "show-footer": __props.showFooter,
+        "show-week-number": __props.showWeekNumber,
+        "show-confirm": __props.showConfirm,
+        "unlink-panels": __props.unlinkPanels,
+        shortcuts: __props.shortcuts,
+        "cell-class-name": __props.cellClassName,
+        class: [__props.color ? `vc-color-${__props.color}` : "", "vc-date-picker-panel"]
+      }, _ctx.$attrs), createSlots({ _: 2 }, [
+        _ctx.$slots.default ? {
+          name: "default",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "default", { data })
+          ]),
+          key: "0"
+        } : void 0,
+        _ctx.$slots["prev-month"] ? {
+          name: "prev-month",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "prev-month", { data })
+          ]),
+          key: "1"
+        } : void 0,
+        _ctx.$slots["next-month"] ? {
+          name: "next-month",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "next-month", { data })
+          ]),
+          key: "2"
+        } : void 0,
+        _ctx.$slots["prev-year"] ? {
+          name: "prev-year",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "prev-year", { data })
+          ]),
+          key: "3"
+        } : void 0,
+        _ctx.$slots["next-year"] ? {
+          name: "next-year",
+          fn: withCtx((data) => [
+            renderSlot(_ctx.$slots, "next-year", { data })
+          ]),
+          key: "4"
+        } : void 0
+      ]), 1040, ["modelValue", "type", "border", "disabled", "clearable", "default-value", "default-time", "value-format", "date-format", "time-format", "disabled-date", "show-footer", "show-week-number", "show-confirm", "unlink-panels", "shortcuts", "cell-class-name", "class"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDatePickerPanel/VcDatePickerPanel.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcDatePickerPanel.vue.mjs";
+import '../../assets/components/VcDatePickerPanel/VcDatePickerPanel.css';/* empty css                        */
+export {
+  _sfc_main as default
+};

package/library/components/VcDatetimeRangePicker/VcDatetimeRangePicker.vue.mjs

@@ -0,0 +1,24 @@
+import '../../assets/components/VcDatetimeRangePicker/VcDatetimeRangePicker.css';
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  ref: "pickerWrap",
+  class: "vc-datetime-picker vc-datetime-picker--deprecated"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "VcDatetimeRangePicker",
+    inheritAttrs: false
+  },
+  __name: "VcDatetimeRangePicker",
+  setup(__props) {
+    console.warn("[VcDatetimeRangePicker] This component is deprecated. Please use VcExtendedDatetimeRangePicker instead.");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createElementVNode("span", { class: "vc-datetime-picker__deprecated-message" }, " This component is deprecated. Please use VcExtendedDatetimeRangePicker instead. ", -1)
+      ])], 512);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDatetimeRangePicker/VcDatetimeRangePicker.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcDatetimeRangePicker.vue.mjs";
+import '../../assets/components/VcDatetimeRangePicker/VcDatetimeRangePicker.css';/* empty css                            */
+export {
+  _sfc_main as default
+};

package/library/components/VcDelimitedList/VcDelimitedList.vue.mjs

@@ -0,0 +1,196 @@
+import '../../assets/components/VcDelimitedList/VcDelimitedList.css';
+import { defineComponent, ref, computed, watch, onMounted, withDirectives, openBlock, createElementBlock, createElementVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createBlock, withCtx, unref, nextTick } from "vue";
+import { getRefElement } from "../../utils/helpers.mjs";
+import _sfc_main$1 from "../VcPopover/VcPopover.vue.mjs";
+import '../../assets/components/VcPopover/VcPopover.css';/* empty css                           */
+import { resize } from "../../directives/resize.mjs";
+const _hoisted_1 = {
+  key: 0,
+  class: "text-break"
+};
+const _hoisted_2 = { class: "flex items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcDelimitedList",
+  props: {
+    list: { default: () => [] },
+    limit: { default: 3 },
+    trigger: { default: "hover" },
+    separator: { default: "," },
+    popoverMaxWidth: { default: 250 },
+    popoverDisabled: { type: Boolean, default: false },
+    valueKey: { default: void 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const localLimit = ref(1);
+    const oldLocalLimit = ref(1);
+    const minLimit = ref(1);
+    const dListWrapperRef = ref();
+    const dListRef = ref();
+    const shortList = computed(() => {
+      return props.list.slice(0, localLimit.value);
+    });
+    const otherList = computed(() => {
+      return props.list.length > localLimit.value ? props.list.slice(localLimit.value) : [];
+    });
+    function getValueKey(option, index) {
+      if (props.valueKey) {
+        return option[props.valueKey];
+      }
+      return index;
+    }
+    function initLimit() {
+      localLimit.value = 1;
+    }
+    async function isListSmaller({ listWidth, listWrapperWidth, list, listWrapper }) {
+      while (listWidth < listWrapperWidth) {
+        if (localLimit.value > props.limit) {
+          localLimit.value = props.limit;
+          break;
+        }
+        localLimit.value++;
+        await nextTick();
+        listWidth = list.clientWidth;
+        listWrapperWidth = listWrapper.clientWidth;
+        if (listWidth > listWrapperWidth) {
+          if (localLimit.value > minLimit.value && localLimit.value <= props.limit) {
+            localLimit.value--;
+          } else if (localLimit.value > props.limit) {
+            localLimit.value = props.limit;
+          } else if (localLimit.value < minLimit.value) {
+            localLimit.value = minLimit.value;
+          }
+          break;
+        }
+      }
+    }
+    async function isListBigger({ listWidth, listWrapperWidth, list, listWrapper }) {
+      while (listWidth > listWrapperWidth) {
+        if (localLimit.value < minLimit.value) {
+          localLimit.value = minLimit.value;
+          break;
+        }
+        localLimit.value--;
+        await nextTick();
+        listWidth = list.clientWidth;
+        listWrapperWidth = listWrapper.clientWidth;
+        if (listWidth < listWrapperWidth) {
+          if (localLimit.value > props.limit) {
+            localLimit.value = props.limit;
+          } else if (localLimit.value < minLimit.value) {
+            localLimit.value = minLimit.value;
+          }
+          break;
+        }
+      }
+    }
+    async function updateLocalLimit({ list, listWrapper }) {
+      const listWidth = list.clientWidth;
+      const listWrapperWidth = listWrapper.clientWidth;
+      if (listWidth < listWrapperWidth) {
+        await isListSmaller({
+          listWidth,
+          listWrapperWidth,
+          list,
+          listWrapper
+        });
+      } else if (listWidth > listWrapperWidth) {
+        await isListBigger({
+          listWidth,
+          listWrapperWidth,
+          list,
+          listWrapper
+        });
+      }
+      oldLocalLimit.value = localLimit.value;
+    }
+    async function updateList() {
+      initLimit();
+      if (dListRef.value && dListWrapperRef.value) {
+        const list = getRefElement(dListRef.value);
+        const listWrapper = getRefElement(dListWrapperRef.value);
+        if (!(list instanceof HTMLElement) || !(listWrapper instanceof HTMLElement)) {
+          return;
+        }
+        await nextTick();
+        await updateLocalLimit({
+          list,
+          listWrapper
+        });
+      }
+    }
+    function showSeparator(index) {
+      return index < shortList.value.length - 1 && !otherList.value.length || index < shortList.value.length && otherList.value.length;
+    }
+    watch(
+      () => props.limit,
+      () => {
+        updateList();
+      }
+    );
+    watch(
+      () => props.list.length,
+      () => {
+        updateList();
+      }
+    );
+    onMounted(updateList);
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        ref_key: "dListWrapperRef",
+        ref: dListWrapperRef,
+        class: "vc-delimited-list-wrapper"
+      }, [
+        createElementVNode("div", {
+          ref_key: "dListRef",
+          ref: dListRef,
+          class: "flex md:inline-flex items-center vc-delimited-list-container"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(shortList.value, (item, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "flex items-center vc-delimited-list-item-wrapper"
+            }, [
+              renderSlot(_ctx.$slots, "list-item", {
+                item,
+                index
+              }, () => [
+                createTextVNode(toDisplayString(getValueKey(item, index)), 1)
+              ]),
+              showSeparator(index) ? (openBlock(), createElementBlock("span", _hoisted_1, [
+                renderSlot(_ctx.$slots, "separator", {}, () => [
+                  createTextVNode(toDisplayString(__props.separator), 1)
+                ])
+              ])) : createCommentVNode("", true)
+            ]);
+          }), 128)),
+          otherList.value.length ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            trigger: __props.trigger,
+            "popover-max-width": __props.popoverMaxWidth,
+            disabled: __props.popoverDisabled,
+            placement: "bottom-end"
+          }, {
+            reference: withCtx(() => [
+              renderSlot(_ctx.$slots, "reference", {
+                listLength: otherList.value.length,
+                items: otherList.value
+              }, () => [
+                createElementVNode("span", _hoisted_2, " (" + toDisplayString(otherList.value.length) + ") ", 1)
+              ])
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "other-content", { list: otherList.value })
+            ]),
+            _: 3
+          }, 8, ["trigger", "popover-max-width", "disabled"])) : createCommentVNode("", true)
+        ], 512)
+      ])), [
+        [unref(resize), updateList]
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDelimitedList/VcDelimitedList.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcDelimitedList.vue.mjs";
+import '../../assets/components/VcDelimitedList/VcDelimitedList.css';/* empty css                      */
+export {
+  _sfc_main as default
+};

package/library/components/VcDropdown/VcDropdown.vue.mjs

@@ -0,0 +1,128 @@
+import { defineComponent, ref, computed, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, Fragment, renderList, createSlots } from "vue";
+import { ElDropdown } from "element-plus";
+import '../../assets/components/VcDropdown/VcDropdownItem.css';import '../../assets/node_modules/element-plus/theme-chalk/src/dropdown.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button-group.css';import '../../assets/node_modules/element-plus/theme-chalk/src/button.css';import '../../assets/node_modules/element-plus/theme-chalk/src/popper.css';import '../../assets/node_modules/element-plus/theme-chalk/src/scrollbar.css';import '../../assets/node_modules/element-plus/theme-chalk/src/base.css';
+import '../../assets/components/VcDropdown/VcDropdown.css';/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                           */
+/* empty css                                                           */
+/* empty css                                                                 */
+/* empty css                                                             */
+import _sfc_main$1 from "./VcDropdownItem.vue.mjs";
+/* empty css                     */
+const BASE_POPPER_CLASS = "vc-dropdown__popover";
+const COLOR_CLASS = "color-scheme--";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcDropdown",
+  props: {
+    options: { default: () => [] },
+    size: {},
+    maxHeight: { default: void 0 },
+    disabled: { type: Boolean, default: false },
+    placement: { default: "bottom" },
+    effect: { default: "light" },
+    trigger: { default: "hover" },
+    triggerKeys: { default: void 0 },
+    virtualTriggering: { type: Boolean, default: false },
+    virtualRef: { default: void 0 },
+    hideOnClick: { type: Boolean, default: true },
+    showArrow: { type: Boolean, default: true },
+    showTimeout: { default: 150 },
+    hideTimeout: { default: 150 },
+    role: { default: "menu" },
+    tabindex: { default: 0 },
+    popperClass: { default: void 0 },
+    popperStyle: { default: void 0 },
+    popperOptions: { default: void 0 },
+    teleported: { type: Boolean, default: true },
+    appendTo: { default: "body" },
+    persistent: { type: Boolean, default: true },
+    labelClass: { default: void 0 },
+    contentClass: { default: void 0 },
+    color: { default: "" }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const dropdownRef = ref();
+    const popperClasses = computed(() => {
+      const classes = [BASE_POPPER_CLASS];
+      if (props.popperClass) {
+        classes.push(props.popperClass);
+      }
+      if (props.color) {
+        classes.push(`${COLOR_CLASS}${props.color}`);
+      }
+      return classes.join(" ");
+    });
+    __expose({
+      handleOpen: () => {
+        var _a;
+        return (_a = dropdownRef.value) == null ? void 0 : _a.handleOpen();
+      },
+      handleClose: () => {
+        var _a;
+        return (_a = dropdownRef.value) == null ? void 0 : _a.handleClose();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDropdown), mergeProps({
+        ref_key: "dropdownRef",
+        ref: dropdownRef,
+        class: "vc-dropdown",
+        disabled: __props.disabled,
+        "max-height": __props.maxHeight,
+        placement: __props.placement,
+        effect: __props.effect,
+        "hide-on-click": __props.hideOnClick,
+        trigger: __props.trigger,
+        "trigger-keys": __props.triggerKeys,
+        "virtual-triggering": __props.virtualTriggering,
+        "virtual-ref": __props.virtualRef,
+        "show-arrow": __props.showArrow,
+        "show-timeout": __props.showTimeout,
+        "hide-timeout": __props.hideTimeout,
+        role: __props.role,
+        tabindex: __props.tabindex,
+        "popper-class": popperClasses.value,
+        "popper-style": __props.popperStyle,
+        "popper-options": __props.popperOptions,
+        persistent: __props.persistent,
+        teleported: __props.teleported,
+        "append-to": __props.appendTo
+      }, _ctx.$attrs), {
+        dropdown: withCtx(() => [
+          renderSlot(_ctx.$slots, "dropdown-items", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index) => {
+              return openBlock(), createBlock(_sfc_main$1, {
+                key: `dropdown-item-${index}`,
+                color: item.color || __props.color,
+                value: item.value,
+                disabled: item.disabled || __props.disabled,
+                divided: item.divided,
+                label: item.label,
+                icon: item.icon,
+                "icon-class": item.iconClass,
+                "label-class": item.labelClass || __props.labelClass,
+                "content-class": item.contentClass || __props.contentClass
+              }, createSlots({ _: 2 }, [
+                _ctx.$slots["dropdown-item"] ? {
+                  name: "default",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "dropdown-item", { item })
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["color", "value", "disabled", "divided", "label", "icon", "icon-class", "label-class", "content-class"]);
+            }), 128))
+          ])
+        ]),
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["disabled", "max-height", "placement", "effect", "hide-on-click", "trigger", "trigger-keys", "virtual-triggering", "virtual-ref", "show-arrow", "show-timeout", "hide-timeout", "role", "tabindex", "popper-class", "popper-style", "popper-options", "persistent", "teleported", "append-to"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/library/components/VcDropdown/VcDropdown.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./VcDropdown.vue.mjs";
+import '../../assets/components/VcDropdown/VcDropdown.css';/* empty css                 */
+export {
+  _sfc_main as default
+};