yuang-framework-ui-pc 1.1.44 → 1.1.46

package/lib/ele-tabs/props.cjs

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const elementPlus = require("element-plus");
+const tabsProps = {
+  ...elementPlus.tabsProps,
+  /** 标签页数据 */
+  items: {
+    type: Array,
+    required: true
+  },
+  /** 尺寸 */
+  size: String,
+  /** 风格类型 */
+  type: String,
+  /** 标签是否居中显示 */
+  center: Boolean,
+  /** 是否支持右键菜单 */
+  contextMenu: [Boolean, Object],
+  /** 右键菜单 */
+  contextMenus: [Array, Function],
+  /** 是否支持拖动排序 */
+  sortable: Boolean,
+  /** 是否支持鼠标滚轮滑动 */
+  mousewheel: Boolean,
+  /** 是否自己处理页签点击事件 */
+  handleClick: Boolean,
+  /** 内部表格是否弹性布局 */
+  flexTable: Boolean
+};
+const tabsEmits = {
+  ...elementPlus.tabsEmits,
+  /** 页签点击事件 */
+  tabItemClick: (_opt) => true,
+  /** 页签右键菜单项点击事件 */
+  tabContextMenu: (_opt) => true,
+  /** 页签右键菜单打开事件 */
+  tabContextOpen: (_ref, _item, _name) => true,
+  /** 拖动排序改变事件 */
+  tabSortChange: (_data) => true
+};
+const tabPropKeys = Object.keys(elementPlus.tabsProps);
+const TAB_WRAP_KEY = Symbol("tabWrap");
+exports.TAB_WRAP_KEY = TAB_WRAP_KEY;
+exports.tabPropKeys = tabPropKeys;
+exports.tabsEmits = tabsEmits;
+exports.tabsProps = tabsProps;

package/lib/ele-tabs/style/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+require("element-plus/es/components/tabs/style/index");
+require("element-plus/es/components/tab-pane/style/index");
+require("element-plus/es/components/icon/style/index");
+require("../../ele-dropdown/style/index");
+require("./index.scss");

package/lib/ele-tabs/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/ele-tabs/types.d.ts

@@ -0,0 +1,89 @@
+import type { ElTabPaneProps } from '../ele-app/el';
+import type { DropdownItem } from '../ele-dropdown/types';
+
+/**
+ * 页签数据
+ */
+export interface TabPaneItem extends ElTabPaneProps {
+  /** 插槽名称 */
+  slot?: string;
+  /** 元数据 */
+  meta?: any;
+  /** 唯一标识 */
+  key?: string | number | symbol;
+}
+
+/**
+ * 尺寸
+ */
+export type TabSize = 'large' | 'default' | 'small';
+
+/**
+ * 风格类型
+ */
+export type TabType =
+  | 'default'
+  | 'card'
+  | 'border-card'
+  | 'plain'
+  | 'simple'
+  | 'indicator'
+  | 'button'
+  | 'tag';
+
+/**
+ * 页签事件参数
+ */
+export interface TabEventOption {
+  /** 页签标识 */
+  name?: string | number | null;
+  /** 页签数据 */
+  item?: TabPaneItem | null;
+  /** 当前选中的页签标识 */
+  active?: string | number;
+  /** 事件标识 */
+  command?: string;
+}
+
+/**
+ * 获取右键菜单方法
+ */
+export type ContextMenusFunc = (
+  item?: TabPaneItem,
+  tabName?: string | number
+) => DropdownItem[] | undefined;
+
+/**
+ * 右键菜单属性
+ */
+export type ContextMenus = DropdownItem[] | ContextMenusFunc;
+
+/**
+ * 页签实例方法
+ */
+export interface TabMethods {
+  /** 触发页签项点击事件 */
+  triggerTabItemClick?: (
+    item: TabPaneItem | undefined,
+    tabName: string | number | undefined,
+    e: MouseEvent
+  ) => void;
+  /** 触发页签项右键菜单事件 */
+  triggerItemContextMenu?: (
+    item: TabPaneItem | undefined,
+    tabName: string | number | undefined,
+    e: MouseEvent
+  ) => void;
+}
+
+/**
+ * 标签页容器属性
+ */
+export interface TabWrapProvide extends TabMethods {
+  /** 尺寸 */
+  size?: TabSize;
+  /** 风格类型 */
+  type?: TabType;
+  /** 设置页签实例方法 */
+  setTabMethods?: (methods: TabMethods) => void;
+}

package/lib/ele-test/index.cjs

@@ -0,0 +1,17 @@
+"use strict";
+const vue = require("vue");
+const _sfc_main = vue.defineComponent({
+  name: "EleTest"
+});
+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) {
+  return vue.openBlock(), vue.createElementBlock("div", null, "测试");
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-test/style/css-var.scss

@@ -0,0 +1,8 @@
+@use '../../style/util.scss' as *;
+
+/* 文本主题变量 */
+@mixin set-text-var($var) {
+  .ele-text {
+    @include set-ele-var('test', $var);
+  }
+}

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

@@ -0,0 +1,100 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-text-var($ele);
+
+.yu-test {
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  box-sizing: border-box;
+
+  /* 类型 */
+  &.is-heading {
+    color: elVar('text-color', 'primary');
+    font-weight: eleVar('text', 'heading-weight');
+  }
+
+  &.is-secondary {
+    color: elVar('text-color', 'secondary');
+  }
+
+  &.is-placeholder {
+    color: elVar('text-color', 'placeholder');
+  }
+
+  &.is-primary {
+    color: elVar('color-primary');
+  }
+
+  &.is-success {
+    color: elVar('color-success');
+  }
+
+  &.is-warning {
+    color: elVar('color-warning');
+  }
+
+  &.is-danger {
+    color: elVar('color-danger');
+  }
+
+  &.is-info {
+    color: elVar('color-info');
+  }
+
+  /* 尺寸 */
+  &.is-xs {
+    font-size: elVar('font-size', 'extra-small');
+  }
+
+  &.is-sm {
+    font-size: elVar('font-size', 'small');
+  }
+
+  &.is-md {
+    font-size: elVar('font-size', 'medium');
+  }
+
+  &.is-lg {
+    font-size: elVar('font-size', 'large');
+  }
+
+  &.is-xl {
+    font-size: elVar('font-size', 'extra-large');
+  }
+
+  &.is-xxl {
+    font-size: eleVar('text', 'xxl');
+  }
+
+  &.is-xxxl {
+    font-size: eleVar('text', 'xxxl');
+  }
+
+  /* 其它 */
+  &.is-delete {
+    text-decoration: line-through;
+  }
+
+  &.is-underline {
+    text-decoration: underline;
+
+    &.is-delete {
+      text-decoration: line-through underline;
+    }
+  }
+
+  &.is-strong {
+    font-weight: bold;
+  }
+
+  &.is-italic {
+    font-style: italic;
+  }
+
+  /* 图标 */
+  &.is-icon > .el-icon {
+    vertical-align: -2px;
+  }
+}

package/lib/ele-text/index.cjs

@@ -0,0 +1,59 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleText",
+  components: { ElIcon: elementPlus.ElIcon },
+  props: props.textProps
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
+    class: vue.normalizeClass([
+      "ele-text",
+      { "is-heading": _ctx.type === "heading" },
+      { "is-secondary": _ctx.type === "secondary" },
+      { "is-placeholder": _ctx.type === "placeholder" },
+      { "is-primary": _ctx.type === "primary" },
+      { "is-success": _ctx.type === "success" },
+      { "is-warning": _ctx.type === "warning" },
+      { "is-danger": _ctx.type === "danger" },
+      { "is-info": _ctx.type === "info" },
+      { "is-xs": _ctx.size === "xs" },
+      { "is-sm": _ctx.size === "sm" },
+      { "is-md": _ctx.size === "md" },
+      { "is-lg": _ctx.size === "lg" },
+      { "is-xl": _ctx.size === "xl" },
+      { "is-xxl": _ctx.size === "xxl" },
+      { "is-xxxl": _ctx.size === "xxxl" },
+      { "is-delete": _ctx.deleted },
+      { "is-underline": _ctx.underline },
+      { "is-strong": _ctx.strong },
+      { "is-italic": _ctx.italic },
+      { "is-icon": !!_ctx.icon }
+    ])
+  }, {
+    default: vue.withCtx(() => [
+      _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.iconProps || {})), {
+        default: vue.withCtx(() => [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.icon), {
+            style: vue.normalizeStyle(_ctx.iconStyle)
+          }, null, 8, ["style"]))
+        ]),
+        _: 1
+      }, 16)) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 8, ["class"]);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-text/props.d.ts

@@ -0,0 +1,39 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
+import { ElIconProps } from '../ele-app/el';
+import { TextType, TextSize, TextIcon } from './types';
+
+/**
+ * 属性
+ */
+export declare const textProps: {
+    /** 渲染标签 */
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 类型 */
+    type: PropType<TextType>;
+    /** 文字大小 */
+    size: PropType<TextSize>;
+    /** 文字删除线 */
+    deleted: BooleanConstructor;
+    /** 文字下划线 */
+    underline: BooleanConstructor;
+    /** 是否加粗 */
+    strong: BooleanConstructor;
+    /** 是否斜体 */
+    italic: BooleanConstructor;
+    /** 图标 */
+    icon: PropType<TextIcon>;
+    /** 图标属性 */
+    iconProps: PropType<ElIconProps>;
+    /** 图标样式 */
+    iconStyle: PropType<StyleValue>;
+};
+export type TextProps = ExtractPropTypes<typeof textProps>;
+export type TextPropKeys = Array<keyof typeof textProps>;
+/**
+ * 属性名
+ */
+export declare const textPropKeys: TextPropKeys;

package/lib/ele-text/style/index.cjs

@@ -0,0 +1,3 @@
+"use strict";
+require("element-plus/es/components/icon/style/index");
+require("./index.scss");

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

@@ -0,0 +1,100 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-text-var($ele);
+
+.ele-text {
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  box-sizing: border-box;
+
+  /* 类型 */
+  &.is-heading {
+    color: elVar('text-color', 'primary');
+    font-weight: eleVar('text', 'heading-weight');
+  }
+
+  &.is-secondary {
+    color: elVar('text-color', 'secondary');
+  }
+
+  &.is-placeholder {
+    color: elVar('text-color', 'placeholder');
+  }
+
+  &.is-primary {
+    color: elVar('color-primary');
+  }
+
+  &.is-success {
+    color: elVar('color-success');
+  }
+
+  &.is-warning {
+    color: elVar('color-warning');
+  }
+
+  &.is-danger {
+    color: elVar('color-danger');
+  }
+
+  &.is-info {
+    color: elVar('color-info');
+  }
+
+  /* 尺寸 */
+  &.is-xs {
+    font-size: elVar('font-size', 'extra-small');
+  }
+
+  &.is-sm {
+    font-size: elVar('font-size', 'small');
+  }
+
+  &.is-md {
+    font-size: elVar('font-size', 'medium');
+  }
+
+  &.is-lg {
+    font-size: elVar('font-size', 'large');
+  }
+
+  &.is-xl {
+    font-size: elVar('font-size', 'extra-large');
+  }
+
+  &.is-xxl {
+    font-size: eleVar('text', 'xxl');
+  }
+
+  &.is-xxxl {
+    font-size: eleVar('text', 'xxxl');
+  }
+
+  /* 其它 */
+  &.is-delete {
+    text-decoration: line-through;
+  }
+
+  &.is-underline {
+    text-decoration: underline;
+
+    &.is-delete {
+      text-decoration: line-through underline;
+    }
+  }
+
+  &.is-strong {
+    font-weight: bold;
+  }
+
+  &.is-italic {
+    font-style: italic;
+  }
+
+  /* 图标 */
+  &.is-icon > .el-icon {
+    vertical-align: -2px;
+  }
+}

package/lib/ele-tool/index.cjs

@@ -0,0 +1,71 @@
+"use strict";
+const vue = require("vue");
+const hook = require("../utils/hook");
+const props$1 = require("../ele-toolbar/props");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleTool",
+  props: props.toolProps,
+  emits: props.toolEmits,
+  setup(props2, { emit }) {
+    const toolbarProvide = vue.inject(props$1.TOOLBAR_KEY, {});
+    const [startHideTipTimer, stopHideTipTimer] = hook.useTimer(200);
+    const showTooltip = (text, el, options) => {
+      if (toolbarProvide.showTooltip) {
+        toolbarProvide.showTooltip(text, el, options);
+      }
+    };
+    const hideTooltip = () => {
+      toolbarProvide.hideTooltip && toolbarProvide.hideTooltip();
+    };
+    const handleClick = (e) => {
+      if (props2.clickHideTooltip) {
+        startHideTipTimer(() => {
+          hideTooltip();
+        });
+      }
+      emit("click", e);
+    };
+    const handleMouseover = (e) => {
+      if (props2.title && !props2.disabled) {
+        stopHideTipTimer();
+        showTooltip(props2.title, e.currentTarget, {
+          placement: props2.placement,
+          offset: 10
+        });
+      }
+    };
+    vue.watch([() => props2.disabled, () => props2.title], () => {
+      if (!props2.title || props2.disabled) {
+        hideTooltip();
+      }
+    });
+    return {
+      handleClick,
+      handleMouseover,
+      showTooltip,
+      hideTooltip
+    };
+  }
+});
+const _export_sfc = (sfc, props2) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props2) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-tool-body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: "ele-tool",
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args)),
+    onMouseover: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseover && _ctx.handleMouseover(...args))
+  }, [
+    vue.createElementVNode("div", _hoisted_1, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ])
+  ], 32);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

package/lib/ele-tool/index.d.ts

@@ -0,0 +1,33 @@
+import { EleTooltipProps } from '../ele-app/plus';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    placement: {
+        type: import('vue').PropType<EleTooltipProps["placement"]>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    clickHideTooltip: BooleanConstructor;
+}>, {
+    handleClick: (e: MouseEvent) => void;
+    handleMouseover: (e: MouseEvent) => void;
+    showTooltip: (text?: string, el?: HTMLElement, options?: EleTooltipProps) => void;
+    hideTooltip: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (_e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    placement: {
+        type: import('vue').PropType<EleTooltipProps["placement"]>;
+        default: string;
+    };
+    disabled: BooleanConstructor;
+    clickHideTooltip: BooleanConstructor;
+}>> & Readonly<{
+    onClick?: ((_e: MouseEvent) => any) | undefined;
+}>, {
+    placement: string | undefined;
+    disabled: boolean;
+    clickHideTooltip: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/ele-tool/props.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toolProps = {
+  /** 提示文字 */
+  title: String,
+  /** 提示方向 */
+  placement: {
+    type: String,
+    default: "top"
+  },
+  /** 是否禁用提示 */
+  disabled: Boolean,
+  /** 是否点击时关闭提示 */
+  clickHideTooltip: Boolean
+};
+const toolEmits = {
+  /** 点击事件 */
+  click: (_e) => true
+};
+exports.toolEmits = toolEmits;
+exports.toolProps = toolProps;

package/lib/ele-tool/props.d.ts

@@ -0,0 +1,27 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { EleTooltipProps } from '../ele-app/plus';
+
+/**
+ * 属性
+ */
+export declare const toolProps: {
+    /** 提示文字 */
+    title: StringConstructor;
+    /** 提示方向 */
+    placement: {
+        type: PropType<EleTooltipProps["placement"]>;
+        default: string;
+    };
+    /** 是否禁用提示 */
+    disabled: BooleanConstructor;
+    /** 是否点击时关闭提示 */
+    clickHideTooltip: BooleanConstructor;
+};
+export type ToolProps = ExtractPropTypes<typeof toolProps>;
+/**
+ * 事件
+ */
+export declare const toolEmits: {
+    /** 点击事件 */
+    click: (_e: MouseEvent) => boolean;
+};

package/lib/ele-tool/style/index.cjs

@@ -0,0 +1,2 @@
+"use strict";
+require("./index.scss");

package/lib/ele-tool/style/index.d.ts

@@ -0,0 +1 @@
+