@opentiny/vue-renderless 3.10.7 → 3.11.0

package/search/index.js

@@ -1,8 +1,8 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { on, off } from "../common/deps/dom";
 import PopupManager from "../common/deps/popup-manager";
 import { isObject, typeOf } from "../common/type";
-const emitInput = (emit) => (...args) => {
+const emitInput = ({ emit }) => (...args) => {
   emit("update:modelValue", ...args);
   emit("input", ...args);
 };
@@ -23,8 +23,8 @@ const changeKey = ({ emit, state }) => (key) => {
   state.show = false;
   emit("select", key);
 };
-const searchClick = ({ emit, props, state }) => (e) => {
-  e.preventDefault();
+const searchClick = ({ emit, props, state }) => (event) => {
+  event.preventDefault();
   if (props.mini && state.collapse) {
     state.collapse = false;
   } else {
@@ -43,7 +43,10 @@ const clickOutside = ({ parent, props, state }) => (event) => {
     props.mini && !state.currentValue && (state.collapse = true);
   }
 };
-const setDefaultType = (searchTypes) => {
+const setDefaultType = (searchTypes, typeValue) => {
+  if (typeValue && searchTypes.includes(typeValue)) {
+    return typeValue;
+  }
   let type = {};
   for (let i = 0, len = searchTypes.length; i < len; i++) {
     if (isObject(searchTypes[i]) && typeOf(searchTypes[i].value) !== "undefined" && typeOf(searchTypes[i].text) !== "undefined") {
@@ -62,14 +65,14 @@ const formatSearchTypes = (searchTypes) => {
   }
   return types;
 };
-const mounted = (api) => () => {
+const mounted = ({ api }) => () => {
   on(document.body, "click", api.clickOutside);
 };
-const beforeDestroy = (api) => () => {
+const beforeDestroy = ({ api }) => () => {
   off(document.body, "click", api.clickOutside);
 };
-const clear = ({ api, emit, refs, state }) => (e) => {
-  e.preventDefault();
+const clear = ({ api, emit, refs, state }) => (event) => {
+  event.preventDefault();
   state.currentValue = "";
   refs.input.focus();
   state.focus = true;

package/search/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   clear,
   handleChange,
@@ -36,13 +36,13 @@ const useFormatSearchTypes = ({ computed, props, reactive, toRefs, watch }) => {
     formatSearchTypes
   };
   const state = reactive({
-    searchValue: {},
+    searchValue: props.typeValue,
     types: computed(() => api2.formatSearchTypes(props.searchTypes))
   });
   watch(
-    () => props.searchTypes,
+    () => props.typeValue,
     () => {
-      state.searchValue = api2.setDefaultType(props.searchTypes);
+      state.searchValue = api2.setDefaultType(props.searchTypes, props.typeValue);
     },
     { immediate: true }
   );
@@ -75,15 +75,15 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, toR
     showSelector: showSelector({ refs, state }),
     searchClick: searchClick({ emit, props, state }),
     clickOutside: clickOutside({ parent, props, state }),
-    emitInput: emitInput(emit)
+    emitInput: emitInput({ emit })
   }, formatSearchTypes2.api);
   Object.assign(api2, {
     clear: clear({ api: api2, emit, refs, state }),
     handleInput: handleInput({ api: api2, state }),
     searchEnterKey: searchEnterKey({ api: api2, props, refs, nextTick })
   });
-  onMounted(mounted(api2));
-  onBeforeUnmount(beforeDestroy(api2));
+  onMounted(mounted({ api: api2 }));
+  onBeforeUnmount(beforeDestroy({ api: api2 }));
   watch(
     () => props.modelValue,
     (value) => state.currentValue = value

package/select/index.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import { find } from "../common/array";
 import { getObj, isEqual } from "../common/object";
 import { hasClass } from "../common/deps/dom";
@@ -11,7 +11,7 @@ import PopupManager from "../common/deps/popup-manager";
 import debounce from "../common/deps/debounce";
 import { getDataset } from "../common/dataset";
 import Memorize from "../common/deps/memorize";
-import { isEmptyObject, isNull } from "../common/type";
+import { isEmptyObject, isNull, isObject } from "../common/type";
 import { addResizeListener, removeResizeListener } from "../common/deps/resize-event";
 import { extend } from "../common/object";
 import { BROWSER_NAME } from "../common";
@@ -184,15 +184,20 @@ const emitChange = ({ emit, props, state, constants }) => (value) => {
     }
   }
 };
+const clearNoMatchValue = ({ props, emit }) => (newModelValue) => {
+  if (!props.clearNoMatchValue) {
+    return;
+  }
+  if (props.multiple && props.modelValue.length !== newModelValue.length || !props.multiple && props.modelValue !== newModelValue) {
+    emit("update:modelValue", newModelValue);
+  }
+};
 const getOption = ({ props, state }) => (value) => {
   let option;
-  const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
-  const isNull2 = Object.prototype.toString.call(value).toLowerCase() === "[object null]";
-  const isUndefined = Object.prototype.toString.call(value).toLowerCase() === "[object undefined]";
   const optionsList = props.optimization ? props.options : state.cachedOptions;
   for (let i = optionsList.length - 1; i >= 0; i--) {
     const cachedOption = optionsList[i];
-    const isEqual2 = isObject ? getObj(cachedOption.value, props.valueKey) === getObj(value, props.valueKey) : cachedOption.value === value;
+    const isEqual2 = isObject(value) ? getObj(cachedOption.value, props.valueKey) === getObj(value, props.valueKey) : cachedOption.value === value;
     if (isEqual2) {
       option = cachedOption;
       break;
@@ -204,7 +209,10 @@ const getOption = ({ props, state }) => (value) => {
     }
     return option;
   }
-  const label = !isObject && !isNull2 && !isUndefined ? value : "";
+  let label = "";
+  if (!isObject(value) && !isNull(value) && !props.clearNoMatchValue) {
+    label = value;
+  }
   let newOption = { value, currentLabel: label };
   if (props.multiple) {
     newOption.hitState = false;
@@ -222,20 +230,32 @@ const getOptionOfSetSelected = ({ api, props }) => {
   } else {
     option.createdSelected = false;
   }
+  if (!option.currentLabel) {
+    api.clearNoMatchValue("");
+  }
   return option;
 };
 const getResultOfSetSelected = ({ props, isGrid, isTree, api }) => {
   let result = [];
+  const newModelValue = [];
   if (Array.isArray(props.modelValue)) {
     props.modelValue.forEach((value) => {
       if (isGrid || isTree) {
         const option = api.getPluginOption(value, isTree);
         result = result.concat(option);
+        if (props.clearNoMatchValue && option.length) {
+          newModelValue.push(value);
+        }
       } else {
-        result.push(api.getOption(value));
+        const option = api.getOption(value);
+        if (!props.clearNoMatchValue || props.clearNoMatchValue && option.currentLabel) {
+          result.push(option);
+          newModelValue.push(value);
+        }
       }
     });
   }
+  api.clearNoMatchValue(newModelValue);
   return result;
 };
 const setGridOrTreeSelected = ({ props, state, vm, isTree, api }) => {
@@ -251,6 +271,7 @@ const setGridOrTreeSelected = ({ props, state, vm, isTree, api }) => {
   const nestdata = isRemote ? state.remoteData : isTree ? api.getTreeData(state.treeData) : state.gridData;
   const data = find(nestdata, (item) => props.modelValue == item[props.valueField]);
   if (isEmptyObject(data)) {
+    api.clearNoMatchValue("");
     return;
   }
   const obj = __spreadValues({}, data);
@@ -446,13 +467,12 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
     }
     const sizeInMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.initialInputHeight) || state.initialInputHeight;
     const noSelected = state.selected.length === 0;
-    const borderHeight = 2;
     if (!state.isDisplayOnly) {
       if (!noSelected && tags) {
         fastdom.measure(() => {
           const tagsClientHeight = tags.clientHeight;
           fastdom.mutate(() => {
-            input.style.height = Math.max(tagsClientHeight + (tagsClientHeight > sizeInMap ? borderHeight : 0), sizeInMap) + "px";
+            input.style.height = Math.max(tagsClientHeight + (tagsClientHeight > sizeInMap ? constants.BORDER_HEIGHT : 0), sizeInMap) + "px";
           });
         });
       } else {
@@ -462,7 +482,7 @@ const resetInputHeight = ({ constants, nextTick, props, vm, state, api, designCo
       input.style.height = "auto";
     }
     if (state.visible && state.emptyText !== false) {
-      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper, true);
+      state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
     }
   });
 };
@@ -537,8 +557,8 @@ const setSoftFocus = ({ vm, state }) => () => {
   input == null ? void 0 : input.focus();
 };
 const getValueIndex = (props) => (arr = [], value = null) => {
-  const isObject = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
-  if (!isObject) {
+  const isObject2 = Object.prototype.toString.call(value).toLowerCase() === "[object object]";
+  if (!isObject2) {
     return arr.indexOf(value);
   } else {
     const valueKey = props.valueKey;
@@ -867,7 +887,8 @@ const toVisible = ({ constants, state, props, vm, api, nextTick }) => () => {
 };
 const toHide = ({ constants, state, props, vm, api }) => () => {
   var _a, _b;
-  state.selectEmitter.emit(constants.COMPONENT_NAME.SelectDropdown, constants.EVENT_NAME.updatePopper);
+  state.selectEmitter.emit(constants.COMPONENT_NAME.SelectDropdown);
+  state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
   if (state.filterOrSearch) {
     state.query = props.remote || props.shape ? "" : props.renderType !== constants.TYPE.Tree ? state.selectedLabel : "";
     state.previousQuery !== state.query && api.handleQueryChange(state.query);
@@ -875,8 +896,8 @@ const toHide = ({ constants, state, props, vm, api }) => () => {
       props.filterable ? (_a = vm.$refs.input) == null ? void 0 : _a.focus() : (_b = vm.$refs.reference) == null ? void 0 : _b.focus();
     } else {
       if (!props.remote) {
-        state.selectEmitter.emit(constants.EVENT_NAME.queryChange, "");
-        state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup, constants.EVENT_NAME.queryChange);
+        state.selectEmitter.emit(constants.EVENT_NAME.queryChange);
+        state.selectEmitter.emit(constants.COMPONENT_NAME.OptionGroup);
       }
       if (state.selectedLabel && !props.shape) {
         state.currentPlaceholder = state.selectedLabel;
@@ -921,9 +942,6 @@ const watchVisible = ({ api, constants, emit, state, vm, props }) => (value) =>
   }, 200);
   value ? api.toHide() : api.toVisible();
   emit(constants.EVENT_NAME.visibleChange, value);
-  setTimeout(() => {
-    state.selectEmitter.emit(constants.EVENT_NAME.updatePopper);
-  }, props.updateDelay);
   if (!value && props.shape === "filter") {
     state.softFocus = false;
   }
@@ -1220,7 +1238,7 @@ const initQuery = ({ props, state, constants, vm }) => ({ init } = {}) => {
   }
   return Promise.resolve(selected);
 };
-const mounted = ({ api, parent, state, props, vm }) => () => {
+const mounted = ({ api, parent, state, props, vm, constants }) => () => {
   var _a;
   state.defaultCheckedKeys = state.gridCheckedData;
   const parentEl = parent.$el;
@@ -1234,7 +1252,7 @@ const mounted = ({ api, parent, state, props, vm }) => () => {
   if (props.multiple && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
     state.currentPlaceholder = "";
   }
-  state.initialInputHeight = state.isDisplayOnly ? sizeMap[state.selectSize] : inputClientRect.height || sizeMap[state.selectSize];
+  state.initialInputHeight = state.isDisplayOnly ? sizeMap[state.selectSize] || constants.DEFAULT_HEIGHT : inputClientRect.height || sizeMap[state.selectSize] || constants.DEFAULT_HEIGHT;
   addResizeListener(parentEl, api.handleResize);
   if (vm.$refs.tags) {
     addResizeListener(vm.$refs.tags, api.resetInputHeight);
@@ -1436,7 +1454,8 @@ const computedTagsStyle = ({ props, parent, state }) => () => {
   };
 };
 const computedReadonly = ({ props, state }) => () => props.readonly || !props.filterable || props.multiple || browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible;
-const computedShowClose = ({ props, state }) => () => props.clearable && !state.selectDisabled && state.inputHovering && (props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : !isNull(props.modelValue) && props.modelValue !== "");
+const computedShowClose = ({ props, state }) => () => props.clearable && !state.selectDisabled && state.inputHovering && //  新增 || (props.multiple && state.visible)
+(props.multiple ? Array.isArray(props.modelValue) && props.modelValue.length > 0 : !isNull(props.modelValue) && props.modelValue !== "");
 const computedCollapseTagSize = (state) => () => state.selectSize;
 const computedShowNewOption = ({ props, state }) => () => props.filterable && props.allowCreate && state.query !== "" && !state.options.filter((option) => !option.created).some((option) => option.state.currentLabel === state.query);
 const computedShowCopy = ({ props, state }) => () => props.multiple && props.copyable && state.inputHovering && state.selected.length;
@@ -1510,6 +1529,7 @@ export {
   calcCollapseTags,
   calcOverFlow,
   checkDefaultFirstOption,
+  clearNoMatchValue,
   computeCollapseTags,
   computeMultipleLimit,
   computeOptimizeOpts,

package/select/vue.js

@@ -1,7 +1,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-PKUHTIDK.js";
+} from "../chunk-G2ADBYYC.js";
 import {
   debouncRquest,
   nodeCollapse,
@@ -98,7 +98,8 @@ import {
   resetFilter,
   computedGetIcon,
   computedGetTagType,
-  computedShowDropdownIcon
+  computedShowDropdownIcon,
+  clearNoMatchValue
 } from "./index";
 import debounce from "../common/deps/debounce";
 import { isNumber } from "../common/type";
@@ -220,6 +221,7 @@ const initState = ({ reactive, computed, props, api: api2, emitter, parent, cons
     visible: false,
     showCopy: computed(() => api2.computedShowCopy()),
     showWarper: true,
+    // 显示下拉外层控制
     selected: props.multiple ? [] : {},
     softFocus: false,
     hover: false,
@@ -282,7 +284,7 @@ const addApi = ({ api: api2, props, state, emit, constants, parent, nextTick, di
     }),
     debouncRquest: debouncRquest({ api: api2, state, props }),
     defaultOnQueryChange: defaultOnQueryChange({ props, state, constants, api: api2 }),
-    mounted: mounted({ api: api2, parent, state, props, vm }),
+    mounted: mounted({ api: api2, parent, state, props, vm, constants }),
     unMount: unMount({ api: api2, parent, vm, state }),
     watchOptimizeOpts: watchOptimizeOpts({ api: api2, props, vm, state }),
     handleDropdownClick: handleDropdownClick({ emit }),
@@ -294,7 +296,8 @@ const addApi = ({ api: api2, props, state, emit, constants, parent, nextTick, di
     resetFilter: resetFilter({ state, api: api2 }),
     computedGetIcon: computedGetIcon({ constants, designConfig, props }),
     computedGetTagType: computedGetTagType({ designConfig, props }),
-    computedShowDropdownIcon: computedShowDropdownIcon({ props, state })
+    computedShowDropdownIcon: computedShowDropdownIcon({ props, state }),
+    clearNoMatchValue: clearNoMatchValue({ props, emit })
   });
 };
 const initApi = ({

package/select-dropdown/index.js

@@ -1,13 +1,13 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const mounted = ({ selectEmitter, constants, state, selectVm, updatePopper, destroyPopper, parent }) => () => {
-  selectEmitter.on(constants.EVENT_NAME.updatePopper, (keepZIndex) => {
+  selectEmitter.on(constants.EVENT_NAME.updatePopper, () => {
     let hideDrop = false;
     if (!state.referenceElm || state.referenceElm.nodeType !== 1) {
       state.referenceElm = selectVm.$refs.reference ? selectVm.$refs.reference.$el : selectVm.$refs.select;
       selectVm.popperElm = selectVm.state.popperElm = state.popperElm = parent.$el;
     }
     if (parent.select.state.visible && !hideDrop) {
-      updatePopper(keepZIndex);
+      updatePopper();
       hideDrop = true;
     }
   });

package/select-dropdown/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { mounted } from "./index";
 import userPopper from "../common/deps/vue-popper";
 const api = ["state", "doDestroy"];

package/select-mobile/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const hide = ({ state, emit }) => () => {
   state.search.show = false;
   emit("update:visible", false);

package/select-mobile/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   hide,
   watchVisible,

package/select-view/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const close = ({ state, emit, vm }) => () => {
   state.search.input = "";
   vm.$refs.actionSheet.close();

package/select-view/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   close,
   watchVisible,

package/selected-box/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { omitText } from "../common/string";
 const normal = (n) => n < 0 ? 0 : n;
 const init = ({ props, state }) => () => {

package/selected-box/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   init,
   submitSelection,

package/slide-bar/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { emitEvent } from "../common/event";
 const leftClick = ({ api, props, refs, state }) => () => {
   if (state.leftLength >= 0) {

package/slide-bar/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { leftClick, rightClick, blockClick, changeState, changeSize, mouseEvent } from "./index";
 const api = ["state", "mouseEvent", "rightClick", "leftClick", "blockClick"];
 const renderless = (props, { onMounted, reactive }, { refs, parent, emit }) => {

package/slider/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { KEY_CODE } from "../common";
 import { emitEvent } from "../common/event";
 import { on, off, hasClass } from "../common/deps/dom";
@@ -47,7 +47,13 @@ const bindKeyDown = ({ api, props, state }) => (event) => {
   api.setButtonStyle();
   api.setBarStyle();
 };
-const bindMouseDown = ({ api, constants, mode, emit, state }) => (event) => {
+const bindMouseDown = ({
+  api,
+  constants,
+  mode,
+  emit,
+  state
+}) => (event) => {
   if (event.button !== 0 && event.detail !== 0) {
     state.activeIndex = -1;
     return;
@@ -117,7 +123,13 @@ const displayTip = ({ api, nextTick, state }) => (event) => {
   }
 };
 const hideTip = (state) => () => !state.isDrag && (state.showTip = false);
-const setTipStyle = ({ constants, mode, parent, props, state }) => () => {
+const setTipStyle = ({
+  constants,
+  mode,
+  parent,
+  props,
+  state
+}) => () => {
   if (!props.showTip) {
     return;
   }
@@ -136,7 +148,12 @@ const setTipStyle = ({ constants, mode, parent, props, state }) => () => {
     left: tipStyle.left + "px"
   };
 };
-const getActiveButtonIndexFlag = ({ state, event, constants, mode }) => {
+const getActiveButtonIndexFlag = ({
+  state,
+  event,
+  constants,
+  mode
+}) => {
   const cls = constants.buttonCls(mode);
   const { previousElementSibling } = event.target;
   return state.isDouble && (hasClass(previousElementSibling, cls) || event.target.className.baseVal === "tiny-slider-right-svg");
@@ -145,7 +162,14 @@ const getActiveButtonIndex = ({ constants, mode, state }) => (event) => {
   const flag = getActiveButtonIndexFlag({ state, event, constants, mode });
   return flag ? 1 : 0;
 };
-const calcCurrentValue = ({ currentValue, props, state }) => {
+const calcCurrentValue = ({
+  currentValue,
+  props,
+  state
+}) => {
+  if (Array.isArray(currentValue)) {
+    currentValue = currentValue[state.activeIndex];
+  }
   if (currentValue <= props.min) {
     currentValue = props.min;
   } else if (currentValue >= props.max) {
@@ -161,7 +185,7 @@ const calcCurrentValue = ({ currentValue, props, state }) => {
       currentValue -= stepValue;
       currentValue += stepValue * 2 > step ? Number(step) : 0;
       if (stepPrecision) {
-        currentValue = currentValue.toFixed(stepPrecision);
+        currentValue = Number(currentValue.toFixed(stepPrecision));
       }
     }
     if (state.isDouble) {
@@ -176,7 +200,6 @@ const calcCurrentValue = ({ currentValue, props, state }) => {
 };
 const setActiveButtonValue = ({ api, emit, props, state }) => (value) => {
   if (Array.isArray(value)) {
-    ;
     [state.leftBtnValue, state.rightBtnValue] = value;
   } else {
     let currentValue = calcCurrentValue({ currentValue: value, props, state });
@@ -270,11 +293,11 @@ const autoSlider = (api) => (value) => {
 };
 const customBeforeAppearHook = (props) => (el) => {
   if (props.vertical) {
-    el.style.bottom = 0 + "%";
-    el.style.height = 0 + "%";
+    el.style.bottom = "0%";
+    el.style.height = "0%";
   } else {
-    el.style.left = 0 + "%";
-    el.style.width = 0 + "%";
+    el.style.left = "0%";
+    el.style.width = "0%";
   }
 };
 const customAfterAppearHook = ({ state, props }) => (el) => {
@@ -323,7 +346,7 @@ const watchModelValue = ({ api, state }) => (value) => {
 const getPoints = ({ props, state }) => () => {
   if (props.showSteps && props.step > 0) {
     state.points = [];
-    const num = parseInt(props.max / props.step);
+    const num = Math.floor(props.max / props.step);
     for (let i = 1; i < num; i++) {
       const point = {
         position: i / num * 100 + "%",
@@ -337,7 +360,7 @@ const getLabels = ({ props, state }) => () => {
   if (props.showLabel) {
     state.labels = [];
     const isFunction = props.formatLabel instanceof Function;
-    const num = parseInt(props.max / props.step);
+    const num = Math.floor(props.max / props.step);
     for (let i = 0; i <= num; i++) {
       const val = i / num * props.max;
       const label = {

package/slider/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import {
   bindKeyDown,
   bindMouseDown,
@@ -59,7 +59,10 @@ const initState = ({ reactive, computed, props, api: api2, parent }) => {
     tipStyle: {},
     barStyle: {},
     moveStyle: [],
+    points: [],
+    labels: [],
     isInit: true,
+    inputValue: [0, 0],
     isDrag: false,
     sliderSize: 0,
     showTip: false,
@@ -98,7 +101,7 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, wat
     calculateValue: calculateValue({ props, state }),
     getActiveButtonValue: getActiveButtonValue(state),
     getActiveButtonIndex: getActiveButtonIndex({ constants, mode, state }),
-    setTipStyle: setTipStyle({ constants, mode, emit, parent, props, state }),
+    setTipStyle: setTipStyle({ constants, mode, parent, props, state }),
     customAfterAppearHook: customAfterAppearHook({ state, props }),
     customBeforeAppearHook: customBeforeAppearHook(props),
     bindEvent: bindEvent(api2),

package/slider-button/index.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const handleChange = ({ constants, nextTick, dispatch, state }) => () => {
   nextTick(() => {
     dispatch(constants.SLIDER_BUTTON_GROUP, "handleChange", [state.value]);

package/slider-button/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import { handleChange, getValue, setValue, getGroup, mounted, customEvents } from "./index";
 const api = ["state", "handleChange"];
 const renderless = (props, { computed, reactive, onMounted, inject, onBeforeUnmount }, { emit, parent, dispatch, constants, nextTick, vm }) => {

package/slider-button-group/slide-button.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 import debounce from "../common/deps/debounce";
 import { on, off } from "../common/deps/dom";
 const getButtonPosition = ({ sliderState }) => () => {

package/slider-button-group/vue.js

@@ -1,4 +1,4 @@
-import "../chunk-PKUHTIDK.js";
+import "../chunk-G2ADBYYC.js";
 const api = ["state"];
 const renderless = (props, { reactive, provide }, { parent }) => {
   const state = reactive({