@opentiny/vue-renderless 3.28.1 → 3.29.0

package/alert/vue.js

@@ -9,6 +9,7 @@ import {
   watchAutoHide,
   handlerTargetNode
 } from "./index";
+import { nanoid } from "@opentiny/utils";
 const api = ["handleClose", "state", "handleHeaderClick"];
 const initState = ({ api: api2, computed, constants, reactive }) => {
   return reactive({
@@ -21,7 +22,9 @@ const initState = ({ api: api2, computed, constants, reactive }) => {
     getIcon: computed(() => api2.computedGetIcon()),
     getTitle: computed(() => api2.computedGetTitle()),
     alertClass: computed(() => api2.computedClass()),
-    alertStyle: computed(() => api2.computedStyle())
+    alertStyle: computed(() => api2.computedStyle()),
+    titleId: `tiny-alert-title-${nanoid.api.nanoid(8)}`,
+    contentId: `tiny-alert-description-${nanoid.api.nanoid(8)}`
   });
 };
 const initApi = ({ api: api2, state, constants, props, designConfig, t, emit, vm, parent, nextTick, mode }) => {

package/base-select/index.js

@@ -1214,10 +1214,9 @@ const computedCurrentSizeMap = ({ state, designConfig }) => () => {
   const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
   return sizeMap[state.selectSize || "default"];
 };
-const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
+const mounted = ({ api, parent, state, props, vm, designConfig, nextTick }) => () => {
   const parentEl = parent.$el;
   const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
-  const inputClientRect = inputEl && inputEl.getBoundingClientRect() || {};
   if (inputEl === document.activeElement) {
     document.activeElement.blur();
   }
@@ -1229,10 +1228,14 @@ const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
   if (vm.$refs.tags) {
     addResizeListener(vm.$refs.tags, api.resetInputHeight);
   }
+  nextTick(() => {
+    if (inputEl) {
+      state.inputWidth = inputEl.offsetWidth || 0;
+    }
+  });
   if (props.remote && props.multiple) {
     api.resetInputHeight();
   }
-  state.inputWidth = inputClientRect.width;
   api.initQuery({ init: true }).then(() => {
     api.setSelected(true);
     if (props.modelValue && props.initLabel) {

package/base-select/vue.js

@@ -472,7 +472,7 @@ const addApi = ({
     debouncRquest: debouncRquest({ api: api2, state, props }),
     defaultOnQueryChange: defaultOnQueryChange({ props, state, constants, api: api2, nextTick, vm }),
     queryChange: queryChange({ props, state, constants, api: api2, nextTick, vm }),
-    mounted: mounted({ api: api2, parent, state, props, vm, designConfig }),
+    mounted: mounted({ api: api2, parent, state, props, vm, designConfig, nextTick }),
     unMount: unMount({ api: api2, parent, vm, state }),
     watchOptimizeOpts: watchOptimizeOpts({ props, state }),
     handleDropdownClick: handleDropdownClick({ props, vm, state, emit }),

package/date-range/index.js

@@ -139,7 +139,7 @@ const handleClear = ({ emit, state }) => () => {
   state.rightDate = nextMonth1(state.leftDate);
   state.rangeState.selecting = false;
   state.rangeState.endDate = null;
-  emit("pick", []);
+  emit("pick", null);
 };
 const handleChangeRange = (state, props) => (val) => {
   if (props.readonly) {

package/dialog-box/vue.js

@@ -22,6 +22,7 @@ import {
   hideScrollbar,
   toggleFullScreen
 } from "./index";
+import { nanoid } from "@opentiny/utils";
 import { usePopup } from "@opentiny/vue-hooks";
 const api = [
   "afterEnter",
@@ -61,7 +62,9 @@ const initState = ({
     style: computed(() => api2.computedStyle()),
     animationName: computed(() => api2.computedAnimationName()),
     current,
-    dragStyle: null
+    dragStyle: null,
+    titleId: `tiny-dialog-box-title-${nanoid.api.nanoid(8)}`,
+    contentId: `tiny-dialog-box-content-${nanoid.api.nanoid(8)}`
   });
   return state;
 };

package/dialog-select/index.js

@@ -439,7 +439,7 @@ const multiGridRadioChange = ({ props, state }) => ({ row, $table }, event) => {
   }
 };
 const watchMulti = ({ api, state, props }) => () => {
-  state.splitValue = props.multi ? 0.7 : 1;
+  state.splitValue = props.multi && props.showSelectedBox ? 0.7 : 1;
   state.selectedChanged = false;
   state.selectedDatas = [];
   state.selectedValues = [];

package/drawer/index.js

@@ -28,6 +28,11 @@ const computedHeight = ({
 const close = ({ api }) => (force = true) => {
   api.handleClose("close", typeof force === "boolean" ? force : false);
 };
+const closed = ({ state, emit }) => () => {
+  if (!state.visible) {
+    emit("closed");
+  }
+};
 const watchVisible = ({ state, api }) => (value) => {
   value ? api.open() : api.close();
 };
@@ -146,6 +151,7 @@ export {
   addDragEvent,
   addKeydownEvent,
   close,
+  closed,
   computedHeight,
   computedWidth,
   confirm,

package/drawer/vue.js

@@ -1,6 +1,7 @@
 import "../chunk-G2ADBYYC.js";
 import {
   close,
+  closed,
   watchVisible,
   confirm,
   mousedown,
@@ -18,7 +19,7 @@ import {
   addKeydownEvent,
   removeKeydownEvent
 } from "./index";
-const api = ["state", "close", "confirm", "handleClose", "open"];
+const api = ["state", "close", "closed", "confirm", "handleClose", "open"];
 const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, computed }, { emit, vm, mode, constants, designConfig }) => {
   const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   const api2 = {};
@@ -35,6 +36,7 @@ const renderless = (props, { reactive, watch, onMounted, onBeforeUnmount, comput
     open: open({ state, emit, vm }),
     confirm: confirm({ api: api2 }),
     close: close({ api: api2 }),
+    closed: closed({ state, emit }),
     handleClose: handleClose({ emit, props, state }),
     mousedown: mousedown({ state, vm }),
     mousemove: mousemove({ state, props, emit }),

package/fluent-editor/index.js

@@ -1,4 +1,6 @@
-import "../chunk-G2ADBYYC.js";
+import {
+  __spreadValues
+} from "../chunk-G2ADBYYC.js";
 import { extend } from "@opentiny/utils";
 import { isNull } from "@opentiny/utils";
 import { xss } from "@opentiny/utils";
@@ -18,12 +20,23 @@ const init = ({
   useBreakpoint,
   simpleToolbar
 }) => () => {
-  var _a;
+  var _a, _b, _c;
   UploaderDfls.enableMultiUpload = { file: true, image: true };
   UploaderDfls.handler = api.uploaderDflsHandler;
   UploaderDfls.imagePasteFailCallback = props.imagePasteFailCallback;
   defaultOptions.modules.toolbar.handlers = api.handlers();
   state.innerOptions = extend(true, {}, defaultOptions, props.globalOptions, props.options);
+  const toolbarOpt = (_b = (_a = state.innerOptions) == null ? void 0 : _a.modules) == null ? void 0 : _b.toolbar;
+  const defaultHandlers = api.handlers();
+  if (Array.isArray(toolbarOpt)) {
+    state.innerOptions.modules.toolbar = {
+      container: toolbarOpt,
+      handlers: defaultHandlers
+    };
+  } else if (toolbarOpt && typeof toolbarOpt === "object") {
+    const userHandlers = toolbarOpt.handlers || {};
+    state.innerOptions.modules.toolbar.handlers = __spreadValues(__spreadValues({}, defaultHandlers), userHandlers);
+  }
   if (props.imageUpload) {
     state.innerOptions.imageUpload = props.imageUpload;
   } else {
@@ -43,7 +56,7 @@ const init = ({
   if (current.value === "default") {
     state.innerOptions.modules.toolbar = simpleToolbar;
   }
-  (_a = props.beforeEditorInit) == null ? void 0 : _a.call(props, FluentEditor);
+  (_c = props.beforeEditorInit) == null ? void 0 : _c.call(props, FluentEditor);
   const quill = new FluentEditor(vm.$refs.editor, state.innerOptions);
   quill.emitter.on("file-change", api.fileOperationToSev);
   state.quill = Object.freeze(quill);
@@ -458,6 +471,59 @@ const uploadImageToSev = ({ state }) => (event) => {
   };
   xhr.send(fd);
 };
+const alignHandler = ({ state, FluentEditor }) => (value) => {
+  var _a, _b, _c, _d;
+  const range = state.quill.getSelection(true);
+  if (!range) {
+    return;
+  }
+  const betterTableModule = state.quill.getModule("better-table");
+  const selectedTds = (_a = betterTableModule == null ? void 0 : betterTableModule.tableSelection) == null ? void 0 : _a.selectedTds;
+  if (Array.isArray(selectedTds) && selectedTds.length > 0) {
+    const selectedCells = selectedTds.map((tdBlot) => tdBlot == null ? void 0 : tdBlot.domNode).filter(Boolean);
+    selectedCells.forEach((cellElement) => {
+      const cellBlot = state.quill.scroll.find(cellElement);
+      if (!cellBlot)
+        return;
+      const lines = [];
+      const findLines = (blot) => {
+        var _a2, _b2;
+        if (((_a2 = blot == null ? void 0 : blot.statics) == null ? void 0 : _a2.blotName) === "table-cell-line") {
+          lines.push(blot);
+        }
+        if ((_b2 = blot == null ? void 0 : blot.children) == null ? void 0 : _b2.length) {
+          blot.children.forEach((child) => findLines(child));
+        }
+      };
+      findLines(cellBlot);
+      lines.forEach((line2) => {
+        var _a2;
+        try {
+          const lineIndex = state.quill.getIndex(line2);
+          if (lineIndex !== null && lineIndex >= 0) {
+            const lineLength = line2.length();
+            if (lineLength > 0) {
+              state.quill.formatLine(lineIndex, lineLength, "align", value, FluentEditor.sources.USER);
+            }
+          }
+        } catch (e) {
+          try {
+            (_a2 = line2 == null ? void 0 : line2.format) == null ? void 0 : _a2.call(line2, "align", value);
+          } catch (err) {
+          }
+        }
+      });
+    });
+    (_c = (_b = betterTableModule == null ? void 0 : betterTableModule.tableSelection) == null ? void 0 : _b.clearSelection) == null ? void 0 : _c.call(_b);
+    return;
+  }
+  const [line] = state.quill.getLine(range.index);
+  if (((_d = line == null ? void 0 : line.statics) == null ? void 0 : _d.blotName) === "table-cell-line") {
+    state.quill.formatLine(range.index, 1, "align", value, FluentEditor.sources.USER);
+    return;
+  }
+  state.quill.format("align", value, FluentEditor.sources.USER);
+};
 const handlers = ({ api }) => () => {
   return {
     undo: api.undoHandler,
@@ -465,7 +531,8 @@ const handlers = ({ api }) => () => {
     lineheight: api.lineheightHandler,
     file: api.fileHandler,
     image: api.imageHandler,
-    inputFile: api.inputFileHandler
+    inputFile: api.inputFileHandler,
+    align: api.alignHandler
   };
 };
 const getFileUploadUrl = ({ service }) => () => {
@@ -661,6 +728,7 @@ const setToolbarTitle = ({ state, t }) => () => {
 const computeZIndex = ({ constants, props }) => () => props.zIndex === constants.EDITOR_FULLSCREEN_OPTIONS || props.zIndex < 1 ? PopupManager.nextZIndex() : props.zIndex;
 export {
   addFullscreenchange,
+  alignHandler,
   beforeUnmount,
   checkTableISEndElement,
   computePreviewOptions,

package/fluent-editor/vue.js

@@ -36,7 +36,8 @@ import {
   handleCompositionstart,
   handleCompositionend,
   removeHandleComposition,
-  checkTableISEndElement
+  checkTableISEndElement,
+  alignHandler
 } from "./index";
 import { defaultOption, iconOption, iconOptionMobileFirst, simpleToolbar } from "./options";
 const api = ["state", "init", "initContent", "selectionChange", "textChange", "doPreview", "handleDblclick"];
@@ -101,6 +102,7 @@ const initApi = ({ api: api2, state, service, emit, props, nextTick, FluentEdito
     undoHandler: undoHandler({ state }),
     redoHandler: redoHandler({ state }),
     lineheightHandler: lineheightHandler({ state, FluentEditor }),
+    alignHandler: alignHandler({ state, FluentEditor }),
     inputFileHandler: inputFileHandler({ state, UploaderDfls }),
     insertFileToEditor: insertFileToEditor({ state, FluentEditor, Delta }),
     insertImageToEditor: insertImageToEditor({ state, FluentEditor, Delta }),

package/form-item/index.js

@@ -268,7 +268,7 @@ const getFilteredRule = (api) => (trigger) => {
   }).map((rule) => merge({}, rule));
 };
 const onFieldBlur = (api) => () => {
-  api.validate("blur");
+  api.validateOrigin("blur");
 };
 const onFieldChange = ({ api, state }) => () => {
   if (state.validateDisabled) {

package/form-item/vue.js

@@ -32,9 +32,11 @@ import {
   handleMouseenter,
   handleMouseleave
 } from "./index";
+import { nanoid } from "@opentiny/utils";
 const api = [
   "state",
   "validate",
+  "validateOrigin",
   "clearValidate",
   "resetField",
   "getRules",
@@ -58,6 +60,9 @@ const initState = ({
   inject,
   props
 }) => {
+  const uniqueId = nanoid.api.nanoid(8);
+  const errorId = `tiny-form-item-error-${uniqueId}`;
+  const labelId = `tiny-form-item-label-${uniqueId}`;
   const state = reactive({
     mode,
     validateState: "",
@@ -77,6 +82,9 @@ const initState = ({
     showTooltip: false,
     typeName: "",
     formInstance: inject("form"),
+    // 无障碍支持：为错误信息和标签生成唯一 ID
+    errorId,
+    labelId,
     labelFor: computed(() => props.for || props.prop || ""),
     labelStyle: computed(() => api2.computedLabelStyle()),
     valueStyle: computed(() => api2.computedValueStyle()),
@@ -142,6 +150,7 @@ const initState = ({
   return state;
 };
 const initApi = ({ api: api2, state, dispatch, broadcast, props, constants, vm, t, nextTick, slots }) => {
+  const validateOriginFunc = validate({ api: api2, props, state, t });
   Object.assign(api2, {
     state,
     dispatch,
@@ -170,7 +179,8 @@ const initApi = ({ api: api2, state, dispatch, broadcast, props, constants, vm,
     onFieldBlur: onFieldBlur(api2),
     onFieldChange: onFieldChange({ api: api2, state }),
     addValidateEvents: addValidateEvents({ api: api2, vm, props, state }),
-    validate: wrapValidate({ validateFunc: validate({ api: api2, props, state, t }), props }),
+    validateOrigin: validateOriginFunc,
+    validate: wrapValidate({ validateFunc: validateOriginFunc, props }),
     getDisplayedValue: getDisplayedValue({ state }),
     clearDisplayedValue: clearDisplayedValue({ state }),
     handleLabelMouseenter: handleLabelMouseenter({ props, state, slots }),

package/grid-select/index.js

@@ -31,7 +31,7 @@ const syncGridSelection = ({ props, vm, state, nextTick }) => () => {
       const fullData = (tableData == null ? void 0 : tableData.fullData) || [];
       if (props.multiple) {
         if (Array.isArray(state.modelValue) && state.modelValue.length > 0) {
-          const rowsToSelect = fullData.filter((row) => state.modelValue.indexOf(row[props.valueField]) !== -1);
+          const rowsToSelect = fullData.filter((row) => state.modelValue.includes(row[props.valueField]));
           vm.$refs.gridRef.clearSelection();
           if (rowsToSelect.length > 0) {
             vm.$refs.gridRef.setSelection(rowsToSelect, true);
@@ -93,7 +93,7 @@ const filter = ({ props, state, vm }) => async (value) => {
       if (multiple) {
         const selectedIds = Array.isArray(state.selected) ? state.selected.map((sel) => sel[valueField]) : [];
         vm.$refs.gridRef.clearSelection();
-        const selectedRows = data.filter((row) => selectedIds.indexOf(row[valueField]) !== -1);
+        const selectedRows = data.filter((row) => selectedIds.includes(row[valueField]));
         if (selectedRows.length > 0) {
           vm.$refs.gridRef.setSelection(selectedRows, true);
         }
@@ -441,7 +441,7 @@ const selectChange = ({ props, vm, emit, state, nextTick }) => ({ $table, select
         try {
           const tableData = vm.$refs.gridRef.getTableData();
           const fullData = (tableData == null ? void 0 : tableData.fullData) || [];
-          const rowsToSelect = fullData.filter((row2) => currentValue.indexOf(row2[valueField]) !== -1);
+          const rowsToSelect = fullData.filter((row2) => currentValue.includes(row2[valueField]));
           vm.$refs.gridRef.clearSelection();
           if (rowsToSelect.length > 0) {
             vm.$refs.gridRef.setSelection(rowsToSelect, true);

package/guide/index.js

@@ -103,7 +103,7 @@ const itemStep = (item, state, deepCopy, index, Shepherd) => {
     hightBox: item.hightBox || null,
     buttons: deepCopy[index].button,
     cancelIcon: {
-      enabled: true
+      enabled: state.showClose
     },
     id: item.id,
     scrollTo: true,
@@ -122,16 +122,22 @@ const itemStep = (item, state, deepCopy, index, Shepherd) => {
         const currentStepElement = currentStep && currentStep.getElement();
         const footer = currentStepElement && currentStepElement.querySelector(".shepherd-footer");
         const cancelIcon = currentStepElement && currentStepElement.querySelector(".shepherd-header .shepherd-cancel-icon span");
-        const cloesIcon = `<svg  viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-        <desc fill="none">
-            Created with Pixso.
-        </desc>
-        <defs fill="none" />
-        <g>
-          <path id="path" d="M12.49 3.3C12.66 3.47 12.66 3.74 12.54 3.92L8.58 7.89L12.49 11.77C12.7 11.96 12.72 12.25 12.54 12.48C12.37 12.67 12.05 12.72 11.83 12.54L7.88 8.58L4 12.49C3.82 12.66 3.5 12.67 3.32 12.5C3.13 12.33 3.08 12.05 3.24 11.83L7.17 7.89L3.29 4C3.12 3.79 3.13 3.48 3.33 3.29C3.5 3.15 3.75 3.13 3.91 3.24L7.88 7.17L11.78 3.3C11.96 3.08 12.29 3.08 12.49 3.3Z" fill-opacity="1.000000" fill-rule="evenodd"/>
-        </g>
-      </svg>`;
-        cancelIcon.innerHTML = cloesIcon;
+        if (cancelIcon) {
+          if (state.showClose) {
+            const cloesIcon = `<svg  viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+            <desc fill="none">
+                Created with Pixso.
+            </desc>
+            <defs fill="none" />
+            <g>
+              <path id="path" d="M12.49 3.3C12.66 3.47 12.66 3.74 12.54 3.92L8.58 7.89L12.49 11.77C12.7 11.96 12.72 12.25 12.54 12.48C12.37 12.67 12.05 12.72 11.83 12.54L7.88 8.58L4 12.49C3.82 12.66 3.5 12.67 3.32 12.5C3.13 12.33 3.08 12.05 3.24 11.83L7.17 7.89L3.29 4C3.12 3.79 3.13 3.48 3.33 3.29C3.5 3.15 3.75 3.13 3.91 3.24L7.88 7.17L11.78 3.3C11.96 3.08 12.29 3.08 12.49 3.3Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+            </g>
+          </svg>`;
+            cancelIcon.innerHTML = cloesIcon;
+          } else {
+            cancelIcon.parentElement.style.display = "none";
+          }
+        }
         const progress = document.createElement("span");
         progress.classList.add("progress-style");
         progress.innerText = `${Shepherd.activeTour && Shepherd.activeTour.steps.indexOf(currentStep) + 1}/${Shepherd.activeTour && Shepherd.activeTour.steps.length}`;

package/guide/vue.js

@@ -17,7 +17,8 @@ const renderless = (props, { reactive, onMounted, onBeforeUnmount, watch }, { de
     modalOverlayOpeningPadding: props.modalOverlayOpeningPadding,
     modalOverlayOpeningRadius: props.modalOverlayOpeningRadius,
     arrow: props.arrow,
-    lightClass: props.lightClass
+    lightClass: props.lightClass,
+    showClose: props.showClose
   });
   let baseApi = {
     state,

package/input/vue.js

@@ -222,7 +222,7 @@ const mergeApi = ({
     }),
     handleFocus: handleFocus({ api: api2, emit, state }),
     handleInput: handleInput({ api: api2, emit, nextTick, state }),
-    resizeTextarea: debounce(200, resizeTextarea({ api: api2, parent, vm, state, props })),
+    resizeTextarea: debounce(200, true, resizeTextarea({ api: api2, parent, vm, state, props })),
     updateIconOffset: updateIconOffset(api2),
     calcTextareaHeight: calcTextareaHeight({
       api: api2,

package/modal/index.js

@@ -87,12 +87,12 @@ const mouseEnterEvent = (state) => () => {
 };
 const mouseLeaveEvent = ({ api, props, state }) => () => {
   api.addMsgQueue();
-  state.timer = window.setTimeout(
-    () => {
+  const duration = parseFloat(props.duration);
+  if (duration > 0) {
+    state.timer = window.setTimeout(() => {
       api.close("close");
-    },
-    parseFloat(props.duration)
-  );
+    }, duration);
+  }
 };
 const updateZindex = ({ state, props }) => () => {
   state.modalZindex = props.zIndex || PopupManager.nextZIndex();
@@ -157,12 +157,12 @@ const open = ({
     }, 10);
     if (state.isMsg) {
       api.addMsgQueue();
-      state.timer = window.setTimeout(
-        () => {
+      const duration = parseFloat(props.duration);
+      if (duration > 0) {
+        state.timer = window.setTimeout(() => {
           api.close(params.type);
-        },
-        parseFloat(props.duration)
-      );
+        }, duration);
+      }
     } else {
       nextTick(() => {
         if (!isMobileFirstMode) {
@@ -233,7 +233,7 @@ const close = ({ emit, parent, props, state }) => (type) => {
         emit("update:modelValue", false);
         emit("hide", params);
       }
-    }, 200);
+    }, 400);
   }
 };
 const handleGlobalKeydownEvent = (api) => (event) => {

package/modal/vue.js

@@ -33,6 +33,7 @@ import {
   hideScrollbar,
   watchVisible
 } from "./index";
+import { nanoid } from "@opentiny/utils";
 const api = [
   "state",
   "dragEvent",
@@ -59,6 +60,8 @@ const renderless = (props, { computed, onMounted, onBeforeUnmount, reactive, wat
   const api2 = {};
   const lockScrollClass = constants.SCROLL_LOCK_CLASS(mode);
   const state = reactive({
+    titleId: "tiny-modal-title-" + nanoid.api.nanoid(8),
+    contentId: "tiny-modal-content-" + nanoid.api.nanoid(8),
     emitter: emitter(),
     visible: false,
     contentVisible: false,

package/notify/vue.js

@@ -11,6 +11,7 @@ import {
   getPositionSide,
   getZindex
 } from "./index";
+import { nanoid } from "@opentiny/utils";
 const api = [
   "state",
   "clearTimer",
@@ -37,7 +38,9 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, wat
     dangerouslyUseHTMLString: false,
     positionStyle: computed(() => api2.getOffsetStyle(state)),
     verticalProperty: computed(() => api2.getPositionSide(state)),
-    customClass: computed(() => props.customClass)
+    customClass: computed(() => props.customClass),
+    titleId: `tiny-notify-title-${nanoid.api.nanoid(8)}`,
+    contentId: `tiny-notify-content-${nanoid.api.nanoid(8)}`
   });
   Object.assign(api2, {
     state,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.28.1",
+  "version": "3.29.0",
   "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",
@@ -25,8 +25,8 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@opentiny/utils": "~3.28.0",
-    "@opentiny/vue-hooks": "~3.28.0",
+    "@opentiny/utils": "~3.29.0",
+    "@opentiny/vue-hooks": "~3.29.0",
     "color": "4.2.3"
   },
   "devDependencies": {

package/picker/vue.js

@@ -59,7 +59,7 @@ import {
   formatInputValue
 } from "./index";
 import { dateMobileToggle, timeMobileToggle, dateToTimeArray, timeArrayToDate, timeMobileConfirm } from "./mb";
-import { DATEPICKER } from "@opentiny/utils";
+import { DATEPICKER, nanoid } from "@opentiny/utils";
 const api = [
   "state",
   "btnClick",
@@ -154,7 +154,8 @@ const initState = ({ api: api2, reactive, vm, computed, props, utils, parent, br
     innerWidth: 0,
     breakLine: computed(
       () => (state.innerWidth < 230 && state.type === "daterange" || state.innerWidth < 335 && state.type === "datetimerange") && state.displayValue && state.displayValue[1]
-    )
+    ),
+    ariaPanelId: "panel-" + nanoid.api.nanoid(8)
   });
   return state;
 };

package/qr-code/vue.js

@@ -21,7 +21,9 @@ const renderless = (props, { reactive, watch, onMounted }, { vm, emit }, { QRCod
     () => {
       api2.draw();
       api2.change();
-    }
+    },
+    { deep: true }
+    // 添加深度监听，防止响应式失效
   );
   return api2;
 };

package/rate/index.js

@@ -52,7 +52,9 @@ const selectValue = ({ emit, props, state }) => (value) => {
   if (props.disabled) {
     return;
   }
-  if (props.allowHalf && state.pointerAtLeftHalf) {
+  if (props.clearable && props.modelValue === value) {
+    value = 0;
+  } else if (props.allowHalf && state.pointerAtLeftHalf) {
     value = state.currentValue;
   }
   emit("update:modelValue", value);

package/search/vue.js

@@ -17,6 +17,9 @@ import {
   searchEnterKey,
   emitInput
 } from "./index";
+const generateUniqueId = () => {
+  return `search-${Date.now()}-${Math.random().toString(36).substring(2, 11)}`;
+};
 const api = [
   "state",
   "handleChange",
@@ -68,7 +71,9 @@ const renderless = (props, { computed, onBeforeUnmount, onMounted, reactive, toR
   }, formatSearchTypes2.state), {
     showClear: computed(() => props.clearable && (state.focus || state.hovering) && state.currentValue),
     formItemSize: computed(() => (parent.formItem || {}).formItemSize),
-    searchSize: computed(() => props.size || state.formItemSize)
+    searchSize: computed(() => props.size || state.formItemSize),
+    instanceId: generateUniqueId()
+    // 生成唯一 ID，用于避免多个组件实例时 id 重复
   }));
   const api2 = __spreadValues({
     state,

package/select/index.js

@@ -1498,11 +1498,10 @@ const computedCurrentSizeMap = ({ state, designConfig }) => () => {
   const sizeMap = ((_a = designConfig == null ? void 0 : designConfig.state) == null ? void 0 : _a.sizeMap) || defaultSizeMap;
   return sizeMap[state.selectSize || "default"];
 };
-const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
+const mounted = ({ api, parent, state, props, vm, designConfig, nextTick }) => () => {
   state.defaultCheckedKeys = props.multiple ? state.gridCheckedData : props.treeOp.defaultCheckedKeys || [];
   const parentEl = parent.$el;
   const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]');
-  const inputClientRect = inputEl && inputEl.getBoundingClientRect() || {};
   if (inputEl === document.activeElement) {
     document.activeElement.blur();
   }
@@ -1514,10 +1513,14 @@ const mounted = ({ api, parent, state, props, vm, designConfig }) => () => {
   if (vm.$refs.tags) {
     addResizeListener(vm.$refs.tags, api.resetInputHeight);
   }
+  nextTick(() => {
+    if (inputEl) {
+      state.inputWidth = inputEl.offsetWidth || 0;
+    }
+  });
   if (props.remote && props.multiple) {
     api.resetInputHeight();
   }
-  state.inputWidth = inputClientRect.width;
   api.initQuery({ init: true }).then(() => {
     api.setSelected(true);
     if (props.modelValue && props.initLabel) {