@deot/vc 1.0.9 → 1.0.10

package/dist/index.iife.js

@@ -9089,6 +9089,10 @@ var Vc = (function (exports, vue) {
     changeOnSelect: {
       type: Boolean,
       default: false
+    },
+    nullValue: {
+      type: [Number, String, Object],
+      default: ""
     }
   };
   const getInfo = (value) => {
@@ -10318,6 +10322,7 @@ var Vc = (function (exports, vue) {
     datetime: "YYYY-MM-DD HH:mm:ss",
     time: "HH:mm:ss",
     timerange: "HH:mm:ss",
+    monthrange: "YYYY-MM",
     daterange: "YYYY-MM-DD",
     datetimerange: "YYYY-MM-DD HH:mm:ss"
   };
@@ -10862,8 +10867,8 @@ var Vc = (function (exports, vue) {
     const props2 = instance.props;
     const isHover = vue.ref(false);
     const isActive = vue.ref(false);
-    const currentValue = vue.ref("");
-    const focusedDate = vue.ref(null);
+    const currentValue = vue.ref([]);
+    const focusedDate = vue.ref();
     const formItem = vue.inject("vc-form-item", {});
     const its = useAttrs({ merge: false });
     const formatDateText = (value) => {
@@ -10928,23 +10933,22 @@ var Vc = (function (exports, vue) {
     };
     const parseValue = (val) => {
       if (isEmpty(val)) {
-        return isRange.value ? [null, null] : [];
+        return [];
       }
       return parserDate(val);
     };
-    const rest = (date) => {
-      currentValue.value = date;
+    const reset = (v) => {
+      currentValue.value = value2Array(v);
     };
     const sync = (eventName, value) => {
-      const date = isRange.value || isQuarter.value ? value : value[0];
-      const dateString = formatDate2(value);
-      emit("input", date);
-      emit("update:modelValue", dateString);
+      const formatValue = formatDate2(isRange.value || isQuarter.value ? value : value[0]) || props2.nullValue;
+      emit("update:modelValue", formatValue);
       eventName = typeof eventName === "string" ? [eventName] : eventName;
       eventName.forEach((name) => {
-        emit(name, dateString, rest);
+        emit(name, formatValue, reset);
       });
-      formItem?.change?.(date);
+      formItem?.change?.();
+      return formatValue;
     };
     const executePromise = (promiseFn, cb, param) => {
       try {
@@ -10974,11 +10978,9 @@ var Vc = (function (exports, vue) {
     };
     const handleClear = () => {
       const clear = () => {
-        const date = isRange.value ? [] : "";
         isActive.value = false;
-        currentValue.value = date;
-        sync("change", date);
-        emit("clear", date);
+        currentValue.value = [];
+        emit("clear", sync("change", []));
       };
       executePromise(instance.vnode.props?.onBeforeClear, clear);
     };
@@ -10995,10 +10997,10 @@ var Vc = (function (exports, vue) {
       executePromise(instance.vnode.props?.onBeforeOk, ok, value);
     };
     const handleClose = () => {
-      const val = parseValue(props2.modelValue);
-      const isSetValueProp = instance.props.modelValue;
-      if (!isEqualWith(currentValue.value, val) && isSetValueProp) {
-        currentValue.value = value2Array(val);
+      const v = parseValue(props2.modelValue);
+      const isSetValueProp = props2.modelValue;
+      if (!isEqualWith(currentValue.value, v) && isSetValueProp) {
+        currentValue.value = value2Array(v);
       }
       emit("close");
     };
@@ -11006,7 +11008,7 @@ var Vc = (function (exports, vue) {
       () => props2.modelValue,
       (v) => {
         v = parseValue(v);
-        focusedDate.value = v[0] || props2.startDate || /* @__PURE__ */ new Date();
+        focusedDate.value = v?.[0] || props2.startDate || /* @__PURE__ */ new Date();
         currentValue.value = value2Array(v);
       },
       { immediate: true }
@@ -11039,7 +11041,7 @@ var Vc = (function (exports, vue) {
       handleClose
     };
   };
-  const COMPONENT_NAME$1l = "vc-picker";
+  const COMPONENT_NAME$1l = "vc-date-picker";
   const createPicker = (pickerProps, usePicker) => /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$1l,
     props: Object.assign(props$Y, pickerProps),
@@ -11097,7 +11099,7 @@ var Vc = (function (exports, vue) {
             "disabled": props2.disabled,
             "modelValue": visibleValue.value,
             "allowDispatch": false,
-            "class": "vc-picker__input",
+            "class": "vc-date-picker__input",
             "readonly": true,
             "placeholder": props2.placeholder || "请选择"
           }, {
@@ -11105,7 +11107,7 @@ var Vc = (function (exports, vue) {
               return vue.createVNode("div", {
                 "class": [{
                   "is-clear": showClear
-                }, "vc-picker__append"]
+                }, "vc-date-picker__append"]
               }, [vue.createVNode(Icon, {
                 "type": showClear.value ? "clear" : icon.value,
                 "onClick": handleIconClick
@@ -15990,11 +15992,6 @@ var Vc = (function (exports, vue) {
         };
       });
       useScrollbar(isActive);
-      vue.watch(() => props2.modelValue, (v) => {
-        isActive.value = v;
-      }, {
-        immediate: true
-      });
       let startX = 0;
       let startY = 0;
       let originX = VcInstance.globalEvent.x;
@@ -16012,7 +16009,17 @@ var Vc = (function (exports, vue) {
       }, 250, {
         leading: true
       });
-      const handleEnter = () => resetOrigin();
+      const isTransitionEnd = vue.ref(false);
+      const handleBeforeEnter = () => {
+        isTransitionEnd.value = false;
+      };
+      const handleEnter = () => {
+        resetOrigin();
+      };
+      const handleAfterEnter = () => {
+        isTransitionEnd.value = true;
+        resizer.value.refresh();
+      };
       const handleRemove = () => {
         !instance.isUnmounted && (emit("close"), emit("portal-fulfilled"), emit("update:modelValue", false), emit("visible-change", false));
       };
@@ -16065,9 +16072,11 @@ var Vc = (function (exports, vue) {
         }
       };
       const handleContentResize = () => {
-        const has = !!scroller.value.wrapper.style.getPropertyValue("height");
-        has && scroller.value.wrapper.style.removeProperty("height");
-        has && resizer.value.refresh();
+        const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue("height");
+        const needRefreshContainer = !!container.value.style.getPropertyValue("height");
+        needRefreshContainer && container.value.style.removeProperty("height");
+        needRefreshScroller && scroller.value.wrapper.style.removeProperty("height");
+        needRefreshScroller && resizer.value.refresh();
       };
       const handleClick = (e) => {
         if (props2.draggable && isActive.value && originX) return;
@@ -16122,6 +16131,11 @@ var Vc = (function (exports, vue) {
         document.removeEventListener("mousemove", handleMouseMove);
         document.removeEventListener("mouseup", handleMouseUp);
       });
+      vue.watch(() => props2.modelValue, (v) => {
+        isActive.value = v;
+      }, {
+        immediate: true
+      });
       expose({
         isActive,
         // for portal
@@ -16150,7 +16164,9 @@ var Vc = (function (exports, vue) {
           "onClick": (e) => handleClose(e, false)
         }, [vue.createVNode(TransitionScale, {
           "mode": "part",
+          "onBeforeEnter": handleBeforeEnter,
           "onEnter": handleEnter,
+          "onAfterEnter": handleAfterEnter,
           "onAfterLeave": handleRemove
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
@@ -16186,8 +16202,8 @@ var Vc = (function (exports, vue) {
               return vue.createVNode(Scroller, {
                 "ref": scroller,
                 "native": false,
-                "always": true,
-                "height": row.height,
+                "always": false,
+                "height": isTransitionEnd.value ? row.height : void 0,
                 "contentClass": [{
                   "is-confirm": props2.mode
                 }, props2.portalClass, "vc-modal__content"]
@@ -17632,7 +17648,7 @@ var Vc = (function (exports, vue) {
           "fill-opacity": "0"
         }, null)]), vue.createVNode("div", {
           "class": "vc-progress-circle__inner"
-        }, [slots.default ? slots.default() : vue.createVNode("span", null, [`${props2.percent}%`])])])]);
+        }, [slots.default ? slots.default() : props2.showText && vue.createVNode("span", null, [`${props2.percent}%`])])])]);
       };
     }
   });
@@ -20465,7 +20481,8 @@ var Vc = (function (exports, vue) {
         const { mode, size } = props2;
         const onRequest = instance.vnode.props?.onRequest || VcInstance.options.Upload?.onRequest || (() => {
         });
-        const onResponse = instance.vnode.props?.onResponse || VcInstance.options.Upload?.onResponse;
+        const onResponse = instance.vnode.props?.onResponse || VcInstance.options.Upload?.onResponse || (() => {
+        });
         const $mode = mode.replace(/s$/, "");
         const onError = async (originalResponse, internalMessage) => {
           delete requests[vFile.uploadId];
@@ -20474,9 +20491,17 @@ var Vc = (function (exports, vue) {
           emitError(originalResponse, internalMessage);
           done(vFile);
         };
-        const onSuccess = async (originalResponse) => {
+        const onSuccess = async (request) => {
           try {
-            const response = await onResponse(originalResponse, options) || originalResponse;
+            let response = await onResponse(request, options) || request;
+            if (response === request) {
+              const text = request.responseType ? request.responseText : request.response;
+              try {
+                response = JSON.parse(text);
+              } catch {
+                response = text;
+              }
+            }
             delete requests[vFile.uploadId];
             cycle.success++;
             cycle.responses = [...cycle.responses, response];
@@ -20510,7 +20535,7 @@ var Vc = (function (exports, vue) {
           xhr.onreadystatechange = () => {
             if (xhr.readyState !== 4 || xhr.status === 0) return;
             if (xhr.status >= 200 && xhr.status < 300) {
-              onSuccess(!xhr.responseType ? xhr.responseText : xhr.response);
+              onSuccess(xhr);
             } else {
               onError({}, `服务异常`);
             }
@@ -20742,6 +20767,8 @@ var Vc = (function (exports, vue) {
     MDebounce: Debounce,
     Divider,
     MDivider,
+    Drawer,
+    MDrawer,
     DrawerView,
     MDrawerView,
     Dropdown,
@@ -20786,6 +20813,8 @@ var Vc = (function (exports, vue) {
     MListItem,
     Marquee,
     MMarquee,
+    Modal,
+    MModal: modal,
     ModalView,
     MModalView,
     Notice,

package/dist/index.js

@@ -1,6 +1,6 @@
 export { Utils } from '@deot/vc-shared';
 export * from '@deot/vc-hooks';
-import { MUploadPicker, UploadPicker, MUpload, Upload, MTree, Tree, MTransitionCollapse, TransitionCollapse, MTransitionZoom, TransitionZoom, MTransitionSlide, TransitionSlide, MTransitionScale, TransitionScale, MTransitionFade, TransitionFade, MTransition, Transition, MTouch, Touch, MTimePicker, TimePicker, MTimeline, Timeline, MTextarea, Textarea, MText, Text, MTag, Tag, MTabsPane, TabsPane, MTabs, Tabs, MTable, Table, MSwitch, Switch, MSteps, Steps, MSpin, Spin, MSortList, SortList, MSlider, Slider, MSelect, Select, MScroller, Scroller, MResizer, Resizer, MRecycleList, RecycleList, MRate, Rate, MRadioGroup, RadioGroup, MRadio, Radio, MProgress, Progress, MPrint, Print, MPopup, Popup, MPopover, Popover, MPopconfirm, Popconfirm, MPicker, Picker, MPagination, Pagination, MOption, Option, MNotice, Notice, MModalView, ModalView, MMarquee, Marquee, MListItem, ListItem, MList, List, MInputSearch, InputSearch, MInputNumber, InputNumber, MInput, Input, MImageProcessing, ImageProcessing, MImagePreview, ImagePreview, MImageCrop, ImageCrop, MImage, Image, MIcon, Icon, MHTMLToImage, HTMLToImage, MFragment, Fragment, MFormItem, FormItem, MForm, Form, MExpand, Expand, MEditor, Editor, MDropdown, Dropdown, MDrawerView, DrawerView, MDivider, Divider, MDebounce, Debounce, MDatePicker, DatePicker, MCustomer, Customer, MCountdown, Countdown, MColorPicker, ColorPicker, MCollapseItem, CollapseItem, MCollapse, Collapse, MClipboard, Clipboard, MCheckboxGroup, CheckboxGroup, MCheckbox, Checkbox, MChart, Chart, MCascader, Cascader, MCarousel, Carousel, MCard, Card, MCalendar, Calendar, MButtonGroup, ButtonGroup, MButton, Button, MArtboard, Artboard, MAlert, Alert, MActionSheet, ActionSheet, VcInstance } from '@deot/vc-components';
+import { MUploadPicker, UploadPicker, MUpload, Upload, MTree, Tree, MTransitionCollapse, TransitionCollapse, MTransitionZoom, TransitionZoom, MTransitionSlide, TransitionSlide, MTransitionScale, TransitionScale, MTransitionFade, TransitionFade, MTransition, Transition, MTouch, Touch, MTimePicker, TimePicker, MTimeline, Timeline, MTextarea, Textarea, MText, Text, MTag, Tag, MTabsPane, TabsPane, MTabs, Tabs, MTable, Table, MSwitch, Switch, MSteps, Steps, MSpin, Spin, MSortList, SortList, MSlider, Slider, MSelect, Select, MScroller, Scroller, MResizer, Resizer, MRecycleList, RecycleList, MRate, Rate, MRadioGroup, RadioGroup, MRadio, Radio, MProgress, Progress, MPrint, Print, MPopup, Popup, MPopover, Popover, MPopconfirm, Popconfirm, MPicker, Picker, MPagination, Pagination, MOption, Option, MNotice, Notice, MModalView, ModalView, MModal, Modal, MMarquee, Marquee, MListItem, ListItem, MList, List, MInputSearch, InputSearch, MInputNumber, InputNumber, MInput, Input, MImageProcessing, ImageProcessing, MImagePreview, ImagePreview, MImageCrop, ImageCrop, MImage, Image, MIcon, Icon, MHTMLToImage, HTMLToImage, MFragment, Fragment, MFormItem, FormItem, MForm, Form, MExpand, Expand, MEditor, Editor, MDropdown, Dropdown, MDrawerView, DrawerView, MDrawer, Drawer, MDivider, Divider, MDebounce, Debounce, MDatePicker, DatePicker, MCustomer, Customer, MCountdown, Countdown, MColorPicker, ColorPicker, MCollapseItem, CollapseItem, MCollapse, Collapse, MClipboard, Clipboard, MCheckboxGroup, CheckboxGroup, MCheckbox, Checkbox, MChart, Chart, MCascader, Cascader, MCarousel, Carousel, MCard, Card, MCalendar, Calendar, MButtonGroup, ButtonGroup, MButton, Button, MArtboard, Artboard, MAlert, Alert, MActionSheet, ActionSheet, VcInstance } from '@deot/vc-components';
 export * from '@deot/vc-components';
 
 const Components = {
@@ -52,6 +52,8 @@ const Components = {
   MDebounce,
   Divider,
   MDivider,
+  Drawer,
+  MDrawer,
   DrawerView,
   MDrawerView,
   Dropdown,
@@ -96,6 +98,8 @@ const Components = {
   MListItem,
   Marquee,
   MMarquee,
+  Modal,
+  MModal,
   ModalView,
   MModalView,
   Notice,

package/dist/index.umd.cjs

@@ -9092,6 +9092,10 @@
     changeOnSelect: {
       type: Boolean,
       default: false
+    },
+    nullValue: {
+      type: [Number, String, Object],
+      default: ""
     }
   };
   const getInfo = (value) => {
@@ -10321,6 +10325,7 @@
     datetime: "YYYY-MM-DD HH:mm:ss",
     time: "HH:mm:ss",
     timerange: "HH:mm:ss",
+    monthrange: "YYYY-MM",
     daterange: "YYYY-MM-DD",
     datetimerange: "YYYY-MM-DD HH:mm:ss"
   };
@@ -10865,8 +10870,8 @@
     const props2 = instance.props;
     const isHover = vue.ref(false);
     const isActive = vue.ref(false);
-    const currentValue = vue.ref("");
-    const focusedDate = vue.ref(null);
+    const currentValue = vue.ref([]);
+    const focusedDate = vue.ref();
     const formItem = vue.inject("vc-form-item", {});
     const its = useAttrs({ merge: false });
     const formatDateText = (value) => {
@@ -10931,23 +10936,22 @@
     };
     const parseValue = (val) => {
       if (isEmpty(val)) {
-        return isRange.value ? [null, null] : [];
+        return [];
       }
       return parserDate(val);
     };
-    const rest = (date) => {
-      currentValue.value = date;
+    const reset = (v) => {
+      currentValue.value = value2Array(v);
     };
     const sync = (eventName, value) => {
-      const date = isRange.value || isQuarter.value ? value : value[0];
-      const dateString = formatDate2(value);
-      emit("input", date);
-      emit("update:modelValue", dateString);
+      const formatValue = formatDate2(isRange.value || isQuarter.value ? value : value[0]) || props2.nullValue;
+      emit("update:modelValue", formatValue);
       eventName = typeof eventName === "string" ? [eventName] : eventName;
       eventName.forEach((name) => {
-        emit(name, dateString, rest);
+        emit(name, formatValue, reset);
       });
-      formItem?.change?.(date);
+      formItem?.change?.();
+      return formatValue;
     };
     const executePromise = (promiseFn, cb, param) => {
       try {
@@ -10977,11 +10981,9 @@
     };
     const handleClear = () => {
       const clear = () => {
-        const date = isRange.value ? [] : "";
         isActive.value = false;
-        currentValue.value = date;
-        sync("change", date);
-        emit("clear", date);
+        currentValue.value = [];
+        emit("clear", sync("change", []));
       };
       executePromise(instance.vnode.props?.onBeforeClear, clear);
     };
@@ -10998,10 +11000,10 @@
       executePromise(instance.vnode.props?.onBeforeOk, ok, value);
     };
     const handleClose = () => {
-      const val = parseValue(props2.modelValue);
-      const isSetValueProp = instance.props.modelValue;
-      if (!isEqualWith(currentValue.value, val) && isSetValueProp) {
-        currentValue.value = value2Array(val);
+      const v = parseValue(props2.modelValue);
+      const isSetValueProp = props2.modelValue;
+      if (!isEqualWith(currentValue.value, v) && isSetValueProp) {
+        currentValue.value = value2Array(v);
       }
       emit("close");
     };
@@ -11009,7 +11011,7 @@
       () => props2.modelValue,
       (v) => {
         v = parseValue(v);
-        focusedDate.value = v[0] || props2.startDate || /* @__PURE__ */ new Date();
+        focusedDate.value = v?.[0] || props2.startDate || /* @__PURE__ */ new Date();
         currentValue.value = value2Array(v);
       },
       { immediate: true }
@@ -11042,7 +11044,7 @@
       handleClose
     };
   };
-  const COMPONENT_NAME$1l = "vc-picker";
+  const COMPONENT_NAME$1l = "vc-date-picker";
   const createPicker = (pickerProps, usePicker) => /* @__PURE__ */ vue.defineComponent({
     name: COMPONENT_NAME$1l,
     props: Object.assign(props$Y, pickerProps),
@@ -11100,7 +11102,7 @@
             "disabled": props2.disabled,
             "modelValue": visibleValue.value,
             "allowDispatch": false,
-            "class": "vc-picker__input",
+            "class": "vc-date-picker__input",
             "readonly": true,
             "placeholder": props2.placeholder || "请选择"
           }, {
@@ -11108,7 +11110,7 @@
               return vue.createVNode("div", {
                 "class": [{
                   "is-clear": showClear
-                }, "vc-picker__append"]
+                }, "vc-date-picker__append"]
               }, [vue.createVNode(Icon, {
                 "type": showClear.value ? "clear" : icon.value,
                 "onClick": handleIconClick
@@ -15993,11 +15995,6 @@
         };
       });
       useScrollbar(isActive);
-      vue.watch(() => props2.modelValue, (v) => {
-        isActive.value = v;
-      }, {
-        immediate: true
-      });
       let startX = 0;
       let startY = 0;
       let originX = VcInstance.globalEvent.x;
@@ -16015,7 +16012,17 @@
       }, 250, {
         leading: true
       });
-      const handleEnter = () => resetOrigin();
+      const isTransitionEnd = vue.ref(false);
+      const handleBeforeEnter = () => {
+        isTransitionEnd.value = false;
+      };
+      const handleEnter = () => {
+        resetOrigin();
+      };
+      const handleAfterEnter = () => {
+        isTransitionEnd.value = true;
+        resizer.value.refresh();
+      };
       const handleRemove = () => {
         !instance.isUnmounted && (emit("close"), emit("portal-fulfilled"), emit("update:modelValue", false), emit("visible-change", false));
       };
@@ -16068,9 +16075,11 @@
         }
       };
       const handleContentResize = () => {
-        const has = !!scroller.value.wrapper.style.getPropertyValue("height");
-        has && scroller.value.wrapper.style.removeProperty("height");
-        has && resizer.value.refresh();
+        const needRefreshScroller = !!scroller.value.wrapper.style.getPropertyValue("height");
+        const needRefreshContainer = !!container.value.style.getPropertyValue("height");
+        needRefreshContainer && container.value.style.removeProperty("height");
+        needRefreshScroller && scroller.value.wrapper.style.removeProperty("height");
+        needRefreshScroller && resizer.value.refresh();
       };
       const handleClick = (e) => {
         if (props2.draggable && isActive.value && originX) return;
@@ -16125,6 +16134,11 @@
         document.removeEventListener("mousemove", handleMouseMove);
         document.removeEventListener("mouseup", handleMouseUp);
       });
+      vue.watch(() => props2.modelValue, (v) => {
+        isActive.value = v;
+      }, {
+        immediate: true
+      });
       expose({
         isActive,
         // for portal
@@ -16153,7 +16167,9 @@
           "onClick": (e) => handleClose(e, false)
         }, [vue.createVNode(TransitionScale, {
           "mode": "part",
+          "onBeforeEnter": handleBeforeEnter,
           "onEnter": handleEnter,
+          "onAfterEnter": handleAfterEnter,
           "onAfterLeave": handleRemove
         }, {
           default: () => [vue.withDirectives(vue.createVNode("div", {
@@ -16189,8 +16205,8 @@
               return vue.createVNode(Scroller, {
                 "ref": scroller,
                 "native": false,
-                "always": true,
-                "height": row.height,
+                "always": false,
+                "height": isTransitionEnd.value ? row.height : void 0,
                 "contentClass": [{
                   "is-confirm": props2.mode
                 }, props2.portalClass, "vc-modal__content"]
@@ -17635,7 +17651,7 @@
           "fill-opacity": "0"
         }, null)]), vue.createVNode("div", {
           "class": "vc-progress-circle__inner"
-        }, [slots.default ? slots.default() : vue.createVNode("span", null, [`${props2.percent}%`])])])]);
+        }, [slots.default ? slots.default() : props2.showText && vue.createVNode("span", null, [`${props2.percent}%`])])])]);
       };
     }
   });
@@ -20468,7 +20484,8 @@
         const { mode, size } = props2;
         const onRequest = instance.vnode.props?.onRequest || VcInstance.options.Upload?.onRequest || (() => {
         });
-        const onResponse = instance.vnode.props?.onResponse || VcInstance.options.Upload?.onResponse;
+        const onResponse = instance.vnode.props?.onResponse || VcInstance.options.Upload?.onResponse || (() => {
+        });
         const $mode = mode.replace(/s$/, "");
         const onError = async (originalResponse, internalMessage) => {
           delete requests[vFile.uploadId];
@@ -20477,9 +20494,17 @@
           emitError(originalResponse, internalMessage);
           done(vFile);
         };
-        const onSuccess = async (originalResponse) => {
+        const onSuccess = async (request) => {
           try {
-            const response = await onResponse(originalResponse, options) || originalResponse;
+            let response = await onResponse(request, options) || request;
+            if (response === request) {
+              const text = request.responseType ? request.responseText : request.response;
+              try {
+                response = JSON.parse(text);
+              } catch {
+                response = text;
+              }
+            }
             delete requests[vFile.uploadId];
             cycle.success++;
             cycle.responses = [...cycle.responses, response];
@@ -20513,7 +20538,7 @@
           xhr.onreadystatechange = () => {
             if (xhr.readyState !== 4 || xhr.status === 0) return;
             if (xhr.status >= 200 && xhr.status < 300) {
-              onSuccess(!xhr.responseType ? xhr.responseText : xhr.response);
+              onSuccess(xhr);
             } else {
               onError({}, `服务异常`);
             }
@@ -20745,6 +20770,8 @@
     MDebounce: Debounce,
     Divider,
     MDivider,
+    Drawer,
+    MDrawer,
     DrawerView,
     MDrawerView,
     Dropdown,
@@ -20789,6 +20816,8 @@
     MListItem,
     Marquee,
     MMarquee,
+    Modal,
+    MModal: modal,
     ModalView,
     MModalView,
     Notice,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deot/vc",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,9 +19,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@deot/vc-components": "^1.0.9",
-    "@deot/vc-hooks": "^1.0.9",
-    "@deot/vc-shared": "^1.0.9"
+    "@deot/vc-components": "^1.0.10",
+    "@deot/vc-hooks": "^1.0.10",
+    "@deot/vc-shared": "^1.0.10"
   },
   "peerDependencies": {
     "vue": "*"