@vunk/form 2.18.2 → 2.19.0

package/components/use-watch.cjs

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