@vunk/form 2.0.2 → 2.1.0

package/components/select/index.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var formItem = require('@vunk/form/components/form-item');
 var elementPlus = require('@vunk/form/shared/element-plus');
+var utilsVue = require('@vunk/core/shared/utils-vue');
 var vue = require('vue');
 var elementPlus$1 = require('element-plus');
 var utilsObject = require('@vunk/core/shared/utils-object');
@@ -34,9 +35,19 @@ const props = {
     default: false
   }
 };
+const createBindProps = utilsVue.bindPropsFactory(props);
 const emits = {
   ...elementPlus.selectEmits
 };
+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: "VkfSelect",
@@ -194,5 +205,6 @@ VkfSelect.install = (app) => {
 };
 
 exports.VkfSelect = VkfSelect;
+exports._VkfSelectCtx = ctx;
 exports.__VkfSelect = types;
 exports.default = VkfSelect;

package/components/select/index.d.ts

@@ -1,4 +1,5 @@
 import VkfSelect from './src/index.vue';
 export * as __VkfSelect from './src/types';
+export * as _VkfSelectCtx from './src/ctx';
 export { VkfSelect, };
 export default VkfSelect;

package/components/select/index.mjs

@@ -1,5 +1,6 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { selectProps, selectEmits, createSelectBindProps, createSelectOnEmits } from '@vunk/form/shared/element-plus';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, computed, ref, watch, nextTick, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, mergeProps, toHandlers, createSlots, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, renderSlot } from 'vue';
 import { ElSelect, ElOption } from 'element-plus';
 import { isNotEmptyObject, isPlainObject } from '@vunk/core/shared/utils-object';
@@ -30,9 +31,19 @@ const props = {
     default: false
   }
 };
+const createBindProps = bindPropsFactory(props);
 const emits = {
   ...selectEmits
 };
+const createOnEmits = onEmitsFactory(emits);
+
+var ctx = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
+  emits: emits,
+  props: props
+});
 
 var _sfc_main = defineComponent({
   name: "VkfSelect",
@@ -189,4 +200,4 @@ VkfSelect.install = (app) => {
   app.component(VkfSelect.name, VkfSelect);
 };
 
-export { VkfSelect, types as __VkfSelect, VkfSelect as default };
+export { VkfSelect, ctx as _VkfSelectCtx, types as __VkfSelect, VkfSelect as default };

package/components/select/src/ctx.d.ts

@@ -158,6 +158,7 @@ export declare const props: {
     inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
     showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"disabled", keyof T2> | Extract<"loading", keyof T2> | Extract<"required", keyof T2> | Extract<"name", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"options", keyof T2> | Extract<"id", keyof T2> | Extract<"multiple", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"clearable", keyof T2> | Extract<"filterable", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"teleported", keyof T2> | Extract<"tagType", keyof T2> | Extract<"persistent", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"defaultModelValue", keyof T2> | Extract<"clearIcon", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"effect", keyof T2> | Extract<"automaticDropdown", keyof T2> | Extract<"allowCreate", keyof T2> | Extract<"remote", keyof T2> | Extract<"loadingText", keyof T2> | Extract<"noMatchText", keyof T2> | Extract<"noDataText", keyof T2> | Extract<"remoteMethod", keyof T2> | Extract<"multipleLimit", keyof T2> | Extract<"defaultFirstOption", keyof T2> | Extract<"reserveKeyword", keyof T2> | Extract<"valueKey", keyof T2> | Extract<"fitInputWidth", keyof T2> | Extract<"selectSlots", keyof T2> | Extract<"stringify", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "disabled" | "loading" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "options" | "id" | "multiple" | "placeholder" | "clearable" | "filterable" | "filterMethod" | "collapseTags" | "collapseTagsTooltip" | "popperClass" | "teleported" | "tagType" | "persistent" | "modelValue" | "optionsUrl" | "defaultModelValue" | "clearIcon" | "autocomplete" | "suffixIcon" | "effect" | "automaticDropdown" | "allowCreate" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "fitInputWidth" | "selectSlots" | "stringify", keyof T2>, KE> : Extract<"size" | "disabled" | "loading" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "options" | "id" | "multiple" | "placeholder" | "clearable" | "filterable" | "filterMethod" | "collapseTags" | "collapseTagsTooltip" | "popperClass" | "teleported" | "tagType" | "persistent" | "modelValue" | "optionsUrl" | "defaultModelValue" | "clearIcon" | "autocomplete" | "suffixIcon" | "effect" | "automaticDropdown" | "allowCreate" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "fitInputWidth" | "selectSlots" | "stringify", keyof T2>]: { [k in Extract<"size" | "disabled" | "loading" | "required" | "name" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "options" | "id" | "multiple" | "placeholder" | "clearable" | "filterable" | "filterMethod" | "collapseTags" | "collapseTagsTooltip" | "popperClass" | "teleported" | "tagType" | "persistent" | "modelValue" | "optionsUrl" | "defaultModelValue" | "clearIcon" | "autocomplete" | "suffixIcon" | "effect" | "automaticDropdown" | "allowCreate" | "remote" | "loadingText" | "noMatchText" | "noDataText" | "remoteMethod" | "multipleLimit" | "defaultFirstOption" | "reserveKeyword" | "valueKey" | "fitInputWidth" | "selectSlots" | "stringify", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:modelValue': any;
     change: any;
@@ -167,3 +168,4 @@ export declare const emits: {
     focus: any;
     blur: any;
 };
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("clear" | "update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "remove-tag")[]>(emit: T2, excludes?: EX) => { [P in EX extends (infer KE)[] ? Exclude<"clear" | "update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "remove-tag", KE> : "clear" | "update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "remove-tag"]: { [k in "clear" | "update:modelValue" | "change" | "focus" | "blur" | "visible-change" | "remove-tag"]: (...e: import("@vunk/core").RestParameters<T2>) => void; }[P]; };

package/components/select/src/index.vue.d.ts

@@ -157,8 +157,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         size: "" | "small" | "default" | "large";
         loading: boolean;
         name: string;
-        multiple: boolean;
         id: string;
+        multiple: boolean;
         placeholder: string;
         clearable: boolean;
         filterable: boolean;

package/components/tables-select/index.cjs

@@ -0,0 +1,225 @@
+'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 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 _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...tablesV1Checkbox._VkTablesV1CheckboxCtx.props,
+  /**
+   * @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
+  }
+};
+const emits = {
+  ...tablesV1Checkbox._VkTablesV1CheckboxCtx.emits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfTablesSelect",
+  components: {
+    VkfSelect: select.VkfSelect,
+    VkTablesV1Checkbox: tablesV1Checkbox.VkTablesV1Checkbox,
+    ElDialog: elementPlus.ElDialog
+  },
+  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 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
+    };
+  }
+});
+
+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, {
+        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,
+        "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"]),
+      vue.createVNode(_component_ElDialog, {
+        modelValue: _ctx.dialogVisible,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.dialogVisible = $event),
+        title: _ctx.label ?? "\u8BF7\u9009\u62E9",
+        "append-to-body": "",
+        "model-class": "vkf-tables-select__model",
+        class: "vkf-tables-select__dialog"
+      }, {
+        default: vue.withCtx(() => [
+          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"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "title"])
+    ],
+    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.__VkfTablesSelect = types;
+exports.default = VkfTablesSelect;

package/components/tables-select/index.css

@@ -0,0 +1,3 @@
+.vkf-tables-select__popper{
+  display: none;
+}

package/components/tables-select/index.d.ts

@@ -0,0 +1,4 @@
+import VkfTablesSelect from './src/index.vue';
+export * as __VkfTablesSelect from './src/types';
+export { VkfTablesSelect, };
+export default VkfTablesSelect;

package/components/tables-select/index.mjs

@@ -0,0 +1,219 @@
+import { _VkTablesV1CheckboxCtx, VkTablesV1Checkbox } from '@vunk/plus/components/tables-v1-checkbox';
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, withCtx, 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 { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  ..._VkTablesV1CheckboxCtx.props,
+  /**
+   * @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
+  }
+};
+const emits = {
+  ..._VkTablesV1CheckboxCtx.emits
+};
+
+var _sfc_main = defineComponent({
+  name: "VkfTablesSelect",
+  components: {
+    VkfSelect,
+    VkTablesV1Checkbox,
+    ElDialog
+  },
+  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 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);
+          return;
+        }
+        emit("update:modelValue", modelValue);
+      }
+    });
+    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;
+          }, []);
+          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 } = 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
+    };
+  }
+});
+
+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, {
+        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,
+        "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"]),
+      createVNode(_component_ElDialog, {
+        modelValue: _ctx.dialogVisible,
+        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.dialogVisible = $event),
+        title: _ctx.label ?? "\u8BF7\u9009\u62E9",
+        "append-to-body": "",
+        "model-class": "vkf-tables-select__model",
+        class: "vkf-tables-select__dialog"
+      }, {
+        default: withCtx(() => [
+          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"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["modelValue", "title"])
+    ],
+    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({
+  __proto__: null
+});
+
+VkfTablesSelect.install = (app) => {
+  app.component(VkfTablesSelect.name || "VkfTablesSelect", VkfTablesSelect);
+};
+
+export { VkfTablesSelect, types as __VkfTablesSelect, VkfTablesSelect as default };