@opentiny/vue-renderless 3.9.2 → 3.10.0

package/radio/vue.js

@@ -17,12 +17,14 @@ const renderless = (props, { onMounted, onBeforeUnmount, computed, reactive, inj
   parent.tinyForm = parent.tinyForm || inject("form", null);
   const api2 = {};
   const state = reactive({
+    vertical: inject("radioVertical", false),
+    size: props.size || inject("size", null),
     focus: false,
     radioGroup: "",
     isGroup: computed(() => api2.isGroup()),
     radioSize: computed(() => api2.radioSize()),
     isDisabled: computed(() => api2.isDisabled()),
-    isDisplayOnly: computed(() => api2.isDisplayOnly() || (parent.auiForm || {}).displayOnly),
+    isDisplayOnly: computed(() => api2.isDisplayOnly() || (parent.tinyForm || {}).displayOnly),
     tabIndex: computed(() => api2.tabIndex()),
     formDisabled: computed(() => (parent.tinyForm || {}).disabled),
     model: computed({

package/radio-button/vue.js

@@ -10,7 +10,7 @@ import {
   handleFocus,
   handleBlur
 } from "./index";
-const api = ["state", "handleChange"];
+const api = ["state", "handleChange", "keydownHandle", "handleFocus", "handleBlur"];
 const renderless = (props, { computed, reactive, onMounted, onBeforeUnmount, inject }, { emit, parent, dispatch, constants, nextTick, refs }) => {
   const api2 = {
     getGroup: getGroup({ constants, parent }),

package/rate/index.js

@@ -74,8 +74,14 @@ const setCurrentValue = ({ constants: { RATENODECLS, DECIMALCLS, ICON_PREFIXCLS
       target = target[key];
     }
     if (target.nodeName === "path") {
-      className = target[key][key].className;
-      target = target[key][key];
+      for (let i = 0; i < 10; i++) {
+        target = target[key];
+        if (target.nodeName === "svg") {
+          className = target[key].className;
+          target = target[key];
+          break;
+        }
+      }
     }
     if (className.includes(RATENODECLS)) {
       target = target.querySelector(ICON_PREFIXCLS);

package/rate/vue.js

@@ -19,8 +19,30 @@ import {
   computedActiveClass
 } from "./index";
 import { on, off } from "../common/deps/dom";
-const api = ["state", "showDecimalIcon", "getIconStyle", "getTextStyle", "selectValue", "handelKey", "setCurrentValue", "resetCurrentValue"];
-const useChangeValue = ({ constants, emit, props, reactive, toRefs, watch, onMounted, onUnmounted, parent }) => {
+const api = [
+  "state",
+  "showDecimalIcon",
+  "getIconStyle",
+  "getTextStyle",
+  "selectValue",
+  "handelKey",
+  "setCurrentValue",
+  "resetCurrentValue"
+];
+const useChangeValue = ({
+  computed,
+  constants,
+  emit,
+  props,
+  reactive,
+  toRefs,
+  watch,
+  onMounted,
+  onUnmounted,
+  parent,
+  inject
+}) => {
+  parent.tinyForm = parent.tinyForm || inject("form", null);
   const state = reactive({
     hoverIndex: -1,
     currentValue: props.modelValue
@@ -60,7 +82,7 @@ const useChangeValue = ({ constants, emit, props, reactive, toRefs, watch, onMou
     state: toRefs(state)
   };
 };
-const renderless = (props, { computed, reactive, toRefs, watch, onMounted, onUnmounted }, { constants, emit, parent }) => {
+const renderless = (props, { computed, reactive, toRefs, watch, onMounted, onUnmounted, inject }, { constants, emit, parent }) => {
   const api2 = {};
   const changeValue = useChangeValue({
     computed,
@@ -72,7 +94,8 @@ const renderless = (props, { computed, reactive, toRefs, watch, onMounted, onUnm
     watch,
     onMounted,
     onUnmounted,
-    parent
+    parent,
+    inject
   });
   const state = reactive(__spreadValues({
     pointerAtLeftHalf: true,

package/recycle-scroller/index.js

@@ -6,7 +6,6 @@ if (typeof window !== "undefined") {
   supportsPassive = false;
   try {
     const opts = Object.defineProperty({}, "passive", {
-      // eslint-disable-next-line getter-return
       get() {
         supportsPassive = true;
       }

package/scrollbar/vue-bar.js

@@ -1,7 +1,23 @@
 import "../chunk-PKUHTIDK.js";
-import { BAR_MAP, renderThumbStyle, clickThumbHandler, clickTrackHandler, startDrag, mouseMoveDocumentHandler, mouseUpDocumentHandler } from "./index";
+import {
+  BAR_MAP,
+  renderThumbStyle,
+  clickThumbHandler,
+  clickTrackHandler,
+  startDrag,
+  mouseMoveDocumentHandler,
+  mouseUpDocumentHandler
+} from "./index";
 import { on, off } from "../common/deps/dom";
-const api = ["state", "startDrag", "renderThumbStyle", "clickTrackHandler", "clickThumbHandler", "mouseUpDocumentHandler", "mouseMoveDocumentHandler"];
+const api = [
+  "state",
+  "startDrag",
+  "renderThumbStyle",
+  "clickTrackHandler",
+  "clickThumbHandler",
+  "mouseUpDocumentHandler",
+  "mouseMoveDocumentHandler"
+];
 const renderless = (props, { computed, onUnmounted, reactive }, { refs, parent }) => {
   const state = reactive({
     bar: computed(() => BAR_MAP[props.vertical ? "vertical" : "horizontal"]),

package/search/index.js

@@ -2,13 +2,17 @@ import "../chunk-PKUHTIDK.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) => {
+  emit("update:modelValue", ...args);
+  emit("input", ...args);
+};
 const handleChange = ({ emit, state }) => (event) => {
   const value = event.target.value;
   emit("change", state.searchValue, value);
 };
-const handleInput = ({ emit, state }) => (event) => {
+const handleInput = ({ api, state }) => (event) => {
   const value = event.target.value;
-  emit("update:modelValue", value, state.searchValue);
+  api.emitInput(value, state.searchValue);
 };
 const showSelector = ({ refs, state }) => () => {
   refs.selector.style.zIndex = PopupManager.nextZIndex();
@@ -19,7 +23,8 @@ const changeKey = ({ emit, state }) => (key) => {
   state.show = false;
   emit("select", key);
 };
-const searchClick = ({ emit, props, state }) => () => {
+const searchClick = ({ emit, props, state }) => (e) => {
+  e.preventDefault();
   if (props.mini && state.collapse) {
     state.collapse = false;
   } else {
@@ -63,12 +68,13 @@ const mounted = (api) => () => {
 const beforeDestroy = (api) => () => {
   off(document.body, "click", api.clickOutside);
 };
-const clear = ({ emit, refs, state }) => () => {
+const clear = ({ api, emit, refs, state }) => (e) => {
+  e.preventDefault();
   state.currentValue = "";
   refs.input.focus();
   state.focus = true;
   emit("change", [], "");
-  emit("update:modelValue", "", state.searchValue);
+  api.emitInput("", state.searchValue);
   emit("clear");
 };
 export {
@@ -76,6 +82,7 @@ export {
   changeKey,
   clear,
   clickOutside,
+  emitInput,
   formatSearchTypes,
   handleChange,
   handleInput,

package/search/vue.js

@@ -14,7 +14,8 @@ import {
   mounted,
   formatSearchTypes,
   setDefaultType,
-  searchEnterKey
+  searchEnterKey,
+  emitInput
 } from "./index";
 const api = [
   "state",
@@ -69,15 +70,16 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, toR
   }));
   const api2 = __spreadValues({
     state,
-    clear: clear({ emit, refs, state }),
     changeKey: changeKey({ state, emit }),
-    handleChange: handleChange({ emit, state, props }),
-    handleInput: handleInput({ emit, state, props }),
+    handleChange: handleChange({ emit, state }),
     showSelector: showSelector({ refs, state }),
     searchClick: searchClick({ emit, props, state }),
-    clickOutside: clickOutside({ parent, props, state })
+    clickOutside: clickOutside({ parent, props, state }),
+    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));