{ name: 'SplitPanel', setup() { const resizeHandle = ref(null); let startX, currentWidth; const startDrag = (event) => { startX = event.clientX; currentWidth = resizeHandle.value.offsetWidth; document.addEventListener('mousemove', handleMouseMove); document.addEventListener('mouseup', ...
Split-Pane component built with vue3.0 + typescript, can be split vertically or horizontally. How to use? npm i vue3-splitpane #import import splitPane from 'vue3-splitpane' # use as global component Vue.component('split-pane', splitPane); Example //vue3.0: <template> <splitPane @resize=...
https://chenchengbi.github.io/vue-page-split/#/ 📦 安装 $ npm i vue3-page-split -S 🔨 使用 在Vue 项目中使用 PageSplit <template><PageSplit:distribute="0.3":lineThickness="6":isVertical="true"@resizeLineStartMove="onresizeLineStartMove"@resizeLineMove="onResizeLineMove"@resizeLineEndMov...
emits: ["resize"], setup(props, ctx) { const active = ref(false); const hasMoved = ref(false); const percent = ref(props.splitSet?.defaultPercent); const type = props.splitSet?.split === "vertical" ? "width" : "height"; const resizeType = props.splitSet?.split === "vertical"...
pnpm-lock.yaml 版本升级 1年前 pnpm-workspace.yaml 初始化项目 2年前 README GPL-2.0 cn-split-pane-vue 介绍 基于Vue3 的区域分割组件 简介 基于Vue3 的区域分割组件 vue组件 JavaScript等 4 种语言 GPL-2.0 发行版 暂无发行版 贡献者(2) 全部...
This Vue component can split an area of a page in two panels and panels can be nested. - vue3-page-split/src/components/page-split.vue at master · ChenChengbi/vue3-page-split
canResize:false, actionColumn: { width: 120, }, width: 240, }, }, exportConfig: { name:"${tableVo.ftlDescription}", @@ -134,7 +145,7 @@ //编辑回调 updateTableDataRecord(values.id, values); } else { if(!values['pid']){ if(!values['${pidFieldName}']){ //新增根节点 relo...
Button按钮作为View UI Plus的基础组件,一般在触发业务逻辑时使用。 按钮类型 按钮类型有:默认按钮、主按钮、虚线按钮、文字按钮以及四种颜色按钮,通过设置“type”为“primary”、“dashed”、“text”、“info”、“success”、“warning”、“error”创建不同样式的按钮,不设置为默认样式,示例代码如下: ...
export const setRoute = function(routeList:TRoute[],parentName:string){ routeList.forEach(item=>{ const arr = item.componentPath.split("/"); const name = arr[arr.length-1];// 获取路由的名字 // 判断当前路由信息表中是否存在该路由,并且路由的name不允许为undefined if(!name || router.has...
A Split Panel Component for Vue3.. Latest version: 0.0.1, last published: 2 years ago. Start using wkj-vue3-split-pane in your project by running `npm i wkj-vue3-split-pane`. There are no other projects in the npm registry using wkj-vue3-split-pane.