Environment

mac / chrome 101.0.4951.64 / vue 3.2.20

Reproduction link

https://run.iviewui.com/WIeCe4dp

Steps to reproduce

使用vite vue ，main.js 中 import 'view-ui-plus/src/styles/index.less' ，控制台提示 fonts/ionicons.ttf?v=3.0.0 not found，并且页面中icon看不见。

What is expected?

定制主题后，icon正常显示。

What is actually happening?

定制主题后，icon不显示。

If you set ssr: true mode in Nuxt 3, ...

import { defineNuxtConfig } from 'nuxt';

export default defineNuxtConfig({
  ssr: true,
});

... you get the following message in the console.

[Vue warn]: Failed to resolve component: Button
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
[nitro] [dev] [unhandledRejection] TypeError: Invalid value used as weak map key
    at WeakMap.set (<anonymous>)
    at normalizePropsOptions (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3966:11)
    at createComponentInstance (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6952:23)
    at renderComponentVNode (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:171:22)
    at Module.ssrRenderComponent (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12)
    at _sfc_ssrRender (file:///home/projects/nuxt-starter-7kmya5/.nuxt/dist/server/server.mjs:3388:31)
    at renderComponentSubTree (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:253:13)
    at renderComponentVNode (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16)
    at Module.ssrRenderComponent (/home/projects/nuxt-starter-7kmya5/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12)
    at default (file:///home/projects/nuxt-starter-7kmya5/.nuxt/dist/server/server.mjs:2658:37)

Playback on Stackblitz >>>

//---

How do I get rid of this message?

import Components from 'unplugin-vue-components/vite' import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

Components({ // customComponentsResolvers has renamed to resolver resolvers: [ ElementPlusResolver(), ], }),

Environment

vue ^2.6.10, "view-design": "^4.2.0",

Reproduction link

http://iviewui.com/view-ui-plus/component/view/modal

Steps to reproduce

在modal内部，使用了表单，点确认的时候会去验证表单，如果表单报错，此时不想关闭modal。但由于view-design 的modal组键on-ok源码： if (this.loading) { this.buttonLoading = true; } else { this.visible = false; this.$emit('input', false); } this.$emit('on-ok'); 代码中this.visible = false;自动关闭了modal。虽然loading控制可以控制，但并不完美。需要使用者做这样的代码： this.loading = false; setTimeout(() => { this.loading = true; }, 100)；这样modal才不会关闭，并且有loading状态。

What is expected?

期望能在on-ok方法中去掉this.visible = false，由使用者自己控制onOk事件modal的显隐控制。

What is actually happening?

虽然loading控制可以控制，但并不完美。

Environment

MacOS / Chrome 107.0.5304.121 / Vue3 TS

Reproduction link

https://run.iviewui.com/Dt8izvCt

Steps to reproduce

在Main.ts 中 import ViewUIPlus from 'view-ui-plus'; import 'view-ui-plus/dist/styles/viewuiplus.css'; import '@/style/iView.less'; Vue.use(ViewUIPlus, { transfer: true, });

iView.less中 @import 'view-ui-plus/src/styles/index'; @primary-color: pink;

在例如上面的重现链接中使用 Icon 时，会报

XXXX:8080/fonts/ionicons.woff2?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.woff?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.ttf?v=3.0.0 net::ERR_ABORTED 404 (Not Found)

打包后，生产环境中，无法显示 Icon 中的图标，报上述同样错误

What is expected?

希望能够在使用变量覆盖定制主题后使用Icon正常

What is actually happening?

实际是在开发/生产环境中，都会报错 其中开发环境能看到图标，生产环境无法看到图标

XXXX:8080/fonts/ionicons.woff2?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.woff?v=3.0.0 net::ERR_ABORTED 404 (Not Found) XXXX:8080/fonts/ionicons.ttf?v=3.0.0 net::ERR_ABORTED 404 (Not Found)

我使用的是非template方式运行的:

浏览器出现的错误：

   Uncaught TypeError: Cannot read properties of null (reading 'slice')
at Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:31690:31
at Proxy.datePanelLabel (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:33540:49)
at ReactiveEffect.run (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:593:29)
at get value [as value] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:1575:43)
at Object.get [as datePanelLabel] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:4885:32)
at Proxy.I0 (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:33639:35)
at renderComponentRoot (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:2487:48)
at ReactiveEffect.componentUpdateFn [as fn] (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:6880:61)
at ReactiveEffect.run (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:593:29)
at instance.update (Core.min.js?v=zk77Yc3x8j8r5tvkSK6ieZDy7dphdgXN0hthKNTzL2E:formatted:6989:58)

代码错误位置：

, n = new RegExp(["yyyy", "Mmmm", "mmmm", "Mmm", "mmm", "mm", "m"].join("|"),"g"); return function(i, l, r) { const s = /([[^]]+])([^[]]+)([[^]]+])/ , a = l.match(s).slice(1)//代码错误位置 , o = a[1] , d = [a[0], a[2]].map(c=>({ label: c.replace(/[[^]]+]/, m=>m.slice(1, -1).replace(n, C=>e[C](r, i))), type: c.indexOf("yy") != -1 ? "year" : "month" })); return { separator: o, labels: d } }

浏览器出现的警告：

   [Vue warn]: Unhandled error during execution of render function 

at <DatePickerPanel ref="pickerPanel" visible=false showTime=false ... > at <BaseTransition appear=false persisted=false mode=undefined ... > at at <Drop ref="drop" visible=false classes= Object ... > at <CalendarPicker type="date" modelValue="" onUpdate:modelValue=fnonUpdate:modelValue ... > at at <ICol span="12" offset="" f="QUALIFYING_DATE" ... > at at <IForm rules= Object i="0" fi="0" ... > at at at

Environment

vue ^2.6.10, "view-design": "^4.2.0",

Reproduction link

https://run.iviewui.com/PChDwDQh

Steps to reproduce

导给设置了icon的Input，添加clearable，输入内容以后icon消失

What is expected?

hover时显示close，其他时候显示原icon

What is actually happening?

hover时显示close，其他时候原icon消失

引用就报错了： Argument of type 'ViewUIPlus' is not assignable to parameter of type 'Plugin_2'.

import { createApp } from 'vue';
import ViewUIPlus from 'view-ui-plus';
import 'view-ui-plus/dist/styles/viewuiplus.css';
import App from '@/App.vue';

const app = createApp(App);
app.use(ViewUIPlus).mount('#app');

"vue": "^3.2.33", "view-ui-plus": "^1.0.0",

解决以下issue中提到的漏洞 [Bug Report]ellipsis设置lines显示错误

归因

经简单测试得出这是由于粗暴地取整导致； 如在我的电脑上lineHeight=2.7rem=64.8px，被取作64， 此时导致计算出的height略小于实际需要的高度，导致行数>1时总是缺少1行。

测试使用来自上述issue的代码

Environment

windows chrome vue3

Reproduction link

https://run.iviewui.com/aVlYanan

Steps to reproduce

只要将 to 设置为 对象

What is expected?

将官方文档进行修改

What is actually happening?

传递的 to 不生效

What problem does this feature solve? Project is unusable worldwide as most of parts are not in English

What does the proposed API look like? Translate everything on page to English, push users to write issues in English

Examples:

Environment

Chrome

Reproduction link

https://run.iviewui.com/acxv9I9w

Steps to reproduce

设置一个抽屉组件，抽屉组件里添加头像组件 头像组件USER

点击一个按钮打开抽屉

注意：如果是第二次打开抽屉，文字可能不会偏移

What is expected?

头像组件里的文字不偏移

What is actually happening?

抽屉里的头像组件里的文字发生偏移

Environment

macos

Reproduction link

https://www.iviewui.com/view-ui-plus/component/layout/layout#media

Steps to reproduce

siderWidth () { return this.collapsible ? (this.modelValue ? (this.mediaMatched ? 0 : parseInt(this.collapsedWidth)) : parseInt(this.width)) : this.width; }, 在响应式布局中使用breakpoint后，侧边栏收缩后宽度变为0了，应该是设置的collapsedWidth

What is expected?

修复bug

What is actually happening?

bug还在

对以下issue中提出的bug进行修复 [Bug Report]Modal组件 可拖拽状态下 设置宽度为百分比时窗口显示异常

问题复现

bug原因 Modal组件在可拖拽状态下，初始化时重复设置了Width属性，因此当宽度设置为固定值时没有错误，而设置为百分比时会将两个百分比相乘作为最终结果 而在窗口位置发生移动时，会将整体宽度设置为100%，此时表现正常

解决方法 由于需要初始化窗口位置，所以保留初始化时对整体宽度的设置，去除窗口宽度设置 在后续窗口位置发生移动时，在将整体宽度设置为100%时同时为窗口补充宽度设置

当前的版本 虽然子节点被禁用，但可以通过父节点选中被禁用的子节点 disabled和disableCheckbox两个属性仅有的区别为

• disabled禁用了响应函数
• disabled会设置额外的样式(Classes)，但是似乎这些样式是空的

修改后 disabled的节点无法被父节点选中

目前存在的问题：
没有处理子节点，因此可以通过子节点选中disabled的父节点
可能的方案：考虑到实际使用，可以将disabled节点显示为叶子节点，无法展开
或者 将disabled节点的子节点全部设置为disabled的

Tree 树形控件

API

Children

属性 | 说明 | 类型 | 默认值 -- | -- | -- | -- disabled | 禁用checkbox和响应，不能被父节点选中 | Boolean | false disableCheckbox | 禁掉 checkbox | Boolean | false

Environment

当前 Vue 版本为 3.2.36，View UI Plus 版本为 1.3.1

Reproduction link

https://run.iviewui.com/p9p9khXp

Steps to reproduce

mounted() 周期事件中调用组件方法

What is expected?

this.$Modal 正常显示

What is actually happening?

报错：Cannot read properties of undefined (reading '$parent')

this.$Spin 也报错

What problem does this feature solve?

所有树组件、树表格等用到箭头处右侧无间距 易导致误点击 https://www.iviewui.com/view-ui-plus/component/view/tree

历史版本有间距 http://v4.iviewui.com/components/tree

What does the proposed API look like?

与历史版本相同