theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Theluyuan
2022-12-09 16:41:41 +08:00
parent c1cce5a7c2
commit ff7aa8774f
2003 changed files with 156639 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.svn/pristine/b9/b92bea5982bc8fadd3fe353ae55ee52bfc032a38.svn-base Normal file
View File

@@ -0,0 +1 @@
x-<2D>1<0E>0 @QfN<66><4E><14><14>4<EFBFBD><34>`<60>`<14>

8
.svn/pristine/b9/b937fc19d5827eac5442f46ee3a4f966785db95b.svn-base Normal file
View File

@@ -0,0 +1,8 @@
export type ButtonType = "primary" | "normal" | "warm" | "danger";
export type ButtonSize = "lg" | "md" | "sm" | "xs";
export type ButtonBorder = "green" | "blue" | "orange" | "red" | "black";
export type ButtonNativeType = "button" | "submit" | "reset";
export const ButtonEmits = {
click: (evt: MouseEvent) => evt instanceof MouseEvent,
};

BIN
.svn/pristine/b9/b96a7110b388ac95506110bf5a1c8845a1a84393.svn-base Normal file
View File

Binary file not shown.

16
.svn/pristine/b9/b996fdb94b5299b0db8f58c9259d9eb3d31af013.svn-base Normal file
View File

@@ -0,0 +1,16 @@
import "../badge/index2.js";
export { c as default } from "./index2.js";
import "vue";
import "../_chunks/@vueuse/index.js";
import "../button/index2.js";
import "../_chunks/cropperjs/index.js";
import "../datePicker/index2.js";
import "../_chunks/dayjs/index.js";
import "../_chunks/@umijs/index.js";
import "../input/index2.js";
import "../checkbox/index2.js";
import "../dropdownMenu/index2.js";
import "../dropdown/index2.js";
import "../_chunks/vue-i18n/index.js";
import "../_chunks/@intlify/index.js";
import "../_chunks/@vue/index.js";

124
.svn/pristine/b9/b9a0161bd354179d7bea59b760fab38769f0fb81.svn-base Normal file
View File

@@ -0,0 +1,124 @@
<script lang="ts">
export default {
name: "LaySplitPanelItem",
};
</script>
<script setup lang="ts">
import {
ref,
inject,
onMounted,
computed,
getCurrentInstance,
onBeforeUnmount,
reactive,
withDefaults,
} from "vue";
import type { ComputedRef } from "vue";
export interface StepItemProps {
space?: number;
}
const props = withDefaults(defineProps<StepItemProps>(), {
space: 0,
});
const index = ref(-1);
const parents: any = inject("laySplitPanel");
const currentInstance: any = getCurrentInstance();
const moveStatus = ref(false);
const setIndex = (val: number) => {
index.value = val;
};
const mouseup = (event: any) => {
moveStatus.value = false;
};
const stepsCount = computed(() => {
return parents.steps.value.length;
});
const initSpace = (parentSpace: any, key: string) => {
const childList = Array.from(parentElement.value.children);
childList.forEach((item: any, index: number) => {
if (index === 0 || index % 2 === 0) {
item.style.flexBasis = (item[key] / parentSpace) * 100 + "%";
item.style.flexGrow = 0;
}
});
};
const mousedown = (event: any) => {
let parentSpace = 0;
if (!isVertical.value) {
parentSpace = parentElement.value.offsetWidth;
initSpace(parentSpace, "offsetWidth");
} else {
parentSpace = parentElement.value.offsetHeight;
initSpace(parentSpace, "offsetHeight");
}
moveStatus.value = true;
parents.moveChange(event, true, isVertical.value);
};
const parentElement = computed(() => {
return parents.target.value;
});
const isVertical = computed(() => {
return parents.props.vertical;
});
const isLast: ComputedRef<boolean> = computed(() => {
return (
parents.steps.value[stepsCount.value - 1]?.itemId === currentInstance.uid
);
});
const isStart: ComputedRef<boolean> = computed(() => {
return parents.steps.value[0]?.itemId === currentInstance.uid;
});
const stepItemState = reactive({
itemId: computed(() => currentInstance?.uid),
setIndex,
space: props.space,
});
parents.steps.value = [...parents.steps.value, stepItemState];
onMounted(() => {});
onBeforeUnmount(() => {
parents.steps.value = parents.steps.value.filter(
(instance: { itemId: any }) => instance.itemId !== currentInstance.uid
);
});
</script>
<template>
<div
v-if="!isStart"
:class="[!isStart ? 'lay-split-panel-line' : '']"
ref="el"
v-on="{ mousedown: mousedown, mouseup: mouseup }"
></div>
<div
ref="laySplitPanelItem"
v-if="isVertical"
:class="['lay-split-panel-item']"
:style="{ flexBasis: `${space}px`, flexGrow: space ? 0 : 1 }"
>
<slot></slot>
</div>
<div
v-else
:class="['lay-split-panel-item']"
:style="{ flexBasis: `${space}px`, flexGrow: space ? 0 : 1 }"
>
<slot></slot>
</div>
</template>

253
.svn/pristine/b9/b9d61fb0597f2c040fcc71ca71af8ac9db0a66ff.svn-base Normal file
View File

@@ -0,0 +1,253 @@
import { w as withInstall } from "../badge/index2.js";
import { defineComponent, computed, ref, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, createVNode, createCommentVNode, Fragment, renderList, normalizeClass, unref, toDisplayString } from "vue";
import { i as iconfont } from "../checkbox/index2.js";
import { _ as _sfc_main$1 } from "../dropdown/index2.js";
import { _ as _sfc_main$2 } from "../input/index2.js";
import { _ as _sfc_main$3 } from "../scroll/index2.js";
import "../_chunks/@vueuse/index.js";
import "../dropdownMenu/index2.js";
var index = /* @__PURE__ */ (() => ".layui-dropdown{position:relative;display:inline-block}.layui-dropdown-content{position:absolute;z-index:99999;background-color:#fff;box-sizing:border-box;border:1px solid #e4e7ed;border-radius:2px;box-shadow:0 2px 12px #0000001a}.layui-dropdown-content>.layui-dropdown-menu{border-radius:var(--global-border-radius);margin:5px 0}.layui-dropdown-content .layui-menu{position:relative;background-color:#fff}.layui-dropdown-content .layui-menu li,.layui-dropdown-content .layui-menu-body-title a{padding:5px 15px}.layui-dropdown-content .layui-menu li{position:relative;display:flex;margin:1px 0;line-height:26px;color:#000c;font-size:14px;white-space:nowrap;cursor:pointer}.layui-dropdown-content .layui-menu li:hover{background-color:var(--global-neutral-color-2)}.layui-dropdown-content .layui-menu-body-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layui-dropdown-menu-prefix{margin-right:8px}.layui-dropdown-menu-suffix{margin-left:15px}.layui-dropdown-content .layui-menu li.layui-disabled:hover{background-color:inherit}:root{--icon-picker-border-radius: var(--global-border-radius);--icon-picker-checked-color: var(--global-checked-color)}.layui-iconpicker{position:relative;height:38px;line-height:38px;border-width:1px;border-style:solid;border-radius:var(--icon-picker-border-radius);cursor:pointer}.layui-iconpicker .layui-inline{height:36px;line-height:36px;vertical-align:top}.layui-iconpicker-title{padding-left:5px}.layui-iconpicker-main{padding:0 10px}.layui-iconpicker-main .layui-icon{font-size:20px}.layui-iconpicker-main .layui-inline{vertical-align:top}.layui-iconpicker-split .layui-iconpicker-main{padding:0 15px;border-right-width:1px;border-right-style:solid}.layui-iconpicker-suffix{position:relative;width:35px;text-align:center}.layui-iconpicker-suffix .layui-icon{font-size:14px;color:#00000080;transition:all .3s}.layui-iconpicker-down .layui-iconpicker-suffix .layui-icon-down{transform:rotate(180deg)}.layui-iconpicker-search{padding:10px;box-shadow:0 2px 8px #f0f1f2;border-bottom:1px solid whitesmoke}.layui-iconpicker-list{width:321px}.layui-iconpicker-list ul{margin:6px}.layui-iconpicker-list li{vertical-align:top;display:inline-block;width:60px;margin:2.5px;padding:5px;overflow:hidden;border:1px solid #eee;border-radius:2px;cursor:pointer;text-align:center}.layui-iconpicker-list li:hover{background-color:var(--global-neutral-color-1);color:#00000080}.layui-iconpicker-list li.layui-this{border-color:var(--icon-picker-checked-color);color:var(--icon-picker-checked-color)}.layui-iconpicker-list li .layui-icon{font-size:20px}.layui-iconpicker-list li .layui-elip{margin-top:2px;line-height:20px;font-size:12px}.layui-iconpicker-list .layui-none{margin:30px 0 35px}.layui-iconpicker-scroll .layui-iconpicker-list{max-height:200px}.layui-iconpicker-page{position:relative;padding:10px 10px 5px;border-top:1px solid #eee;text-align:right}.layui-iconpicker-page .layui-laypage{margin:0}.layui-iconpicker-page .layui-laypage a,.layui-iconpicker-page .layui-laypage span{padding:0 10px;color:#666}.layui-iconpicker-page .layui-laypage-count{position:absolute;left:10px}.layui-iconpicker-page .layui-laypage-curr .layui-laypage-em{background:0 0}.layui-iconpicker-page .layui-laypage-curr em{color:#666;color:#0009}.layui-iconpicker-page .layui-laypage-first,.layui-iconpicker-page .layui-laypage-last,.layui-iconpicker-page .layui-laypage-spr{display:none}.layui-colorpicker-disabled{opacity:.6}.layui-colorpicker-disabled,.layui-colorpicker-disabled *{cursor:not-allowed!important}\n")();
const _hoisted_1 = { class: "layui-inline layui-iconpicker-main" };
const _hoisted_2 = /* @__PURE__ */ createElementVNode("span", { class: "layui-inline layui-iconpicker-suffix" }, [
/* @__PURE__ */ createElementVNode("i", { class: "layui-icon layui-icon-down layui-anim" })
], -1);
const _hoisted_3 = { class: "layui-iconpicker-view layui-iconpicker-scroll" };
const _hoisted_4 = {
key: 0,
class: "layui-iconpicker-search"
};
const _hoisted_5 = /* @__PURE__ */ createElementVNode("i", { class: "layui-icon layui-icon-search" }, null, -1);
const _hoisted_6 = { class: "layui-iconpicker-list" };
const _hoisted_7 = ["onClick"];
const _hoisted_8 = { class: "layui-elip" };
const _hoisted_9 = {
key: 1,
class: "layui-iconpicker-page"
};
const _hoisted_10 = {
id: "layui-laypage-1",
class: "layui-laypage layui-laypage-default"
};
const _hoisted_11 = { class: "layui-laypage-count" };
const _hoisted_12 = /* @__PURE__ */ createElementVNode("i", { class: "layui-icon layui-icon-left" }, null, -1);
const _hoisted_13 = [
_hoisted_12
];
const _hoisted_14 = { class: "layui-laypage-curr" };
const _hoisted_15 = /* @__PURE__ */ createElementVNode("em", { class: "layui-laypage-em" }, null, -1);
const _hoisted_16 = /* @__PURE__ */ createElementVNode("span", { class: "layui-laypage-spr" }, "\u2026", -1);
const _hoisted_17 = /* @__PURE__ */ createElementVNode("a", {
href: "javascript:;",
class: "layui-laypage-last",
title: "\u5C3E\u9875"
}, "14", -1);
const _hoisted_18 = /* @__PURE__ */ createElementVNode("i", { class: "layui-icon layui-icon-right" }, null, -1);
const _hoisted_19 = [
_hoisted_18
];
const __default__ = {
name: "LayIconPicker"
};
const _sfc_main = defineComponent({
...__default__,
props: {
page: { type: Boolean, default: false },
modelValue: { default: "layui-icon-face-smile" },
disabled: { type: Boolean, default: false },
showSearch: { type: Boolean },
contentClass: null,
contentStyle: null
},
emits: ["update:modelValue", "change"],
setup(__props, { emit }) {
const props = __props;
const selectedIcon = computed(() => props.modelValue);
const dropdownRef = ref(null);
const selectIcon = function(icon) {
var _a;
emit("update:modelValue", icon);
emit("change", icon);
(_a = dropdownRef.value) == null ? void 0 : _a.hide();
};
const icones = ref([]);
const total = ref(iconfont.length);
const totalPage = ref(total.value / 12);
const currentPage = ref(1);
if (props.page) {
icones.value = iconfont.slice(0, 12);
} else {
icones.value = iconfont;
}
const next = () => {
if (currentPage.value === totalPage.value) {
return;
}
currentPage.value = currentPage.value + 1;
const start = (currentPage.value - 1) * 12;
const end = start + 12;
icones.value = iconfont.slice(start, end);
};
const prev = () => {
if (currentPage.value === 1) {
return;
}
currentPage.value = currentPage.value - 1;
const start = (currentPage.value - 1) * 12;
const end = start + 12;
icones.value = iconfont.slice(start, end);
};
const clear = () => {
const start = (currentPage.value - 1) * 12;
const end = start + 12;
if (props.page) {
icones.value = iconfont.slice(start, end);
total.value = iconfont.length;
totalPage.value = Math.ceil(iconfont.length / 12);
} else {
icones.value = iconfont;
}
};
const search = (e) => {
currentPage.value = 1;
const start = (currentPage.value - 1) * 12;
const end = start + 12;
const text = e;
if (text) {
if (props.page) {
icones.value = searchList(text, iconfont).slice(start, end);
total.value = searchList(text, iconfont).length;
totalPage.value = Math.ceil(searchList(text, iconfont).length / 12);
} else {
icones.value = searchList(text, iconfont);
}
} else {
if (props.page) {
icones.value = iconfont.slice(start, end);
total.value = iconfont.length;
totalPage.value = Math.ceil(iconfont.length / 12);
} else {
icones.value = iconfont;
}
}
};
const searchList = (str, container) => {
var newList = [];
var startChar = str.charAt(0);
var strLen = str.length;
for (var i = 0; i < container.length; i++) {
var obj = container[i];
var isMatch = false;
for (var p in obj) {
if (typeof obj[p] == "function") {
obj[p]();
} else {
var curItem = "";
if (obj[p] != null) {
curItem = obj[p];
}
for (var j = 0; j < curItem.length; j++) {
if (curItem.charAt(j) == startChar) {
if (curItem.substring(j).substring(0, strLen) == str) {
isMatch = true;
break;
}
}
}
}
}
if (isMatch) {
newList.push(obj);
}
}
return newList;
};
return (_ctx, _cache) => {
return openBlock(), createBlock(_sfc_main$1, {
ref_key: "dropdownRef",
ref: dropdownRef,
disabled: __props.disabled,
contentClass: __props.contentClass,
contentStyle: __props.contentStyle,
updateAtScroll: ""
}, {
content: withCtx(() => [
createElementVNode("div", _hoisted_3, [
__props.showSearch ? (openBlock(), createElementBlock("div", _hoisted_4, [
createVNode(_sfc_main$2, {
onInput: search,
onClear: clear,
autocomplete: "true",
"allow-clear": true
}, {
prefix: withCtx(() => [
_hoisted_5
]),
_: 1
})
])) : createCommentVNode("", true),
createElementVNode("div", _hoisted_6, [
createVNode(_sfc_main$3, {
style: { "height": "200px" },
thumbColor: "rgb(238, 238, 238)"
}, {
default: withCtx(() => [
createElementVNode("ul", null, [
(openBlock(true), createElementBlock(Fragment, null, renderList(icones.value, (icon) => {
return openBlock(), createElementBlock("li", {
key: icon,
class: normalizeClass([unref(selectedIcon) === icon.class ? "layui-this" : ""]),
onClick: ($event) => selectIcon(icon.class)
}, [
createElementVNode("i", {
class: normalizeClass(["layui-icon", [icon.class]])
}, null, 2),
createElementVNode("p", _hoisted_8, toDisplayString(icon.name), 1)
], 10, _hoisted_7);
}), 128))
])
]),
_: 1
})
]),
__props.page ? (openBlock(), createElementBlock("div", _hoisted_9, [
createElementVNode("div", _hoisted_10, [
createElementVNode("span", _hoisted_11, "\u5171 " + toDisplayString(total.value) + " \u4E2A", 1),
createElementVNode("a", {
href: "javascript:;",
class: normalizeClass(["layui-laypage-prev", [currentPage.value === 1 ? "layui-disabled" : ""]]),
onClick: _cache[0] || (_cache[0] = ($event) => prev())
}, _hoisted_13, 2),
createElementVNode("span", _hoisted_14, [
_hoisted_15,
createElementVNode("em", null, toDisplayString(currentPage.value) + " / " + toDisplayString(totalPage.value), 1)
]),
_hoisted_16,
_hoisted_17,
createElementVNode("a", {
href: "javascript:;",
class: normalizeClass([[currentPage.value === totalPage.value ? "layui-disabled" : ""], "layui-laypage-next"]),
onClick: _cache[1] || (_cache[1] = ($event) => next())
}, _hoisted_19, 2)
])
])) : createCommentVNode("", true)
])
]),
default: withCtx(() => [
createElementVNode("div", {
class: normalizeClass(["layui-inline layui-border-box layui-iconpicker layui-iconpicker-split", [{ "layui-colorpicker-disabled": __props.disabled }]])
}, [
createElementVNode("div", _hoisted_1, [
createElementVNode("i", {
class: normalizeClass(["layui-inline layui-icon", [unref(selectedIcon)]])
}, null, 2)
]),
_hoisted_2
], 2)
]),
_: 1
}, 8, ["disabled", "contentClass", "contentStyle"]);
};
}
});
const component = withInstall(_sfc_main);
export { component as default };

185
.svn/pristine/b9/b9e75983c5b89c749a5ae790ee6a8d80e62f30bf.svn-base Normal file
View File

@@ -0,0 +1,185 @@
@import "../checkbox/index.less";
.layui-tree {
line-height: 22px;
}
.layui-tree .layui-form-checkbox {
margin: 0 !important;
}
.layui-tree-set {
width: 100%;
position: relative;
}
.layui-tree-txt.layui-this {
color: var(--global-checked-color)!important;
}
.layui-tree-pack {
display: none;
padding-left: 20px;
position: relative;
}
.layui-tree-iconClick,
.layui-tree-main {
display: inline-block;
vertical-align: middle;
}
.layui-tree-line .layui-tree-pack {
padding-left: 27px;
}
.layui-tree-line .layui-tree-set .layui-tree-set:after {
content: "";
position: absolute;
top: 14px;
left: -9px;
width: 17px;
height: 0;
border-top: 1px dotted #c0c4cc;
}
.layui-tree-entry {
position: relative;
padding: 3px 0;
height: 20px;
white-space: nowrap;
}
.layui-tree-entry:hover {
background-color: #eee;
}
.layui-tree-line .layui-tree-entry:hover {
background-color: rgba(0, 0, 0, 0);
}
.layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
color: #999;
text-decoration: underline;
transition: 0.3s;
}
.layui-tree-main {
cursor: pointer;
padding-right: 10px;
}
.layui-tree-line .layui-tree-set:before {
content: "";
position: absolute;
top: 0;
left: -9px;
width: 0;
height: 100%;
border-left: 1px dotted #c0c4cc;
}
.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before {
height: 13px;
}
.layui-tree-line .layui-tree-set.layui-tree-setHide:before {
height: 0;
}
.layui-tree-iconClick {
position: relative;
height: 20px;
line-height: 20px;
margin: 0 10px;
color: #c0c4cc;
}
.layui-tree-icon {
height: 12px;
line-height: 12px;
width: 12px;
text-align: center;
border: 1px solid #c0c4cc;
}
.layui-tree-iconClick .layui-icon {
font-size: 18px;
}
.layui-tree-icon .layui-icon {
font-size: 12px;
color: #666;
}
.layui-tree-iconArrow {
padding: 0 5px;
}
.layui-tree-iconArrow:after {
content: "";
position: absolute;
left: 4px;
top: 3px;
z-index: 100;
width: 0;
height: 0;
border-width: 5px;
border-style: solid;
border-color: transparent transparent transparent #c0c4cc;
transition: 0.5s;
}
.layui-tree-btnGroup,
.layui-tree-editInput {
position: relative;
vertical-align: middle;
display: inline-block;
}
.layui-tree-spread
> .layui-tree-entry
> .layui-tree-iconClick
> .layui-tree-iconArrow:after {
transform: rotate(90deg) translate(3px, 4px);
}
.layui-tree-txt {
display: inline-block;
vertical-align: middle;
color: #555;
}
.layui-tree-search {
margin-bottom: 15px;
color: #666;
}
.layui-tree-btnGroup .layui-icon {
display: inline-block;
vertical-align: middle;
padding: 0 2px;
cursor: pointer;
}
.layui-tree-btnGroup .layui-icon:hover {
color: #999;
transition: 0.3s;
}
.layui-tree-entry:hover .layui-tree-btnGroup {
visibility: visible;
}
.layui-tree-editInput {
height: 20px;
line-height: 20px;
padding: 0 3px;
border: none;
background-color: rgba(0, 0, 0, 0.05);
}
.layui-tree-emptyText {
text-align: center;
color: #999;
}

187
.svn/pristine/b9/b9f3805508f0249261107212079450eb499c4c8a.svn-base Normal file
View File

@@ -0,0 +1,187 @@
@checkbox-lg: 18px;
@checkbox-md: 16px;
@checkbox-sm: 14px;
@checkbox-xs: 12px;
@checkbox-lg-font-size: 16px;
@checkbox-md-font-size: 14px;
@checkbox-sm-font-size: 12px;
@checkbox-xs-font-size: 10px;
.set-size(@size, @font-size) {
& {
height: @size;
line-height: @size;
.layui-form-checkbox[lay-skin="primary"] {
.layui-icon {
width: @size;
height: @size;
font-size: @font-size;
}
.layui-checkbox-label {
height: @size;
line-height: @size;
font-size: @font-size;
}
}
}
}
.layui-checkbox{
&[size="lg"] {
.set-size(@checkbox-lg, @checkbox-lg-font-size);
}
&[size="md"] {
.set-size(@checkbox-md, @checkbox-md-font-size);
}
&[size="sm"] {
.set-size(@checkbox-sm, @checkbox-sm-font-size);
}
&[size="xs"] {
.set-size(@checkbox-xs, @checkbox-xs-font-size);
}
}
.layui-checkbox input[type="checkbox"] {
display: none;
}
.layui-form-checkbox {
position: relative;
height: 30px;
line-height: 30px;
margin-right: 10px;
padding-right: 30px;
cursor: pointer;
font-size: 0;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
box-sizing: border-box;
}
.layui-form-checkbox span {
padding: 0 10px;
height: 100%;
font-size: 14px;
border-radius: 2px 0 0 2px;
background-color: var(--global-neutral-color-6);
color: #fff;
overflow: hidden;
}
.layui-form-checkbox:hover span {
background-color: var(--global-neutral-color-8);
}
.layui-form-checkbox i {
top: 0;
right: 0;
width: 29px;
height: 28px;
position: absolute;
border: 1px solid var(--global-neutral-color-6);
border-radius: 0 2px 2px 0;
color: #fff;
font-size: 20px;
text-align: center;
}
.layui-form-checkbox:hover i {
border-color: var(--global-neutral-color-8);
color: var(--global-neutral-color-8);
}
.layui-form-checkbox[lay-skin="primary"] {
height: auto !important;
line-height: normal !important;
min-width: 18px;
min-height: 18px;
border: none !important;
margin-right: 0;
padding-left: 28px;
padding-right: 0;
background: 0 0;
}
.layui-form-checkbox[lay-skin="primary"] span {
padding-left: 0;
padding-right: 15px;
line-height: 18px;
background: 0 0;
color: #666;
}
.layui-form-checkbox[lay-skin="primary"] i {
right: auto;
left: 0;
width: 16px;
height: 16px;
line-height: 16px;
border: 1px solid var(--global-neutral-color-6);
font-size: 12px;
border-radius: 2px;
background-color: #fff;
-webkit-transition: 0.1s linear;
transition: 0.1s linear;
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
border-color: var(--global-checked-color);
color: #fff;
}
.layui-form-checked,
.layui-form-checked:hover {
border-color: var(--global-checked-color);
}
.layui-form-checked i,
.layui-form-checked:hover i {
color: var(--global-checked-color);
}
.layui-form-checked span,
.layui-form-checked:hover span {
background-color: var(--global-checked-color);
}
.layui-form-checked[lay-skin="primary"] i {
border-color: var(--global-checked-color);
background-color: var(--global-checked-color);
color: #fff;
}
.layui-form-checked[lay-skin="primary"] span {
background: 0 0 !important;
}
.layui-checkbox-disabled[lay-skin="primary"] span {
background: 0 0 !important;
color: var(--global-neutral-color-8) !important;
}
.layui-checkbox-disabled[lay-skin="primary"]:hover i {
border-color: var(--global-neutral-color-6);
}
.layui-checkbox-disabled,
.layui-checkbox-disabled i {
border-color: var(--global-neutral-color-3) !important;
}
.layui-checkbox-disabled span {
background-color: var(--global-neutral-color-3) !important;
}
.layui-checkbox-disabled em {
color: var(--global-neutral-color-6) !important;
}
.layui-checkbox-disabled:hover i {
color: #fff !important;
}
.layui-checkbox-disabled .layui-icon-ok,.layui-checkbox-disabled .layui-icon-subtraction{
background-color: var(--global-neutral-color-3) !important;
border-color: var(--global-neutral-color-3) !important;
}

73
.svn/pristine/b9/b9fa822629c62c9830c724325b3a269b05e8271f.svn-base Normal file
View File

@@ -0,0 +1,73 @@
import{f as k,r as c,o as w,j as v,h as s,g as o,B as r,a7 as d,i as n,v as a}from"./.pnpm.8fb36023.js";const x={class:"markdown-body"},b=n("p",{class:"describe-plugin"},"\u5185\u7F6E icon \u56FE\u6807\u9009\u62E9\u7EC4\u4EF6, \u5E38\u7528\u4E8E\u6743\u9650\u7BA1\u7406, \u83DC\u5355\u5B9A\u5236\u3002",-1),V=n("p",null,"\u4F7F\u7528 lay-icon-picker \u6807\u7B7E, \u521B\u5EFA\u56FE\u6807\u9009\u62E9\u5668",-1),j=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
icon
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),q=n("p",null,"\u4F7F\u7528 lay-icon-picker \u6807\u7B7E, \u521B\u5EFA\u56FE\u6807\u9009\u62E9\u5668",-1),C=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":disabled"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
icon
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),S=n("p",null,"\u901A\u8FC7 page \u5C5E\u6027\u5F00\u542F\u56FE\u6807\u5217\u8868\u7684\u5206\u9875\u5C55\u793A",-1),N=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"page"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
icon
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),B=n("p",null,"\u901A\u8FC7 showSearch \u5F00\u542F\u56FE\u6807\u5217\u8868\u7684\u641C\u7D22\u529F\u80FD",-1),U=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-icon-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("icon"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layui-icon-face-smile"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"page"),a(),n("span",{class:"token attr-name"},"showSearch"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-icon-picker")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
`),n("span",{class:"token keyword"},"const"),a(" icon "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"layui-icon-home"'),n("span",{class:"token punctuation"},")"),a(`
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
icon
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`),n("span",{class:"token punctuation"},"}"),a(`
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
`)])],-1),z=n("table",null,[n("thead",null,[n("tr",null,[n("th"),n("th"),n("th"),n("th"),n("th")])]),n("tbody",null,[n("tr",null,[n("td",null,"v-model"),n("td",null,"\u9ED8\u8BA4\u503C"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"page"),n("td",null,"\u5F00\u542F\u5206\u9875"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"showSearch"),n("td",null,"\u542F\u7528\u641C\u7D22"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"disabled"),n("td",null,"\u7981\u7528"),n("td",null,[n("code",null,"boolean")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentStyle"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49\u6837\u5F0F"),n("td",null,[n("code",null,"StyleValue")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"contentClass"),n("td",null,"\u5185\u5BB9\u81EA\u5B9A\u4E49Class"),n("td",null,[n("code",null,"string"),a(),n("code",null,"Array<string | object>"),a(),n("code",null,"object")]),n("td",null,"\u2013"),n("td",null,"\u2013")])])],-1),P={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},R={},T={__name:"iconPicker",setup(A,{expose:y}){let t=k("layui-icon-home");return t=k("layui-icon-home"),t=k("layui-icon-home"),t=k("layui-icon-home"),y({frontmatter:{}}),(E,l)=>{const _=c("lay-anchor"),p=c("lay-field"),u=c("lay-icon-picker"),i=c("lay-code"),f=c("lay-table-box"),h=c("lay-contributor"),m=c("lay-icon"),g=c("router-link");return w(),v("div",x,[s(_,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u7981\u7528\u9009\u62E9,\u5F00\u542F\u5206\u9875,\u5F00\u542F\u641C\u7D22,icon-picker \u5C5E\u6027",currIndex:-1,show:!0}),s(p,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),b,s(p,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[V]),code:o(()=>[j]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[0]||(l[0]=e=>d(t)?t.value=e:t=e)},null,8,["modelValue"])]),_:1}),s(p,{id:"\u7981\u7528\u9009\u62E9",title:"\u7981\u7528\u9009\u62E9",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[q]),code:o(()=>[C]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[1]||(l[1]=e=>d(t)?t.value=e:t=e),disabled:!0},null,8,["modelValue"])]),_:1}),s(p,{id:"\u5F00\u542F\u5206\u9875",title:"\u5F00\u542F\u5206\u9875",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[S]),code:o(()=>[N]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[2]||(l[2]=e=>d(t)?t.value=e:t=e),type:"layui-icon-face-smile",page:""},null,8,["modelValue"])]),_:1}),s(p,{id:"\u5F00\u542F\u641C\u7D22",title:"\u5F00\u542F\u641C\u7D22",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(i,null,{description:o(()=>[B]),code:o(()=>[U]),default:o(()=>[s(u,{modelValue:r(t),"onUpdate:modelValue":l[3]||(l[3]=e=>d(t)?t.value=e:t=e),type:"layui-icon-face-smile",page:"",showSearch:""},null,8,["modelValue"])]),_:1}),s(p,{id:"icon-picker \u5C5E\u6027",title:"icon-picker \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),s(f,null,{default:o(()=>[z]),_:1}),s(h,{"file-path":"iconPicker"}),n("div",P,[n("div",null,[s(g,{to:"/zh-CN/components/upload",class:"lay-link",style:{display:""}},{default:o(()=>[s(m,{type:"layui-icon-left"}),a("\u6587\u4EF6\u4E0A\u4F20")]),_:1})]),n("div",null,[s(g,{to:"/zh-CN/components/rate",class:"lay-link",style:{display:""}},{default:o(()=>[a("\u8BC4\u5206 "),s(m,{type:"layui-icon-right"})]),_:1})])])])}}};export{T as default,R as frontmatter};