yc-design-vue 1.7.6 → 1.7.7

package/es/Drawer/Drawer.vue2.js

@@ -1,203 +0,0 @@
-import { defineComponent, toRefs, computed, createBlock, openBlock, Teleport, unref, withDirectives, createCommentVNode, createElementBlock, normalizeStyle, normalizeClass, createVNode, Transition, withCtx, vShow, createElementVNode, renderSlot, createTextVNode, toDisplayString, mergeProps } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import { getGlobalConfig } from "../_shared/utils/global-config.js";
-import useModalClose from "../Modal/hooks/useModalClose.js";
-import Button from "../Button/index.js";
-import IconButton from "../_shared/components/IconButton.vue2.js";
-/* empty css                                         */
-/* empty css                             */
-const _hoisted_1 = {
-  key: 0,
-  class: "yc-drawer-header"
-};
-const _hoisted_2 = { class: "yc-drawer-title text-ellipsis" };
-const _hoisted_3 = { class: "yc-drawer-body" };
-const _hoisted_4 = {
-  key: 0,
-  class: "yc-drawer-footer"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "Drawer",
-    inheritAttrs: false
-  },
-  __name: "Drawer",
-  props: {
-    visible: { type: Boolean, default: void 0 },
-    defaultVisible: { type: Boolean, default: false },
-    placement: { default: "right" },
-    title: { default: "" },
-    mask: { type: Boolean, default: true },
-    maskClosable: { type: Boolean, default: true },
-    closable: { type: Boolean, default: true },
-    okText: { default: "确认" },
-    cancelText: { default: "取消" },
-    okLoading: { type: Boolean, default: false },
-    okButtonProps: { default: () => {
-      return {};
-    } },
-    cancelButtonProps: { default: () => {
-      return {};
-    } },
-    unmountOnClose: { type: Boolean, default: false },
-    width: { default: 250 },
-    height: { default: 250 },
-    popupContainer: { default: void 0 },
-    drawerStyle: { default: () => {
-      return {};
-    } },
-    escToClose: { type: Boolean, default: true },
-    renderToBody: { type: Boolean, default: true },
-    header: { type: Boolean, default: true },
-    footer: { type: Boolean, default: true },
-    hideCancel: { type: Boolean, default: false },
-    onBeforeCancel: { type: Function, default: () => {
-      return true;
-    } },
-    onBeforeOk: { type: Function, default: () => {
-      return true;
-    } }
-  },
-  emits: ["update:visible", "ok", "cancel", "before-open", "open", "before-close", "close"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emits = __emit;
-    const {
-      visible,
-      defaultVisible,
-      width,
-      height,
-      placement,
-      maskClosable,
-      escToClose,
-      drawerStyle: _drawerStyle,
-      renderToBody,
-      popupContainer: _popupContainer
-    } = toRefs(props);
-    const { onBeforeOk, onBeforeCancel } = props;
-    const { zIndex, popupContainer } = getGlobalConfig(props);
-    const drawerStyle = computed(() => {
-      return {
-        height: placement.value == "left" || placement.value == "right" ? "" : valueToPx(height.value),
-        width: placement.value == "left" || placement.value == "right" ? valueToPx(width.value) : "",
-        // 传入样式
-        ..._drawerStyle.value
-      };
-    });
-    const {
-      outerVisible,
-      innerVisible,
-      asyncLoading,
-      handleClose,
-      handleAfterLeave
-    } = useModalClose({
-      visible,
-      defaultVisible,
-      escToClose,
-      maskClosable,
-      onBeforeCancel,
-      onBeforeOk,
-      emits
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: unref(popupContainer),
-        disabled: !unref(renderToBody)
-      }, [
-        !_ctx.unmountOnClose || unref(outerVisible) ? withDirectives((openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass([
-            "yc-drawer-wrapper",
-            `yc-drawer-placement-${unref(placement)}`,
-            _ctx.$attrs.class,
-            {
-              "yc-drawer-position-absolute": unref(_popupContainer) || !unref(renderToBody)
-            }
-          ]),
-          style: normalizeStyle({
-            zIndex: unref(zIndex),
-            ..._ctx.$attrs.style ?? {}
-          })
-        }, [
-          createVNode(Transition, { name: "fade" }, {
-            default: withCtx(() => [
-              _ctx.mask ? withDirectives((openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "yc-drawer-mask",
-                onClick: _cache[0] || (_cache[0] = ($event) => unref(handleClose)("mask", $event))
-              }, null, 512)), [
-                [vShow, unref(innerVisible)]
-              ]) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }),
-          createVNode(Transition, {
-            name: `slide-drawer-${unref(placement)}`,
-            onBeforeEnter: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("before-open")),
-            onBeforeLeave: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("before-close")),
-            onAfterEnter: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("open")),
-            onAfterLeave: unref(handleAfterLeave)
-          }, {
-            default: withCtx(() => [
-              withDirectives(createElementVNode("div", {
-                class: "yc-drawer-container",
-                style: normalizeStyle(drawerStyle.value)
-              }, [
-                renderSlot(_ctx.$slots, "header", {}, () => [
-                  _ctx.header ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                    createElementVNode("div", _hoisted_2, [
-                      renderSlot(_ctx.$slots, "title", {}, () => [
-                        createTextVNode(toDisplayString(_ctx.title), 1)
-                      ], true)
-                    ]),
-                    _ctx.closable ? (openBlock(), createBlock(unref(IconButton), {
-                      key: 0,
-                      class: "yc-modal-close-button",
-                      onClick: _cache[1] || (_cache[1] = ($event) => unref(handleClose)("closeBtn", $event))
-                    })) : createCommentVNode("", true)
-                  ])) : createCommentVNode("", true)
-                ], true),
-                createElementVNode("div", _hoisted_3, [
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true)
-                ]),
-                renderSlot(_ctx.$slots, "footer", {}, () => [
-                  _ctx.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                    !_ctx.hideCancel ? (openBlock(), createBlock(unref(Button), mergeProps({ key: 0 }, _ctx.cancelButtonProps, {
-                      onClick: _cache[2] || (_cache[2] = ($event) => unref(handleClose)("cancelBtn", $event))
-                    }), {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.cancelText), 1)
-                      ]),
-                      _: 1
-                    }, 16)) : createCommentVNode("", true),
-                    createVNode(unref(Button), mergeProps({
-                      type: "primary",
-                      loading: _ctx.okLoading || unref(asyncLoading)
-                    }, _ctx.okButtonProps, {
-                      onClick: _cache[3] || (_cache[3] = ($event) => unref(handleClose)("confirmBtn", $event))
-                    }), {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.okText), 1)
-                      ]),
-                      _: 1
-                    }, 16, ["loading"])
-                  ])) : createCommentVNode("", true)
-                ], true)
-              ], 4), [
-                [vShow, unref(innerVisible)]
-              ])
-            ]),
-            _: 3
-          }, 8, ["name", "onAfterLeave"])
-        ], 6)), [
-          [vShow, unref(outerVisible)]
-        ]) : createCommentVNode("", true)
-      ], 8, ["to", "disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Dropdown/Dgroup.vue2.js

@@ -1,33 +0,0 @@
-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)
-          ], true)
-        ], 2),
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 64);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Dropdown/Doption.vue2.js

@@ -1,65 +0,0 @@
-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", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_2, [
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          renderSlot(_ctx.$slots, "suffix", {}, void 0, true)
-        ])) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Dropdown/Dsubmenu.vue2.js

@@ -1,155 +0,0 @@
-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$1 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 Doption from "./Doption.vue.js";
-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", {}, void 0, true)
-                ])
-              ]),
-              _: 3
-            }, 8, ["style"]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_2, [
-              renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-            ])) : createCommentVNode("", true)
-          ], 2)
-        ]),
-        default: withCtx(() => [
-          createVNode(unref(Doption), {
-            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$1))
-            ]),
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default", {}, void 0, true)
-            ]),
-            _: 3
-          }, 8, ["disabled", "class", "style"])
-        ]),
-        _: 3
-      }, 16, ["popup-visible", "trigger", "position", "disabled"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Empty/index.vue2.js

@@ -1,48 +0,0 @@
-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))
-          ], true)
-        ]),
-        _ctx.description ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createTextVNode(toDisplayString(_ctx.description), 1)
-          ], true)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Grid/Grid.vue2.js

@@ -1,41 +0,0 @@
-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", {}, void 0, true)
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};

package/es/Grid/GridRow.vue2.js

@@ -1,48 +0,0 @@
-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", {}, void 0, true)
-      ], 6);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};