yuang-framework-ui-pc 1.1.45 → 1.1.47

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

@@ -0,0 +1,68 @@
+import { PropType, ExtractPropTypes } from 'vue';
+import { StepType, StepItem } from './types';
+
+/**
+ * 属性
+ */
+export declare const stepsProps: {
+    /** 步骤条数据 */
+    items: {
+        type: PropType<StepItem[]>;
+        required: boolean;
+    };
+    /** 类型 */
+    type: PropType<StepType>;
+    space: {
+        readonly type: PropType<string | number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "";
+    };
+    active: {
+        readonly type: PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: 0;
+    };
+    direction: {
+        readonly type: PropType<"horizontal" | "vertical">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "horizontal";
+    };
+    alignCenter: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    simple: {
+        readonly type: PropType<boolean>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    finishStatus: {
+        readonly type: PropType<"error" | "success" | "wait" | "finish" | "process">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "finish";
+    };
+    processStatus: {
+        readonly type: PropType<"error" | "success" | "wait" | "finish" | "process">;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: "process";
+    };
+};
+export type StepsProps = ExtractPropTypes<typeof stepsProps>;

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

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

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,14 @@
+import type { ElStepProps } from '../ele-app/el';
+
+/**
+ * 步骤条数据
+ */
+export interface StepItem extends ElStepProps {
+  /** 循环的 key */
+  key?: string | number | symbol;
+}
+
+/**
+ * 步骤条类型
+ */
+export type StepType = 'inline' | null;

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

@@ -0,0 +1,64 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../icons");
+const props$1 = require("../ele-tabs/props");
+const props = require("./props");
+const _sfc_main = vue.defineComponent({
+  name: "EleTabTool",
+  components: { ElIcon: elementPlus.ElIcon, CornerLeftFilled: icons.CornerLeftFilled, CornerRightFilled: icons.CornerRightFilled },
+  props: props.tabToolProps,
+  setup(props2) {
+    const wrapProps = vue.inject(props$1.TAB_WRAP_KEY, null);
+    const handleItemClick = (e) => {
+      if (wrapProps && wrapProps.triggerTabItemClick) {
+        wrapProps.triggerTabItemClick(void 0, props2.tabName, e);
+      }
+    };
+    const handleItemContextmenu = (e) => {
+      if (wrapProps && wrapProps.triggerItemContextMenu) {
+        wrapProps.triggerItemContextMenu(void 0, props2.tabName, e);
+      }
+    };
+    return { handleItemClick, handleItemContextmenu };
+  }
+});
+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_CornerLeftFilled = vue.resolveComponent("CornerLeftFilled");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_CornerRightFilled = vue.resolveComponent("CornerRightFilled");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["ele-tab-tool", { "is-tab": _ctx.tab }, { "is-active": _ctx.active }])
+  }, [
+    _ctx.tab ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+      vue.createElementVNode("div", {
+        class: "ele-tab-title",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleItemClick && _ctx.handleItemClick(...args)),
+        onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.handleItemContextmenu && _ctx.handleItemContextmenu(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 32),
+      vue.createVNode(_component_ElIcon, { class: "ele-tab-corner-left" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CornerLeftFilled)
+        ]),
+        _: 1
+      }),
+      vue.createVNode(_component_ElIcon, { class: "ele-tab-corner-right" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_CornerRightFilled)
+        ]),
+        _: 1
+      })
+    ], 64)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
+  ], 2);
+}
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = index;

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

@@ -0,0 +1,75 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    tab: BooleanConstructor;
+    active: BooleanConstructor;
+    tabName: (StringConstructor | NumberConstructor)[];
+}>, {
+    handleItemClick: (e: MouseEvent) => void;
+    handleItemContextmenu: (e: MouseEvent) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    tab: BooleanConstructor;
+    active: BooleanConstructor;
+    tabName: (StringConstructor | NumberConstructor)[];
+}>> & Readonly<{}>, {
+    tab: boolean;
+    active: boolean;
+}, {}, {
+    ElIcon: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            readonly size: {
+                readonly type: import('vue').PropType<string | number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: import('vue').PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        readonly size: {
+            readonly type: import('vue').PropType<string | number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly color: {
+            readonly type: import('vue').PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+    }>>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) & import('vue').Plugin;
+    CornerLeftFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    CornerRightFilled: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/ele-tab-tool/props.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const tabToolProps = {
+  /** 是否为模拟页签 */
+  tab: Boolean,
+  /** 为模拟页签时是否选中 */
+  active: Boolean,
+  /** 为模拟页签时页签标识 */
+  tabName: [String, Number]
+};
+exports.tabToolProps = tabToolProps;

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

@@ -0,0 +1,14 @@
+import { ExtractPropTypes } from 'vue';
+
+/**
+ * 属性
+ */
+export declare const tabToolProps: {
+    /** 是否为模拟页签 */
+    tab: BooleanConstructor;
+    /** 为模拟页签时是否选中 */
+    active: BooleanConstructor;
+    /** 为模拟页签时页签标识 */
+    tabName: (StringConstructor | NumberConstructor)[];
+};
+export type TabToolProps = ExtractPropTypes<typeof tabToolProps>;

package/lib/ele-tab-wrap/components/tab-dropdown.cjs

@@ -0,0 +1,90 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const hook = require("../../utils/hook");
+const EleDropdown = require("../../ele-dropdown/index");
+const EleTabTool = require("../../ele-tab-tool/index");
+const _sfc_main = vue.defineComponent({
+  name: "TabDropdown",
+  components: { ElIcon: elementPlus.ElIcon, ArrowDown: icons.ArrowDown, EleDropdown, EleTabTool },
+  props: {
+    /** 右键菜单 */
+    items: Array,
+    /** 右键菜单属性 */
+    dropdownProps: Object,
+    /** 是否点击后自动关闭菜单 */
+    autoClose: {
+      type: Boolean,
+      default: true
+    }
+  },
+  emits: {
+    menuClick: (_command) => true
+  },
+  setup(props, { emit }) {
+    const [startAutoCloseTimer] = hook.useTimer(150);
+    const dropdownRef = vue.ref(null);
+    const handleCommand = (command) => {
+      emit("menuClick", command);
+      if (props.autoClose) {
+        startAutoCloseTimer(() => {
+          if (dropdownRef.value) {
+            dropdownRef.value.handleClose();
+          }
+        });
+      }
+    };
+    return { dropdownRef, handleCommand };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { style: { "text-align": "center", "outline": "none" } };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ArrowDown = vue.resolveComponent("ArrowDown");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_EleDropdown = vue.resolveComponent("EleDropdown");
+  const _component_EleTabTool = vue.resolveComponent("EleTabTool");
+  return vue.openBlock(), vue.createBlock(_component_EleTabTool, null, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_EleDropdown, vue.mergeProps({
+        placement: "bottom-end",
+        popperClass: "ele-tab-popup",
+        popperOptions: {
+          modifiers: [{ name: "offset", options: { offset: [12, 8] } }]
+        }
+      }, _ctx.dropdownProps || {}, {
+        ref: "dropdownRef",
+        items: _ctx.items,
+        componentType: "pro",
+        onCommand: _ctx.handleCommand
+      }), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.renderSlot(_ctx.$slots, "icon", {}, () => [
+              vue.createVNode(_component_ElIcon, {
+                class: "ele-tab-icon",
+                style: { "vertical-align": "-3px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ArrowDown)
+                ]),
+                _: 1
+              })
+            ])
+          ])
+        ]),
+        _: 3
+      }, 16, ["items", "onCommand"])
+    ]),
+    _: 3
+  });
+}
+const tabDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = tabDropdown;