yuang-framework-ui-pc 1.1.41 → 1.1.43

package/es/ele-file-list/index.js

@@ -1,377 +0,0 @@
-import { defineComponent, reactive, ref, shallowRef, computed, watch, onBeforeUnmount, nextTick, resolveComponent, openBlock, createElementBlock, createBlock, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeStyle, mergeProps, createCommentVNode } from "vue";
-import { throttle } from "../utils/core";
-import { useLocale } from "../ele-config-provider/receiver";
-import EleDropdown from "../ele-dropdown/index";
-import FileGrid from "./components/file-grid";
-import FileTable from "./components/file-table";
-import { fileListProps, fileListEmits } from "./props";
-const GRID_ITEM_SEL = ".ele-file-list-body>.ele-file-list-item";
-const _sfc_main = defineComponent({
-  name: "EleFileList",
-  components: { EleDropdown, FileGrid, FileTable },
-  props: fileListProps,
-  emits: fileListEmits,
-  setup(props, { emit }) {
-    const { lang } = useLocale("fileList", props);
-    const selectorStyle = reactive({
-      top: "0px",
-      left: "0px",
-      width: "0px",
-      height: "0px",
-      display: "none"
-    });
-    const ctxMenuDropdownRef = ref(null);
-    const ctxMenuDropdownItems = shallowRef([]);
-    const ctxMenuDropdownVirtualRef = ref();
-    const ctxMenuDropdownVisible = ref(false);
-    const contextMenuFileItem = ref(null);
-    const isCheckAll = computed(() => {
-      return !!(props.data && props.data.length && props.selections && props.selections.length && !props.data.some(
-        (d) => {
-          var _a, _b;
-          return !((_b = (_a = props.selections) == null ? void 0 : _a.some) == null ? void 0 : _b.call(_a, (t) => d.key === t.key));
-        }
-      ));
-    });
-    const isIndeterminate = computed(() => {
-      return !!(!isCheckAll.value && props.selections && props.selections.length);
-    });
-    const updateSelections = (selection) => {
-      emit("update:selections", selection);
-    };
-    const updateCurrent = (current) => {
-      emit("update:current", current);
-    };
-    const handleCheckAllChange = () => {
-      if (props.selectionType !== "checkbox") {
-        return;
-      }
-      if (isCheckAll.value || props.data == null || !props.data.length) {
-        if (!props.selections) {
-          updateSelections([]);
-          return;
-        }
-        const temp2 = props.selections.filter((d) => {
-          return props.data ? !props.data.some((t) => t.key === d.key) : true;
-        });
-        updateSelections(temp2);
-        return;
-      }
-      if (!props.selections) {
-        updateSelections([...props.data]);
-        return;
-      }
-      const temp = props.selections.concat(
-        props.data.filter((d) => {
-          return props.selections ? !props.selections.some((t) => t.key === d.key) : true;
-        })
-      );
-      updateSelections(temp);
-    };
-    const handleItemCheckChange = (item) => {
-      if (props.selectionType === "radio") {
-        updateCurrent(
-          props.current && props.current.key === item.key ? null : item
-        );
-        return;
-      }
-      if (props.selectionType !== "checkbox") {
-        return;
-      }
-      if (!props.selections || !props.selections.length) {
-        updateSelections([item]);
-        return;
-      }
-      if (!props.selections.some((t) => t.key === item.key)) {
-        updateSelections(props.selections.concat([item]));
-        return;
-      }
-      updateSelections(props.selections.filter((t) => t.key !== item.key));
-    };
-    const handleItemClick = (item) => {
-      emit("itemClick", item);
-    };
-    const handleSortChange = (name) => {
-      const sorter = { sort: name };
-      if (props.order && name === props.sort) {
-        sorter.order = props.order === "asc" ? "desc" : null;
-      } else {
-        sorter.order = "asc";
-      }
-      emit("sortChange", sorter);
-    };
-    const handleItemContextMenu = (option) => {
-      emit("itemContextMenu", option);
-    };
-    const handleItemCtxMenuClick = (key) => {
-      if (contextMenuFileItem.value != null) {
-        emit("itemContextMenu", { key, item: contextMenuFileItem.value });
-      }
-    };
-    const handleItemCtxMenuVisible = (visible) => {
-      ctxMenuDropdownVisible.value = visible;
-      if (visible && ctxMenuDropdownRef.value != null && contextMenuFileItem.value != null) {
-        emit(
-          "itemContextOpen",
-          ctxMenuDropdownRef.value,
-          contextMenuFileItem.value
-        );
-      }
-    };
-    const getContextMenus = (item) => {
-      if (typeof props.contextMenus === "function") {
-        return props.contextMenus(item);
-      }
-      return props.contextMenus;
-    };
-    const hideAllDropdown = () => {
-      if (ctxMenuDropdownRef.value) {
-        ctxMenuDropdownRef.value.handleClose();
-      }
-    };
-    const showItemContextMenu = (item, triggerEl) => {
-      if (contextMenuFileItem.value != null && contextMenuFileItem.value === item) {
-        return;
-      }
-      hideAllDropdown();
-      nextTick(() => {
-        contextMenuFileItem.value = item;
-        ctxMenuDropdownItems.value = getContextMenus(item) || [];
-        ctxMenuDropdownVirtualRef.value = triggerEl;
-        if (ctxMenuDropdownItems.value.length) {
-          nextTick(() => {
-            ctxMenuDropdownRef.value && ctxMenuDropdownRef.value.handleOpen();
-          });
-        }
-      });
-    };
-    const handleItemContextOpen = (option) => {
-      if (props.contextMenus == null) {
-        return;
-      }
-      option.e.preventDefault();
-      option.e.stopPropagation();
-      if (ctxMenuDropdownVirtualRef.value !== option.triggerEl) {
-        showItemContextMenu(option.item, option.triggerEl);
-        return;
-      }
-      if (ctxMenuDropdownItems.value.length && ctxMenuDropdownRef.value) {
-        ctxMenuDropdownRef.value.handleOpen();
-      }
-    };
-    const handleMousedown = (event) => {
-      if (!props.boxChoose || props.selectionType !== "checkbox") {
-        return;
-      }
-      const downX = event.clientX;
-      const downY = event.clientY;
-      const target = event.currentTarget;
-      const position = target.getBoundingClientRect();
-      const items = Array.from(target.querySelectorAll(GRID_ITEM_SEL));
-      const mousemoveFn = throttle((e) => {
-        const moveX = Math.max(e.clientX, position.left);
-        const moveY = Math.max(e.clientY, position.top);
-        const left = Math.min(moveX, downX) - position.left;
-        const top = Math.min(moveY, downY) - position.top;
-        const width = Math.min(
-          Math.abs(moveX - downX),
-          target.clientWidth - left
-        );
-        const height = Math.min(
-          Math.abs(moveY - downY),
-          target.clientHeight - top
-        );
-        selectorStyle.left = left + "px";
-        selectorStyle.top = top + "px";
-        selectorStyle.width = width + "px";
-        selectorStyle.height = height + "px";
-        selectorStyle.display = "block";
-        if (width < 6 || height < 6) {
-          items.forEach((item) => {
-            item.classList.remove("is-active");
-          });
-          return;
-        }
-        event.stopPropagation();
-        event.preventDefault();
-        e.stopPropagation();
-        e.preventDefault();
-        items.forEach((item) => {
-          const itemX = item.offsetLeft + item.clientWidth;
-          const itemY = item.offsetTop + item.clientHeight;
-          if (itemX > left && itemY > top && item.offsetLeft < left + width && item.offsetTop < top + height) {
-            item.classList.add("is-active");
-          } else {
-            item.classList.remove("is-active");
-          }
-        });
-      }, 60);
-      const mouseupFn = (e) => {
-        selectorStyle.display = "none";
-        const moveX = Math.max(e.clientX, position.left);
-        const moveY = Math.max(e.clientY, position.top);
-        const left = Math.min(moveX, downX) - position.left;
-        const top = Math.min(moveY, downY) - position.top;
-        const width = Math.min(
-          Math.abs(moveX - downX),
-          target.clientWidth - left
-        );
-        const height = Math.min(
-          Math.abs(moveY - downY),
-          target.clientHeight - top
-        );
-        if (width > 6 && height > 6) {
-          const checked = [];
-          items.forEach((item, i) => {
-            if (item.classList.contains("is-active")) {
-              item.classList.remove("is-active");
-              if (props.data && props.data[i]) {
-                checked.push(props.data[i]);
-              }
-            }
-          });
-          if (checked.length) {
-            updateSelections(checked);
-          }
-        }
-        document.removeEventListener("mousemove", mousemoveFn);
-        document.removeEventListener("mouseup", mouseupFn);
-      };
-      document.addEventListener("mousemove", mousemoveFn);
-      document.addEventListener("mouseup", mouseupFn);
-    };
-    watch(
-      [() => props.grid, () => props.data],
-      () => {
-        hideAllDropdown();
-        ctxMenuDropdownVirtualRef.value = null;
-        contextMenuFileItem.value = null;
-      },
-      { deep: true }
-    );
-    onBeforeUnmount(() => {
-      contextMenuFileItem.value = null;
-    });
-    return {
-      lang,
-      selectorStyle,
-      ctxMenuDropdownRef,
-      ctxMenuDropdownItems,
-      ctxMenuDropdownVirtualRef,
-      ctxMenuDropdownVisible,
-      contextMenuFileItem,
-      isCheckAll,
-      isIndeterminate,
-      handleCheckAllChange,
-      handleItemCheckChange,
-      handleItemClick,
-      handleSortChange,
-      handleItemContextMenu,
-      handleItemCtxMenuClick,
-      handleItemCtxMenuVisible,
-      handleItemContextOpen,
-      handleMousedown
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_FileGrid = resolveComponent("FileGrid");
-  const _component_FileTable = resolveComponent("FileTable");
-  const _component_EleDropdown = resolveComponent("EleDropdown");
-  return openBlock(), createElementBlock("div", {
-    class: "ele-file-list-group",
-    onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleMousedown && _ctx.handleMousedown(...args))
-  }, [
-    _ctx.grid ? (openBlock(), createBlock(_component_FileGrid, {
-      key: 0,
-      data: _ctx.data,
-      icons: _ctx.icons,
-      selectionType: _ctx.selectionType,
-      selections: _ctx.selections,
-      current: _ctx.current,
-      isCheckAll: _ctx.isCheckAll,
-      isIndeterminate: _ctx.isIndeterminate,
-      checkAllText: _ctx.lang.selectAll,
-      selectedText: _ctx.lang.selectTips,
-      ctxMenuDropdownVisible: _ctx.ctxMenuDropdownVisible,
-      contextMenuFileItem: _ctx.contextMenuFileItem,
-      onCheckAllChange: _ctx.handleCheckAllChange,
-      onItemClick: _ctx.handleItemClick,
-      onItemCheckChange: _ctx.handleItemCheckChange,
-      onItemContextOpen: _ctx.handleItemContextOpen
-    }, createSlots({ _: 2 }, [
-      renderList(Object.keys(_ctx.$slots), (name) => {
-        return {
-          name,
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-          ])
-        };
-      })
-    ]), 1032, ["data", "icons", "selectionType", "selections", "current", "isCheckAll", "isIndeterminate", "checkAllText", "selectedText", "ctxMenuDropdownVisible", "contextMenuFileItem", "onCheckAllChange", "onItemClick", "onItemCheckChange", "onItemContextOpen"])) : (openBlock(), createBlock(_component_FileTable, {
-      key: 1,
-      data: _ctx.data,
-      icons: _ctx.icons,
-      selectionType: _ctx.selectionType,
-      selections: _ctx.selections,
-      current: _ctx.current,
-      isCheckAll: _ctx.isCheckAll,
-      isIndeterminate: _ctx.isIndeterminate,
-      nameText: _ctx.lang.fileName,
-      sizeText: _ctx.lang.fileSize,
-      timeText: _ctx.lang.fileTimestamp,
-      sortable: _ctx.sortable,
-      sort: _ctx.sort,
-      order: _ctx.order,
-      columns: _ctx.columns,
-      ctxMenuDropdownVisible: _ctx.ctxMenuDropdownVisible,
-      contextMenuFileItem: _ctx.contextMenuFileItem,
-      onCheckAllChange: _ctx.handleCheckAllChange,
-      onItemClick: _ctx.handleItemClick,
-      onItemCheckChange: _ctx.handleItemCheckChange,
-      onItemContextOpen: _ctx.handleItemContextOpen,
-      onSortChange: _ctx.handleSortChange
-    }, createSlots({ _: 2 }, [
-      renderList(Object.keys(_ctx.$slots), (name) => {
-        return {
-          name,
-          fn: withCtx((slotProps) => [
-            renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
-          ])
-        };
-      })
-    ]), 1032, ["data", "icons", "selectionType", "selections", "current", "isCheckAll", "isIndeterminate", "nameText", "sizeText", "timeText", "sortable", "sort", "order", "columns", "ctxMenuDropdownVisible", "contextMenuFileItem", "onCheckAllChange", "onItemClick", "onItemCheckChange", "onItemContextOpen", "onSortChange"])),
-    createElementVNode("div", {
-      class: "ele-file-list-selector",
-      style: normalizeStyle(_ctx.selectorStyle)
-    }, null, 4),
-    _ctx.contextMenus ? (openBlock(), createBlock(_component_EleDropdown, mergeProps({
-      key: 2,
-      persistent: false,
-      placement: "bottom-start",
-      popperClass: "ele-file-list-item-context"
-    }, _ctx.contextMenuProps || {}, {
-      ref: "ctxMenuDropdownRef",
-      componentType: "pro",
-      preventContextmenu: true,
-      trigger: "click",
-      virtualTriggering: true,
-      virtualRef: _ctx.ctxMenuDropdownVirtualRef,
-      disabled: !_ctx.ctxMenuDropdownItems.length,
-      items: _ctx.ctxMenuDropdownItems,
-      onCommand: _ctx.handleItemCtxMenuClick,
-      onVisibleChange: _ctx.handleItemCtxMenuVisible
-    }), null, 16, ["virtualRef", "disabled", "items", "onCommand", "onVisibleChange"])) : createCommentVNode("", true)
-  ], 32);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-file-list/props.d.ts

@@ -1,76 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { EleDropdownProps, EleDropdownInstance } from '../ele-app/plus';
-import { default as FileGridItem } from './components/file-grid-item';
-import { default as FileTableItem } from './components/file-table-item';
-import { IconItem, FileItem, SortValue, ItemContextMenuOption, ColumnItem, SelectionType, ContextMenus, FileListLocale } from './types';
-
-/**
- * 属性
- */
-export declare const fileListProps: {
-    /** 数据 */
-    data: {
-        type: PropType<FileItem[]>;
-        required: boolean;
-    };
-    /** 选择框类型 */
-    selectionType: PropType<SelectionType>;
-    /** 多选选中数据 */
-    selections: PropType<FileItem[]>;
-    /** 单选选中数据 */
-    current: PropType<FileItem>;
-    /** 是否网格展示 */
-    grid: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /** 表格模式默认的列是否可以排序 */
-    sortable: BooleanConstructor;
-    /** 排序字段 */
-    sort: StringConstructor;
-    /** 排序方式 */
-    order: StringConstructor;
-    /** 网格模式后缀对应图标 */
-    icons: {
-        type: PropType<IconItem[]>;
-        default: () => IconItem[];
-    };
-    /** 表格模式后缀对应图标 */
-    smallIcons: PropType<IconItem[]>;
-    /** 表格模式自定义列配置 */
-    columns: PropType<ColumnItem[]>;
-    /** 多选时是否支持鼠标框选 */
-    boxChoose: BooleanConstructor;
-    /** 右键菜单 */
-    contextMenus: PropType<ContextMenus>;
-    /** 右键菜单属性 */
-    contextMenuProps: PropType<EleDropdownProps>;
-    /** 国际化 */
-    locale: PropType<Partial<FileListLocale>>;
-};
-export type FileListProps = ExtractPropTypes<typeof fileListProps>;
-/**
- * 事件
- */
-export declare const fileListEmits: {
-    /** item 点击事件 */
-    itemClick: (_item: FileItem) => boolean;
-    /** 排序方式改变事件 */
-    sortChange: (_sorter: SortValue) => boolean;
-    /** 更新多选选中数据 */
-    'update:selections': (_selection?: FileItem[]) => boolean;
-    /** 更新单选选中数据 */
-    'update:current': (_current?: FileItem | null) => boolean;
-    /** item 右键菜单项点击事件 */
-    itemContextMenu: (_option: ItemContextMenuOption) => boolean;
-    /** item 右键菜单打开事件 */
-    itemContextOpen: (_dropdownRef: EleDropdownInstance, _item: FileItem) => boolean;
-};
-/**
- * 网格 item 实例
- */
-export type GridItemInstance = InstanceType<typeof FileGridItem> | null;
-/**
- * 表格 item 实例
- */
-export type TableItemInstance = InstanceType<typeof FileTableItem> | null;

package/es/ele-file-list/props.js

@@ -1,62 +0,0 @@
-import { icons } from "./icons";
-const fileListProps = {
-  /** 数据 */
-  data: {
-    type: Array,
-    required: true
-  },
-  /** 选择框类型 */
-  selectionType: String,
-  /** 多选选中数据 */
-  selections: Array,
-  /** 单选选中数据 */
-  current: Object,
-  /** 是否网格展示 */
-  grid: {
-    type: Boolean,
-    default: true
-  },
-  /** 表格模式默认的列是否可以排序 */
-  sortable: Boolean,
-  /** 排序字段 */
-  sort: String,
-  /** 排序方式 */
-  order: String,
-  /** 网格模式后缀对应图标 */
-  icons: {
-    type: Array,
-    default: () => {
-      return icons;
-    }
-  },
-  /** 表格模式后缀对应图标 */
-  smallIcons: Array,
-  /** 表格模式自定义列配置 */
-  columns: Array,
-  /** 多选时是否支持鼠标框选 */
-  boxChoose: Boolean,
-  /** 右键菜单 */
-  contextMenus: [Array, Function],
-  /** 右键菜单属性 */
-  contextMenuProps: Object,
-  /** 国际化 */
-  locale: Object
-};
-const fileListEmits = {
-  /** item 点击事件 */
-  itemClick: (_item) => true,
-  /** 排序方式改变事件 */
-  sortChange: (_sorter) => true,
-  /** 更新多选选中数据 */
-  "update:selections": (_selection) => true,
-  /** 更新单选选中数据 */
-  "update:current": (_current) => true,
-  /** item 右键菜单项点击事件 */
-  itemContextMenu: (_option) => true,
-  /** item 右键菜单打开事件 */
-  itemContextOpen: (_dropdownRef, _item) => true
-};
-export {
-  fileListEmits,
-  fileListProps
-};

package/es/ele-file-list/style/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 文件列表主题变量 */
-@mixin set-file-var($var) {
-  .ele-file-list-group {
-    @include set-ele-var('file', $var);
-  }
-}

package/es/ele-file-list/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-file-list/style/index.js

@@ -1,2 +0,0 @@
-import "../../ele-dropdown/style/index";
-import "./index.scss";