@ibiz-template/mob-vue3-components 0.0.55 → 0.7.41-alpha.8

package/dist/tree-nburezSg.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-nburezSg.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import {\n  useControlController,\n  useNamespace,\n  IBizIcon,\n} from '@ibiz-template/vue3-util';\nimport {\n  computed,\n  defineComponent,\n  PropType,\n  ref,\n  VNode,\n  h as vueH,\n  createApp,\n  App,\n  onUnmounted,\n} from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport {\n  IControlProvider,\n  ITreeController,\n  ITreeNodeData,\n  TreeController,\n} from '@ibiz-template/runtime';\nimport { debounce } from 'lodash-es';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    context: { type: Object as PropType<IContext>, required: true },\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    provider: { type: Object as PropType<IControlProvider> },\n    mdctrlActiveMode: { type: Number, default: 2 },\n    singleSelect: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController<TreeController>(\n      (...args) => new TreeController(...args),\n    );\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item._id);\n    });\n\n    // 节点创建的app实例,用于组件销毁时销毁所有实例\n    let vueApps: App[] = [];\n    // 引用的树组件实例\n    const treeRef = ref();\n    // 用于树强制刷新\n    const treeRefreshKey = ref(createUUID());\n\n    // 快捷搜索值\n    const currentVal = ref('');\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n\n    // 创建图标节点\n    const createIconNode = (customProps: IData) => {\n      const iop = vueH(IBizIcon, customProps);\n      const vueApp = createApp(iop);\n      const dom = document.createElement('span');\n      vueApp.mount(dom);\n      vueApps.push(vueApp);\n      return dom;\n    };\n\n    /**\n     * 创建新的节点对象，隔离组件数据和controller数据\n     * @param {ITreeNodeData[]} nodes\n     * @return {*}  {IData[]}\n     */\n    const toElNodes = (nodes: ITreeNodeData[]): IData[] => {\n      return nodes.map(node => {\n        const iconDom = node?._icon\n          ? createIconNode({ icon: node?._icon })\n          : '';\n        return {\n          _id: node._id,\n          _uuid: node._uuid,\n          _leaf: node._leaf,\n          _text: node._text,\n          icon: iconDom,\n          _disableSelect: node._disableSelect,\n        };\n      });\n    };\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      const nodes = c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData._children) {\n              return result.concat(nodeData._children);\n            }\n            return result;\n          }, []);\n      return toElNodes(nodes);\n    });\n\n    /**\n     * 根据id查找树节点数据对象\n     * @export\n     * @param {string} key (数据的_uuid 或者 _id)\n     * @param {ITreeController} c\n     * @return {*}  {(ITreeNodeData | undefined)}\n     */\n    function findNodeData(\n      key: string,\n      controller: ITreeController,\n    ): ITreeNodeData | undefined {\n      const find = controller.state.items.find(item => item._id === key);\n      if (find) {\n        return find;\n      }\n      return controller.state.items.find(item => item._uuid === key);\n    }\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n\n      // 加载时拦截点击事件\n      let nodes: ITreeNodeData[];\n      const nodeData = findNodeData(item.data._uuid, c)!;\n      // 有搜索值为搜索框搜索,必须请求后台数据过滤\n      if (nodeData && nodeData._children && !c.state.query) {\n        ibiz.log.debug('节点展开加载-本地', nodeData);\n        nodes = nodeData._children;\n      } else {\n        ibiz.log.debug('节点展开加载-远程', nodeData);\n        nodes = await c.loadNodes(nodeData);\n      }\n      // 根节点搜索时,返回树展示数据,并强制刷新\n      if (nodes && c.state.rootNodes.includes(nodes[0])) {\n        callback(treeData.value);\n        c.state.mobExpandedKey = '';\n        treeRefreshKey.value = createUUID();\n        return;\n      }\n      callback(toElNodes(nodes));\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: MouseEvent, opts: IData) => {\n      if (c.state.singleSelect) {\n        return;\n      }\n      const { originData } = opts;\n      // 选中相关处理\n      const { selectedData } = c.state;\n      const nodeData = findNodeData(originData._uuid, c)!;\n      // 选中里没有则添加，有则删除\n      const filterArr = selectedData.filter(\n        (item: IData) => item._id !== nodeData._id,\n      );\n      if (filterArr.length === selectedData.length) {\n        c.setSelection(selectedData.concat([nodeData]));\n      } else {\n        c.setSelection(filterArr);\n      }\n    };\n\n    const onNodeClick = (event: MouseEvent, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return;\n      }\n      onNodeCheck(event, opts);\n      c.onTreeNodeClick(originData, event);\n    };\n\n    // 处理展开节点切换\n    const handleExpandedLastKey = (data: IData) => {\n      c.state.mobExpandedKey = data._uuid || '';\n    };\n\n    // 搜索\n    const debounceSearch = debounce(async () => {\n      if (treeRef.value) {\n        // 获取最后展开的节点\n        const breadcrumbList =\n          treeRef.value?.tree?.tree?.store?.breadcrumb?.list;\n        const breadcrumbListLast = breadcrumbList\n          ? breadcrumbList[breadcrumbList.length - 1]\n          : null;\n        if (breadcrumbListLast) {\n          breadcrumbListLast.childNodes = [];\n          treeRef.value?.tree?.tree?.store?.nodesChange([]);\n          breadcrumbListLast.loaded = false;\n          breadcrumbListLast.setExpand(true);\n        }\n      }\n    }, 500);\n\n    const onInput = async (value: string): Promise<void> => {\n      c.state.query = value;\n      await c.load();\n    };\n\n    c.evt.on('onAfterRefreshParent', () => {\n      debounceSearch();\n    });\n\n    c.evt.on('onLoadSuccess', () => {\n      c.state.mobExpandedKey = '';\n      treeRefreshKey.value = createUUID();\n    });\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data._id,\n        name: data._text,\n        children: data._children,\n        isLeaf: data._leaf,\n      };\n    };\n\n    /**\n     * 处理单选默认选中样式\n     *\n     * @author ljx\n     * @date 2024-12-12 15:07:59\n     * @param {IData} opts\n     * @return {*}\n     */\n    const handleSingleSelect = (opts: IData) => {\n      const { originData, loadingEl } = opts;\n      if (checkedKeys.value.includes(originData._id) && loadingEl) {\n        loadingEl.parentNode.parentNode.classList.add('selected');\n        opts.store.selectedCurrent = opts;\n      }\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      if (c.state.singleSelect) handleSingleSelect(opts);\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return h('div', {\n          text: ibiz.i18n.t('control.tree.subordinate'),\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n            handleExpandedLastKey(originData);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: MouseEvent, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            const content = document.createElement('span');\n            const textDom = document.createElement('span');\n            textDom.innerText = data.name;\n            if (data.icon instanceof HTMLElement) {\n              content.appendChild(data.icon.cloneNode(true));\n            }\n            content.appendChild(textDom);\n            content.className = `${ns.be('header', 'crumb')} ${ns.is(\n              'root',\n              data._vsroot,\n            )}`;\n            content.onclick = () => handleExpandedLastKey.bind(this)(data);\n            return content;\n          },\n        },\n      });\n    }\n\n    onUnmounted(() => {\n      // 卸载绘制的图标节点\n      vueApps.forEach((vueApp: App) => {\n        vueApp.unmount();\n      });\n      vueApps = [];\n    });\n\n    return {\n      c,\n      ns,\n      treeRefreshKey,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      treeRef,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n      currentVal,\n      onInput,\n    };\n  },\n  render() {\n    const slots: IData = {\n      searchbar: () => {\n        if (!this.c.enableQuickSearch) {\n          return null;\n        }\n        return (\n          <van-search\n            modelValue={this.c.state.query}\n            class={this.ns.b('quick-search')}\n            clearable={true}\n            placeholder={this.c.state.placeHolder}\n            onUpdate:model-value={this.onInput}\n          ></van-search>\n        );\n      },\n    };\n    const key = this.c.controlPanel ? 'tree' : 'default';\n    slots[key] = () => {\n      return [\n        this.breadcrumb && (\n          <van-sticky>\n            <div\n              id={`breadcrumb${this.uuid}`}\n              class={[\n                this.ns.b('header'),\n                this.ns.is('no-root', !this.c.model.rootVisible),\n              ]}\n            ></div>\n          </van-sticky>\n        ),\n        this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            ref='treeRef'\n            key={this.treeRefreshKey}\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            showIcon={true}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        ),\n      ];\n    };\n    return <iBizControlBase controller={this.c}>{slots}</iBizControlBase>;\n  },\n});\n\nexport default TreeControl;\n"],"names":["_isSlot","s","_isVNode","TreeControl","defineComponent","components","VsTreeComponent","props","modelData","type","required","context","params","Object","default","provider","mdctrlActiveMode","singleSelect","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","useNamespace","computed","item","vueApps","ref","treeRefreshKey","createUUID","treeRef","uuid","iop","vueH","IBizIcon","customProps","vueApp","createApp","dom","toElNodes","nodes","createIconNode","node","mount","push","iconDom","map","result","nodeData","icon","findNodeData","key","controller","find","loadData","callback","treeData","state","onNodeCheck","event","opts","originData","selectedData","filterArr","onNodeClick","debug","loadNodes","handleExpandedLastKey","data","rootNodes","mobExpandedKey","value","_e","_i","breadcrumbList","_d","_c","_b2","_a2","breadcrumbListLast","_h","_g","_f","debounceSearch","treeDataFormat","setSelection","stopPropagation","_leaf","loadingEl","renderContent","h","handleSingleSelect","e","_opts","tree","customNodeClick","onInput","checked","on","evt","breadcrumb","options","content","textDom","ns","onUnmounted","className","click","setExpand","_createVNode","_resolveComponent","slots","maxHeight","checkInherit","nocheckParent","rootName","assign","link","innerText","appendChild","exports"],"mappings":"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"}
+{"version":3,"file":"tree-nburezSg.js","sources":["../src/control/tree/tree.tsx"],"sourcesContent":["import {\n  useControlController,\n  useNamespace,\n  IBizIcon,\n} from '@ibiz-template/vue3-util';\nimport {\n  computed,\n  defineComponent,\n  PropType,\n  ref,\n  VNode,\n  h as vueH,\n  createApp,\n  App,\n  onUnmounted,\n} from 'vue';\nimport { IDETree } from '@ibiz/model-core';\nimport {\n  IControlProvider,\n  ITreeController,\n  ITreeNodeData,\n  TreeController,\n} from '@ibiz-template/runtime';\nimport { debounce } from 'lodash-es';\nimport { createUUID } from 'qx-util';\nimport { VsTreeComponent } from '@ibiz-template-package/vs-tree-ex';\nimport './tree.scss';\n\nexport const TreeControl = defineComponent({\n  name: 'IBizTreeControl',\n  components: {\n    'vs-tree': VsTreeComponent,\n  },\n  props: {\n    /**\n     * @description 树控件模型数据\n     */\n    modelData: { type: Object as PropType<IDETree>, required: true },\n    /**\n     * @description 应用上下文对象\n     */\n    context: { type: Object as PropType<IContext>, required: true },\n    /**\n     * @description 视图参数对象\n     * @default {}\n     */\n    params: { type: Object as PropType<IParams>, default: () => ({}) },\n    /**\n     * @description 部件适配器\n     */\n    provider: { type: Object as PropType<IControlProvider> },\n    /**\n     * @description 部件激活模式，值为0：无激活，值为1：单击激活，值为2：双击激活\n     * @default 2\n     */\n    mdctrlActiveMode: { type: Number, default: 2 },\n    /**\n     * @description 是否单选\n     * @default true\n     */\n    singleSelect: { type: Boolean, default: true },\n  },\n  setup() {\n    const c = useControlController<TreeController>(\n      (...args) => new TreeController(...args),\n    );\n    const ns = useNamespace(`control-${c.model.controlType!.toLowerCase()}`);\n    // 默认选中项\n    const checkedKeys = computed(() => {\n      return c.state.selectedData.map(item => item._id);\n    });\n\n    // 节点创建的app实例,用于组件销毁时销毁所有实例\n    let vueApps: App[] = [];\n    // 引用的树组件实例\n    const treeRef = ref();\n    // 用于树强制刷新\n    const treeRefreshKey = ref(createUUID());\n\n    // 快捷搜索值\n    const currentVal = ref('');\n\n    const uuid = createUUID();\n\n    // 启用面包屑功能\n    const breadcrumb = ref(true);\n\n    // 创建图标节点\n    const createIconNode = (customProps: IData) => {\n      const iop = vueH(IBizIcon, customProps);\n      const vueApp = createApp(iop);\n      const dom = document.createElement('span');\n      vueApp.mount(dom);\n      vueApps.push(vueApp);\n      return dom;\n    };\n\n    /**\n     * 创建新的节点对象，隔离组件数据和controller数据\n     * @param {ITreeNodeData[]} nodes\n     * @return {*}  {IData[]}\n     */\n    const toElNodes = (nodes: ITreeNodeData[]): IData[] => {\n      return nodes.map(node => {\n        const iconDom = node?._icon\n          ? createIconNode({ icon: node?._icon })\n          : '';\n        return {\n          _id: node._id,\n          _uuid: node._uuid,\n          _leaf: node._leaf,\n          _text: node._text,\n          icon: iconDom,\n          _disableSelect: node._disableSelect,\n        };\n      });\n    };\n\n    /** 树展示数据 */\n    const treeData = computed(() => {\n      if (!c.state.isLoaded) {\n        return [];\n      }\n      const nodes = c.model.rootVisible\n        ? c.state.rootNodes\n        : c.state.rootNodes.reduce<ITreeNodeData[]>((result, nodeData) => {\n            if (nodeData._children) {\n              return result.concat(nodeData._children as ITreeNodeData[]);\n            }\n            return result;\n          }, []);\n      return toElNodes(nodes as ITreeNodeData[]);\n    });\n\n    /**\n     * 根据id查找树节点数据对象\n     * @export\n     * @param {string} key (数据的_uuid 或者 _id)\n     * @param {ITreeController} c\n     * @return {*}  {(ITreeNodeData | undefined)}\n     */\n    function findNodeData(\n      key: string,\n      controller: ITreeController,\n    ): ITreeNodeData | undefined {\n      const find = controller.state.items.find(item => item._id === key);\n      if (find) {\n        return find;\n      }\n      return controller.state.items.find(item => item._uuid === key);\n    }\n\n    /**\n     * 触发节点加载数据\n     * @author zk\n     * @date 2023-05-29 09:16:07\n     * @param {IData} item\n     * @param {(nodes: IData[]) => void} callback\n     */\n    const loadData = async (\n      item: IData,\n      callback: (nodes: IData[]) => void,\n    ) => {\n      // 没加载前拦截\n      if (!c.state.isLoaded) {\n        return;\n      }\n\n      // 加载时拦截点击事件\n      let nodes: ITreeNodeData[];\n      const nodeData = findNodeData(item.data._uuid, c)!;\n      // 有搜索值为搜索框搜索,必须请求后台数据过滤\n      if (nodeData && nodeData._children && !c.state.query) {\n        ibiz.log.debug('节点展开加载-本地', nodeData);\n        nodes = nodeData._children;\n      } else {\n        ibiz.log.debug('节点展开加载-远程', nodeData);\n        nodes = await c.loadNodes(nodeData);\n      }\n      // 根节点搜索时,返回树展示数据,并强制刷新\n      if (nodes && c.state.rootNodes.includes(nodes[0])) {\n        callback(treeData.value);\n        c.state.mobExpandedKey = '';\n        treeRefreshKey.value = createUUID();\n        return;\n      }\n      callback(toElNodes(nodes));\n    };\n\n    /**\n     * 多选时选中节点变更\n     *\n     * @param {ITreeNodeData} nodeData\n     */\n    const onNodeCheck = (event: MouseEvent, opts: IData) => {\n      if (c.state.singleSelect) {\n        return;\n      }\n      const { originData } = opts;\n      // 选中相关处理\n      const { selectedData } = c.state;\n      const nodeData = findNodeData(originData._uuid, c)!;\n      // 选中里没有则添加，有则删除\n      const filterArr = selectedData.filter(\n        (item: IData) => item._id !== nodeData._id,\n      );\n      if (filterArr.length === selectedData.length) {\n        c.setSelection(selectedData.concat([nodeData]));\n      } else {\n        c.setSelection(filterArr);\n      }\n    };\n\n    const onNodeClick = (event: MouseEvent, opts: IData) => {\n      event.stopPropagation();\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return;\n      }\n      onNodeCheck(event, opts);\n      c.onTreeNodeClick(originData, event);\n    };\n\n    // 处理展开节点切换\n    const handleExpandedLastKey = (data: IData) => {\n      c.state.mobExpandedKey = data._uuid || '';\n    };\n\n    // 搜索\n    const debounceSearch = debounce(async () => {\n      if (treeRef.value) {\n        // 获取最后展开的节点\n        const breadcrumbList =\n          treeRef.value?.tree?.tree?.store?.breadcrumb?.list;\n        const breadcrumbListLast = breadcrumbList\n          ? breadcrumbList[breadcrumbList.length - 1]\n          : null;\n        if (breadcrumbListLast) {\n          breadcrumbListLast.childNodes = [];\n          treeRef.value?.tree?.tree?.store?.nodesChange([]);\n          breadcrumbListLast.loaded = false;\n          breadcrumbListLast.setExpand(true);\n        }\n      }\n    }, 500);\n\n    const onInput = async (value: string): Promise<void> => {\n      c.state.query = value;\n      await c.load();\n    };\n\n    c.evt.on('onAfterRefreshParent', () => {\n      debounceSearch();\n    });\n\n    c.evt.on('onLoadSuccess', () => {\n      c.state.mobExpandedKey = '';\n      treeRefreshKey.value = createUUID();\n    });\n\n    /**\n     * 树数据格式化\n     *\n     * @author zk\n     * @date 2023-07-03 11:07:59\n     * @param {ITreeNodeData} data\n     * @return {*}\n     */\n    const treeDataFormat = (data: ITreeNodeData) => {\n      return {\n        id: data._id,\n        name: data._text,\n        children: data._children,\n        isLeaf: data._leaf,\n      };\n    };\n\n    /**\n     * 处理单选默认选中样式\n     *\n     * @author ljx\n     * @date 2024-12-12 15:07:59\n     * @param {IData} opts\n     * @return {*}\n     */\n    const handleSingleSelect = (opts: IData) => {\n      const { originData, loadingEl } = opts;\n      if (checkedKeys.value.includes(originData._id) && loadingEl) {\n        loadingEl.parentNode.parentNode.classList.add('selected');\n        opts.store.selectedCurrent = opts;\n      }\n    };\n\n    const renderContent = (\n      h: (tag: string, opt: IData) => VNode,\n      opts: IData,\n    ) => {\n      if (c.state.singleSelect) handleSingleSelect(opts);\n      const { originData } = opts;\n      if (!originData._leaf) {\n        return h('div', {\n          text: ibiz.i18n.t('control.tree.subordinate'),\n          className: 'tree-button',\n          click: (e: Event, _opts: IData) => {\n            _opts.store.breadcrumb.list.push(_opts);\n            _opts.setExpand(true);\n            handleExpandedLastKey(originData);\n          },\n        });\n      }\n    };\n\n    const customNodeClick = (event: MouseEvent, opts: IData) => {\n      const { checked } = opts;\n      opts.setChecked(!checked);\n      onNodeClick(event, opts);\n    };\n\n    // vs树配置项\n    const options = {\n      maxHeight: '100%',\n      // 继承父状态\n      checkInherit: false,\n      // 不能选择父节点\n      nocheckParent: true,\n      rootName: c.model.detreeNodes?.find(item => item.rootNode)?.name,\n      renderContent,\n      customNodeClick,\n    };\n\n    if (breadcrumb.value) {\n      Object.assign(options, {\n        breadcrumb: {\n          el: `#breadcrumb${uuid}`,\n          link: (node: IData, data: IData) => {\n            const content = document.createElement('span');\n            const textDom = document.createElement('span');\n            textDom.innerText = data.name;\n            if (data.icon instanceof HTMLElement) {\n              content.appendChild(data.icon.cloneNode(true));\n            }\n            content.appendChild(textDom);\n            content.className = `${ns.be('header', 'crumb')} ${ns.is(\n              'root',\n              data._vsroot,\n            )}`;\n            content.onclick = () => handleExpandedLastKey.bind(this)(data);\n            return content;\n          },\n        },\n      });\n    }\n\n    onUnmounted(() => {\n      // 卸载绘制的图标节点\n      vueApps.forEach((vueApp: App) => {\n        vueApp.unmount();\n      });\n      vueApps = [];\n    });\n\n    return {\n      c,\n      ns,\n      treeRefreshKey,\n      treeData,\n      options,\n      breadcrumb,\n      checkedKeys,\n      uuid,\n      treeRef,\n      onNodeCheck,\n      onNodeClick,\n      loadData,\n      treeDataFormat,\n      currentVal,\n      onInput,\n    };\n  },\n  render() {\n    const slots: IData = {\n      searchbar: () => {\n        if (!this.c.enableQuickSearch) {\n          return null;\n        }\n        return (\n          <van-search\n            modelValue={this.c.state.query}\n            class={this.ns.b('quick-search')}\n            clearable={true}\n            placeholder={this.c.state.placeHolder}\n            onUpdate:model-value={this.onInput}\n          ></van-search>\n        );\n      },\n    };\n    const key = this.c.controlPanel ? 'tree' : 'default';\n    slots[key] = () => {\n      return [\n        this.breadcrumb && (\n          <van-sticky>\n            <div\n              id={`breadcrumb${this.uuid}`}\n              class={[\n                this.ns.b('header'),\n                this.ns.is('no-root', !this.c.model.rootVisible),\n              ]}\n            ></div>\n          </van-sticky>\n        ),\n        this.c.state.isCreated && this.c.state.isLoaded && (\n          <vs-tree\n            show-line\n            ref='treeRef'\n            key={this.treeRefreshKey}\n            class={[this.ns.b('content')]}\n            lazy={true}\n            strictLeaf={true}\n            options={this.options}\n            show-checkbox={!this.c.state.singleSelect}\n            showIcon={true}\n            data={this.treeData}\n            highlightCurrent={true}\n            checkedKeys={this.checkedKeys}\n            format={this.treeDataFormat}\n            load={this.loadData}\n            onCheck={this.onNodeCheck}\n          ></vs-tree>\n        ),\n      ];\n    };\n    return <iBizControlBase controller={this.c}>{slots}</iBizControlBase>;\n  },\n});\n\nexport default TreeControl;\n"],"names":["_isSlot","s","_isVNode","TreeControl","defineComponent","components","VsTreeComponent","props","type","required","Object","default","setup","c","_a","_b","useControlController","args","TreeController","checkedKeys","useNamespace","computed","item","vueApps","ref","treeRefreshKey","createUUID","treeRef","uuid","iop","vueH","IBizIcon","customProps","vueApp","createApp","dom","toElNodes","nodes","createIconNode","node","mount","push","iconDom","map","result","nodeData","icon","findNodeData","key","controller","find","loadData","callback","treeData","state","onNodeCheck","event","opts","originData","selectedData","filterArr","onNodeClick","debug","loadNodes","handleExpandedLastKey","data","rootNodes","mobExpandedKey","value","_e","_i","breadcrumbList","_d","_c","_b2","_a2","breadcrumbListLast","_h","_g","_f","debounceSearch","treeDataFormat","setSelection","stopPropagation","_leaf","loadingEl","renderContent","h","handleSingleSelect","e","_opts","tree","customNodeClick","onInput","checked","on","evt","breadcrumb","options","content","textDom","ns","onUnmounted","className","click","setExpand","_createVNode","_resolveComponent","slots","maxHeight","checkInherit","nocheckParent","rootName","assign","link","innerText","appendChild","exports"],"mappings":"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"}

package/es/_virtual/index17.mjs

@@ -1,3 +1,3 @@
-var lodash_clonedeep = {exports: {}};
+var lodash_isequal = {exports: {}};
 
-export { lodash_clonedeep as __module };
+export { lodash_isequal as __module };

package/es/_virtual/index18.mjs

@@ -1,3 +1,3 @@
-var lodash_isequal = {exports: {}};
+var lodash_clonedeep = {exports: {}};
 
-export { lodash_isequal as __module };
+export { lodash_clonedeep as __module };

package/es/common/button-list/button-list.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { JSX } from 'vue/jsx-runtime';
 import { IPanelButtonList, IDEFormButtonList } from '@ibiz/model-core';
 import { IButtonContainerState } from '@ibiz-template/runtime';
 import './button-list.scss';

package/es/common/carousel/carousel.d.ts

@@ -23,7 +23,7 @@ export declare const IBizCarousel: import("vue").DefineComponent<{
         type: PropType<(ISysImage | IIcon)[]>;
     };
     attrs: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
 }, {
@@ -49,7 +49,7 @@ export declare const IBizCarousel: import("vue").DefineComponent<{
         type: PropType<(ISysImage | IIcon)[]>;
     };
     attrs: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: false;
     };
 }>>, {

package/es/common/cropping/cropping.d.ts

@@ -2,7 +2,7 @@ import { PropType, Ref } from 'vue';
 import './cropping.scss';
 export declare const IBizCropping: import("vue").DefineComponent<{
     img: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
     };
     url: {
         type: StringConstructor;
@@ -19,7 +19,7 @@ export declare const IBizCropping: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     cropImgUrl: import("vue").ComputedRef<string>;
     scaleNumber: Ref<number>;
-    style: import("vue").ComputedRef<IData>;
+    style: import("vue").ComputedRef<import("@ibiz-template/core").IApiData>;
     uuid: string;
     imgRef: Ref<any>;
     cropContainerRef: Ref<any>;
@@ -30,10 +30,10 @@ export declare const IBizCropping: import("vue").DefineComponent<{
     onTouchStart: (event: TouchEvent) => void;
     onTouchMove: (event: TouchEvent) => void;
     onTouchEnd: (_event: TouchEvent) => void;
-    imgMovePosition: Ref<IData>;
+    imgMovePosition: Ref<import("@ibiz-template/core").IApiData>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     img: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
     };
     url: {
         type: StringConstructor;

package/es/common/date-range-picker/components/range-picker/range-picker.d.ts

@@ -48,7 +48,7 @@ export declare const RangePicker: import("vue").DefineComponent<{
     onfocus: (tag: 'START' | 'END') => void;
     onBlur: (tag: 'START' | 'END') => void;
     onClick: (tag: 'START' | 'END') => void;
-    renderErrorInfo: (tag: 'START' | 'END') => JSX.Element;
+    renderErrorInfo: (tag: 'START' | 'END') => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: {

package/es/common/date-range-picker/date-range-picker.d.ts

@@ -41,7 +41,7 @@ export declare const IBizDateRangeCalendar: import("vue").DefineComponent<{
     minDate: Date;
     allowSave: Ref<boolean>;
     isEditable: Ref<boolean>;
-    formatter: (day: IData) => IData;
+    formatter: (day: IData) => import("@ibiz-template/core").IApiData;
     onCancel: () => void;
     calcDefaultSelect: import("vue").ComputedRef<Date | Date[] | null>;
     onSave: () => void;
@@ -51,8 +51,8 @@ export declare const IBizDateRangeCalendar: import("vue").DefineComponent<{
     formatEndDate: () => string;
     switchEdit: () => void;
     onClear: () => void;
-    renderCalendarInput: () => JSX.Element;
-    renderSelectRange: () => JSX.Element;
+    renderCalendarInput: () => import("vue/jsx-runtime").JSX.Element;
+    renderSelectRange: () => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "save")[], "cancel" | "save", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<"range" | "single">;

package/es/common/emoji-select/components/categories/categories.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import './categories.scss';
 export declare const Categories: import("vue").DefineComponent<{
     categories: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         required: true;
         default: () => never[];
     };
@@ -15,7 +15,7 @@ export declare const Categories: import("vue").DefineComponent<{
     onSelect: (category: IData) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "select"[], "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     categories: {
-        type: PropType<IData[]>;
+        type: PropType<import("@ibiz-template/core").IApiData[]>;
         required: true;
         default: () => never[];
     };
@@ -26,5 +26,5 @@ export declare const Categories: import("vue").DefineComponent<{
 }>> & {
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {
-    categories: IData[];
+    categories: import("@ibiz-template/core").IApiData[];
 }, {}>;

package/es/common/emoji-select/components/emoji-item/emoji-item.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import './emoji-item.scss';
 export declare const EmojiItem: import("vue").DefineComponent<{
     emoji: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
         default: () => void;
     };
@@ -25,7 +25,7 @@ export declare const EmojiItem: import("vue").DefineComponent<{
     onClick: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     emoji: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
         default: () => void;
     };
@@ -40,5 +40,5 @@ export declare const EmojiItem: import("vue").DefineComponent<{
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
-    emoji: IData;
+    emoji: import("@ibiz-template/core").IApiData;
 }, {}>;

package/es/common/emoji-select/components/emoji-list/emoji-list.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import './emoji-list.scss';
 export declare const EmojiList: import("vue").DefineComponent<{
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     emojisByRow: {
@@ -27,7 +27,7 @@ export declare const EmojiList: import("vue").DefineComponent<{
         default: string;
     };
     categories: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
         default: () => void;
     };
@@ -36,18 +36,18 @@ export declare const EmojiList: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    emojisRef: import("vue").Ref<IData>;
+    emojisRef: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     gridDynamic: import("vue").ComputedRef<{
         gridTemplateColumns: string;
     }>;
     dataFiltered: import("vue").ComputedRef<any>;
-    dataFilteredByCategory: import("vue").ComputedRef<IData>;
+    dataFilteredByCategory: import("vue").ComputedRef<import("@ibiz-template/core").IApiData>;
     onSelect: (emoji: IData) => void;
     setCategoryRef: (categoryName: string, el: Element) => void;
-    renderGridEmojis: (params: IData) => "" | JSX.Element;
+    renderGridEmojis: (params: IData) => "" | import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "data")[], "select" | "data", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
     emojisByRow: {
@@ -72,7 +72,7 @@ export declare const EmojiList: import("vue").DefineComponent<{
         default: string;
     };
     categories: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
         default: () => void;
     };
@@ -84,7 +84,7 @@ export declare const EmojiList: import("vue").DefineComponent<{
     onData?: ((...args: any[]) => any) | undefined;
 }, {
     filter: string;
-    categories: IData;
+    categories: import("@ibiz-template/core").IApiData;
     category: string;
     emojiWithBorder: boolean;
     continuousList: boolean;

package/es/common/emoji-select/emoji-select.d.ts

@@ -58,11 +58,11 @@ export declare const IBizEmojiSelect: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    mapEmojis: import("vue").Ref<IData>;
+    mapEmojis: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     filterEmoji: import("vue").Ref<string>;
-    mapCategories: import("vue").Ref<IData>;
+    mapCategories: import("vue").Ref<import("@ibiz-template/core").IApiData>;
     currentCategory: import("vue").Ref<string>;
-    categoriesFiltered: import("vue").ComputedRef<IData[]>;
+    categoriesFiltered: import("vue").ComputedRef<import("@ibiz-template/core").IApiData[]>;
     onSearch: (term: string) => Promise<void>;
     onSelectEmoji: (emoji: IData) => Promise<void>;
     changeCategory: (category: IData) => Promise<void>;

package/es/common/emoji-select/icons/search.d.ts

@@ -1 +1,2 @@
+import { JSX } from 'vue/jsx-runtime';
 export declare const SearchSvg: () => JSX.Element;

package/es/common/index.mjs

@@ -1,4 +1,4 @@
-import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell, IBizCodeList, IBizBadge } from '@ibiz-template/vue3-util';
+import { IBizViewShell, IBizIcon, IBizControlBase, IBizRouterView, IBizControlShell, IBizCodeList, IBizBadge, IBizSignaturePad } from '@ibiz-template/vue3-util';
 import { IBizActionToolbar } from './action-toolbar/action-toolbar.mjs';
 import { IBizCarousel } from './carousel/carousel.mjs';
 import { IBizCol } from './col/col.mjs';
@@ -43,6 +43,7 @@ const IBizCommonComponents = {
     v.component(IBizMdCtrlSetting.name, IBizMdCtrlSetting);
     v.component(IBizPreviewImage.name, IBizPreviewImage);
     v.component(IBizCropping.name, IBizCropping);
+    v.component(IBizSignaturePad.name, IBizSignaturePad);
   }
 };
 

package/es/common/md-ctrl-setting/md-ctrl-setting.d.ts

@@ -17,9 +17,9 @@ export declare const IBizMdCtrlSetting: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    renderSetting: () => JSX.Element;
-    renderPopup: () => JSX.Element;
-    renderContent: () => JSX.Element;
+    renderSetting: () => import("vue/jsx-runtime").JSX.Element;
+    renderPopup: () => import("vue/jsx-runtime").JSX.Element;
+    renderContent: () => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "sortChange"[], "sortChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     listItems: {
         type: PropType<IListItem[]>;

package/es/common/preset-view-back/preset-view-back.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import './preset-view-back.scss';
 export declare const IBizPresetViewBack: import("vue").DefineComponent<{
     view: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
 }, {
@@ -11,7 +11,7 @@ export declare const IBizPresetViewBack: import("vue").DefineComponent<{
     goBack: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     view: {
-        type: PropType<IData>;
+        type: PropType<import("@ibiz-template/core").IApiData>;
         required: true;
     };
 }>>, {}, {}>;

package/es/common/preset-view-header/preset-view-header.d.ts

@@ -11,7 +11,7 @@ export declare const IBizPresetViewHeader: import("vue").DefineComponent<{
     ns2: import("@ibiz-template/core").Namespace;
     view: import("@ibiz-template/runtime").IViewController<import("@ibiz/model-core").IAppView, import("@ibiz-template/runtime").IViewState, import("@ibiz-template/runtime").IViewEvent>;
     captionBar: ICaptionBar | undefined;
-    context: IContext;
+    context: import("@ibiz-template/core").IApiContext;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
         type: PropType<IPanelContainer>;

package/es/common/rawitem/rawitem.d.ts

@@ -15,7 +15,7 @@ export declare const IBizRawItem: import("vue").DefineComponent<{
     };
 }, {
     ns: import("@ibiz-template/core").Namespace;
-    rawItemText: Ref<string | number | IData>;
+    rawItemText: Ref<string | number | import("@ibiz-template/core").IApiData>;
     playerParams: Ref<{
         id: string;
         path: string;
@@ -37,7 +37,7 @@ export declare const IBizRawItem: import("vue").DefineComponent<{
         'left-icon': string;
     }>;
     rawItemType: Ref<string>;
-    rawItemContent: Ref<string | number | IData>;
+    rawItemContent: Ref<string | number | import("@ibiz-template/core").IApiData>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;

package/es/control/app-menu/app-menu.d.ts

@@ -3,18 +3,31 @@ import { IAppMenu } from '@ibiz/model-core';
 import { AppMenuController, IControlProvider } from '@ibiz-template/runtime';
 import './app-menu.scss';
 export declare const AppMenuControl: import("vue").DefineComponent<{
+    /**
+     * @description 菜单模型数据
+     */
     modelData: {
         type: PropType<IAppMenu>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
@@ -27,21 +40,34 @@ export declare const AppMenuControl: import("vue").DefineComponent<{
     onTabChange: (active: string, event?: MouseEvent, opts?: IData) => Promise<void>;
     setPopupState: (state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * @description 菜单模型数据
+     */
     modelData: {
         type: PropType<IAppMenu>;
         required: true;
     };
+    /**
+     * @description 应用上下文对象
+     */
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
+    /**
+     * @description 部件适配器
+     */
     provider: {
         type: PropType<IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;

package/es/control/app-menu/app-menu.mjs

@@ -9,18 +9,31 @@ import './app-menu.css';
 const AppMenuControl = /* @__PURE__ */ defineComponent({
   name: "IBizAppMenuControl",
   props: {
+    /**
+     * @description 菜单模型数据
+     */
     modelData: {
       type: Object,
       required: true
     },
+    /**
+     * @description 应用上下文对象
+     */
     context: {
       type: Object,
       required: true
     },
+    /**
+     * @description 视图参数对象
+     * @default {}
+     */
     params: {
       type: Object,
       default: () => ({})
     },
+    /**
+     * @description 部件适配器
+     */
     provider: {
       type: Object
     }

package/es/control/app-menu/custom-menu-design/custom-menu-design.d.ts

@@ -22,7 +22,7 @@ export declare const MenuDesign: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     onSave: () => Promise<void>;
     onClose: () => void;
-    renderMenuList: (type: 'nav' | 'more') => JSX.Element;
+    renderMenuList: (type: 'nav' | 'more') => import("vue/jsx-runtime").JSX.Element;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     controller: {
         type: PropType<AppMenuController>;

package/es/control/app-menu/index.d.ts

@@ -5,11 +5,11 @@ export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").Type
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -21,7 +21,7 @@ export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").Type
     showPopup: import("vue").Ref<boolean>;
     activeName: import("vue").Ref<any>;
     controlClass: string[];
-    onTabChange: (active: string, event?: MouseEvent | undefined, opts?: IData) => Promise<void>;
+    onTabChange: (active: string, event?: MouseEvent | undefined, opts?: import("@ibiz-template/core").IApiData) => Promise<void>;
     setPopupState: (state: boolean) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelData: {
@@ -29,17 +29,17 @@ export declare const IBizAppMenuControl: import("@ibiz-template/vue3-util").Type
         required: true;
     };
     context: {
-        type: import("vue").PropType<IContext>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: import("vue").PropType<IParams>;
+        type: import("vue").PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: import("vue").PropType<import("@ibiz-template/runtime").IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>>;
 export default IBizAppMenuControl;

package/es/control/app-menu-icon-view/app-menu-icon-view.d.ts

@@ -8,11 +8,11 @@ export declare const AppMenuIconViewControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
@@ -29,16 +29,16 @@ export declare const AppMenuIconViewControl: import("vue").DefineComponent<{
         required: true;
     };
     context: {
-        type: PropType<IContext>;
+        type: PropType<import("@ibiz-template/core").IApiContext>;
         required: true;
     };
     params: {
-        type: PropType<IParams>;
+        type: PropType<import("@ibiz-template/core").IApiParams>;
         default: () => {};
     };
     provider: {
         type: PropType<IControlProvider>;
     };
 }>>, {
-    params: IParams;
+    params: import("@ibiz-template/core").IApiParams;
 }, {}>;