yc-design-vue 1.0.6 → 1.0.8

package/es/Breadcrumb/BreadcrumbSeparator.vue2.js

@@ -5,7 +5,7 @@ import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$1 from "../_shared/icons/IconSeparator.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconSeparator.vue.js";
 const _hoisted_1 = { class: "yc-breadcrumb-item-separator" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BreadcrumbSeparator",

package/es/ColorPicker/hooks/useContext.d.ts

@@ -19,7 +19,7 @@ type ColorPickerContext = {
 declare const _default: () => {
     provide: (props: Props, emits: ColorPickerEmits) => {
         popupVisible: Ref<boolean, boolean>;
-        size: Ref<any, any>;
+        size: import('vue').ComputedRef<number | boolean | import('../../_shared/type').PopupContainer | undefined>;
         computedColor: import('vue').WritableComputedRef<any, string>;
     };
     inject: () => ColorPickerContext;

package/es/Descriptions/hooks/useContext.d.ts

@@ -12,7 +12,7 @@ type DescriptionsContext = {
 declare const _default: () => {
     provide: (props: Props) => {
         data: import('vue').ComputedRef<DescData[]>;
-        size: Ref<any, any>;
+        size: import('vue').ComputedRef<number | boolean | import('../../_shared/type').PopupContainer | undefined>;
         column: import('vue').ComputedRef<number>;
         layout: Ref<import('..').DescriptionsLayout, import('..').DescriptionsLayout>;
     };

package/es/Image/ImagePreview.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ImagePreview.vue2.js";
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-77e15fcc"]]);
+const ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-094a0de9"]]);
 export {
   ImagePreview as default
 };

package/es/Image/ImagePreview.vue2.js

@@ -56,6 +56,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       popupContainer: _popupContainer
     } = toRefs(props);
     const { zIndex, popupContainer } = getGlobalConfig(props);
+    console.log(popupContainer.value, "popupContainer");
     const imageRef = ref();
     const scale = useControlValue(ref(), defaultScale.value);
     const rotate = ref(0);
@@ -163,7 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     transform: `scale(${unref(scale)}, ${unref(scale)})`
                   }),
                   class: "yc-image-preview-img-container",
-                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(handleClose)("mask", $event), ["self"]))
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(handleClose)("mask", $event, false), ["self"]))
                 }, [
                   createElementVNode("img", {
                     src: _ctx.src,

package/es/InputNumber/InputOperaBtn.vue2.js

@@ -5,7 +5,7 @@ import "../_shared/utils/dom.js";
 import "../_shared/utils/time.js";
 import "../Empty/index.js";
 /* empty css                             */
-import _sfc_main$2 from "../_shared/icons/IconMinus.vue2.js";
+import _sfc_main$2 from "../_shared/icons/IconMinus.vue.js";
 import _sfc_main$3 from "../_shared/icons/IconPlus.vue.js";
 import Button from "../Button/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/es/Modal/hooks/useModalClose.d.ts

@@ -13,7 +13,7 @@ declare const _default: (params: {
     asyncLoading: Ref<boolean, boolean>;
     outerVisible: Ref<boolean, boolean>;
     innerVisible: import('vue').WritableComputedRef<any, boolean>;
-    handleClose: (type: CloseEventType, ev: MouseEvent | KeyboardEvent) => Promise<void>;
+    handleClose: (type: CloseEventType, ev: MouseEvent | KeyboardEvent, cancelEmits?: boolean) => Promise<void>;
     handleAfterLeave: () => void;
 };
 export default _default;

package/es/Modal/hooks/useModalClose.js

@@ -30,7 +30,7 @@ const useModalClose = (params) => {
     emits("close");
     outerVisible.value = false;
   };
-  const handleClose = async (type, ev) => {
+  const handleClose = async (type, ev, cancelEmits = true) => {
     const isClose = ["confirmBtn", "cancelBtn"].includes(type) ? await useOnBeforeClose(type, asyncLoading, onBeforeOk, onBeforeCancel) : true;
     if (!isClose) {
       return;
@@ -41,7 +41,7 @@ const useModalClose = (params) => {
     if (type == "confirmBtn") {
       emits("ok");
     }
-    emits("cancel", ev);
+    cancelEmits && emits("cancel", ev);
     innerVisible.value = false;
   };
   if (escToClose.value) {

package/es/Pagination/hooks/useContext.d.ts

@@ -14,7 +14,7 @@ interface PaginationContext {
 declare const _default: () => {
     provide: (props: Props, emits: PaginationEmits) => {
         total: import('vue').WritableComputedRef<any, number>;
-        size: Ref<any, any>;
+        size: import('vue').ComputedRef<number | boolean | import('../../_shared/type').PopupContainer | undefined>;
         pages: import('vue').ComputedRef<number>;
         pagesArray: import('vue').ComputedRef<(string | number)[]>;
         computedCurrent: import('vue').WritableComputedRef<any, number>;

package/es/Tabs/hooks/useContext.d.ts

@@ -23,7 +23,7 @@ export type PaneNode = {
 declare const _default: () => {
     provide: (props: Props, emits: TabsEmits, listRef: Ref<HTMLDivElement | undefined>) => {
         computedActiveKey: import('vue').WritableComputedRef<any, TabKey>;
-        size: Ref<any, any>;
+        size: import('vue').ComputedRef<number | boolean | import('../../_shared/type').PopupContainer | undefined>;
         direction: import('vue').ComputedRef<Direction>;
         position: Ref<TabPositon, TabPositon>;
         autoSwitch: Ref<boolean, boolean>;

package/es/Transfer/TransferPanel.vue2.js

@@ -5,8 +5,8 @@ import "../_shared/utils/time.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
 /* empty css                             */
 import _sfc_main$3 from "../_shared/icons/IconClose.vue.js";
-import _sfc_main$1 from "../_shared/icons/IconDelete.vue2.js";
-import _sfc_main$2 from "../_shared/icons/IconSearch.vue2.js";
+import _sfc_main$1 from "../_shared/icons/IconDelete.vue.js";
+import _sfc_main$2 from "../_shared/icons/IconSearch.vue.js";
 import useContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 import Scrollbar from "../Scrollbar/index.js";

package/es/Trigger/index.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.js";
 /* empty css           */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-37d87bda"]]);
+const _Trigger = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-93ea11ef"]]);
 export {
   _Trigger as default
 };

package/es/Trigger/index.vue2.js

@@ -1,6 +1,7 @@
-import { defineComponent, useSlots, ref, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, withModifiers, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, renderSlot, vShow } from "vue";
+import { defineComponent, useSlots, toRefs, ref, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, withModifiers, Teleport, createVNode, Transition, withCtx, withDirectives, createCommentVNode, normalizeStyle, normalizeClass, createElementVNode, renderSlot, vShow } from "vue";
 import "../node_modules/tinycolor2/esm/tinycolor.js";
 import "../_shared/utils/dom.js";
+import { isUndefined } from "../_shared/utils/is.js";
 import "../_shared/utils/time.js";
 import { findFirstLegitChild } from "../_shared/utils/vue-utils.js";
 import { getGlobalConfig } from "../_shared/utils/global-config.js";
@@ -67,6 +68,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const slots = useSlots();
     const props = __props;
     const emits = __emit;
+    const { popupContainer: _popupContainer } = toRefs(props);
     const { popupContainer } = getGlobalConfig(props);
     const popupRef = ref();
     const triggerRef = ref();
@@ -141,7 +143,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "yc-trigger",
                   `yc-trigger-position-${unref(position)}`,
                   {
-                    "yc-trigger-transform-origin": _ctx.needTransformOrigin
+                    "yc-trigger-transform-origin": _ctx.needTransformOrigin,
+                    "yc-trigger-absolute": !unref(isUndefined)(unref(_popupContainer))
                   },
                   _ctx.$attrs.class
                 ]),

package/es/_shared/icons/IconDelete.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconDelete.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconDelete",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconDelete.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconDelete",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 11h5.5m0 0v29a1 1 0 0 0 1 1h25a1 1 0 0 0 1-1V11m-27 0H16m21.5 0H43m-5.5 0H32m-16 0V7h16v4m-16 0h16M20 18v15m8-15v15" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconDelete.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconMinus.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconMinus.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconMinus",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M5 24h38" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconMinus.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconMinus",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M5 24h38" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconMinus.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSearch.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSearch",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSearch.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSearch",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M33.072 33.071c6.248-6.248 6.248-16.379 0-22.627-6.249-6.249-16.38-6.249-22.628 0-6.248 6.248-6.248 16.379 0 22.627 6.248 6.248 16.38 6.248 22.628 0Zm0 0 8.485 8.485" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSearch.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue.js

@@ -1,4 +1,19 @@
-import _sfc_main from "./IconSeparator.vue2.js";
+import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
+import YcIcon from "../components/Icon.vue2.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconSeparator",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
+        ])),
+        _: 1,
+        __: [0]
+      }, 16);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/es/_shared/icons/IconSeparator.vue2.js

@@ -1,19 +1,4 @@
-import { defineComponent, createBlock, openBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode } from "vue";
-import YcIcon from "../components/Icon.vue2.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconSeparator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(YcIcon, normalizeProps(guardReactiveProps(_ctx.$attrs)), {
-        default: withCtx(() => _cache[0] || (_cache[0] = [
-          createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
-        ])),
-        _: 1,
-        __: [0]
-      }, 16);
-    };
-  }
-});
+import _sfc_main from "./IconSeparator.vue.js";
 export {
   _sfc_main as default
 };

package/es/_shared/utils/global-config.d.ts

@@ -11,14 +11,15 @@ export interface ConfigProviderProvide {
     exchangeTime: Ref<boolean>;
     slots: Partial<ConfigconfigSlots>;
 }
+type ValueType = string | number | boolean | PopupContainer | undefined;
 export declare const getGlobalConfig: (props?: Props) => {
     slots: Partial<ConfigconfigSlots>;
     zIndex: Ref<number, number>;
-    size: Ref<any, any>;
-    updateAtScroll: Ref<any, any>;
-    scrollToClose: Ref<any, any>;
-    popupContainer: Ref<any, any>;
-    exchangeTime: Ref<any, any>;
+    size: import('vue').ComputedRef<ValueType>;
+    updateAtScroll: import('vue').ComputedRef<ValueType>;
+    scrollToClose: import('vue').ComputedRef<ValueType>;
+    popupContainer: import('vue').ComputedRef<ValueType>;
+    exchangeTime: import('vue').ComputedRef<ValueType>;
     renderEmpty: (name: EmptyComponent) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
         [key: string]: any;
     }> | (() => VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -28,3 +29,4 @@ export declare const getGlobalConfig: (props?: Props) => {
         [key: string]: any;
     }> | (() => VNode[]);
 };
+export {};

package/es/_shared/utils/global-config.js

@@ -1,4 +1,4 @@
-import { inject, ref, toRefs, reactive, isReactive } from "vue";
+import { inject, ref, toRefs, reactive, isReactive, computed } from "vue";
 import "../../node_modules/tinycolor2/esm/tinycolor.js";
 import "./dom.js";
 import { isUndefined, isString } from "./is.js";
@@ -8,8 +8,10 @@ import Empty from "../../Empty/index.js";
 import _sfc_main from "../icons/IconLoading.vue.js";
 const CONFIG_PROVIDER_PROVIDE_KEY = "config-props";
 const getVar = (value, _value) => {
-  var _a;
-  return isUndefined(value == null ? void 0 : value.value) || isString(_value == null ? void 0 : _value.value) && !((_a = value == null ? void 0 : value.value) == null ? void 0 : _a.length) ? _value : value;
+  return computed(() => {
+    var _a;
+    return isUndefined(value == null ? void 0 : value.value) || isString(value == null ? void 0 : value.value) && !((_a = value == null ? void 0 : value.value) == null ? void 0 : _a.length) ? _value.value : value.value;
+  });
 };
 const getGlobalConfig = (props = {}) => {
   const {