@opentiny/vue-renderless 3.11.5 → 3.11.6

package/common/deps/dom.js

@@ -1,5 +1,6 @@
 import "../../chunk-G2ADBYYC.js";
 import { hasOwn, isObject, isNull } from "../type";
+import globalConfig from "../global";
 const isServer = typeof window === "undefined";
 const SPECIAL_CHARS_REGEXP = /([:\-_]+(.))/g;
 const MOZ_HACK_REGEXP = /^moz([A-Z])/;
@@ -134,8 +135,9 @@ const isInContainer = (el, container) => {
 };
 const isVNode = (node) => node !== null && isObject(node) && hasOwn.call(node, "componentOptions");
 const getDomNode = () => {
-  let documentElement = document.documentElement;
-  let bodyElem = document.body;
+  const viewportWindow = globalConfig.viewportWindow || window;
+  let documentElement = viewportWindow.document.documentElement;
+  let bodyElem = viewportWindow.document.body;
   return {
     scrollTop: documentElement.scrollTop || bodyElem.scrollTop,
     scrollLeft: documentElement.scrollLeft || bodyElem.scrollLeft,

package/common/deps/popper.js

@@ -3,6 +3,7 @@ import {
 } from "../../chunk-G2ADBYYC.js";
 import { on, off } from "./dom";
 import PopupManager from "./popup-manager";
+import globalConfig from "../global";
 import { typeOf } from "../type";
 const positions = ["left", "right", "top", "bottom"];
 const modifiers = ["shift", "offset", "preventOverflow", "keepTogether", "arrow", "flip", "applyStyle"];
@@ -489,7 +490,7 @@ class Popper {
       let isFixed2 = data.offsets.popper.position === "fixed";
       let scrollTop = isFixed2 ? 0 : getScrollTopValue(scrollParent);
       let scrollLeft = isFixed2 ? 0 : getScrollLeftValue(scrollParent);
-      const viewportWindow = PopupManager.viewportWindow || window;
+      const viewportWindow = globalConfig.viewportWindow || PopupManager.viewportWindow || window;
       boundaries = {
         top: 0 - (offsetParentRect.top - scrollTop),
         right: viewportWindow.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),

package/common/global.js

@@ -0,0 +1,11 @@
+import "../chunk-G2ADBYYC.js";
+const globalConfig = {
+  viewportWindow: null
+  // 获取真实视口的window，解决在微前端中某些bug
+};
+const getViewportWindow = () => globalConfig.viewportWindow || window;
+var global_default = globalConfig;
+export {
+  global_default as default,
+  getViewportWindow
+};

package/dialog-select/index.js

@@ -219,7 +219,7 @@ const getTreeRadio = (vm) => {
   const { nodes: plainNodes } = vm.$refs.multiTree.state.plainNodeStore;
   const currentRadio = vm.$refs.multiTree.state.currentRadio;
   const plainNode = find(plainNodes, (plainNode2) => plainNode2.node.id === currentRadio.value);
-  return [plainNode.node.data];
+  return (plainNode == null ? void 0 : plainNode.node) ? [plainNode.node.data] : [];
 };
 const multiTreeCheck = ({ api, props, state, vm, nextTick }) => () => {
   const { multi, popseletor } = props;

package/dropdown/index.js

@@ -147,7 +147,7 @@ const handleMenuItemClick = ({ props, state, emit }) => ({ itemData, vm, disable
     state.visible = false;
   }
   if (!disabled) {
-    const data = { itemData, vm, disabled };
+    const data = { itemData, vm };
     emit("item-click", data);
   }
 };

package/grid/utils/dom.js

@@ -1,6 +1,6 @@
 import "../../chunk-G2ADBYYC.js";
 import { getRowid } from "./common";
-import { hasClass } from "../../common/deps/dom";
+import { hasClass, getDomNode } from "../../common/deps/dom";
 import { getActualTarget } from "../../common/event";
 import { arrayIndexOf } from "../static";
 const ATTR_NAME = "data-rowid";
@@ -96,16 +96,6 @@ const colToVisible = ($table, column, move) => {
     }
   });
 };
-const getDomNode = () => {
-  const documentElement = document.documentElement;
-  const bodyElement = document.body;
-  return {
-    scrollTop: documentElement.scrollTop || bodyElement.scrollTop,
-    scrollLeft: documentElement.scrollLeft || bodyElement.scrollLeft,
-    visibleHeight: documentElement.clientHeight || bodyElement.clientHeight,
-    visibleWidth: documentElement.clientWidth || bodyElement.clientWidth
-  };
-};
 const getEventTargetNode = (event, container, queryCls) => {
   let targetEl;
   let target = getActualTarget(event);

package/modal/index.js

@@ -3,6 +3,7 @@ import { KEY_CODE } from "../common";
 import { on, off, addClass, hasClass, removeClass } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";
 import { getDomNode } from "../common/deps/dom";
+import { getViewportWindow } from "../common/global";
 const DragClass = "is__drag";
 const emitZoom = ({ params, parent, emit, event }) => {
   let { $listeners, events = {} } = parent;
@@ -135,8 +136,9 @@ const open = ({
       nextTick(() => {
         if (!isMobileFirstMode) {
           let modalBoxElem = api.getBox();
-          let clientVisibleWidth = document.documentElement.clientWidth || document.body.clientWidth;
-          let clientVisibleHeight = document.documentElement.clientHeight || document.body.clientHeight;
+          const viewportWindow = getViewportWindow();
+          let clientVisibleWidth = viewportWindow.document.documentElement.clientWidth || viewportWindow.document.body.clientWidth;
+          let clientVisibleHeight = viewportWindow.document.documentElement.clientHeight || viewportWindow.document.body.clientHeight;
           modalBoxElem.style.left = `${clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2}px`;
           if (modalBoxElem.offsetHeight + modalBoxElem.offsetTop + props.marginSize > clientVisibleHeight) {
             modalBoxElem.style.top = `${props.marginSize}px`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.11.5",
+  "version": "3.11.6",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "homepage": "https://opentiny.design/tiny-vue",
   "keywords": [

package/time-line/index.js

@@ -61,7 +61,7 @@ const computedWrapperClass = ({ props }) => () => {
   const { vertical, reverse, textPosition, showDivider } = props;
   const wrapperClass = [];
   if (vertical) {
-    wrapperClass.push("tiny-steps-timeline", { reverse });
+    wrapperClass.push("tiny-steps-timeline", { reverse, "tiny-timeline__shape-dot": props.shape === "dot" });
   } else {
     wrapperClass.push("tiny-steps-normal", textPosition === "right" ? "text-right" : "text-bottom");
   }
@@ -70,6 +70,11 @@ const computedWrapperClass = ({ props }) => () => {
   }
   return wrapperClass;
 };
+const toggleFold = ({ props }) => (node) => {
+  const isFold = !props.data[node.index].fold;
+  props.data[node.index].fold = isFold;
+  return isFold;
+};
 export {
   changeStatus,
   computedCurrent,
@@ -81,5 +86,6 @@ export {
   getDate,
   getStatus,
   getStatusCls,
-  handleClick
+  handleClick,
+  toggleFold
 };

package/time-line/vue.js

@@ -10,9 +10,10 @@ import {
   changeStatus,
   computedStackNodes,
   computedSpace,
-  computedWrapperClass
+  computedWrapperClass,
+  toggleFold
 } from "./index";
-const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "changeStatus"];
+const api = ["state", "handleClick", "getStatusCls", "getStatus", "getDate", "changeStatus", "toggleFold"];
 const renderless = (props, { computed, reactive, provide, watch }, { t, emit, constants }) => {
   const api2 = {};
   const state = reactive({
@@ -38,7 +39,8 @@ const renderless = (props, { computed, reactive, provide, watch }, { t, emit, co
     getStatusCls: getStatusCls({ constants, state }),
     computedStackNodes: computedStackNodes({ state, constants }),
     changeStatus: changeStatus({ state }),
-    computedWrapperClass: computedWrapperClass({ props })
+    computedWrapperClass: computedWrapperClass({ props }),
+    toggleFold: toggleFold({ props })
   });
   provide("nodesInject", { timelineItems: state.timelineItems, nodes: state.nodes, props });
   watch(

package/timeline-item/index.js

@@ -9,7 +9,7 @@ const getStatus = ({ state, t }) => (value) => {
   return status > 0 ? t("ui.steps.done") : status === 0 ? t("ui.steps.doing") : t("ui.steps.wait");
 };
 const computedWidth = () => (width) => {
-  return /^\d+$/.test(width) ? `${width}px` : width;
+  return /^\d+$/.test(String(width)) ? `${width}px` : width || "";
 };
 const handleClick = ({ emit, state }) => (node) => {
   const { index } = node || {};
@@ -39,6 +39,9 @@ const computedItemCls = ({ props, api, state }) => () => {
   const itemClass = [];
   if (api.rootProps.vertical) {
     itemClass.push("timeline");
+    if (props.node.type) {
+      itemClass.push(`timeline-item--${props.node.type}`);
+    }
   } else {
     itemClass.push("normal");
   }
@@ -53,7 +56,7 @@ const computedItemStyle = ({ props, state, api }) => () => {
   const { computedSpace, nodesLength } = state;
   const { textPosition, vertical } = api.rootProps;
   if (vertical) {
-    return { height: index === nodesLength - 1 ? "" : computedSpace || "88px" };
+    return { height: index === nodesLength - 1 ? "" : computedSpace };
   }
   if (textPosition === "right") {
     if (computedSpace && !state.computedLineWidth) {

package/tree/index.js

@@ -176,6 +176,22 @@ const dragEnd = ({ state, emit }) => (event2) => {
   dragState.allowDrop = true;
   dragState.showDropIndicator = false;
 };
+const afterLoadHandler = ({ state, emit, props, api }) => (params) => {
+  const { lazy, afterLoad, showRadio } = props;
+  state.loaded = true;
+  if (lazy) {
+    if (state.root) {
+      state.root.childNodes = [...state.root.childNodes];
+    }
+    if (showRadio) {
+      api.setCurrentRadio();
+    }
+  }
+  emit("load-data", params);
+  if (typeof afterLoad === "function") {
+    afterLoad(params);
+  }
+};
 const initTreeStore = ({ api, props, state, emit }) => () => {
   const { nodeKey, data, lazy, load, afterLoad, currentNodeKey, checkStrictly, checkDescendants } = props;
   const { defaultCheckedKeys, defaultExpandedKeys, autoExpandParent, defaultExpandAll, filterNodeMethod } = props;
@@ -185,12 +201,7 @@ const initTreeStore = ({ api, props, state, emit }) => () => {
     lazy,
     props: props.props,
     load,
-    afterLoad(params) {
-      !state.loaded && (state.loaded = true);
-      lazy && state.root && (state.root.childNodes = [...state.root.childNodes]);
-      emit("load-data", params);
-      afterLoad && afterLoad(params);
-    },
+    afterLoad: afterLoadHandler({ api, emit, props, state }),
     currentNodeKey,
     checkStrictly,
     checkDescendants,

package/types/date-picker.type.d.mts

@@ -28,7 +28,7 @@ declare const $constants: {
 };
 declare const datePickerProps: {
     type: {
-        type: PropType<"date" | "dates" | "year" | "years" | "yearrange" | "month" | "week" | "daterange" | "datetimerange" | "monthrange" | "datetime">;
+        type: PropType<"date" | "dates" | "daterange" | "week" | "month" | "monthrange" | "year" | "years" | "yearrange" | "datetime" | "datetimerange">;
         default: string;
     };
     _constants: {

package/types/{dropdown-item.type-e59174b8.d.ts → dropdown-item.type-77f0c8c5.d.ts}

@@ -256,9 +256,7 @@ declare const getTip: ({ props, vm }: Pick<IDropdownItemRenderlessParams, 'props
 type IDropdownItemVm = ComponentPublicInstance & {
     type: string;
     toggle: (value: boolean, options?: object) => void;
-    state: {
-        showPopup: boolean;
-    };
+    state: IDropdownItemState;
 } & IDropdownItemProps;
 type IDropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
 type IDropdownItemConstants = typeof $constants;

package/types/dropdown-item.type.d.mts

@@ -1,4 +1,4 @@
 import 'vue';
-export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-e59174b8.js';
+export { k as IDropdownItemApi, i as IDropdownItemConstants, q as IDropdownItemMfDataStore, p as IDropdownItemOptionStyle, h as IDropdownItemProps, m as IDropdownItemRenderlessParamUtils, l as IDropdownItemRenderlessParams, j as IDropdownItemState, n as IDropdownItemStyle, o as IDropdownItemTag, g as IDropdownItemVm } from './dropdown-item.type-77f0c8c5.js';
 import './shared.type.mjs';
 import './dropdown.type.mjs';

package/types/dropdown-menu.type.d.mts

@@ -1,4 +1,4 @@
 import 'vue';
-export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-e59174b8.js';
+export { b as IDropdownMenuApi, e as IDropdownMenuPopperParams, I as IDropdownMenuProps, d as IDropdownMenuRenderlessParamUtils, c as IDropdownMenuRenderlessParams, a as IDropdownMenuState, f as IDropdownMenuVm } from './dropdown-item.type-77f0c8c5.js';
 import './shared.type.mjs';
 import './dropdown.type.mjs';

package/types/{time-line.type-4a01d597.d.ts → time-line.type-5f76ecc2.d.ts}

@@ -1,4 +1,5 @@
 import { ExtractPropTypes } from 'vue';
+import { PropType } from '@opentiny/vue-common';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
 
 declare const $constants$1: {
@@ -10,6 +11,7 @@ declare const $constants$1: {
     STACK_NODES_MAX: number;
     LIMITED_STACK_NODES: number;
 };
+type ShapeType = 'circle' | 'dot';
 declare const timelineProps: {
     _constants: {
         type: ObjectConstructor;
@@ -88,6 +90,10 @@ declare const timelineProps: {
         type: (StringConstructor | NumberConstructor)[];
         default: string;
     };
+    shape: {
+        type: PropType<ShapeType>;
+        default: string;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -96,6 +102,22 @@ declare const timelineProps: {
     tiny_chart_theme: ObjectConstructor;
 };
 
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+
+declare const toggleFold: ({ props }: {
+    props: any;
+}) => (node: ITimelineItem) => boolean;
+
 declare const $constants: {
     PROCESS_DONE_CLS: string;
     PROCESS_CUR_CLS: string;
@@ -155,7 +177,7 @@ declare const getDate: (dateTime: string) => {
     time: string;
 };
 declare const getStatus: ({ state, t }: Pick<ITimelineItemRenderlessParams, 'state' | 't'>) => (value: number) => string;
-declare const computedWidth: () => (width: string | number) => string;
+declare const computedWidth: () => (width: string | number) => string | number;
 declare const handleClick: ({ emit, state }: Pick<ITimelineItemRenderlessParams, 'emit' | 'state'>) => (node: ITimelineItem) => void;
 declare const getStatusCls: ({ constants, state }: Pick<ITimelineItemRenderlessParams, 'constants' | 'state'>) => (node: ITimelineItem) => ITimelineStatusCls;
 declare const computedCurrent: ({ state, api }: Pick<ITimelineItemRenderlessParams, 'state' | 'api'>) => () => number;
@@ -182,6 +204,7 @@ declare const computedItemStyle: ({ props, state, api }: Pick<ITimelineItemRende
 type ITimelineItemProps = ExtractPropTypes<typeof timelineItemProps>;
 type ITimelineItemConstants = typeof $constants;
 type ITimelineItemRenderlessParamUtils = ISharedRenderlessParamUtils<ITimelineItemConstants>;
+type TimelineItemType = 'primary' | 'success' | 'warning' | 'error' | 'info';
 interface ITimelineItemState {
     nodesLength: number;
     current: number;
@@ -217,6 +240,8 @@ interface ITimelineItem {
     time: string;
     error: boolean;
     disabled: boolean;
+    type: TimelineItemType;
+    fold?: boolean;
 }
 interface ITimelineInject {
     timelineItems: ITimelineItem[];
@@ -264,6 +289,7 @@ interface ITimelineApi {
     computedStackNodes: () => ITimelineItem[];
     changeStatus: () => boolean;
     computedWrapperClass: () => ITimelineCustomCls;
+    toggleFold: ReturnType<typeof toggleFold>;
 }
 type ITimelineRenderlessParams = ISharedRenderlessFunctionParams<ITimelineConstants> & {
     api: ITimelineApi;
@@ -277,4 +303,4 @@ type ITimelineCustomCls = (string | {
     [key: string]: boolean;
 })[];
 
-export { ITimelineItemProps as I, ITimelineItemConstants as a, ITimelineItemRenderlessParamUtils as b, ITimelineItemState as c, ITimelineItemApi as d, ITimelineItemRenderlessParams as e, ITimelineItem as f, ITimelineInject as g, ITimelineProps as h, ITimelineConstants as i, ITimelineRenderlessParamUtils as j, ITimelineState as k, ITimelineApi as l, ITimelineRenderlessParams as m, ITimelineStatusCls as n, ITimelineCustomCls as o };
+export { ITimelineItemProps as I, TimelineItemType as T, ITimelineItemConstants as a, ITimelineItemRenderlessParamUtils as b, ITimelineItemState as c, ITimelineItemApi as d, ITimelineItemRenderlessParams as e, ITimelineItem as f, ITimelineInject as g, ITimelineProps as h, ITimelineConstants as i, ITimelineRenderlessParamUtils as j, ITimelineState as k, ITimelineApi as l, ITimelineRenderlessParams as m, ITimelineStatusCls as n, ITimelineCustomCls as o };

package/types/time-line.type.d.mts

@@ -1,3 +1,4 @@
 import 'vue';
-export { l as ITimelineApi, i as ITimelineConstants, o as ITimelineCustomCls, h as ITimelineProps, j as ITimelineRenderlessParamUtils, m as ITimelineRenderlessParams, k as ITimelineState, n as ITimelineStatusCls } from './time-line.type-4a01d597.js';
+export { l as ITimelineApi, i as ITimelineConstants, o as ITimelineCustomCls, h as ITimelineProps, j as ITimelineRenderlessParamUtils, m as ITimelineRenderlessParams, k as ITimelineState, n as ITimelineStatusCls } from './time-line.type-5f76ecc2.js';
 import './shared.type.mjs';
+import '@opentiny/vue-common';

package/types/timeline-item.type.d.mts

@@ -1,3 +1,4 @@
 import 'vue';
-export { g as ITimelineInject, f as ITimelineItem, d as ITimelineItemApi, a as ITimelineItemConstants, I as ITimelineItemProps, b as ITimelineItemRenderlessParamUtils, e as ITimelineItemRenderlessParams, c as ITimelineItemState } from './time-line.type-4a01d597.js';
+export { g as ITimelineInject, f as ITimelineItem, d as ITimelineItemApi, a as ITimelineItemConstants, I as ITimelineItemProps, b as ITimelineItemRenderlessParamUtils, e as ITimelineItemRenderlessParams, c as ITimelineItemState, T as TimelineItemType } from './time-line.type-5f76ecc2.js';
 import './shared.type.mjs';
+import '@opentiny/vue-common';