yuang-framework-ui-pc 1.1.52 → 1.1.53

package/lib/yu-uims-role-dialog/components/role-dialog.cjs

@@ -0,0 +1,223 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const RoleList = require("./role-list");
+const core = require("../../utils/core");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
+const icons = require("../../icons");
+const _hoisted_1 = { style: { "padding": "0 16px 12px 0" } };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "UimsRoleV2" },
+  __name: "role-dialog",
+  props: /* @__PURE__ */ vue.mergeModels({
+    param: {}
+  }, {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpenDialog = vue.useModel(__props, "modelValue");
+    const splitRef = vue.ref(null);
+    const treeRef = vue.ref(null);
+    const treeData = vue.ref([]);
+    const roleListRef = vue.ref(null);
+    const isLoading = vue.ref(true);
+    const isShowTree = vue.ref(true);
+    const selectedApplication = vue.ref(null);
+    const applicationName = vue.ref("");
+    const queryPage = async () => {
+      let data = { parentId: "0", name: applicationName.value };
+      isLoading.value = true;
+      const res = await httpConfig.http.post(`${applicationConfig.application.gatewayServerBaseUrl}/uims-api/admin/uims-application/selectPage`, data);
+      isLoading.value = false;
+      const listData = [
+        {
+          id: "0",
+          name: "全部应用",
+          isHasChildren: true,
+          isLeaf: false,
+          levelNum: 0,
+          parentId: ""
+        },
+        ...res.data.data.records
+      ];
+      treeData.value = core.toTree({
+        data: listData,
+        idField: "id",
+        parentIdField: "parentId"
+      });
+      vue.nextTick(() => {
+        handleNodeClick(listData[0] || { id: "0" });
+      });
+    };
+    const handleNodeClick = (row) => {
+      var _a, _b;
+      if (row && row.id) {
+        selectedApplication.value = row;
+        (_b = (_a = treeRef.value) == null ? void 0 : _a.setCurrentKey) == null ? void 0 : _b.call(_a, row.id);
+      } else {
+        selectedApplication.value = null;
+      }
+    };
+    const initQueryPage = async () => {
+      applicationName.value ? { queryFor: "treePart", parentId: "0", name: applicationName.value } : null;
+      reloadTree();
+    };
+    const reloadTree = () => {
+      isShowTree.value = false;
+      vue.nextTick(() => {
+        isShowTree.value = true;
+      });
+    };
+    const handleCancel = () => {
+      isOpenDialog.value = false;
+    };
+    const handleSure = () => {
+      handleCancel();
+      emit("change", roleListRef.value.selections);
+    };
+    queryPage();
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_ele_loading = vue.resolveComponent("ele-loading");
+      const _component_ele_split_panel = vue.resolveComponent("ele-split-panel");
+      const _component_ele_card = vue.resolveComponent("ele-card");
+      const _component_ele_page = vue.resolveComponent("ele-page");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_ele_dialog = vue.resolveComponent("ele-dialog");
+      return vue.openBlock(), vue.createBlock(_component_ele_dialog, {
+        form: "",
+        width: "85%",
+        modelValue: isOpenDialog.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpenDialog.value = $event),
+        title: "选择角色",
+        class: "yu-big-dialog"
+      }, {
+        footer: vue.withCtx(() => [
+          vue.createVNode(_component_el_button, {
+            icon: vue.unref(iconsVue.Close),
+            onClick: handleCancel
+          }, {
+            default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+              vue.createTextVNode("取消")
+            ])),
+            _: 1,
+            __: [2]
+          }, 8, ["icon"]),
+          vue.createVNode(_component_el_button, {
+            type: "primary",
+            icon: vue.unref(iconsVue.Check),
+            loading: isLoading.value,
+            onClick: handleSure
+          }, {
+            default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+              vue.createTextVNode(" 确认 ")
+            ])),
+            _: 1,
+            __: [3]
+          }, 8, ["icon", "loading"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_ele_page, {
+            "flex-table": "",
+            "multi-card": false,
+            "hide-footer": "",
+            style: { "min-height": "600px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_ele_card, {
+                "flex-table": "",
+                "body-style": { padding: "0 0 0 16px", overflow: "hidden" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_ele_split_panel, {
+                    ref_key: "splitRef",
+                    ref: splitRef,
+                    "flex-table": "",
+                    size: "256px",
+                    "allow-collapse": "",
+                    "custom-style": { borderWidth: "0 1px 0 0", padding: "16px 0" },
+                    "body-style": { padding: "16px 16px 0 0", overflow: "hidden" },
+                    style: { height: "100%", overflow: "visible" }
+                  }, {
+                    body: vue.withCtx(() => [
+                      selectedApplication.value && selectedApplication.value.id ? (vue.openBlock(), vue.createBlock(RoleList, {
+                        key: 0,
+                        ref_key: "roleListRef",
+                        ref: roleListRef,
+                        application: selectedApplication.value,
+                        param: props.param
+                      }, null, 8, ["application", "param"])) : vue.createCommentVNode("", true)
+                    ]),
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", _hoisted_1, [
+                        vue.createVNode(_component_el_input, {
+                          modelValue: applicationName.value,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => applicationName.value = $event),
+                          placeholder: "输入应用名称后按回车搜索",
+                          "prefix-icon": vue.unref(icons.SearchOutlined),
+                          clearable: "",
+                          maxlength: 20,
+                          onKeyup: vue.withKeys(initQueryPage, ["enter"]),
+                          onClear: initQueryPage
+                        }, null, 8, ["modelValue", "prefix-icon"])
+                      ]),
+                      vue.createVNode(_component_ele_loading, {
+                        loading: isLoading.value,
+                        style: { flex: 1, paddingRight: "16px", overflow: "auto" }
+                      }, {
+                        default: vue.withCtx(() => [
+                          isShowTree.value ? (vue.openBlock(), vue.createBlock(_component_el_tree, {
+                            key: 0,
+                            ref_key: "treeRef",
+                            ref: treeRef,
+                            "node-key": "id",
+                            data: treeData.value,
+                            "highlight-current": "",
+                            props: { label: "name", children: "children", isLeaf: "isLeaf" },
+                            "expand-on-click-node": false,
+                            style: { "--ele-tree-item-height": "34px" },
+                            "default-expand-all": true,
+                            onNodeClick: handleNodeClick
+                          }, {
+                            default: vue.withCtx(({ data }) => [
+                              vue.createElementVNode("span", null, [
+                                vue.createVNode(_component_el_icon, {
+                                  size: 15,
+                                  style: { "margin-right": "8px", "vertical-align": "-2px" }
+                                }, {
+                                  default: vue.withCtx(() => [
+                                    data.id == "0" ? (vue.openBlock(), vue.createBlock(vue.unref(icons.ApplicationOutlined), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.Monitor), { key: 1 }))
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                vue.createElementVNode("span", null, vue.toDisplayString(data.name), 1)
+                              ])
+                            ]),
+                            _: 1
+                          }, 8, ["data"])) : vue.createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      }, 8, ["loading"])
+                    ]),
+                    _: 1
+                  }, 512)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/yu-uims-role-dialog/components/role-dialog.d.ts

@@ -0,0 +1,20 @@
+import { UimsRole } from 'yuang-framework-ui-common/lib/interface/uims/uimsRole';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (uimsRoleList: UimsRole[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    onChange?: ((uimsRoleList: UimsRole[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/yu-uims-role-dialog/components/role-list.cjs

@@ -0,0 +1,187 @@
+"use strict";
+const vue = require("vue");
+const RoleQuery = require("./role-query");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "UimsUserList" },
+  __name: "role-list",
+  props: {
+    param: {},
+    application: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const queryRef = vue.ref(null);
+    const tableRef = vue.ref(null);
+    const columns = vue.ref([
+      {
+        type: "selection",
+        columnKey: "selection",
+        width: 50,
+        align: "center",
+        fixed: "left",
+        selectable: (row) => {
+          return !row.isRoleExistsUser;
+        }
+      },
+      {
+        type: "index",
+        columnKey: "index",
+        label: "编号",
+        width: 70,
+        align: "center",
+        fixed: "left"
+      },
+      {
+        prop: "name",
+        label: "角色名称",
+        sortable: "custom",
+        minWidth: 200,
+        align: "left",
+        slot: "name"
+      },
+      {
+        prop: "code",
+        label: "角色代码",
+        sortable: "custom",
+        minWidth: 180,
+        align: "left"
+      },
+      {
+        prop: "status",
+        label: "状态",
+        width: 90,
+        align: "center",
+        sortable: "custom",
+        slot: "status",
+        formatter: (row) => row.status == 1 ? "正常" : "禁用"
+      },
+      {
+        prop: "remark",
+        label: "备注",
+        minWidth: 240,
+        align: "center"
+      },
+      {
+        prop: "sequence",
+        label: "排序号",
+        sortable: "custom",
+        width: 100,
+        align: "center"
+      },
+      {
+        prop: "createUserName",
+        label: "创建人",
+        sortable: "custom",
+        width: 100,
+        align: "center"
+      },
+      {
+        prop: "createTime",
+        label: "创建时间",
+        sortable: "custom",
+        width: 180,
+        align: "center"
+      },
+      {
+        prop: "lastUpdateUserName",
+        label: "最后更新人",
+        sortable: "custom",
+        width: 120,
+        align: "center"
+      },
+      {
+        prop: "lastUpdateTime",
+        label: "最后更新时间",
+        sortable: "custom",
+        width: 180,
+        align: "center"
+      },
+      {
+        columnKey: "action",
+        label: "操作",
+        width: 80,
+        align: "center",
+        slot: "action",
+        fixed: "right"
+      }
+    ]);
+    const selections = vue.ref([]);
+    const datasource = async ({ queryParam, pageParam, orderParamList }) => {
+      var _a, _b;
+      const data = { ...queryParam, ...pageParam, orderParamList, ...{ uimsApplicationId: props.application.id, selectIsRoleExistsUserId: ((_a = props.param) == null ? void 0 : _a.isDisableSelectExistsUser) && ((_b = props.param) == null ? void 0 : _b.selectIsRoleExistsUserId) } };
+      const res = await httpConfig.http.post(`${applicationConfig.application.gatewayServerBaseUrl}/uims-api/admin/uims-role/selectPage`, data);
+      return res.data.data;
+    };
+    const queryPage = () => {
+      var _a, _b, _c;
+      selections.value = [];
+      (_c = (_a = tableRef.value) == null ? void 0 : _a.reload) == null ? void 0 : _c.call(_a, { currentPage: 1, queryParam: (_b = queryRef.value) == null ? void 0 : _b.queryForm });
+    };
+    vue.watch(
+      () => props.application.id,
+      () => {
+        var _a, _b;
+        (_b = (_a = queryRef.value) == null ? void 0 : _a.resetFields) == null ? void 0 : _b.call(_a);
+        queryPage();
+      }
+    );
+    __expose({ selections });
+    return (_ctx, _cache) => {
+      const _component_el_tag = vue.resolveComponent("el-tag");
+      const _component_ele_pro_table = vue.resolveComponent("ele-pro-table");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createVNode(RoleQuery, {
+          ref_key: "queryRef",
+          ref: queryRef,
+          style: { "margin-bottom": "-14px" },
+          onQuery: queryPage
+        }, null, 512),
+        vue.createVNode(_component_ele_pro_table, {
+          ref_key: "tableRef",
+          ref: tableRef,
+          "row-key": "id",
+          border: "",
+          sticky: false,
+          columns: columns.value,
+          datasource,
+          "show-overflow-tooltip": true,
+          selections: selections.value,
+          "onUpdate:selections": _cache[0] || (_cache[0] = ($event) => selections.value = $event),
+          "highlight-current-row": true,
+          "header-cell-style": { "text-align": "center" },
+          "footer-style": { paddingBottom: "16px" }
+        }, {
+          name: vue.withCtx(({ row }) => [
+            vue.createTextVNode(vue.toDisplayString(row.name) + " ", 1),
+            row.isSystemRole ? (vue.openBlock(), vue.createBlock(_component_el_tag, {
+              key: 0,
+              type: "warning",
+              "disable-transitions": true
+            }, {
+              default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                vue.createTextVNode("系统角色")
+              ])),
+              _: 1,
+              __: [1]
+            })) : vue.createCommentVNode("", true)
+          ]),
+          status: vue.withCtx(({ row }) => [
+            vue.createVNode(_component_el_tag, {
+              type: row.status === 1 ? "success" : "danger",
+              "disable-transitions": true
+            }, {
+              default: vue.withCtx(() => [
+                vue.createTextVNode(vue.toDisplayString(row.status === 1 ? "正常" : "禁用"), 1)
+              ]),
+              _: 2
+            }, 1032, ["type"])
+          ]),
+          _: 1
+        }, 8, ["columns", "selections"])
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/yu-uims-role-dialog/components/role-list.d.ts

@@ -0,0 +1,54 @@
+import { UimsApplication } from 'yuang-framework-ui-common/lib/interface/uims/uimsApplication';
+import { UimsRole } from 'yuang-framework-ui-common/lib/interface/uims/uimsRole';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    param: any;
+    /** 应用 */
+    application: UimsApplication;
+}>>, {
+    selections: import('vue').Ref<{
+        code?: string | undefined;
+        name?: string | undefined;
+        status?: number | undefined;
+        id?: string | undefined;
+        parentId?: string | undefined;
+        uimsApplicationId?: string | undefined;
+        sequence?: number | undefined;
+        remark?: string | undefined;
+        createUserAccount?: string | undefined;
+        createUserName?: string | undefined;
+        createTime?: string | undefined;
+        lastUpdateUserAccount?: string | undefined;
+        lastUpdateUserName?: string | undefined;
+        lastUpdateTime?: Date | undefined;
+    }[], UimsRole[] | {
+        code?: string | undefined;
+        name?: string | undefined;
+        status?: number | undefined;
+        id?: string | undefined;
+        parentId?: string | undefined;
+        uimsApplicationId?: string | undefined;
+        sequence?: number | undefined;
+        remark?: string | undefined;
+        createUserAccount?: string | undefined;
+        createUserName?: string | undefined;
+        createTime?: string | undefined;
+        lastUpdateUserAccount?: string | undefined;
+        lastUpdateUserName?: string | undefined;
+        lastUpdateTime?: Date | undefined;
+    }[]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    param: any;
+    /** 应用 */
+    application: UimsApplication;
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/lib/yu-uims-role-dialog/components/role-query.cjs

@@ -0,0 +1,131 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "role-query",
+  emits: ["query"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    const getInitQueryForm = () => {
+      return {
+        name: "",
+        code: ""
+      };
+    };
+    const queryForm = vue.ref(getInitQueryForm());
+    const queryPage = () => {
+      emit("query");
+    };
+    const reset = () => {
+      queryForm.value = getInitQueryForm();
+      queryPage();
+    };
+    __expose({ queryForm });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_form = vue.resolveComponent("el-form");
+      return vue.openBlock(), vue.createBlock(_component_el_form, {
+        "label-width": "72px",
+        onKeyup: vue.withKeys(vue.withModifiers(queryPage, ["prevent"]), ["enter"]),
+        onSubmit: _cache[2] || (_cache[2] = vue.withModifiers(() => {
+        }, ["prevent"]))
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_el_row, { gutter: 8 }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_col, {
+                lg: 6,
+                md: 8,
+                sm: 12,
+                xs: 24
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, { label: "角色名称" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        clearable: "",
+                        modelValue: queryForm.value.name,
+                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => queryForm.value.name = $event),
+                        modelModifiers: { trim: true },
+                        placeholder: "请输入角色名称"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_col, {
+                lg: 6,
+                md: 8,
+                sm: 12,
+                xs: 24
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, { label: "角色代码" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        clearable: "",
+                        modelValue: queryForm.value.code,
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => queryForm.value.code = $event),
+                        modelModifiers: { trim: true },
+                        placeholder: "请输入角色代码"
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_col, {
+                lg: 6,
+                md: 8,
+                sm: 24,
+                xs: 24
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, { "label-width": "16px" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_button, {
+                        type: "primary",
+                        icon: vue.unref(iconsVue.Search),
+                        class: "ele-btn-icon",
+                        onClick: queryPage
+                      }, {
+                        default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                          vue.createTextVNode("查询")
+                        ])),
+                        _: 1,
+                        __: [3]
+                      }, 8, ["icon"]),
+                      vue.createVNode(_component_el_button, {
+                        icon: vue.unref(iconsVue.RefreshRight),
+                        class: "ele-btn-icon",
+                        onClick: reset
+                      }, {
+                        default: vue.withCtx(() => _cache[4] || (_cache[4] = [
+                          vue.createTextVNode("重置")
+                        ])),
+                        _: 1,
+                        __: [4]
+                      }, 8, ["icon"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["onKeyup"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/yu-uims-role-dialog/components/role-query.d.ts

@@ -0,0 +1,28 @@
+import { UimsRoleQueryParam } from 'yuang-framework-ui-common/lib/interface/uims/uimsRole';
+
+declare const _default: import('vue').DefineComponent<{}, {
+    queryForm: import('vue').Ref<{
+        nameForLike?: string | undefined;
+        codeForLike?: string | undefined;
+        currentPage?: number | undefined;
+        pageSize?: number | undefined;
+        queryFor?: string | undefined;
+        levelNum?: number | undefined;
+        uimsApplicationId?: string | undefined;
+        parentId?: string | undefined;
+    }, UimsRoleQueryParam | {
+        nameForLike?: string | undefined;
+        codeForLike?: string | undefined;
+        currentPage?: number | undefined;
+        pageSize?: number | undefined;
+        queryFor?: string | undefined;
+        levelNum?: number | undefined;
+        uimsApplicationId?: string | undefined;
+        parentId?: string | undefined;
+    }>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    query: () => void;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onQuery?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/yu-uims-role-dialog/index.cjs

@@ -0,0 +1,41 @@
+"use strict";
+const vue = require("vue");
+const RoleDialog = require("./components/role-dialog");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "YuUimsRoleDialog" },
+  __name: "index",
+  props: {
+    param: {}
+  },
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isShowDialog = vue.ref(false);
+    const showDialog = () => {
+      isShowDialog.value = true;
+    };
+    const handleChange = (selections) => {
+      emit("change", selections);
+    };
+    __expose({
+      showDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = vue.resolveComponent("el-input");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.withDirectives(vue.createVNode(_component_el_input, { onClick: showDialog }, null, 512), [
+          [vue.vShow, false]
+        ]),
+        isShowDialog.value ? (vue.openBlock(), vue.createBlock(RoleDialog, {
+          key: 0,
+          modelValue: isShowDialog.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDialog.value = $event),
+          param: props.param,
+          onChange: handleChange
+        }, null, 8, ["modelValue", "param"])) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+module.exports = _sfc_main;