super-page-designer 2.1.34 → 2.1.41

package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-origin-tree.vue2.js";
 import "./data-origin-tree.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97438be5"]]);
+const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1dada466"]]);
 export {
   DataOrigin as default
 };

package/dist/es/components/design/views/assemblys/data/component/data-origin-tree.vue2.js

@@ -28,8 +28,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const pageContextUtil = usePageContextStore();
-    const pageDesign = pageContextUtil.pageContext;
+    const pageDesignContextUtil = usePageContextStore();
+    const pageDesign = pageDesignContextUtil.pageContext;
     const cmOptions = {
       tabSize: 4,
       lineNumbers: true,
@@ -135,8 +135,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let tableFields = ref([]);
     function queryTableFieldsByTable() {
-      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageContextUtil.pageContext.systemCode;
-      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageContextUtil.pageContext.systemVersion;
+      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageDesignContextUtil.pageContext.systemCode;
+      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageDesignContextUtil.pageContext.systemVersion;
       const tableName = dataOriginInfo.tableName;
       if (!tableName) {
         return;

package/dist/es/components/design/views/assemblys/data/component/data-origin.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, createCommentVNode, withDirectives, vShow, createElementBlock, Fragment, renderList, normalizeClass, toDisplayString, renderSlot } from "vue";
-import _sfc_main$1 from "../../form/common/dataorigin-input-table.vue2.js";
+import _sfc_main$1 from "../../form/common/dataorigin-input-table.vue.js";
 import { Codemirror } from "vue-codemirror";
 import _sfc_main$6 from "../../workflow/component/combination.vue.js";
 import _sfc_main$5 from "./return-set-table.vue.js";

package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js

@@ -45,7 +45,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    console.log("%c描述-170030", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", props.pageDesign);
     function headerClick(item, column) {
       if (item.props.base) {
         setColumnData(item);
@@ -93,9 +92,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     eventBus.$on("hadleDragging", (val) => {
       compositeDragging.value = val;
     });
-    function onSelectWidget(selIndex, objConfigure) {
+    function onSelectWidget(selIndex, objConfigure, column) {
       if (!compositeDragging.value) {
-        emit("onSelectWidget", selIndex, objConfigure);
+        emit("onSelectWidget", selIndex, objConfigure, column);
+      }
+      if (column && column.label) {
+        setHeaderLabel(column.label);
       }
     }
     function copyItem(sourceItem) {
@@ -198,7 +200,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               modelValue: props.configure.btnList,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => props.configure.btnList = $event),
               animation: 300,
-              style: { "width": "100%", "height": "100%" },
+              style: { "width": "100%", "height": "100%", "display": "inline-flex" },
               group: "amb-assembly-item",
               ghostClass: "amb-item-ghost"
             }, {
@@ -211,23 +213,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     selectWidget: __props.selectWidget,
                     indexObj: __props.indexObj,
                     errorBlank: true,
-                    onOnSelectWidget: onSelectWidget,
+                    onOnSelectWidget: (selIndex, objConfigure) => onSelectWidget(selIndex, objConfigure, scope.column),
                     onOnCopy: copyItem,
                     onOnDelete: deleteItem
-                  }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"]);
+                  }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]);
                 }), 128))
               ]),
-              _: 1
-            }, 8, ["modelValue"])) : __props.listColumns.props && __props.listColumns.props.base && __props.listColumns.props.base.prop === "$selection" ? (openBlock(), createBlock(_component_el_checkbox, { key: 1 })) : __props.listColumns.props && __props.listColumns.props.base && __props.listColumns.props.base.prop === "$index" ? (openBlock(), createElementBlock("span", _hoisted_2, "1")) : (openBlock(), createBlock(_sfc_main$1, {
+              _: 2
+            }, 1032, ["modelValue"])) : __props.listColumns.props && __props.listColumns.props.base && __props.listColumns.props.base.prop === "$selection" ? (openBlock(), createBlock(_component_el_checkbox, { key: 1 })) : __props.listColumns.props && __props.listColumns.props.base && __props.listColumns.props.base.prop === "$index" ? (openBlock(), createElementBlock("span", _hoisted_2, "1")) : (openBlock(), createBlock(_sfc_main$1, {
               key: 3,
               configure: __props.listColumns,
               pageDesign: __props.pageDesign,
               errorBlank: true,
               selectWidget: __props.selectWidget,
               indexObj: __props.indexObj,
-              onOnSelectWidget: onSelectWidget,
+              onOnSelectWidget: (selIndex, objConfigure) => onSelectWidget(selIndex, objConfigure, scope.column),
               showSelectedClass: false
-            }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj"]))
+            }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))
           ]),
           key: "1"
         } : void 0

package/dist/es/components/design/views/assemblys/data/table/table-attr-base.vue.js

@@ -8,7 +8,8 @@ import "agilebuilder-ui/src/utils/request";
 import "uuid";
 import "../../../../../../stores/page-store.js";
 import "../../../../../../stores/table-store.js";
-import "../../common/common-variable-bind.vue2.js";
+import "../../../../../../stores/statistics-table-store.js";
+import "../../common/common-variable-bind.vue3.js";
 import "../../../../utils/eventBus.js";
 import _sfc_main$1 from "../../common/common-function-code.vue.js";
 const _hoisted_1 = { style: { "padding": "8px 0px 0px 0px" } };

package/dist/es/components/design/views/assemblys/data/table/table-design.vue.js

@@ -2,7 +2,7 @@ import _sfc_main from "./table-design.vue2.js";
 import "./table-design.vue3.js";
 import "./table-design.vue4.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-55bb4cd3"]]);
+const tableDesign = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-828b46d0"]]);
 export {
   tableDesign as default
 };

package/dist/es/components/design/views/assemblys/data/table/table-design.vue2.js

@@ -8,6 +8,7 @@ import { ElMessageBox } from "element-plus";
 import { getColumnsWithGroupHeader, addColumnToGroupHeaders } from "../../../../utils/data-table-util.js";
 import "uuid";
 import "@element-plus/icons";
+import "agilebuilder-ui/src/utils/auth";
 import "super-page-runtime";
 import "../../../../../../stores/page-store.js";
 import _sfc_main$1 from "../component/table-children-column.vue.js";
@@ -101,6 +102,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         caculateComponentProps(props.configure, designProperty);
         getRestsParameter();
         props.configure.runtime.props = designProperty.value;
+        console.log("%c描述-142333", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", props.configure);
       },
       { immediate: true }
     );

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./tablecolumn-attr-base.vue2.js";
 import "./tablecolumn-attr-base.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const TablecolumnAttrBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b5d8af0e"]]);
+const TablecolumnAttrBase = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1acd1467"]]);
 export {
   TablecolumnAttrBase as default
 };

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-attr-base.vue2.js

@@ -61,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const modelTableFieldList = ref([]);
     const groupHeaders = props.tableConfigure.props.groupHeaders;
     const selectTableDialog = ref(null);
-    const pageContextUtil = usePageContextStore();
+    const pageDesignContextUtil = usePageContextStore();
     const operationColumn = ref(false);
     onMounted(() => {
       var _a;
@@ -140,8 +140,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let clolumnTableFields = ref([]);
     function queryTableFieldsByTableSublist() {
-      const systemCode = props.configure.props.dynamicColumnData.settingDataTableCode ? props.configure.props.dynamicColumnData.settingDataTableCode : pageContextUtil.pageContext.systemCode;
-      const systemVersion = props.configure.props.dynamicColumnData.settingDataSysVersion ? props.configure.props.dynamicColumnData.settingDataSysVersion : pageContextUtil.pageContext.systemVersion;
+      const systemCode = props.configure.props.dynamicColumnData.settingDataTableCode ? props.configure.props.dynamicColumnData.settingDataTableCode : pageDesignContextUtil.pageContext.systemCode;
+      const systemVersion = props.configure.props.dynamicColumnData.settingDataSysVersion ? props.configure.props.dynamicColumnData.settingDataSysVersion : pageDesignContextUtil.pageContext.systemVersion;
       const tableName = props.configure.props.dynamicColumnData.settingDataName;
       if (!tableName) {
         return;
@@ -157,8 +157,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     function queryTableFieldsByTable() {
-      const systemCode = props.configure.props.dynamicColumnData.dataTableCode ? props.configure.props.dynamicColumnData.dataTableCode : pageContextUtil.pageContext.systemCode;
-      const systemVersion = props.configure.props.dynamicColumnData.tableSysVersion ? props.configure.props.dynamicColumnData.tableSysVersion : pageContextUtil.pageContext.systemVersion;
+      const systemCode = props.configure.props.dynamicColumnData.dataTableCode ? props.configure.props.dynamicColumnData.dataTableCode : pageDesignContextUtil.pageContext.systemCode;
+      const systemVersion = props.configure.props.dynamicColumnData.tableSysVersion ? props.configure.props.dynamicColumnData.tableSysVersion : pageDesignContextUtil.pageContext.systemVersion;
       const tableName = props.configure.props.dynamicColumnData.tableName;
       if (!tableName) {
         return;

package/dist/es/components/design/views/assemblys/data/table/tablecolumn-dynamic-column.vue.js

@@ -38,7 +38,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const selectTableDialog = ref();
     const selectTableType = ref("");
-    const pageContextUtil = usePageContextStore();
+    const pageDesignContextUtil = usePageContextStore();
     const queryConditionRef = ref();
     const selectConditionRef = ref();
     const updateConditionRef = ref();
@@ -140,8 +140,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function queryTableFieldsByTable() {
       const {
-        tableSysCode = pageContextUtil.pageContext.systemCode,
-        tableSysVersion = pageContextUtil.pageContext.systemVersion,
+        tableSysCode = pageDesignContextUtil.pageContext.systemCode,
+        tableSysVersion = pageDesignContextUtil.pageContext.systemVersion,
         dataTableCode: tableName
       } = props.configure.props.dynamicColumnData;
       const systemCode = tableSysCode;
@@ -160,7 +160,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function queryTableFieldsByTableSublist() {
       const { settingDataSysCode, settingDataSysVersion, settingDataTableCode } = props.configure.props.dynamicColumnData;
-      const { systemCode: defaultSystemCode, systemVersion: defaultSystemVersion } = pageContextUtil.pageContext;
+      const { systemCode: defaultSystemCode, systemVersion: defaultSystemVersion } = pageDesignContextUtil.pageContext;
       const systemCode = settingDataSysCode || defaultSystemCode;
       const systemVersion = settingDataSysVersion || defaultSystemVersion;
       const tableName = settingDataTableCode;

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-attr-base.vue.js

@@ -65,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createVNode(_component_el_collapse, {
             modelValue: openCollapseItems.value,
-            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => openCollapseItems.value = $event),
+            "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => openCollapseItems.value = $event),
             style: { "margin-top": "6px" }
           }, {
             default: withCtx(() => [
@@ -220,6 +220,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, 512), [
                       [vShow, __props.configure.props.base.tittleShow]
                     ]),
+                    withDirectives(createVNode(_component_el_form_item, {
+                      label: "标题超宽",
+                      title: "标题超宽显示",
+                      class: "amb-design-attr-item"
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_radio_group, {
+                          modelValue: __props.configure.props.base.titleShowWay,
+                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.titleShowWay = $event),
+                          class: "ml-4"
+                        }, {
+                          default: withCtx(() => [
+                            createVNode(_component_el_radio, { value: "block" }, {
+                              default: withCtx(() => [
+                                createTextVNode("换行")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "inline" }, {
+                              default: withCtx(() => [
+                                createTextVNode("不换行")
+                              ]),
+                              _: 1
+                            }),
+                            createVNode(_component_el_radio, { value: "omit" }, {
+                              default: withCtx(() => [
+                                createTextVNode("省略号")
+                              ]),
+                              _: 1
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    }, 512), [
+                      [vShow, __props.configure.props.base.tittleShow && __props.configure.props.base.titleWidth > 0]
+                    ]),
                     createVNode(_component_el_form_item, {
                       label: "尺寸",
                       class: "amb-design-attr-item"
@@ -227,7 +265,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.size,
-                          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => __props.configure.props.base.size = $event),
+                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.size = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -262,7 +300,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_radio_group, {
                           modelValue: __props.configure.props.base.state,
-                          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => __props.configure.props.base.state = $event),
+                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.base.state = $event),
                           class: "ml-4"
                         }, {
                           default: withCtx(() => [
@@ -318,7 +356,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       default: withCtx(() => [
                         createVNode(_component_el_checkbox, {
                           modelValue: __props.configure.props.verification.required,
-                          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => __props.configure.props.verification.required = $event),
+                          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => __props.configure.props.verification.required = $event),
                           label: "必填"
                         }, null, 8, ["modelValue"])
                       ]),

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js

@@ -18,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const designClass = ref("");
     const designHeaderStyle = ref({});
     const designProperty = ref({});
+    const titleExceedStyle = ref({});
     function getRestsParameter() {
       if (props.configure.props.preSuffix) {
         props.configure.props;
@@ -40,9 +41,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       removComponentOptionConfigs(props.configure);
     });
     function caculateThisProps() {
-      caculateComponentProps(props.configure, designProperty);
+      caculateComponentProps(props.configure, designProperty, titleExceedStyle);
       getRestsParameter();
       props.configure.runtime.props = designProperty.value;
+      props.configure.runtime.titleExceedStyle = titleExceedStyle.value;
       listOptions.value = designProperty.value["options"];
       if (listOptions.value == null || listOptions.value.length == 0) {
         listOptions.value = [
@@ -72,7 +74,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         label: withCtx(() => [
           designProperty.value.tittleShow ? (openBlock(), createElementBlock("div", {
             key: 0,
-            style: normalizeStyle({ ...designHeaderStyle.value, "padding-right": "12px" })
+            style: normalizeStyle({ ...designHeaderStyle.value, ...titleExceedStyle.value, "padding-right": "12px" })
           }, toDisplayString(designProperty.value.title), 5)) : createCommentVNode("", true)
         ]),
         default: withCtx(() => [

package/dist/es/components/design/views/assemblys/form/common/data-format.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, onMounted, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createVNode, unref, createCommentVNode, withDirectives, createTextVNode, createElementBlock, Fragment, renderList, vShow, normalizeClass } from "vue";
-import _sfc_main$3 from "./dataorigin-input-table.vue2.js";
+import _sfc_main$3 from "./dataorigin-input-table.vue.js";
 import _sfc_main$2 from "./condition.vue.js";
 import _sfc_main$1 from "./row-ul-li.vue.js";
 import "uuid";
@@ -7,7 +7,8 @@ import "@element-plus/icons-vue";
 import http from "agilebuilder-ui/src/utils/request";
 import { usePageContextStore } from "../../../../../../stores/page-store.js";
 import "../../../../../../stores/table-store.js";
-import "../../common/common-variable-bind.vue2.js";
+import "../../../../../../stores/statistics-table-store.js";
+import "../../common/common-variable-bind.vue3.js";
 import _sfc_main$4 from "./data-origin-service-in.vue.js";
 import { queryTableFields } from "../../../../utils/page-table-util.js";
 import { getCustomFuncs } from "../../../../utils/page-event-util.js";
@@ -34,7 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const pageContextUtil = usePageContextStore();
+    const pageDesignContextUtil = usePageContextStore();
     const props = __props;
     if (!props.configure.props) {
       props.configure.props = {};
@@ -135,8 +136,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let tableFields = ref([]);
     function queryTableFieldsByTable() {
-      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageContextUtil.pageContext.systemCode;
-      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageContextUtil.pageContext.systemVersion;
+      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageDesignContextUtil.pageContext.systemCode;
+      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageDesignContextUtil.pageContext.systemVersion;
       const tableName = dataOriginInfo.tableName;
       if (!tableName) {
         return;

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./data-origin.vue2.js";
 import "./data-origin.vue3.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e6c84ad9"]]);
+const DataOrigin = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-27806549"]]);
 export {
   DataOrigin as default
 };

package/dist/es/components/design/views/assemblys/form/common/data-origin.vue2.js

@@ -31,8 +31,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const pageContextUtil = usePageContextStore();
-    const pageDesign = pageContextUtil.pageContext;
+    const pageDesignContextUtil = usePageContextStore();
+    const pageDesign = pageDesignContextUtil.pageContext;
     if (!props.configure.props.dataOrigin) {
       props.configure.props.dataOrigin = {};
     }
@@ -135,8 +135,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     let tableFields = ref([]);
     function queryTableFieldsByTable() {
-      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageContextUtil.pageContext.systemCode;
-      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageContextUtil.pageContext.systemVersion;
+      const systemCode = dataOriginInfo.tableSysCode ? dataOriginInfo.tableSysCode : pageDesignContextUtil.pageContext.systemCode;
+      const systemVersion = dataOriginInfo.tableSysVersion ? dataOriginInfo.tableSysVersion : pageDesignContextUtil.pageContext.systemVersion;
       const tableName = dataOriginInfo.tableName;
       if (!tableName) {
         return;

package/dist/es/components/design/views/assemblys/form/common/dataorigin-input-table.vue.js

@@ -1,4 +1,155 @@
-import _sfc_main from "./dataorigin-input-table.vue2.js";
+import { defineComponent, ref, watch, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, unref, createElementVNode, createTextVNode } from "vue";
+import { Search } from "@element-plus/icons-vue";
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "dataorigin-input-table",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const inputValue = ref(props.modelValue);
+    const emit = __emit;
+    const tableData = [
+      {
+        id: 1,
+        date: "2016-05-03",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 2,
+        date: "2016-05-02",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 3,
+        date: "2016-05-04",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      },
+      {
+        id: 4,
+        date: "2016-05-01",
+        name: "Tom",
+        address: "No. 189, Grove St, Los Angeles"
+      }
+    ];
+    const dialogVisible = ref(false);
+    const selectData = ref([]);
+    watch(() => props.modelValue, (newVal) => {
+      inputValue.value = newVal;
+    });
+    function confirm() {
+      if (selectData.value.length > 0) {
+        let str = "";
+        selectData.value.forEach((item) => {
+          str = str + item.name + ",";
+        });
+        str = str.substring(0, str.length - 1);
+        emit("update:modelValue", str);
+        dialogVisible.value = false;
+      } else {
+        dialogVisible.value = false;
+      }
+    }
+    function handleSelectionChange(selection) {
+      selectData.value = selection;
+    }
+    function inputClick() {
+      dialogVisible.value = true;
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_input, {
+          modelValue: inputValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
+          placeholder: "请选择",
+          onClick: inputClick
+        }, {
+          suffix: withCtx(() => [
+            createVNode(_component_el_icon, { onClick: inputClick }, {
+              default: withCtx(() => [
+                createVNode(unref(Search))
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => dialogVisible.value = $event),
+          title: "Tips",
+          width: "500"
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_el_button, {
+                onClick: _cache[1] || (_cache[1] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("取消")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: confirm
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" 确定 ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_table, {
+              data: tableData,
+              style: { "width": "100%" },
+              onSelectionChange: handleSelectionChange
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_table_column, {
+                  type: "selection",
+                  width: "55"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "date",
+                  label: "Date",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "name",
+                  label: "Name",
+                  width: "180"
+                }),
+                createVNode(_component_el_table_column, {
+                  prop: "address",
+                  label: "Address"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
 export {
   _sfc_main as default
 };