@ibiz-template/vue3-components 0.7.40-alpha.9 → 0.7.41-alpha.0

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

@@ -0,0 +1,279 @@
+import { ref, watch, computed, onMounted, mergeProps, createVNode, defineComponent } from 'vue';
+import { getDataPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { debounce } from '@ibiz-template/core';
+import { clone } from 'lodash-es';
+import './components/index.mjs';
+import './ibiz-transfer-picker.css';
+import { TransferSelect } from './components/transfer/transfer.mjs';
+
+"use strict";
+const IBizTransferPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizTransferPicker",
+  props: getDataPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("picker");
+    const ns2 = useNamespace("transfer-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const curValue = ref([]);
+    const items = ref([]);
+    const selectItems = ref([]);
+    const loading = ref(false);
+    const editorRef = ref();
+    const curIndexs = ref([]);
+    const leftChecked = ref([]);
+    const rightChecked = ref([]);
+    const rightSelects = ref([]);
+    const valueType = c.model.valueType;
+    const valueSeparator = c.model.valueSeparator || ",";
+    let titles = [ibiz.i18n.t("editor.transferPicker.optionalList"), ibiz.i18n.t("editor.transferPicker.selectedList")];
+    let buttonTexts = [ibiz.i18n.t("app.delete"), ibiz.i18n.t("app.add")];
+    let enableRemoteSearch = false;
+    if (editorModel.editorParams) {
+      const {
+        editorParams
+      } = editorModel;
+      if (editorParams.titles) {
+        try {
+          titles = JSON.parse(editorParams.titles);
+        } catch (error) {
+          ibiz.log.info(error);
+        }
+      }
+      if (editorParams.buttontexts) {
+        try {
+          buttonTexts = JSON.parse(editorParams.buttontexts);
+        } catch (error) {
+          ibiz.log.info(error);
+        }
+      }
+      if (editorParams.remotesearch)
+        enableRemoteSearch = editorParams.remotesearch === "true";
+    }
+    watch(() => props.value, (newVal) => {
+      curValue.value = [];
+      selectItems.value = [];
+      if (newVal) {
+        if (valueType === "OBJECTS") {
+          newVal.forEach((item) => {
+            const _item = clone(item);
+            Object.assign(_item, {
+              [c.keyName]: item[c.objectIdField],
+              [c.textName]: item[c.objectNameField]
+            });
+            if (c.objectValueField) {
+              Object.assign(_item, {
+                ...item[c.objectValueField]
+              });
+              delete _item[c.objectValueField];
+            }
+            if (_item[c.keyName]) {
+              selectItems.value.push(_item);
+            }
+          });
+        } else if (c.objectIdField && valueSeparator) {
+          const values = newVal.split(valueSeparator);
+          values.forEach((value) => {
+            selectItems.value.push({
+              [c.keyName]: value
+            });
+          });
+        } else {
+          try {
+            selectItems.value = JSON.parse(newVal);
+          } catch (error) {
+            ibiz.log.error("SIMPLE\u7C7B\u578B\u5730\u5740\u680F\u503C\u683C\u5F0F".concat(newVal, "\u4E0D\u7B26\u5408JSON\u5B57\u7B26\u4E32\u8981\u6C42"));
+          }
+        }
+        selectItems.value.forEach((item) => {
+          curValue.value.push(item[c.keyName]);
+          const index = items.value.findIndex((i) => Object.is(i[c.keyName], item[c.keyName]));
+          if (index < 0) {
+            items.value.push({
+              [c.keyName]: item[c.keyName],
+              [c.textName]: item[c.textName]
+            });
+          }
+        });
+      }
+    }, {
+      immediate: true,
+      deep: true
+    });
+    watch(editorRef, (newVal) => {
+      if (props.autoFocus && newVal && newVal.focus) {
+        newVal.focus();
+      }
+    });
+    const handleRightChange = (result) => {
+      const selects = [];
+      if (result && Array.isArray(result)) {
+        result.forEach((select) => {
+          Object.assign(select, {
+            [c.keyName]: select[c.keyName] ? select[c.keyName] : select.srfkey,
+            [c.textName]: select[c.textName] ? select[c.textName] : select.srfmajortext
+          });
+          if (valueType === "OBJECTS") {
+            selects.push(c.handleObjectParams(select));
+          } else if (c.objectIdField) {
+            selects.push(select[c.keyName]);
+          } else {
+            selects.push({
+              [c.keyName]: select[c.keyName],
+              [c.textName]: select[c.textName]
+            });
+          }
+          const index = items.value.findIndex((item) => Object.is(item[c.keyName], select[c.keyName]));
+          if (index < 0) {
+            items.value.push(select);
+          }
+        });
+      }
+      let value = null;
+      if (selects.length > 0) {
+        if (valueType === "OBJECTS") {
+          value = selects;
+        } else {
+          value = c.objectIdField ? selects.join(valueSeparator) : JSON.stringify(selects);
+        }
+      }
+      emit("change", value);
+    };
+    const filterMethod = (query, item) => {
+      const textName = item[c.textName];
+      return !query || (textName == null ? void 0 : textName.toLowerCase().includes(query == null ? void 0 : query.toLowerCase()));
+    };
+    const onRightChange = (selectKeys) => {
+      const selects = selectKeys.map((key) => {
+        const selcetItem = items.value.find((item) => item[c.keyName] === key);
+        return selcetItem || {};
+      });
+      handleRightChange(selects);
+    };
+    const onLeftCheckChange = (selectKeys) => {
+      leftChecked.value = selectKeys;
+    };
+    const onRightCheckChange = (selectKeys) => {
+      rightChecked.value = selectKeys;
+    };
+    const getServiceData = async (query) => {
+      let data = [];
+      if (c.model.appDataEntityId) {
+        try {
+          const trimQuery = query.trim();
+          const res = await c.getServiceData(trimQuery, props.data);
+          if (res) {
+            data = res.data;
+          }
+        } catch (error) {
+          ibiz.log.error(error);
+        }
+      }
+      return data;
+    };
+    const onSearch = async (...args) => {
+      rightSelects.value = items.value.filter((item) => !!selectItems.value.find((item2) => item2[c.keyName] === item[c.keyName]));
+      const query = args[0] || "";
+      loading.value = true;
+      const data = await getServiceData(query);
+      if (data) {
+        items.value = [...rightSelects.value, ...data.filter((item) => !rightSelects.value.find((item2) => item2[c.keyName] === item[c.keyName]))];
+      }
+      rightChecked.value = [...rightChecked.value];
+      leftChecked.value = [...leftChecked.value];
+      loading.value = false;
+    };
+    const debounceSearch = debounce(onSearch, 1e3);
+    const onLeftAcSearch = (query) => {
+      debounceSearch(query);
+    };
+    const valueText = computed(() => {
+      return selectItems.value.map((item) => {
+        return item[c.textName];
+      }).join(",");
+    });
+    watch(valueText, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        emit("infoTextChange", newVal);
+      }
+    }, {
+      immediate: true
+    });
+    onMounted(() => {
+      if (c.objectNameField) {
+        items.value = [];
+        onSearch("");
+      }
+    });
+    const renderContentItem = (h, option) => {
+      return h("span", {
+        title: option[c.textName]
+      }, option[c.textName]);
+    };
+    return {
+      c,
+      ns,
+      ns2,
+      items,
+      loading,
+      curValue,
+      valueText,
+      editorRef,
+      curIndexs,
+      leftChecked,
+      rightChecked,
+      titles,
+      buttonTexts,
+      enableRemoteSearch,
+      onSearch,
+      filterMethod,
+      onRightChange,
+      onLeftCheckChange,
+      onRightCheckChange,
+      renderContentItem,
+      onLeftAcSearch
+    };
+  },
+  render() {
+    const editContent = createVNode("div", {
+      "class": [this.ns.e("autocomplete")]
+    }, [createVNode(TransferSelect, mergeProps({
+      "ref": "editorRef",
+      "modelValue": this.curValue,
+      "onUpdate:modelValue": ($event) => this.curValue = $event,
+      "data": this.items,
+      "readonly": this.readonly || this.disabled,
+      "left-default-checked": this.leftChecked,
+      "right-default-checked": this.rightChecked,
+      "props": {
+        key: this.c.keyName,
+        label: this.c.textName
+      },
+      "filterable": true,
+      "filter-placeholder": this.c.placeHolder,
+      "enableRemoteSearch": this.enableRemoteSearch,
+      "titles": this.titles,
+      "button-texts": this.buttonTexts,
+      "format": {
+        noChecked: "${total}",
+        hasChecked: "${checked}/${total}"
+      },
+      "target-order": this.enableRemoteSearch ? "push" : "original",
+      "loading": this.loading,
+      "filterMethod": this.filterMethod,
+      "renderContent": this.renderContentItem,
+      "onChange": this.onRightChange,
+      "onLeftCheckChange": this.onLeftCheckChange,
+      "onRightCheckChange": this.onRightCheckChange,
+      "onLeftAcSearch": this.onLeftAcSearch
+    }, this.$attrs), null)]);
+    return createVNode("div", {
+      "class": [this.ns.b(), this.ns2.b(), this.disabled ? this.ns.m("disabled") : ""]
+    }, [editContent]);
+  }
+});
+
+export { IBizTransferPicker };

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

@@ -4,5 +4,6 @@ export { IBizPickerDropDown } from './ibiz-picker-dropdown/ibiz-picker-dropdown'
 export { IBizPickerLink } from './ibiz-picker-link/ibiz-picker-link';
 export { IBizPickerEmbedView } from './ibiz-picker-embed-view/ibiz-picker-embed-view';
 export { IBizPickerSelectView } from './ibiz-picker-select-view/ibiz-picker-select-view';
+export { IBizTransferPicker } from './ibiz-transfer-picker/ibiz-transfer-picker';
 export * from './picker-editor.controller';
 export * from './picker-editor.provider';

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

@@ -4,6 +4,7 @@ export { IBizPickerDropDown } from './ibiz-picker-dropdown/ibiz-picker-dropdown.
 export { IBizPickerLink } from './ibiz-picker-link/ibiz-picker-link.mjs';
 export { IBizPickerEmbedView } from './ibiz-picker-embed-view/ibiz-picker-embed-view.mjs';
 export { IBizPickerSelectView } from './ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+export { IBizTransferPicker } from './ibiz-transfer-picker/ibiz-transfer-picker.mjs';
 export { PickerEditorController } from './picker-editor.controller.mjs';
 export { DataPickerEditorProvider } from './picker-editor.provider.mjs';
 

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

@@ -32,6 +32,9 @@ class DataPickerEditorProvider {
       case "PICKUPVIEW":
         componentName = "IBizPickerEmbedView";
         break;
+      case "TRANSFER_PICKER":
+        componentName = "IBizTransferPicker";
+        break;
       default:
     }
     this.formEditor = componentName;

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

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

@@ -1,5 +1,12 @@
-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>;
@@ -70,8 +77,8 @@ export declare const IBizDatePicker: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => 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

@@ -1,7 +1,7 @@
-import { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+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

@@ -1,6 +1,17 @@
 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>;
@@ -76,8 +87,8 @@ export declare const IBizDateRangePicker: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => 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 { defineComponent, ref, computed, watch, createVNode, resolveComponent, mergeProps } from 'vue';
+import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
 import { getDateRangeProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
 import { clone } from 'ramda';
 import dayjs from 'dayjs';

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

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, createVNode, resolveComponent, defineComponent } 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 { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
 import { useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
-import '../../../../../node_modules/.pnpm/dayjs@1.11.13/node_modules/dayjs/locale/zh-cn.mjs';
+import '../../../../../node_modules/.pnpm/dayjs@1.11.10/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 { defineComponent, ref, watch, createVNode, resolveComponent } from 'vue';
+import { ref, watch, createVNode, resolveComponent, defineComponent } 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.d.ts

@@ -1,12 +1,27 @@
-import { PropType } from 'vue';
 import { DateRangeSelectEditorController } from '../date-range-select.controller';
 import './date-range-select.scss';
+/**
+ * 时间范围选择（扩展）
+ *
+ * @description 使用el-date-picker组件封装，用于实现天、周、月、季度、年等不同时间单位的时间范围选择功能。支持编辑器样式为`时间范围（可选单位）`，基于`时间范围选择器`编辑器进行扩展
+ * @primary
+ * @editorparams {"name":"switchUnit","parameterType":"boolean","defaultvalue":true,"description":"是否显示时间单位选择功能组件，该组件主要用于切换时间单位，根据不同的时间单位抛出不同的开始与结束时间值"}
+ * @editorparams {"name":"defaultUnit","parameterType":"'DAY' | 'WEEK' | 'MONTH' | 'QUARTER' | 'YEAR'","defaultvalue":"'DAY'","description":"默认时间单位，配置不同时间单位将展示对应的时间选择组件"}
+ * @editorparams {"name":"emitMode","parameterType":"'DEFAULT' | 'TIME'","defaultvalue":"'DEFAULT'","description":"数据抛出模式。当参数值为 'DEFAULT' 且时间单位为 'DAY' 时，若当前时间为 '2025/04/23'，开始时间为 '2025/04/22'、结束时间为 '2025/04/24'，此时若时间类型为固定时间，将开始与结束时间的时间戳除以 1000 后按 `{start:1745251200,end:1745510399,unit:'DAY',type:'STATIC'}` 格式抛值，若为动态时间则按 `{start:-1,end:1,unit:'DAY',type:'DYNAMIC'}` 格式抛值，以当前时间与开始、结束时间的时间间隔体现；而当参数值为 'TIME' 时，将开始与结束时间按本地时间格式转换为字符串，按 `{start:'2025/4/22 00:00:00',end:'2025/4/24 23:59:59',unit:'DAY',type:'STATIC'}` 格式抛值"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
 export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
     value: {
-        type: PropType<import("@ibiz-template/core").IApiData>;
+        type: import("vue").PropType<{
+            unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+            type: "STATIC" | "DYNAMIC";
+            start: string | number;
+            end: string | number;
+        }>;
     };
-    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -31,12 +46,28 @@ export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
     renderDateUnit: () => JSX.Element;
     renderDateRange: () => JSX.Element;
     onOpen: (_event: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: {
+        unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+        type: "STATIC" | "DYNAMIC";
+        start: string | number;
+        end: string | number;
+    }, _name?: string | undefined, _ignore?: boolean | 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: {
-        type: PropType<import("@ibiz-template/core").IApiData>;
+        type: import("vue").PropType<{
+            unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+            type: "STATIC" | "DYNAMIC";
+            start: string | number;
+            end: string | number;
+        }>;
     };
-    controller: import("@ibiz-template/vue3-util").RequiredProp<PropType<DateRangeSelectEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DateRangeSelectEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
     disabled: {
         type: BooleanConstructor;
     };
@@ -56,7 +87,16 @@ export declare const IBizDateRangeSelect: import("vue").DefineComponent<{
         required: boolean;
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+    onChange?: ((_value: {
+        unit: "MONTH" | "WEEK" | "DAY" | "QUARTER" | "YEAR";
+        type: "STATIC" | "DYNAMIC";
+        start: string | number;
+        end: string | number;
+    }, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;

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

@@ -1,5 +1,5 @@
-import { isVNode, defineComponent, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount } from 'vue';
-import { getDatePickerProps, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, ref, createVNode, resolveComponent, watch, onMounted, onBeforeUnmount, defineComponent } from 'vue';
+import { getDateRangeSelectProps, getDateRangeSelectEmits, useNamespace } from '@ibiz-template/vue3-util';
 import dayjs from 'dayjs';
 import quarterRangeSelect from './components/quarter-range-select/quarter-range-select.mjs';
 import yearRangeSelect from './components/year-range-select/year-range-select.mjs';
@@ -17,13 +17,8 @@ const IBizDateRangeSelect = /* @__PURE__ */ defineComponent({
     "bi-year-range-select": yearRangeSelect,
     "bi-week-range-select": weekRangeSelect
   },
-  props: {
-    ...getDatePickerProps(),
-    value: {
-      type: Object
-    }
-  },
-  emits: ["change"],
+  props: getDateRangeSelectProps(),
+  emits: getDateRangeSelectEmits(),
   setup(props, {
     emit
   }) {

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

@@ -19,6 +19,9 @@ class DropDownListEditorProvider {
       case "VIRTUALIZED_LIST":
         componentName = "IBizVirtualizedList";
         break;
+      case "TREE_PICKER":
+        componentName = "IBizTreePicker";
+        break;
       default:
     }
     this.formEditor = componentName;

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 .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)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.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-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);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;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.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-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);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-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);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-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}
+.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__hidden-input{position:absolute;z-index:-9999;width:0;height:0;padding:0;margin:0;border:none;opacity: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)}.ibiz-dropdown-content-item{color:var(--ibiz-dropdown-select-option-item-color)}.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-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.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-dropdown-select-option-item-color);background-color:var(--ibiz-dropdown-select-option-item-bkcolor);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-dropdown-select-option-item-bkcolor:var(--ibiz-color-fill-0)}.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;margin-right:var(--ibiz-spacing-extra-tight);line-height:var(--ibiz-spacing-loose);color:var(--ibiz-dropdown-select-option-item-color)}.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-readonly-text-item .ibiz-dropdown-readonly-text-item__label{padding-right:var(--ibiz-spacing-base);padding-left:var(--ibiz-spacing-base);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-select .el-select__tags{display:none}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__prefix-inner>:last-child{gap:var(--ibiz-spacing-extra-tight);margin:0}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner{flex:1 1 0;color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::-moz-placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select .el-input__inner[aria-expanded=true]::placeholder{color:transparent}.ibiz-dropdown--round .ibiz-dropdown-select-option-text{display:inline-flex;align-items:center;padding:var(--ibiz-dropdown-select-option-item-padding);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-popper.is-allow-create .el-tree__empty-block{display:none}.ibiz-dropdown-popper.is-allow-create .el-select-dropdown__item{padding-left:var(--ibiz-spacing-base-tight)}.ibiz-dropdown-popper .el-select-dropdown__item{width:100%;background-color:var(--ibiz-dropdown-select-option-item-bkcolor)}

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

@@ -1,6 +1,19 @@
 import { Ref } from 'vue';
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
 import './ibiz-dropdown.scss';
+/**
+ * 下拉列表框
+ *
+ * @description 使用el-select或el-tree-select组件，用于在选项较多的情况下，以列表形式展示内容供其选择，该组件通常用于绘制代码表。支持编辑器类型包含：`下拉列表框`、`下拉列表框（100宽度）`、`下拉列表框（多选）`
+ * @primary
+ * @editorparams {name:forceSelection,parameterType:boolean,defaultvalue:true,description:是否允许用户创建选择项。当参数为false时，可在输入框输入内容，使其显示在下拉选项中呈现，并且可选择}
+ * @editorparams {name:defaultFirstOption,parameterType:boolean,defaultvalue:false,description:默认选中第一个，在该属性为 true 的情况下，按下回车就可以选中当前选项列表中的第一个选项，无需使用鼠标或键盘方向键进行定位}
+ * @editorparams {name:blankItemName,parameterType:string,description:在单选模式下，用于在下拉展示数据首项添加一条空白项数据，其文本内容为配置的该参数值}
+ * @editorparams {name:alwaysLoad,parameterType:boolean,defaultvalue:false,description:当前值改变、下拉框出现时，是否重新加载代码表数据。设置为 true 时每次相关事件触发都会重新加载数据}
+ * @editorparams {name:type,parameterType:'round' | 'other',defaultvalue:'other',description:下拉框的样式类型，可取值为 'round'（圆角类型）或 'other'（其他类型）}
+ * @editorparams {name:overflowMode,parameterType:'auto' | 'ellipsis',defaultvalue:'auto',description:用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现提示信息}
+ * @ignoreprops overflowMode
+ */
 export declare const IBizDropdown: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
@@ -46,6 +59,7 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     prefix: {
         prefix?: (() => JSX.Element[] | undefined) | undefined;
     };
+    hiddenInputRef: Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
@@ -78,8 +92,8 @@ export declare const IBizDropdown: import("vue").DefineComponent<{
     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;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
     onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
 }, {
     disabled: boolean;
     readonly: boolean;