yuang-framework-ui-pc 1.1.41 → 1.1.43

package/es/ele-basic-select/index.js

@@ -1,349 +0,0 @@
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createCommentVNode, createElementVNode, normalizeClass, normalizeStyle, createVNode, withKeys, createSlots, withModifiers, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString } from "vue";
-import { ElInput, ElIcon, ElTag } from "element-plus";
-import { CloseCircleFilled, ArrowDown } from "../icons";
-import EleTooltip from "../ele-tooltip/index";
-import ReceiverView from "../ele-config-provider/components/receiver-view";
-import { basicSelectProps, basicSelectEmits } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleBasicSelect",
-  components: {
-    ElInput,
-    ElIcon,
-    ElTag,
-    CloseCircleFilled,
-    ArrowDown,
-    EleTooltip,
-    ReceiverView
-  },
-  props: basicSelectProps,
-  emits: basicSelectEmits,
-  setup(props, { emit }) {
-    const tooltipRef = ref(null);
-    const inputRef = ref(null);
-    const searchRef = ref(null);
-    const inputValue = ref(
-      props.multiple || !props.selectedLabel ? "" : props.selectedLabel
-    );
-    const searchValue = ref("");
-    const isEmpty = computed(() => {
-      if (!props.multiple) {
-        return props.value == null || props.value === "";
-      }
-      return !Array.isArray(props.value) || !props.value.length;
-    });
-    const inputPlaceholder = computed(() => {
-      const str = isEmpty.value && props.placeholder ? props.placeholder : "";
-      if (!props.filterable || !props.visible || props.multiple) {
-        return str;
-      }
-      return props.selectedLabel || str;
-    });
-    const isCollapse = computed(() => {
-      return typeof props.maxTagCount === "number" && props.selected != null && props.selected.length > props.maxTagCount;
-    });
-    const currentTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return props.selected || [];
-      }
-      return props.selected.slice(0, props.maxTagCount);
-    });
-    const omittedTags = computed(() => {
-      if (!isCollapse.value || isEmpty.value || props.selected == null) {
-        return [];
-      }
-      return props.selected.slice(props.maxTagCount);
-    });
-    const omittedSize = computed(() => {
-      if (isEmpty.value || props.maxTagCount == null || props.maxTagCount < 0) {
-        return 0;
-      }
-      return props.value.length - props.maxTagCount;
-    });
-    const updatePopper = () => {
-      tooltipRef.value && tooltipRef.value.updatePopper();
-    };
-    const focusSearchInput = (e) => {
-      if (props.filterable && props.visible) {
-        if (e != null && e.target != null) {
-          const target = e.target;
-          if (target.nodeName && target.nodeName.toLowerCase() === "input") {
-            return;
-          }
-        }
-        const input = props.multiple ? searchRef.value : inputRef.value;
-        input && input.focus();
-      }
-    };
-    const updateSearchValue = (modelValue) => {
-      if (props.filterable && props.visible && props.multiple) {
-        searchValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateInputValue = (modelValue) => {
-      if (props.filterable && props.visible && !props.multiple) {
-        inputValue.value = modelValue;
-        emit("filterChange", modelValue);
-      }
-    };
-    const updateVisible = (visible) => {
-      if (!props.disabled || !visible) {
-        emit("update:visible", visible);
-      }
-    };
-    const handleTagClose = (item) => {
-      if (!props.disabled) {
-        emit("removeTag", item);
-      }
-    };
-    const handleClear = () => {
-      emit("clear");
-    };
-    const handleInputClick = (e) => {
-      if (props.automaticDropdown && props.visible) {
-        e.stopPropagation();
-      }
-    };
-    const handleInputFocus = (e) => {
-      if (props.automaticDropdown && !props.visible) {
-        updateVisible(true);
-      }
-      emit("focus", e);
-    };
-    const handleInputBlur = (e) => {
-      emit("blur", e);
-    };
-    const handleInputEsc = (e) => {
-      if (!props.disabled && props.visible) {
-        e.stopPropagation();
-        e.preventDefault();
-        updateVisible(false);
-      }
-    };
-    watch(
-      () => props.selectedLabel,
-      (label) => {
-        if (!props.filterable || !props.visible) {
-          inputValue.value = props.multiple || !label ? "" : label;
-        }
-      }
-    );
-    watch(
-      () => props.visible,
-      (visible) => {
-        if (props.filterable) {
-          if (props.multiple) {
-            searchValue.value = "";
-            if (visible) {
-              focusSearchInput();
-            }
-          } else {
-            const label = props.selectedLabel;
-            inputValue.value = visible || !label ? "" : label;
-          }
-        }
-      }
-    );
-    return {
-      tooltipRef,
-      inputRef,
-      searchRef,
-      inputValue,
-      searchValue,
-      isEmpty,
-      inputPlaceholder,
-      isCollapse,
-      currentTags,
-      omittedTags,
-      omittedSize,
-      updatePopper,
-      focusSearchInput,
-      updateSearchValue,
-      updateInputValue,
-      updateVisible,
-      handleTagClose,
-      handleClear,
-      handleInputClick,
-      handleInputFocus,
-      handleInputBlur,
-      handleInputEsc
-    };
-  }
-});
-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_CloseCircleFilled = resolveComponent("CloseCircleFilled");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ArrowDown = resolveComponent("ArrowDown");
-  const _component_ElInput = resolveComponent("ElInput");
-  const _component_ElTag = resolveComponent("ElTag");
-  const _component_ReceiverView = resolveComponent("ReceiverView");
-  const _component_EleTooltip = resolveComponent("EleTooltip");
-  return openBlock(), createBlock(_component_EleTooltip, {
-    ref: "tooltipRef",
-    trigger: "click",
-    visible: _ctx.visible,
-    disabled: _ctx.disabled,
-    placement: _ctx.placement,
-    teleported: _ctx.teleported,
-    width: _ctx.popperWidth,
-    popperClass: _ctx.popperClass,
-    popperOptions: _ctx.popperOptions,
-    transition: _ctx.transition,
-    gpuAcceleration: _ctx.transition === "el-fade-in-linear",
-    effect: "light",
-    persistent: true,
-    isPopover: true,
-    triggerKeys: [],
-    "onUpdate:visible": _ctx.updateVisible
-  }, {
-    body: withCtx(() => [
-      _ctx.persistent || _ctx.visible ? (openBlock(), createBlock(_component_ReceiverView, {
-        key: 0,
-        class: "ele-popover-body",
-        onClick: _ctx.focusSearchInput
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["onClick"])) : createCommentVNode("", true)
-    ]),
-    default: withCtx(() => [
-      createElementVNode("div", {
-        class: normalizeClass([
-          "ele-select",
-          _ctx.selectClass,
-          { "is-empty": _ctx.isEmpty },
-          { "is-multiple": _ctx.multiple },
-          { "is-disabled": _ctx.disabled },
-          { "is-filterable": _ctx.filterable },
-          { "is-small": _ctx.size === "small" },
-          { "is-large": _ctx.size === "large" },
-          { "is-opened": _ctx.visible }
-        ]),
-        style: normalizeStyle(_ctx.selectStyle)
-      }, [
-        createVNode(_component_ElInput, {
-          ref: "inputRef",
-          size: _ctx.size,
-          disabled: _ctx.disabled,
-          validateEvent: false,
-          modelValue: _ctx.inputValue,
-          placeholder: _ctx.filterable && _ctx.multiple && _ctx.visible ? "" : _ctx.inputPlaceholder,
-          readonly: !_ctx.filterable || !_ctx.visible || _ctx.multiple,
-          style: normalizeStyle(_ctx.inputStyle),
-          "onUpdate:modelValue": _ctx.updateInputValue,
-          onClick: _ctx.handleInputClick,
-          onFocus: _ctx.handleInputFocus,
-          onBlur: _ctx.handleInputBlur,
-          onKeydown: withKeys(_ctx.handleInputEsc, ["esc"])
-        }, createSlots({
-          suffix: withCtx(() => [
-            _ctx.clearable && !_ctx.disabled && !_ctx.isEmpty ? (openBlock(), createBlock(_component_ElIcon, {
-              key: 0,
-              class: "ele-select-clear el-input__icon",
-              onClick: withModifiers(_ctx.handleClear, ["stop"])
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "clearIcon", {}, () => [
-                  createVNode(_component_CloseCircleFilled)
-                ])
-              ]),
-              _: 3
-            }, 8, ["onClick"])) : createCommentVNode("", true),
-            createVNode(_component_ElIcon, { class: "ele-select-arrow el-input__icon" }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "suffixIcon", { visible: _ctx.visible }, () => [
-                  createVNode(_component_ArrowDown)
-                ])
-              ]),
-              _: 3
-            })
-          ]),
-          _: 2
-        }, [
-          _ctx.$slots.prefix ? {
-            name: "prefix",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "prefix")
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["size", "disabled", "modelValue", "placeholder", "readonly", "style", "onUpdate:modelValue", "onClick", "onFocus", "onBlur", "onKeydown"]),
-        _ctx.multiple ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "ele-select-tags",
-          style: normalizeStyle(_ctx.selectTagsStyle)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.currentTags, (item, index2) => {
-            return openBlock(), createBlock(_component_ElTag, {
-              key: index2 + "-" + item.value,
-              size: _ctx.size,
-              type: _ctx.tagType,
-              closable: !_ctx.disabled,
-              disableTransitions: true,
-              title: item.label,
-              onClose: ($event) => _ctx.handleTagClose(item)
-            }, {
-              default: withCtx(() => [
-                item.label && _ctx.maxTagTextLength && item.label.length > _ctx.maxTagTextLength ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                  createTextVNode(toDisplayString(item.label.slice(0, _ctx.maxTagTextLength)) + "... ", 1)
-                ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                  createTextVNode(toDisplayString(item.label), 1)
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["size", "type", "closable", "title", "onClose"]);
-          }), 128)),
-          _ctx.isCollapse ? (openBlock(), createBlock(_component_ElTag, {
-            key: 0,
-            size: _ctx.size,
-            type: _ctx.tagType,
-            disableTransitions: true
-          }, {
-            default: withCtx(() => [
-              renderSlot(_ctx.$slots, "maxTagPlaceholder", {
-                omittedValues: _ctx.omittedTags,
-                omittedSize: _ctx.omittedSize
-              }, () => [
-                createTextVNode(" +" + toDisplayString(_ctx.omittedSize), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["size", "type"])) : createCommentVNode("", true),
-          !_ctx.disabled && _ctx.filterable ? (openBlock(), createBlock(_component_ElTag, {
-            key: 1,
-            size: _ctx.size,
-            disableTransitions: true,
-            class: "ele-select-search"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_ElInput, {
-                ref: "searchRef",
-                size: _ctx.size,
-                validateEvent: false,
-                modelValue: _ctx.searchValue,
-                placeholder: _ctx.inputPlaceholder,
-                "onUpdate:modelValue": _ctx.updateSearchValue,
-                onKeydown: withKeys(_ctx.handleInputEsc, ["esc"])
-              }, null, 8, ["size", "modelValue", "placeholder", "onUpdate:modelValue", "onKeydown"])
-            ]),
-            _: 1
-          }, 8, ["size"])) : createCommentVNode("", true)
-        ], 4)) : createCommentVNode("", true)
-      ], 6)
-    ]),
-    _: 3
-  }, 8, ["visible", "disabled", "placement", "teleported", "width", "popperClass", "popperOptions", "transition", "gpuAcceleration", "onUpdate:visible"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-basic-select/props.d.ts

@@ -1,85 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-import { ElInputProps, ElTagProps } from '../ele-app/el';
-import { EleTooltipProps } from '../ele-app/plus';
-import { SelectValue, SelectedItem } from './types';
-
-/**
- * 属性
- */
-export declare const basicSelectProps: {
-    /** 选中值 */
-    value: {
-        type: PropType<SelectValue>;
-        default: () => null;
-    };
-    /** 是否多选 */
-    multiple: BooleanConstructor;
-    /** 是否禁用 */
-    disabled: BooleanConstructor;
-    /** 尺寸 */
-    size: PropType<ElInputProps["size"]>;
-    /** 是否支持清除 */
-    clearable: BooleanConstructor;
-    /** 无选中时提示文本 */
-    placeholder: StringConstructor;
-    /** 单选选中展示文本 */
-    selectedLabel: StringConstructor;
-    /** 多选选中数据 */
-    selected: PropType<SelectedItem[]>;
-    /** 多选标签最大显示数量 */
-    maxTagCount: NumberConstructor;
-    /** 多选标签最大显示文本长度 */
-    maxTagTextLength: NumberConstructor;
-    /** 多选标签类型 */
-    tagType: PropType<ElTagProps["type"]>;
-    /** 是否在输入框获得焦点后自动弹出选项菜单 */
-    automaticDropdown: BooleanConstructor;
-    /** 是否可以筛选 */
-    filterable: BooleanConstructor;
-    /** 下拉框是否显示 */
-    visible: BooleanConstructor;
-    /** 是否将下拉框插入 body */
-    teleported: BooleanConstructor;
-    /** 始终渲染下拉框 */
-    persistent: BooleanConstructor;
-    /** 下拉框位置 */
-    placement: PropType<EleTooltipProps["placement"]>;
-    /** 下拉框渐变动画 */
-    transition: {
-        type: StringConstructor;
-        default: string;
-    };
-    /** popper.js 参数 */
-    popperOptions: PropType<EleTooltipProps["popperOptions"]>;
-    /** 下拉框类名 */
-    popperClass: StringConstructor;
-    /** 下拉框宽度 */
-    popperWidth: (StringConstructor | NumberConstructor)[];
-    /** 自定义类名 */
-    selectClass: StringConstructor;
-    /** 自定义样式 */
-    selectStyle: PropType<StyleValue>;
-    /** 自定义输入框样式 */
-    inputStyle: PropType<StyleValue>;
-    /** 自定义多选标签容器样式 */
-    selectTagsStyle: PropType<StyleValue>;
-};
-export type BasicSelectProps = ExtractPropTypes<typeof basicSelectProps>;
-/**
- * 事件
- */
-export declare const basicSelectEmits: {
-    /** 更新下拉框显示状态 */
-    'update:visible': (_visible: boolean) => boolean;
-    /** 多选标签移除事件 */
-    removeTag: (_item: SelectedItem) => boolean;
-    /** 清空事件 */
-    clear: () => boolean;
-    /** 获取焦点事件 */
-    focus: (_e: FocusEvent) => boolean;
-    /** 失去焦点事件 */
-    blur: (_e: FocusEvent) => boolean;
-    /** 筛选输入框值改变事件 */
-    filterChange: (_value: string) => boolean;
-};

package/es/ele-basic-select/props.js

@@ -1,78 +0,0 @@
-const basicSelectProps = {
-  /** 选中值 */
-  value: {
-    type: [String, Number, Boolean, Array],
-    default: () => {
-      return null;
-    }
-  },
-  /** 是否多选 */
-  multiple: Boolean,
-  /** 是否禁用 */
-  disabled: Boolean,
-  /** 尺寸 */
-  size: String,
-  /** 是否支持清除 */
-  clearable: Boolean,
-  /** 无选中时提示文本 */
-  placeholder: String,
-  /** 单选选中展示文本 */
-  selectedLabel: String,
-  /** 多选选中数据 */
-  selected: Array,
-  /** 多选标签最大显示数量 */
-  maxTagCount: Number,
-  /** 多选标签最大显示文本长度 */
-  maxTagTextLength: Number,
-  /** 多选标签类型 */
-  tagType: String,
-  /** 是否在输入框获得焦点后自动弹出选项菜单 */
-  automaticDropdown: Boolean,
-  /** 是否可以筛选 */
-  filterable: Boolean,
-  /** 下拉框是否显示 */
-  visible: Boolean,
-  /** 是否将下拉框插入 body */
-  teleported: Boolean,
-  /** 始终渲染下拉框 */
-  persistent: Boolean,
-  /** 下拉框位置 */
-  placement: String,
-  /** 下拉框渐变动画 */
-  transition: {
-    type: String,
-    default: "el-fade-in-linear"
-  },
-  /** popper.js 参数 */
-  popperOptions: Object,
-  /** 下拉框类名 */
-  popperClass: String,
-  /** 下拉框宽度 */
-  popperWidth: [Number, String],
-  /** 自定义类名 */
-  selectClass: String,
-  /** 自定义样式 */
-  selectStyle: Object,
-  /** 自定义输入框样式 */
-  inputStyle: Object,
-  /** 自定义多选标签容器样式 */
-  selectTagsStyle: Object
-};
-const basicSelectEmits = {
-  /** 更新下拉框显示状态 */
-  "update:visible": (_visible) => true,
-  /** 多选标签移除事件 */
-  removeTag: (_item) => true,
-  /** 清空事件 */
-  clear: () => true,
-  /** 获取焦点事件 */
-  focus: (_e) => true,
-  /** 失去焦点事件 */
-  blur: (_e) => true,
-  /** 筛选输入框值改变事件 */
-  filterChange: (_value) => true
-};
-export {
-  basicSelectEmits,
-  basicSelectProps
-};

package/es/ele-basic-select/style/css-var.scss

@@ -1,9 +0,0 @@
-@use '../../style/util.scss' as *;
-
-/* 通用下拉选择主题变量 */
-@mixin set-basic-select-var($var) {
-  .ele-select {
-    @include set-ele-var('input', $var);
-    @include set-ele-var('input-error', $var);
-  }
-}

package/es/ele-basic-select/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-basic-select/style/index.js

@@ -1,5 +0,0 @@
-import "element-plus/es/components/input/style/index";
-import "element-plus/es/components/icon/style/index";
-import "element-plus/es/components/tag/style/index";
-import "../../ele-tooltip/style/index";
-import "./index.scss";

package/es/ele-basic-select/types.d.ts

@@ -1,28 +0,0 @@
-/**
- * 单选值
- */
-export type SingleValue = string | number | boolean;
-
-/**
- * 多选值
- */
-export type MultipleValue = Array<SingleValue>;
-
-/**
- * 值
- */
-export type SelectValue = SingleValue | MultipleValue | undefined | null;
-
-/**
- * 多选选中数据
- */
-export interface SelectedItem {
-  /** 文本 */
-  label: string;
-  /** 值 */
-  value: SingleValue;
-  /** 是否不显示 */
-  hide?: boolean;
-  /** 排序号 */
-  index?: number;
-}

package/es/ele-basic-select/util.d.ts

@@ -1,21 +0,0 @@
-import { SelectValue } from '../ele-basic-select/types';
-
-/**
- * 判断是否是空值
- * @param value 值
- * @param multiple 值是否是数组
- */
-export declare function isEmptyValue(value?: SelectValue, multiple?: boolean): boolean | undefined;
-/**
- * 判断值是否有变化
- * @param value1 新值
- * @param value2 当前值
- * @param multiple 是否多选
- */
-export declare function valueIsChanged(value1: SelectValue, value2: SelectValue, multiple?: boolean): boolean;
-/**
- * 触发表单验证
- */
-export declare function useFormValidate(): {
-    validateChange: () => void;
-};

package/es/ele-basic-select/util.js

@@ -1,43 +0,0 @@
-import { inject } from "vue";
-import { formItemContextKey } from "element-plus";
-import { debugWarn } from "element-plus/es/utils/error";
-function isEmptyValue(value, multiple) {
-  const isNull = value == null || value === "";
-  return isNull || multiple && !value.length;
-}
-function valueIsChanged(value1, value2, multiple) {
-  const isNull1 = isEmptyValue(value1);
-  const isNull2 = isEmptyValue(value2);
-  if (isNull1 && isNull2) {
-    return false;
-  }
-  if (!multiple) {
-    return isNull1 !== isNull2 || value1 !== value2;
-  }
-  const isEmpty1 = isNull1 || !value1.length;
-  const isEmpty2 = isNull2 || !value2.length;
-  if (isEmpty1 && isEmpty2) {
-    return false;
-  }
-  if (isEmpty1 !== isEmpty2) {
-    return true;
-  }
-  if (value1.length !== value2.length) {
-    return true;
-  }
-  return value1.some((v) => !value2.includes(v));
-}
-function useFormValidate() {
-  const formItem = inject(formItemContextKey, null);
-  const validateChange = () => {
-    if (formItem != null) {
-      formItem.validate("change").catch((e) => debugWarn(e));
-    }
-  };
-  return { validateChange };
-}
-export {
-  isEmptyValue,
-  useFormValidate,
-  valueIsChanged
-};

package/es/ele-bottom-bar/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-bottom-bar/style/index.js

@@ -1 +0,0 @@
-import "./index.scss";

package/es/ele-breadcrumb/types.d.ts

@@ -1,32 +0,0 @@
-import type { Component } from 'vue';
-import type { StyleValue } from '../ele-app/types';
-import type {
-  ElIconProps,
-  ElBreadcrumbProps,
-  ElBreadcrumbItemProps
-} from '../ele-app/el';
-
-/**
- * 面包屑导航分隔符
- */
-export type BreadcrumbSeparator =
-  | ElBreadcrumbProps['separator']
-  | ElBreadcrumbProps['separatorIcon'];
-
-/**
- * 面包屑导航数据
- */
-export interface BreadcrumbItem extends ElBreadcrumbItemProps {
-  /** 循环的 key */
-  key?: string | number | symbol;
-  /** 标题 */
-  title?: string;
-  /** 图标 */
-  icon?: string | Component;
-  /** 图标属性 */
-  iconProps?: ElIconProps;
-  /** 图标样式 */
-  iconStyle?: StyleValue;
-  /** 插槽名称 */
-  slot?: Exclude<string, 'default'>;
-}