vft 0.0.524 → 0.0.525

package/es/components/segmented/style/css.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/base.css";
+import "../../base/style/css.js";
 import "vft/theme-style/vft-segmented.css";

package/es/components/segmented/style/index.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/src/base.scss";
+import "../../base/style/index.js";
 import "vft/theme-style/src/segmented.scss";

package/es/components/segmented/types.js

@@ -1 +0,0 @@
-

package/es/components/select/defaults.js

@@ -1,206 +1,215 @@
-import { placements as a } from "@popperjs/core";
-import { CHANGE_EVENT as l, UPDATE_MODEL_EVENT as r } from "../../constants/event.js";
-import "@vueuse/core";
-import { isNumber as o, isBoolean as i, isFunction as n } from "@vft/utils";
-import "../config-provider/hooks/use-global-config.js";
-import "vue";
-import { buildProps as p, definePropType as t } from "../../utils/vue/props/runtime.js";
-import "../form/index.js";
-import "./select.vue2.js";
-import { defaultProps as u } from "./useProps.js";
-const h = {
-  allowCreate: Boolean,
-  autocomplete: {
-    type: String,
-    default: "none"
-  },
-  automaticDropdown: Boolean,
-  clearable: Boolean,
-  clearIcon: {
-    type: String,
-    default: "icon-circle-close"
-  },
-  effect: {
-    type: String,
-    default: "light"
-  },
-  collapseTags: Boolean,
-  collapseTagsTooltip: {
-    type: Boolean,
-    default: !1
-  },
-  maxCollapseTags: {
-    type: Number,
-    default: 1
-  },
-  defaultFirstOption: Boolean,
-  disabled: Boolean,
-  estimatedOptionHeight: {
-    type: Number,
-    default: void 0
-  },
-  filterable: Boolean,
-  filterMethod: Function,
-  height: {
-    type: Number,
-    default: 170
-    // 5 items by default
-  },
-  itemHeight: {
-    type: Number,
-    default: 34
-  },
-  id: String,
-  loading: Boolean,
-  loadingText: String,
-  label: String,
-  modelValue: {
-    // eslint-disable-next-line prettier/prettier
-    type: t([Array, String, Number, Boolean, Object])
-  },
-  multiple: Boolean,
-  multipleLimit: {
-    type: Number,
-    default: 0
-  },
-  name: String,
-  noDataText: String,
-  noMatchText: String,
-  remoteMethod: Function,
-  reserveKeyword: {
-    type: Boolean,
-    default: !0
-  },
-  options: {
-    type: t(Array),
-    required: !0
-  },
-  placeholder: {
-    type: String
-  },
-  teleported: {
-    type: Boolean,
-    default: !0
-  },
-  persistent: {
-    type: Boolean,
-    default: !0
-  },
-  popperClass: {
-    type: String,
-    default: ""
-  },
-  popperStyle: {
-    type: Object,
-    default: void 0
-  },
-  popperOptions: {
-    type: Object,
-    default: () => ({})
-  },
-  remote: Boolean,
-  size: {
-    type: String
-  },
-  props: {
-    type: t(Object),
-    default: () => u
-  },
-  valueKey: {
-    type: String,
-    default: "value"
-  },
-  scrollbarAlwaysOn: {
-    type: Boolean,
-    default: !1
-  },
-  validateEvent: {
-    type: Boolean,
-    default: !0
-  },
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  tagType: {
-    type: String,
-    values: ["primary", "success", "info", "warning", "danger"],
-    default: "info"
-  },
-  tagEffect: {
-    type: String,
-    values: ["dark", "light", "plain"],
-    default: "light"
-  },
-  placement: {
-    type: t(String),
-    values: a,
-    default: "bottom-start"
-  },
-  offset: {
-    type: Number,
-    default: 12
-  },
-  ariaLabel: String,
-  showArrow: {
-    type: Boolean,
-    default: !0
-  },
-  fallbackPlacements: {
-    type: t(Array),
-    default: ["bottom-start", "top-start", "right", "left"]
-  },
-  appendTo: {
-    type: String
-  },
-  /**
-   * @description empty values supported by the component
-   */
-  emptyValues: Array,
-  /**
-   * @description return value when cleared, if you want to set `undefined`, use `() => undefined`
-   */
-  valueOnClear: {
-    type: [String, Number, Boolean, Function],
-    default: void 0,
-    validator: (e) => n(e) ? !e() : !e
-  },
-  fitInputWidth: {
-    type: [Boolean, Number],
-    default: !0,
-    validator(e) {
-      return i(e) || o(e);
-    }
-  }
-}, N = p({
-  data: Array,
-  disabled: Boolean,
-  hovering: Boolean,
-  item: {
-    type: t(Object),
-    required: !0
-  },
-  index: Number,
-  style: {
-    type: Object
-  },
-  selected: Boolean,
-  created: Boolean
-}), E = {
-  [r]: (e) => !0,
-  [l]: (e) => !0,
-  "remove-tag": (e) => !0,
-  "visible-change": (e) => !0,
-  focus: (e) => e instanceof FocusEvent,
-  blur: (e) => e instanceof FocusEvent,
-  clear: () => !0
-}, T = {
-  hover: (e) => o(e),
-  select: (e, d) => !0
+import { CHANGE_EVENT, UPDATE_MODEL_EVENT } from "../../constants/event.js";
+import { buildProps, definePropType } from "../../utils/vue/props/runtime.js";
+import { defaultProps } from "./useProps.js";
+import { isBoolean, isFunction, isNumber } from "@vft/utils";
+import { placements } from "@popperjs/core";
+//#region ../../packages/components/select/defaults.ts
+const selectV2Props = {
+	allowCreate: Boolean,
+	autocomplete: {
+		type: String,
+		default: "none"
+	},
+	automaticDropdown: Boolean,
+	clearable: Boolean,
+	clearIcon: {
+		type: String,
+		default: "icon-circle-close"
+	},
+	effect: {
+		type: String,
+		default: "light"
+	},
+	collapseTags: Boolean,
+	collapseTagsTooltip: {
+		type: Boolean,
+		default: false
+	},
+	maxCollapseTags: {
+		type: Number,
+		default: 1
+	},
+	defaultFirstOption: Boolean,
+	disabled: Boolean,
+	estimatedOptionHeight: {
+		type: Number,
+		default: void 0
+	},
+	filterable: Boolean,
+	filterMethod: Function,
+	height: {
+		type: Number,
+		default: 170
+	},
+	itemHeight: {
+		type: Number,
+		default: 34
+	},
+	id: String,
+	loading: Boolean,
+	loadingText: String,
+	label: String,
+	modelValue: { type: definePropType([
+		Array,
+		String,
+		Number,
+		Boolean,
+		Object
+	]) },
+	multiple: Boolean,
+	multipleLimit: {
+		type: Number,
+		default: 0
+	},
+	name: String,
+	noDataText: String,
+	noMatchText: String,
+	remoteMethod: Function,
+	reserveKeyword: {
+		type: Boolean,
+		default: true
+	},
+	options: {
+		type: definePropType(Array),
+		required: true
+	},
+	placeholder: { type: String },
+	teleported: {
+		type: Boolean,
+		default: true
+	},
+	persistent: {
+		type: Boolean,
+		default: true
+	},
+	popperClass: {
+		type: String,
+		default: ""
+	},
+	popperStyle: {
+		type: Object,
+		default: void 0
+	},
+	popperOptions: {
+		type: Object,
+		default: () => ({})
+	},
+	remote: Boolean,
+	size: { type: String },
+	props: {
+		type: definePropType(Object),
+		default: () => defaultProps
+	},
+	valueKey: {
+		type: String,
+		default: "value"
+	},
+	scrollbarAlwaysOn: {
+		type: Boolean,
+		default: false
+	},
+	validateEvent: {
+		type: Boolean,
+		default: true
+	},
+	tabindex: {
+		type: [String, Number],
+		default: 0
+	},
+	tagType: {
+		type: String,
+		values: [
+			"primary",
+			"success",
+			"info",
+			"warning",
+			"danger"
+		],
+		default: "info"
+	},
+	tagEffect: {
+		type: String,
+		values: [
+			"dark",
+			"light",
+			"plain"
+		],
+		default: "light"
+	},
+	placement: {
+		type: definePropType(String),
+		values: placements,
+		default: "bottom-start"
+	},
+	offset: {
+		type: Number,
+		default: 12
+	},
+	ariaLabel: String,
+	showArrow: {
+		type: Boolean,
+		default: true
+	},
+	fallbackPlacements: {
+		type: definePropType(Array),
+		default: [
+			"bottom-start",
+			"top-start",
+			"right",
+			"left"
+		]
+	},
+	appendTo: { type: String },
+	/**
+	* @description empty values supported by the component
+	*/
+	emptyValues: Array,
+	/**
+	* @description return value when cleared, if you want to set `undefined`, use `() => undefined`
+	*/
+	valueOnClear: {
+		type: [
+			String,
+			Number,
+			Boolean,
+			Function
+		],
+		default: void 0,
+		validator: (val) => isFunction(val) ? !val() : !val
+	},
+	fitInputWidth: {
+		type: [Boolean, Number],
+		default: true,
+		validator(val) {
+			return isBoolean(val) || isNumber(val);
+		}
+	}
 };
-export {
-  T as optionV2Emits,
-  N as optionV2Props,
-  E as selectV2Emits,
-  h as selectV2Props
+const optionV2Props = buildProps({
+	data: Array,
+	disabled: Boolean,
+	hovering: Boolean,
+	item: {
+		type: definePropType(Object),
+		required: true
+	},
+	index: Number,
+	style: { type: Object },
+	selected: Boolean,
+	created: Boolean
+});
+const selectV2Emits = {
+	[UPDATE_MODEL_EVENT]: (val) => true,
+	[CHANGE_EVENT]: (val) => true,
+	"remove-tag": (val) => true,
+	"visible-change": (visible) => true,
+	focus: (evt) => evt instanceof FocusEvent,
+	blur: (evt) => evt instanceof FocusEvent,
+	clear: () => true
 };
+const optionV2Emits = {
+	hover: (index) => isNumber(index),
+	select: (val, index) => true
+};
+//#endregion
+export { optionV2Emits, optionV2Props, selectV2Emits, selectV2Props };

package/es/components/select/group-item.js

@@ -0,0 +1,16 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import group_item_vue_vue_type_script_lang_default from "./group-item.vue_vue_type_script_lang.js";
+import { createElementBlock, normalizeClass, normalizeStyle, openBlock, toDisplayString } from "vue";
+//#region ../../packages/components/select/group-item.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(_ctx.ns.be("group", "title")),
+		style: normalizeStyle({
+			..._ctx.style,
+			lineHeight: `${_ctx.height}px`
+		})
+	}, toDisplayString(_ctx.item.label), 7);
+}
+var group_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(group_item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { group_item_default as default };

package/es/components/select/group-item.vue_vue_type_script_lang.js

@@ -0,0 +1,18 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { defineComponent } from "vue";
+//#region ../../packages/components/select/group-item.vue?vue&type=script&lang.ts
+var group_item_vue_vue_type_script_lang_default = defineComponent({
+	props: {
+		item: {
+			type: Object,
+			required: true
+		},
+		style: { type: Object },
+		height: Number
+	},
+	setup() {
+		return { ns: useNamespace("select") };
+	}
+});
+//#endregion
+export { group_item_vue_vue_type_script_lang_default as default };

package/es/components/select/index.d.ts

@@ -263,9 +263,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -681,9 +681,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1100,9 +1100,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;
@@ -1518,9 +1518,9 @@ export declare const VftSelect: SFCWithInstall<import("vue").DefineComponent<imp
             readonly placement?: import("@popperjs/core").Placement | undefined;
             readonly strategy?: "fixed" | "absolute" | undefined;
             readonly effect?: "light" | "dark" | undefined;
-            readonly visible?: boolean | null | undefined;
             readonly teleported?: boolean | undefined;
             readonly open?: boolean | undefined;
+            readonly visible?: boolean | null | undefined;
             readonly trigger?: import("vft/es/vft").TooltipTriggerType | undefined;
             readonly arrowOffset?: number | undefined;
             readonly gpuAcceleration?: boolean | undefined;

package/es/components/select/index.js

@@ -1,11 +1,10 @@
-import e from "./select.vue.js";
-import { selectV2InjectionKey as r } from "./token.js";
-e.install = (t) => {
-  t.component(e.name, e);
-};
-const o = e, n = o;
-export {
-  n as VftSelect,
-  o as default,
-  r as selectV2InjectionKey
+import { selectV2InjectionKey } from "./token.js";
+import select_default from "./select.js";
+//#region ../../packages/components/select/index.ts
+select_default.install = (app) => {
+	app.component(select_default.name, select_default);
 };
+const _Select = select_default;
+const VftSelect = _Select;
+//#endregion
+export { VftSelect, _Select as default, selectV2InjectionKey };

package/es/components/select/option-item.js

@@ -0,0 +1,27 @@
+import _plugin_vue_export_helper_default from "../../_virtual/_plugin-vue_export-helper.js";
+import option_item_vue_vue_type_script_lang_default from "./option-item.vue_vue_type_script_lang.js";
+import { createElementBlock, createElementVNode, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, withModifiers } from "vue";
+//#region ../../packages/components/select/option-item.vue
+const _hoisted_1 = ["aria-selected"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("li", {
+		"aria-selected": _ctx.selected,
+		style: normalizeStyle(_ctx.style),
+		class: normalizeClass([
+			_ctx.ns.be("dropdown", "item"),
+			_ctx.ns.is("selected", _ctx.selected),
+			_ctx.ns.is("disabled", _ctx.disabled),
+			_ctx.ns.is("created", _ctx.created),
+			_ctx.ns.is("hovering", _ctx.hovering)
+		]),
+		onMousemove: _cache[0] || (_cache[0] = (...args) => _ctx.hoverItem && _ctx.hoverItem(...args)),
+		onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.selectOptionClick && _ctx.selectOptionClick(...args), ["stop"]))
+	}, [renderSlot(_ctx.$slots, "default", {
+		item: _ctx.item,
+		index: _ctx.index,
+		disabled: _ctx.disabled
+	}, () => [createElementVNode("span", null, toDisplayString(_ctx.getLabel(_ctx.item)), 1)])], 46, _hoisted_1);
+}
+var option_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(option_item_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+//#endregion
+export { option_item_default as default };

package/es/components/select/option-item.vue_vue_type_script_lang.js

@@ -0,0 +1,25 @@
+import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useProps } from "./useProps.js";
+import { optionV2Emits, optionV2Props } from "./defaults.js";
+import { useOption } from "./useOption.js";
+import { selectV2InjectionKey } from "./token.js";
+import { defineComponent, inject } from "vue";
+//#region ../../packages/components/select/option-item.vue?vue&type=script&lang.ts
+var option_item_vue_vue_type_script_lang_default = defineComponent({
+	props: optionV2Props,
+	emits: optionV2Emits,
+	setup(props, { emit }) {
+		const select = inject(selectV2InjectionKey);
+		const ns = useNamespace("select");
+		const { hoverItem, selectOptionClick } = useOption(props, { emit });
+		const { getLabel } = useProps(select.props);
+		return {
+			ns,
+			hoverItem,
+			selectOptionClick,
+			getLabel
+		};
+	}
+});
+//#endregion
+export { option_item_vue_vue_type_script_lang_default as default };