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

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

@@ -0,0 +1,93 @@
+import { Ref } from 'vue';
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-tree-picker.scss';
+/**
+ * 树形多选（扩展）
+ *
+ * @description 用于以树形样式呈现选择项，支持搜索过滤、全选、取消全选、全展开及全收起功能，常用于绘制树形结构的代码表数据。基于`下拉列表框（多选）`编辑器进行扩展，编辑器样式代码名称为：TREE_PICKER
+ * @primary
+ * @editorparams {"name":"showtoolbar","parameterType":"boolean","defaultvalue":"false","description":"是否显示头部工具栏。默认不显示，若此值为 true，则会在头部呈现快捷工具栏，该工具栏可用于执行全选、取消全选、全展开以及全收起操作"}
+ * @ignoreprops autoFocus | overflowMode | controlParams
+ * @ignoreemits blur | focus | enter | infoTextChange
+ */
+export declare const IBizTreePicker: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: DropDownListEditorController;
+    items: Ref<readonly import("@ibiz-template/core").IApiData[]>;
+    treeRef: Ref<any>;
+    filterText: Ref<string>;
+    treeNodes: Ref<import("@ibiz-template/core").IApiData[]>;
+    isCancel: Ref<boolean>;
+    defaultCheckedKeys: Ref<string[]>;
+    expandedKeys: Ref<string[]>;
+    showToolbar: boolean;
+    onNodeExpand: (...args: IData[]) => void;
+    onNodeCollapse: (...args: IData[]) => void;
+    filterNode: (value: string, data: IData) => boolean;
+    customNodeClass: (data: IData) => string | null;
+    onAllExpand: () => void;
+    onAllCollapse: () => void;
+    onAllSelect: () => void;
+    onAllCancel: () => void;
+    onCheck: (...args: IData[]) => 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: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, 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;
+}, {}>;

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

@@ -0,0 +1,292 @@
+import { isVNode, ref, watch, onMounted, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
+import { isArray, isString } from 'lodash-es';
+import './ibiz-tree-picker.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizTreePicker = /* @__PURE__ */ defineComponent({
+  name: "IBizTreePicker",
+  props: getDropdownProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("tree-picker");
+    const c = props.controller;
+    const editorModel = c.model;
+    const items = ref([]);
+    const codeListItems = ref([]);
+    const isLoadedCodeList = ref(false);
+    const treeNodes = ref([]);
+    const defaultCheckedKeys = ref([]);
+    const isLoading = ref(false);
+    const codeItemValueNumber = ref(false);
+    const filterText = ref("");
+    const treeRef = ref();
+    const isCancel = ref(true);
+    const allExpand = ref(false);
+    const expandedKeys = ref([]);
+    const valueSeparator = c.model.valueSeparator || ",";
+    let showToolbar = false;
+    if (editorModel.editorParams) {
+      const {
+        editorParams
+      } = editorModel;
+      if (editorParams.showtoolbar)
+        showToolbar = editorParams.showtoolbar === "true";
+    }
+    const handleExpand = (_key, state) => {
+      var _a;
+      const treeNode = (_a = treeRef.value) == null ? void 0 : _a.getNode(_key);
+      if (treeNode.isLeaf)
+        return;
+      if (state) {
+        treeNode.expand();
+      } else {
+        treeNode.collapse();
+      }
+    };
+    const handleTreeNodes = (nodes) => {
+      if (nodes.length === 0) {
+        return [];
+      }
+      const list = [];
+      nodes.forEach((codeItem) => {
+        var _a;
+        const index = codeListItems.value.findIndex((_item) => {
+          return _item.value === codeItem.value;
+        });
+        if (index === -1) {
+          codeListItems.value.push(codeItem);
+        }
+        const tempObj = {
+          label: codeItem.text,
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
+          color: codeItem == null ? void 0 : codeItem.color,
+          textCls: codeItem == null ? void 0 : codeItem.textCls,
+          sysImage: codeItem.sysImage,
+          disabled: codeItem.disableSelect === true,
+          children: []
+        };
+        if (codeItem.children && codeItem.children.length > 0) {
+          tempObj.children = handleTreeNodes(codeItem.children);
+        }
+        list.push(tempObj);
+      });
+      return list;
+    };
+    const afterLoadCodeList = (codeList) => {
+      items.value = [];
+      codeListItems.value = [];
+      let tempCodeList = codeList;
+      if (c.multiple && !tempCodeList.some((item) => item.children)) {
+        tempCodeList = c.handleCodeListAllItems(tempCodeList);
+      }
+      items.value = tempCodeList;
+      for (let i = 0; i < items.value.length; i++) {
+        const _item = items.value[i];
+        if (_item.children) {
+          treeNodes.value = handleTreeNodes(tempCodeList);
+          break;
+        }
+      }
+    };
+    const loadCodeList = async () => {
+      if (c.model.appCodeListId) {
+        const app = ibiz.hub.getApp(c.context.srfappid);
+        const codeListModel = app.codeList.getCodeList(c.model.appCodeListId);
+        if (codeListModel) {
+          codeItemValueNumber.value = codeListModel.codeItemValueNumber || false;
+        }
+      }
+      isLoading.value = true;
+      const codeList = await c.loadCodeList(props.data);
+      afterLoadCodeList(codeList);
+      isLoadedCodeList.value = true;
+      isLoading.value = false;
+    };
+    watch(() => props.value, async (newVal, oldVal) => {
+      if (newVal) {
+        let val = [];
+        if (!isLoadedCodeList.value && oldVal === void 0) {
+          await loadCodeList();
+        }
+        if (isArray(newVal)) {
+          val = newVal;
+        } else if (isString(newVal)) {
+          val = newVal.split(valueSeparator);
+        }
+        defaultCheckedKeys.value = val.filter((_key) => codeListItems.value.find((item) => item.value === _key && item.isLeaf));
+      }
+    }, {
+      immediate: true
+    });
+    const onChange = (values) => {
+      let selectArr = null;
+      if (c.model.valueType === "SIMPLES") {
+        selectArr = values;
+      } else {
+        selectArr = values.join(valueSeparator);
+      }
+      emit("change", selectArr);
+    };
+    const customNodeClass = (data) => {
+      return data.children.length ? ns.e("branch-node") : null;
+    };
+    const fn = (data) => {
+      if (data)
+        afterLoadCodeList(data);
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
+    onMounted(() => {
+      loadCodeList();
+    });
+    const filterNode = (value, data) => {
+      if (!value)
+        return true;
+      return data.label && data.label.includes(value);
+    };
+    watch(filterText, (val) => {
+      var _a;
+      (_a = treeRef.value) == null ? void 0 : _a.filter(val);
+    });
+    const handleExpandSwitch = (state = true) => {
+      codeListItems.value.forEach((item) => {
+        if (item.children && item.children.length > 0) {
+          handleExpand(item.value, state);
+        }
+      });
+    };
+    const onAllExpand = () => {
+      allExpand.value = true;
+      handleExpandSwitch();
+    };
+    const onAllCollapse = () => {
+      allExpand.value = false;
+      handleExpandSwitch(false);
+    };
+    const onAllSelect = () => {
+      var _a, _b;
+      const checkedKeys = (_a = codeListItems.value) == null ? void 0 : _a.map((item) => item.value);
+      handleExpandSwitch(allExpand.value);
+      (_b = treeRef.value) == null ? void 0 : _b.setCheckedKeys(checkedKeys);
+      onChange(checkedKeys);
+    };
+    const onAllCancel = () => {
+      var _a;
+      handleExpandSwitch(allExpand.value);
+      (_a = treeRef.value) == null ? void 0 : _a.setCheckedKeys([]);
+      onChange([]);
+    };
+    const onCheck = (...args) => {
+      if (args[1]) {
+        const {
+          checkedKeys,
+          halfCheckedKeys
+        } = args[1];
+        const combinedKeys = [...halfCheckedKeys, ...checkedKeys];
+        const filterArr = combinedKeys.filter((value, index, self) => {
+          return self.indexOf(value) === index;
+        });
+        onChange(filterArr);
+      }
+    };
+    const onNodeExpand = (...args) => {
+      if (args[0] && args[0].value) {
+        expandedKeys.value.push(args[0].value);
+      }
+    };
+    const onNodeCollapse = (...args) => {
+      if (args[0] && args[0].value) {
+        const index = expandedKeys.value.findIndex((_key) => args[0].value === _key);
+        if (index !== -1) {
+          expandedKeys.value.splice(index, 1);
+        }
+      }
+    };
+    return {
+      ns,
+      c,
+      items,
+      treeRef,
+      filterText,
+      treeNodes,
+      isCancel,
+      defaultCheckedKeys,
+      expandedKeys,
+      showToolbar,
+      onNodeExpand,
+      onNodeCollapse,
+      filterNode,
+      customNodeClass,
+      onAllExpand,
+      onAllCollapse,
+      onAllSelect,
+      onAllCancel,
+      onCheck
+    };
+  },
+  render() {
+    const isReadonly = this.readonly || this.disabled;
+    const content = [createVNode("div", {
+      "class": [this.ns.e("search")]
+    }, [createVNode(resolveComponent("el-input"), {
+      "modelValue": this.filterText,
+      "onUpdate:modelValue": ($event) => this.filterText = $event,
+      "placeholder": this.c.placeHolder || " "
+    }, null)]), createVNode("div", {
+      "class": [this.ns.e("tree")]
+    }, [createVNode(resolveComponent("el-tree"), {
+      "ref": "treeRef",
+      "class": this.ns.b("tree"),
+      "data": this.treeNodes,
+      "node-key": "value",
+      "props": {
+        children: "children",
+        label: "label",
+        class: this.customNodeClass
+      },
+      "show-checkbox": !isReadonly,
+      "default-checked-keys": this.defaultCheckedKeys,
+      "default-expanded-keys": this.expandedKeys,
+      "filter-node-method": this.filterNode,
+      "onNodeExpand": this.onNodeExpand,
+      "onNodeCollapse": this.onNodeCollapse,
+      "onCheck": this.onCheck
+    }, null)])];
+    if (!isReadonly && this.showToolbar) {
+      let _slot, _slot2, _slot3, _slot4;
+      content.unshift(...[createVNode("div", {
+        "class": [this.ns.e("header")]
+      }, [createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllSelect
+      }, _isSlot(_slot = ibiz.i18n.t("editor.treePicker.allowAll")) ? _slot : {
+        default: () => [_slot]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCancel
+      }, _isSlot(_slot2 = ibiz.i18n.t("editor.treePicker.allProhibited")) ? _slot2 : {
+        default: () => [_slot2]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllExpand
+      }, _isSlot(_slot3 = ibiz.i18n.t("editor.treePicker.expandAll")) ? _slot3 : {
+        default: () => [_slot3]
+      }), createVNode(resolveComponent("el-button"), {
+        "type": "primary",
+        "onClick": this.onAllCollapse
+      }, _isSlot(_slot4 = ibiz.i18n.t("editor.treePicker.collapseAll")) ? _slot4 : {
+        default: () => [_slot4]
+      })])]);
+    }
+    return createVNode("div", {
+      "class": [this.ns.b()]
+    }, [content]);
+  }
+});
+
+export { IBizTreePicker };

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

@@ -1,5 +1,6 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
 export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list';
+export { IBizTreePicker } from './ibiz-tree-picker/ibiz-tree-picker';
 export * from './dropdown-list-editor.controller';
 export * from './dropdown-list-editor.provider';

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

@@ -1,6 +1,7 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown.mjs';
 export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker.mjs';
 export { IBizVirtualizedList } from './ibiz-virtualized-list/ibiz-virtualized-list.mjs';
+export { IBizTreePicker } from './ibiz-tree-picker/ibiz-tree-picker.mjs';
 export { DropDownListEditorController } from './dropdown-list-editor.controller.mjs';
 export { DropDownListEditorProvider } from './dropdown-list-editor.provider.mjs';
 

package/es/editor/index.mjs

@@ -38,6 +38,7 @@ import { IBizInputNumber } from './text-box/ibiz-input-number/ibiz-input-number.
 import { IBizInputIP } from './text-box/ibiz-input-ip/ibiz-input-ip.mjs';
 import { IBizDropdown } from './dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs';
 import { IBizEmojiPicker } from './dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs';
+import { IBizTreePicker } from './dropdown-list/ibiz-tree-picker/ibiz-tree-picker.mjs';
 import { IBizCheckbox } from './check-box/ibiz-checkbox/ibiz-checkbox.mjs';
 import { IBizCheckboxList } from './check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs';
 import { IBizRadio } from './radio-button-list/ibiz-radio/ibiz-radio.mjs';
@@ -59,6 +60,7 @@ import { IBizPickerDropDown } from './data-picker/ibiz-picker-dropdown/ibiz-pick
 import { IBizPickerLink } from './data-picker/ibiz-picker-link/ibiz-picker-link.mjs';
 import { IBizPickerEmbedView } from './data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs';
 import { IBizPickerSelectView } from './data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs';
+import { IBizTransferPicker } from './data-picker/ibiz-transfer-picker/ibiz-transfer-picker.mjs';
 import { IBizNumberRangePicker } from './number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs';
 import { IBizDateRangePicker } from './date-range/ibiz-date-range-picker/ibiz-date-range-picker.mjs';
 import { IBizCode } from './code/monaco-editor/monaco-editor.mjs';
@@ -112,6 +114,7 @@ const IBizEditor = {
     v.component(IBizInputIP.name, IBizInputIP);
     v.component(IBizDropdown.name, IBizDropdown);
     v.component(IBizEmojiPicker.name, IBizEmojiPicker);
+    v.component(IBizTreePicker.name, IBizTreePicker);
     v.component(IBizCheckbox.name, IBizCheckbox);
     v.component(IBizCheckboxList.name, IBizCheckboxList);
     v.component(IBizRadio.name, IBizRadio);
@@ -133,6 +136,7 @@ const IBizEditor = {
     v.component(IBizPickerLink.name, IBizPickerLink);
     v.component(IBizPickerEmbedView.name, IBizPickerEmbedView);
     v.component(IBizPickerSelectView.name, IBizPickerSelectView);
+    v.component(IBizTransferPicker.name, IBizTransferPicker);
     v.component(IBizNumberRangePicker.name, IBizNumberRangePicker);
     v.component(IBizDateRangePicker.name, IBizDateRangePicker);
     v.component(IBizCode.name, IBizCode);
@@ -205,6 +209,10 @@ const IBizEditor = {
       "DROPDOWNLIST_EMOJI_PICKER",
       () => new DropDownListEditorProvider("EMOJI_PICKER")
     );
+    registerEditorProvider(
+      "MDROPDOWNLIST_TREE_PICKER",
+      () => new DropDownListEditorProvider("TREE_PICKER")
+    );
     registerEditorProvider(
       "DROPDOWNLIST_VIRTUALIZED_LIST",
       () => new DropDownListEditorProvider("VIRTUALIZED_LIST")
@@ -317,6 +325,10 @@ const IBizEditor = {
       "PICKER",
       () => new DataPickerEditorProvider("PICKER")
     );
+    registerEditorProvider(
+      "PICKER_TRANSFER_PICKER",
+      () => new DataPickerEditorProvider("TRANSFER_PICKER")
+    );
     registerEditorProvider(
       "PICKEREX_NOAC",
       () => new DataPickerEditorProvider("PICKEREX_NOAC")

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

@@ -8,6 +8,7 @@ import { RateEditorController } from '../rate-editor.controller';
  * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
  * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
  * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+ * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */
@@ -22,6 +23,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
      * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
      * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
      * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+     * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
      * @ignoreprops autoFocus | overflowMode
      * @ignoreemits blur | focus | enter | infoTextChange
      */
@@ -71,6 +73,7 @@ export declare const IBizRate: import("vue").DefineComponent<{
      * @editorparams {name:showText,parameterType:boolean,defaultvalue:false,description:el-rate组件的showText属性，是否显示辅助文字，值为 true 时会在右侧显示辅助文字}
      * @editorparams {name:maxvalue,parameterType:number,defaultvalue:5,description:el-rate组件的max属性，设置允许的最大分值}
      * @editorparams {name:texts,parameterType:string[],defaultvalue:[],description:el-rate组件的texts属性，辅助文字数组}
+     * @editorparams {"name":"colors","parameterType":"string[]","defaultvalue":"[]","description":"设置评分不同阶段展示的颜色，传入数组，共有 3 个元素，为 3 个分段所对应的颜色。示例配置：[\"#99A9BF\",\"#F7BA2A\",\"#FF9900\"]"}
      * @ignoreprops autoFocus | overflowMode
      * @ignoreemits blur | focus | enter | infoTextChange
      */

package/es/locale/en/index.d.ts

@@ -1404,6 +1404,16 @@ declare const _default: {
             title: string;
             searchPlaceholder: string;
         };
+        transferPicker: {
+            optionalList: string;
+            selectedList: string;
+        };
+        treePicker: {
+            allowAll: string;
+            allProhibited: string;
+            expandAll: string;
+            collapseAll: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/en/index.mjs

@@ -678,6 +678,16 @@ var index = {
     mapPicker: {
       title: "Please select an address",
       searchPlaceholder: "Please enter a keyword to select a location"
+    },
+    transferPicker: {
+      optionalList: "Optional list",
+      selectedList: "Selected list"
+    },
+    treePicker: {
+      allowAll: "Allow all",
+      allProhibited: "All prohibited",
+      expandAll: "Expand all",
+      collapseAll: "Collapse all"
     }
   },
   panelComponent: {

package/es/locale/zh-CN/index.d.ts

@@ -1399,6 +1399,16 @@ declare const _default: {
             title: string;
             searchPlaceholder: string;
         };
+        transferPicker: {
+            optionalList: string;
+            selectedList: string;
+        };
+        treePicker: {
+            allowAll: string;
+            allProhibited: string;
+            expandAll: string;
+            collapseAll: string;
+        };
     };
     panelComponent: {
         authUserinfo: {

package/es/locale/zh-CN/index.mjs

@@ -674,6 +674,16 @@ var index = {
     mapPicker: {
       title: "\u8BF7\u9009\u62E9\u5730\u5740",
       searchPlaceholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57\u9009\u62E9\u5730\u70B9"
+    },
+    transferPicker: {
+      optionalList: "\u53EF\u9009\u5217\u8868",
+      selectedList: "\u5DF2\u9009\u5217\u8868"
+    },
+    treePicker: {
+      allowAll: "\u5168\u90E8\u5141\u8BB8",
+      allProhibited: "\u5168\u90E8\u7981\u6B62",
+      expandAll: "\u5168\u90E8\u5C55\u5F00",
+      collapseAll: "\u5168\u90E8\u6536\u8D77"
     }
   },
   panelComponent: {

package/es/panel-component/app-switch/app-switch.controller.mjs

@@ -145,7 +145,7 @@ class AppSwitchController extends PanelItemController {
   async loadAppsWithUtil() {
     const result = [];
     if (!this.util) {
-      const app = ibiz.hub.getApp(this.context.srfappid);
+      const app = ibiz.hub.getApp(ibiz.env.appId);
       const hubAppUtil = app.getAppUtil("HUBAPP", "CUSTOM");
       if (!hubAppUtil) {
         return result;
@@ -156,7 +156,17 @@ class AppSwitchController extends PanelItemController {
     if (!data || data.length === 0) {
       return result;
     }
+    const defaultAppModel = ibiz.hub.getAppSourceModel(ibiz.env.appId);
+    const allPSSubAppRefs = defaultAppModel.getAllPSSubAppRefs;
     for (let i = 0; i < data.length; i++) {
+      if (data[i].id !== ibiz.env.appId && !/^[0-9a-zA-Z]+__[0-9a-zA-Z]+__[0-9a-zA-Z]+$/.test(data[i].id)) {
+        const targetSubAppRef = allPSSubAppRefs.find((subAppRef) => {
+          return subAppRef.id.endsWith(data[i].id);
+        });
+        if (targetSubAppRef) {
+          data[i].id = targetSubAppRef.id;
+        }
+      }
       result.push({
         // 应用标识@首页视图标识
         id: "".concat(data[i].id, "@").concat(data[i].indexViewName.toLowerCase()),

package/es/panel-component/panel-tab-panel/panel-tab-panel.css

@@ -1 +1 @@
-.ibiz-panel-tab-panel{width:100%;height:100%}.ibiz-panel-tab-panel>.el-tabs__header{margin-bottom:0}.ibiz-panel-tab-panel>.el-tabs__content{height:calc(100% - var(--el-tabs-header-height));overflow:auto}
+.ibiz-panel-tab-panel{width:100%;height:100%}.ibiz-panel-tab-panel>.el-tabs__header{height:var(--el-tabs-header-height);margin-bottom:0}.ibiz-panel-tab-panel>.el-tabs__content{height:calc(100% - var(--el-tabs-header-height));overflow:auto}

package/es/panel-component/searchform-buttons/searchform-buttons.css

@@ -1 +1 @@
-.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:var(--ibiz-searchform-buttons-height);margin-top:var(--ibiz-spacing-extra-tight);margin-left:var(--ibiz-spacing-tight)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}
+.ibiz-searchform-buttons{--ibiz-searchform-buttons-height:40px;display:flex;gap:var(--ibiz-spacing-tight);align-items:center;height:var(--ibiz-searchform-buttons-height);margin:var(--ibiz-spacing-extra-tight) var(--ibiz-spacing-extra-tight) 0 var(--ibiz-spacing-tight)}.ibiz-searchform-buttons .el-button+.el-button{margin-left:0}.ibiz-searchform-buttons-filter-item{position:relative}.ibiz-searchform-buttons-filter-item__text{padding-right:var(--ibiz-spacing-extra-tight)}.ibiz-searchform-buttons-filter-item__remove{position:absolute;top:var(--ibiz-spacing-base-tight);right:0;display:none;font-size:var(--ibiz-font-size-header-5)}.ibiz-searchform-buttons-filter-item:hover .ibiz-searchform-buttons-filter-item__remove{display:block}

package/es/util/fullscreen/fullscreen-util.mjs

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import ElementPlus from 'element-plus';
-import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.40_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
+import { defaultNamespace } from '../../node_modules/.pnpm/@ibiz-template_core@0.7.41-alpha.1_axios@1.6.8_lodash-es@4.17.21_qs@6.11.2_qx-util@0.4.8_ramda@0.29.1/node_modules/@ibiz-template/core/out/utils/namespace/namespace.mjs';
 import { IBizFullscreenToolbar } from '../../common/fullscreen-toolbar/fullscreen-toolbar.mjs';
 
 "use strict";

package/es/web-app/components/router-shell/router-shell.mjs

@@ -15,6 +15,7 @@ const RouterShell = /* @__PURE__ */ defineComponent({
     }
   },
   setup(props) {
+    var _a;
     const route = useRoute();
     const router = useRouter();
     const viewData = ref({});
@@ -29,11 +30,13 @@ const RouterShell = /* @__PURE__ */ defineComponent({
           context.destroy();
       }
     };
-    const routeDepth = props.modal.routeDepth;
+    const routeDepth = (_a = props.modal) == null ? void 0 : _a.routeDepth;
     onUnmounted(() => {
       destroyContext();
     });
     const calcViewData = async () => {
+      if (!routeDepth)
+        return;
       try {
         const _viewData = await parseRouteViewData(route, routeDepth);
         const _context = IBizContext.create(_viewData.context);
@@ -60,7 +63,7 @@ const RouterShell = /* @__PURE__ */ defineComponent({
     });
     const routeModal = new Modal({
       mode: ViewMode.ROUTE,
-      routeDepth: routeDepth + 1
+      routeDepth: (routeDepth || 0) + 1
     });
     onActivated(() => {
       isActivated.value = true;
@@ -77,9 +80,8 @@ const RouterShell = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    if (!this.isLoaded) {
+    if (!this.isLoaded)
       return null;
-    }
     const {
       context,
       params,

package/lib/common/map-chart-user/map-chart-user.util.cjs

@@ -59,7 +59,7 @@ const getCssVarByName = (name) => {
 const getPointStaticOption = (params) => {
   const { pointSymbol } = params;
   const ns = vue3Util.useNamespace("map-chart-user");
-  const textColor = getCssVarByName(ns.cssVarName("color-text-1"));
+  const textColor = getCssVarByName(ns.cssVarName("color-danger"));
   const fontSize = getCssVarByName(ns.cssVarName("font-size-header-4"));
   const options = {
     type: "scatter",