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

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/interface.d.ts

@@ -0,0 +1,60 @@
+import { ExtractPropTypes, PropType, VNode } from 'vue';
+import { TransferFormat } from '../transfer/interface';
+export declare const CHECKED_CHANGE_EVENT = "checkedChange";
+export declare const AC_SEARCH = "acSearch";
+export type TransferKey = string | number;
+export interface TransferPanelState {
+    checked: TransferKey[];
+    allChecked: boolean;
+    query: string;
+    checkChangeByUser: boolean;
+}
+export interface TransferPropsAlias {
+    label?: string;
+    key?: string;
+    disabled?: string;
+}
+export type CheckboxValueType = string | number | boolean;
+export declare const transferCheckedChangeFn: (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+export declare const transferPanelProps: {
+    data: {
+        type: PropType<import("@ibiz-template/core").IApiData>;
+        default: () => IData;
+    };
+    optionRender: {
+        type: PropType<(option: IData) => VNode | VNode[]>;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    filterable: BooleanConstructor;
+    enableAcSearch: BooleanConstructor;
+    format: {
+        type: PropType<TransferFormat>;
+        default: () => TransferFormat;
+    };
+    filterMethod: {
+        type: PropType<(query: string, item: IData) => boolean>;
+    };
+    defaultChecked: {
+        type: PropType<TransferKey[]>;
+        default: () => Array<TransferKey>;
+    };
+    props: {
+        type: PropType<TransferPropsAlias>;
+        default: () => TransferPropsAlias;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type TransferPanelProps = ExtractPropTypes<typeof transferPanelProps>;
+export declare const transferPanelEmits: {
+    checkedChange: (value: TransferKey[], movedKeys?: TransferKey[]) => boolean;
+    acSearch: (query: string) => string;
+};
+export type TransferPanelEmits = typeof transferPanelEmits;

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/interface.mjs

@@ -0,0 +1,52 @@
+import { isArray, isNil } from 'lodash-es';
+
+"use strict";
+const CHECKED_CHANGE_EVENT = "checkedChange";
+const AC_SEARCH = "acSearch";
+const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray) || isArray(value) && isNil(movedKeys);
+const transferPanelProps = {
+  data: {
+    type: Array,
+    default: () => []
+  },
+  optionRender: {
+    type: Function
+  },
+  placeholder: String,
+  title: String,
+  filterable: Boolean,
+  enableAcSearch: Boolean,
+  format: {
+    type: Object,
+    default: () => ({})
+  },
+  filterMethod: {
+    type: Function
+  },
+  defaultChecked: {
+    type: Array,
+    default: () => []
+  },
+  props: {
+    type: Object,
+    default: () => ({
+      label: "label",
+      key: "key",
+      disabled: "disabled"
+    })
+  },
+  loading: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: false
+  }
+};
+const transferPanelEmits = {
+  [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn,
+  [AC_SEARCH]: (query) => query
+};
+
+export { AC_SEARCH, CHECKED_CHANGE_EVENT, transferCheckedChangeFn, transferPanelEmits, transferPanelProps };

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/transfer-panel-util.d.ts

@@ -0,0 +1,14 @@
+import { ComputedRef, SetupContext, Ref } from 'vue';
+import { CheckboxValueType, TransferPanelEmits, TransferPanelProps, TransferPanelState, TransferPropsAlias } from './interface';
+export declare const usePropsAlias: (props: {
+    props: TransferPropsAlias;
+}) => ComputedRef;
+export declare const useCheck: (props: TransferPanelProps, panelState: TransferPanelState, emit: SetupContext<TransferPanelEmits>['emit']) => {
+    filteredData: Ref;
+    checkableData: ComputedRef;
+    checkedSummary: ComputedRef;
+    isIndeterminate: ComputedRef;
+    onInputChange: (value: string) => void;
+    updateAllChecked: () => void;
+    handleAllCheckedChange: (value: CheckboxValueType) => void;
+};

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/transfer-panel-util.mjs

@@ -0,0 +1,130 @@
+import { computed, ref, watch } from 'vue';
+import { isFunction } from 'lodash-es';
+import { CHECKED_CHANGE_EVENT } from './interface.mjs';
+
+"use strict";
+const usePropsAlias = (props) => {
+  const initProps = {
+    label: "label",
+    key: "key",
+    disabled: "disabled"
+  };
+  return computed(() => ({
+    ...initProps,
+    ...props.props
+  }));
+};
+const useCheck = (props, panelState, emit) => {
+  const propsAlias = usePropsAlias(props);
+  const filteredData = ref([]);
+  const checkableData = computed(
+    () => filteredData.value.filter((item) => {
+      return !item[propsAlias.value.disabled];
+    })
+  );
+  const checkedSummary = computed(() => {
+    const checkedLength = panelState.checked.length;
+    const dataLength = props.data.length;
+    const { noChecked, hasChecked } = props.format;
+    if (noChecked && hasChecked) {
+      return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength.toString()).replace(/\${total}/g, dataLength.toString()) : noChecked.replace(/\${total}/g, dataLength.toString());
+    }
+    return "".concat(checkedLength, "/").concat(dataLength);
+  });
+  const isIndeterminate = computed(() => {
+    const checkedLength = panelState.checked.length;
+    return checkedLength > 0 && checkedLength < checkableData.value.length;
+  });
+  const handleFilteredData = (value = "") => {
+    filteredData.value = props.data.filter((item) => {
+      if (isFunction(props.filterMethod)) {
+        return props.filterMethod(value, item);
+      }
+      const label = String(
+        item[propsAlias.value.label] || item[propsAlias.value.key]
+      );
+      return label.toLowerCase().includes(value.toLowerCase());
+    });
+  };
+  const onInputChange = async (value) => {
+    if (props.enableAcSearch) {
+      emit("acSearch", value);
+    } else {
+      handleFilteredData(value);
+    }
+  };
+  const updateAllChecked = () => {
+    const checkableDataKeys = checkableData.value.map(
+      (item) => item[propsAlias.value.key]
+    );
+    panelState.allChecked = checkableDataKeys.length > 0 && checkableDataKeys.every(
+      (item) => panelState.checked.includes(item)
+    );
+  };
+  const handleAllCheckedChange = (value) => {
+    panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
+  };
+  watch(
+    () => panelState.checked,
+    (val, oldVal) => {
+      updateAllChecked();
+      if (panelState.checkChangeByUser) {
+        const movedKeys = val.concat(oldVal).filter((v) => !val.includes(v) || !oldVal.includes(v));
+        emit(CHECKED_CHANGE_EVENT, val, movedKeys);
+      } else {
+        emit(CHECKED_CHANGE_EVENT, val);
+        panelState.checkChangeByUser = true;
+      }
+    }
+  );
+  watch(checkableData, () => {
+    updateAllChecked();
+  });
+  watch(
+    () => props.data,
+    () => {
+      handleFilteredData(panelState.query);
+      const checked = [];
+      const filteredDataKeys = filteredData.value.map(
+        (item) => item[propsAlias.value.key]
+      );
+      panelState.checked.forEach((item) => {
+        if (filteredDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    }
+  );
+  watch(
+    () => props.defaultChecked,
+    (val) => {
+      const checked = [];
+      const checkableDataKeys = props.data.map(
+        (item) => item[propsAlias.value.key]
+      );
+      val.forEach((item) => {
+        if (checkableDataKeys.includes(item)) {
+          checked.push(item);
+        }
+      });
+      panelState.checkChangeByUser = false;
+      panelState.checked = checked;
+    },
+    {
+      immediate: true
+    }
+  );
+  return {
+    filteredData,
+    checkableData,
+    checkedSummary,
+    isIndeterminate,
+    onInputChange,
+    updateAllChecked,
+    handleAllCheckedChange
+  };
+};
+
+export { useCheck, usePropsAlias };

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/transfer-panel.css

@@ -0,0 +1 @@
+.ibiz-transfer-panel{--ibiz-transfer-panel-border-color:var(--ibiz-editor-default-border-color);--ibiz-transfer-panel-border-radius:var(--ibiz-border-radius-extra-small);--ibiz-transfer-panel-width:200px;--ibiz-transfer-panel-header-height:40px;--ibiz-transfer-panel-header-bg-color:var(--ibiz-color-fill-0);--ibiz-transfer-panel-footer-height:40px;--ibiz-transfer-panel-body-height:278px;--ibiz-transfer-panel-item-height:30px;--ibiz-transfer-panel-filter-height:32px;--ibiz-transfer-panel-spacing-base:var(--ibiz-spacing-base);position:relative;box-sizing:border-box;display:inline-block;width:var(--ibiz-transfer-panel-width);max-height:100%;overflow:hidden;text-align:left;vertical-align:middle;background:var(--ibiz-color-bg-2)}.ibiz-transfer-panel__header{box-sizing:border-box;display:flex;align-items:center;height:var(--ibiz-transfer-panel-header-height);padding-left:var(--ibiz-transfer-panel-spacing-base);margin:0;color:var(--ibiz-color-text-1);background:var(--ibiz-transfer-panel-header-bg-color);border:1px solid var(--ibiz-transfer-panel-border-color);border-top-left-radius:var(--ibiz-transfer-panel-border-radius);border-top-right-radius:var(--ibiz-transfer-panel-border-radius)}.ibiz-transfer-panel__header .el-checkbox{position:relative;display:flex;align-items:center;width:100%}.ibiz-transfer-panel__header .el-checkbox .el-checkbox__label{font-size:var(--ibiz-font-size-header-5);font-weight:400;color:var(--ibiz-color-text-1)}.ibiz-transfer-panel__header .el-checkbox .el-checkbox__label span{position:absolute;top:50%;right:var(--ibiz-transfer-panel-spacing-base);font-size:var(--ibiz-font-size-regular);font-weight:400;color:var(--ibiz-color-text-3);transform:translate3d(0,-50%,0)}.ibiz-transfer-panel__body{height:var(--ibiz-transfer-panel-body-height);overflow:hidden;border-right:1px solid var(--ibiz-transfer-panel-border-color);border-bottom:1px solid var(--ibiz-transfer-panel-border-color);border-left:1px solid var(--ibiz-transfer-panel-border-color);border-bottom-right-radius:var(--ibiz-transfer-panel-border-radius);border-bottom-left-radius:var(--ibiz-transfer-panel-border-radius)}.ibiz-transfer-panel__filter{--el-input-height:var(--ibiz-transfer-panel-filter-height);box-sizing:border-box;padding:var(--ibiz-transfer-panel-spacing-base);text-align:center}.ibiz-transfer-panel__filter .el-icon{font-size:inherit}.ibiz-transfer-panel__content{width:100%;height:var(--ibiz-transfer-panel-body-height);padding:6px 0}.ibiz-transfer-panel__content.is-filterable{height:calc(100% - var(--ibiz-transfer-panel-filter-height) - var(--ibiz-transfer-panel-spacing-base) * 2);padding-top:0}.ibiz-transfer-panel__list{box-sizing:border-box;height:100%;margin:0;overflow:auto;list-style:none}.ibiz-transfer-panel__item{height:var(--ibiz-transfer-panel-item-height);padding-left:var(--ibiz-transfer-panel-spacing-base);line-height:var(--ibiz-transfer-panel-item-height)}.ibiz-transfer-panel__item.el-checkbox{--el-checkbox-font-size:var(--ibiz-font-size-regular);display:flex;align-items:center;color:var(--ibiz-color-text-0)}.ibiz-transfer-panel__item.el-checkbox .el-checkbox__label{box-sizing:border-box;display:block;width:100%;padding-left:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-transfer-panel__item .el-checkbox__input{position:absolute}.ibiz-transfer-panel__empty{padding:6px 15px 0;margin:0;text-align:center}.ibiz-transfer-panel__empty .ibiz-no-data.el-empty{justify-content:flex-start;padding:0}.ibiz-transfer-panel__empty .ibiz-no-data .el-empty__image{width:52px}.ibiz-transfer-panel .el-checkbox__inner{width:1em;height:1em;border-radius:3px}.ibiz-transfer-panel .el-checkbox__label{padding-left:var(--ibiz-spacing-tight)}

package/es/editor/data-picker/ibiz-transfer-picker/components/transfer-panel/transfer-panel.d.ts

@@ -0,0 +1,108 @@
+import './transfer-panel.scss';
+export declare const TransferPanel: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiData>;
+        default: () => import("@ibiz-template/core").IApiData;
+    };
+    optionRender: {
+        type: import("vue").PropType<(option: import("@ibiz-template/core").IApiData) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[]>;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    filterable: BooleanConstructor;
+    enableAcSearch: BooleanConstructor;
+    format: {
+        type: import("vue").PropType<import("../transfer/interface").TransferFormat>;
+        default: () => import("../transfer/interface").TransferFormat;
+    };
+    filterMethod: {
+        type: import("vue").PropType<(query: string, item: import("@ibiz-template/core").IApiData) => boolean>;
+    };
+    defaultChecked: {
+        type: import("vue").PropType<import("./interface").TransferKey[]>;
+        default: () => import("./interface").TransferKey[];
+    };
+    props: {
+        type: import("vue").PropType<import("./interface").TransferPropsAlias>;
+        default: () => import("./interface").TransferPropsAlias;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    query: import("vue").Ref<string>;
+    allChecked: import("vue").Ref<boolean>;
+    checkedSummary: import("vue").ComputedRef<any>;
+    hasNoMatch: import("vue").ComputedRef<boolean>;
+    hasFooter: import("vue").ComputedRef<boolean>;
+    checked: import("vue").Ref<import("./interface").TransferKey[]>;
+    filteredData: import("vue").Ref<any>;
+    propsAlias: import("vue").ComputedRef<any>;
+    isIndeterminate: import("vue").ComputedRef<any>;
+    onInputChange: (value: string) => void;
+    handleAllCheckedChange: (value: import("./interface").CheckboxValueType) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    checkedChange: (value: import("./interface").TransferKey[], movedKeys?: import("./interface").TransferKey[] | undefined) => boolean;
+    acSearch: (query: string) => string;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@ibiz-template/core").IApiData>;
+        default: () => import("@ibiz-template/core").IApiData;
+    };
+    optionRender: {
+        type: import("vue").PropType<(option: import("@ibiz-template/core").IApiData) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[]>;
+    };
+    placeholder: StringConstructor;
+    title: StringConstructor;
+    filterable: BooleanConstructor;
+    enableAcSearch: BooleanConstructor;
+    format: {
+        type: import("vue").PropType<import("../transfer/interface").TransferFormat>;
+        default: () => import("../transfer/interface").TransferFormat;
+    };
+    filterMethod: {
+        type: import("vue").PropType<(query: string, item: import("@ibiz-template/core").IApiData) => boolean>;
+    };
+    defaultChecked: {
+        type: import("vue").PropType<import("./interface").TransferKey[]>;
+        default: () => import("./interface").TransferKey[];
+    };
+    props: {
+        type: import("vue").PropType<import("./interface").TransferPropsAlias>;
+        default: () => import("./interface").TransferPropsAlias;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onCheckedChange?: ((value: import("./interface").TransferKey[], movedKeys?: import("./interface").TransferKey[] | undefined) => any) | undefined;
+    onAcSearch?: ((query: string) => any) | undefined;
+}, {
+    props: import("./interface").TransferPropsAlias;
+    data: import("@ibiz-template/core").IApiData;
+    loading: boolean;
+    readonly: boolean;
+    format: import("../transfer/interface").TransferFormat;
+    filterable: boolean;
+    enableAcSearch: boolean;
+    defaultChecked: import("./interface").TransferKey[];
+}, {}>;

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

@@ -0,0 +1,116 @@
+import { reactive, computed, toRefs, resolveComponent, createVNode, resolveDirective, withDirectives, defineComponent } from 'vue';
+import { isEmpty } from 'ramda';
+import { useNamespace } from '@ibiz-template/vue3-util';
+import { transferPanelProps, transferPanelEmits } from './interface.mjs';
+import { usePropsAlias, useCheck } from './transfer-panel-util.mjs';
+import { Search } from './icon.mjs';
+import './transfer-panel.css';
+
+"use strict";
+const TransferPanel = /* @__PURE__ */ defineComponent({
+  name: "IBizTransferPanel",
+  props: transferPanelProps,
+  emits: transferPanelEmits,
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const ns = useNamespace("transfer-panel");
+    const panelState = reactive({
+      checked: [],
+      allChecked: false,
+      query: "",
+      checkChangeByUser: true
+    });
+    const propsAlias = usePropsAlias(props);
+    const {
+      filteredData,
+      checkedSummary,
+      isIndeterminate,
+      onInputChange,
+      handleAllCheckedChange
+    } = useCheck(props, panelState, emit);
+    const hasNoMatch = computed(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
+    const hasFooter = computed(() => !(slots.default && isEmpty(slots.default()[0].children)));
+    const {
+      checked,
+      allChecked,
+      query
+    } = toRefs(panelState);
+    return {
+      ns,
+      query,
+      allChecked,
+      checkedSummary,
+      hasNoMatch,
+      hasFooter,
+      checked,
+      filteredData,
+      propsAlias,
+      isIndeterminate,
+      onInputChange,
+      handleAllCheckedChange
+    };
+  },
+  render() {
+    var _a, _b;
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [createVNode("p", {
+      "class": this.ns.e("header")
+    }, [createVNode(resolveComponent("el-checkbox"), {
+      "modelValue": this.allChecked,
+      "onUpdate:modelValue": ($event) => this.allChecked = $event,
+      "disabled": this.readonly,
+      "indeterminate": this.isIndeterminate,
+      "validateEvent": false,
+      "onChange": this.handleAllCheckedChange
+    }, {
+      default: () => [this.title, createVNode("span", null, [this.checkedSummary])]
+    })]), createVNode("div", {
+      "class": [this.ns.e("body"), this.ns.is("with-footer", this.hasFooter)]
+    }, [this.filterable ? createVNode(resolveComponent("el-input"), {
+      "modelValue": this.query,
+      "onUpdate:modelValue": ($event) => this.query = $event,
+      "readonly": this.readonly,
+      "class": this.ns.e("filter"),
+      "size": "default",
+      "placeholder": this.placeholder,
+      "prefixIcon": () => Search(),
+      "clearable": true,
+      "validateEvent": false,
+      "onInput": this.onInputChange
+    }, null) : null, withDirectives(createVNode("div", {
+      "class": [this.ns.e("content"), this.ns.is("filterable", this.filterable)]
+    }, [!this.hasNoMatch && !isEmpty(this.data) ? createVNode(resolveComponent("el-checkbox-group"), {
+      "modelValue": this.checked,
+      "onUpdate:modelValue": ($event) => this.checked = $event,
+      "validateEvent": false,
+      "disabled": this.readonly,
+      "class": [this.ns.e("list")]
+    }, {
+      default: () => {
+        return this.filteredData.map((item) => {
+          return createVNode(resolveComponent("el-checkbox"), {
+            "class": this.ns.e("item"),
+            "key": item[this.propsAlias.key],
+            "label": item[this.propsAlias.key],
+            "disabled": !!item[this.propsAlias.disabled],
+            "validateEvent": false
+          }, {
+            default: () => {
+              var _a2;
+              return [(_a2 = this.optionRender) == null ? void 0 : _a2.call(this, item)];
+            }
+          });
+        });
+      }
+    }) : createVNode("div", {
+      "class": this.ns.e("empty")
+    }, [this.$slots.empty ? (_b = (_a = this.$slots).empty) == null ? void 0 : _b.call(_a) : createVNode(resolveComponent("iBizNoData"), {
+      "class": this.ns.em("empty", "no-data")
+    }, null)])]), [[resolveDirective("loading"), this.enableAcSearch && this.loading]])])]);
+  }
+});
+
+export { TransferPanel };

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

@@ -0,0 +1 @@
+.ibiz-transfer-picker{width:100%;height:100%}

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

@@ -0,0 +1,97 @@
+import { Ref, VNode } from 'vue';
+import { PickerEditorController } from '../picker-editor.controller';
+import './ibiz-transfer-picker.scss';
+/**
+ * 穿梭框选择（扩展）
+ *
+ * @description 用于通过穿梭框样式区分未选数据和已选数据。基于`数据选择`编辑器进行扩展，编辑器样式代码名称为：TRANSFER_PICKER
+ * @primary
+ * @editorparams {"name":"titles","parameterType":"string[]","defaultvalue":"[\"可选列表\",\"已选列表\"]","description":"用于自定义列表标题，该值为字符串数组。其中下标为 0 的字符串对应穿梭框左侧列表的标题，下标为 1 的字符串对应穿梭框右侧列表的标题"}
+ * @editorparams {"name":"buttontexts","parameterType":"string[]","defaultvalue":"[\"删除\",\"添加\"]","description":"用于自定义按钮显示文字，该值为字符串数组。其中下标为 0 的字符串对应左侧按钮文字，下标为 1 的字符串对应右侧按钮文字"}
+ * @editorparams {"name":"remotesearch","parameterType":"boolean","defaultvalue":"false","description":"是否启用远程过滤搜索功能。左侧列表默认采用本地过滤搜索，若此值为 true，则会开启远程过滤搜索"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter
+ */
+export declare const IBizTransferPicker: 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<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}, {
+    c: PickerEditorController;
+    ns: import("@ibiz-template/core").Namespace;
+    ns2: import("@ibiz-template/core").Namespace;
+    items: Ref<import("@ibiz-template/core").IApiData[]>;
+    loading: Ref<boolean>;
+    curValue: Ref<string[]>;
+    valueText: import("vue").ComputedRef<string>;
+    editorRef: Ref<any>;
+    curIndexs: Ref<string[]>;
+    leftChecked: Ref<string[]>;
+    rightChecked: Ref<string[]>;
+    titles: string[];
+    buttonTexts: string[];
+    enableRemoteSearch: boolean;
+    onSearch: (...args: unknown[]) => Promise<void>;
+    filterMethod: (query: string, item: IData) => boolean;
+    onRightChange: (selectKeys: Array<string | number>) => void;
+    onLeftCheckChange: (selectKeys: Array<string | number>) => void;
+    onRightCheckChange: (selectKeys: Array<string | number>) => void;
+    renderContentItem: (h: (type: string, vNodeProps: IParams | null, children?: string) => VNode, option: IParams) => VNode;
+    onLeftAcSearch: (query: string) => void;
+}, 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;
+    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<import("@ibiz-template/core").IApiData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    overflowMode: {
+        type: StringConstructor;
+    };
+    controlParams: {
+        type: ObjectConstructor;
+        required: boolean;
+    };
+}>> & {
+    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?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;