yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/ele-tour/index.js

@@ -0,0 +1,238 @@
+import { defineComponent, ref, shallowRef, onMounted, watch, nextTick, resolveComponent, createBlock, openBlock, Teleport, createElementVNode, normalizeStyle, normalizeClass, createVNode, mergeProps, withCtx, createCommentVNode, createElementBlock, renderSlot, createTextVNode, toDisplayString } 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 { tourEmits, tourProps } 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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1,30 @@
+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/{lib/ele-table-select → es/ele-tree-select}/props.d.ts

@@ -1,14 +1,14 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { StyleValue } from '../ele-app/types';
-import { ElInputProps, ElTagProps } from '../ele-app/el';
-import { EleTooltipProps, EleProTableProps } from '../ele-app/plus';
-import { DataItem } from '../ele-data-table/types';
+import { ElInputProps, ElTagProps, ElTreeV2Props } from '../ele-app/el';
+import { EleTooltipProps } from '../ele-app/plus';
 import { SelectValue, SingleValue } from '../ele-basic-select/types';
+import { ShowCheckedStrategy } from './types';
 
 /**
  * 属性
  */
-export declare const tableSelectProps: {
+export declare const treeSelectProps: {
     /** 选中值 */
     modelValue: {
         type: PropType<SelectValue>;
@@ -24,25 +24,17 @@ export declare const tableSelectProps: {
     clearable: BooleanConstructor;
     /** 无选中时提示文本 */
     placeholder: StringConstructor;
-    /** 数据值的键名 */
-    valueKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 显示文本的键名 */
-    labelKey: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** 初始选中值(已废弃) */
-    initValue: PropType<DataItem | DataItem[]>;
     /** 缓存数据 */
-    cacheData: PropType<DataItem[]>;
-    /** 表格配置 */
-    tableProps: {
-        type: PropType<EleProTableProps>;
+    cacheData: PropType<ElTreeV2Props["data"]>;
+    /** 树配置 */
+    treeProps: {
+        type: PropType<ElTreeV2Props>;
         required: boolean;
     };
+    /** 多选标签显示策略 */
+    showCheckedStrategy: PropType<ShowCheckedStrategy>;
+    /** 多选值绑定策略 */
+    checkedValueStrategy: BooleanConstructor;
     /** 多选标签最大显示数量 */
     maxTagCount: NumberConstructor;
     /** 多选标签最大显示文本长度 */
@@ -88,17 +80,12 @@ export declare const tableSelectProps: {
     inputStyle: PropType<StyleValue>;
     /** 自定义多选标签容器样式 */
     selectTagsStyle: PropType<StyleValue>;
-    /** 是否开启响应式 */
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
 };
-export type TableSelectProps = ExtractPropTypes<typeof tableSelectProps>;
+export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
 /**
  * 事件
  */
-export declare const tableSelectEmits: {
+export declare const treeSelectEmits: {
     /** 更新选中值 */
     'update:modelValue': (_value: SelectValue) => boolean;
     /** 选中值改变事件 */
@@ -113,8 +100,4 @@ export declare const tableSelectEmits: {
     focus: (_e: FocusEvent) => boolean;
     /** 失去焦点事件 */
     blur: (_e: FocusEvent) => boolean;
-    /** 表格行选中事件 */
-    select: (_item: DataItem | DataItem[]) => boolean;
-    /** 筛选输入框值改变事件 */
-    filterChange: (_value: string) => boolean;
 };

package/{lib/ele-tree-select/props.cjs → es/ele-tree-select/props.js}

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const treeSelectProps = {
   /** 选中值 */
   modelValue: {
@@ -91,5 +89,7 @@ const treeSelectEmits = {
   /** 失去焦点事件 */
   blur: (_e) => true
 };
-exports.treeSelectEmits = treeSelectEmits;
-exports.treeSelectProps = treeSelectProps;
+export {
+  treeSelectEmits,
+  treeSelectProps
+};