@ibiz-template/vue3-components 0.7.37-alpha.5 → 0.7.38-alpha.12

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -77,8 +77,8 @@ export declare const IBizCode: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, nextTick, createVNode, onMounted, onUnmounted, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, watch, nextTick, createVNode, onMounted, onUnmounted, resolveComponent } from 'vue';
 import './monaco-editor.css';
 import { getCodeProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { ElMessageBox } from 'element-plus';

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -67,8 +67,8 @@ export declare const IBizColorPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getColorPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-color-picker.css';
 

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -75,8 +75,8 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, mergeProps, h } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-mpicker.css';
 import { clone } from 'lodash-es';

package/es/editor/data-picker/ibiz-picker/ibiz-picker.d.ts

@@ -74,8 +74,8 @@ export declare const IBizPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker/ibiz-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, resolveComponent, h, createVNode, mergeProps, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, resolveComponent, h, createVNode, mergeProps } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isEmpty, isNil } from 'ramda';
 import './ibiz-picker.css';

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.d.ts

@@ -75,8 +75,8 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker-dropdown/ibiz-picker-dropdown.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, onMounted, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, onMounted, createVNode, resolveComponent, mergeProps, h } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
 import './ibiz-picker-dropdown.css';

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -74,8 +74,8 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, computed, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, computed, resolveComponent, createVNode, h, createTextVNode } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-embed-view.css';
 import { clone } from 'ramda';

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.d.ts

@@ -61,8 +61,8 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker-link/ibiz-picker-link.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, onMounted, createVNode } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import './ibiz-picker-link.css';
 import { isNil } from 'ramda';

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view__arrow{display:flex;transition:transform .3s;transform:rotateZ(0);transform-origin:center center}.ibiz-picker-select-view__arrow>svg{width:14px;height:14px}.ibiz-picker-select-view__arrow.overturn{transform:rotateZ(-180deg)}.ibiz-picker-select-view--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{min-height:100px;max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-bg-3)}.ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default:hover .ibiz-picker-select-view-select{display:block}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-form-default-content .ibiz-picker-select-view-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-picker-select-view.is-show-default .ibiz-picker-select-view-select{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-form-default-content{display:none}.ibiz-form-item .ibiz-picker-select-view.is-show-default.is-editable .ibiz-picker-select-view-select{display:block}.ibiz-picker-select-view-select-popover{display:none}

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.d.ts

@@ -89,8 +89,8 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -1,7 +1,7 @@
-import { isVNode, ref, watch, computed, onMounted, createVNode, resolveComponent, h, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, watch, computed, onMounted, createVNode, resolveComponent, h } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-picker-select-view.css';
-import { ViewMode, Modal } from '@ibiz-template/runtime';
+import { Modal, ViewMode } from '@ibiz-template/runtime';
 import { clone } from 'ramda';
 
 "use strict";
@@ -352,6 +352,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
       showView.value = e;
       if (e === false) {
         onBlur({});
+      } else if (editorRef.value) {
+        pickViewWidth.value = "".concat(editorRef.value.$parent.$el.offsetWidth, "px");
       }
     };
     const handleDropDownKeyDown = (e) => {

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.d.ts

@@ -70,8 +70,8 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/date-picker/ibiz-date-picker/ibiz-date-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getDatePickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-date-picker.css';
 import dayjs from 'dayjs';

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.d.ts

@@ -76,8 +76,8 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getDateRangeProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
 import './ibiz-date-range-picker.css';

package/es/editor/date-range-select/date-range-select-picker/components/quarter-range-select/quarter-range-select.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './quarter-range-select.css';
 

package/es/editor/date-range-select/date-range-select-picker/components/week-range-select/week-range-select.mjs

@@ -1,7 +1,7 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
-import '../../../../../node_modules/.pnpm/dayjs@1.11.10/node_modules/dayjs/locale/zh-cn.mjs';
+import '../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.mjs';
 import './week-range-select.css';
 
 "use strict";

package/es/editor/date-range-select/date-range-select-picker/components/year-range-select/year-range-select.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './year-range-select.css';
 

package/es/editor/date-range-select/date-range-select-picker/date-range-select.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount } from 'vue';
 import { getDatePickerProps, useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
 import quarterRangeSelect from './components/quarter-range-select/quarter-range-select.mjs';

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.css

@@ -1 +1 @@
-.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}
+.ibiz-dropdown{width:var(--ibiz-dropdown-width);--ibiz-dropdown-width:100%;--ibiz-dropdown-readonly-text-item-color:var(--ibiz-form-item-text-color)}.ibiz-dropdown__branch-node>.el-tree-node__content{--ibiz-color-disabled-text:var(--ibiz-color-text-0)}.ibiz-dropdown .el-select{width:100%}.ibiz-dropdown .el-input__wrapper{width:100%}.ibiz-dropdown .el-input__wrapper .el-input__prefix{max-width:calc(100% - 22px);overflow:hidden}.ibiz-dropdown-readonly-text-item{margin-right:var(--ibiz-spacing-tight);font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-dropdown-readonly-text-item-color)}.ibiz-dropdown-readonly-text-item .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}.ibiz-dropdown-select-option-content{display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%;color:var(--ibiz-dropdown-select-option-item-color)}.ibiz-dropdown-select-option-content__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-dropdown-select-option-content .ibiz-icon{display:flex;align-items:center;justify-content:center;width:var(--ibiz-width-icon-medium);height:var(--ibiz-width-icon-medium);margin-right:var(--ibiz-spacing-extra-tight);font-size:var(--ibiz-font-size-regular)}.ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default:hover .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--ibiz-editor-default-line-height)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default .ibiz-dropdown-select .el-input__prefix-inner>:last-child{margin-right:var(--ibiz-spacing-none)}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-form-default-content{display:none}.ibiz-form-item .ibiz-dropdown.is-show-default.is-editable .ibiz-dropdown-select{display:block}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content{display:flex;align-items:center;width:100%;height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple{height:var(--el-component-size)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-form-default-content.is-multiple .ibiz-dropdown-content-item{height:auto;padding:var(--ibiz-spacing-none) var(--ibiz-spacing-base);margin:var(--ibiz-spacing-none);margin-right:var(--ibiz-spacing-extra-tight);font-size:inherit;line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border:none;border-radius:var(--ibiz-spacing-base)}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-form-item .ibiz-dropdown--round.is-show-default .ibiz-dropdown-content-item{flex:0 0 auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown--round .ibiz-dropdown-readonly-text-item:first-child{margin-left:calc(var(--ibiz-spacing-base-tight) - var(--ibiz-spacing-super-tight)/ 2)}.ibiz-dropdown--round .ibiz-dropdown-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;opacity:0}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}.ibiz-dropdown-popper--round .el-select-dropdown__item{display:flex;align-items:center;height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));line-height:calc(var(--ibiz-spacing-extra-loose) + var(--ibiz-spacing-extra-tight));background-color:transparent}.ibiz-dropdown-popper--round .ibiz-dropdown-select-option-content{flex:0 0 auto;width:auto;min-width:0;height:auto;padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);border-radius:var(--ibiz-spacing-base)}

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -78,8 +78,8 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, nextTick, onMounted, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen, useClickOutside } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
 import { useCodeListSelection } from '@ibiz-template/runtime';
@@ -105,6 +105,29 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
+    const useEditorNavParams = () => {
+      const {
+        navigateContexts = [],
+        navigateParams = []
+      } = c.model;
+      const navParamName = [];
+      [...navigateContexts, ...navigateParams].forEach((nav) => {
+        if (!nav.rawValue && nav.value) {
+          navParamName.push(nav.value);
+        }
+      });
+      watch(() => {
+        const data = {};
+        Object.keys(props.data).forEach((key) => {
+          if (navParamName.includes(key)) {
+            data[key] = props.data[key];
+          }
+        });
+        return data;
+      }, () => loadCodeList(), {
+        deep: true
+      });
+    };
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -238,6 +261,9 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
             editorRef.value.focus();
           });
         }
+        nextTick(() => {
+          window.dispatchEvent(new Event("resize"));
+        });
       }
     };
     const fn = (data) => {
@@ -251,6 +277,7 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     };
     useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     onMounted(() => {
+      useEditorNavParams();
       if (editorRef.value) {
         funcs = useClickOutside(editorRef, async (_evt) => {
           editorState = "outside";

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -65,8 +65,8 @@ export declare const IBizEmojiPicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
 import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { strToBase64, isEmoji, base64ToStr } from '@ibiz-template/core';
 import './ibiz-emoji-picker.css';

package/es/editor/html/wang-editor/component/emoji/emoji.mjs

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { strToBase64 } from '@ibiz-template/core';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './emoji.css';

package/es/editor/html/wang-editor/module/emoji-module.mjs

@@ -1,6 +1,6 @@
-import '../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/index.mjs';
+import '../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/index.mjs';
 import { base64ToStr } from '@ibiz-template/core';
-import { h } from '../../../../node_modules/.pnpm/snabbdom@3.5.1/node_modules/snabbdom/build/h.mjs';
+import { h } from '../../../../node_modules/.pnpm/snabbdom@3.6.2/node_modules/snabbdom/build/h.mjs';
 
 "use strict";
 var __defProp = Object.defineProperty;
@@ -31,7 +31,7 @@ const elemToHtmlConf = {
   type: "emoji",
   elemToHtml: (elem) => {
     const { data } = elem;
-    return '<span data-w-e-type="emoji" class="emoji">'.concat(data.emoji, "</span>");
+    return "<span data-w-e-type=\"emoji\" class='emoji'>".concat(data.emoji, "</span>");
   }
 };
 const parseHtmlConf = {

package/es/editor/html/wang-editor/wang-editor.d.ts

@@ -85,8 +85,8 @@ declare const IBizHtml: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/html/wang-editor/wang-editor.mjs

@@ -1,4 +1,4 @@
-import { ref, shallowRef, watch, onBeforeUnmount, nextTick, onMounted, createVNode, onUnmounted, resolveComponent, defineComponent } from 'vue';
+import { defineComponent, ref, shallowRef, watch, onBeforeUnmount, onMounted, nextTick, createVNode, onUnmounted, resolveComponent } from 'vue';
 import { Toolbar, Editor } from '@wangeditor/editor-for-vue';
 import { getCookie, createUUID } from 'qx-util';
 import { isNil } from 'ramda';

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.d.ts

@@ -64,8 +64,8 @@ export declare const IBizListBox: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/list-box/ibiz-list-box/ibiz-list-box.mjs

@@ -1,4 +1,4 @@
-import { isVNode, computed, ref, watch, resolveComponent, mergeProps, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, computed, ref, watch, createVNode, resolveComponent, mergeProps, h } from 'vue';
 import { getListBoxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { isNil } from 'ramda';
 import './ibiz-list-box.css';

package/es/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, nextTick, onMounted, onUnmounted, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, nextTick, onMounted, onUnmounted, createVNode } from 'vue';
 import { getMarkDownProps, getEditorEmits, useNamespace, useUIStore } from '@ibiz-template/vue3-util';
 import { createUUID, getCookie } from 'qx-util';
 import Cherry from 'cherry-markdown';

package/es/editor/not-supported-editor/not-supported-editor.mjs

@@ -1,4 +1,4 @@
-import { createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './not-supported-editor.css';
 

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.d.ts

@@ -78,8 +78,8 @@ export declare const IBizNumberRangePicker: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getNumberRangeProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-number-range-picker.css';
 import { toNumber } from 'lodash-es';

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.d.ts

@@ -61,8 +61,8 @@ export declare const IBizPresetRawitem: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/preset/preset-rawitem/ibiz-preset-rawitem/ibiz-preset-rawitem.mjs

@@ -1,4 +1,4 @@
-import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
 import { getRawProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-preset-rawitem.css';
 

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.d.ts

@@ -64,8 +64,8 @@ export declare const IBizRadio: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -1,4 +1,4 @@
-import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, watch, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getRadioProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';

package/es/editor/rate/ibiz-rate/ibiz-rate.d.ts

@@ -64,8 +64,8 @@ export declare const IBizRate: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/rate/ibiz-rate/ibiz-rate.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getRateProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';

package/es/editor/raw/ibiz-raw/ibiz-raw.d.ts

@@ -61,8 +61,8 @@ export declare const IBizRaw: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

package/es/editor/raw/ibiz-raw/ibiz-raw.mjs

@@ -1,4 +1,4 @@
-import { ref, computed, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, ref, computed, watch, createVNode, resolveComponent } from 'vue';
 import { getRawProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-raw.css';
 

package/es/editor/slider/ibiz-slider/ibiz-slider.css

@@ -1 +1 @@
-.ibiz-slider{--ibiz-editor-slider-trigger-width:0.375rem;--ibiz-editor-slider-text-width:2.375rem;display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:var(--ibiz-editor-slider-trigger-width);height:var(--ibiz-height-control-default);border:none;opacity:0}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{min-width:var(--ibiz-editor-slider-text-width);margin-left:var(--ibiz-spacing-tight)}.ibiz-slider__circle--text{font-size:var(--ibiz-font-size-regular)}.ibiz-slider__circle .el-progress{--el-fill-color-light:var(--ibiz-color-fill-0);width:100%}.ibiz-slider__circle .el-progress .el-progress-circle svg>path:nth-child(2){stroke:var(--ibiz-color-primary)}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}
+.ibiz-slider{--ibiz-editor-slider-trigger-width:0.375rem;--ibiz-editor-slider-text-width:2.375rem;--ibiz-editor-slider-pie-bg:var(--ibiz-color-warning);--ibiz-editor-slider-pie-percent-bg:var(--ibiz-color-primary-light-active);display:flex;align-items:center;width:100%}.ibiz-slider__text .el-slider__button,.ibiz-slider__text .el-slider__button-wrapper{width:var(--ibiz-editor-slider-trigger-width);height:var(--ibiz-height-control-default);border:none;opacity:0}.ibiz-slider__text .el-slider__bar{border-radius:var(--ibiz-border-radius-small)}.ibiz-slider__text .el-slider__runway.is-disabled .el-slider__bar{background-color:var(--ibiz-color-primary)}.ibiz-slider__text--val{min-width:var(--ibiz-editor-slider-text-width);margin-left:var(--ibiz-spacing-tight)}.ibiz-slider__circle--text{font-size:var(--ibiz-font-size-regular)}.ibiz-slider__circle .el-progress{--el-fill-color-light:var(--ibiz-color-fill-0);width:100%}.ibiz-slider__circle .el-progress .el-progress-circle svg>path:nth-child(2){stroke:var(--ibiz-color-primary)}.ibiz-slider__pie{justify-content:center}@keyframes spin{to{transform:rotate(.5turn)}}@keyframes bg{50%{background:var(--ibiz-editor-slider-pie-percent-bg)}}.ibiz-slider__pie-content{min-width:30px;min-height:30px;background:var(--ibiz-editor-slider-pie-bg);background-image:linear-gradient(to right,transparent 50%,var(--ibiz-editor-slider-pie-percent-bg) 0);border-radius:50%}.ibiz-slider__pie-content.is-hundred-percent{background:var(--ibiz-editor-slider-pie-percent-bg)}.ibiz-slider__pie-content::before{display:block;height:100%;margin-left:50%;content:"";background-color:inherit;border-radius:0 100% 100% 0/50%;transform-origin:left;animation:spin 50s linear infinite,bg 100s step-end infinite;animation-play-state:paused;animation-delay:inherit}.ibiz-form-item .ibiz-slider.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}

package/es/editor/slider/ibiz-slider/ibiz-slider.d.ts

@@ -38,6 +38,7 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     showText: boolean;
     textVal: import("vue").ComputedRef<string>;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    pieStyle: import("vue").Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
@@ -70,8 +71,8 @@ export declare const IBizSlider: import("vue").DefineComponent<{
     onFocus?: ((_event?: IData | undefined) => any) | undefined;
     onBlur?: ((_event?: IData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
     onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;