@opentiny/vue-renderless 3.8.0 → 3.8.2

package/button-group/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
-import { handleClick } from "./index";
+import { handleClick, moreNodeClick } from "./index";
 const api = ["state", "handleClick", "moreNodeClick"];
-const renderless = (props, { computed, reactive, watch, inject }, { emit, parent }) => {
+function renderless(props, { computed, reactive, watch, inject }, { emit, parent }) {
   var _a, _b;
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
@@ -28,10 +28,11 @@ const renderless = (props, { computed, reactive, watch, inject }, { emit, parent
   );
   const api2 = {
     state,
-    handleClick: handleClick({ emit, props, state })
+    handleClick: handleClick({ emit, props, state }),
+    moreNodeClick: moreNodeClick({ emit, props, state })
   };
   return api2;
-};
+}
 export {
   api,
   renderless

package/common/deps/vue-popper.js

@@ -24,11 +24,11 @@ const getReferMaxZIndex = (reference) => {
   let getZIndex = (dom) => parseInt(window.getComputedStyle(dom).zIndex, 10) || 0;
   let max = getZIndex(reference);
   let z;
-  do {
+  while (reference !== document.body && ((_a = reference == null ? void 0 : reference.parentNode) == null ? void 0 : _a.nodeType) !== 11 && reference.parentNode) {
     reference = reference.parentNode;
     z = getZIndex(reference);
-    max = z > max ? z : max;
-  } while (reference !== document.body && ((_a = reference == null ? void 0 : reference.parentNode) == null ? void 0 : _a.nodeType) !== 11 && reference.parentNode);
+    max = Math.max(z, max);
+  }
   return `${max + 1}`;
 };
 const appendPopper = ({ options, props, state, parent }) => {

package/common/index.js

@@ -251,7 +251,7 @@ const EDOC = {
   constants: 320,
   twenty: 20
 };
-const version = "3.8.0";
+const version = "3.8.2";
 const log = (data, type = "log") => {
   uLog.logger[type](data);
 };

package/common/runtime.js

@@ -22,7 +22,7 @@ import vuePopup from "./deps/vue-popup";
 import validate from "./validate";
 import memorize from "./deps/memorize";
 import * as common from ".";
-const version = "3.8.0";
+const version = "3.8.2";
 const Renderless = {
   browser,
   array,

package/dropdown/vue.js

@@ -20,7 +20,7 @@ import {
   beforeDistory
 } from "./index";
 const api = ["state", "handleMainButtonClick", "hide", "show", "initDomOperation", "handleClick"];
-const renderless = (props, { reactive, watch, provide, onMounted }, { emit, parent, broadcast, vm, nextTick }) => {
+const renderless = (props, { reactive, watch, provide, onMounted }, { emit, parent, broadcast, vm, nextTick, designConfig }) => {
   const api2 = {};
   const state = reactive({
     visible: false,
@@ -30,7 +30,8 @@ const renderless = (props, { reactive, watch, provide, onMounted }, { emit, pare
     menuItemsArray: null,
     triggerElm: null,
     dropdownElm: null,
-    listId: `dropdown-menu-${guid()}`
+    listId: `dropdown-menu-${guid()}`,
+    designConfig
   });
   provide("dropdown", vm);
   Object.assign(api2, {

package/dropdown-item/index.js

@@ -95,6 +95,9 @@ const handleClick = ({ props, dispatch, vm, emit }) => (event) => {
   emit("item-click", data);
   dispatch("TinyDropdown", "menu-item-click", data);
 };
+const computedGetIcon = ({ constants, designConfig }) => (name = "leftWardArrow") => {
+  return (designConfig == null ? void 0 : designConfig.icons[name]) || (constants == null ? void 0 : constants.ICON_MAP[name]);
+};
 export {
   bindScroll,
   clickItem,
@@ -102,6 +105,7 @@ export {
   clickWrapper,
   close,
   closed,
+  computedGetIcon,
   confirm,
   getItemStyle,
   getOptionStyle,

package/dropdown-item/vue.js

@@ -16,7 +16,8 @@ import {
   clickItem,
   clickWrapper,
   getItemStyle,
-  handleClick
+  handleClick,
+  computedGetIcon
 } from "./index";
 const api = [
   "state",
@@ -51,11 +52,12 @@ const initState = ({ reactive, computed, api: api2, props, parent, dropdownMenu
     closeOnClickOverlay: computed(() => parent.closeOnClickOverlay),
     children: [],
     textField: (dropdownMenu == null ? void 0 : dropdownMenu.textField) || props.textField,
-    popperClass: (dropdownMenu == null ? void 0 : dropdownMenu.popperClass) || ""
+    popperClass: (dropdownMenu == null ? void 0 : dropdownMenu.popperClass) || "",
+    getIcon: computed(() => api2.computedGetIcon())
   });
   return state;
 };
-const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm }) => {
+const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm, constants, designConfig }) => {
   Object.assign(api2, {
     state,
     open: open(emit),
@@ -74,10 +76,11 @@ const initApi = ({ api: api2, state, emit, props, parent, dispatch, vm }) => {
     getItemStyle: getItemStyle({ parent, state }),
     bindScroll: bindScroll({ api: api2, parent }),
     confirm: confirm({ emit, props, state }),
-    handleClick: handleClick({ props, dispatch, vm, emit })
+    handleClick: handleClick({ props, dispatch, vm, emit }),
+    computedGetIcon: computedGetIcon({ constants, designConfig })
   });
 };
-const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode }) => {
+const renderless = (props, { computed, reactive, watch, inject }, { parent, emit, vm, dispatch, mode, constants, designConfig }) => {
   const api2 = {};
   const dropdownMenu = inject("dropdownMenu", null);
   if (mode === "mobile") {
@@ -85,7 +88,7 @@ const renderless = (props, { computed, reactive, watch, inject }, { parent, emit
   }
   parent = parent.$parent;
   const state = initState({ reactive, computed, api: api2, props, parent, dropdownMenu });
-  initApi({ api: api2, state, emit, props, parent, dispatch, vm });
+  initApi({ api: api2, state, emit, props, parent, dispatch, vm, constants, designConfig });
   watch(() => state.showPopup, api2.bindScroll);
   return api2;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.8.0",
+  "version": "3.8.2",
   "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/pager/vue.js

@@ -0,0 +1,10 @@
+import "../chunk-PKUHTIDK.js";
+const api = [];
+function renderless() {
+  const api2 = {};
+  return api2;
+}
+export {
+  api,
+  renderless
+};

package/select/index.js

@@ -1227,6 +1227,9 @@ const computeMultipleLimit = ({ props, state }) => () => {
   const { optimizeOpts, optimizeStore } = state;
   return optmzApis.natural(multiple && optimizeStore.flag ? multipleLimit || optimizeOpts.limit : multipleLimit);
 };
+const computedGetIcon = ({ constants, designConfig }) => (name = "downWard") => {
+  return (designConfig == null ? void 0 : designConfig.icons[name]) || (constants == null ? void 0 : constants.ICON_MAP[name]);
+};
 export {
   blur,
   buildRadioConfig,
@@ -1236,6 +1239,7 @@ export {
   computeCollapseTags,
   computeMultipleLimit,
   computeOptimizeOpts,
+  computedGetIcon,
   debouncRquest,
   defaultOnQueryChange,
   deletePrevTag,

package/select/vue.js

@@ -74,7 +74,8 @@ import {
   getScrollListener,
   computeCollapseTags,
   computeMultipleLimit,
-  resetFilter
+  resetFilter,
+  computedGetIcon
 } from "./index";
 import { BROWSER_NAME } from "../common";
 import browserInfo from "../common/browser";
@@ -215,11 +216,12 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     collapseTags: computed(() => api2.computeCollapseTags()),
     multipleLimit: computed(() => api2.computeMultipleLimit()),
     isSelectAll: computed(() => state.selectCls === "checked-sur"),
-    isHalfSelect: computed(() => state.selectCls === "halfselect")
+    isHalfSelect: computed(() => state.selectCls === "halfselect"),
+    getIcon: computed(() => api2.computedGetIcon())
   }));
   return state;
 };
-const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm }) => {
+const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm, designConfig }) => {
   Object.assign(api2, {
     resetInputHeight: resetInputHeight({ api: api2, constants, nextTick, props, refs, state }),
     calcOverFlow: calcOverFlow({ refs, props, state }),
@@ -256,10 +258,25 @@ const addApi = ({ api: api2, props, state, refs, emit, constants, parent, nextTi
     mounted: mounted({ api: api2, parent, state, props, refs }),
     unMount: unMount({ api: api2, parent, refs, state }),
     watchOptimizeOpts: watchOptimizeOpts({ api: api2, props, refs, state }),
-    resetFilter: resetFilter({ state, api: api2 })
+    resetFilter: resetFilter({ state, api: api2 }),
+    computedGetIcon: computedGetIcon({ constants, designConfig })
   });
 };
-const initApi = ({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm }) => {
+const initApi = ({
+  api: api2,
+  props,
+  state,
+  refs,
+  emit,
+  maskState,
+  constants,
+  parent,
+  nextTick,
+  dispatch,
+  t,
+  vm,
+  designConfig
+}) => {
   Object.assign(api2, {
     state,
     maskState,
@@ -306,7 +323,7 @@ const initApi = ({ api: api2, props, state, refs, emit, maskState, constants, pa
     computeCollapseTags: computeCollapseTags(props),
     computeMultipleLimit: computeMultipleLimit({ props, state })
   });
-  addApi({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm });
+  addApi({ api: api2, props, state, refs, emit, constants, parent, nextTick, dispatch, vm, designConfig });
 };
 const addWatch = ({ watch, props, api: api2, state }) => {
   watch(() => [...state.options], api2.watchOptions);
@@ -354,13 +371,13 @@ const initWatch = ({ watch, props, api: api2, state, nextTick, refs }) => {
   );
   addWatch({ watch, props, api: api2, state });
 };
-const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, watch, provide }, { vm, refs, parent, emit, constants, nextTick, dispatch, t, emitter }) => {
+const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, watch, provide }, { vm, refs, parent, emit, constants, nextTick, dispatch, t, emitter, designConfig }) => {
   const api2 = {};
   const state = initState({ reactive, computed, props, api: api2, emitter, parent, constants });
   provide("selectEmitter", state.selectEmitter);
   provide("selectVm", vm);
   const maskState = reactive({ width: "", height: "", top: "" });
-  initApi({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm });
+  initApi({ api: api2, props, state, refs, emit, maskState, constants, parent, nextTick, dispatch, t, vm, designConfig });
   initWatch({ watch, props, api: api2, state, nextTick, refs });
   onMounted(api2.mounted);
   onBeforeUnmount(api2.unMount);

package/tab-item/index.js

@@ -1,5 +1,5 @@
 import "../chunk-PKUHTIDK.js";
-const computedIsClosable = ({ parent, props }) => () => props.withClose || parent.withClose;
+const computedIsClosable = ({ rootTabs, props }) => () => props.withClose || rootTabs.withClose;
 const computedActive = ({ nextTick, props, state }) => () => {
   const active = state.rootTabs.state.currentName === (props.name || state.index);
   if (active) {

package/tab-item/vue.js

@@ -2,15 +2,16 @@ import "../chunk-PKUHTIDK.js";
 import { computedIsClosable, computedActive, computedPaneName, watchTitle } from "./index";
 const api = ["state"];
 const renderless = (props, { computed, inject, reactive, watch }, { parent, nextTick }) => {
+  const rootTabs = inject("rootTabs");
   const api2 = {
     watchTitle: watchTitle(parent),
-    computedIsClosable: computedIsClosable({ parent, props })
+    computedIsClosable: computedIsClosable({ rootTabs, props })
   };
   const state = reactive({
     index: null,
     loaded: false,
     animateShow: true,
-    rootTabs: inject("rootTabs"),
+    rootTabs,
     active: computed(() => api2.computedActive()),
     paneName: computed(() => api2.computedPaneName()),
     isClosable: computed(() => api2.computedIsClosable())

package/tooltip/vue.js

@@ -51,7 +51,7 @@ const initState = ({ reactive, showPopper, popperElm, referenceElm, props, markR
 });
 const renderless = (props, { watch, toRefs, reactive, onBeforeUnmount, onDeactivated, onMounted, onUnmounted, markRaw, inject }, { vm, emit, refs, slots, nextTick, parent }) => {
   const api2 = {};
-  const popperParam = { emit, props, nextTick, toRefs, reactive, parent, refs };
+  const popperParam = { emit, props, nextTick, toRefs, reactive, parent: parent.$parent, refs };
   const popperVmRef = {};
   Object.assign(popperParam, { slots, onBeforeUnmount, onDeactivated, watch });
   const { showPopper, updatePopper, popperElm, referenceElm, doDestroy } = userPopper(popperParam);