vft 0.0.375 → 0.0.376

package/lib/components/search/search.vue2.cjs

@@ -1,236 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-require("@vueuse/core");
-require("@vft/utils");
-const helper = require("../../utils/helper.cjs");
-const nsCover = require("../../utils/ns-cover.cjs");
-require("lodash-es");
-const index$1 = require("../input/index.cjs");
-const index$2 = require("../popover/index.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-const __default__ = vue.defineComponent({
-  name: "vft-search"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: {
-    width: { default: 200 },
-    activeWidth: {},
-    usePopover: { type: Boolean, default: false },
-    popoverCfg: {},
-    modelValue: { default: "" },
-    clearable: { type: Boolean, default: true },
-    placeholder: { default: "请输入你要搜索的内容" },
-    suffixIcon: { default: () => ({ icon: "icon-search", color: "#8B8C8C", pointer: true }) },
-    prefixIcon: {},
-    clearIcon: {}
-  },
-  emits: ["update:modelValue", "blur", "focus", "clear", "enter", "prefixClick", "suffixClick", "mouseenter", "mouseleave", "keydown", "change", "input", "compositionstart", "compositionupdate", "compositionend"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const ns = index.useNamespace("search");
-    const emit = __emit;
-    const popoverRef = vue.ref();
-    const searchRef = vue.ref();
-    const inputRef = vue.ref();
-    const isFocus = vue.ref(false);
-    const isHover = vue.ref(false);
-    const visible = vue.ref(false);
-    const inputStyle = vue.computed(
-      () => nsCover.generateCssVars(
-        {
-          width: __props.activeWidth && (visible.value || __props.modelValue) ? helper.addUnit(__props.activeWidth) : helper.addUnit(__props.width)
-        },
-        "input"
-      )
-    );
-    const activeWidthStyle = vue.computed(
-      () => nsCover.generateCssVars(
-        {
-          "active-width": __props.activeWidth ? helper.addUnit(__props.activeWidth) : helper.addUnit(__props.width)
-        },
-        "search"
-      )
-    );
-    const _popoverCfg = vue.computed(() => {
-      return {
-        "show-arrow": false,
-        transition: "vft-zoom-in-top-fast",
-        placement: "bottom-start",
-        "hide-after": 100,
-        offset: 3,
-        width: 500,
-        ...__props.popoverCfg
-      };
-    });
-    const handleInput = (value) => {
-      emit("update:modelValue", value);
-      emit("input", value);
-    };
-    const handleClickOut = () => {
-      hidePopover();
-    };
-    function showPopover() {
-      visible.value = true;
-    }
-    function hidePopover() {
-      visible.value = false;
-    }
-    const handleClear = () => {
-      emit("clear");
-      hideAndBlur(false);
-    };
-    function handleMouseEnter() {
-      isHover.value = true;
-      emit("mouseenter", __props.modelValue);
-    }
-    function handleMouseLeave() {
-      isHover.value = false;
-      emit("mouseleave", __props.modelValue);
-    }
-    const handleFocus = () => {
-      visible.value = true;
-      isFocus.value = true;
-      emit("focus");
-    };
-    function handleBlur() {
-      isFocus.value = false;
-      emit("blur");
-    }
-    function handlePrefixClick() {
-      hideAndBlur();
-      emit("prefixClick", __props.modelValue);
-    }
-    function handleSuffixClick() {
-      hideAndBlur();
-      emit("suffixClick", __props.modelValue);
-    }
-    function handleEnter() {
-      hideAndBlur();
-      emit("enter", __props.modelValue);
-    }
-    function hideAndBlur(blur = true) {
-      if (__props.usePopover) {
-        hidePopover();
-      }
-      if (blur) {
-        inputRef.value.blur();
-      }
-    }
-    const handleKeyDown = (data) => {
-      emit("keydown", data);
-    };
-    const popperPaneRef = vue.computed(() => {
-      return popoverRef.value?.popperRef?.contentRef;
-    });
-    const onUpdateModelValue = (data) => {
-      emit("update:modelValue", data);
-    };
-    const handleChange = (data) => {
-      emit("change", data);
-    };
-    const handleCompositionStart = (event) => {
-      emit("compositionstart", event);
-    };
-    const handleCompositionUpdate = (event) => {
-      emit("compositionupdate", event);
-    };
-    const handleCompositionEnd = (event) => {
-      emit("compositionend", event);
-    };
-    __expose({
-      isFocus,
-      isHover,
-      visible,
-      hidePopover,
-      showPopover
-    });
-    return (_ctx, _cache) => {
-      const _directive_click_outside = vue.resolveDirective("click-outside");
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          ref_key: "searchRef",
-          ref: searchRef,
-          class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("active", visible.value || _ctx.modelValue)]),
-          style: vue.normalizeStyle(activeWidthStyle.value)
-        }, [
-          vue.createVNode(vue.unref(index$1.VftInput), vue.mergeProps({
-            ref_key: "inputRef",
-            ref: inputRef
-          }, _ctx.$props, {
-            "input-style": inputStyle.value,
-            onInput: handleInput,
-            onFocus: handleFocus,
-            onEnter: handleEnter,
-            onBlur: handleBlur,
-            onMouseenter: handleMouseEnter,
-            "onUpdate:modelValue": onUpdateModelValue,
-            onMouseleave: handleMouseLeave,
-            onPrefixClick: handlePrefixClick,
-            onSuffixClick: handleSuffixClick,
-            onChange: handleChange,
-            onKeydown: handleKeyDown,
-            onClear: handleClear,
-            onCompositionstart: handleCompositionStart,
-            onCompositionupdate: handleCompositionUpdate,
-            onCompositionend: handleCompositionEnd
-          }), vue.createSlots({ _: 2 }, [
-            _ctx.$slots.prefix ? {
-              name: "prefix",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "prefix")
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.suffix ? {
-              name: "suffix",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "suffix")
-              ]),
-              key: "1"
-            } : void 0,
-            _ctx.$slots.prepend ? {
-              name: "prepend",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "prepend")
-              ]),
-              key: "2"
-            } : void 0,
-            _ctx.$slots.append ? {
-              name: "append",
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "append")
-              ]),
-              key: "3"
-            } : void 0
-          ]), 1040, ["input-style"])
-        ], 6)), [
-          [_directive_click_outside, handleClickOut, popperPaneRef.value]
-        ]),
-        _ctx.usePopover ? (vue.openBlock(), vue.createBlock(vue.unref(index$2.VftPopover), vue.mergeProps({
-          key: 0,
-          ref_key: "popoverRef",
-          ref: popoverRef
-        }, _popoverCfg.value, {
-          "virtual-ref": searchRef.value,
-          visible: visible.value,
-          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
-          "virtual-triggering": ""
-        }), {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass(vue.unref(ns).e("content"))
-            }, [
-              vue.renderSlot(_ctx.$slots, "default")
-            ], 2)
-          ]),
-          _: 3
-        }, 16, ["virtual-ref", "visible"])) : vue.createCommentVNode("", true)
-      ], 64);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");require("@vft/utils");const a=require("../../utils/helper.cjs"),m=require("../../utils/ns-cover.cjs");require("lodash-es");const O=require("../input/index.cjs"),j=require("../popover/index.cjs"),A=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");const H=e.defineComponent({name:"vft-search"}),L=e.defineComponent({...H,props:{width:{default:200},activeWidth:{},usePopover:{type:Boolean,default:!1},popoverCfg:{},modelValue:{default:""},clearable:{type:Boolean,default:!0},placeholder:{default:"请输入你要搜索的内容"},suffixIcon:{default:()=>({icon:"icon-search",color:"#8B8C8C",pointer:!0})},prefixIcon:{},clearIcon:{}},emits:["update:modelValue","blur","focus","clear","enter","prefixClick","suffixClick","mouseenter","mouseleave","keydown","change","input","compositionstart","compositionupdate","compositionend"],setup(n,{expose:h,emit:C}){const r=A.useNamespace("search"),o=C,c=e.ref(),f=e.ref(),p=e.ref(),u=e.ref(!1),s=e.ref(!1),i=e.ref(!1),k=e.computed(()=>m.generateCssVars({width:n.activeWidth&&(i.value||n.modelValue)?a.addUnit(n.activeWidth):a.addUnit(n.width)},"input")),y=e.computed(()=>m.generateCssVars({"active-width":n.activeWidth?a.addUnit(n.activeWidth):a.addUnit(n.width)},"search")),V=e.computed(()=>({"show-arrow":!1,transition:"vft-zoom-in-top-fast",placement:"bottom-start","hide-after":100,offset:3,width:500,...n.popoverCfg})),w=t=>{o("update:modelValue",t),o("input",t)},g=()=>{d()};function x(){i.value=!0}function d(){i.value=!1}const S=()=>{o("clear"),l(!1)};function b(){s.value=!0,o("mouseenter",n.modelValue)}function q(){s.value=!1,o("mouseleave",n.modelValue)}const B=()=>{i.value=!0,u.value=!0,o("focus")};function P(){u.value=!1,o("blur")}function $(){l(),o("prefixClick",n.modelValue)}function R(){l(),o("suffixClick",n.modelValue)}function U(){l(),o("enter",n.modelValue)}function l(t=!0){n.usePopover&&d(),t&&p.value.blur()}const E=t=>{o("keydown",t)},M=e.computed(()=>c.value?.popperRef?.contentRef),I=t=>{o("update:modelValue",t)},W=t=>{o("change",t)},z=t=>{o("compositionstart",t)},F=t=>{o("compositionupdate",t)},N=t=>{o("compositionend",t)};return h({isFocus:u,isHover:s,visible:i,hidePopover:d,showPopover:x}),(t,v)=>{const D=e.resolveDirective("click-outside");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref_key:"searchRef",ref:f,class:e.normalizeClass([e.unref(r).b(),e.unref(r).is("active",i.value||t.modelValue)]),style:e.normalizeStyle(y.value)},[e.createVNode(e.unref(O.VftInput),e.mergeProps({ref_key:"inputRef",ref:p},t.$props,{"input-style":k.value,onInput:w,onFocus:B,onEnter:U,onBlur:P,onMouseenter:b,"onUpdate:modelValue":I,onMouseleave:q,onPrefixClick:$,onSuffixClick:R,onChange:W,onKeydown:E,onClear:S,onCompositionstart:z,onCompositionupdate:F,onCompositionend:N}),e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0,t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"2"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"3"}:void 0]),1040,["input-style"])],6)),[[D,g,M.value]]),t.usePopover?(e.openBlock(),e.createBlock(e.unref(j.VftPopover),e.mergeProps({key:0,ref_key:"popoverRef",ref:c},V.value,{"virtual-ref":f.value,visible:i.value,"onUpdate:visible":v[0]||(v[0]=K=>i.value=K),"virtual-triggering":""}),{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("content"))},[e.renderSlot(t.$slots,"default")],2)]),_:3},16,["virtual-ref","visible"])):e.createCommentVNode("",!0)],64)}}});exports.default=L;

package/lib/components/search/style/css.cjs

@@ -1,7 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-input.css");
-require("vft/theme-style/vft-popover.css");
-require("vft/theme-style/vft-popper.css");
-require("vft/theme-style/vft-icon.css");
-require("vft/theme-style/vft-search.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-input.css");require("vft/theme-style/vft-popover.css");require("vft/theme-style/vft-popper.css");require("vft/theme-style/vft-icon.css");require("vft/theme-style/vft-search.css");

package/lib/components/search/style/index.cjs

@@ -1,7 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/input.scss");
-require("vft/theme-style/src/popper.scss");
-require("vft/theme-style/src/popover.scss");
-require("vft/theme-style/src/icon.scss");
-require("vft/theme-style/src/search.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/input.scss");require("vft/theme-style/src/popper.scss");require("vft/theme-style/src/popover.scss");require("vft/theme-style/src/icon.scss");require("vft/theme-style/src/search.scss");

package/lib/components/segmented/index.cjs

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-require("@vueuse/core");
-require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-require("vue");
-const install = require("../../utils/vue/install.cjs");
-require("lodash-es");
-const segmented_vue_vue_type_script_setup_true_lang = require("./segmented.vue2.cjs");
-const segmented = require("./segmented.cjs");
-const VftSegmented = install.withInstall(segmented_vue_vue_type_script_setup_true_lang.default);
-exports.defaultProps = segmented.defaultProps;
-exports.segmentedEmits = segmented.segmentedEmits;
-exports.segmentedProps = segmented.segmentedProps;
-exports.VftSegmented = VftSegmented;
-exports.default = VftSegmented;
+"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");const s=require("./segmented.vue2.cjs"),e=require("./segmented.cjs"),t=r.withInstall(s.default);exports.defaultProps=e.defaultProps;exports.segmentedEmits=e.segmentedEmits;exports.segmentedProps=e.segmentedProps;exports.VftSegmented=t;exports.default=t;

package/lib/components/segmented/segmented.cjs

@@ -1,80 +1 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("@vueuse/core");
-const utils = require("@vft/utils");
-require("../config-provider/hooks/use-global-config.cjs");
-const event = require("../../constants/event.cjs");
-const size = require("../../constants/size.cjs");
-require("vue");
-const runtime = require("../../utils/vue/props/runtime.cjs");
-const defaultProps = {
-  label: "label",
-  value: "value",
-  disabled: "disabled"
-};
-const segmentedProps = runtime.buildProps({
-  direction: {
-    type: runtime.definePropType(String),
-    default: "horizontal"
-  },
-  /**
-   * @description options of segmented
-   */
-  options: {
-    type: runtime.definePropType(Array),
-    default: () => []
-  },
-  /**
-   * @description binding value
-   */
-  modelValue: {
-    type: [String, Number, Boolean],
-    default: void 0
-  },
-  /**
-   * @description configuration options, see the following table
-   */
-  props: {
-    type: runtime.definePropType(Object),
-    default: () => defaultProps
-  },
-  /**
-   * @description fit width of parent content
-   */
-  block: Boolean,
-  /**
-   * @description size of component
-   */
-  size: {
-    type: String,
-    values: size.componentSizes,
-    required: false
-  },
-  /**
-   * @description whether segmented is disabled
-   */
-  disabled: Boolean,
-  /**
-   * @description whether to trigger form validation
-   */
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description native input id
-   */
-  id: String,
-  /**
-   * @description native `name` attribute
-   */
-  name: String,
-  ariaLabel: String
-});
-const segmentedEmits = {
-  [event.UPDATE_MODEL_EVENT]: (val) => utils.isString(val) || utils.isNumber(val) || utils.isBoolean(val),
-  [event.CHANGE_EVENT]: (val) => utils.isString(val) || utils.isNumber(val) || utils.isBoolean(val)
-};
-exports.defaultProps = defaultProps;
-exports.segmentedEmits = segmentedEmits;
-exports.segmentedProps = segmentedProps;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@vueuse/core");const t=require("@vft/utils");require("../config-provider/hooks/use-global-config.cjs");const r=require("../../constants/event.cjs"),n=require("../../constants/size.cjs");require("vue");const i=require("../../utils/vue/props/runtime.cjs"),o={label:"label",value:"value",disabled:"disabled"},s=i.buildProps({direction:{type:i.definePropType(String),default:"horizontal"},options:{type:i.definePropType(Array),default:()=>[]},modelValue:{type:[String,Number,Boolean],default:void 0},props:{type:i.definePropType(Object),default:()=>o},block:Boolean,size:{type:String,values:n.componentSizes,required:!1},disabled:Boolean,validateEvent:{type:Boolean,default:!0},id:String,name:String,ariaLabel:String}),l={[r.UPDATE_MODEL_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e),[r.CHANGE_EVENT]:e=>t.isString(e)||t.isNumber(e)||t.isBoolean(e)};exports.defaultProps=o;exports.segmentedEmits=l;exports.segmentedProps=s;

package/lib/components/segmented/segmented.vue.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const segmented_vue_vue_type_script_setup_true_lang = require("./segmented.vue2.cjs");
-exports.default = segmented_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./segmented.vue2.cjs");exports.default=e.default;

package/lib/components/segmented/segmented.vue2.cjs

@@ -1,184 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const core = require("@vueuse/core");
-const utils = require("@vft/utils");
-const error = require("../../utils/error.cjs");
-require("../config-provider/hooks/use-global-config.cjs");
-const event = require("../../constants/event.cjs");
-require("lodash-es");
-const index$1 = require("../../hooks/use-id/index.cjs");
-const index = require("../../hooks/use-namespace/index.cjs");
-require("../../hooks/use-model-toggle/index.cjs");
-require("@popperjs/core");
-require("../../hooks/use-z-index/index.cjs");
-require("../form/index.cjs");
-const segmented = require("./segmented.cjs");
-const useFormCommonProps = require("../form/hooks/use-form-common-props.cjs");
-const useFormItem = require("../form/hooks/use-form-item.cjs");
-const _hoisted_1 = ["id", "aria-label", "aria-labelledby"];
-const _hoisted_2 = ["name", "disabled", "checked", "onChange"];
-const __default__ = vue.defineComponent({
-  name: "VftSegmented"
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: segmented.segmentedProps,
-  emits: segmented.segmentedEmits,
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = index.useNamespace("segmented");
-    const segmentedId = index$1.useId();
-    const segmentedSize = useFormCommonProps.useFormSize();
-    const _disabled = useFormCommonProps.useFormDisabled();
-    const { formItem } = useFormItem.useFormItem();
-    const { inputId, isLabeledByFormItem } = useFormItem.useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const segmentedRef = vue.ref(null);
-    const activeElement = core.useActiveElement();
-    const state = vue.reactive({
-      isInit: false,
-      width: 0,
-      height: 0,
-      translateX: 0,
-      translateY: 0,
-      focusVisible: false
-    });
-    const handleChange = (item) => {
-      const value = getValue(item);
-      emit(event.UPDATE_MODEL_EVENT, value);
-      emit(event.CHANGE_EVENT, value);
-    };
-    const aliasProps = vue.computed(() => ({ ...segmented.defaultProps, ...props.props }));
-    const getValue = (item) => {
-      return utils.isObject(item) ? item[aliasProps.value.value] : item;
-    };
-    const getLabel = (item) => {
-      return utils.isObject(item) ? item[aliasProps.value.label] : item;
-    };
-    const getDisabled = (item) => {
-      return !!(_disabled.value || (utils.isObject(item) ? item[aliasProps.value.disabled] : false));
-    };
-    const getSelected = (item) => {
-      return props.modelValue === getValue(item);
-    };
-    const getOption = (value) => {
-      return props.options.find((item) => getValue(item) === value);
-    };
-    const getItemCls = (item) => {
-      return [
-        ns.e("item"),
-        ns.is("selected", getSelected(item)),
-        ns.is("disabled", getDisabled(item))
-      ];
-    };
-    const updateSelect = () => {
-      if (!segmentedRef.value) return;
-      const selectedItem = segmentedRef.value.querySelector(
-        ".is-selected"
-      );
-      const selectedItemInput = segmentedRef.value.querySelector(
-        ".is-selected input"
-      );
-      if (!selectedItem || !selectedItemInput) {
-        state.width = 0;
-        state.height = 0;
-        state.translateX = 0;
-        state.translateY = 0;
-        state.focusVisible = false;
-        return;
-      }
-      state.isInit = true;
-      if (props.direction === "vertical") {
-        state.height = selectedItem.offsetHeight;
-        state.translateY = selectedItem.offsetTop;
-      } else {
-        state.width = selectedItem.offsetWidth;
-        state.translateX = selectedItem.offsetLeft;
-      }
-      try {
-        state.focusVisible = selectedItemInput.matches(":focus-visible");
-      } catch {
-      }
-    };
-    const segmentedCls = vue.computed(() => [
-      ns.b(),
-      ns.m(segmentedSize.value),
-      ns.is("block", props.block)
-    ]);
-    const selectedStyle = vue.computed(() => ({
-      width: props.direction === "vertical" ? "100%" : `${state.width}px`,
-      height: props.direction === "vertical" ? `${state.height}px` : "100%",
-      transform: props.direction === "vertical" ? `translateY(${state.translateY}px)` : `translateX(${state.translateX}px)`,
-      display: state.isInit ? "block" : "none"
-    }));
-    const selectedCls = vue.computed(() => [
-      ns.e("item-selected"),
-      ns.is("disabled", getDisabled(getOption(props.modelValue))),
-      ns.is("focus-visible", state.focusVisible)
-    ]);
-    const name = vue.computed(() => {
-      return props.name || segmentedId.value;
-    });
-    core.useResizeObserver(segmentedRef, updateSelect);
-    vue.watch(activeElement, updateSelect);
-    vue.watch(
-      () => props.modelValue,
-      () => {
-        updateSelect();
-        if (props.validateEvent) {
-          formItem?.validate?.("change").catch((err) => error.debugWarn(err));
-        }
-      },
-      {
-        flush: "post"
-      }
-    );
-    return (_ctx, _cache) => {
-      return _ctx.options.length ? (vue.openBlock(), vue.createElementBlock("div", {
-        key: 0,
-        id: vue.unref(inputId),
-        ref_key: "segmentedRef",
-        ref: segmentedRef,
-        class: vue.normalizeClass(segmentedCls.value),
-        role: "radiogroup",
-        "aria-label": !vue.unref(isLabeledByFormItem) ? _ctx.ariaLabel || "segmented" : void 0,
-        "aria-labelledby": vue.unref(isLabeledByFormItem) ? vue.unref(formItem).labelId : void 0
-      }, [
-        vue.createElementVNode("div", {
-          class: vue.normalizeClass([vue.unref(ns).e("group"), vue.unref(ns).m(props.direction)])
-        }, [
-          vue.createElementVNode("div", {
-            style: vue.normalizeStyle(selectedStyle.value),
-            class: vue.normalizeClass(selectedCls.value)
-          }, null, 6),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (item, index2) => {
-            return vue.openBlock(), vue.createElementBlock("label", {
-              key: index2,
-              class: vue.normalizeClass(getItemCls(item))
-            }, [
-              vue.createElementVNode("input", {
-                class: vue.normalizeClass(vue.unref(ns).e("item-input")),
-                type: "radio",
-                name: name.value,
-                disabled: getDisabled(item),
-                checked: getSelected(item),
-                onChange: ($event) => handleChange(item)
-              }, null, 42, _hoisted_2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(ns).e("item-label"))
-              }, [
-                vue.renderSlot(_ctx.$slots, "default", { item }, () => [
-                  vue.createTextVNode(vue.toDisplayString(getLabel(item)), 1)
-                ])
-              ], 2)
-            ], 2);
-          }), 128))
-        ], 2)
-      ], 10, _hoisted_1)) : vue.createCommentVNode("", true);
-    };
-  }
-});
-exports.default = _sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@vueuse/core"),f=require("@vft/utils"),x=require("../../utils/error.cjs");require("../config-provider/hooks/use-global-config.cjs");const I=require("../../constants/event.cjs");require("lodash-es");const D=require("../../hooks/use-id/index.cjs"),X=require("../../hooks/use-namespace/index.cjs");require("../../hooks/use-model-toggle/index.cjs");require("@popperjs/core");require("../../hooks/use-z-index/index.cjs");require("../form/index.cjs");const p=require("./segmented.cjs"),q=require("../form/hooks/use-form-common-props.cjs"),C=require("../form/hooks/use-form-item.cjs"),Y=["id","aria-label","aria-labelledby"],j=["name","disabled","checked","onChange"],A=e.defineComponent({name:"VftSegmented"}),M=e.defineComponent({...A,props:p.segmentedProps,emits:p.segmentedEmits,setup(E,{emit:V}){const n=E,v=V,l=X.useNamespace("segmented"),y=D.useId(),_=q.useFormSize(),k=q.useFormDisabled(),{formItem:i}=C.useFormItem(),{inputId:S,isLabeledByFormItem:b}=C.useFormItemInputId(n,{formItemContext:i}),o=e.ref(null),z=h.useActiveElement(),s=e.reactive({isInit:!1,width:0,height:0,translateX:0,translateY:0,focusVisible:!1}),N=t=>{const r=u(t);v(I.UPDATE_MODEL_EVENT,r),v(I.CHANGE_EVENT,r)},c=e.computed(()=>({...p.defaultProps,...n.props})),u=t=>f.isObject(t)?t[c.value.value]:t,F=t=>f.isObject(t)?t[c.value.label]:t,d=t=>!!(k.value||f.isObject(t)&&t[c.value.disabled]),g=t=>n.modelValue===u(t),w=t=>n.options.find(r=>u(r)===t),B=t=>[l.e("item"),l.is("selected",g(t)),l.is("disabled",d(t))],m=()=>{if(!o.value)return;const t=o.value.querySelector(".is-selected"),r=o.value.querySelector(".is-selected input");if(!t||!r){s.width=0,s.height=0,s.translateX=0,s.translateY=0,s.focusVisible=!1;return}s.isInit=!0,n.direction==="vertical"?(s.height=t.offsetHeight,s.translateY=t.offsetTop):(s.width=t.offsetWidth,s.translateX=t.offsetLeft);try{s.focusVisible=r.matches(":focus-visible")}catch{}},O=e.computed(()=>[l.b(),l.m(_.value),l.is("block",n.block)]),$=e.computed(()=>({width:n.direction==="vertical"?"100%":`${s.width}px`,height:n.direction==="vertical"?`${s.height}px`:"100%",transform:n.direction==="vertical"?`translateY(${s.translateY}px)`:`translateX(${s.translateX}px)`,display:s.isInit?"block":"none"})),L=e.computed(()=>[l.e("item-selected"),l.is("disabled",d(w(n.modelValue))),l.is("focus-visible",s.focusVisible)]),P=e.computed(()=>n.name||y.value);return h.useResizeObserver(o,m),e.watch(z,m),e.watch(()=>n.modelValue,()=>{m(),n.validateEvent&&i?.validate?.("change").catch(t=>x.debugWarn(t))},{flush:"post"}),(t,r)=>t.options.length?(e.openBlock(),e.createElementBlock("div",{key:0,id:e.unref(S),ref_key:"segmentedRef",ref:o,class:e.normalizeClass(O.value),role:"radiogroup","aria-label":e.unref(b)?void 0:t.ariaLabel||"segmented","aria-labelledby":e.unref(b)?e.unref(i).labelId:void 0},[e.createElementVNode("div",{class:e.normalizeClass([e.unref(l).e("group"),e.unref(l).m(n.direction)])},[e.createElementVNode("div",{style:e.normalizeStyle($.value),class:e.normalizeClass(L.value)},null,6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(a,T)=>(e.openBlock(),e.createElementBlock("label",{key:T,class:e.normalizeClass(B(a))},[e.createElementVNode("input",{class:e.normalizeClass(e.unref(l).e("item-input")),type:"radio",name:P.value,disabled:d(a),checked:g(a),onChange:R=>N(a)},null,42,j),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l).e("item-label"))},[e.renderSlot(t.$slots,"default",{item:a},()=>[e.createTextVNode(e.toDisplayString(F(a)),1)])],2)],2))),128))],2)],10,Y)):e.createCommentVNode("",!0)}});exports.default=M;

package/lib/components/segmented/style/css.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/base.css");
-require("vft/theme-style/vft-segmented.css");
+"use strict";require("vft/theme-style/base.css");require("vft/theme-style/vft-segmented.css");

package/lib/components/segmented/style/index.cjs

@@ -1,3 +1 @@
-"use strict";
-require("vft/theme-style/src/base.scss");
-require("vft/theme-style/src/segmented.scss");
+"use strict";require("vft/theme-style/src/base.scss");require("vft/theme-style/src/segmented.scss");