yuang-framework-ui-pc 1.1.44 → 1.1.46

package/lib/ele-tour/props.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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
+};
+exports.tourEmits = tourEmits;
+exports.tourProps = tourProps;

package/lib/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/lib/ele-tour/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-tour/style/index.scss

@@ -0,0 +1,101 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+
+.ele-tour {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: elVar('index', 'popper');
+  display: none;
+
+  &.is-open {
+    display: block;
+  }
+}
+
+/* 带高亮的遮罩 */
+.ele-tour-box {
+  position: absolute;
+  border: 2px solid elVar('color-primary');
+  border-radius: elVar('border-radius', 'base');
+  transition: (
+    left $transition-base,
+    top $transition-base,
+    width $transition-base,
+    height $transition-base
+  );
+}
+
+.ele-tour.show-mask > .ele-tour-box {
+  border: none;
+  box-shadow: 0 0 0 1000vw elVar('overlay-color', 'lighter');
+}
+
+/* 气泡定位元素 */
+.ele-tour-reference {
+  position: absolute;
+  box-sizing: border-box;
+}
+
+/* 标题 */
+.ele-tour-title {
+  font-weight: bold;
+  color: elVar('text-color', 'primary');
+  margin-bottom: 8px;
+}
+
+/* 内容 */
+.ele-tour-text {
+  font-size: elVar('font-size', 'small');
+}
+
+/* 底部 */
+.ele-tour-footer {
+  display: flex;
+  align-items: center;
+  margin-top: 16px;
+}
+
+/* 指示器 */
+.ele-tour-counter {
+  color: elVar('text-color', 'secondary');
+  font-size: elVar('font-size', 'extra-small');
+}
+
+/* 操作按钮 */
+.ele-tour-action {
+  flex: 1;
+  text-align: right;
+
+  .el-button {
+    padding-left: 8px;
+    padding-right: 8px;
+
+    & + .el-button {
+      margin-left: 8px;
+    }
+  }
+}
+
+.ele-tour-popover > .ele-popover-body {
+  padding: 12px 16px;
+}
+
+/* 气泡弹窗效果 */
+.ele-tour-popover.ele-tour-modal {
+  margin: 0 auto;
+  left: 0 !important;
+  top: 50% !important;
+  right: 0 !important;
+  bottom: auto !important;
+  transform: translateY(-50.1%) !important;
+  transform-origin: center !important;
+  max-width: calc(100% - 32px);
+  box-sizing: border-box;
+
+  & > .el-popper__arrow {
+    display: none;
+  }
+}

package/lib/ele-tour/util.cjs

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function getOffset(el) {
+  const { top, left } = el.getBoundingClientRect();
+  const { scrollY, scrollX } = el.ownerDocument.defaultView ?? {};
+  return {
+    top: top + (scrollY ?? 0),
+    left: left + (scrollX ?? 0)
+  };
+}
+function getPopperProps(visible, modal, props) {
+  const classes = ["ele-tour-popover"];
+  if (modal) {
+    classes.push("ele-tour-modal");
+  }
+  if (props && props.popperClass && typeof props.popperClass === "string") {
+    classes.push(props.popperClass);
+  }
+  return {
+    trigger: "click",
+    placement: "top",
+    teleported: false,
+    width: modal ? 440 : 290,
+    transition: "ele-tour-fast",
+    persistent: false,
+    effect: "light",
+    isPopover: true,
+    gpuAcceleration: true,
+    ...props,
+    visible: visible ?? false,
+    popperClass: classes.join(" ")
+  };
+}
+function scrollIntoView(el) {
+  if (typeof el["scrollIntoViewIfNeeded"] === "function") {
+    el.scrollIntoViewIfNeeded(true);
+  } else {
+    el.scrollIntoView({ behavior: "instant", block: "nearest" });
+  }
+}
+exports.getOffset = getOffset;
+exports.getPopperProps = getPopperProps;
+exports.scrollIntoView = scrollIntoView;

package/lib/ele-tree-select/props.d.ts

@@ -0,0 +1,103 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/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 treeSelectProps: {
+    /** 选中值 */
+    modelValue: {
+        type: PropType<SelectValue>;
+        default: () => null;
+    };
+    /** 是否多选 */
+    multiple: BooleanConstructor;
+    /** 是否禁用 */
+    disabled: BooleanConstructor;
+    /** 尺寸 */
+    size: PropType<ElInputProps["size"]>;
+    /** 是否支持清除 */
+    clearable: BooleanConstructor;
+    /** 无选中时提示文本 */
+    placeholder: StringConstructor;
+    /** 缓存数据 */
+    cacheData: PropType<ElTreeV2Props["data"]>;
+    /** 树配置 */
+    treeProps: {
+        type: PropType<ElTreeV2Props>;
+        required: boolean;
+    };
+    /** 多选标签显示策略 */
+    showCheckedStrategy: PropType<ShowCheckedStrategy>;
+    /** 多选值绑定策略 */
+    checkedValueStrategy: BooleanConstructor;
+    /** 多选标签最大显示数量 */
+    maxTagCount: NumberConstructor;
+    /** 多选标签最大显示文本长度 */
+    maxTagTextLength: NumberConstructor;
+    /** 多选标签类型 */
+    tagType: {
+        type: PropType<ElTagProps["type"]>;
+        default: string;
+    };
+    /** 是否在输入框获得焦点后自动弹出选项菜单 */
+    automaticDropdown: BooleanConstructor;
+    /** 是否可以筛选 */
+    filterable: BooleanConstructor;
+    /** 是否将下拉框插入 body */
+    teleported: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 始终渲染下拉框 */
+    persistent: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 下拉框位置 */
+    placement: {
+        type: PropType<EleTooltipProps["placement"]>;
+        default: string;
+    };
+    /** 下拉框渐变动画 */
+    transition: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** popper.js 参数 */
+    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
+    /** 下拉框类名 */
+    popperClass: StringConstructor;
+    /** 下拉框宽度 */
+    popperWidth: (NumberConstructor | StringConstructor)[];
+    /** 自定义样式 */
+    selectStyle: PropType<StyleValue>;
+    /** 自定义输入框样式 */
+    inputStyle: PropType<StyleValue>;
+    /** 自定义多选标签容器样式 */
+    selectTagsStyle: PropType<StyleValue>;
+};
+export type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
+/**
+ * 事件
+ */
+export declare const treeSelectEmits: {
+    /** 更新选中值 */
+    'update:modelValue': (_value: SelectValue) => boolean;
+    /** 选中值改变事件 */
+    change: (_value: SelectValue) => boolean;
+    /** 下拉框展开状态改变事件 */
+    visibleChange: (_visible: boolean) => boolean;
+    /** 多选标签移除事件 */
+    removeTag: (_value: SingleValue) => boolean;
+    /** 清空事件 */
+    clear: () => boolean;
+    /** 获取焦点事件 */
+    focus: (_e: FocusEvent) => boolean;
+    /** 失去焦点事件 */
+    blur: (_e: FocusEvent) => boolean;
+};

package/lib/ele-tree-select/types.d.ts

@@ -0,0 +1,21 @@
+import type { ElTreeV2Props } from '../ele-app/el';
+
+/**
+ * 多选标签显示策略
+ */
+export type ShowCheckedStrategy = 'all' | 'parent' | 'child';
+
+/**
+ * 树配置选项
+ */
+export type TreeOption = Required<Exclude<ElTreeV2Props['props'], undefined>>;
+
+/**
+ * 树数据
+ */
+export type TreeData = Exclude<ElTreeV2Props['data'], undefined>;
+
+/**
+ * 树数据项
+ */
+export type DataItem = TreeData[number];

package/lib/ele-tree-select/util.d.ts

@@ -0,0 +1,56 @@
+import { MultipleValue, SelectedItem } from '../ele-basic-select/types';
+import { TreeData } from './types';
+
+/**
+ * 获取平铺后的数据值和数据
+ * @param data 数据
+ * @param valueKey 数据值字段名
+ * @param childrenKey 子级字段名
+ */
+export declare function getKeysAndList(data: TreeData | undefined, valueKey: string, childrenKey: string): [MultipleValue, TreeData];
+/**
+ * 获取普通结构的多选选中标签
+ * @param data 树数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param childrenKey 子级数据键名
+ * @param cacheData 缓存的数据
+ * @param checkedData 树选中的数据
+ */
+export declare function getNormalSelectedItems(data: TreeData | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, childrenKey: string, cacheData?: TreeData, checkedData?: TreeData): SelectedItem[];
+/**
+ * 获取树结构的多选选中标签
+ * @param data 树数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param childrenKey 子级数据键名
+ * @param showParent 只显示父级(否则只显示子级)
+ */
+export declare function getTreeSelectedItems(data: TreeData | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, childrenKey: string, showParent: boolean, hide?: boolean): SelectedItem[];
+/**
+ * 检查并补充多选选中标签
+ * @param selected 标签数据
+ * @param checkedKeys 多选选中值
+ * @param valueKey 值键名
+ * @param labelKey 名称键名
+ * @param cacheData 缓存的数据
+ */
+export declare function checkSelectedItems(selected: SelectedItem[], checkedKeys: MultipleValue | null | undefined, valueKey: string, labelKey: string, cacheData?: TreeData): SelectedItem[];
+/**
+ * 判断是否全选
+ * @param data 数据
+ * @param checkedKeys 选中值
+ * @param valueKey 值键名
+ * @param childrenKey 子级数据键名
+ * @param disabledKey 禁用键名
+ */
+export declare function isCheckAll(data: TreeData | null | undefined, checkedKeys: MultipleValue | null | undefined, valueKey: string, childrenKey: string, disabledKey: string): any;
+/**
+ * 获取选中值
+ * @param keys 全部选中节点值
+ * @param selected 选中的标签数据
+ * @param checkedValueStrategy 多选值绑定策略
+ */
+export declare function getModelValue(keys: MultipleValue, selected: SelectedItem[], checkedValueStrategy?: boolean): MultipleValue;

package/lib/ele-upload-list/index.cjs

@@ -0,0 +1,286 @@
+"use strict";
+const vue = require("vue");
+const VueDraggable = require("vuedraggable");
+const elementPlus = require("element-plus");
+const core = require("../utils/core");
+const receiver = require("../ele-config-provider/receiver");
+const EleImageViewer = require("../ele-image-viewer/index");
+const icons = require("../icons");
+const ListItem = require("./components/list-item");
+const props = require("./props");
+const ownSlots = ["default", "icon"];
+const _sfc_main = vue.defineComponent({
+  name: "EleUploadList",
+  components: {
+    VueDraggable,
+    ElUpload: elementPlus.ElUpload,
+    ElIcon: elementPlus.ElIcon,
+    PlusOutlined: icons.PlusOutlined,
+    EleImageViewer,
+    ListItem
+  },
+  props: props.uploadListProps,
+  emits: props.uploadListEmits,
+  setup(props2, { emit }) {
+    const { lang } = receiver.useLocale("upload", props2);
+    const previewVisible = vue.ref(false);
+    const previewImages = vue.ref([]);
+    const previewCurrentIndex = vue.ref(0);
+    const imageObjectUrls = vue.ref([]);
+    const uploadInputRef = vue.ref(null);
+    let editItem = null;
+    const uploadEnable = vue.computed(() => {
+      return !props2.readonly && !(typeof props2.limit === "number" && props2.limit > 0 && props2.modelValue != null && props2.modelValue.length >= props2.limit);
+    });
+    const buildItem = (file) => {
+      return {
+        key: "ele" + core.uuid(16, 10) + String(Date.now()),
+        name: file.name,
+        status: void 0,
+        progress: 0,
+        file
+      };
+    };
+    const getItemImageUrl = (item, file) => {
+      if (item && item.url) {
+        return item.url;
+      }
+      const itemFile = item == null ? void 0 : item.file;
+      if (itemFile != null && itemFile.type.startsWith("image")) {
+        const t = imageObjectUrls.value.find((d) => d.file === itemFile);
+        if (t != null) {
+          return t.url;
+        }
+        const url = URL.createObjectURL(itemFile);
+        imageObjectUrls.value.push({ file: itemFile, url });
+        return url;
+      }
+    };
+    const previewItem = (item) => {
+      if (props2.modelValue != null) {
+        const data = [];
+        props2.modelValue.forEach((d) => {
+          const url = getItemImageUrl(d);
+          if (url) {
+            data.push({ item: d, url });
+          }
+        });
+        const index2 = data.findIndex((t) => t.item.key === item.key);
+        if (index2 !== -1) {
+          const urls = data.map((d) => d.url);
+          openImagePreview(urls, index2);
+        }
+      }
+    };
+    const openImagePreview = (urls, index2) => {
+      previewImages.value = urls;
+      previewCurrentIndex.value = index2;
+      previewVisible.value = true;
+    };
+    const updateModelValue = (value) => {
+      emit("update:modelValue", value);
+    };
+    const handleUpload = (file) => {
+      if (uploadEnable.value && !props2.disabled) {
+        const item = buildItem(file);
+        emit("upload", item);
+      }
+      return false;
+    };
+    const handleItemClick = (item) => {
+      if (props2.preview) {
+        previewItem(item);
+      }
+      emit("itemClick", item);
+    };
+    const handleItemRemove = (item) => {
+      emit("remove", item);
+    };
+    const handleItemEdit = (item) => {
+      if (props2.beforeItemEdit && props2.beforeItemEdit(item) === false) {
+        return;
+      }
+      const $input = uploadInputRef.value;
+      if ($input != null) {
+        editItem = item;
+        $input.value = "";
+        $input && $input.click();
+      }
+    };
+    const handleItemPreview = (item) => {
+      previewItem(item);
+      emit("preview", item);
+    };
+    const handleItemRetry = (item) => {
+      emit("retry", item);
+    };
+    const handleInputChange = (e) => {
+      var _a;
+      const file = (_a = e.target.files) == null ? void 0 : _a[0];
+      if (file != null && editItem != null) {
+        const result = { item: editItem, newItem: buildItem(file) };
+        editItem = null;
+        emit("editUpload", result);
+      }
+    };
+    const handleUploadClick = (e) => {
+      if (props2.beforeUploadClick && props2.beforeUploadClick(e) === false) {
+        e.stopPropagation();
+        e.preventDefault();
+      }
+    };
+    vue.watch(
+      () => props2.modelValue,
+      () => {
+        if (props2.modelValue != null) {
+          props2.modelValue.forEach((item) => {
+            getItemImageUrl(item);
+          });
+        }
+      },
+      {
+        immediate: true,
+        deep: true
+      }
+    );
+    vue.onBeforeUnmount(() => {
+      imageObjectUrls.value.forEach((item) => {
+        URL.revokeObjectURL(item.url);
+      });
+      imageObjectUrls.value = [];
+    });
+    return {
+      ownSlots,
+      lang,
+      previewVisible,
+      previewImages,
+      previewCurrentIndex,
+      imageObjectUrls,
+      uploadInputRef,
+      uploadEnable,
+      updateModelValue,
+      handleUpload,
+      handleItemClick,
+      handleItemRemove,
+      handleItemEdit,
+      handleItemPreview,
+      handleItemRetry,
+      handleInputChange,
+      handleUploadClick,
+      openImagePreview
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = ["accept"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ListItem = vue.resolveComponent("ListItem");
+  const _component_PlusOutlined = vue.resolveComponent("PlusOutlined");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_ElUpload = vue.resolveComponent("ElUpload");
+  const _component_EleImageViewer = vue.resolveComponent("EleImageViewer");
+  const _component_VueDraggable = vue.resolveComponent("VueDraggable");
+  return vue.openBlock(), vue.createBlock(_component_VueDraggable, vue.mergeProps({
+    itemKey: "key",
+    animation: 300,
+    setData: () => void 0,
+    handle: ".ele-upload-handle",
+    class: [
+      "ele-upload-list",
+      { "is-file-list": _ctx.listType === "file" },
+      { "is-disabled": _ctx.disabled }
+    ]
+  }, !_ctx.sortable || _ctx.sortable === true ? {} : _ctx.sortable, {
+    modelValue: _ctx.modelValue || [],
+    "onUpdate:modelValue": _ctx.updateModelValue
+  }), {
+    item: vue.withCtx(({ element }) => [
+      vue.createVNode(_component_ListItem, {
+        item: element,
+        readonly: _ctx.readonly,
+        disabled: _ctx.disabled,
+        sortable: _ctx.sortable && !_ctx.readonly && !_ctx.disabled && _ctx.limit !== 1,
+        imageProps: _ctx.imageProps,
+        progressProps: _ctx.progressProps,
+        imageObjectUrls: _ctx.imageObjectUrls,
+        tools: _ctx.tools,
+        listType: _ctx.listType,
+        locale: _ctx.lang,
+        style: vue.normalizeStyle(_ctx.itemStyle),
+        onItemClick: _ctx.handleItemClick,
+        onRemove: _ctx.handleItemRemove,
+        onEdit: _ctx.handleItemEdit,
+        onPreview: _ctx.handleItemPreview,
+        onRetry: _ctx.handleItemRetry
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots).filter(
+          (k) => !_ctx.ownSlots.includes(k)
+        ), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["item", "readonly", "disabled", "sortable", "imageProps", "progressProps", "imageObjectUrls", "tools", "listType", "locale", "style", "onItemClick", "onRemove", "onEdit", "onPreview", "onRetry"])
+    ]),
+    footer: vue.withCtx(() => [
+      _ctx.uploadEnable && _ctx.buttonStyle !== false ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        style: vue.normalizeStyle(typeof _ctx.buttonStyle === "boolean" ? void 0 : _ctx.buttonStyle),
+        class: "ele-upload-item ele-upload-button"
+      }, [
+        vue.createVNode(_component_ElUpload, {
+          action: "",
+          drag: _ctx.drag,
+          accept: _ctx.accept,
+          multiple: _ctx.multiple,
+          disabled: _ctx.disabled,
+          showFileList: false,
+          beforeUpload: _ctx.handleUpload
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: "ele-upload-button-inner",
+              onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleUploadClick && _ctx.handleUploadClick(...args))
+            }, [
+              vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+                vue.createVNode(_component_ElIcon, { class: "ele-upload-icon" }, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(_component_PlusOutlined)
+                  ]),
+                  _: 1
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        }, 8, ["drag", "accept", "multiple", "disabled", "beforeUpload"])
+      ], 4)) : vue.createCommentVNode("", true),
+      _ctx.tools ? (vue.openBlock(), vue.createElementBlock("input", {
+        key: 1,
+        ref: "uploadInputRef",
+        type: "file",
+        accept: _ctx.accept,
+        class: "ele-upload-input",
+        onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleInputChange && _ctx.handleInputChange(...args))
+      }, null, 40, _hoisted_1)) : vue.createCommentVNode("", true),
+      vue.createVNode(_component_EleImageViewer, vue.mergeProps({ infinite: false }, _ctx.previewProps || {}, {
+        modelValue: _ctx.previewVisible,
+        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.previewVisible = $event),
+        urlList: _ctx.previewImages,
+        initialIndex: _ctx.previewCurrentIndex
+      }), null, 16, ["modelValue", "urlList", "initialIndex"])
+    ]),
+    _: 3
+  }, 16, ["class", "modelValue", "onUpdate:modelValue"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;