vft 0.0.524 → 0.0.525

package/lib/components/cascader-panel/node.cjs

@@ -1 +1,141 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("@vft/utils");let f=0;const b=u=>{const e=[u];let{parent:t}=u;for(;t;)e.unshift(t),t=t.parent;return e};class r{constructor(e,t,i,s=!1){this.data=e,this.config=t,this.parent=i,this.root=s;const{value:a,label:h,children:c}=t,d=e[c],o=b(this);this.level=s?0:i?i.level+1:1,this.value=e[a],this.label=e[h],this.pathNodes=o,this.pathValues=o.map(n=>n.value),this.pathLabels=o.map(n=>n.label),this.childrenData=d,this.children=(d||[]).map(n=>new r(n,t,this)),this.loaded=!t.lazy||this.isLeaf||!l.isEmpty(d),this.text=""}uid=f++;level;value;label;pathNodes;pathValues;pathLabels;childrenData;children;text;loaded;checked=!1;indeterminate=!1;loading=!1;get isDisabled(){const{data:e,parent:t,config:i}=this,{disabled:s,checkStrictly:a}=i;return(l.isFunction(s)?s(e,this):!!e[s])||!a&&!!t?.isDisabled}get isLeaf(){const{data:e,config:t,childrenData:i,loaded:s}=this,{lazy:a,leaf:h}=t,c=l.isFunction(h)?h(e,this):e[h];return l.isUndefined(c)?a&&!s?!1:!(l.isArray(i)&&i.length):!!c}get valueByOption(){return this.config.emitPath?this.pathValues:this.value}appendChild(e){const{childrenData:t,children:i}=this,s=new r(e,this.config,this);return l.isArray(t)?t.push(e):this.childrenData=[e],i.push(s),s}calcText(e,t){const i=e?this.pathLabels.join(t):this.label;return this.text=i,i}broadcast(e){this.children.forEach(t=>{t&&(t.broadcast(e),t.onParentCheck?.(e))})}emit(){const{parent:e}=this;e&&(e.onChildCheck?.(),e.emit())}onParentCheck(e){this.isDisabled||this.setCheckState(e)}onChildCheck(){const{children:e}=this,t=e.filter(s=>!s.isDisabled),i=t.length?t.every(s=>s.checked):!1;this.setCheckState(i)}setCheckState(e){const t=this.children.length,i=this.children.reduce((s,a)=>{const h=a.checked?1:a.indeterminate?.5:0;return s+h},0);this.checked=this.loaded&&this.children.filter(s=>!s.isDisabled).every(s=>s.loaded&&s.checked)&&e,this.indeterminate=this.loaded&&i!==t&&i>0}doCheck(e){if(this.checked===e)return;const{checkStrictly:t,multiple:i}=this.config;t||!i?this.checked=e:(this.broadcast(e),this.setCheckState(e),this.emit())}}exports.default=r;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+let _vft_utils = require("@vft/utils");
+//#region ../../packages/components/cascader-panel/node.ts
+let uid = 0;
+const calculatePathNodes = (node) => {
+	const nodes = [node];
+	let { parent } = node;
+	while (parent) {
+		nodes.unshift(parent);
+		parent = parent.parent;
+	}
+	return nodes;
+};
+var Node = class Node {
+	data;
+	config;
+	parent;
+	root;
+	uid = uid++;
+	level;
+	value;
+	label;
+	pathNodes;
+	pathValues;
+	pathLabels;
+	childrenData;
+	children;
+	text;
+	loaded;
+	/**
+	* Is it checked
+	*
+	* @default false
+	*/
+	checked = false;
+	/**
+	* Used to indicate the intermediate state of unchecked and fully checked child nodes
+	*
+	* @default false
+	*/
+	indeterminate = false;
+	/**
+	* Loading Status
+	*
+	* @default false
+	*/
+	loading = false;
+	constructor(data, config, parent, root = false) {
+		this.data = data;
+		this.config = config;
+		this.parent = parent;
+		this.root = root;
+		const { value: valueKey, label: labelKey, children: childrenKey } = config;
+		const childrenData = data[childrenKey];
+		const pathNodes = calculatePathNodes(this);
+		this.level = root ? 0 : parent ? parent.level + 1 : 1;
+		this.value = data[valueKey];
+		this.label = data[labelKey];
+		this.pathNodes = pathNodes;
+		this.pathValues = pathNodes.map((node) => node.value);
+		this.pathLabels = pathNodes.map((node) => node.label);
+		this.childrenData = childrenData;
+		this.children = (childrenData || []).map((child) => new Node(child, config, this));
+		this.loaded = !config.lazy || this.isLeaf || !(0, _vft_utils.isEmpty)(childrenData);
+		this.text = "";
+	}
+	get isDisabled() {
+		const { data, parent, config } = this;
+		const { disabled, checkStrictly } = config;
+		return ((0, _vft_utils.isFunction)(disabled) ? disabled(data, this) : !!data[disabled]) || !checkStrictly && !!parent?.isDisabled;
+	}
+	get isLeaf() {
+		const { data, config, childrenData, loaded } = this;
+		const { lazy, leaf } = config;
+		const isLeaf = (0, _vft_utils.isFunction)(leaf) ? leaf(data, this) : data[leaf];
+		return (0, _vft_utils.isUndefined)(isLeaf) ? lazy && !loaded ? false : !((0, _vft_utils.isArray)(childrenData) && childrenData.length) : !!isLeaf;
+	}
+	get valueByOption() {
+		return this.config.emitPath ? this.pathValues : this.value;
+	}
+	appendChild(childData) {
+		const { childrenData, children } = this;
+		const node = new Node(childData, this.config, this);
+		if ((0, _vft_utils.isArray)(childrenData)) childrenData.push(childData);
+		else this.childrenData = [childData];
+		children.push(node);
+		return node;
+	}
+	calcText(allLevels, separator) {
+		const text = allLevels ? this.pathLabels.join(separator) : this.label;
+		this.text = text;
+		return text;
+	}
+	broadcast(checked) {
+		this.children.forEach((child) => {
+			if (child) {
+				child.broadcast(checked);
+				child.onParentCheck?.(checked);
+			}
+		});
+	}
+	emit() {
+		const { parent } = this;
+		if (parent) {
+			parent.onChildCheck?.();
+			parent.emit();
+		}
+	}
+	onParentCheck(checked) {
+		if (!this.isDisabled) this.setCheckState(checked);
+	}
+	onChildCheck() {
+		const { children } = this;
+		const validChildren = children.filter((child) => !child.isDisabled);
+		const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
+		this.setCheckState(checked);
+	}
+	setCheckState(checked) {
+		const totalNum = this.children.length;
+		const checkedNum = this.children.reduce((c, p) => {
+			return c + (p.checked ? 1 : p.indeterminate ? .5 : 0);
+		}, 0);
+		this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
+		this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
+	}
+	doCheck(checked) {
+		if (this.checked === checked) return;
+		const { checkStrictly, multiple } = this.config;
+		if (checkStrictly || !multiple) this.checked = checked;
+		else {
+			this.broadcast(checked);
+			this.setCheckState(checked);
+			this.emit();
+		}
+	}
+};
+//#endregion
+exports.default = Node;

package/lib/components/cascader-panel/node.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,160 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_index$1 = require("../icon/index.cjs");
+const require_index$2 = require("../checkbox/index.cjs");
+const require_index$3 = require("../radio/index.cjs");
+const require_types = require("./types.cjs");
+const require_node_content = require("./node-content.cjs");
+let vue = require("vue");
+//#region ../../packages/components/cascader-panel/node.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"id",
+	"aria-haspopup",
+	"aria-owns",
+	"aria-expanded",
+	"tabindex"
+];
+const __default__ = (0, vue.defineComponent)({ name: "VftCascaderNode" });
+var node_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		node: {
+			type: Object,
+			required: true
+		},
+		menuId: String
+	},
+	emits: ["expand"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const panel = (0, vue.inject)(require_types.CASCADER_PANEL_INJECTION_KEY);
+		const ns = require_index.useNamespace("cascader-node");
+		const isHoverMenu = (0, vue.computed)(() => panel.isHoverMenu);
+		const multiple = (0, vue.computed)(() => panel.config.multiple);
+		const checkStrictly = (0, vue.computed)(() => panel.config.checkStrictly);
+		const showPrefix = (0, vue.computed)(() => panel.config.showPrefix);
+		const checkedNodeId = (0, vue.computed)(() => panel.checkedNodes[0]?.uid);
+		const isDisabled = (0, vue.computed)(() => props.node.isDisabled);
+		const isLeaf = (0, vue.computed)(() => props.node.isLeaf);
+		const expandable = (0, vue.computed)(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
+		const inExpandingPath = (0, vue.computed)(() => isInPath(panel.expandingNode));
+		const inCheckedPath = (0, vue.computed)(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+		const isInPath = (node) => {
+			const { level, uid } = props.node;
+			return node?.pathNodes[level - 1]?.uid === uid;
+		};
+		const doExpand = () => {
+			if (inExpandingPath.value) return;
+			panel.expandNode(props.node);
+		};
+		const doCheck = (checked) => {
+			const { node } = props;
+			if (checked === node.checked) return;
+			panel.handleCheckChange(node, checked);
+		};
+		const doLoad = () => {
+			panel.lazyLoad(props.node, () => {
+				if (!isLeaf.value) doExpand();
+			});
+		};
+		const handleHoverExpand = (e) => {
+			if (!isHoverMenu.value) return;
+			handleExpand();
+			!isLeaf.value && emit("expand", e);
+		};
+		const handleExpand = () => {
+			const { node } = props;
+			if (!expandable.value || node.loading) return;
+			node.loaded ? doExpand() : doLoad();
+		};
+		const handleClick = () => {
+			if (isHoverMenu.value && !isLeaf.value) return;
+			if (isLeaf.value && !isDisabled.value && !checkStrictly.value && !multiple.value) handleCheck(true);
+			else handleExpand();
+		};
+		const handleSelectCheck = (checked) => {
+			if (checkStrictly.value) {
+				doCheck(checked);
+				if (props.node.loaded) doExpand();
+			} else handleCheck(checked);
+		};
+		const handleCheck = (checked) => {
+			if (!props.node.loaded) doLoad();
+			else {
+				doCheck(checked);
+				!checkStrictly.value && doExpand();
+			}
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
+				id: `${__props.menuId}-${__props.node.uid}`,
+				role: "menuitem",
+				"aria-haspopup": !isLeaf.value,
+				"aria-owns": isLeaf.value ? void 0 : __props.menuId,
+				"aria-expanded": inExpandingPath.value,
+				tabindex: expandable.value ? -1 : void 0,
+				class: (0, vue.normalizeClass)([
+					(0, vue.unref)(ns).b(),
+					(0, vue.unref)(ns).is("selectable", checkStrictly.value),
+					(0, vue.unref)(ns).is("active", __props.node.checked),
+					(0, vue.unref)(ns).is("disabled", !expandable.value),
+					inExpandingPath.value && "in-active-path",
+					inCheckedPath.value && "in-checked-path"
+				]),
+				onMouseenter: handleHoverExpand,
+				onFocus: handleHoverExpand,
+				onClick: handleClick
+			}, [
+				(0, vue.createCommentVNode)(" prefix "),
+				multiple.value && showPrefix.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$2.VftCheckbox), {
+					key: 0,
+					"model-value": __props.node.checked,
+					indeterminate: __props.node.indeterminate,
+					disabled: isDisabled.value,
+					onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"])),
+					"onUpdate:modelValue": handleSelectCheck
+				}, null, 8, [
+					"model-value",
+					"indeterminate",
+					"disabled"
+				])) : checkStrictly.value && showPrefix.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$3.VftRadio), {
+					key: 1,
+					"model-value": checkedNodeId.value,
+					label: __props.node.uid,
+					disabled: isDisabled.value,
+					"onUpdate:modelValue": handleSelectCheck,
+					onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
+				}, {
+					default: (0, vue.withCtx)(() => [(0, vue.createCommentVNode)("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "), _cache[2] || (_cache[2] = (0, vue.createElementVNode)("span", null, null, -1))]),
+					_: 1
+				}, 8, [
+					"model-value",
+					"label",
+					"disabled"
+				])) : isLeaf.value && __props.node.checked ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.VftIcon), {
+					key: 2,
+					icon: "icon-check",
+					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("prefix"))
+				}, null, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true),
+				(0, vue.createCommentVNode)(" content "),
+				(0, vue.createVNode)((0, vue.unref)(require_node_content.default), {
+					node: __props.node,
+					disabled: isDisabled.value,
+					onHandleSelectCheck: handleSelectCheck
+				}, null, 8, ["node", "disabled"]),
+				(0, vue.createCommentVNode)(" postfix "),
+				!isLeaf.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 3 }, [__props.node.loading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.VftIcon), {
+					key: 0,
+					icon: "icon-loading",
+					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).is("loading"), (0, vue.unref)(ns).e("postfix")])
+				}, null, 8, ["class"])) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.VftIcon), {
+					key: 1,
+					icon: "icon-arrow-right",
+					class: (0, vue.normalizeClass)(["arrow-right", [(0, vue.unref)(ns).e("postfix")]])
+				}, null, 8, ["class"]))], 64)) : (0, vue.createCommentVNode)("v-if", true)
+			], 42, _hoisted_1);
+		};
+	}
+});
+//#endregion
+exports.default = node_vue_vue_type_script_setup_true_lang_default;

package/lib/components/cascader-panel/node2.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/cascader-panel/node.vue
+var node_default = require("./node.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = node_default;

package/lib/components/cascader-panel/store.cjs

@@ -1 +1,61 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("lodash-es");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");require("../form/index.cjs");const a=require("./node.cjs"),i=(o,e)=>o.reduce((s,t)=>(t.isLeaf?s.push(t):(!e&&s.push(t),s=s.concat(i(t.children,e))),s),[]);class u{constructor(e,s){this.config=s;const t=(e||[]).map(l=>new a.default(l,this.config));this.nodes=t,this.allNodes=i(t,!1),this.leafNodes=i(t,!0)}nodes;allNodes;leafNodes;getNodes(){return this.nodes}getFlattedNodes(e){return e?this.leafNodes:this.allNodes}appendNode(e,s){const t=s?s.appendChild(e):new a.default(e,this.config);s||this.nodes.push(t),this.appendAllNodesAndLeafNodes(t)}appendNodes(e,s){e.forEach(t=>this.appendNode(t,s))}appendAllNodesAndLeafNodes(e){this.allNodes.push(e),e.isLeaf&&this.leafNodes.push(e),e.children&&e.children.forEach(s=>{this.appendAllNodesAndLeafNodes(s)})}getNodeByValue(e,s=!1){return d.isNil(e)?null:this.getFlattedNodes(s).find(l=>d.isEqual(l.value,e)||d.isEqual(l.pathValues,e))||null}getSameNode(e){return e&&this.getFlattedNodes(!1).find(({value:t,level:l})=>d.isEqual(e.value,t)&&e.level===l)||null}}exports.default=u;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_node = require("./node.cjs");
+let lodash_es = require("lodash-es");
+//#region ../../packages/components/cascader-panel/store.ts
+const flatNodes = (nodes, leafOnly) => {
+	return nodes.reduce((res, node) => {
+		if (node.isLeaf) res.push(node);
+		else {
+			!leafOnly && res.push(node);
+			res = res.concat(flatNodes(node.children, leafOnly));
+		}
+		return res;
+	}, []);
+};
+var Store = class {
+	config;
+	nodes;
+	allNodes;
+	leafNodes;
+	constructor(data, config) {
+		this.config = config;
+		const nodes = (data || []).map((nodeData) => new require_node.default(nodeData, this.config));
+		this.nodes = nodes;
+		this.allNodes = flatNodes(nodes, false);
+		this.leafNodes = flatNodes(nodes, true);
+	}
+	getNodes() {
+		return this.nodes;
+	}
+	getFlattedNodes(leafOnly) {
+		return leafOnly ? this.leafNodes : this.allNodes;
+	}
+	appendNode(nodeData, parentNode) {
+		const node = parentNode ? parentNode.appendChild(nodeData) : new require_node.default(nodeData, this.config);
+		if (!parentNode) this.nodes.push(node);
+		this.appendAllNodesAndLeafNodes(node);
+	}
+	appendNodes(nodeDataList, parentNode) {
+		nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode));
+	}
+	appendAllNodesAndLeafNodes(node) {
+		this.allNodes.push(node);
+		node.isLeaf && this.leafNodes.push(node);
+		if (node.children) node.children.forEach((subNode) => {
+			this.appendAllNodesAndLeafNodes(subNode);
+		});
+	}
+	getNodeByValue(value, leafOnly = false) {
+		if ((0, lodash_es.isNil)(value)) return null;
+		return this.getFlattedNodes(leafOnly).find((node) => (0, lodash_es.isEqual)(node.value, value) || (0, lodash_es.isEqual)(node.pathValues, value)) || null;
+	}
+	getSameNode(node) {
+		if (!node) return null;
+		return this.getFlattedNodes(false).find(({ value, level }) => (0, lodash_es.isEqual)(node.value, value) && node.level === level) || null;
+	}
+};
+//#endregion
+exports.default = Store;

package/lib/components/cascader-panel/style/css.cjs

@@ -1 +1,6 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-checkbox.css");require("vft/theme-style/vft-radio.css");require("vft/theme-style/vft-scrollbar.css");require("vft/theme-style/vft-cascader-panel.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("../../scrollbar/style/css.cjs");
+require("../../checkbox/style/css.cjs");
+require("../../radio/style/css.cjs");
+require("vft/theme-style/vft-cascader-panel.css");

package/lib/components/cascader-panel/style/index.cjs

@@ -1 +1,6 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/checkbox.scss");require("vft/theme-style/src/radio.scss");require("vft/theme-style/src/scrollbar.scss");require("vft/theme-style/src/cascader-panel.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("../../scrollbar/style/index.cjs");
+require("../../checkbox/style/index.cjs");
+require("../../radio/style/index.cjs");
+require("vft/theme-style/src/cascader-panel.scss");

package/lib/components/cascader-panel/types.cjs

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=Symbol();exports.CASCADER_PANEL_INJECTION_KEY=E;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+//#region ../../packages/components/cascader-panel/types.ts
+const CASCADER_PANEL_INJECTION_KEY = Symbol();
+//#endregion
+exports.CASCADER_PANEL_INJECTION_KEY = CASCADER_PANEL_INJECTION_KEY;

package/lib/components/cascader-panel/utils.cjs

@@ -1 +1,33 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../utils/dom/aria.cjs");require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");require("lodash-es");require("../form/index.cjs");const d=e=>{if(!e)return 0;const r=e.id.split("-");return Number(r[r.length-2])},p=e=>{if(!e)return;const r=e.querySelector("input");r?r.click():o.isLeaf(e)&&e.click()},l=(e,r)=>{const n=r.slice(0),s=n.map(i=>i.uid),u=e.reduce((i,c)=>{const t=s.indexOf(c.uid);return t>-1&&(i.push(c),n.splice(t,1),s.splice(t,1)),i},[]);return u.push(...n),u};exports.checkNode=p;exports.getMenuIndex=d;exports.sortByOriginalOrder=l;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_aria = require("../../utils/dom/aria.cjs");
+//#region ../../packages/components/cascader-panel/utils.ts
+const getMenuIndex = (el) => {
+	if (!el) return 0;
+	const pieces = el.id.split("-");
+	return Number(pieces[pieces.length - 2]);
+};
+const checkNode = (el) => {
+	if (!el) return;
+	const input = el.querySelector("input");
+	if (input) input.click();
+	else if (require_aria.isLeaf(el)) el.click();
+};
+const sortByOriginalOrder = (oldNodes, newNodes) => {
+	const newNodesCopy = newNodes.slice(0);
+	const newIds = newNodesCopy.map((node) => node.uid);
+	const res = oldNodes.reduce((acc, item) => {
+		const index = newIds.indexOf(item.uid);
+		if (index > -1) {
+			acc.push(item);
+			newNodesCopy.splice(index, 1);
+			newIds.splice(index, 1);
+		}
+		return acc;
+	}, []);
+	res.push(...newNodesCopy);
+	return res;
+};
+//#endregion
+exports.checkNode = checkNode;
+exports.getMenuIndex = getMenuIndex;
+exports.sortByOriginalOrder = sortByOriginalOrder;

package/lib/components/check-tag/check-tag.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/check-tag/check-tag.vue
+var check_tag_default = require("./check-tag.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = check_tag_default;

package/lib/components/check-tag/check-tag.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,31 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_event = require("../../constants/event.cjs");
+let vue = require("vue");
+//#region ../../packages/components/check-tag/check-tag.vue?vue&type=script&setup=true&lang.ts
+const __default__ = (0, vue.defineComponent)({ name: "vft-check-tag" });
+var check_tag_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: { checked: {
+		type: Boolean,
+		required: false,
+		default: false
+	} },
+	emits: ["update:checked", "change"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const ns = require_index.useNamespace("check-tag");
+		const containerKls = (0, vue.computed)(() => [ns.b(), ns.is("checked", __props.checked)]);
+		const handleChange = () => {
+			emit(require_event.CHANGE_EVENT, !__props.checked);
+			emit("update:checked", !__props.checked);
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				class: (0, vue.normalizeClass)(containerKls.value),
+				onClick: handleChange
+			}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+exports.default = check_tag_vue_vue_type_script_setup_true_lang_default;

package/lib/components/check-tag/index.cjs

@@ -1 +1,11 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("@vueuse/core");require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");require("vue");const r=require("../../utils/vue/install.cjs");require("lodash-es");require("../form/index.cjs");const t=require("./check-tag.vue2.cjs"),e=r.withInstall(t.default);exports.VftCheckTag=e;exports.default=e;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_install = require("../../utils/vue/install.cjs");
+const require_check_tag = require("./check-tag.cjs");
+//#region ../../packages/components/check-tag/index.ts
+const VftCheckTag = require_install.withInstall(require_check_tag.default);
+//#endregion
+exports.VftCheckTag = VftCheckTag;
+exports.default = VftCheckTag;

package/lib/components/check-tag/style/css.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-check-tag.css");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/css.cjs");
+require("vft/theme-style/vft-check-tag.css");

package/lib/components/check-tag/style/index.cjs

@@ -1 +1,3 @@
-"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/check-tag.scss");
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../base/style/index.cjs");
+require("vft/theme-style/src/check-tag.scss");

package/lib/components/checkbox/checkbox-button.cjs

@@ -0,0 +1,8 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/checkbox/checkbox-button.vue
+var checkbox_button_default = require("./checkbox-button.vue_vue_type_script_setup_true_lang.cjs").default;
+//#endregion
+exports.default = checkbox_button_default;

package/lib/components/checkbox/checkbox-button.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1,151 @@
+const require_index = require("../../hooks/use-namespace/index.cjs");
+const require_constants = require("./constants.cjs");
+const require_use_checkbox = require("./composables/use-checkbox.cjs");
+let vue = require("vue");
+//#region ../../packages/components/checkbox/checkbox-button.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = [
+	"name",
+	"tabindex",
+	"disabled",
+	"true-value",
+	"false-value"
+];
+const _hoisted_2 = [
+	"name",
+	"tabindex",
+	"disabled",
+	"value"
+];
+const __default__ = (0, vue.defineComponent)({ name: "VftCheckboxButton" });
+var checkbox_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.defineComponent)({
+	...__default__,
+	props: {
+		modelValue: {
+			type: [
+				Number,
+				String,
+				Boolean
+			],
+			required: false
+		},
+		value: {
+			type: [
+				Number,
+				String,
+				Boolean,
+				Object
+			],
+			required: false
+		},
+		label: {
+			type: [Number, String],
+			required: false
+		},
+		indeterminate: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		checked: {
+			type: Boolean,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		trueValue: {
+			type: [String, Number],
+			required: false
+		},
+		falseValue: {
+			type: [String, Number],
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		controls: {
+			type: String,
+			required: false
+		},
+		border: {
+			type: Boolean,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		tabindex: {
+			type: [String, Number],
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(__props) {
+		const { isFocused, isChecked, isDisabled, checkboxButtonSize, model, handleChange } = require_use_checkbox.useCheckbox(__props, (0, vue.useSlots)());
+		const checkboxGroup = (0, vue.inject)(require_constants.checkboxGroupContextKey, void 0);
+		const ns = require_index.useNamespace("checkbox");
+		const activeStyle = (0, vue.computed)(() => {
+			const fillValue = checkboxGroup?.fill?.value ?? "";
+			return {
+				backgroundColor: fillValue,
+				borderColor: fillValue,
+				color: checkboxGroup?.textColor?.value ?? "",
+				boxShadow: fillValue ? `-1px 0 0 0 ${fillValue}` : void 0
+			};
+		});
+		const labelKls = (0, vue.computed)(() => {
+			return [
+				ns.b("button"),
+				ns.bm("button", checkboxButtonSize.value),
+				ns.is("disabled", isDisabled.value),
+				ns.is("checked", isChecked.value),
+				ns.is("focus", isFocused.value)
+			];
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", { class: (0, vue.normalizeClass)(labelKls.value) }, [__props.trueValue || __props.falseValue ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+				key: 0,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(model) ? model.value = $event : null),
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("button", "original")),
+				type: "checkbox",
+				name: __props.name,
+				tabindex: __props.tabindex,
+				disabled: (0, vue.unref)(isDisabled),
+				"true-value": __props.trueValue,
+				"false-value": __props.falseValue,
+				onChange: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(handleChange) && (0, vue.unref)(handleChange)(...args)),
+				onFocus: _cache[2] || (_cache[2] = ($event) => isFocused.value = true),
+				onBlur: _cache[3] || (_cache[3] = ($event) => isFocused.value = false)
+			}, null, 42, _hoisted_1)), [[vue.vModelCheckbox, (0, vue.unref)(model)]]) : (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
+				key: 1,
+				"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => (0, vue.isRef)(model) ? model.value = $event : null),
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("button", "original")),
+				type: "checkbox",
+				name: __props.name,
+				tabindex: __props.tabindex,
+				disabled: (0, vue.unref)(isDisabled),
+				value: __props.value,
+				onChange: _cache[5] || (_cache[5] = (...args) => (0, vue.unref)(handleChange) && (0, vue.unref)(handleChange)(...args)),
+				onFocus: _cache[6] || (_cache[6] = ($event) => isFocused.value = true),
+				onBlur: _cache[7] || (_cache[7] = ($event) => isFocused.value = false)
+			}, null, 42, _hoisted_2)), [[vue.vModelCheckbox, (0, vue.unref)(model)]]), _ctx.$slots.default || __props.value || __props.label ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				key: 2,
+				class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("button", "inner")),
+				style: (0, vue.normalizeStyle)((0, vue.unref)(isChecked) ? activeStyle.value : void 0)
+			}, [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.label) + " ", 1), !__props.label ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(__props.value), 1)]) : (0, vue.createCommentVNode)("v-if", true)], 6)) : (0, vue.createCommentVNode)("v-if", true)], 2);
+		};
+	}
+});
+//#endregion
+exports.default = checkbox_button_vue_vue_type_script_setup_true_lang_default;