npm - @ibiz-template/vue3-components - Versions diffs - 0.7.37-alpha.5 → 0.7.38-alpha.21 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (675) hide show

package/es/control/tree-grid/tree-grid.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, createVNode, createTextVNode, renderSlot, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, createTextVNode, renderSlot } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridController } from '@ibiz-template/runtime';
 import { useRowEditPopover } from '../grid/row-edit-popover/use-row-edit-popover.mjs';
@@ -90,29 +90,6 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
     const {
       headerCssVars
     } = useGridHeaderStyle(tableRef, ns);
-    const getTreeGridDataItem = (data) => {
-      const tempData = data.clone();
-      tempData.hasChildren = c.state.items.some((item) => data[c.treeGridValueField] === item[c.treeGridParentField]);
-      tempData.children = [];
-      return tempData;
-    };
-    const treeGirdData = computed(() => {
-      const treeGirdItems = c.state.rows.map((row) => getTreeGridDataItem(row.data));
-      const rootNodes = [];
-      const ids = [];
-      treeGirdItems.forEach((item) => {
-        const id = item[c.treeGridValueField];
-        if (id) {
-          ids.push(id);
-        }
-      });
-      treeGirdItems.forEach((item) => {
-        if (!ids.includes(item[c.treeGridParentField])) {
-          rootNodes.push(item);
-        }
-      });
-      return rootNodes;
-    });
     const renderNoData = () => {
       var _a;
       const {
@@ -136,8 +113,9 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       return null;
     };
     const loadData = async (item, _row, callback) => {
-      const treeGirdItems = c.state.rows.map((row) => getTreeGridDataItem(row.data));
+      const treeGirdItems = c.state.items.map((data) => c.getTreeGridDataItem(data));
       const items = treeGirdItems.filter((data) => item[c.treeGridValueField] === data[c.treeGridParentField]);
+      item.children = items;
       callback(items);
     };
     const renderBatchToolBar = () => {
@@ -179,7 +157,6 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
       ns,
       ns2,
       tableRef,
-      treeGirdData,
       tableData,
       renderColumns,
       renderColumn,
@@ -223,7 +200,7 @@ const TreeGridControl = /* @__PURE__ */ defineComponent({
         "highlight-current-row": state.singleSelect,
         "row-class-name": this.handleRowClassName,
         "row-key": "srfkey",
-        "data": this.c.state.showTreeGrid ? this.treeGirdData : this.tableData,
+        "data": this.c.state.showTreeGrid ? state.treeGirdData : this.tableData,
         "onRowClick": this.onRowClick,
         "onRowDblclick": this.onDbRowClick,
         "onSelectionChange": this.onSelectionChange,

package/es/control/tree-grid-ex/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { TreeGridExControl } from './tree-grid-ex.mjs';
 import { TreeGridExProvider } from './tree-grid-ex.provider.mjs';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-edit-column/tree-grid-ex-edit-column.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, ref, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, ref, createVNode, resolveComponent, h } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { RuntimeError } from '@ibiz-template/core';
 import { TreeGridExNodeColumnController, TreeGridExRowState } from '@ibiz-template/runtime';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-field-column/tree-grid-ex-field-column.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, ref, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExFieldColumnController, TreeGridExRowState } from '@ibiz-template/runtime';
 import { isNotNil } from 'ramda';

package/es/control/tree-grid-ex/tree-grid-ex-column/tree-grid-ex-ua-column/tree-grid-ex-ua-column.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import './tree-grid-ex-ua-column.css';
 import { TreeGridExUAColumnController, TreeGridExRowState } from '@ibiz-template/runtime';

package/es/control/tree-grid-ex/tree-grid-ex.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { resolveComponent, createVNode, computed, ref, watchEffect, renderSlot, mergeProps, h, defineComponent } from 'vue';
+import { defineComponent, createVNode, resolveComponent, computed, ref, watchEffect, renderSlot, mergeProps, h } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import { TreeGridExController } from '@ibiz-template/runtime';
 import './tree-grid-ex.css';

package/es/control/wizard-panel/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { ControlType, registerControlProvider } from '@ibiz-template/runtime';
+import { registerControlProvider, ControlType } from '@ibiz-template/runtime';
 import { withInstall } from '@ibiz-template/vue3-util';
 import { WizardPanelControl } from './wizard-panel.mjs';
 import { WizardPanelProvider } from './wizard-panel.provider.mjs';

package/es/control/wizard-panel/wizard-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, resolveComponent, h, createVNode, defineComponent } from 'vue';
+import { isVNode, defineComponent, resolveComponent, h, createVNode } from 'vue';
 import { useControlController, useNamespace } from '@ibiz-template/vue3-util';
 import './wizard-panel.css';
 import { WizardPanelController } from '@ibiz-template/runtime';

package/es/editor/array/ibiz-array/ibiz-array.d.ts CHANGED Viewed

@@ -129,8 +129,8 @@ export declare const IBizArray: 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/array/ibiz-array/ibiz-array.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isVNode, ref, computed, watch, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
+import { isVNode, defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getArrayProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import './ibiz-array.css';
 import { createUUID } from 'qx-util';

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.d.ts CHANGED Viewed

@@ -74,8 +74,8 @@ export declare const IBizAutoComplete: 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/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs CHANGED Viewed

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

package/es/editor/carousel/ibiz-carousel/ibiz-carousel.d.ts CHANGED Viewed

@@ -67,8 +67,8 @@ export declare const IBizCarousel: 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/carousel/ibiz-carousel/ibiz-carousel.mjs CHANGED Viewed

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

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts CHANGED Viewed

@@ -87,8 +87,8 @@ export declare const IBizCascader: 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/cascader/ibiz-cascader/ibiz-cascader.mjs CHANGED Viewed

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

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts CHANGED Viewed

@@ -60,8 +60,8 @@ export declare const IBizCheckbox: 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/check-box/ibiz-checkbox/ibiz-checkbox.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
+import { defineComponent, computed, createVNode, resolveComponent, mergeProps } from 'vue';
 import { getCheckboxProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-checkbox.css';

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts CHANGED Viewed

@@ -96,8 +96,8 @@ export declare const IBizCheckboxList: 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/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}
1	+ .ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view--show-value{height:calc(100% - var(--ibiz-form-item-line-height))}.ibiz-picker-embed-view .ibiz-picker-embed-view-view{height:100%}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

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

@@ -26,22 +26,17 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
 }, {
     ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
-    context: import("vue").Ref<{
+    context: any;
+    params: import("vue").Ref<{
         [x: string]: any;
         [x: symbol]: any;
-        srfsessionid: string;
-        srfappid: string;
-        srfsimple?: boolean | undefined;
-        srfnavctrlid?: string | undefined;
     }>;
-    params: import("vue").Ref<IParams>;
-    onSelectionChange: (event: EventBase) => void;
     editorRef: import("vue").Ref<any>;
-    pickupViewModel: import("vue").ComputedRef<import("@ibiz-template/runtime").IViewConfig | null>;
     singleSelect: import("vue").Ref<boolean>;
     checkStrictly: import("vue").Ref<boolean>;
     isShowText: import("vue").Ref<boolean>;
     selectedData: import("vue").Ref<IData[]>;
+    onSelectionChange: (event: EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;
@@ -74,8 +69,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 CHANGED Viewed

@@ -1,7 +1,6 @@
-import { ref, watch, computed, resolveComponent, h, createVNode, createTextVNode, defineComponent } from 'vue';
+import { defineComponent, ref, watch, 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';
 "use strict";
 const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
@@ -13,21 +12,26 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("picker-embed-view");
     const c = props.controller;
-    const context = ref(clone(c.context));
-    const params = ref(clone(c.params));
-    const setViewParam = () => {
+    const context = ref(c.context.clone());
+    const params = ref({
+      ...c.params
+    });
+    watch(() => props.data, (newVal) => {
       const {
         context: _context,
         params: _params
-      } = c.handlePublicParams(props.data, c.context, c.params);
-      Object.assign(context.value, _context);
-      Object.assign(params.value, _params);
-    };
-    setViewParam();
-    watch(() => props.data, (newVal, oldVal) => {
-      if (newVal !== oldVal) {
-        setViewParam();
+      } = c.handlePublicParams(newVal, c.context, c.params);
+      const newContext = Object.assign(c.context.clone(), _context);
+      const newParams = Object.assign({
+        ...c.params
+      }, _params);
+      if (JSON.stringify(context.value) !== JSON.stringify(newContext) || JSON.stringify(params.value) !== JSON.stringify(newParams)) {
+        context.value = newContext;
+        params.value = newParams;
       }
+    }, {
+      deep: true,
+      immediate: true
     });
     const editorParams = c.model.editorParams;
     const singleSelect = ref(true);
@@ -87,35 +91,30 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
     const {
       componentRef: editorRef
     } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
-    const pickupViewModel = computed(() => {
-      return c.pickupView;
-    });
     return {
       ns,
       c,
       context,
       params,
-      onSelectionChange,
       editorRef,
-      pickupViewModel,
       singleSelect,
       checkStrictly,
       isShowText,
-      selectedData
+      selectedData,
+      onSelectionChange
     };
   },
   render() {
-    var _a;
     const viewShell = resolveComponent("IBizViewShell");
     return createVNode("div", {
-      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.isShowText ? this.ns.m("show-value") : ""],
       "ref": "editorRef"
-    }, [this.pickupViewModel ? [createVNode("div", {
+    }, [this.c.model.pickupAppViewId ? [createVNode("div", {
       "class": this.ns.b("view")
     }, [h(viewShell, {
       context: this.context,
       params: this.params,
-      viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
+      viewId: this.c.model.pickupAppViewId,
       state: {
         singleSelect: this.singleSelect,
         checkStrictly: this.checkStrictly,

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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}
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-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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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) => {
@@ -410,6 +412,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const editContent = createVNode(resolveComponent("el-dropdown"), {
       "ref": "editorRef",
       "trigger": "click",
+      "disabled": this.disabled || this.readonly,
       "class": this.ns.b("select"),
       "popper-class": this.ns.b("popper"),
       "onVisibleChange": this.onVisibleChange,

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,6 +1,7 @@
-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 dayjs from 'dayjs';
 import './ibiz-date-range-picker.css';
 "use strict";
@@ -79,7 +80,8 @@ const IBizDateRangePicker = /* @__PURE__ */ defineComponent({
             }
           });
         } else if (props.value && typeof props.value === "string") {
-          value = props.value.split(valueSeparator);
+          const dates = props.value.split(valueSeparator);
+          value = dates.every((date) => dayjs(date).isValid()) ? dates : [];
         }
         return value;
       },

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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';