yuang-framework-ui-pc 1.1.43 → 1.1.45

package/es/ele-split-panel/index.d.ts

@@ -1,192 +0,0 @@
-import { ReceiverViewInstance } from '../ele-app/plus';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    size: StringConstructor;
-    minSize: NumberConstructor;
-    maxSize: NumberConstructor;
-    space: StringConstructor;
-    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    collapse: BooleanConstructor;
-    vertical: BooleanConstructor;
-    reverse: BooleanConstructor;
-    resizable: BooleanConstructor;
-    flexTable: BooleanConstructor;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>, {
-    rootRef: import('vue').Ref<ReceiverViewInstance, ReceiverViewInstance>;
-    wrapRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    sideRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
-    isResponsive: import('vue').ComputedRef<boolean>;
-    isCollapse: import('vue').Ref<boolean, boolean>;
-    resizedSize: import('vue').Ref<string | null, string | null>;
-    resizing: import('vue').Ref<boolean, boolean>;
-    toggleCollapse: (collapse?: boolean) => void;
-    resetSize: () => void;
-    handleResize: (event: MouseEvent) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    'update:collapse': (_collapse: boolean) => boolean;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    size: StringConstructor;
-    minSize: NumberConstructor;
-    maxSize: NumberConstructor;
-    space: StringConstructor;
-    customStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    allowCollapse: BooleanConstructor;
-    collapseStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
-    collapse: BooleanConstructor;
-    vertical: BooleanConstructor;
-    reverse: BooleanConstructor;
-    resizable: BooleanConstructor;
-    flexTable: BooleanConstructor;
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-}>> & Readonly<{
-    "onUpdate:collapse"?: ((_collapse: boolean) => any) | undefined;
-}>, {
-    reverse: boolean;
-    vertical: boolean;
-    collapse: boolean;
-    resizable: boolean;
-    flexTable: boolean;
-    responsive: boolean;
-    allowCollapse: 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;
-    ArrowLeft: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ArrowUp: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    ReceiverView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        wrapPosition: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>, {
-        authenticated: import('vue').Ref<boolean, boolean>;
-        watermark: string[];
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        wrapPosition: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{}>, {
-        wrapPosition: boolean;
-    }, {}, {
-        EleWatermark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-            width: NumberConstructor;
-            height: NumberConstructor;
-            rotate: NumberConstructor;
-            zIndex: NumberConstructor;
-            image: StringConstructor;
-            content: import('vue').PropType<string | string[]>;
-            font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
-            gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
-            offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
-            lineGap: {
-                type: NumberConstructor;
-                default: number;
-            };
-            customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
-            fixed: BooleanConstructor;
-            wrapPosition: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disabled: BooleanConstructor;
-        }>, {
-            rootKey: import('vue').Ref<number, number>;
-            rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-            imgRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-            imgStyle: import('vue').Ref<Partial<import('vue').CSSProperties>, Partial<import('vue').CSSProperties>>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-            width: NumberConstructor;
-            height: NumberConstructor;
-            rotate: NumberConstructor;
-            zIndex: NumberConstructor;
-            image: StringConstructor;
-            content: import('vue').PropType<string | string[]>;
-            font: import('vue').PropType<import('../ele-watermark/types').WatermarkFont>;
-            gap: import('vue').PropType<import('../ele-watermark/types').WatermarkGap>;
-            offset: import('vue').PropType<import('../ele-watermark/types').WatermarkOffset>;
-            lineGap: {
-                type: NumberConstructor;
-                default: number;
-            };
-            customStyle: import('vue').PropType<Exclude<import('../ele-app/types').StyleValue, string>>;
-            fixed: BooleanConstructor;
-            wrapPosition: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            disabled: BooleanConstructor;
-        }>> & Readonly<{}>, {
-            fixed: boolean;
-            disabled: boolean;
-            lineGap: number;
-            wrapPosition: boolean;
-        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/ele-split-panel/index.js

@@ -1,206 +0,0 @@
-import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock, normalizeStyle, normalizeClass, withCtx, createElementVNode, createElementBlock, createCommentVNode, renderSlot, createVNode } from "vue";
-import { ElIcon } from "element-plus";
-import { ArrowUp, ArrowLeft } from "../icons";
-import ReceiverView from "../ele-config-provider/components/receiver-view";
-import { useResponsive } from "../ele-pro-layout/util";
-import { splitPanelEmits, splitPanelProps } from "./props";
-const _sfc_main = defineComponent({
-  name: "EleSplitPanel",
-  components: { ElIcon, ArrowLeft, ArrowUp, ReceiverView },
-  props: splitPanelProps,
-  emits: splitPanelEmits,
-  setup(props, { emit }) {
-    const isResponsive = useResponsive(props);
-    const rootRef = ref(null);
-    const wrapRef = ref(null);
-    const sideRef = ref(null);
-    const isCollapse = ref(false);
-    const resizedSize = ref(null);
-    const resizing = ref(false);
-    const toggleCollapse = (collapse) => {
-      isCollapse.value = typeof collapse === "boolean" ? collapse : !isCollapse.value;
-      emit("update:collapse", isCollapse.value);
-    };
-    const resetSize = () => {
-      resizedSize.value = null;
-    };
-    const getMaxSize = (el) => {
-      const size = props.vertical ? el.clientHeight : el.clientWidth;
-      if (!props.maxSize) {
-        return size;
-      }
-      if (props.maxSize < 0) {
-        return size + props.maxSize;
-      } else if (props.maxSize < 1) {
-        return Math.floor(size * props.maxSize);
-      }
-      return Math.min(props.maxSize, size);
-    };
-    const handleResize = (event) => {
-      var _a;
-      const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
-      const sideEl = sideRef.value;
-      if (!rootEl || !sideEl) {
-        return;
-      }
-      resizing.value = true;
-      const downX = event.clientX;
-      const downY = event.clientY;
-      const downW = sideEl.clientWidth;
-      const downH = sideEl.clientHeight;
-      const min = !props.minSize || props.minSize < 0 ? 0 : props.minSize;
-      const max = getMaxSize(rootEl);
-      const mousemoveFn = (e) => {
-        const size = props.vertical ? (props.reverse ? downY - e.clientY : e.clientY - downY) + downH : (props.reverse ? downX - e.clientX : e.clientX - downX) + downW;
-        resizedSize.value = `${size < min ? min : size > max ? max : size}px`;
-      };
-      const mouseupFn = () => {
-        resizing.value = false;
-        document.removeEventListener("mousemove", mousemoveFn);
-        document.removeEventListener("mouseup", mouseupFn);
-      };
-      document.addEventListener("mousemove", mousemoveFn);
-      document.addEventListener("mouseup", mouseupFn);
-    };
-    watch(
-      [() => props.collapse, () => props.allowCollapse],
-      () => {
-        if (!props.allowCollapse) {
-          isCollapse.value = false;
-        } else {
-          isCollapse.value = props.collapse;
-        }
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.size,
-      () => {
-        resetSize();
-      }
-    );
-    watch(
-      () => props.minSize,
-      (minSize) => {
-        const min = !minSize || minSize < 0 ? 0 : minSize;
-        if (resizedSize.value && Number.parseInt(resizedSize.value) < min) {
-          resizedSize.value = min + "px";
-        }
-      }
-    );
-    watch(
-      () => props.maxSize,
-      () => {
-        var _a;
-        const rootEl = (_a = rootRef.value) == null ? void 0 : _a.$el;
-        if (resizedSize.value && rootEl) {
-          const max = getMaxSize(rootEl);
-          if (Number.parseInt(resizedSize.value) > max) {
-            resizedSize.value = max + "px";
-          }
-        }
-      }
-    );
-    return {
-      rootRef,
-      wrapRef,
-      sideRef,
-      isResponsive,
-      isCollapse,
-      resizedSize,
-      resizing,
-      toggleCollapse,
-      resetSize,
-      handleResize
-    };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = {
-  ref: "wrapRef",
-  class: "ele-split-panel-wrap"
-};
-const _hoisted_2 = { class: "ele-split-panel-space" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ArrowUp = resolveComponent("ArrowUp");
-  const _component_ArrowLeft = resolveComponent("ArrowLeft");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_ReceiverView = resolveComponent("ReceiverView");
-  return openBlock(), createBlock(_component_ReceiverView, {
-    ref: "rootRef",
-    class: normalizeClass([
-      "ele-split-panel",
-      { "is-reverse": _ctx.reverse },
-      { "is-vertical": _ctx.vertical },
-      { "is-collapse": _ctx.isCollapse },
-      { "is-resizing": _ctx.resizing },
-      { "is-responsive": _ctx.isResponsive },
-      { "is-flex-table": _ctx.flexTable }
-    ]),
-    style: normalizeStyle({
-      "--ele-split-size": _ctx.resizedSize || _ctx.size,
-      "--ele-split-space": _ctx.space
-    })
-  }, {
-    default: withCtx(() => [
-      createElementVNode("div", _hoisted_1, [
-        createElementVNode("div", {
-          ref: "sideRef",
-          class: "ele-split-panel-side",
-          style: normalizeStyle(_ctx.customStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4),
-        createElementVNode("div", _hoisted_2, [
-          _ctx.resizable ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "ele-split-resize-line",
-            onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.handleResize && _ctx.handleResize(...args))
-          }, null, 32)) : createCommentVNode("", true)
-        ])
-      ], 512),
-      createElementVNode("div", {
-        class: "ele-split-panel-body",
-        style: normalizeStyle(_ctx.bodyStyle)
-      }, [
-        renderSlot(_ctx.$slots, "body", { collapse: _ctx.isCollapse })
-      ], 4),
-      _ctx.allowCollapse ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        style: normalizeStyle(_ctx.collapseStyle),
-        class: "ele-split-collapse-button",
-        onClick: _cache[1] || (_cache[1] = ($event) => _ctx.toggleCollapse())
-      }, [
-        renderSlot(_ctx.$slots, "collapse", { collapse: _ctx.isCollapse }, () => [
-          createVNode(_component_ElIcon, { class: "ele-split-collapse-icon" }, {
-            default: withCtx(() => [
-              _ctx.vertical ? (openBlock(), createBlock(_component_ArrowUp, {
-                key: 0,
-                style: { "margin-top": "-1.25px" }
-              })) : (openBlock(), createBlock(_component_ArrowLeft, {
-                key: 1,
-                style: { "margin-left": "-1.25px" }
-              }))
-            ]),
-            _: 1
-          })
-        ])
-      ], 4)) : createCommentVNode("", true),
-      createElementVNode("div", {
-        class: "ele-split-panel-mask",
-        onClick: _cache[2] || (_cache[2] = ($event) => _ctx.toggleCollapse())
-      })
-    ]),
-    _: 3
-  }, 8, ["class", "style"]);
-}
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  index as default
-};

package/es/ele-split-panel/props.d.ts

@@ -1,47 +0,0 @@
-import { PropType, ExtractPropTypes } from 'vue';
-import { StyleValue } from '../ele-app/types';
-
-/**
- * 属性
- */
-export declare const splitPanelProps: {
-    /** 默认大小 */
-    size: StringConstructor;
-    /** 最小尺寸 */
-    minSize: NumberConstructor;
-    /** 最大尺寸 */
-    maxSize: NumberConstructor;
-    /** 间距 */
-    space: StringConstructor;
-    /** 自定义样式 */
-    customStyle: PropType<StyleValue>;
-    /** 自定义内容样式 */
-    bodyStyle: PropType<StyleValue>;
-    /** 是否可折叠 */
-    allowCollapse: BooleanConstructor;
-    /** 折叠按钮样式 */
-    collapseStyle: PropType<StyleValue>;
-    /** 是否折叠 */
-    collapse: BooleanConstructor;
-    /** 是否垂直方向 */
-    vertical: BooleanConstructor;
-    /** 是否反向布局 */
-    reverse: BooleanConstructor;
-    /** 是否可拉伸宽度 */
-    resizable: BooleanConstructor;
-    /** 内部表格弹性布局 */
-    flexTable: BooleanConstructor;
-    /** 是否开启响应式 */
-    responsive: {
-        type: BooleanConstructor;
-        default: null;
-    };
-};
-export type SplitPanelProps = ExtractPropTypes<typeof splitPanelProps>;
-/**
- * 事件
- */
-export declare const splitPanelEmits: {
-    /** 更新折叠状态 */
-    'update:collapse': (_collapse: boolean) => boolean;
-};

package/es/ele-split-panel/props.js

@@ -1,41 +0,0 @@
-const splitPanelProps = {
-  /** 默认大小 */
-  size: String,
-  /** 最小尺寸 */
-  minSize: Number,
-  /** 最大尺寸 */
-  maxSize: Number,
-  /** 间距 */
-  space: String,
-  /** 自定义样式 */
-  customStyle: Object,
-  /** 自定义内容样式 */
-  bodyStyle: Object,
-  /** 是否可折叠 */
-  allowCollapse: Boolean,
-  /** 折叠按钮样式 */
-  collapseStyle: Object,
-  /** 是否折叠 */
-  collapse: Boolean,
-  /** 是否垂直方向 */
-  vertical: Boolean,
-  /** 是否反向布局 */
-  reverse: Boolean,
-  /** 是否可拉伸宽度 */
-  resizable: Boolean,
-  /** 内部表格弹性布局 */
-  flexTable: Boolean,
-  /** 是否开启响应式 */
-  responsive: {
-    type: Boolean,
-    default: null
-  }
-};
-const splitPanelEmits = {
-  /** 更新折叠状态 */
-  "update:collapse": (_collapse) => true
-};
-export {
-  splitPanelEmits,
-  splitPanelProps
-};