@vunk/form 2.18.2 → 2.19.1

package/components/use-watch.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("vue"),E=require("element-plus"),W=require("./debounce.cjs"),D=require("@vunk/shared/function");function le(e,t,l){return e===e&&(l!==void 0&&(e=e<=l?e:l),t!==void 0&&(e=e>=t?e:t)),e}function ue(e,t,l){return l===void 0&&(l=t,t=void 0),l!==void 0&&(l=W.toNumber(l),l=l===l?l:0),t!==void 0&&(t=W.toNumber(t),t=t===t?t:0),le(W.toNumber(e),t,l)}function oe(e){return u.getCurrentScope()?(u.onScopeDispose(e),!0):!1}const ae=typeof window<"u"&&typeof document<"u";typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const se=Object.prototype.toString,ie=e=>se.call(e)==="[object Object]";function H(e){return Array.isArray(e)?e:[e]}function re(e,t,l){return u.watch(e,t,{...l,immediate:!0})}const ce=ae?window:void 0;function de(e){var t;const l=u.toValue(e);return(t=l==null?void 0:l.$el)!=null?t:l}function J(...e){const t=[],l=()=>{t.forEach(c=>c()),t.length=0},f=(c,m,n,d)=>(c.addEventListener(m,n,d),()=>c.removeEventListener(m,n,d)),r=u.computed(()=>{const c=H(u.toValue(e[0])).filter(m=>m!=null);return c.every(m=>typeof m!="string")?c:void 0}),o=re(()=>{var c,m;return[(m=(c=r.value)==null?void 0:c.map(n=>de(n)))!=null?m:[ce].filter(n=>n!=null),H(u.toValue(r.value?e[1]:e[0])),H(u.unref(r.value?e[2]:e[1])),u.toValue(r.value?e[3]:e[2])]},([c,m,n,d])=>{if(l(),!(c!=null&&c.length)||!(m!=null&&m.length)||!(n!=null&&n.length))return;const V=ie(d)?{...d}:d;t.push(...c.flatMap(y=>m.flatMap(T=>n.map(O=>f(y,T,O,V)))))},{flush:"post"}),a=()=>{o(),l()};return oe(l),a}const p=Symbol("sliderContextKey"),fe=(e,t,l)=>{const f=u.ref();return u.onMounted(async()=>{e.range?(Array.isArray(e.modelValue)?(t.firstValue=Math.max(e.min,e.modelValue[0]),t.secondValue=Math.min(e.max,e.modelValue[1])):(t.firstValue=e.min,t.secondValue=e.max),t.oldValue=[t.firstValue,t.secondValue]):(typeof e.modelValue!="number"||Number.isNaN(e.modelValue)?t.firstValue=e.min:t.firstValue=Math.min(e.max,Math.max(e.min,e.modelValue)),t.oldValue=t.firstValue),J(window,"resize",l),await u.nextTick(),l()}),{sliderWrapper:f}},me=e=>{const t=u.computed(()=>e.marks?Object.keys(e.marks).map(Number.parseFloat).sort((f,r)=>f-r).filter(f=>f<=e.max&&f>=e.min).map(f=>({point:f,position:(f-e.min)*100/(e.max-e.min),mark:e.marks[f]})):[]);return u.watchEffect(()=>{if(e.step==="mark"&&!e.marks&&console.warn("[ElSlider] marks prop must be provided when step is mark"),e.marks){const l=Object.keys(e.marks),f=t.value.map(o=>o.point),r=l.filter(o=>{const a=Number.parseFloat(o);return Number.isNaN(a)||!f.includes(a)});r.length>0&&console.warn(`[ElSlider] Some marks keys are invalid (not a number or out of [min, max]): [${r.map(o=>`'${o}'`).join(", ")}] and will be ignored.`)}}),t},ve=(e,t,l,f)=>{const{formItem:r}=E.useFormItem(),o=u.shallowRef(),a=u.ref(),c=u.ref(),m={firstButton:a,secondButton:c},n=E.useFormDisabled(),d=u.computed(()=>Math.min(t.firstValue,t.secondValue)),V=u.computed(()=>Math.max(t.firstValue,t.secondValue)),y=u.computed(()=>e.range?`${100*(V.value-d.value)/(e.max-e.min)}%`:`${100*(t.firstValue-e.min)/(e.max-e.min)}%`),T=u.computed(()=>e.range?`${100*(d.value-e.min)/(e.max-e.min)}%`:"0%"),O=u.computed(()=>e.vertical?{height:e.height}:{}),k=u.computed(()=>e.vertical?{height:y.value,bottom:T.value}:f.value?{width:y.value,left:"auto",right:T.value}:{width:y.value,left:T.value}),A=()=>{if(o.value){const i=o.value.getBoundingClientRect();t.sliderSize=i[e.vertical?"height":"width"]}},$=i=>{const v=e.min+i*(e.max-e.min)/100;if(!e.range)return a;let b;return Math.abs(d.value-v)<Math.abs(V.value-v)?b=t.firstValue<t.secondValue?"firstButton":"secondButton":b=t.firstValue>t.secondValue?"firstButton":"secondButton",m[b]},R=i=>{const v=$(i);return v.value.setPosition(i),v},G=i=>{t.firstValue=i??e.min;const v=e.range?[d.value,V.value]:i??e.min;K(v)},_=i=>{t.secondValue=i,e.range&&K([d.value,V.value])},K=i=>{l(E.UPDATE_MODEL_EVENT,i),l(E.INPUT_EVENT,i)},C=async()=>{await u.nextTick(),l(E.CHANGE_EVENT,e.range?[d.value,V.value]:e.modelValue)},M=i=>{var b,j,z,U;if(n.value||t.dragging)return;A();let v=0;if(e.vertical){const L=((j=(b=i.touches)==null?void 0:b.item(0))==null?void 0:j.clientY)??i.clientY;v=(o.value.getBoundingClientRect().bottom-L)/t.sliderSize*100}else{const L=((U=(z=i.touches)==null?void 0:z.item(0))==null?void 0:U.clientX)??i.clientX,Y=o.value.getBoundingClientRect();f.value?v=(Y.right-L)/t.sliderSize*100:v=(L-Y.left)/t.sliderSize*100}if(!(v<0||v>100))return R(v)};return{elFormItem:r,slider:o,firstButton:a,secondButton:c,sliderDisabled:n,minValue:d,maxValue:V,runwayStyle:O,barStyle:k,resetSize:A,setPosition:R,emitChange:C,onSliderWrapperPrevent:i=>{var v,b;((v=m.firstButton.value)!=null&&v.dragging||(b=m.secondButton.value)!=null&&b.dragging)&&i.preventDefault()},onSliderClick:i=>{M(i)&&C()},onSliderDown:async i=>{const v=M(i);v&&(await u.nextTick(),v.value.onButtonDown(i))},onSliderMarkerDown:i=>{if(n.value||t.dragging)return;R(i)&&C()},setFirstValue:G,setSecondValue:_}},ge=e=>e.code||e.key,he=(e,t,l)=>{const f=u.ref(),r=u.ref(!1),o=u.computed(()=>t.value instanceof Function),a=u.computed(()=>o.value&&t.value(e.modelValue)||e.modelValue),c=W.debounce(()=>{l.value&&(r.value=!0)},50),m=W.debounce(()=>{l.value&&(r.value=!1)},50);return{tooltip:f,tooltipVisible:r,formatValue:a,displayTooltip:c,hideTooltip:m}},Ve=(e,t,l)=>{const{disabled:f,min:r,max:o,step:a,showTooltip:c,persistent:m,precision:n,sliderSize:d,formatTooltip:V,emitChange:y,resetSize:T,updateDragging:O,markList:k,isRtl:A}=u.inject(p),{tooltip:$,tooltipVisible:R,formatValue:G,displayTooltip:_,hideTooltip:K}=he(e,V,c),C=u.ref(),M=u.computed(()=>`${(e.modelValue-r.value)/(o.value-r.value)*100}%`),Q=u.computed(()=>e.vertical?{bottom:M.value}:A.value?{right:M.value}:{left:M.value}),X=u.computed(()=>a.value==="mark"&&k.value.length>0),Z=()=>{t.hovering=!0,_()},F=()=>{t.hovering=!1,t.dragging||K()},i=s=>{f.value||(s.preventDefault(),ne(s),window.addEventListener("mousemove",q),window.addEventListener("touchmove",q),window.addEventListener("mouseup",B),window.addEventListener("touchend",B),window.addEventListener("contextmenu",B),C.value.focus())},v=s=>{f.value||(t.newPosition=Number.parseFloat(M.value)+s/(o.value-r.value)*100,P(t.newPosition),y())},b=s=>{if(f.value||!k.value.length)return;const g=e.modelValue,h=Number.EPSILON,S=Math.abs(s);let w;if(s>0){const N=k.value.findIndex(x=>x.point>g+h);if(N!==-1){const x=Math.min(N+S-1,k.value.length-1);w=k.value[x].point}}else{let N=-1;for(let x=k.value.length-1;x>=0;x--)if(k.value[x].point<g-h){N=x;break}if(N!==-1){const x=Math.max(N-(S-1),0);w=k.value[x].point}}if(w!==void 0&&w!==g){const N=(w-r.value)/(o.value-r.value)*100;P(N),y()}},j=()=>{X.value?b(-1):typeof a.value=="number"&&v(-a.value)},z=()=>{X.value?b(1):typeof a.value=="number"&&v(a.value)},U=()=>{X.value?b(-4):typeof a.value=="number"&&v(-a.value*4)},L=()=>{X.value?b(4):typeof a.value=="number"&&v(a.value*4)},Y=()=>{f.value||(P(0),y())},ee=()=>{f.value||(P(100),y())},te=s=>{const g=ge(s);let h=!0;switch(g){case E.EVENT_CODE.left:case E.EVENT_CODE.down:j();break;case E.EVENT_CODE.right:case E.EVENT_CODE.up:z();break;case E.EVENT_CODE.home:Y();break;case E.EVENT_CODE.end:ee();break;case E.EVENT_CODE.pageDown:U();break;case E.EVENT_CODE.pageUp:L();break;default:h=!1;break}h&&s.preventDefault()},I=s=>{let g,h;return s.type.startsWith("touch")?(h=s.touches[0].clientY,g=s.touches[0].clientX):(h=s.clientY,g=s.clientX),{clientX:g,clientY:h}},ne=s=>{t.dragging=!0,t.isClick=!0;const{clientX:g,clientY:h}=I(s);e.vertical?t.startY=h:t.startX=g,t.startPosition=Number.parseFloat(M.value),t.newPosition=t.startPosition},q=s=>{if(t.dragging){t.isClick=!1,_(),T();let g;const{clientX:h,clientY:S}=I(s);if(e.vertical)t.currentY=S,g=(t.startY-t.currentY)/d.value*100;else{t.currentX=h;const w=(t.currentX-t.startX)/d.value*100;g=A.value?-w:w}t.newPosition=t.startPosition+g,P(t.newPosition)}},B=()=>{t.dragging&&(setTimeout(()=>{t.dragging=!1,t.hovering||K(),t.isClick||P(t.newPosition),y()},0),window.removeEventListener("mousemove",q),window.removeEventListener("touchmove",q),window.removeEventListener("mouseup",B),window.removeEventListener("touchend",B),window.removeEventListener("contextmenu",B))},P=async s=>{if(s===null||Number.isNaN(+s))return;s=ue(s,0,100);let g;if(a.value==="mark")k.value.length===0?g=s<=50?r.value:o.value:g=k.value.reduce((S,w)=>Math.abs(w.position-s)<Math.abs(S.position-s)?w:S).point;else{const h=Math.floor((o.value-r.value)/a.value),S=h*a.value/(o.value-r.value)*100,w=S+(100-S)/2;if(s<S){const N=S/h,x=Math.round(s/N);g=r.value+x*a.value}else s<w?g=r.value+h*a.value:g=o.value;g=Number.parseFloat(g.toFixed(n.value))}g!==e.modelValue&&l(E.UPDATE_MODEL_EVENT,g),!t.dragging&&e.modelValue!==t.oldValue&&(t.oldValue=e.modelValue),await u.nextTick(),t.dragging&&_(),$.value.updatePopper()};return u.watch(()=>t.dragging,s=>{O(s)}),J(C,"touchstart",i,{passive:!1}),{disabled:f,button:C,tooltip:$,tooltipVisible:R,showTooltip:c,persistent:m,wrapperStyle:Q,formatValue:G,handleMouseEnter:Z,handleMouseLeave:F,onButtonDown:i,onKeyDown:te,setPosition:P}},Ee=(e,t,l,f,r)=>({stops:u.computed(()=>{if(!e.showStops||e.min>e.max)return[];if(e.step==="mark"||e.step===0)return e.step===0&&console.warn("[ElSlider] step should not be 0."),[];const c=Math.ceil((e.max-e.min)/e.step),m=100*e.step/(e.max-e.min),n=Array.from({length:c-1}).map((d,V)=>(V+1)*m);return e.range?n.filter(d=>d<100*(l.value-e.min)/(e.max-e.min)||d>100*(f.value-e.min)/(e.max-e.min)):n.filter(d=>d>100*(t.firstValue-e.min)/(e.max-e.min))}),getStopStyle:c=>e.vertical?{bottom:`${c}%`}:r.value?{right:`${c}%`}:{left:`${c}%`}}),be=(e,t,l,f,r,o)=>{const a=n=>{r(E.UPDATE_MODEL_EVENT,n),r(E.INPUT_EVENT,n)},c=()=>e.range?![l.value,f.value].every((n,d)=>n===t.oldValue[d]):e.modelValue!==t.oldValue,m=()=>{var d,V;if(e.min>e.max)throw new Error("[Element Plus Slider] props.min should not be greater than props.max.");const n=e.modelValue;e.range&&Array.isArray(n)?n[1]<e.min?a([e.min,e.min]):n[0]>e.max?a([e.max,e.max]):n[0]<e.min?a([e.min,n[1]]):n[1]>e.max?a([n[0],e.max]):(t.firstValue=n[0],t.secondValue=n[1],c()&&(e.validateEvent&&((d=o==null?void 0:o.validate)==null||d.call(o,"change").catch(D.noop)),t.oldValue=n.slice())):!e.range&&typeof n=="number"&&!Number.isNaN(n)&&(n<e.min?a(e.min):n>e.max?a(e.max):(t.firstValue=n,c()&&(e.validateEvent&&((V=o==null?void 0:o.validate)==null||V.call(o,"change").catch(D.noop)),t.oldValue=n)))};m(),u.watch(()=>t.dragging,n=>{n||m()}),u.watch(()=>e.modelValue,(n,d)=>{t.dragging||Array.isArray(n)&&Array.isArray(d)&&n.every((V,y)=>V===d[y])&&t.firstValue===n[0]&&t.secondValue===n[1]||m()},{deep:!0}),u.watch(()=>[e.min,e.max],()=>{m()})};exports.sliderContextKey=p;exports.useEventListener=J;exports.useLifecycle=fe;exports.useMarks=me;exports.useSlide=ve;exports.useSliderButton=Ve;exports.useStops=Ee;exports.useWatch=be;

package/components/van-cascader/index.cjs

@@ -1,125 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var cascader = require('@vunk/form/components/cascader');
-var formItem = require('@vunk/form/components/form-item');
-var vant = require('vant');
-var elementPlus = require('element-plus');
-require('vant/es/cascader/style');
-require('vant/es/popup/style');
-var composables = require('@vunk/form/composables');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...cascader._VkfCascaderCtx.props
-};
-const emits = {
-  ...cascader._VkfCascaderCtx.emits
-};
-
-var _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "VkfVanCascader"
-  },
-  __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const ElSelect = elementPlus.ElSelect;
-    const props = __props;
-    const emit = __emit;
-    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const popupShow = vue.ref(false);
-    const fieldValue = vue.ref("");
-    const cascaderValue = vue.ref("");
-    const options = cascader._VkfCascaderUse.useOptions(props, emit);
-    const readonly = composables.useComputedReadonly(props);
-    vue.watch(() => props.modelValue, (val) => {
-      if (Array.isArray(val) && val.length) {
-        fieldValue.value = val.join("/");
-        const last = val.at(-1);
-        if (typeof last === "string" || typeof last === "number") {
-          cascaderValue.value = last + "";
-        }
-      }
-    }, {
-      deep: true
-    });
-    const handleFinish = ({ selectedOptions }) => {
-      popupShow.value = false;
-      emit("update:modelValue", selectedOptions.map((item) => item.value));
-    };
-    const preInput = () => {
-      if (readonly.value) return;
-      popupShow.value = true;
-    };
-    const __returned__ = { ElSelect, props, emit, formItemBindProps, popupShow, fieldValue, cascaderValue, options, readonly, handleFinish, preInput, get VkfFormItem() {
-      return formItem.VkfFormItem;
-    }, get Cascader() {
-      return vant.Cascader;
-    }, get Popup() {
-      return vant.Popup;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock(
-    $setup["VkfFormItem"],
-    vue.mergeProps({ class: "vkf-van-cascader" }, $setup.formItemBindProps),
-    {
-      default: vue.withCtx(() => [
-        vue.createVNode($setup["ElSelect"], {
-          "popper-class": "vkf-van-cascader-input",
-          "model-value": $setup.fieldValue,
-          onClick: $setup.preInput
-        }, null, 8, ["model-value"]),
-        vue.createVNode($setup["Popup"], {
-          show: $setup.popupShow,
-          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => $setup.popupShow = $event),
-          round: "",
-          position: "bottom"
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode($setup["Cascader"], {
-              modelValue: $setup.cascaderValue,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.cascaderValue = $event),
-              options: $setup.options,
-              "field-names": {
-                text: "label",
-                value: "value",
-                children: "children"
-              },
-              onClose: _cache[1] || (_cache[1] = ($event) => $setup.popupShow = false),
-              onFinish: $setup.handleFinish
-            }, null, 8, ["modelValue", "options"])
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["show"])
-      ]),
-      _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var VkfVanCascader = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/van-cascader/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfVanCascader.install = (app) => {
-  app.component(VkfVanCascader.name, VkfVanCascader);
-};
-
-exports.VkfVanCascader = VkfVanCascader;
-exports.__VkfVanCascader = types;
-exports.default = VkfVanCascader;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@vunk/form/components/cascader"),i=require("@vunk/form/components/form-item"),d=require("vant"),b=require("element-plus");require("vant/es/cascader/style");require("vant/es/popup/style");const h=require("@vunk/form/composables"),q={...l._VkfCascaderCtx.props},x={...l._VkfCascaderCtx.emits},p=e.defineComponent({name:"VkfVanCascader",__name:"index",props:q,emits:x,setup(f,{emit:m}){const v=b.ElSelect,n=f,u=m,V=i._VkfFormItemCtx.createBindProps(n),r=e.ref(!1),c=e.ref(""),s=e.ref(""),C=l._VkfCascaderUse.useOptions(n,u),_=h.useComputedReadonly(n);e.watch(()=>n.modelValue,o=>{if(Array.isArray(o)&&o.length){c.value=o.join("/");const t=o.at(-1);(typeof t=="string"||typeof t=="number")&&(s.value=t+"")}},{deep:!0});const k=({selectedOptions:o})=>{r.value=!1,u("update:modelValue",o.map(t=>t.value))},y=()=>{_.value||(r.value=!0)};return(o,t)=>(e.openBlock(),e.createBlock(e.unref(i.VkfFormItem),e.mergeProps({class:"vkf-van-cascader"},e.unref(V)),{default:e.withCtx(()=>[e.createVNode(e.unref(v),{"popper-class":"vkf-van-cascader-input","model-value":c.value,onClick:y},null,8,["model-value"]),e.createVNode(e.unref(d.Popup),{show:r.value,"onUpdate:show":t[2]||(t[2]=a=>r.value=a),round:"",position:"bottom"},{default:e.withCtx(()=>[e.createVNode(e.unref(d.Cascader),{modelValue:s.value,"onUpdate:modelValue":t[0]||(t[0]=a=>s.value=a),options:e.unref(C),"field-names":{text:"label",value:"value",children:"children"},onClose:t[1]||(t[1]=a=>r.value=!1),onFinish:k},null,8,["modelValue","options"])]),_:1},8,["show"])]),_:1},16))}}),g=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfVanCascader=p;exports.__VkfVanCascader=g;exports.default=p;

package/components/van-cascader/index.mjs

@@ -1,119 +1,74 @@
-import { defineComponent, ref, watch, openBlock, createBlock, mergeProps, withCtx, createVNode } from 'vue';
-import { _VkfCascaderCtx, _VkfCascaderUse } from '@vunk/form/components/cascader';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { Cascader, Popup } from 'vant';
-import { ElSelect } from 'element-plus';
-import 'vant/es/cascader/style';
-import 'vant/es/popup/style';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfCascaderCtx.props
-};
-const emits = {
-  ..._VkfCascaderCtx.emits
-};
-
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "VkfVanCascader"
-  },
+import { defineComponent as h, ref as l, watch as x, openBlock as b, createBlock as w, unref as t, mergeProps as g, withCtx as m, createVNode as p } from "vue";
+import { _VkfCascaderCtx as d, _VkfCascaderUse as P } from "@vunk/form/components/cascader";
+import { _VkfFormItemCtx as S, VkfFormItem as B } from "@vunk/form/components/form-item";
+import { Popup as F, Cascader as I } from "vant";
+import { ElSelect as j } from "element-plus";
+import "vant/es/cascader/style";
+import "vant/es/popup/style";
+import { useComputedReadonly as O } from "@vunk/form/composables";
+const U = {
+  ...d.props
+}, A = {
+  ...d.emits
+}, D = /* @__PURE__ */ h({
+  name: "VkfVanCascader",
   __name: "index",
-  props: props,
-  emits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    __expose();
-    const ElSelect$1 = ElSelect;
-    const props = __props;
-    const emit = __emit;
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
-    const popupShow = ref(false);
-    const fieldValue = ref("");
-    const cascaderValue = ref("");
-    const options = _VkfCascaderUse.useOptions(props, emit);
-    const readonly = useComputedReadonly(props);
-    watch(() => props.modelValue, (val) => {
-      if (Array.isArray(val) && val.length) {
-        fieldValue.value = val.join("/");
-        const last = val.at(-1);
-        if (typeof last === "string" || typeof last === "number") {
-          cascaderValue.value = last + "";
-        }
+  props: U,
+  emits: A,
+  setup(c, { emit: f }) {
+    const v = j, n = c, u = f, V = S.createBindProps(n), a = l(!1), i = l(""), s = l(""), C = P.useOptions(n, u), k = O(n);
+    x(() => n.modelValue, (o) => {
+      if (Array.isArray(o) && o.length) {
+        i.value = o.join("/");
+        const e = o.at(-1);
+        (typeof e == "string" || typeof e == "number") && (s.value = e + "");
       }
     }, {
-      deep: true
+      deep: !0
     });
-    const handleFinish = ({ selectedOptions }) => {
-      popupShow.value = false;
-      emit("update:modelValue", selectedOptions.map((item) => item.value));
-    };
-    const preInput = () => {
-      if (readonly.value) return;
-      popupShow.value = true;
+    const _ = ({ selectedOptions: o }) => {
+      a.value = !1, u("update:modelValue", o.map((e) => e.value));
+    }, y = () => {
+      k.value || (a.value = !0);
     };
-    const __returned__ = { ElSelect: ElSelect$1, props, emit, formItemBindProps, popupShow, fieldValue, cascaderValue, options, readonly, handleFinish, preInput, get VkfFormItem() {
-      return VkfFormItem;
-    }, get Cascader() {
-      return Cascader;
-    }, get Popup() {
-      return Popup;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(
-    $setup["VkfFormItem"],
-    mergeProps({ class: "vkf-van-cascader" }, $setup.formItemBindProps),
-    {
-      default: withCtx(() => [
-        createVNode($setup["ElSelect"], {
+    return (o, e) => (b(), w(t(B), g({ class: "vkf-van-cascader" }, t(V)), {
+      default: m(() => [
+        p(t(v), {
           "popper-class": "vkf-van-cascader-input",
-          "model-value": $setup.fieldValue,
-          onClick: $setup.preInput
+          "model-value": i.value,
+          onClick: y
         }, null, 8, ["model-value"]),
-        createVNode($setup["Popup"], {
-          show: $setup.popupShow,
-          "onUpdate:show": _cache[2] || (_cache[2] = ($event) => $setup.popupShow = $event),
+        p(t(F), {
+          show: a.value,
+          "onUpdate:show": e[2] || (e[2] = (r) => a.value = r),
           round: "",
           position: "bottom"
         }, {
-          default: withCtx(() => [
-            createVNode($setup["Cascader"], {
-              modelValue: $setup.cascaderValue,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.cascaderValue = $event),
-              options: $setup.options,
+          default: m(() => [
+            p(t(I), {
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (r) => s.value = r),
+              options: t(C),
               "field-names": {
                 text: "label",
                 value: "value",
                 children: "children"
               },
-              onClose: _cache[1] || (_cache[1] = ($event) => $setup.popupShow = false),
-              onFinish: $setup.handleFinish
+              onClose: e[1] || (e[1] = (r) => a.value = !1),
+              onFinish: _
             }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
-          /* STABLE */
         }, 8, ["show"])
       ]),
       _: 1
-      /* STABLE */
-    },
-    16
-    /* FULL_PROPS */
-  );
-}
-var VkfVanCascader = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/van-cascader/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+    }, 16));
+  }
+}), G = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfVanCascader.install = (app) => {
-  app.component(VkfVanCascader.name, VkfVanCascader);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  D as VkfVanCascader,
+  G as __VkfVanCascader,
+  D as default
 };
-
-export { VkfVanCascader, types as __VkfVanCascader, VkfVanCascader as default };