@opentiny/vue-renderless 3.17.4 → 3.17.6

package/breadcrumb-item/vue.js

@@ -1,14 +1,13 @@
 import "../chunk-G2ADBYYC.js";
 import { linkClick } from "./index";
 const api = ["linkClick", "state"];
-const renderless = (props, { reactive, inject }, { designConfig }, { refs, router, emit }) => {
+const renderless = (props, { reactive, inject, computed }, { refs, router, emit, designConfig }) => {
   const breadcrumbEmitter = inject("breadcrumbEmitter");
   const breadcrumb = inject("breadcrumb");
   const constants = breadcrumb._constants;
-  const separator = props.separator || (designConfig == null ? void 0 : designConfig.separator) || ">";
   const state = reactive({
     size: inject("size", null),
-    separator
+    separator: computed(() => breadcrumb.separator || (designConfig == null ? void 0 : designConfig.separator) || ">")
   });
   const api2 = {
     state,

package/common/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.17.4",
+  "version": "3.17.6",
   "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/file-upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-023fd6e9.js';
+export { C as IFileUploadAfterDownload, m as IFileUploadApi, D as IFileUploadBatchSegmentDownload, y as IFileUploadBatchSegmentUpload, a as IFileUploadConstants, w as IFileUploadDownloadFileInner, x as IFileUploadDownloadFileSingle, u as IFileUploadDownloadFileSingleInner, t as IFileUploadEdmDownload, s as IFileUploadFile, A as IFileUploadGetFormData, v as IFileUploadLargeDocumentDownload, r as IFileUploadModalVm, o as IFileUploadProps, p as IFileUploadRenderlessParamUtils, q as IFileUploadRenderlessParams, z as IFileUploadSegmentUploadInner, n as IFileUploadService, B as IFileUploadSetWriterFile, E as IFileUploadSliceDownloadChunk, l as IFileUploadState, F as IFileUploadStreamsaver, I as IFileUploadVm } from './upload-list.type-02a1effb.js';
 import './shared.type.js';

package/types/input.type.d.ts

@@ -237,7 +237,7 @@ declare const calculateNodeStyling: () => (targetElement: HTMLElement) => {
     borderSize: number;
     boxSizing: string;
 };
-declare const calcTextareaHeight: ({ api, hiddenTextarea, props, state, mode, constants }: Pick<IInputRenderlessParams, "state" | "props" | "mode" | "api" | "constants"> & {
+declare const calcTextareaHeight: ({ api, hiddenTextarea, props, state, mode, constants }: Pick<IInputRenderlessParams, "mode" | "props" | "state" | "api" | "constants"> & {
     hiddenTextarea: HTMLTextAreaElement | null;
 }) => (targetElement: HTMLTextAreaElement, minRows?: number, maxRows?: null) => {
     minHeight?: string | undefined;

package/types/popover.type.d.ts

@@ -92,7 +92,7 @@ declare const popoverProps: {
  *
  */
 
-declare const mounted: ({ api, state, constants, props, nextTick, mode }: Pick<IPopoverRenderlessParams, "state" | "props" | "nextTick" | "mode" | "api"> & {
+declare const mounted: ({ api, state, constants, props, nextTick, mode }: Pick<IPopoverRenderlessParams, "mode" | "props" | "state" | "api" | "nextTick"> & {
     constants: {
         IDPREFIX: string;
     };

package/types/transfer.type.d.ts

@@ -108,14 +108,14 @@ declare const getSourceData: ({ props, Tree }: Pick<ITransferRenderlessParams, "
     Tree: string;
 }) => () => unknown[];
 /** 返回右边的数据项 */
-declare const getTargetData: ({ props, state, Tree, Table }: Pick<ITransferRenderlessParams, "state" | "props"> & {
+declare const getTargetData: ({ props, state, Tree, Table }: Pick<ITransferRenderlessParams, "props" | "state"> & {
     Tree: string;
     Table: string;
 }) => () => unknown;
 declare const onSourceCheckedChange: ({ emit, state }: Pick<ITransferRenderlessParams, 'emit' | 'state'>) => (val: string[], movedKeys: string[]) => void;
 declare const onTargetCheckedChange: ({ emit, state }: Pick<ITransferRenderlessParams, 'emit' | 'state'>) => (val: string[], movedKeys: string[]) => void;
 declare const addToLeft: ({ emit, props, state }: Pick<ITransferRenderlessParams, 'emit' | 'props' | 'state'>) => (value: undefined | 'all') => void;
-declare const addToRight: ({ emit, refs, props, state, Tree }: Pick<ITransferRenderlessParams, "state" | "props" | "refs" | "emit"> & {
+declare const addToRight: ({ emit, refs, props, state, Tree }: Pick<ITransferRenderlessParams, "emit" | "props" | "state" | "refs"> & {
     Tree: string;
 }) => (value: undefined | 'all') => void;
 declare const clearQuery: (refs: ITransferRenderlessParams['refs']) => (which: 'left' | 'right') => void;
@@ -126,7 +126,7 @@ declare const logicFun: ({ props, emit, state }: Pick<ITransferRenderlessParams,
     pullMode?: "sort" | undefined;
 }) => void;
 /** 组件加载后，给左右面板初始化Sortable的功能 */
-declare const sortableEvent: ({ api, droppanel, props, queryDom, refs }: Pick<ITransferRenderlessParams, "props" | "refs" | "api"> & {
+declare const sortableEvent: ({ api, droppanel, props, queryDom, refs }: Pick<ITransferRenderlessParams, "props" | "api" | "refs"> & {
     droppanel: string;
     queryDom: string;
 }) => () => void;

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 {

package/types/upload-dragger.type.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import { ISharedRenderlessParamUtils, ISharedRenderlessFunctionParams } from './shared.type.js';
-import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-023fd6e9.js';
+import { I as IFileUploadVm, a as IFileUploadConstants } from './upload-list.type-02a1effb.js';
 
 declare const UploadDraggerProps: {
     disabled: BooleanConstructor;

package/types/{upload-list.type-023fd6e9.d.ts → upload-list.type-02a1effb.d.ts}

@@ -404,7 +404,7 @@ declare const beforeUpload: ({ props, api, Modal, constants, t, state }: Pick<IF
 declare const startUpload: ({ state, constants, vm, Modal, api, t }: Pick<IFileUploadRenderlessParams, 'state' | 'constants' | 'vm' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile, isList: boolean) => void;
 declare const properFileSize: ({ props, state, api, constants, Modal, t }: Pick<IFileUploadRenderlessParams, 'props' | 'state' | 'constants' | 'api' | 't'> & IFileUploadModalVm) => (file: IFileUploadFile) => boolean;
 declare const addFileToList: ({ api, constants, emit, props, state, mode }: Pick<IFileUploadRenderlessParams, 'api' | 'constants' | 'emit' | 'props' | 'state' | 'mode'>) => (rawFile: IFileUploadFile, updateId: string, reUpload: boolean) => void;
-declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "state" | "emit" | "t" | "constants"> & IFileUploadModalVm & {
+declare const getFileHash: ({ emit, Modal, constants, t, CryptoJS, state }: Pick<IFileUploadRenderlessParams, "emit" | "state" | "t" | "constants"> & IFileUploadModalVm & {
     CryptoJS: object;
 }) => ({ file, chunkSize, showTips }: {
     file: IFileUploadFile;
@@ -484,13 +484,13 @@ declare const sliceDownloadChunk: ({ state }: Pick<IFileUploadRenderlessParams,
 declare const batchSegmentDownload: ({ state, api }: Pick<IFileUploadRenderlessParams, 'state' | 'api'>) => ({ batchIndex, batches, docId, isBatch, isLessThan17G }: IFileUploadBatchSegmentDownload) => void;
 declare const downloadFileInner: ({ api, props, state }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'state'>) => ({ batchIndex, file, range, isBatch, isChunk, isLessThan17G }: IFileUploadDownloadFileInner) => void;
 declare const afterDownload: ({ api, state }: Pick<IFileUploadRenderlessParams, 'api' | 'state'>) => ({ batchIndex, range, data, file, isBatch, isChunk, isLessThan17G }: IFileUploadAfterDownload) => void;
-declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRenderlessParams, "state" | "emit"> & {
+declare const setWriterFile: ({ state, emit, Streamsaver }: Pick<IFileUploadRenderlessParams, "emit" | "state"> & {
     Streamsaver: IFileUploadStreamsaver;
 }) => ({ data, index, isLessThan17G, file }: IFileUploadSetWriterFile) => Function;
 declare const getFormData$1: ({ constants, props, state }: Pick<IFileUploadRenderlessParams, 'constants' | 'props' | 'state'>) => ({ formData, file, type }: IFileUploadGetFormData) => IUploadFormData;
 declare const largeDocumentUpload: ({ api, Modal, state, t, emit, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'state' | 't' | 'emit' | 'constants'> & IFileUploadModalVm) => (file: IFileUploadFile) => void;
 declare const segmentUploadInit: ({ api, props, service, state, constants }: Pick<IFileUploadRenderlessParams, 'api' | 'props' | 'service' | 'state' | 'constants'>) => (file: IFileUploadFile) => Promise<unknown>;
-declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "state" | "props" | "emit" | "api" | "constants" | "service"> & {
+declare const segmentUpload: ({ api, props, service, state, emit, constants, CryptoJS }: Pick<IFileUploadRenderlessParams, "emit" | "props" | "state" | "api" | "constants" | "service"> & {
     CryptoJS: object;
 }) => (batchIndex: number, file: IFileUploadFile, progress: {
     file: IFileUploadFile;

package/types/upload-list.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-023fd6e9.js';
+export { H as IUploadListApi, J as IUploadListProps, K as IUploadListRenderlessParamUtils, L as IUploadListRenderlessParams, G as IUploadListState, M as IUploadListVideoParam } from './upload-list.type-02a1effb.js';
 import './shared.type.js';

package/types/upload.type.d.ts

@@ -1,3 +1,3 @@
 import 'vue';
-export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-023fd6e9.js';
+export { d as IUploadApi, i as IUploadFormData, k as IUploadOptionsOfHwh5, j as IUploadOptionsOfPost, e as IUploadProps, h as IUploadRenderlessOtherParams, f as IUploadRenderlessParamUtils, g as IUploadRenderlessParams, c as IUploadState, b as IUploadStateHeader } from './upload-list.type-02a1effb.js';
 import './shared.type.js';