npm - @ibiz-template/vue3-components - Versions diffs - 0.7.39 → 0.7.40 - Mend

@ibiz-template/vue3-components 0.7.39 → 0.7.40

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 (734) hide show

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

@@ -1,10 +1,18 @@
 import { Ref } from 'vue';
-import './ibiz-picker-dropdown.scss';
 import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-picker-dropdown.scss';
+/**
+ * 数据选择（下拉）
+ *
+ * @description 使用el-select组件封装，用于选择单项数据，仅以下拉列表的方式呈现选择数据。支持编辑器类型包含：`数据选择（下拉）`
+ * @primary
+ * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @ignoreprops overflowMode
+ */
 export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -30,7 +38,7 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     curValue: Ref<string | null>;
     valueText: import("vue").ComputedRef<string>;
     loading: Ref<boolean>;
-    items: Ref<IData[]>;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
     onOpenChange: (isOpen: boolean) => void;
     onClear: () => void;
     onSelect: (select: string | Array<string>) => void;
@@ -46,16 +54,17 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
     renderGroupAction: () => (JSX.Element | undefined)[] | undefined;
     renderEmpty: () => JSX.Element | undefined;
     popoverid: string;
+    hiddenInputRef: Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -75,11 +84,11 @@ export declare const IBizPickerDropDown: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,8 +1,8 @@
-import { ref, computed, watch, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
+import { ref, computed, watch, nextTick, onMounted, resolveComponent, createVNode, mergeProps, h, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, renderString, usePopoverzIndex } from '@ibiz-template/vue3-util';
 import { isNil, clone } from 'ramda';
-import './ibiz-picker-dropdown.css';
 import { showTitle } from '@ibiz-template/core';
+import './ibiz-picker-dropdown.css';
 "use strict";
 const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
@@ -23,6 +23,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     const loading = ref(false);
     let waitQuery = null;
     const isLoaded = ref(false);
+    const hiddenInputRef = ref();
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;
@@ -142,9 +143,21 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       }
     };
     const onOpenChange = (isOpen) => {
+      var _a, _b, _c;
       if (isOpen) {
         items.value = [];
         onSearch("");
+      } else {
+        const isSearchForm = (
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          ((_c = (_b = (_a = c.parent) == null ? void 0 : _a.form) == null ? void 0 : _b.model) == null ? void 0 : _c.controlType) === "SEARCHFORM"
+        );
+        if (isSearchForm) {
+          nextTick(() => {
+            var _a2;
+            (_a2 = hiddenInputRef.value) == null ? void 0 : _a2.focus();
+          });
+        }
       }
     };
     const onClear = () => {
@@ -194,7 +207,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       watch(() => props.data[c.valueItem], async (newVal, oldVal) => {
         if (newVal !== oldVal) {
-          if (!isLoaded.value && editorRef.value && isNil(props.value) && !isNil(newVal)) {
+          if (!isLoaded.value && isNil(props.value) && !isNil(newVal)) {
             shouldLoad.value = true;
             await onSearch("");
             shouldLoad.value = false;
@@ -202,7 +215,7 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
           const curItem = items.value.find((item) => Object.is(item[c.keyName], newVal));
           if (curItem) {
             curValue.value = curItem[c.textName];
-            if (editorRef.value && isNil(props.value) && !isNil(newVal)) {
+            if (isNil(props.value) && !isNil(newVal)) {
               emit("change", curValue.value, c.model.id, true);
             }
           }
@@ -278,7 +291,8 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
       showFormDefaultContent,
       renderGroupAction,
       renderEmpty,
-      popoverid
+      popoverid,
+      hiddenInputRef
     };
   },
   render() {
@@ -343,9 +357,16 @@ const IBizPickerDropDown = /* @__PURE__ */ defineComponent({
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
     }, [this.curValue ? this.valueText : ibiz.config.common.emptyText]);
+    const hiddenInput = createVNode("input", {
+      "ref": "hiddenInputRef",
+      "type": "text",
+      "class": this.ns.e("hidden-input"),
+      "readonly": true,
+      "onKeyup": this.handleKeyUp
+    }, null);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
-    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);
+    }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent, this.readonly ? null : hiddenInput]);
   }
 });

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

@@ -1,10 +1,21 @@
 import './ibiz-picker-embed-view.scss';
 import { EventBase } from '@ibiz-template/runtime';
 import { PickerEditorController } from '../picker-editor.controller';
+/**
+ * 数据选择（嵌入选择视图）
+ *
+ * @description 将配置的选择视图直接嵌入到编辑器内，在编辑器中呈现选择数据。支持编辑器类型包含：`数据选择（嵌入选择视图）`
+ * @primary
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":false,"description":"默认为单选模式，当该参数值设为 true 时，启用多选模式，允许同时选择多个数据项"}
+ * @editorparams {"name":"checkStrictly","parameterType":"boolean","defaultvalue":true,"description":"在显示复选框的情况下，是否严格的遵循父子不互相关联的做法"}
+ * @editorparams {"name":"isShowText","parameterType":"boolean","defaultvalue":true,"description":"是否显示文本。若设置为 true，会将选中的数组数据用逗号分隔后以文本方式展示在编辑器中，直观呈现选中的数据内容"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits enter | infoTextChange
+ */
 export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -35,7 +46,7 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     singleSelect: import("vue").Ref<boolean>;
     checkStrictly: import("vue").Ref<boolean>;
     isShowText: import("vue").Ref<boolean>;
-    selectedData: import("vue").Ref<IData[]>;
+    selectedData: import("vue").Ref<import("@ibiz-template/core").IApiData[]>;
     cloneParams: import("vue").ComputedRef<{
         [x: string]: any;
         [x: symbol]: any;
@@ -43,14 +54,14 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     onSelectionChange: (event: EventBase) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -70,11 +81,11 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,10 +1,19 @@
 import { Ref } from 'vue';
-import './ibiz-picker-link.scss';
 import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-picker-link.scss';
+/**
+ * 数据链接
+ *
+ * @description 提供数据链接功能，支持打开数据链接视图。支持编辑器类型包含：`数据链接`
+ * @primary
+ * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @ignoreprops autoFocus | overflowMode
+ * @ignoreemits blur | focus | enter
+ */
 export declare const IBizPickerLink: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -31,14 +40,14 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -58,11 +67,11 @@ export declare const IBizPickerLink: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,8 +1,8 @@
 import { ref, computed, watch, onMounted, createVNode, defineComponent } from 'vue';
 import { getDataPickerProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur, renderString } from '@ibiz-template/vue3-util';
 import { showTitle } from '@ibiz-template/core';
-import './ibiz-picker-link.css';
 import { isNil } from 'ramda';
+import './ibiz-picker-link.css';
 "use strict";
 const IBizPickerLink = /* @__PURE__ */ defineComponent({

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-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}
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{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

@@ -1,11 +1,21 @@
 import { Ref } from 'vue';
-import './ibiz-picker-select-view.scss';
 import { IModalData, Modal } from '@ibiz-template/runtime';
 import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-picker-select-view.scss';
+/**
+ * 数据选择（下拉视图）
+ *
+ * @description 使用el-dropdown，el-input，el-select组件封装，用于以可展开的下拉形式呈现配置的选择界面视图，并且该组件支持打开数据链接视图。支持编辑器类型包含：`数据选择（下拉视图）`、`数据选择（下拉视图、数据链接）`
+ * @primary
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":false,"description":"当该参数值设置为 true 时，启用多选模式，允许同时选择多个数据项"}
+ * @editorparams {"name":"pickupViewHeight","parameterType":"number","defaultvalue":500,"description":"下拉选择视图的高度"}
+ * @ignoreprops overflowMode
+ * @ignoreemits infoTextChange
+ */
 export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -29,12 +39,12 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     c: PickerEditorController;
     singleSelect: Ref<boolean>;
     keySet: Ref<string[]>;
-    items: Ref<IData[]>;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
     queryValue: Ref<string>;
     visible: Ref<boolean>;
     pickViewWidth: Ref<string>;
-    context: Ref<IContext>;
-    params: Ref<IData>;
+    context: Ref<import("@ibiz-template/core").IApiContext>;
+    params: Ref<import("@ibiz-template/core").IApiData>;
     editorRef: Ref<any>;
     onInputChange: (e: IData) => void;
     triggerMenu: (show?: boolean) => void;
@@ -54,19 +64,19 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
     onVisibleChange: (e: boolean) => void;
     showView: Ref<boolean>;
-    selectedData: Ref<IData[]>;
+    selectedData: Ref<import("@ibiz-template/core").IApiData[]>;
     handleDropDownKeyDown: (e: KeyboardEvent) => void;
     arrow: () => JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<PickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -86,11 +96,11 @@ export declare const IBizPickerSelectView: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,8 +1,8 @@
 import { isVNode, ref, watch, computed, onMounted, createVNode, resolveComponent, h, defineComponent } 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 { clone } from 'ramda';
+import { ViewMode, Modal } from '@ibiz-template/runtime';
+import './ibiz-picker-select-view.css';
 "use strict";
 function _isSlot(s) {
@@ -474,6 +474,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
         });
       },
       dropdown: () => {
+        var _a;
         if (!this.showView) {
           return;
         }
@@ -483,7 +484,7 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
           params: this.params,
           viewId: this.c.pickupView.id,
           style: {
-            height: "100%",
+            height: "".concat(((_a = this.c.editorParams) == null ? void 0 : _a.pickupViewHeight) || 500, "px"),
             width: this.pickViewWidth
           },
           state: {

package/es/editor/date-picker/date-picker-editor.controller.mjs CHANGED Viewed

@@ -48,12 +48,12 @@ class DatePickerEditorController extends EditorController {
    * @Date: 2022-08-25 14:33:14
    */
   get valueFormat() {
-    if (this.model.dateTimeFormat) {
-      return this.model.dateTimeFormat;
-    }
     if (super.valueFormat) {
       return super.valueFormat;
     }
+    if (this.model.dateTimeFormat) {
+      return this.model.dateTimeFormat;
+    }
     return this.getFormatByType(this.model.editorType);
   }
 }

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

@@ -1,9 +1,16 @@
-import './ibiz-date-picker.scss';
 import { DatePickerEditorController } from '../date-picker-editor.controller';
+import './ibiz-date-picker.scss';
+/**
+ * 时间选择器
+ *
+ * @description 使用el-time-picker和el-date-picker组件封装，用于选择时间或者选择日期。支持编辑器类型包含：`时间选择器`、`时间选择器（旧）`、`时间选择器（YYYY-MM-DD）`、`时间选择器（YYYY-MM-DD、HH）`、`时间选择器（YYYY-MM-DD、HH:mm）`、`时间选择器（YYYY-MM-DD、HH:mm:ss）`、`时间选择器（HH:mm:ss）`、`时间选择器（HH:mm）`
+ * @primary
+ * @ignoreprops overflowMode
+ */
 export declare const IBizDatePicker: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DatePickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -40,14 +47,14 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     handleKeyUp: (e: KeyboardEvent) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DatePickerEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -67,11 +74,11 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,7 +1,7 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDatePickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
-import './ibiz-date-picker.css';
 import dayjs from 'dayjs';
+import './ibiz-date-picker.css';
 "use strict";
 const IBizDatePicker = /* @__PURE__ */ defineComponent({

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

@@ -1,10 +1,21 @@
 import { Ref } from 'vue';
-import './ibiz-date-range-picker.scss';
 import { DateRangeEditorController } from '../date-range-editor.controller';
+import './ibiz-date-range-picker.scss';
+/**
+ * 时间范围选择
+ *
+ * @description 使用el-date-picker组件封装，用于选择时间范围。支持编辑器类型包含：`时间范围选择器`、`时间范围选择器（YYYY-MM-DD）`
+ * @primary
+ * @editorparams {"name":"rangeSeparator","parameterType":"string","defaultvalue":"至","description":"el-date-picker组件range-separator属性"}
+ * @editorparams {"name":"unlinkPanels","parameterType":"boolean","defaultvalue":false,"description":"el-date-picker组件unlink-panels属性"}
+ * @editorparams {"name":"valueSeparator","parameterType":"string","defaultvalue":",","description":"值分割符，用于分割转换为字符串的开始与结束时间"}
+ * @ignoreprops overflowMode
+ * @ignoreemits infoTextChange
+ */
 export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -46,14 +57,14 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     onCalendarChange: (val: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: IData | undefined) => boolean;
-    focus: (_event?: IData | undefined) => boolean;
-    enter: (_event?: IData | undefined) => boolean;
+    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
+    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
     infoTextChange: (_text: string) => boolean;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -73,11 +84,11 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onFocus?: ((_event?: IData | undefined) => any) | undefined;
-    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;