@opentiny/vue-renderless 3.8.4 → 3.9.1

package/chart-heatmap/index.js

@@ -92,26 +92,26 @@ const fixParam = ({ type, rows, dimension, metrics, extraMetrics, chartData, inn
   return { chartData, innerXAxisList, innerYAxisList };
 };
 const getResult = (args) => {
-  let { type, options, pointSize, blurSize, res, key, v, bmap, mapOrigin, geo, beforeRegisterMap } = args;
+  let { type, options, pointSize, blurSize, res, key, v, url, bmap, mapOrigin, geo, beforeRegisterMap } = args;
   let { echarts, specialAreas, position, positionJsonLink, beforeRegisterMapOnce } = args;
   let { mapURLProfix, amap, tooltip, xAxis, yAxis } = args;
   if (type === "bmap") {
     Object.assign(options.series[0], { coordinateSystem: "bmap", pointSize, blurSize });
-    res = getBmap(key, v).then(() => __spreadValues({ bmap }, options));
+    res = getBmap({ key, version: v, url }).then(() => __spreadValues({ bmap }, options));
   } else if (type === "map") {
     options.series[0].coordinateSystem = "geo";
-    let json = mapOrigin;
-    if (json) {
-      const geoAttr = __spreadValues({ map: mapOrigin }, geo);
-      beforeRegisterMap && (json = beforeRegisterMap(json));
-      echarts.registerMap(mapOrigin, json, specialAreas);
+    let jsonStr = JSON.stringify(mapOrigin);
+    if (jsonStr) {
+      const geoAttr = __spreadValues({ map: jsonStr }, geo);
+      beforeRegisterMap && (jsonStr = beforeRegisterMap(mapOrigin));
+      echarts.registerMap(jsonStr, { geoJSON: mapOrigin }, specialAreas);
       res = new Promise((resolve) => resolve(__spreadValues({ geo: geoAttr }, options)));
     } else {
       let params = { position, positionJsonLink, beforeRegisterMapOnce, mapURLProfix };
-      res = getMapJSON(params).then((json2) => {
+      res = getMapJSON(params).then((json) => {
         const geoAttr = __spreadValues({ map: position }, geo);
-        beforeRegisterMap && (json2 = beforeRegisterMap(json2));
-        echarts.registerMap(position, json2, specialAreas);
+        beforeRegisterMap && (json = beforeRegisterMap(json));
+        echarts.registerMap(position, { geoJSON: json }, specialAreas);
         return __spreadValues({ geo: geoAttr }, options);
       });
     }
@@ -126,7 +126,7 @@ const getResult = (args) => {
 const heatmap = (columns, rows, settings, extra) => {
   const { type = "cartesian" } = settings;
   const { dimension = [columns[0], columns[1]] } = settings;
-  const { dataType = "normal", min, max, digit, bmap, amap, geo, key, v = "2.0" } = settings;
+  const { dataType = "normal", min, max, digit, bmap, amap, geo, key, v = "2.0", url } = settings;
   const { position, mapOrigin, positionJsonLink, beforeRegisterMap, pointSize = 10, blurSize = 5 } = settings;
   const { heatColor, yAxisName, xAxisName, beforeRegisterMapOnce, specialAreas = {} } = settings;
   const { metrics = columns[2], mapURLProfix = "https://unpkg.com/echarts@3.6.2/map/json/" } = settings;
@@ -150,7 +150,7 @@ const heatmap = (columns, rows, settings, extra) => {
   const tooltip = tooltipVisible && getTooltip(tooltipParams);
   const options = { visualMap, series, grid: { left: 25, right: 80, width: "auto", height: "auto" } };
   let res;
-  let args = { type, options, pointSize, blurSize, res, key, v, bmap, mapOrigin, geo, beforeRegisterMap };
+  let args = { type, options, pointSize, blurSize, res, key, v, url, bmap, mapOrigin, geo, beforeRegisterMap };
   Object.assign(args, { echarts, specialAreas, position, positionJsonLink, beforeRegisterMapOnce });
   Object.assign(args, { mapURLProfix, amap, tooltip, xAxis, yAxis });
   res = getResult(args);

package/checkbox/index.js

@@ -1,4 +1,5 @@
 import "../chunk-PKUHTIDK.js";
+import { isNull } from "../common/type";
 const addToStore = ({ state, props }) => () => {
   if (Array.isArray(state.model) && !state.model.includes(props.label)) {
     state.model.push(props.label);
@@ -6,15 +7,24 @@ const addToStore = ({ state, props }) => () => {
     state.model = props.trueLabel || true;
   }
 };
+const removeFromStore = ({ state, props }) => () => {
+  if (Array.isArray(state.model)) {
+    const index = state.model.indexOf(props.label);
+    index !== -1 && state.model.splice(index, 1);
+  } else {
+    state.model = props.falseLabel !== void 0 && props.falseLabel;
+  }
+};
 const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) => (event) => {
   if (state.isLimitExceeded) {
     return;
   }
   let moduleValue;
+  const { trueLabel, falseLabel } = props;
   if (event.target.checked) {
-    moduleValue = props.trueLabel === void 0 ? true : props.trueLabel;
+    moduleValue = trueLabel === void 0 ? true : trueLabel;
   } else {
-    moduleValue = props.falseLabel === void 0 ? false : props.falseLabel;
+    moduleValue = falseLabel === void 0 ? false : falseLabel;
   }
   emit("change", moduleValue, event);
   nextTick(() => {
@@ -23,7 +33,7 @@ const handleChange = ({ state, props, emit, nextTick, dispatch, constants }) =>
 };
 const computedGetModelGet = ({ state, props }) => () => {
   const model = state.isGroup ? state.store : props.modelValue !== void 0 ? props.modelValue : state.selfModel;
-  return ~[void 0, null].indexOf(model) ? [] : model;
+  return isNull(model) ? [] : model;
 };
 const computedGetModelSet = ({ state, dispatch, emit, constants }) => (value) => {
   if (state.isGroup) {
@@ -41,7 +51,7 @@ const computedIsChecked = ({ state, props }) => () => {
     return state.model;
   } else if (Array.isArray(state.model)) {
     return state.model.includes(props.label);
-  } else if (state.model !== null && state.model !== void 0) {
+  } else if (!isNull(state.model)) {
     return state.model === props.trueLabel;
   }
 };
@@ -62,7 +72,7 @@ const computedIsLimitDisabled = (state) => () => {
   const { max, min } = state.checkboxGroup;
   return !!(max || min) && state.model.length >= max && !state.isChecked || state.model.length <= min && state.isChecked;
 };
-const computedIsDisabled = ({ state, props }) => () => (state.isGroup ? state.checkboxGroup.disabled || props.disabled || state.isLimitDisabled : props.disabled) || state.formDisabled;
+const computedIsDisabled = ({ state, props }) => () => (state.isGroup ? state.checkboxGroup.disabled || state.checkboxGroup.displayOnly || props.disabled || props.displayOnly || state.isLimitDisabled : props.disabled) || state.formDisabled;
 const computedFormItemSize = (props) => () => (props.formItem || {}).formItemSize;
 const computedCheckboxSize = ({ state, props, formItemSize }) => () => {
   const tempCheckboxSize = props.size || formItemSize.value;
@@ -75,7 +85,9 @@ const mounted = ({ props, emit, api, parent }) => () => {
 };
 const toggleEvent = ({ parent, props, type }) => {
   const inputEl = parent.$el;
-  Object.keys(props.events).forEach((ev) => inputEl[type + "EventListener"](ev, props.events[ev]));
+  for (let ev in props.events) {
+    inputEl[type + "EventListener"](ev, props.events[ev]);
+  }
 };
 const dispatchDisplayedValue = ({ state, api, dispatch }) => () => {
   if (state.isDisplayOnly) {
@@ -111,5 +123,6 @@ export {
   getDisplayedValue,
   handleChange,
   mounted,
+  removeFromStore,
   toggleEvent
 };

package/checkbox/vue.js

@@ -1,9 +1,7 @@
-import {
-  __spreadProps,
-  __spreadValues
-} from "../chunk-PKUHTIDK.js";
+import "../chunk-PKUHTIDK.js";
 import {
   addToStore,
+  removeFromStore,
   handleChange,
   computedGetModelGet,
   computedGetModelSet,
@@ -12,20 +10,23 @@ import {
   computedStore,
   computedIsLimitDisabled,
   computedIsDisabled,
+  computedIsDisplayOnly,
+  computedIsGroupDisplayOnly,
   computedFormItemSize,
   computedCheckboxSize,
   mounted,
   toggleEvent,
   dispatchDisplayedValue,
-  getDisplayedValue,
-  computedIsDisplayOnly,
-  computedIsGroupDisplayOnly
+  getDisplayedValue
 } from "./index";
-const api = ["state", "handleChange"];
-const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch }) => {
-  parent.tinyForm = parent.tinyForm || inject("form", null);
-  const api2 = { dispatch };
-  const state = reactive(__spreadProps(__spreadValues({}, { focus: false, selfModel: false, isLimitExceeded: false }), {
+const api = ["state", "handleChange", "computedStore"];
+const initState = ({ reactive, computed, parent, api: api2, inject, props }) => {
+  const state = reactive({
+    size: props.size || inject("size", null),
+    vertical: inject("vertical", null),
+    focus: false,
+    selfModel: false,
+    isLimitExceeded: false,
     store: computed(() => api2.computedStore()),
     isGroup: computed(() => api2.computedIsGroup()),
     isChecked: computed(() => api2.computedIsChecked()),
@@ -36,11 +37,18 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     formDisplayOnly: computed(() => (parent.tinyForm || {}).displayOnly),
     isDisplayOnly: computed(() => api2.computedIsDisplayOnly()),
     isGroupDisplayOnly: computed(() => api2.computedIsGroupDisplayOnly()),
-    model: computed({ get: () => api2.computedGetModelGet(), set: (value) => api2.computedGetModelSet(value) })
-  }));
+    model: computed({
+      get: () => api2.computedGetModelGet(),
+      set: (value) => api2.computedGetModelSet(value)
+    })
+  });
+  return state;
+};
+const initApi = ({ vm, api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick }) => {
   Object.assign(api2, {
     state,
     addToStore: addToStore({ state, props }),
+    removeFromStore: removeFromStore({ state, props }),
     computedStore: computedStore({ state, props }),
     computedFormItemSize: computedFormItemSize(props),
     computedIsChecked: computedIsChecked({ state, props }),
@@ -50,21 +58,31 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
     computedIsGroupDisplayOnly: computedIsGroupDisplayOnly({ state }),
     computedGetModelGet: computedGetModelGet({ state, props }),
     computedIsGroup: computedIsGroup({ state, parent, constants }),
-    computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants })
-  });
-  const formItemSize = computed(() => api2.computedFormItemSize());
-  api2.computedCheckboxSize = computedCheckboxSize({ state, props, formItemSize });
-  Object.assign(api2, {
+    computedCheckboxSize: computedCheckboxSize({ state, props, formItemSize }),
+    computedGetModelSet: computedGetModelSet({ state, dispatch, emit, constants }),
     mounted: mounted({ emit, props, api: api2, parent }),
-    handleChange: handleChange({ state, props, emit, nextTick, dispatch: api2.dispatch, constants }),
+    handleChange: handleChange({ state, props, emit, nextTick, dispatch, constants }),
     dispatchDisplayedValue: dispatchDisplayedValue({ state, api: api2, dispatch }),
     getDisplayedValue: getDisplayedValue({ state, props, vm })
   });
+};
+const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, watch, inject }, { vm, parent, emit, constants, nextTick, dispatch }) => {
+  const api2 = { dispatch };
+  const formItemSize = computed(() => api2.computedFormItemSize());
+  const state = initState({ reactive, computed, parent, api: api2, inject, props });
+  parent.tinyForm = parent.tinyForm || inject("form", null);
+  initApi({ vm, api: api2, state, dispatch, props, parent, constants, formItemSize, emit, nextTick });
   watch(
     () => props.modelValue,
     (value) => props.validateEvent && api2.dispatch(constants.FORM_ITEM, constants.FORM_CHANGE, value)
   );
   watch(() => state.isDisplayOnly, api2.dispatchDisplayedValue);
+  watch(
+    () => props.checked,
+    (value) => {
+      value ? api2.addToStore() : api2.removeFromStore();
+    }
+  );
   onBeforeUnmount(() => {
     toggleEvent({ parent, props, type: "remove" });
   });

package/common/bigInt.js

@@ -1,6 +1,7 @@
 import "../chunk-PKUHTIDK.js";
 import { fillChar } from "./string";
-const BigInt = window.BigInt;
+import { isBrowser } from "./browser";
+const BigInt = isBrowser ? window.BigInt : global.BigInt;
 function supportBigInt() {
   return typeof BigInt === "function";
 }

package/common/browser.js

@@ -22,52 +22,58 @@ const isEdge = (browser) => {
     browser.edge = true;
   }
 };
+const isBrowser = typeof window !== "undefined" && typeof document !== "undefined" && window.document === document;
 var browser_default = (() => {
-  const isMobile = /(Android|webOS|iPhone|iPad|iPod|SymbianOS|BlackBerry|Windows Phone)/.test(navigator.userAgent);
   const browser = {
     name: void 0,
     version: void 0,
     isDoc: typeof document !== "undefined",
-    isMobile,
-    isPC: !isMobile,
+    isMobile: false,
+    isPC: true,
     isNode: typeof window === "undefined"
   };
-  let matches;
-  if (!!window.chrome && (!!window.chrome.webstore || /^Google\b/.test(window.navigator.vendor))) {
-    browser.name = "chrome";
-    browser.chrome = true;
-    matches = navigator.userAgent.match(/chrome\/(\d+)/i);
-    browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
-    matches = void 0;
-  } else if (!!document.all || !!document.documentMode) {
-    browser.name = "ie";
-    browser.version = getIEVersion();
-    browser.ie = true;
-  } else if (typeof window.InstallTrigger !== "undefined") {
-    browser.name = "firefox";
-    browser.firefox = true;
-  } else if (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") > 0) {
-    browser.name = "safari";
-    browser.safari = true;
-  } else if (!!window.opr && !!window.opr.addons || !!window.opera) {
-    browser.name = "opera";
-    browser.opera = true;
-  }
-  isEdge(browser);
-  if (!~["ie", "chrome"].indexOf(browser.name)) {
-    const reg = browser.name + "/(\\d+)";
-    matches = navigator.userAgent.match(new RegExp(reg, "i"));
-    browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
-    matches = void 0;
-  }
-  if (browser.isDoc) {
-    const bodyEl = document.body || document.documentElement;
-    ["webkit", "khtml", "moz", "ms", "o"].forEach((core) => {
-      browser["-" + core] = !!bodyEl[core + "MatchesSelector"];
-    });
+  if (isBrowser) {
+    const isMobile = /(Android|webOS|iPhone|iPad|iPod|SymbianOS|BlackBerry|Windows Phone)/.test(navigator.userAgent);
+    browser.isMobile = isMobile;
+    browser.isPC = !isMobile;
+    let matches;
+    if (!!window.chrome && (!!window.chrome.webstore || /^Google\b/.test(window.navigator.vendor))) {
+      browser.name = "chrome";
+      browser.chrome = true;
+      matches = navigator.userAgent.match(/chrome\/(\d+)/i);
+      browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
+      matches = void 0;
+    } else if (!!document.all || !!document.documentMode) {
+      browser.name = "ie";
+      browser.version = getIEVersion();
+      browser.ie = true;
+    } else if (typeof window.InstallTrigger !== "undefined") {
+      browser.name = "firefox";
+      browser.firefox = true;
+    } else if (Object.prototype.toString.call(window.HTMLElement).indexOf("Constructor") > 0) {
+      browser.name = "safari";
+      browser.safari = true;
+    } else if (!!window.opr && !!window.opr.addons || !!window.opera) {
+      browser.name = "opera";
+      browser.opera = true;
+    }
+    isEdge(browser);
+    if (!~["ie", "chrome"].indexOf(browser.name)) {
+      const reg = browser.name + "/(\\d+)";
+      matches = navigator.userAgent.match(new RegExp(reg, "i"));
+      browser.version = !!matches && !!matches[1] && parseInt(matches[1], 10);
+      matches = void 0;
+    }
+    if (browser.isDoc) {
+      const bodyEl = document.body || document.documentElement;
+      ["webkit", "khtml", "moz", "ms", "o"].forEach((core) => {
+        browser["-" + core] = !!bodyEl[core + "MatchesSelector"];
+      });
+    }
   }
   return browser;
 })();
 export {
-  browser_default as default
+  browser_default as default,
+  isBrowser
 };

package/common/deps/ResizeObserver.js

@@ -1,5 +1,6 @@
 import "../../chunk-PKUHTIDK.js";
 import { on, off } from "./dom";
+import { isBrowser } from "../browser";
 const MapShim = function() {
   if (typeof Map !== "undefined") {
     return Map;
@@ -64,8 +65,7 @@ const MapShim = function() {
     return obClass;
   }();
 }();
-const func = window.Function;
-const isBrowser = window !== "undefined" && document !== "undefined" && window.document === document;
+const func = isBrowser ? window.Function : global.Function;
 const global$1 = function() {
   const isMath = (val) => val.Math === Math;
   if (typeof global !== "undefined" && isMath(global)) {

package/common/deps/popper.js

@@ -5,7 +5,6 @@ import { on, off } from "./dom";
 import PopupManager from "./popup-manager";
 import { typeOf } from "../type";
 import { xss } from "../xss";
-const win = window;
 const positions = ["left", "right", "top", "bottom"];
 const modifiers = ["shift", "offset", "preventOverflow", "keepTogether", "arrow", "flip", "applyStyle"];
 const DEFAULTS = {
@@ -35,7 +34,7 @@ const setStyle = (el, styles) => {
 };
 const getSupportedPropertyName = (property) => {
   let prefixes = ["", "ms", "webkit", "moz", "o"];
-  let bodyEl = win.document.body;
+  let bodyEl = window.document.body;
   for (let i = 0; i < prefixes.length; i++) {
     let toCheck = prefixes[i] ? prefixes[i] + property.charAt(0).toUpperCase() + property.slice(1) : property;
     if (typeof bodyEl.style[toCheck] !== "undefined") {
@@ -57,23 +56,26 @@ const addAttributes = (el, attributes) => {
 };
 const getOffsetParent = (el) => {
   let offsetParent = el.offsetParent;
-  return offsetParent === win.document.body || !offsetParent ? win.document.documentElement : offsetParent;
+  return offsetParent === window.document.body || !offsetParent ? window.document.documentElement : offsetParent;
 };
 const getStyleComputedProperty = (el, property) => {
   if (!el || el.nodeType !== 1) {
     return;
   }
-  let css = win.getComputedStyle(el, null);
+  let css = window.getComputedStyle(el, null);
   return css[property];
 };
-const isFixed = (el) => {
-  if (el === win.document.body) {
+const isFixed = (el, offsetParent) => {
+  if (el === window.document.body) {
     return false;
   }
   if (getStyleComputedProperty(el, "position") === "fixed") {
     return true;
   }
-  return el.parentNode ? isFixed(el.parentNode) : el;
+  if (el === offsetParent) {
+    return false;
+  }
+  return el.parentNode ? isFixed(el.parentNode, offsetParent) : false;
 };
 const getBoundingClientRect = (el) => {
   let rectObj = el.getBoundingClientRect();
@@ -97,11 +99,11 @@ const getScrollParent = (el) => {
   if (!parent) {
     return el;
   }
-  if (parent === win.document) {
-    if (win.document.body.scrollTop || win.document.body.scrollLeft) {
-      return win.document.body;
+  if (parent === window.document) {
+    if (window.document.body.scrollTop || window.document.body.scrollLeft) {
+      return window.document.body;
     }
-    return win.document.documentElement;
+    return window.document.documentElement;
   }
   if (isScrollElement(parent)) {
     return parent;
@@ -140,7 +142,7 @@ const getOuterSizes = (el) => {
   let _visibility = el.style.visibility;
   el.style.display = "block";
   el.style.visibility = "hidden";
-  let styles = win.getComputedStyle(el);
+  let styles = window.getComputedStyle(el);
   let x = parseFloat(styles.marginTop) + parseFloat(styles.marginBottom);
   let y = parseFloat(styles.marginLeft) + parseFloat(styles.marginRight);
   let result = { width: el.offsetWidth + y, height: el.offsetHeight + x };
@@ -253,12 +255,12 @@ Popper.prototype.parse = function(config) {
     classNames: ["popper"],
     content: "",
     contentType: "text",
-    parent: win.document.body,
+    parent: window.document.body,
     tagName: "div"
   };
   config = __spreadValues(__spreadValues({}, defaultConfig), config);
   const { tagName, classNames, attributes, contentType, content, arrowTagName } = config;
-  let docEl = win.document;
+  let docEl = window.document;
   let popper = docEl.createElement(tagName);
   addClassNames(popper, classNames);
   addAttributes(popper, attributes);
@@ -291,11 +293,11 @@ Popper.prototype.parse = function(config) {
   return popper;
 };
 Popper.prototype._getPosition = function(popper, reference) {
-  let container = getOffsetParent(reference);
+  let offsetParent = getOffsetParent(reference);
   if (this._options.forceAbsolute) {
     return "absolute";
   }
-  let isParentFixed = isFixed(reference, container);
+  let isParentFixed = isFixed(reference, offsetParent);
   return isParentFixed ? "fixed" : "absolute";
 };
 Popper.prototype._getOffsets = function(popper, reference, placement) {
@@ -329,11 +331,11 @@ Popper.prototype._getOffsets = function(popper, reference, placement) {
 };
 Popper.prototype._setupEventListeners = function() {
   this.state.updateBound = this.update.bind(this);
-  on(win, "resize", this.state.updateBound);
+  on(window, "resize", this.state.updateBound);
   if (this._options.boundariesElement !== "window") {
     let target = getScrollParent(this._reference);
-    if (target === win.document.body || target === win.document.documentElement) {
-      target = win;
+    if (target === window.document.body || target === window.document.documentElement) {
+      target = window;
     }
     this.state.scrollTarget = target;
     if (this._options.bubbling || PopupManager.globalScroll) {
@@ -348,7 +350,7 @@ Popper.prototype._setupEventListeners = function() {
   }
 };
 Popper.prototype._removeEventListeners = function() {
-  off(win, "resize", this.state.updateBound);
+  off(window, "resize", this.state.updateBound);
   if (this._options.boundariesElement !== "window" && this.state.scrollTarget) {
     off(this.state.scrollTarget, "scroll", this.state.updateBound);
     this.state.scrollTarget = null;
@@ -365,8 +367,8 @@ Popper.prototype._removeEventListeners = function() {
 Popper.prototype._getBoundaries = function(data, padding, boundariesElement) {
   let boundaries = {};
   if (boundariesElement === "window") {
-    let body = win.document.body;
-    let html = win.document.documentElement;
+    let body = window.document.body;
+    let html = window.document.documentElement;
     let { width, height } = getMaxWH(body, html);
     boundaries = { top: 0, right: width, bottom: height, left: 0 };
   } else if (boundariesElement === "viewport") {
@@ -378,8 +380,8 @@ Popper.prototype._getBoundaries = function(data, padding, boundariesElement) {
     let scrollLeft = isFixed2 ? 0 : getScrollLeftValue(scrollParent);
     boundaries = {
       top: 0 - (offsetParentRect.top - scrollTop),
-      right: win.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
-      bottom: win.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
+      right: window.document.documentElement.clientWidth - (offsetParentRect.left - scrollLeft),
+      bottom: window.document.documentElement.clientHeight - (offsetParentRect.top - scrollTop),
       left: 0 - (offsetParentRect.left - scrollLeft)
     };
   } else {

package/common/validate/util.js

@@ -139,7 +139,7 @@ function asyncMap(objArray, option, func, callback) {
       const flattenArr = flattenObjArr(objArray);
       asyncSerialArray(flattenArr, func, next);
     });
-    pending2.catch((error) => log.logger.error(error));
+    pending2.catch((error) => error.errors && error.fields || log.logger.error(error));
     return pending2;
   }
   let firstFields = option.firstFields || [];
@@ -169,7 +169,7 @@ function asyncMap(objArray, option, func, callback) {
       }
     });
   });
-  pending.catch((error) => log.logger.error(error));
+  pending.catch((error) => error.errors && error.fields || log.logger.error(error));
   return pending;
 }
 function complementError(rule) {

package/drawer/index.js

@@ -1,5 +1,6 @@
 import "../chunk-PKUHTIDK.js";
 import debounce from "../common/deps/debounce";
+import { addClass, removeClass } from "../common/deps/dom";
 const close = ({ emit, state }) => () => {
   state.toggle = false;
   emit("close", state);
@@ -70,14 +71,28 @@ const removeDragEvent = ({ api, vm }) => () => {
   el.removeEventListener("touchmove", api.mousemove);
   el.removeEventListener("touchend", api.mouseup);
 };
+const showScrollbar = (lockScrollClass) => () => {
+  addClass(document.body, lockScrollClass);
+};
+const hideScrollbar = (lockScrollClass) => () => {
+  removeClass(document.body, lockScrollClass);
+};
+const watchVisibleNotImmediate = ({ api, props }) => (visible) => {
+  if (props.lockScroll) {
+    visible ? api.showScrollbar() : api.hideScrollbar();
+  }
+};
 export {
   addDragEvent,
   close,
   confirm,
+  hideScrollbar,
   mousedown,
   mousemove,
   mouseup,
   removeDragEvent,
+  showScrollbar,
   watchToggle,
-  watchVisible
+  watchVisible,
+  watchVisibleNotImmediate
 };

package/drawer/vue.js

@@ -8,10 +8,14 @@ import {
   mouseup,
   mousemove,
   addDragEvent,
-  removeDragEvent
+  removeDragEvent,
+  showScrollbar,
+  hideScrollbar,
+  watchVisibleNotImmediate
 } from "./index";
 const api = ["state", "close", "confirm"];
-const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm }) => {
+const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm, mode, constants }) => {
+  const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   const api2 = {};
   const state = reactive({
     toggle: false,
@@ -29,13 +33,20 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
     addDragEvent: addDragEvent({ api: api2, vm }),
     removeDragEvent: removeDragEvent({ api: api2, vm }),
     watchVisible: watchVisible({ state }),
-    watchToggle: watchToggle({ emit })
+    watchToggle: watchToggle({ emit }),
+    showScrollbar: showScrollbar(lockScrollClass),
+    hideScrollbar: hideScrollbar(lockScrollClass),
+    watchVisibleNotImmediate: watchVisibleNotImmediate({ api: api2, props })
   });
   onMounted(() => {
     props.dragable && api2.addDragEvent();
+    if (props.lockScroll && props.visible) {
+      api2.showScrollbar();
+    }
   });
   onBeforeUnmount(() => {
     props.dragable && api2.removeDragEvent();
+    props.lockScroll && api2.hideScrollbar();
   });
   watch(() => props.visible, api2.watchVisible, { immediate: true });
   watch(() => state.toggle, api2.watchToggle);

package/dropdown-menu/index.js

@@ -88,6 +88,9 @@ const useVuePopper = ({ api, props, hooks, instance, state }) => {
     dropdown.popperElm = popper.popperElm.value = vm.$el;
     popper.referenceElm.value = dropdown.$el;
     dropdown.initDomOperation();
+    if (dropdown.inheritWidth) {
+      dropdown.popperElm.style.minWidth = dropdown.$el.clientWidth + "px";
+    }
   });
   onBeforeUnmount(() => {
     popper.destroyPopper("remove");

package/dropdown-menu/vue.js

@@ -1,6 +1,24 @@
 import "../chunk-PKUHTIDK.js";
-import { toggleItem, updateOffset, clickOutside, getScroller, useVuePopper, mounted, handleMenuItemClick, handleMouseenter, handleMouseleave } from "./index";
-const api = ["state", "toggleItem", "updateOffset", "clickOutside", "doDestroy", "handleMouseenter", "handleMouseleave"];
+import {
+  toggleItem,
+  updateOffset,
+  clickOutside,
+  getScroller,
+  useVuePopper,
+  mounted,
+  handleMenuItemClick,
+  handleMouseenter,
+  handleMouseleave
+} from "./index";
+const api = [
+  "state",
+  "toggleItem",
+  "updateOffset",
+  "clickOutside",
+  "doDestroy",
+  "handleMouseenter",
+  "handleMouseleave"
+];
 const renderless = (props, hooks, instance) => {
   const api2 = {};
   const { reactive, provide, onMounted } = hooks;

package/grid/utils/dom.js

@@ -5,8 +5,6 @@ import { arrayIndexOf } from "../static";
 const ATTR_NAME = "data-rowid";
 const CELL_CLS = ".tiny-grid-cell";
 const ROW_CLS = ".tiny-grid-body__row";
-const htmlEl = document.querySelector("html");
-const bodyEl = document.body;
 const isPx = (val) => val && /^\d+(px)?$/.test(val);
 const isScale = (val) => val && /^\d+%$/.test(val);
 const updateCellTitle = (event) => {
@@ -126,6 +124,8 @@ const getEventTargetNode = (event, container, queryCls) => {
 };
 function getNodeOffset(el, container, rest) {
   if (el) {
+    const htmlEl = document.querySelector("html");
+    const bodyEl = document.body;
     const parentEl = el.parentNode;
     rest.top += el.offsetTop;
     rest.left += el.offsetLeft;