@opentiny/vue-renderless 3.11.3 → 3.11.4

package/common/deps/tree-model/node.js

@@ -4,6 +4,7 @@ import { markNodeData, NODE_KEY } from "./util";
 import { indexOf } from "../../array";
 import { hasOwn, typeOf } from "../../type";
 const defaultChildrenKey = "children";
+const defaultIsLeafKey = "isLeaf";
 const getPropertyFromData = (node, prop) => {
   const props = node.store.props;
   const dataData = node.data || {};
@@ -66,7 +67,7 @@ class Node {
     store.registerNode(this);
     const props = store.props;
     if (props && typeof props.isLeaf !== "undefined") {
-      const isLeaf = getPropertyFromData(this, "isLeaf");
+      const isLeaf = getPropertyFromData(this, defaultIsLeafKey);
       if (typeof isLeaf === "boolean") {
         this.isLeafByUser = isLeaf;
       }
@@ -93,12 +94,14 @@ class Node {
       this.setData(data);
       if (store.defaultExpandAll) {
         this.expanded = true;
+        this.updateMethod(this, "expanded");
       }
     } else if (level > 0 && store.lazy && store.defaultExpandAll) {
       this.expand();
     }
   }
   init(options) {
+    var _a, _b;
     this.id = nodeIdSeed++;
     this.checked = false;
     this.indeterminate = false;
@@ -108,19 +111,19 @@ class Node {
     this.text = null;
     this.data = null;
     this.parent = null;
+    this.updateMethod = () => {
+    };
     Object.keys(options).forEach((key) => {
       if (hasOwn.call(options, key)) {
         this[key] = options[key];
       }
     });
-    this.isLeaf = !!(this.data && this.data.isLeaf);
+    const isLeafKey = ((_b = (_a = this.store) == null ? void 0 : _a.props) == null ? void 0 : _b.isLeaf) || defaultIsLeafKey;
+    this.isLeaf = !!(this.data && this.data[isLeafKey]);
     this.loaded = false;
     this.loading = false;
     this.childNodes = [];
-    this.level = 0;
-    if (this.parent) {
-      this.level = this.parent.level + 1;
-    }
+    this.level = this.parent ? this.parent.level + 1 : 0;
   }
   expandByDefaultKeys() {
     const { defaultExpandedKeys, key, autoExpandParent } = this.store;
@@ -273,10 +276,12 @@ class Node {
         let parentNode = this.parent;
         while (parentNode.level > 0) {
           parentNode.expanded = true;
+          parentNode.updateMethod(parentNode, "expanded");
           parentNode = parentNode.parent;
         }
       }
       this.expanded = true;
+      this.updateMethod(this, "expanded");
       callback && callback();
     };
     if (this.shouldLoadData()) {
@@ -301,6 +306,7 @@ class Node {
   }
   collapse() {
     this.expanded = false;
+    this.updateMethod(this, "expanded");
   }
   shouldLoadData() {
     return this.store.lazy === true && this.store.load && !this.loaded;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.11.3",
+  "version": "3.11.4",
   "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/picker/index.js

@@ -8,6 +8,7 @@ import userPopper from "../common/deps/vue-popper";
 import { DATEPICKER } from "../common";
 import { formatDate, parseDate, isDateObject, getWeekNumber } from "../common/deps/date-util";
 import { extend } from "../common/object";
+import { isFunction } from "../common/type";
 import globalTimezone from "./timezone";
 const iso8601Reg = /^\d{4}-\d{2}-\d{2}(.)\d{2}:\d{2}:\d{2}(.+)$/;
 const getPanel = ({ DatePanel, DateRangePanel, MonthRangePanel, YearRangePanel, TimePanel, TimeRangePanel, TimeSelect }) => (type) => {
@@ -513,10 +514,13 @@ const handleKeydown = ({ api, state }) => (event) => {
     state.picker.handleKeydown(event);
   }
 };
-const hidePicker = ({ state }) => () => {
+const hidePicker = ({ state, doDestroy }) => () => {
   if (state.picker) {
     state.picker.resetView && state.picker.resetView();
     state.pickerVisible = state.picker.visible = state.picker.state.visible = false;
+    if (isFunction(doDestroy)) {
+      doDestroy();
+    }
   }
 };
 const showPicker = ({ api, nextTick, updatePopper, state }) => () => {

package/picker/vue.js

@@ -120,13 +120,13 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent })
 const initApi = ({ api: api2, props, hooks, state, vnode, others, utils }) => {
   const { t, emit, dispatch, nextTick, vm } = vnode;
   const { TimePanel, TimeRangePanel } = others;
-  const { destroyPopper, popperElm, updatePopper } = initPopper({ props, hooks, vnode });
+  const { destroyPopper, popperElm, updatePopper, doDestroy } = initPopper({ props, hooks, vnode });
   state.popperElm = popperElm;
   state.picker = null;
   Object.assign(api2, {
     destroyPopper,
     emitDbTime: emitDbTime({ emit, state, t }),
-    hidePicker: hidePicker({ state }),
+    hidePicker: hidePicker({ state, doDestroy }),
     handleSelectChange: ({ tz, date }) => emit("select-change", { tz, date }),
     getPanel: getPanel(others),
     handleFocus: handleFocus({ emit, vm, state }),

package/tabs/index.js

@@ -32,13 +32,7 @@ const calcPaneInstances = ({
     state.panes = [];
   }
 };
-const calcMorePanes = ({
-  parent,
-  props,
-  state,
-  refs,
-  nextTick
-}) => () => {
+const calcMorePanes = ({ parent, props, state, refs }) => () => {
   if (!props.showMoreTabs) {
     return;
   }
@@ -46,25 +40,21 @@ const calcMorePanes = ({
   const tabs = el.querySelectorAll(".tiny-tabs__item");
   const tabNavRefs = refs.nav.$refs;
   if (tabs && tabs.length) {
-    nextTick(() => {
-      nextTick(() => {
-        let tabsAllWidth = 0;
-        for (let i = 0; i < tabs.length; i++) {
-          const tabItem = tabs[i];
-          tabsAllWidth = tabItem.offsetLeft + tabItem.offsetWidth / 2;
-          const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth;
-          const currentName = Number(state.currentName);
-          if (tabsAllWidth > tabsHeaderWidth && currentName >= 0) {
-            if (currentName >= i + 1) {
-              state.showPanesCount = currentName - 0;
-            } else {
-              state.showPanesCount = i;
-            }
-            break;
-          }
+    let tabsAllWidth = 0;
+    for (let i = 0; i < tabs.length; i++) {
+      const tabItem = tabs[i];
+      tabsAllWidth = tabItem.offsetLeft + tabItem.offsetWidth / 2;
+      const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth;
+      const currentName = Number(state.currentName || 0);
+      if (tabsAllWidth > tabsHeaderWidth && currentName >= 0) {
+        if (currentName >= i + 1) {
+          state.showPanesCount = currentName - 0;
+        } else {
+          state.showPanesCount = i;
         }
-      });
-    });
+        break;
+      }
+    }
   }
 };
 const calcExpandPanes = ({ parent, props, state }) => () => {

package/tabs/vue.js

@@ -79,7 +79,7 @@ const renderless = (props, { onMounted, onUpdated, provide, reactive, watch }, {
     handleTabRemove: handleTabRemove(emit),
     changeDirection: changeDirection({ props, state }),
     changeCurrentName: changeCurrentName({ emit, state }),
-    calcMorePanes: calcMorePanes({ parent, props, state, refs, nextTick }),
+    calcMorePanes: calcMorePanes({ parent, props, state, refs }),
     calcExpandPanes: calcExpandPanes({ parent, props, state }),
     calcPaneInstances: calcPaneInstances({ constants, parent, state, childrenHandler }),
     handleTabDragStart: handleTabDragStart({ emit }),

package/tree/vue.js

@@ -126,7 +126,7 @@ const initState = ({ reactive, emitter, props, computed, api: api2 }) => {
     treeItems: null,
     currentNode: null,
     checkboxItems: [],
-    isEmpty: false,
+    isEmpty: computed(() => api2.computedIsEmpty(props, state)),
     emitter: emitter(),
     expandIcon: props.expandIcon,
     shrinkIcon: props.shrinkIcon,
@@ -231,14 +231,7 @@ const initWatcher = ({ watch, props, api: api2, state }) => {
     (value) => state.action.addDisabled = value || [],
     { immediate: true }
   );
-  watch(
-    () => state.root,
-    () => {
-      state.isEmpty = api2.computedIsEmpty(props, state);
-      api2.initPlainNodeStore();
-    },
-    { deep: true }
-  );
+  watch(() => state.root, api2.initPlainNodeStore, { deep: true });
 };
 const renderless = (props, { computed, onMounted, onUpdated, reactive, watch, provide, onBeforeUnmount }, { vm, t, emit, constants, broadcast, dispatch, service, emitter, nextTick }) => {
   const api2 = {};

package/tree-node/index.js

@@ -201,9 +201,9 @@ const onSiblingToggleExpand = ({ state, props }) => ({ isExpand, sibling }) => {
     props.node.collapse();
   }
 };
-const watchExpandedChange = ({ state, props }) => (value) => {
+const watchExpandedChange = ({ state, props }) => () => {
   state.parentEmitter.emit("sibling-node-toggle-expand", {
-    isExpand: value,
+    isExpand: props.node.expanded,
     sibling: props.node
   });
 };

package/tree-node/vue.js

@@ -1,4 +1,5 @@
 import "../chunk-G2ADBYYC.js";
+import debounce from "../common/deps/debounce";
 import {
   created,
   handleDragEnd,
@@ -74,7 +75,7 @@ const initApi = ({ api: api2, state, dispatch, broadcast, vm, props, parent, tre
     state,
     dispatch,
     broadcast,
-    watchExpanded: watchExpanded({ state }),
+    watchExpanded: debounce(20, watchExpanded({ state })),
     created: created({ props, state }),
     getNodeKey: getNodeKey(state),
     closeMenu: closeMenu(state),
@@ -108,7 +109,7 @@ const initWatcher = ({ watch, state, api: api2, props }) => {
   watch(() => props.node.checked, api2.watchChecked, { deep: true });
   watch(() => props.node.expanded, api2.watchExpanded, { deep: true });
 };
-const renderless = (props, { reactive, watch, inject, provide, computed }, { parent: parentVm, vm, nextTick, emit, broadcast, dispatch, emitter, designConfig }) => {
+const renderless = (props, { reactive, watch, inject, provide, computed }, { parent: parentVm, vm, nextTick, emit, broadcast, dispatch, emitter, designConfig }, { isVue2 }) => {
   const api2 = {};
   const parent = inject("parentTree") || parentVm;
   const treeRoot = inject("TreeRoot");
@@ -125,6 +126,11 @@ const renderless = (props, { reactive, watch, inject, provide, computed }, { par
         props.node.updateChildren();
       }
     );
+    if (!isVue2) {
+      props.node.updateMethod = (node, field) => {
+        field === "expanded" && api2.watchExpanded(node[field]);
+      };
+    }
   });
   state.parentEmitter.on("closeMenu", () => {
     api2.closeMenu();

package/types/checkbox.type.d.mts

@@ -18,10 +18,10 @@ declare const checkboxProps: {
         };
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     };
     label: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: string;
     };
     indeterminate: BooleanConstructor;

package/types/collapse.type.d.mts

@@ -24,7 +24,7 @@ declare const collapseProps: {
     accordion: BooleanConstructor;
     beforeClose: FunctionConstructor;
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: () => never[];
     };
     tiny_mode: StringConstructor;

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

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

package/types/file-upload.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-aa21a42e.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';

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

@@ -1,3 +1,3 @@
 import 'vue';
-export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-004ecf93.js';
+export { i as IFormItemApi, f as IFormItemConstants, I as IFormItemDisplayedValueParam, k as IFormItemInstance, c as IFormItemLabelStyle, g as IFormItemProps, j as IFormItemRenderlessParamUtils, h as IFormItemRenderlessParams, d as IFormItemRule, e as IFormItemState, b as IFormItemTrigger, a as IFormItemValidateStatus } from './form.type-1e2e9272.js';
 import './shared.type.mjs';

package/types/{form.type-004ecf93.d.ts → form.type-1e2e9272.d.ts}

@@ -126,7 +126,7 @@ declare const formItemProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    rules: (ArrayConstructor | ObjectConstructor)[];
+    rules: (ObjectConstructor | ArrayConstructor)[];
     showMessage: {
         type: BooleanConstructor;
         default: boolean;

package/types/form.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-004ecf93.js';
+export { p as IFormApi, r as IFormInstance, n as IFormProps, q as IFormRenderlessParamUtils, o as IFormRenderlessParams, l as IFormRules, m as IFormState } from './form.type-1e2e9272.js';
 import './shared.type.mjs';

package/types/milestone.type.d.mts

@@ -69,7 +69,7 @@ declare const milestoneProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: NumberConstructor;
     start: {
         type: NumberConstructor;

package/types/popeditor.type.d.mts

@@ -60,7 +60,7 @@ declare const popeditorProps: {
         };
     };
     modelValue: {
-        type: (ArrayConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | ArrayConstructor | NumberConstructor)[];
         default: string;
     };
     tabindex: {

package/types/popover.type.d.mts

@@ -67,7 +67,7 @@ declare const popoverProps: {
     maxHeight: {
         type: (StringConstructor | NumberConstructor)[];
     };
-    listData: (ArrayConstructor | ObjectConstructor)[];
+    listData: (ObjectConstructor | ArrayConstructor)[];
     genArrowByHtml: {
         type: BooleanConstructor;
         default: () => boolean;

package/types/progress.type.d.mts

@@ -92,7 +92,7 @@ declare const progressProps: {
         };
     };
     color: {
-        type: (ArrayConstructor | StringConstructor | FunctionConstructor)[];
+        type: (StringConstructor | FunctionConstructor | ArrayConstructor)[];
         default: string;
     };
     info: StringConstructor;

package/types/steps.type.d.mts

@@ -14,7 +14,7 @@ declare const stepsProps: {
         type: StringConstructor;
         default: string;
     };
-    data: (ArrayConstructor | ObjectConstructor)[];
+    data: (ObjectConstructor | ArrayConstructor)[];
     space: (StringConstructor | NumberConstructor)[];
     active: {
         type: NumberConstructor;

package/types/switch.type.d.mts

@@ -30,7 +30,7 @@ declare const switchProps: {
     };
     falseColor: StringConstructor;
     falseValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     mini: {
@@ -38,7 +38,7 @@ declare const switchProps: {
         default: boolean;
     };
     modelValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     size: (StringConstructor | NumberConstructor)[];
@@ -48,7 +48,7 @@ declare const switchProps: {
     };
     trueColor: StringConstructor;
     trueValue: {
-        type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: boolean;
     };
     beforeChange: FunctionConstructor;

package/types/tabs.type.d.mts

@@ -67,7 +67,7 @@ declare const tabsProps: {
  */
 
 declare const calcPaneInstances: ({ constants, parent, state, childrenHandler }: Pick<ITabsRenderlessParams, 'constants' | 'parent' | 'state' | 'childrenHandler'>) => (isForceUpdate?: boolean) => void;
-declare const calcMorePanes: ({ parent, props, state, refs, nextTick }: Pick<ITabsRenderlessParams, 'parent' | 'props' | 'state' | 'refs' | 'nextTick'>) => () => void;
+declare const calcMorePanes: ({ parent, props, state, refs }: Pick<ITabsRenderlessParams, 'parent' | 'props' | 'state' | 'refs'>) => () => void;
 declare const calcExpandPanes: ({ parent, props, state }: Pick<ITabsRenderlessParams, 'parent' | 'props' | 'state'>) => () => void;
 declare const handleTabClick: ({ api, emit, props, refs }: Pick<ITabsRenderlessParams, 'api' | 'emit' | 'props' | 'refs'>) => (pane: ITabsPane, tabName: string, event: Event) => void;
 declare const handleTabRemove: (emit: ITabsRenderlessParams['emit']) => (pane: ITabsPane, event: Event) => void;

package/types/upload-dragger.type.d.mts

@@ -1,10 +1,10 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.mjs';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-aa21a42e.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-b934f279.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];

package/types/{upload-list.type-aa21a42e.d.ts → upload-list.type-b934f279.d.ts}

@@ -316,7 +316,7 @@ declare const fileUploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     hwh5: ObjectConstructor;
     mode: {
         type: StringConstructor;
@@ -617,7 +617,7 @@ declare const uploadProps: {
         type: BooleanConstructor;
         default: boolean;
     };
-    customClass: (ArrayConstructor | StringConstructor | ObjectConstructor)[];
+    customClass: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
     handleTriggerClick: {
         type: FunctionConstructor;
         default: () => void;

package/types/upload-list.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-aa21a42e.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';

package/types/upload.type.d.mts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-aa21a42e.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-b934f279.js';
 import './shared.type.mjs';