yuang-framework-ui-pc 1.1.41 → 1.1.43

package/es/ele-tooltip/index.js

@@ -1,176 +0,0 @@
-import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, normalizeStyle, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { ElTooltip } from "element-plus";
-import { omit } from "../utils/core";
-import { tooltipProps, tooltipEmits } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleTooltip",
-  components: { ElTooltip },
-  props: tooltipProps,
-  emits: tooltipEmits,
-  setup(props, { emit }) {
-    const tooltipRef = ref();
-    const rootProps = computed(() => {
-      const options = omit(props, [
-        "content",
-        "bodyStyle",
-        "bg",
-        "arrowBg",
-        "width",
-        "isPopover",
-        "onUpdate:visible",
-        "onBeforeShow",
-        "onBeforeHide",
-        "onBefore-show",
-        "onBefore-hide",
-        "onShow",
-        "onHide",
-        "onOpen",
-        "onClose"
-      ]);
-      const classes = ["ele-popper"];
-      if (props.isPopover && props.effect === "light") {
-        classes.push("ele-popover");
-      } else {
-        classes.push("ele-tooltip");
-      }
-      if (typeof props.popperClass === "string" && props.popperClass) {
-        classes.push(props.popperClass);
-      }
-      options.popperClass = classes.join(" ");
-      const style = {};
-      if (props.bg || props.arrowBg) {
-        options.effect = "dark";
-        if (props.bg) {
-          style["--ele-tooltip-bg"] = props.bg;
-        }
-        if (props.arrowBg) {
-          style["--ele-tooltip-arrow-bg"] = props.arrowBg;
-        }
-      }
-      const { width, popperStyle } = props;
-      if (width != null) {
-        style.width = typeof width === "string" ? width : `${width}px`;
-      }
-      if (!popperStyle) {
-        options.popperStyle = style;
-      } else if (Array.isArray(popperStyle)) {
-        options.popperStyle = [style, ...popperStyle];
-      } else {
-        options.popperStyle = [style, popperStyle];
-      }
-      return options;
-    });
-    const popperRef = computed(
-      () => {
-        var _a;
-        return (_a = tooltipRef.value) == null ? void 0 : _a.popperRef;
-      }
-    );
-    const contentRef = computed(() => {
-      var _a;
-      return (_a = tooltipRef.value) == null ? void 0 : _a.contentRef;
-    });
-    const isFocusInsideContent = () => {
-      tooltipRef.value && tooltipRef.value.isFocusInsideContent();
-    };
-    const updatePopper = () => {
-      tooltipRef.value && tooltipRef.value.updatePopper();
-    };
-    const handleOpen = (opt) => {
-      tooltipRef.value && tooltipRef.value.onOpen(opt);
-    };
-    const handleClose = (opt) => {
-      tooltipRef.value && tooltipRef.value.onClose(opt);
-    };
-    const hide = (opt) => {
-      tooltipRef.value && tooltipRef.value.hide(opt);
-    };
-    const handleUpdateVisible = (visible) => {
-      emit("update:visible", visible);
-    };
-    const handlePopBeforeShow = (e) => {
-      emit("before-show", e);
-    };
-    const handlePopBeforeHide = (e) => {
-      emit("before-hide", e);
-    };
-    const handlePopShow = (e) => {
-      emit("show", e);
-    };
-    const handlePopHide = (e) => {
-      emit("hide", e);
-    };
-    const handlePopOpen = (e) => {
-      emit("open", e);
-    };
-    const handlePopClose = (e) => {
-      emit("close", e);
-    };
-    return {
-      tooltipRef,
-      rootProps,
-      popperRef,
-      contentRef,
-      isFocusInsideContent,
-      updatePopper,
-      handleOpen,
-      handleClose,
-      hide,
-      handleUpdateVisible,
-      handlePopBeforeShow,
-      handlePopBeforeHide,
-      handlePopShow,
-      handlePopHide,
-      handlePopOpen,
-      handlePopClose
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = ["innerHTML"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElTooltip = resolveComponent("ElTooltip");
-  return openBlock(), createBlock(_component_ElTooltip, mergeProps(_ctx.rootProps, {
-    ref: "tooltipRef",
-    "onUpdate:visible": _ctx.handleUpdateVisible,
-    onBeforeShow: _ctx.handlePopBeforeShow,
-    onBeforeHide: _ctx.handlePopBeforeHide,
-    onShow: _ctx.handlePopShow,
-    onHide: _ctx.handlePopHide,
-    onOpen: _ctx.handlePopOpen,
-    onClose: _ctx.handlePopClose
-  }), {
-    content: withCtx(() => [
-      renderSlot(_ctx.$slots, "body", {}, () => [
-        _ctx.rawContent && _ctx.content != null && _ctx.content != "" ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          innerHTML: _ctx.content,
-          class: "ele-tooltip-body",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, null, 12, _hoisted_1)) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: "ele-tooltip-body",
-          style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createTextVNode(toDisplayString(_ctx.content), 1)
-          ])
-        ], 4))
-      ])
-    ]),
-    default: withCtx(() => [
-      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true)
-    ]),
-    _: 3
-  }, 16, ["onUpdate:visible", "onBeforeShow", "onBeforeHide", "onShow", "onHide", "onOpen", "onClose"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-tooltip/style/index.scss

@@ -1,95 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-tooltip-var($ele);
-
-@include popper-style('.ele-popper.el-popper');
-
-.ele-tooltip-body,
-.ele-popover-body {
-  background: inherit;
-  border-radius: inherit;
-  box-sizing: border-box;
-}
-
-.ele-tooltip-body {
-  padding: eleVar('tooltip', 'padding');
-  position: relative;
-  z-index: 2;
-}
-
-.ele-popper.el-popper.ele-tooltip {
-  color: eleVar('tooltip', 'color');
-  font-size: eleVar('tooltip', 'font-size');
-  line-height: eleVar('tooltip', 'line-height');
-  padding: 0;
-  background: eleVar('tooltip', 'bg');
-  border: eleVar('tooltip', 'border');
-  box-shadow: eleVar('tooltip', 'shadow');
-  border-radius: eleVar('tooltip', 'radius');
-
-  & > .el-popper__arrow::before {
-    background: eleVar('tooltip', 'arrow-bg');
-    border: eleVar('tooltip', 'border');
-    box-shadow: eleVar('tooltip', 'arrow-shadow');
-  }
-
-  &.is-dark {
-    padding: 0;
-  }
-
-  &.is-light {
-    color: eleVar('tooltip-light', 'color');
-    background: eleVar('tooltip-light', 'bg');
-    border: eleVar('tooltip-light', 'border');
-    box-shadow: eleVar('tooltip-light', 'shadow');
-
-    & > .el-popper__arrow::before {
-      background: eleVar('tooltip-light', 'arrow-bg');
-      border: eleVar('tooltip-light', 'border');
-      box-shadow: eleVar('tooltip-light', 'arrow-shadow');
-    }
-  }
-
-  &.is-danger,
-  &.is-danger > .el-popper__arrow::before {
-    background: elVar('color-danger');
-    border-color: elVar('color-danger');
-  }
-
-  &.is-warning,
-  &.is-warning > .el-popper__arrow::before {
-    background: elVar('color-warning');
-    border-color: elVar('color-warning');
-  }
-
-  &.is-success,
-  &.is-success > .el-popper__arrow::before {
-    background: elVar('color-success');
-    border-color: elVar('color-success');
-  }
-}
-
-/* 气泡卡片 */
-.ele-popper.ele-popover {
-  color: eleVar('popover', 'color');
-  font-size: eleVar('popover', 'font-size');
-  line-height: inherit;
-  text-align: left;
-  min-width: 150px;
-  padding: 0;
-}
-
-.ele-popover-content {
-  padding: eleVar('popover', 'padding');
-  box-sizing: border-box;
-}
-
-.ele-popover-title {
-  color: eleVar('popover', 'title-color');
-  font-size: eleVar('popover', 'title-font-size');
-  font-weight: eleVar('popover', 'title-font-weight');
-  padding: eleVar('popover', 'title-padding');
-  border-bottom: eleVar('popover', 'title-border');
-}

package/es/ele-tour/index.d.ts

@@ -1,58 +0,0 @@
-import { Ref } from 'vue';
-import { EleTooltipInstance } from '../ele-app/plus';
-import { TourStep, TourLocale } from './types';
-
-declare const _default: import('vue').DefineComponent<{
-    modelValue: NumberConstructor;
-    steps: {
-        type: import('vue').PropType<TourStep[]>;
-        required: boolean;
-    };
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    zIndex: NumberConstructor;
-    locale: import('vue').PropType<Partial<TourLocale>>;
-}, {
-    lang: import('vue').ComputedRef<TourLocale>;
-    triggerRef: Ref<any>;
-    tooltipRef: Ref<EleTooltipInstance>;
-    tooltipProps: import('vue').ShallowRef<Partial<import('../ele-tooltip/props').TooltipProps>>;
-    visible: Ref<boolean>;
-    step: import('vue').ShallowRef<TourStep | null>;
-    isLast: Ref<boolean>;
-    boxStyle: Ref<Partial<import('vue').CSSProperties>>;
-    showMask: Ref<boolean>;
-    handlePrev: () => void;
-    handleNext: () => void;
-    handleFinish: () => void;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:modelValue': (_value?: number | null) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    modelValue: NumberConstructor;
-    steps: {
-        type: import('vue').PropType<TourStep[]>;
-        required: boolean;
-    };
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    zIndex: NumberConstructor;
-    locale: import('vue').PropType<Partial<TourLocale>>;
-}>> & {
-    "onUpdate:modelValue"?: ((_value?: number | null | undefined) => any) | undefined;
-}, {
-    mask: boolean;
-    padding: number;
-}, {}>;
-export default _default;

package/es/ele-tour/index.js

@@ -1,238 +0,0 @@
-import { defineComponent, ref, shallowRef, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, Teleport, createElementVNode, normalizeClass, normalizeStyle, createVNode, mergeProps, withCtx, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode } from "vue";
-import { ElButton } from "element-plus";
-import EleTooltip from "../ele-tooltip/index";
-import ReceiverView from "../ele-config-provider/components/receiver-view";
-import { useLocale } from "../ele-config-provider/receiver";
-import { scrollIntoView, getOffset, getPopperProps } from "./util";
-import { tourProps, tourEmits } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleTour",
-  components: { ElButton, EleTooltip, ReceiverView },
-  props: tourProps,
-  emits: tourEmits,
-  setup(props, { emit }) {
-    const { lang } = useLocale("tour", props);
-    const triggerRef = ref(null);
-    const tooltipRef = ref(null);
-    const tooltipProps = shallowRef({});
-    const visible = ref(false);
-    const step = shallowRef(null);
-    const isLast = ref(false);
-    const boxStyle = ref({});
-    const showMask = ref(false);
-    const start = () => {
-      if (!props.steps || props.modelValue == null || props.modelValue < 0 || props.modelValue >= props.steps.length) {
-        close();
-        return;
-      }
-      step.value = props.steps[props.modelValue];
-      if (!step.value) {
-        return;
-      }
-      isLast.value = props.modelValue === props.steps.length - 1;
-      const { mask, popoverProps, target, padding } = step.value;
-      showMask.value = mask ?? props.mask;
-      const el = typeof target === "function" ? target() : target;
-      if (el) {
-        scrollIntoView(el);
-        const { width, height } = el.getBoundingClientRect();
-        const { top, left } = getOffset(el);
-        const space = padding ?? props.padding ?? 0;
-        boxStyle.value = {
-          width: width + space + space + "px",
-          height: height + space + space + "px",
-          top: top - space + "px",
-          left: left - space + "px"
-        };
-      } else {
-        boxStyle.value = {
-          width: "0px",
-          height: "0px",
-          top: "50%",
-          left: "50%"
-        };
-      }
-      visible.value = true;
-      tooltipProps.value = getPopperProps(true, !el, popoverProps);
-      nextTick(() => {
-        updatePopper();
-      });
-    };
-    const close = () => {
-      visible.value = false;
-      boxStyle.value = {};
-      step.value = null;
-      showMask.value = false;
-      tooltipProps.value = getPopperProps();
-    };
-    const updateModelValue = (value) => {
-      emit("update:modelValue", value);
-    };
-    const handlePrev = () => {
-      if (props.modelValue != null && props.steps != null && props.steps.length && props.modelValue > 0) {
-        updateModelValue(props.modelValue - 1);
-      }
-    };
-    const handleNext = () => {
-      if (props.modelValue != null && props.steps != null && props.steps.length && props.modelValue < props.steps.length - 1) {
-        updateModelValue(props.modelValue + 1);
-      }
-    };
-    const handleFinish = () => {
-      updateModelValue(null);
-    };
-    const updatePopper = () => {
-      tooltipRef.value && tooltipRef.value.updatePopper();
-    };
-    onMounted(() => {
-      start();
-    });
-    watch(
-      () => props.modelValue,
-      () => {
-        start();
-      }
-    );
-    return {
-      lang,
-      triggerRef,
-      tooltipRef,
-      tooltipProps,
-      visible,
-      step,
-      isLast,
-      boxStyle,
-      showMask,
-      handlePrev,
-      handleNext,
-      handleFinish
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  key: 0,
-  class: "ele-tour-title"
-};
-const _hoisted_2 = { class: "ele-tour-text" };
-const _hoisted_3 = { class: "ele-tour-footer" };
-const _hoisted_4 = { class: "ele-tour-counter" };
-const _hoisted_5 = { class: "ele-tour-action" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_ReceiverView = resolveComponent("ReceiverView");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  return openBlock(), createBlock(Teleport, { to: "body" }, [
-    createElementVNode("div", {
-      class: normalizeClass(["ele-tour", { "show-mask": _ctx.showMask }, { "is-open": _ctx.visible }]),
-      style: normalizeStyle({ zIndex: _ctx.zIndex })
-    }, [
-      createElementVNode("div", {
-        class: "ele-tour-box",
-        style: normalizeStyle(_ctx.boxStyle)
-      }, null, 4),
-      createElementVNode("div", {
-        ref: "triggerRef",
-        class: "ele-tour-reference",
-        style: normalizeStyle(_ctx.boxStyle)
-      }, null, 4),
-      createVNode(_component_EleTooltip, mergeProps(_ctx.tooltipProps, {
-        ref: "tooltipRef",
-        virtualRef: _ctx.triggerRef,
-        virtualTriggering: true,
-        disabled: !_ctx.visible,
-        hideAfter: 0
-      }), {
-        body: withCtx(() => [
-          _ctx.steps && _ctx.step ? (openBlock(), createBlock(_component_ReceiverView, {
-            key: 0,
-            class: "ele-popover-body"
-          }, {
-            default: withCtx(() => [
-              _ctx.step.title ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                renderSlot(_ctx.$slots, "title", {
-                  step: _ctx.step,
-                  current: _ctx.modelValue
-                }, () => [
-                  createTextVNode(toDisplayString(_ctx.step.title), 1)
-                ])
-              ])) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_2, [
-                renderSlot(_ctx.$slots, "text", {
-                  step: _ctx.step,
-                  current: _ctx.modelValue
-                }, () => [
-                  createTextVNode(toDisplayString(_ctx.step.description), 1)
-                ])
-              ]),
-              renderSlot(_ctx.$slots, "footer", {
-                step: _ctx.step,
-                current: _ctx.modelValue
-              }, () => [
-                createElementVNode("div", _hoisted_3, [
-                  createElementVNode("div", _hoisted_4, toDisplayString((_ctx.modelValue || 0) + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
-                  createElementVNode("div", _hoisted_5, [
-                    !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                      key: 0,
-                      size: "small",
-                      onClick: _ctx.handleFinish
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.lang.skip), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    _ctx.modelValue !== 0 ? (openBlock(), createBlock(_component_ElButton, {
-                      key: 1,
-                      size: "small",
-                      onClick: _ctx.handlePrev
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.lang.prev), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    !_ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                      key: 2,
-                      size: "small",
-                      type: "primary",
-                      onClick: _ctx.handleNext
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.lang.next), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true),
-                    _ctx.isLast ? (openBlock(), createBlock(_component_ElButton, {
-                      key: 3,
-                      size: "small",
-                      type: "primary",
-                      onClick: _ctx.handleFinish
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(_ctx.lang.finish), 1)
-                      ]),
-                      _: 1
-                    }, 8, ["onClick"])) : createCommentVNode("", true)
-                  ])
-                ])
-              ])
-            ]),
-            _: 3
-          })) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 16, ["virtualRef", "disabled"])
-    ], 6)
-  ]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-tour/props.d.ts

@@ -1,36 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { TourStep, TourLocale } from './types';
-
-/**
- * 属性
- */
-export declare const tourProps: {
-    /** 当前处于第几步 */
-    modelValue: NumberConstructor;
-    /** 步骤 */
-    steps: {
-        type: PropType<TourStep[]>;
-        required: boolean;
-    };
-    /** 是否开启遮罩层 */
-    mask: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 高亮区内间距 */
-    padding: {
-        type: NumberConstructor;
-        default: number;
-    };
-    /** 层级 */
-    zIndex: NumberConstructor;
-    /** 国际化 */
-    locale: PropType<Partial<TourLocale>>;
-};
-export type TourProps = ExtractPropTypes<typeof tourProps>;
-/**
- * 事件
- */
-export declare const tourEmits: {
-    'update:modelValue': (_value?: number | null) => boolean;
-};

package/es/ele-tour/props.js

@@ -1,30 +0,0 @@
-const tourProps = {
-  /** 当前处于第几步 */
-  modelValue: Number,
-  /** 步骤 */
-  steps: {
-    type: Array,
-    required: true
-  },
-  /** 是否开启遮罩层 */
-  mask: {
-    type: Boolean,
-    default: true
-  },
-  /** 高亮区内间距 */
-  padding: {
-    type: Number,
-    default: 6
-  },
-  /** 层级 */
-  zIndex: Number,
-  /** 国际化 */
-  locale: Object
-};
-const tourEmits = {
-  "update:modelValue": (_value) => true
-};
-export {
-  tourEmits,
-  tourProps
-};

package/es/ele-tour/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-tour/style/index.js

@@ -1,3 +0,0 @@
-import "element-plus/es/components/button/style/index";
-import "../../ele-tooltip/style/index";
-import "./index.scss";