@opentiny/vue-renderless 3.8.3 → 3.8.4

package/action-sheet/index.js

@@ -22,7 +22,7 @@ const setSheetStyle = ({ state, props }) => () => {
 const initScrollMenu = ({ state, nextTick, refs, BScroll }) => () => {
   nextTick(() => {
     const { scrollMenu } = refs;
-    if (state.scroll) {
+    if (!state.scroll) {
       state.scroll = new BScroll(scrollMenu, {
         probeType: 3,
         tap: "tap"

package/action-sheet/vue.js

@@ -1,6 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import { setSheetStyle, initScrollMenu, visibleHandle, watchVisible, menuHandle, close, selectOption, confirm, actionSelectOption, hide } from "./index";
-const api = ["state", "setSheetStyle", "initScrollMenu", "visibleHandle", "menuHandle", "close", "selectOption", "confirm", "actionSelectOption", "hide"];
+const api = ["state", "setSheetStyle", "initScrollMenu", "visibleHandle", "watchVisible", "menuHandle", "close", "selectOption", "confirm", "actionSelectOption", "hide"];
 const renderless = (props, { reactive, watch }, { emit, nextTick, refs, vm }, { BScroll }) => {
   const api2 = {};
   const state = reactive({
@@ -10,17 +10,6 @@ const renderless = (props, { reactive, watch }, { emit, nextTick, refs, vm }, {
     sheetContentStyle: {},
     scroll: null
   });
-  watch(
-    () => props.visible,
-    (value) => {
-      if (value) {
-        api2.setSheetStyle({ state, props });
-        api2.initScrollMenu({ state, nextTick, refs, BScroll });
-      }
-      api2.watchVisible(value);
-    }
-  );
-  watch(() => props.visible, api2.watchVisible, { immediate: true });
   Object.assign(api2, {
     state,
     setSheetStyle: setSheetStyle({ state, props }),
@@ -34,6 +23,17 @@ const renderless = (props, { reactive, watch }, { emit, nextTick, refs, vm }, {
     close: close({ emit, vm }),
     hide: hide(emit)
   });
+  watch(
+    () => props.visible,
+    (value) => {
+      if (value) {
+        api2.setSheetStyle({ state, props });
+        api2.initScrollMenu({ state, nextTick, refs, BScroll });
+      }
+      api2.watchVisible(value);
+    }
+  );
+  watch(() => props.visible, api2.watchVisible, { immediate: true });
   return api2;
 };
 export {

package/anchor/index.js

@@ -22,9 +22,7 @@ const setScrollContainer = ({ state, api, cb = null }) => {
   const currentContainer = api.getContainer();
   const { scrollContainer } = state;
   if (scrollContainer !== currentContainer) {
-    removeClass(scrollContainer, "tiny-anchor-scroll-container");
     state.scrollContainer = currentContainer;
-    addClass(currentContainer, "tiny-anchor-scroll-container");
     cb && cb();
   }
 };
@@ -51,7 +49,7 @@ const updateSkidPosition = ({ vm, state, emit }) => {
   }
 };
 const getCurrentAnchor = ({ vm, state, link, emit }) => {
-  if (state.currentLink === link) {
+  if (state.currentLink === link || state.isScroll) {
     return;
   }
   state.currentLink = link;
@@ -80,6 +78,13 @@ const setCurrentHash = (state) => {
   }
   return false;
 };
+const handleScroll = (state) => {
+  clearTimeout(state.scrollTimer);
+  state.scrollTimer = setTimeout(() => {
+    state.isScroll = false;
+    clearTimeout(state.scrollTimer);
+  }, 500);
+};
 const getContainer = ({ props }) => () => props.containerId ? document.querySelector(props.containerId) : document.body;
 const mounted = ({ vm, state, api }) => () => {
   setScrollContainer({ state, api });
@@ -94,6 +99,7 @@ const updated = ({ state, api }) => () => {
 const unmounted = ({ state }) => () => {
   const { intersectionObserver } = state;
   intersectionObserver.disconnect();
+  state.scrollContainer.removeEventListener("scroll", handleScroll(state));
 };
 const onItersectionObserver = ({ vm, state, props, emit }) => () => {
   const { expandLink, scrollContainer } = state;
@@ -121,6 +127,7 @@ const onItersectionObserver = ({ vm, state, props, emit }) => () => {
   addObserver({ props, state });
 };
 const linkClick = ({ state, vm, emit, props }) => (e, item) => {
+  state.isScroll = true;
   const { link, title } = item;
   const emitLink = { link, title };
   emit("linkClick", e, emitLink);
@@ -131,9 +138,10 @@ const linkClick = ({ state, vm, emit, props }) => (e, item) => {
   setMarkClass({ state, props });
   if (scrollContainer !== document.body && !isChangeHash) {
     const linkEl = scrollContainer.querySelector(item.link);
-    const top = linkEl.offsetTop;
+    const top = linkEl.offsetTop - scrollContainer.offsetTop;
     const param = { top, left: 0, behavior: "smooth" };
     scrollContainer.scrollTo(param);
+    scrollContainer.addEventListener("scroll", handleScroll(state));
   }
 };
 export {

package/anchor/vue.js

@@ -9,7 +9,9 @@ const renderless = (props, { onMounted, onUnmounted, onUpdated, reactive }, { vm
     expandLink: {},
     intersectionObserver: null,
     scrollContainer: null,
-    currentHash: ""
+    currentHash: "",
+    isScroll: false,
+    scrollTimer: null
   });
   Object.assign(api2, {
     state,

package/button-group/vue.js

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

package/common/index.js

@@ -251,7 +251,7 @@ const EDOC = {
   constants: 320,
   twenty: 20
 };
-const version = "3.8.3";
+const version = "3.8.5";
 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.3";
+const version = "3.8.5";
 const Renderless = {
   browser,
   array,

package/common/validate/util.js

@@ -2,6 +2,7 @@ import {
   __spreadValues
 } from "../../chunk-PKUHTIDK.js";
 import { hasOwn, isNull } from "../type";
+import { log } from "../xss";
 const formatRegExp = /%[sdj%]/g;
 let warning = () => void 0;
 function convertFieldsError(errors) {
@@ -138,7 +139,7 @@ function asyncMap(objArray, option, func, callback) {
       const flattenArr = flattenObjArr(objArray);
       asyncSerialArray(flattenArr, func, next);
     });
-    pending2.catch((error) => error);
+    pending2.catch((error) => log.logger.error(error));
     return pending2;
   }
   let firstFields = option.firstFields || [];
@@ -168,7 +169,7 @@ function asyncMap(objArray, option, func, callback) {
       }
     });
   });
-  pending.catch((e) => e);
+  pending.catch((error) => log.logger.error(error));
   return pending;
 }
 function complementError(rule) {

package/dropdown-item/mf.js

@@ -3,7 +3,7 @@ import { omitText } from "../common/string";
 const api = ["dataStore", "handleClick", "dataStore", "mouseEnter", "mouseLeave"];
 const renderless = (props, { reactive, inject }, { dispatch, vm }) => {
   const api2 = {};
-  const dropdownMenuVm = inject("dropdownMenuVm");
+  const dropdownMenuVm = inject("dropdownMenu");
   const multiStage = inject("multiStage");
   let dataStore = reactive({
     checkedStatus: dropdownMenuVm.checkedStatus,

package/file-upload/index.js

@@ -535,7 +535,6 @@ const handleRemove = ({ api, emit, props, state, constants }) => (file, raw) =>
     file = api.getFile(raw);
   }
   let doRemove = () => {
-    file.status = constants.FILE_STATUS.FAIL;
     api.abort(file);
     let fileList = state.uploadFiles;
     fileList.splice(fileList.indexOf(file), 1);

package/grid/utils/column.js

@@ -40,6 +40,7 @@ function setBasicProperty(column, context) {
   column.treeNode = context.treeNode;
   column.renderer = context.renderer;
   column.editor = context.editor;
+  column.operationConfig = context.operationConfig;
 }
 function ColumnConfig(context, { renderHeader, renderCell, renderData } = {}, config = {}) {
   setBasicProperty(this, context);

package/package.json

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

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

package/switch/vue.js

@@ -1,7 +1,7 @@
 import "../chunk-PKUHTIDK.js";
 import { toggle, computedWarpClasses, computedInnerClasses, computedStyle } from "./index";
 const api = ["toggle", "state"];
-const renderless = (props, { computed, watch, reactive, inject }, { parent, constants, mode, emit }) => {
+const renderless = (props, { computed, watch, reactive, inject }, { parent, constants, mode, emit, designConfig }) => {
   const prefixCls = constants.prefixcls(mode);
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const api2 = {
@@ -14,7 +14,14 @@ const renderless = (props, { computed, watch, reactive, inject }, { parent, cons
     style: computed(() => api2.computedStyle()),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
     disabled: computed(() => props.disabled || state.formDisabled),
-    isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly)
+    isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly),
+    showText: computed(() => {
+      if (props.showText === void 0) {
+        return (designConfig == null ? void 0 : designConfig.showText) || false;
+      } else {
+        return props.showText;
+      }
+    })
   });
   Object.assign(api2, {
     state,