yc-design-vue 1.7.6 → 1.7.7

package/es/Drawer/index.js

@@ -1,6 +1,7 @@
 import { h, render } from "vue";
-import _Drawer from "./Drawer.vue.js";
-import _sfc_main from "./DrawerService.vue.js";
+import _sfc_main from "./Drawer.vue.js";
+/* empty css            */
+import _sfc_main$1 from "./DrawerService.vue.js";
 let container;
 const open = (props) => {
   if (!container) {
@@ -13,7 +14,7 @@ const open = (props) => {
   };
   const update = (_updateProps) => {
   };
-  const vnode = h(_sfc_main, {
+  const vnode = h(_sfc_main$1, {
     ...props,
     serviceClose: close
   });
@@ -23,10 +24,10 @@ const open = (props) => {
     update
   };
 };
-const Drawer = Object.assign(_Drawer, {
+const Drawer = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Drawer.name, _Drawer);
-    app.config.globalProperties.$drawer = Object.assign(_Drawer, {
+    app.component("Yc" + _sfc_main.name, _sfc_main);
+    app.config.globalProperties.$drawer = Object.assign(_sfc_main, {
       open
     });
   },

package/es/Dropdown/Dgroup.vue.js

@@ -1,7 +1,33 @@
-import _sfc_main from "./Dgroup.vue2.js";
-/* empty css            */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Dgroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9647daa0"]]);
+import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderSlot, normalizeClass, unref, createTextVNode, toDisplayString } from "vue";
+import useMenuContext from "../Menu/hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Dgroup"
+  },
+  __name: "Dgroup",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    const { theme } = useMenuContext().inject();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "yc-dropdown-group-title",
+            "text-ellipsis",
+            `yc-dropdown-group-title-theme-${unref(theme)}`
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "title", {}, () => [
+            createTextVNode(toDisplayString(_ctx.title), 1)
+          ])
+        ], 2),
+        renderSlot(_ctx.$slots, "default")
+      ], 64);
+    };
+  }
+});
 export {
-  Dgroup as default
+  _sfc_main as default
 };

package/es/Dropdown/Dgroup.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Dgroup.vue.js";
+/* empty css            */
+export {
+  _sfc_main as default
+};

package/es/Dropdown/Doption.vue.js

@@ -1,7 +1,65 @@
-import _sfc_main from "./Doption.vue2.js";
-/* empty css             */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Doption = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d0a3b0c"]]);
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot } from "vue";
+import useContext from "./hooks/useContext.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "yc-dropdown-option-icon"
+};
+const _hoisted_2 = { class: "yc-dropdown-option-content text-ellipsis" };
+const _hoisted_3 = {
+  key: 1,
+  class: "yc-dropdown-option-suffix"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Doption"
+  },
+  __name: "Doption",
+  props: {
+    value: { type: [String, Number, Boolean, Object] },
+    disabled: { type: Boolean, default: false },
+    isSubmenu: { type: Boolean, default: false },
+    isActive: { type: Boolean, default: false }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const { value: optionValue, disabled, isSubmenu } = toRefs(props);
+    const { select } = useContext().inject();
+    const { theme } = useMenuContext().inject();
+    const handleClick = (ev) => {
+      if (disabled.value) return;
+      emits("click", ev);
+      if (isSubmenu.value) return;
+      select(optionValue.value, ev);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "yc-dropdown-option",
+          `yc-dropdown-option-theme-${unref(theme)}`,
+          {
+            "yc-dropdown-option-active": _ctx.isActive,
+            "yc-dropdown-option-disabled": unref(disabled),
+            "yc-dropdown-option-has-suffix": _ctx.$slots.suffix
+          }
+        ]),
+        onClick: handleClick
+      }, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon")
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "suffix")
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
 export {
-  Doption as default
+  _sfc_main as default
 };

package/es/Dropdown/Doption.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Doption.vue.js";
+/* empty css             */
+export {
+  _sfc_main as default
+};

package/es/Dropdown/Dsubmenu.vue.js

@@ -1,7 +1,156 @@
-import _sfc_main from "./Dsubmenu.vue2.js";
-/* empty css              */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Dsubmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6ea1704e"]]);
+import { defineComponent, toRefs, ref, computed, createBlock, openBlock, unref, mergeProps, isRef, withCtx, createVNode, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, nextTick } from "vue";
+import { unrefElement } from "../node_modules/@vueuse/core/index.js";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { valueToPx } from "../_shared/utils/dom.js";
+import { isBoolean, isUndefined } from "../_shared/utils/is.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import _sfc_main$2 from "../_shared/icons/IconArrowRight.vue.js";
+import useControlValue from "../_shared/utils/control.js";
+import useMenuContext from "../Menu/hooks/useContext.js";
+import "./index.js";
+import Trigger from "../Trigger/index.js";
+import Scrollbar from "../Scrollbar/index.js";
+import _sfc_main$1 from "./Doption.vue.js";
+/* empty css             */
+const _hoisted_1 = { class: "yc-dropdown-list" };
+const _hoisted_2 = {
+  key: 0,
+  class: "yc-dropdown-footer"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Dsubmenu"
+  },
+  __name: "Dsubmenu",
+  props: {
+    disabled: { type: Boolean, default: false },
+    trigger: { default: "click" },
+    position: { default: "rt" },
+    popupVisible: { type: Boolean, default: void 0 },
+    defaultPopupVisible: { type: Boolean, default: false },
+    triggerProps: { default: () => {
+      return {};
+    } },
+    popupMaxHeight: { default: 200 }
+  },
+  emits: ["update:popupVisible", "popup-visible-change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const {
+      defaultPopupVisible,
+      popupVisible,
+      trigger: _trigger,
+      position: _position,
+      popupMaxHeight: _popupMaxHeight
+    } = toRefs(props);
+    const { theme } = useMenuContext().inject();
+    const computedVisible = useControlValue(
+      popupVisible,
+      defaultPopupVisible.value,
+      (val) => {
+        emits("update:popupVisible", val);
+        emits("popup-visible-change", val);
+      }
+    );
+    const optionRef = ref();
+    const triggerRef = ref();
+    const position = computed(() => {
+      return ["rt", "lt"].includes(_position.value) ? _position.value : "rt";
+    });
+    const trigger = computed(() => {
+      return ["hover", "click"].includes(_trigger.value) ? _trigger.value : "hover";
+    });
+    const popupMaxHeight = computed(() => {
+      if (isBoolean(_popupMaxHeight.value) && !_popupMaxHeight.value || isUndefined(_popupMaxHeight)) {
+        return "";
+      }
+      return valueToPx(
+        isBoolean(_popupMaxHeight.value) ? 200 : _popupMaxHeight.value
+      );
+    });
+    const handleCalcStyle = async () => {
+      var _a;
+      await nextTick();
+      const dom = unrefElement(optionRef);
+      if (!dom) return;
+      const { left, top, right, width } = dom.getBoundingClientRect();
+      const x = position.value == "rt" ? right : left - width;
+      const y = top - 5;
+      (_a = triggerRef.value) == null ? void 0 : _a.updatePosition(x, y);
+    };
+    __expose({
+      show() {
+        computedVisible.value = true;
+      },
+      hide() {
+        computedVisible.value = false;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Trigger), mergeProps({
+        "popup-visible": unref(computedVisible),
+        "onUpdate:popupVisible": _cache[0] || (_cache[0] = ($event) => isRef(computedVisible) ? computedVisible.value = $event : null),
+        trigger: trigger.value,
+        position: position.value,
+        "popup-offset": 4,
+        disabled: _ctx.disabled,
+        "mouse-enter-delay": 150,
+        "mouse-leave-delay": 150,
+        "on-trigger-mouseenter": handleCalcStyle,
+        "on-trigger-mouseclick": handleCalcStyle,
+        "need-transform-origin": "",
+        "auto-set-position": "",
+        "auto-fit-popup-min-width": "",
+        ref_key: "triggerRef",
+        ref: triggerRef
+      }, _ctx.triggerProps), {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(["yc-dropdown", `yc-dropdown-theme-${unref(theme)}`])
+          }, [
+            createVNode(unref(Scrollbar), {
+              style: normalizeStyle({
+                maxHeight: popupMaxHeight.value
+              })
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", _hoisted_1, [
+                  renderSlot(_ctx.$slots, "content")
+                ])
+              ]),
+              _: 3
+            }, 8, ["style"]),
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              renderSlot(_ctx.$slots, "footer")
+            ])) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$1), {
+            disabled: _ctx.disabled,
+            class: normalizeClass(_ctx.$attrs.class),
+            style: normalizeStyle(_ctx.$attrs.style),
+            "is-submenu": "",
+            ref_key: "optionRef",
+            ref: optionRef
+          }, {
+            suffix: withCtx(() => [
+              createVNode(unref(_sfc_main$2))
+            ]),
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["disabled", "class", "style"])
+        ]),
+        _: 3
+      }, 16, ["popup-visible", "trigger", "position", "disabled"]);
+    };
+  }
+});
 export {
-  Dsubmenu as default
+  _sfc_main as default
 };

package/es/Dropdown/Dsubmenu.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Dsubmenu.vue.js";
+/* empty css              */
+export {
+  _sfc_main as default
+};

package/es/Dropdown/index.js

@@ -1,26 +1,29 @@
 import _sfc_main from "./Dropdown.vue.js";
 /* empty css              */
-import Doption from "./Doption.vue.js";
-import Dgroup from "./Dgroup.vue.js";
-import _sfc_main$1 from "./DropdownButton.vue.js";
-import Dsubmenu from "./Dsubmenu.vue.js";
+import _sfc_main$4 from "./Doption.vue.js";
+/* empty css             */
+import _sfc_main$3 from "./Dgroup.vue.js";
+/* empty css            */
+import _sfc_main$2 from "./DropdownButton.vue.js";
+import _sfc_main$1 from "./Dsubmenu.vue.js";
+/* empty css              */
 const Dropdown = Object.assign(_sfc_main, {
-  option: Doption,
-  group: Dgroup,
-  button: _sfc_main$1,
-  submenu: Dsubmenu,
+  option: _sfc_main$4,
+  group: _sfc_main$3,
+  button: _sfc_main$2,
+  submenu: _sfc_main$1,
   install: (app) => {
     app.component("Yc" + _sfc_main.name, _sfc_main);
-    app.component("Yc" + Doption.name, Doption);
-    app.component("Yc" + Dgroup.name, Dgroup);
+    app.component("Yc" + _sfc_main$4.name, _sfc_main$4);
+    app.component("Yc" + _sfc_main$3.name, _sfc_main$3);
+    app.component("Yc" + _sfc_main$2.name, _sfc_main$2);
     app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
-    app.component("Yc" + Dsubmenu.name, Dsubmenu);
   }
 });
 export {
-  Dgroup,
-  Doption,
-  _sfc_main$1 as DropdownButton,
-  Dsubmenu,
+  _sfc_main$3 as Dgroup,
+  _sfc_main$4 as Doption,
+  _sfc_main$2 as DropdownButton,
+  _sfc_main$1 as Dsubmenu,
   Dropdown as default
 };

package/es/Empty/index.js

@@ -1,7 +1,8 @@
-import _Empty from "./index.vue.js";
-const Empty = Object.assign(_Empty, {
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+const Empty = Object.assign(_sfc_main, {
   install: (app) => {
-    app.component("Yc" + _Empty.name, _Empty);
+    app.component("Yc" + _sfc_main.name, _sfc_main);
   }
 });
 export {

package/es/Empty/index.vue.js

@@ -1,7 +1,48 @@
-import _sfc_main from "./index.vue2.js";
-/* empty css           */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Empty = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7bbc6ff2"]]);
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, renderSlot, createVNode, unref, createTextVNode, toDisplayString } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "./index.js";
+/* empty css                             */
+import _sfc_main$1 from "../_shared/icons/IconEmpty.vue.js";
+const _hoisted_1 = { class: "yc-empty" };
+const _hoisted_2 = { class: "yc-empty-image" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = {
+  key: 0,
+  class: "yc-empty-description"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Empty"
+  },
+  __name: "index",
+  props: {
+    description: { default: "暂无数据" },
+    imgSrc: { default: "" }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "image", {}, () => [
+            _ctx.imgSrc ? (openBlock(), createElementBlock("img", {
+              key: 0,
+              src: _ctx.imgSrc,
+              alt: "图片加载失败"
+            }, null, 8, _hoisted_3)) : createCommentVNode("", true),
+            createVNode(unref(_sfc_main$1))
+          ])
+        ]),
+        _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(_ctx.description), 1)
+          ])
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
 export {
-  _Empty as default
+  _sfc_main as default
 };

package/es/Empty/index.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./index.vue.js";
+/* empty css           */
+export {
+  _sfc_main as default
+};

package/es/Grid/Grid.vue.js

@@ -1,7 +1,41 @@
-import _sfc_main from "./Grid.vue2.js";
-/* empty css          */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const _Grid = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-671eadee"]]);
+import { defineComponent, createElementBlock, openBlock, normalizeStyle, unref, renderSlot } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Grid"
+  },
+  __name: "Grid",
+  props: {
+    cols: { default: 24 },
+    rowGap: { default: 0 },
+    colGap: { default: 0 },
+    collapsed: { type: Boolean, default: false },
+    collapsedRows: { default: 1 }
+  },
+  setup(__props) {
+    const props = __props;
+    const { breakpoint, cols, rowGap, colGap } = useContext().provide(props);
+    mediaQueryHandler((name) => {
+      breakpoint.value = name;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "yc-grid",
+        style: normalizeStyle({
+          gap: `${unref(valueToPx)(unref(rowGap))} ${unref(valueToPx)(unref(colGap))}`,
+          gridTemplateColumns: `repeat(${unref(cols)}, minmax(0px, 1fr))`
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4);
+    };
+  }
+});
 export {
-  _Grid as default
+  _sfc_main as default
 };

package/es/Grid/Grid.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./Grid.vue.js";
+/* empty css          */
+export {
+  _sfc_main as default
+};

package/es/Grid/GridRow.vue.js

@@ -1,7 +1,48 @@
-import _sfc_main from "./GridRow.vue2.js";
-/* empty css             */
-import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const GridRow = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-94c99e78"]]);
+import { defineComponent, toRefs, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot } from "vue";
+import "../node_modules/tinycolor2/esm/tinycolor.js";
+import { mediaQueryHandler, valueToPx } from "../_shared/utils/dom.js";
+import "../_shared/utils/time.js";
+import "../Empty/index.js";
+/* empty css                             */
+import useContext from "./hooks/useContext.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "Row"
+  },
+  __name: "GridRow",
+  props: {
+    gutter: { default: 0 },
+    justify: { default: "start" },
+    align: { default: "start" },
+    div: { type: Boolean, default: false },
+    wrap: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { div, wrap, justify, align } = toRefs(props);
+    const { breakpoint, gutter } = useContext().provide(props);
+    mediaQueryHandler((name) => {
+      breakpoint.value = name;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          {
+            "yc-row": !unref(div),
+            "yc-row-wrap": unref(wrap) && !unref(div),
+            [`yc-row-align-${unref(align)}`]: !unref(div),
+            [`yc-row-justify-${unref(justify)}`]: !unref(div)
+          }
+        ]),
+        style: normalizeStyle({
+          margin: `0 ${unref(valueToPx)(-unref(gutter)[0] / 2)}`
+        })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
 export {
-  GridRow as default
+  _sfc_main as default
 };

package/es/Grid/GridRow.vue3.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./GridRow.vue.js";
+/* empty css             */
+export {
+  _sfc_main as default
+};

package/es/Grid/index.js

@@ -1,21 +1,23 @@
-import _sfc_main$1 from "./GridCol.vue.js";
-import GridRow from "./GridRow.vue.js";
-import _Grid from "./Grid.vue.js";
-import _sfc_main from "./GridItem.vue.js";
-const Grid = Object.assign(_Grid, {
-  col: _sfc_main$1,
-  row: GridRow,
-  item: _sfc_main,
+import _sfc_main$3 from "./GridCol.vue.js";
+import _sfc_main$2 from "./GridRow.vue.js";
+/* empty css             */
+import _sfc_main from "./Grid.vue.js";
+/* empty css          */
+import _sfc_main$1 from "./GridItem.vue.js";
+const Grid = Object.assign(_sfc_main, {
+  col: _sfc_main$3,
+  row: _sfc_main$2,
+  item: _sfc_main$1,
   install: (app) => {
-    app.component("Yc" + _Grid.name, _Grid);
     app.component("Yc" + _sfc_main.name, _sfc_main);
-    app.component("Yc" + GridRow.name, GridRow);
     app.component("Yc" + _sfc_main$1.name, _sfc_main$1);
+    app.component("Yc" + _sfc_main$2.name, _sfc_main$2);
+    app.component("Yc" + _sfc_main$3.name, _sfc_main$3);
   }
 });
 export {
-  _sfc_main$1 as GridCol,
-  _sfc_main as GridItem,
-  GridRow,
+  _sfc_main$3 as GridCol,
+  _sfc_main$1 as GridItem,
+  _sfc_main$2 as GridRow,
   Grid as default
 };