@opentiny/vue-renderless 3.17.4 → 3.17.5

package/breadcrumb-item/vue.js

@@ -5,7 +5,7 @@ const renderless = (props, { reactive, inject }, { designConfig }, { refs, route
   const breadcrumbEmitter = inject("breadcrumbEmitter");
   const breadcrumb = inject("breadcrumb");
   const constants = breadcrumb._constants;
-  const separator = props.separator || (designConfig == null ? void 0 : designConfig.separator) || ">";
+  const separator = breadcrumb.separator || (designConfig == null ? void 0 : designConfig.separator) || ">";
   const state = reactive({
     size: inject("size", null),
     separator

package/common/index.js

@@ -237,7 +237,7 @@ const CASCADER = {
   PropsHover: "hoverThreshold",
   MenuConnector: "cascader-menu-"
 };
-const version = "3.17.4";
+const version = "3.17.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.17.4";
+const version = "3.17.5";
 const Renderless = {
   browser,
   array,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.4",
+  "version": "3.17.5",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
   "license": "MIT",
@@ -29,7 +29,7 @@
     "xss": "1.0.11"
   },
   "devDependencies": {
-    "esno": "^0.16.3",
+    "esno": "^4.7.0",
     "tsup": "7.2.0"
   },
   "scripts": {

package/radio-group/index.js

@@ -10,9 +10,9 @@ const handleKeydown = (parent) => (event) => {
   switch (event.keyCode) {
     case KEY_CODE.ArrowDown:
     case KEY_CODE.ArrowRight:
+      event.stopPropagation();
+      event.preventDefault();
       if (index === length - 1) {
-        event.stopPropagation();
-        event.preventDefault();
         roleRadiosNodes[0].click();
         roleRadiosNodes[0].focus();
       } else {

package/tree-menu/vue.js

@@ -67,7 +67,8 @@ const renderless = (props, { computed, watch, reactive, onMounted }, { t, servic
     treeStyle: computed(() => api2.computedTreeStyle()),
     defaultExpandedKeys: computed(
       () => props.defaultExpandedKeys && props.defaultExpandedKeys.length ? props.defaultExpandedKeys : state.currentKey
-    )
+    ),
+    clearable: computed(() => props.clearable)
   });
   Object.assign(api2, {
     t,

package/tree-select/index.js

@@ -0,0 +1,36 @@
+import {
+  __spreadProps,
+  __spreadValues
+} from "../chunk-G2ADBYYC.js";
+const filter = ({ vm: vm2 }) => (value) => {
+  vm2.$refs.treeRef.filter(value);
+};
+const nodeClick = ({ props, vm: vm2 }) => (data) => {
+  if (!props.multiple) {
+    vm2.$refs.baseSelectRef.updateSelectedData(__spreadProps(__spreadValues({}, data), {
+      currentLabel: data[props.textField],
+      value: data[props.valueField],
+      state: {
+        currentLabel: data[props.textField]
+      }
+    }));
+    vm2.$refs.baseSelectRef.hidePanel();
+  }
+};
+const check = ({ props }) => (data, { checkedNodes }) => {
+  if (props.multiple) {
+    vm.$refs.baseSelectRef.updateSelectedData(
+      checkedNodes.map((node) => {
+        return __spreadProps(__spreadValues({}, node), {
+          currentLabel: node[props.textField],
+          value: node[props.valueField]
+        });
+      })
+    );
+  }
+};
+export {
+  check,
+  filter,
+  nodeClick
+};

package/tree-select/vue.js

@@ -0,0 +1,21 @@
+import "../chunk-G2ADBYYC.js";
+import { filter, nodeClick, check } from "./index";
+const api = ["state", "filter", "nodeClick", "check"];
+const renderless = (props, { reactive }, { vm }) => {
+  const api2 = {};
+  const state = reactive({
+    value: props.modelValue,
+    treeData: props.treeOp.data
+  });
+  Object.assign(api2, {
+    state,
+    filter: filter({ vm }),
+    nodeClick: nodeClick({ props, vm }),
+    check: check({ props })
+  });
+  return api2;
+};
+export {
+  api,
+  renderless
+};

package/types/tree-menu.type.d.ts

@@ -1,5 +1,5 @@
 import * as vue from 'vue';
-import { ExtractPropTypes } from 'vue';
+import { ComputedRef, ExtractPropTypes } from 'vue';
 import * as _opentiny_vue_common from '@opentiny/vue-common';
 import { ISharedRenderlessParamUtils } from './shared.type.js';
 
@@ -84,6 +84,10 @@ declare const treeMenuProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     tiny_mode: StringConstructor;
     tiny_mode_root: BooleanConstructor;
     tiny_template: (FunctionConstructor | ObjectConstructor)[];
@@ -166,6 +170,7 @@ interface ITreeMenuState {
     data?: unknown[];
     filterText: string;
     isCollapsed: boolean;
+    clearable: ComputedRef<boolean>;
 }
 type ITreeMenuProps = ExtractPropTypes<typeof treeMenuProps>;
 interface ITreeMenuApi {