@vunk/form 2.18.2 → 2.19.0

package/components/switch/src/types.d.ts

@@ -1,5 +1,5 @@
-import { BasicSource } from '@vunk/form/shared';
-import { VueComponentPropsType } from '@vunk/core';
+import type { BasicSource } from '@vunk/form/shared';
+import type { VueComponentPropsType } from '@vunk/core';
 import VkfSwitch from './index.vue';
 export interface Source<P = string> extends VueComponentPropsType<typeof VkfSwitch>, BasicSource {
     prop: P;

package/components/tables-select/index.cjs

@@ -1,263 +1 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tablesV1Checkbox = require('@vunk/plus/components/tables-v1-checkbox');
-var formItem = require('@vunk/form/components/form-item');
-var utilsVue = require('@vunk/core/shared/utils-vue');
-var vue = require('vue');
-var select = require('@vunk/form/components/select');
-var elementPlus = require('element-plus');
-var array = require('@vunk/shared/array');
-var object = require('@vunk/shared/object');
-var composables = require('@vunk/form/composables');
-var elementPlus$1 = require('@vunk/form/composables/element-plus');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-
-const props = {
-  ...formItem._VkfFormItemCtx.props,
-  ...tablesV1Checkbox._VkTablesV1CheckboxCtx.props,
-  prop: null,
-  /**
-   * @description v-model 绑定值
-   */
-  modelValue: {
-    type: [Array, String],
-    default: () => []
-  },
-  labelField: {
-    type: String,
-    default: "label"
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  multiple: {
-    type: Boolean,
-    default: true
-  },
-  /**
-   * @description 获取完整数据
-   */
-  getRows: {
-    type: Function,
-    default: () => []
-  },
-  /**
-   * @description 是否在补全 Rows 后更新 modelValue
-   */
-  updateWhenCompleted: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   *  @description 是否将选中的数据 join 为字符串
-   */
-  stringify: {
-    type: Boolean,
-    default: false
-  },
-  /**
-   * @description 是否只读
-   */
-  readonly: {
-    type: Boolean,
-    default: void 0
-  },
-  placeholder: {
-    type: String,
-    default: ""
-  },
-  /**
-   * @description dialog 样式
-   */
-  dialogClass: null,
-  /**
-   * @description check 触发方式
-   */
-  checkTrigger: {
-    type: String,
-    default: "rowClick"
-  }
-};
-const createBindProps = utilsVue.bindPropsFactory(props);
-const emits = {
-  ...tablesV1Checkbox._VkTablesV1CheckboxCtx.emits,
-  "update:modelValue": null
-};
-const createOnEmits = utilsVue.onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main = vue.defineComponent({
-  name: "VkfTablesSelect",
-  components: {
-    VkfSelect: select.VkfSelect,
-    VkTablesV1Checkbox: tablesV1Checkbox.VkTablesV1Checkbox,
-    ElDialog: elementPlus.ElDialog
-  },
-  inheritAttrs: false,
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemProps = formItem._VkfFormItemCtx.createBindProps(props2);
-    const tablesProps = tablesV1Checkbox._VkTablesV1CheckboxCtx.createBindProps(props2, ["modelValue"]);
-    const tablesEmits = tablesV1Checkbox._VkTablesV1CheckboxCtx.createOnEmits(emit, ["update:modelValue"]);
-    const readonly = composables.useComputedReadonly(props2);
-    const { tr } = elementPlus$1.useLocale();
-    const dialogVisible = vue.ref(false);
-    const backupRowMap = vue.ref(/* @__PURE__ */ new Map());
-    const theModelValue = vue.computed({
-      get: () => {
-        if (props2.stringify && typeof props2.modelValue === "string") {
-          return props2.modelValue ? props2.modelValue.split(",").map((v) => ({ [props2.oidField]: v })) : [];
-        }
-        return props2.modelValue;
-      },
-      set: (modelValue) => {
-        if (!Array.isArray(modelValue)) {
-          modelValue = modelValue ? [modelValue] : [];
-        }
-        if (props2.stringify) {
-          const value = modelValue.reduce((a, v) => {
-            if (object.isNotEmptyObject(v) && v[props2.oidField] !== void 0) {
-              a.push(v[props2.oidField]);
-            }
-            return a;
-          }, []).join(",");
-          emit("update:modelValue", value);
-          return;
-        }
-        emit("update:modelValue", modelValue);
-      }
-    });
-    const selectOptions = vue.computed(() => {
-      return theModelValue.value.map((item) => {
-        const backupRow = backupRowMap.value.get(item[props2.oidField]);
-        return {
-          label: item[props2.labelField] || backupRow?.[props2.labelField],
-          value: item
-        };
-      });
-    });
-    const selectValue = vue.computed(() => {
-      return props2.multiple ? theModelValue.value : theModelValue.value[0];
-    });
-    vue.watch(
-      () => selectOptions.value.filter((v) => !v.label),
-      (rows) => {
-        if (!rows.length) {
-          return;
-        }
-        readItems(rows.map((v) => v.value[props2.oidField])).then(() => {
-          if (props2.stringify) return;
-          if (!props2.updateWhenCompleted) return;
-          const newModelValue = theModelValue.value.reduce((a, v) => {
-            const backupRow = backupRowMap.value.get(v[props2.oidField]);
-            backupRow ? a.push(backupRow) : a.push(v);
-            return a;
-          }, []);
-          theModelValue.value = newModelValue;
-        });
-      },
-      { immediate: true }
-    );
-    async function readItems(ids) {
-      const idRows = ids.filter((v) => !backupRowMap.value.has(v)).map((id) => ({ [props2.oidField]: id }));
-      if (!idRows.length) {
-        return;
-      }
-      const { updateRows, addMap } = array.compareArray(props2.data, idRows, props2.oidField);
-      updateRows.forEach((row) => {
-        backupRowMap.value.set(row[props2.oidField], row);
-      });
-      if (!addMap.size) {
-        return;
-      }
-      const oids = Array.from(addMap.keys());
-      const rows = await props2.getRows(oids);
-      rows.forEach((row) => {
-        backupRowMap.value.set(row[props2.oidField], row);
-      });
-    }
-    return {
-      formItemProps,
-      selectOptions,
-      tablesProps,
-      tablesEmits,
-      dialogVisible,
-      selectValue,
-      theModelValue,
-      readonly,
-      tr
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfSelect = vue.resolveComponent("VkfSelect");
-  const _component_VkTablesV1Checkbox = vue.resolveComponent("VkTablesV1Checkbox");
-  const _component_ElDialog = vue.resolveComponent("ElDialog");
-  return vue.openBlock(), vue.createElementBlock(
-    vue.Fragment,
-    null,
-    [
-      vue.createVNode(_component_VkfSelect, vue.mergeProps({
-        ..._ctx.formItemProps,
-        ..._ctx.$attrs
-      }, {
-        multiple: _ctx.multiple,
-        options: _ctx.selectOptions,
-        "model-value": _ctx.selectValue,
-        clearable: _ctx.clearable,
-        "popper-class": "vkf-tables-select__popper",
-        "value-key": _ctx.oidField,
-        readonly: _ctx.readonly,
-        placeholder: _ctx.placeholder,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.theModelValue = $event),
-        onVisibleChange: _cache[1] || (_cache[1] = ($event) => !_ctx.readonly && (_ctx.dialogVisible = true))
-      }), null, 16, ["multiple", "options", "model-value", "clearable", "value-key", "readonly", "placeholder"]),
-      vue.createVNode(_component_ElDialog, {
-        modelValue: _ctx.dialogVisible,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.dialogVisible = $event),
-        title: _ctx.placeholder || _ctx.label || _ctx.tr("el.select.placeholder", "\u8BF7\u9009\u62E9"),
-        "append-to-body": "",
-        "model-class": "vkf-tables-select__model",
-        class: vue.normalizeClass(["vkf-tables-select__dialog", _ctx.dialogClass])
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "dialog"),
-          vue.createVNode(_component_VkTablesV1Checkbox, vue.mergeProps(_ctx.tablesProps, {
-            modelValue: _ctx.theModelValue,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.theModelValue = $event)
-          }, vue.toHandlers(_ctx.tablesEmits)), null, 16, ["modelValue"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["modelValue", "title", "class"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkfTablesSelect = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/tables-select/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
-  __proto__: null
-});
-
-VkfTablesSelect.install = (app) => {
-  app.component(VkfTablesSelect.name || "VkfTablesSelect", VkfTablesSelect);
-};
-
-exports.VkfTablesSelect = VkfTablesSelect;
-exports._VkfTablesSelectCtx = ctx;
-exports.__VkfTablesSelect = types;
-exports.default = VkfTablesSelect;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),i=require("@vunk/plus/components/tables-v1-checkbox"),V=require("@vunk/form/components/form-item"),g=require("@vunk/core/shared/utils-vue"),w=require("@vunk/form/components/select"),B=require("element-plus"),x=require("@vunk/shared/array"),E=require("@vunk/shared/object"),M=require("@vunk/form/composables"),O=require("@vunk/form/composables/element-plus"),f={...V._VkfFormItemCtx.props,...i._VkTablesV1CheckboxCtx.props,columns:{type:Array,default:()=>[]},prop:null,modelValue:{type:[Array,String],default:()=>[]},labelField:{type:String,default:"label"},clearable:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},getRows:{type:Function,default:()=>[]},updateWhenCompleted:{type:Boolean,default:!1},stringify:{type:Boolean,default:!1},readonly:{type:Boolean,default:void 0},placeholder:{type:String,default:""},dialogClass:null,checkTrigger:{type:String,default:"rowClick"}},j=g.bindPropsFactory(f),m={...i._VkTablesV1CheckboxCtx.emits,"update:modelValue":null},A=g.onEmitsFactory(m),R=Object.freeze(Object.defineProperty({__proto__:null,createBindProps:j,createOnEmits:A,emits:m,props:f},Symbol.toStringTag,{value:"Module"})),v=e.defineComponent({name:"VkfTablesSelect",inheritAttrs:!1,__name:"index",props:f,emits:m,setup(k,{emit:C}){const t=k,p=C,h=e.useAttrs(),F=V._VkfFormItemCtx.createBindProps(t),S=i._VkTablesV1CheckboxCtx.createBindProps(t,["modelValue"]),_=i._VkTablesV1CheckboxCtx.createOnEmits(p,["update:modelValue"]),b=M.useComputedReadonly(t),{tr:P}=O.useLocale(),c=e.ref(!1),n=e.ref(new Map),u=e.computed({get:()=>t.stringify&&typeof t.modelValue=="string"?t.modelValue?t.modelValue.split(",").map(l=>({[t.oidField]:l})):[]:t.modelValue,set:l=>{if(Array.isArray(l)||(l=l?[l]:[]),t.stringify){const o=l.reduce((a,r)=>(E.isNotEmptyObject(r)&&r[t.oidField]!==void 0&&a.push(r[t.oidField]),a),[]).join(",");p("update:modelValue",o);return}p("update:modelValue",l)}}),y=e.computed(()=>u.value.map(l=>{const o=n.value.get(l[t.oidField]);return{label:l[t.labelField]||(o==null?void 0:o[t.labelField]),value:l}})),T=e.computed(()=>t.multiple?u.value:u.value[0]);e.watch(()=>y.value.filter(l=>!l.label),l=>{l.length&&q(l.map(o=>o.value[t.oidField])).then(()=>{if(t.stringify||!t.updateWhenCompleted)return;const o=u.value.reduce((a,r)=>{const d=n.value.get(r[t.oidField]);return d?a.push(d):a.push(r),a},[]);u.value=o})},{immediate:!0});async function q(l){const o=l.filter(s=>!n.value.has(s)).map(s=>({[t.oidField]:s}));if(!o.length)return;const{updateRows:a,addMap:r}=x.compareArray(t.data,o,t.oidField);if(a.forEach(s=>{n.value.set(s[t.oidField],s)}),!r.size)return;const d=Array.from(r.keys());(await t.getRows(d)).forEach(s=>{n.value.set(s[t.oidField],s)})}return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(w.VkfSelect),e.mergeProps({...e.unref(F),...e.unref(h)},{multiple:l.multiple,options:y.value,"model-value":T.value,clearable:l.clearable,"popper-class":"vkf-tables-select__popper","value-key":l.oidField,readonly:e.unref(b),placeholder:l.placeholder,"onUpdate:modelValue":o[0]||(o[0]=a=>u.value=a),onVisibleChange:o[1]||(o[1]=a=>!e.unref(b)&&(c.value=!0))}),null,16,["multiple","options","model-value","clearable","value-key","readonly","placeholder"]),e.createVNode(e.unref(B.ElDialog),{modelValue:c.value,"onUpdate:modelValue":o[3]||(o[3]=a=>c.value=a),title:l.placeholder||l.label||e.unref(P)("el.select.placeholder","请选择"),"append-to-body":"","model-class":"vkf-tables-select__model",class:e.normalizeClass(["vkf-tables-select__dialog",l.dialogClass])},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"dialog"),e.createVNode(e.unref(i.VkTablesV1Checkbox),e.mergeProps(e.unref(S),{modelValue:u.value,"onUpdate:modelValue":o[2]||(o[2]=a=>u.value=a)},e.toHandlers(e.unref(_))),null,16,["modelValue"])]),_:3},8,["modelValue","title","class"])],64))}}),I=Object.freeze(Object.defineProperty({__proto__:null},Symbol.toStringTag,{value:"Module"}));exports.VkfTablesSelect=v;exports._VkfTablesSelectCtx=R;exports.__VkfTablesSelect=I;exports.default=v;

package/components/tables-select/index.mjs

@@ -1,18 +1,20 @@
-import { _VkTablesV1CheckboxCtx, VkTablesV1Checkbox } from '@vunk/plus/components/tables-v1-checkbox';
-import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
-import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, normalizeClass, withCtx, renderSlot, toHandlers } from 'vue';
-import { VkfSelect } from '@vunk/form/components/select';
-import { ElDialog } from 'element-plus';
-import { compareArray } from '@vunk/shared/array';
-import { isNotEmptyObject } from '@vunk/shared/object';
-import { useComputedReadonly } from '@vunk/form/composables';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ..._VkTablesV1CheckboxCtx.props,
+import { defineComponent as A, useAttrs as O, ref as V, computed as c, watch as M, openBlock as j, createElementBlock as R, Fragment as z, createVNode as f, unref as a, mergeProps as k, normalizeClass as I, withCtx as U, renderSlot as x, toHandlers as N } from "vue";
+import { _VkTablesV1CheckboxCtx as d, VkTablesV1Checkbox as W } from "@vunk/plus/components/tables-v1-checkbox";
+import { _VkfFormItemCtx as F } from "@vunk/form/components/form-item";
+import { bindPropsFactory as $, onEmitsFactory as D } from "@vunk/core/shared/utils-vue";
+import { VkfSelect as H } from "@vunk/form/components/select";
+import { ElDialog as L } from "element-plus";
+import { compareArray as q } from "@vunk/shared/array";
+import { isNotEmptyObject as G } from "@vunk/shared/object";
+import { useComputedReadonly as J } from "@vunk/form/composables";
+import { useLocale as K } from "@vunk/form/composables/element-plus";
+const y = {
+  ...F.props,
+  ...d.props,
+  columns: {
+    type: Array,
+    default: () => []
+  },
   prop: null,
   /**
    * @description v-model 绑定值
@@ -27,11 +29,11 @@ const props = {
   },
   clearable: {
     type: Boolean,
-    default: true
+    default: !0
   },
   multiple: {
     type: Boolean,
-    default: true
+    default: !0
   },
   /**
    * @description 获取完整数据
@@ -45,14 +47,14 @@ const props = {
    */
   updateWhenCompleted: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    *  @description 是否将选中的数据 join 为字符串
    */
   stringify: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 是否只读
@@ -76,181 +78,109 @@ const props = {
     type: String,
     default: "rowClick"
   }
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
-  ..._VkTablesV1CheckboxCtx.emits,
+}, Q = $(y), b = {
+  ...d.emits,
   "update:modelValue": null
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+}, X = D(b), ue = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-var _sfc_main = defineComponent({
+  createBindProps: Q,
+  createOnEmits: X,
+  emits: b,
+  props: y
+}, Symbol.toStringTag, { value: "Module" })), de = /* @__PURE__ */ A({
   name: "VkfTablesSelect",
-  components: {
-    VkfSelect,
-    VkTablesV1Checkbox,
-    ElDialog
-  },
-  inheritAttrs: false,
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemProps = _VkfFormItemCtx.createBindProps(props2);
-    const tablesProps = _VkTablesV1CheckboxCtx.createBindProps(props2, ["modelValue"]);
-    const tablesEmits = _VkTablesV1CheckboxCtx.createOnEmits(emit, ["update:modelValue"]);
-    const readonly = useComputedReadonly(props2);
-    const { tr } = useLocale();
-    const dialogVisible = ref(false);
-    const backupRowMap = ref(/* @__PURE__ */ new Map());
-    const theModelValue = computed({
-      get: () => {
-        if (props2.stringify && typeof props2.modelValue === "string") {
-          return props2.modelValue ? props2.modelValue.split(",").map((v) => ({ [props2.oidField]: v })) : [];
-        }
-        return props2.modelValue;
-      },
-      set: (modelValue) => {
-        if (!Array.isArray(modelValue)) {
-          modelValue = modelValue ? [modelValue] : [];
-        }
-        if (props2.stringify) {
-          const value = modelValue.reduce((a, v) => {
-            if (isNotEmptyObject(v) && v[props2.oidField] !== void 0) {
-              a.push(v[props2.oidField]);
-            }
-            return a;
-          }, []).join(",");
-          emit("update:modelValue", value);
+  inheritAttrs: !1,
+  __name: "index",
+  props: y,
+  emits: b,
+  setup(h, { emit: C }) {
+    const l = h, p = C, S = O(), w = F.createBindProps(l), B = d.createBindProps(l, ["modelValue"]), _ = d.createOnEmits(p, ["update:modelValue"]), g = J(l), { tr: E } = K(), m = V(!1), i = V(/* @__PURE__ */ new Map()), n = c({
+      get: () => l.stringify && typeof l.modelValue == "string" ? l.modelValue ? l.modelValue.split(",").map((e) => ({ [l.oidField]: e })) : [] : l.modelValue,
+      set: (e) => {
+        if (Array.isArray(e) || (e = e ? [e] : []), l.stringify) {
+          const t = e.reduce((o, r) => (G(r) && r[l.oidField] !== void 0 && o.push(r[l.oidField]), o), []).join(",");
+          p("update:modelValue", t);
           return;
         }
-        emit("update:modelValue", modelValue);
+        p("update:modelValue", e);
       }
-    });
-    const selectOptions = computed(() => {
-      return theModelValue.value.map((item) => {
-        const backupRow = backupRowMap.value.get(item[props2.oidField]);
-        return {
-          label: item[props2.labelField] || backupRow?.[props2.labelField],
-          value: item
-        };
-      });
-    });
-    const selectValue = computed(() => {
-      return props2.multiple ? theModelValue.value : theModelValue.value[0];
-    });
-    watch(
-      () => selectOptions.value.filter((v) => !v.label),
-      (rows) => {
-        if (!rows.length) {
-          return;
-        }
-        readItems(rows.map((v) => v.value[props2.oidField])).then(() => {
-          if (props2.stringify) return;
-          if (!props2.updateWhenCompleted) return;
-          const newModelValue = theModelValue.value.reduce((a, v) => {
-            const backupRow = backupRowMap.value.get(v[props2.oidField]);
-            backupRow ? a.push(backupRow) : a.push(v);
-            return a;
+    }), v = c(() => n.value.map((e) => {
+      const t = i.value.get(e[l.oidField]);
+      return {
+        label: e[l.labelField] || (t == null ? void 0 : t[l.labelField]),
+        value: e
+      };
+    })), P = c(() => l.multiple ? n.value : n.value[0]);
+    M(
+      () => v.value.filter((e) => !e.label),
+      (e) => {
+        e.length && T(e.map((t) => t.value[l.oidField])).then(() => {
+          if (l.stringify || !l.updateWhenCompleted)
+            return;
+          const t = n.value.reduce((o, r) => {
+            const u = i.value.get(r[l.oidField]);
+            return u ? o.push(u) : o.push(r), o;
           }, []);
-          theModelValue.value = newModelValue;
+          n.value = t;
         });
       },
-      { immediate: true }
+      { immediate: !0 }
     );
-    async function readItems(ids) {
-      const idRows = ids.filter((v) => !backupRowMap.value.has(v)).map((id) => ({ [props2.oidField]: id }));
-      if (!idRows.length) {
+    async function T(e) {
+      const t = e.filter((s) => !i.value.has(s)).map((s) => ({ [l.oidField]: s }));
+      if (!t.length)
         return;
-      }
-      const { updateRows, addMap } = compareArray(props2.data, idRows, props2.oidField);
-      updateRows.forEach((row) => {
-        backupRowMap.value.set(row[props2.oidField], row);
-      });
-      if (!addMap.size) {
+      const { updateRows: o, addMap: r } = q(l.data, t, l.oidField);
+      if (o.forEach((s) => {
+        i.value.set(s[l.oidField], s);
+      }), !r.size)
         return;
-      }
-      const oids = Array.from(addMap.keys());
-      const rows = await props2.getRows(oids);
-      rows.forEach((row) => {
-        backupRowMap.value.set(row[props2.oidField], row);
+      const u = Array.from(r.keys());
+      (await l.getRows(u)).forEach((s) => {
+        i.value.set(s[l.oidField], s);
       });
     }
-    return {
-      formItemProps,
-      selectOptions,
-      tablesProps,
-      tablesEmits,
-      dialogVisible,
-      selectValue,
-      theModelValue,
-      readonly,
-      tr
-    };
-  }
-});
-
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfSelect = resolveComponent("VkfSelect");
-  const _component_VkTablesV1Checkbox = resolveComponent("VkTablesV1Checkbox");
-  const _component_ElDialog = resolveComponent("ElDialog");
-  return openBlock(), createElementBlock(
-    Fragment,
-    null,
-    [
-      createVNode(_component_VkfSelect, mergeProps({
-        ..._ctx.formItemProps,
-        ..._ctx.$attrs
+    return (e, t) => (j(), R(z, null, [
+      f(a(H), k({
+        ...a(w),
+        ...a(S)
       }, {
-        multiple: _ctx.multiple,
-        options: _ctx.selectOptions,
-        "model-value": _ctx.selectValue,
-        clearable: _ctx.clearable,
+        multiple: e.multiple,
+        options: v.value,
+        "model-value": P.value,
+        clearable: e.clearable,
         "popper-class": "vkf-tables-select__popper",
-        "value-key": _ctx.oidField,
-        readonly: _ctx.readonly,
-        placeholder: _ctx.placeholder,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.theModelValue = $event),
-        onVisibleChange: _cache[1] || (_cache[1] = ($event) => !_ctx.readonly && (_ctx.dialogVisible = true))
+        "value-key": e.oidField,
+        readonly: a(g),
+        placeholder: e.placeholder,
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => n.value = o),
+        onVisibleChange: t[1] || (t[1] = (o) => !a(g) && (m.value = !0))
       }), null, 16, ["multiple", "options", "model-value", "clearable", "value-key", "readonly", "placeholder"]),
-      createVNode(_component_ElDialog, {
-        modelValue: _ctx.dialogVisible,
-        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.dialogVisible = $event),
-        title: _ctx.placeholder || _ctx.label || _ctx.tr("el.select.placeholder", "\u8BF7\u9009\u62E9"),
+      f(a(L), {
+        modelValue: m.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (o) => m.value = o),
+        title: e.placeholder || e.label || a(E)("el.select.placeholder", "请选择"),
         "append-to-body": "",
         "model-class": "vkf-tables-select__model",
-        class: normalizeClass(["vkf-tables-select__dialog", _ctx.dialogClass])
+        class: I(["vkf-tables-select__dialog", e.dialogClass])
       }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "dialog"),
-          createVNode(_component_VkTablesV1Checkbox, mergeProps(_ctx.tablesProps, {
-            modelValue: _ctx.theModelValue,
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.theModelValue = $event)
-          }, toHandlers(_ctx.tablesEmits)), null, 16, ["modelValue"])
+        default: U(() => [
+          x(e.$slots, "dialog"),
+          f(a(W), k(a(B), {
+            modelValue: n.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (o) => n.value = o)
+          }, N(a(_))), null, 16, ["modelValue"])
         ]),
         _: 3
-        /* FORWARDED */
       }, 8, ["modelValue", "title", "class"])
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-var VkfTablesSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/tables-select/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+    ], 64));
+  }
+}), pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfTablesSelect.install = (app) => {
-  app.component(VkfTablesSelect.name || "VkfTablesSelect", VkfTablesSelect);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  de as VkfTablesSelect,
+  ue as _VkfTablesSelectCtx,
+  pe as __VkfTablesSelect,
+  de as default
 };
-
-export { VkfTablesSelect, ctx as _VkfTablesSelectCtx, types as __VkfTablesSelect, VkfTablesSelect as default };