✨(component): update
This commit is contained in:
parent
43d223653e
commit
e0f1f0affe
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@layui/layui-vue",
|
"name": "@layui/layui-vue",
|
||||||
"version": "1.6.0-alpha.2",
|
"version": "1.6.0",
|
||||||
"author": "就眠儀式",
|
"author": "就眠儀式",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"description": "a component library for Vue 3 base on layui-vue",
|
"description": "a component library for Vue 3 base on layui-vue",
|
||||||
|
@ -86,8 +86,9 @@ export interface LayCascaderProps {
|
|||||||
replaceFields?: { label: string; value: string; children: string };
|
replaceFields?: { label: string; value: string; children: string };
|
||||||
allowClear?: boolean;
|
allowClear?: boolean;
|
||||||
size?: "lg" | "md" | "sm" | "xs";
|
size?: "lg" | "md" | "sm" | "xs";
|
||||||
trigger: DropdownTrigger | DropdownTrigger[];
|
trigger?: DropdownTrigger | DropdownTrigger[];
|
||||||
}
|
}
|
||||||
|
|
||||||
const props = withDefaults(defineProps<LayCascaderProps>(), {
|
const props = withDefaults(defineProps<LayCascaderProps>(), {
|
||||||
options: null,
|
options: null,
|
||||||
modelValue: "",
|
modelValue: "",
|
||||||
|
@ -12,10 +12,10 @@ import "./index.less";
|
|||||||
export interface LayCheckboxProps {
|
export interface LayCheckboxProps {
|
||||||
name?: string;
|
name?: string;
|
||||||
skin?: string;
|
skin?: string;
|
||||||
value: string | object;
|
value: string | number | object;
|
||||||
label?: string;
|
label?: string;
|
||||||
isIndeterminate?: boolean;
|
isIndeterminate?: boolean;
|
||||||
modelValue?: boolean | Array<string | object>;
|
modelValue?: boolean | Array<string | number | object>;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
size?: "lg" | "md" | "sm" | "xs";
|
size?: "lg" | "md" | "sm" | "xs";
|
||||||
}
|
}
|
||||||
|
@ -100,7 +100,7 @@ onMounted(() => {
|
|||||||
[selectedValue, options],
|
[selectedValue, options],
|
||||||
() => {
|
() => {
|
||||||
if (multiple.value) {
|
if (multiple.value) {
|
||||||
multipleValue.value = selectedValue.value.map((value: any) => {
|
multipleValue.value = selectedValue.value?.map((value: any) => {
|
||||||
return options.value.find((item: any) => {
|
return options.value.find((item: any) => {
|
||||||
item.disabled == "" || item.disabled == true
|
item.disabled == "" || item.disabled == true
|
||||||
? (item.closable = false)
|
? (item.closable = false)
|
||||||
|
@ -17,7 +17,7 @@ import {
|
|||||||
|
|
||||||
export interface LaySelectOptionProps {
|
export interface LaySelectOptionProps {
|
||||||
label: string;
|
label: string;
|
||||||
value: string | object;
|
value: string | number |object;
|
||||||
disabled?: boolean;
|
disabled?: boolean;
|
||||||
keyword?: string;
|
keyword?: string;
|
||||||
}
|
}
|
||||||
|
@ -8,7 +8,7 @@ export default {
|
|||||||
import { useSlots } from "vue";
|
import { useSlots } from "vue";
|
||||||
|
|
||||||
export interface LayTimelineItemProps {
|
export interface LayTimelineItemProps {
|
||||||
title: string;
|
title?: string;
|
||||||
simple?: boolean;
|
simple?: boolean;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -61,7 +61,6 @@ import LayDropdownSubMenu from "./component/dropdownSubMenu/index";
|
|||||||
import LayTab from "./component/tab/index";
|
import LayTab from "./component/tab/index";
|
||||||
import LayTabItem from "./component/tabItem/index";
|
import LayTabItem from "./component/tabItem/index";
|
||||||
import LayTree from "./component/tree/index";
|
import LayTree from "./component/tree/index";
|
||||||
import LayTreeSelect from "./component/treeSelect/index";
|
|
||||||
import LayTable from "./component/table/index";
|
import LayTable from "./component/table/index";
|
||||||
import LayPage from "./component/page/index";
|
import LayPage from "./component/page/index";
|
||||||
import LayTransfer from "./component/transfer/index";
|
import LayTransfer from "./component/transfer/index";
|
||||||
@ -180,8 +179,7 @@ const components: Record<string, Plugin> = {
|
|||||||
LayAffix,
|
LayAffix,
|
||||||
LaySpace,
|
LaySpace,
|
||||||
LayTag,
|
LayTag,
|
||||||
LayTagInput,
|
LayTagInput
|
||||||
LayTreeSelect,
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const install = (app: App, options?: InstallOptions): void => {
|
const install = (app: App, options?: InstallOptions): void => {
|
||||||
@ -278,7 +276,6 @@ export {
|
|||||||
LaySpace,
|
LaySpace,
|
||||||
LayTag,
|
LayTag,
|
||||||
LayTagInput,
|
LayTagInput,
|
||||||
LayTreeSelect,
|
|
||||||
install,
|
install,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -174,12 +174,11 @@ function handleClick(node) {
|
|||||||
v-model:checkedKeys="checkedKeys2"
|
v-model:checkedKeys="checkedKeys2"
|
||||||
>
|
>
|
||||||
</lay-tree>
|
</lay-tree>
|
||||||
<br>
|
<lay-space>
|
||||||
<a-space>
|
|
||||||
<lay-button @click="updateView2">更新数据</lay-button>
|
<lay-button @click="updateView2">更新数据</lay-button>
|
||||||
<lay-button @click="updateCheckedKeys2">更新选择</lay-button>
|
<lay-button @click="updateCheckedKeys2">更新选择</lay-button>
|
||||||
{{ checkedKeys2 }}
|
{{ checkedKeys2 }}
|
||||||
</a-space>
|
</lay-space>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -16,10 +16,14 @@
|
|||||||
<li>
|
<li>
|
||||||
<h3>1.6.0 <span class="layui-badge-rim">2022-10-08</span></h3>
|
<h3>1.6.0 <span class="layui-badge-rim">2022-10-08</span></h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>[新增] tree 组件 selectedKey 属性, 支持单选节点高亮。</li>
|
|
||||||
<li>[新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 false。</li>
|
<li>[新增] tree 组件 checkStrictly 属性, 开启复选框时解除父子联动关系, 默认为 false。</li>
|
||||||
<li>[修复] tree 组件 title 自定义标题插槽, 不生效的问题。</li>
|
<li>[修复] tree 组件 title 自定义标题插槽, 不生效的问题。</li>
|
||||||
<li>[修复] tree 组件 node 配置 disabled 启用时, @node-click 事件仍触发的问题。</li>
|
<li>[修复] tree 组件 node 配置 disabled 启用时, @node-click 事件仍触发的问题。</li>
|
||||||
|
<li>[修复] select 组件 multiple 开启时, 值不存在时导致控制台异常。</li>
|
||||||
|
<li>[修复] timeline 组件 title 属性必填警告。</li>
|
||||||
|
<li>[修复] cascader 组件 trigger 属性必填警告。</li>
|
||||||
|
<li>[修复] select-option 组件 value 属性 number 类型值警告。</li>
|
||||||
|
<li>[修复] checkbox 组件 value 属性 number 类型值警告。</li>
|
||||||
<li>[修复] checkbox 组件 label 属性与 default 插槽不设置, layui-checkbox-label 元素仍存在的问题。</li>
|
<li>[修复] checkbox 组件 label 属性与 default 插槽不设置, layui-checkbox-label 元素仍存在的问题。</li>
|
||||||
<li>[修复] tree 组件 show-checkbox 为 true 时, 复选框与标题间距过宽的问题。</li>
|
<li>[修复] tree 组件 show-checkbox 为 true 时, 复选框与标题间距过宽的问题。</li>
|
||||||
<li>[修复] tree 组件 node 配置 disabled 启用时, 仍会因为父子关联选择。</li>
|
<li>[修复] tree 组件 node 配置 disabled 启用时, 仍会因为父子关联选择。</li>
|
||||||
|
@ -185,12 +185,6 @@ const menus = [
|
|||||||
subTitle: "select",
|
subTitle: "select",
|
||||||
path: "/zh-CN/components/select",
|
path: "/zh-CN/components/select",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: 39,
|
|
||||||
title: "下拉树",
|
|
||||||
subTitle: "select",
|
|
||||||
path: "/zh-CN/components/treeSelect",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 39,
|
id: 39,
|
||||||
title: "标签输入框",
|
title: "标签输入框",
|
||||||
|
Loading…
x
Reference in New Issue
Block a user