yuang-framework-ui-pc 1.1.51 → 1.1.53

package/es/{yu-framework-attachment-image-upload → yu-framework-attachment-upload}/index.js

@@ -1,11 +1,11 @@
-import { defineComponent, mergeModels, ref, useModel, onMounted, resolveComponent, createElementBlock, openBlock, createVNode } from "vue";
+import { defineComponent, mergeModels, ref, useModel, onMounted, resolveComponent, createBlock, openBlock } from "vue";
 import { ElMessageBox } from "element-plus/es";
 import { EleMessage } from "../utils/message";
 import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
 import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
 import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "YuFrameworkAttachmentImageUpload" },
+  ...{ name: "YuFrameworkAttachmentUpload" },
   __name: "index",
   props: /* @__PURE__ */ mergeModels({
     modelValue: {},
@@ -16,19 +16,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
+    props.param.mode = props.param.mode ?? "file";
+    props.param.maxCount = props.param.maxCount ?? 5;
+    props.param.maxSize = props.param.maxSize ?? 5;
     const images = ref([]);
+    const listType = ref(props.param.mode);
+    const accept = ref("");
+    if (props.param.mode == "file") {
+      accept.value = ".txt,.xlsx";
+    } else if (props.param.mode == "image") {
+      accept.value = ".png,.jpg,.jpeg,.gif,.svg";
+    }
     const isLoading = ref(false);
     const checkFile = (file) => {
       if (!file) {
         return;
       }
-      if (!file.type.startsWith("image")) {
+      if (props.param.mode === "image" && !file.type.startsWith("image")) {
         EleMessage.error("只能选择图片");
         return;
       }
-      if (file.size / 1024 / 1024 > 2) {
-        EleMessage.error("大小不能超过 2MB");
+      if (file.size / 1024 / 1024 > props.param.maxSize) {
+        EleMessage.error(`图片大小不能超过${props.param.maxSize}MB`);
         return;
       }
       return true;
@@ -53,14 +64,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       });
     };
-    const handleUpload = (uploadItem2, retry) => {
-      if (!checkFile(uploadItem2.file)) {
+    const handleUpload = (uploadItem, retry) => {
+      if (!checkFile(uploadItem.file)) {
         return;
       }
       if (!retry) {
-        images.value.push({ ...uploadItem2 });
+        images.value.push({ ...uploadItem });
       }
-      const item = images.value.find((t) => t.key === uploadItem2.key);
+      const item = images.value.find((t) => t.key === uploadItem.key);
       console.log(JSON.parse(JSON.stringify(item)));
       if (!item) {
         return;
@@ -69,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       item.progress = 0;
       let formData = new FormData();
       formData.append("code", model.value);
-      formData.append("multipartFile", uploadItem2.file, uploadItem2.file.name);
+      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
       http({
         url: `${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/uploadAttachment`,
         method: "post",
@@ -130,69 +141,37 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("change", attachemtList);
       });
     };
-    const handleRemove = (uploadItem2) => {
-      let id = uploadItem2.id;
+    const handleRemove = (uploadItem) => {
+      let id = uploadItem.id;
       ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
         http.get(`${application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
           EleMessage.success(res.data.message);
-          images.value.splice(images.value.indexOf(uploadItem2), 1);
+          images.value.splice(images.value.indexOf(uploadItem), 1);
+          emitChange();
         });
       });
     };
-    const uploadItem = (item) => {
-      item.status = "uploading";
-      if (item.progress == null) {
-        item.progress = 20;
-      }
-      const timer = setInterval(
-        () => {
-          if (Math.round(Math.random() * 10) < 3) {
-            item.status = "exception";
-            EleMessage.error("上传失败, 服务器繁忙，请重试");
-            clearInterval(timer);
-            return;
-          }
-          if (item.progress == null) {
-            item.progress = 20;
-          } else {
-            item.progress += 20;
-          }
-          if (item.progress === 100) {
-            item.status = "done";
-            clearInterval(timer);
-            if (checkDone()) {
-              submitForm();
-            }
-          }
-        },
-        Math.round(Math.random() * 2500) + 500
-      );
-    };
-    const checkDone = () => {
-      return !images.value.some((d) => d.status !== "done");
-    };
-    const submitForm = () => {
-      EleMessage.success("已全部上传完毕");
-      console.log(JSON.parse(JSON.stringify(images.value)));
-      isLoading.value = false;
+    const handleRetryUpload = (uploadItem) => {
+      handleUpload(uploadItem, true);
     };
     return (_ctx, _cache) => {
       const _component_ele_upload_list = resolveComponent("ele-upload-list");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_ele_upload_list, {
-          drag: true,
-          tools: true,
-          modelValue: images.value,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
-          readonly: isLoading.value,
-          disabled: _ctx.param.type != "edit",
-          sortable: { forceFallback: true },
-          onUpload: handleUpload,
-          onRetry: uploadItem,
-          onRemove: handleRemove,
-          onEditUpload: handleEditUpload
-        }, null, 8, ["modelValue", "readonly", "disabled"])
-      ]);
+      return openBlock(), createBlock(_component_ele_upload_list, {
+        drag: true,
+        tools: true,
+        modelValue: images.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+        limit: _ctx.param.maxCount,
+        listType: listType.value,
+        accept: accept.value,
+        readonly: isLoading.value,
+        disabled: _ctx.param.type != "edit",
+        sortable: { forceFallback: true },
+        onUpload: handleUpload,
+        onRetry: handleRetryUpload,
+        onRemove: handleRemove,
+        onEditUpload: handleEditUpload
+      }, null, 8, ["modelValue", "limit", "listType", "accept", "readonly", "disabled"]);
     };
   }
 });

package/es/yu-framework-slider-captcha-dialog/{SliderCaptcha.js → components/SliderCaptcha.js}

@@ -2,7 +2,7 @@ import { defineComponent, ref, onMounted, nextTick, createElementBlock, openBloc
 import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
 import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
 import { RefreshRight, CircleClose } from "@element-plus/icons-vue";
-import { SliderArrowStatic, SliderArrowSlide } from "../icons";
+import { SliderArrowStatic, SliderArrowSlide } from "../../icons";
 const _hoisted_1 = { class: "yu-framework-slider-captcha" };
 const _hoisted_2 = { class: "yu-framework-slider-captcha-title" };
 const _hoisted_3 = ["width", "height"];

package/es/yu-framework-slider-captcha-dialog/index.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode } from "vue";
-import SliderCaptcha from "./SliderCaptcha";
+import SliderCaptcha from "./components/SliderCaptcha";
 const _hoisted_1 = {
   key: 0,
   class: "yu-framework-slider-captcha-dialog"

package/es/yu-uims-organization-dialog/components/organization-dialog.d.ts

@@ -0,0 +1,20 @@
+import { UimsOrganization } from 'yuang-framework-ui-common/lib/interface/uims/uimsOrganization';
+
+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: (uimsOrganizationList: UimsOrganization[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<any>;
+    param: {
+        type: import('vue').PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{
+    onChange?: ((uimsOrganizationList: UimsOrganization[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/yu-uims-organization-dialog/components/organization-dialog.js

@@ -0,0 +1,327 @@
+import { defineComponent, mergeModels, useModel, ref, onMounted, nextTick, resolveComponent, createBlock, openBlock, withCtx, createVNode, createElementVNode, withKeys, unref, createCommentVNode, resolveDynamicComponent, toDisplayString, createElementBlock, Fragment, renderList, createTextVNode } from "vue";
+import { SearchOutlined, ClusterOutlined, OrganizationOrg, OrganizationUnit, OrganizationDept } from "../../icons";
+import { deepClone } from "yuang-framework-ui-common/lib/utils/objectUtils";
+import { Close, Check } from "@element-plus/icons-vue";
+import { handleOrganizationTreeDefaultExpandNode } from "yuang-framework-ui-common/lib/hooks/uims/uimsOrganization";
+import { getShortUuid } from "yuang-framework-ui-common/lib/utils/uuidUtils";
+import { http } from "yuang-framework-ui-common/lib/config/httpConfig";
+import { application } from "yuang-framework-ui-common/lib/config/applicationConfig";
+const _hoisted_1 = { style: { "padding": "0 16px 12px 0" } };
+const _hoisted_2 = { class: "yu-dialog-tag" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "UimsUserV2" },
+  __name: "organization-dialog",
+  props: /* @__PURE__ */ mergeModels({
+    param: {}
+  }, {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isOpenDialog = useModel(__props, "modelValue");
+    const splitRef = ref(null);
+    const treeRef = ref(null);
+    const treeId = ref(`tree-${getShortUuid()}`);
+    const isLoading = ref(true);
+    const isShowTree = ref(true);
+    const selections = ref([]);
+    const checkedKeys = ref([]);
+    const orgName = ref("");
+    onMounted(async () => {
+      if (props.param.modelValue) {
+        nextTick(async () => {
+          let res = await http.get(`${application.gatewayServerBaseUrl}/uims-api/admin/uims-organization/selectInfo`, { params: { id: props.param.modelValue } });
+          const organization = res.data.data;
+          selections.value.push({
+            id: organization.id,
+            code: organization.code,
+            name: organization.name
+          });
+          checkedKeys.value.push(props.param.modelValue);
+          handleOrganizationTreeDefaultExpandNode({ id: props.param.modelValue, treeId: treeId.value });
+        });
+      }
+    });
+    const loadTreeNode = async (node, resolve) => {
+      var _a, _b;
+      let data = {};
+      if (!queryCondition) {
+        data = { parentId: ((_a = node == null ? void 0 : node.data) == null ? void 0 : _a.id) || "0" };
+      } else {
+        data = deepClone(queryCondition);
+        data.parentId = ((_b = node == null ? void 0 : node.data) == null ? void 0 : _b.id) || "0";
+      }
+      if (node.level == 0) {
+        isLoading.value = true;
+      }
+      const res = await http.post(`${application.gatewayServerBaseUrl}/uims-api/admin/uims-organization/selectPage`, data);
+      if (node.level == 0) {
+        isLoading.value = false;
+      }
+      let listData = res.data.data.records;
+      listData.forEach((organization) => {
+        organization.isLeaf = !organization.isHasChildren;
+      });
+      nextTick(() => {
+        if (listData.length == 1 && listData[0].isHasChildren) {
+          nextTick(() => {
+            const nodeList = document.querySelectorAll(`#${treeId.value}.el-tree [data-key='${listData[0].id}'] .el-tree-node__expand-icon`);
+            for (let i = 0; i < nodeList.length; i++) {
+              if (!nodeList[i].classList.contains("expanded")) {
+                nodeList[i] && nodeList[i].click();
+              } else {
+                if (queryCondition) {
+                  queryCondition.parentId = listData[0].id || "0";
+                  queryCondition.levelNum = listData[0].levelNum + 1;
+                  http.post(`${application.gatewayServerBaseUrl}/uims-api/admin/uims-organization/selectPage`, queryCondition).then((res2) => {
+                    var _a2;
+                    (_a2 = treeRef == null ? void 0 : treeRef.value) == null ? void 0 : _a2.updateKeyChildren(queryCondition == null ? void 0 : queryCondition.parentId, res2.data.data.records);
+                  });
+                }
+              }
+            }
+          });
+        }
+      });
+      return resolve(listData);
+    };
+    const handleCheck = (data, checkedData, checked) => {
+      if (props.param.isMultiple) {
+        return;
+      }
+      if (typeof checked == "undefined") {
+        checked = false;
+        let checkedKeys2 = checkedData.checkedKeys;
+        checkedKeys2.forEach((id) => {
+          if (data.id == id) {
+            checked = true;
+          } else {
+            treeRef.value.setChecked(id, false, false);
+          }
+        });
+      }
+      selections.value.forEach((item) => {
+        handleDeleteTag(item);
+      });
+      if (checked) {
+        selections.value.push({
+          id: data.id,
+          code: data.code,
+          name: data.name
+        });
+        treeRef.value.setChecked(data.id, checked, false);
+      }
+    };
+    const handleCheckChange = (data, checked, indeterminate) => {
+      if (!props.param.isMultiple) {
+        return;
+      }
+      selections.value = selections.value.filter((item) => {
+        return item.id !== data.id;
+      });
+      if (checked) {
+        selections.value.push({
+          id: data.id,
+          code: data.code,
+          name: data.name
+        });
+        treeRef.value.setChecked(data.id, checked, false);
+      }
+    };
+    const handleNodeClick = (row, node) => {
+      let checked = !node.checked;
+      if (!props.param.isMultiple) {
+        handleCheck(row, { checkedKeys: [row.id] }, checked);
+        if (checked) {
+          treeRef.value.setChecked(row.id, checked, false);
+        }
+      } else {
+        handleCheckChange(row, checked);
+        treeRef.value.setChecked(row.id, checked, false);
+      }
+    };
+    let queryCondition = null;
+    const initQueryPage = async () => {
+      queryCondition = orgName.value ? { queryFor: "treePart", parentId: "0", name: orgName.value } : null;
+      reloadTree();
+    };
+    const reloadTree = () => {
+      isShowTree.value = false;
+      nextTick(() => {
+        isShowTree.value = true;
+      });
+    };
+    const handleDeleteTag = (item) => {
+      selections.value = selections.value.filter((organization) => organization.code !== item.code);
+      treeRef.value.setChecked(item.id, false, false);
+    };
+    const handleCancel = () => {
+      isOpenDialog.value = false;
+    };
+    const handleSure = () => {
+      handleCancel();
+      emit("change", selections.value);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_tree = resolveComponent("el-tree");
+      const _component_ele_loading = resolveComponent("ele-loading");
+      const _component_el_tag = resolveComponent("el-tag");
+      const _component_ele_split_panel = resolveComponent("ele-split-panel");
+      const _component_ele_card = resolveComponent("ele-card");
+      const _component_ele_page = resolveComponent("ele-page");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_ele_dialog = resolveComponent("ele-dialog");
+      return openBlock(), createBlock(_component_ele_dialog, {
+        form: "",
+        width: "50%",
+        modelValue: isOpenDialog.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isOpenDialog.value = $event),
+        title: "选择机构",
+        class: "yu-big-dialog"
+      }, {
+        footer: withCtx(() => [
+          createVNode(_component_el_button, {
+            icon: unref(Close),
+            onClick: handleCancel
+          }, {
+            default: withCtx(() => _cache[2] || (_cache[2] = [
+              createTextVNode("取消")
+            ])),
+            _: 1,
+            __: [2]
+          }, 8, ["icon"]),
+          createVNode(_component_el_button, {
+            type: "primary",
+            icon: unref(Check),
+            loading: isLoading.value,
+            onClick: handleSure
+          }, {
+            default: withCtx(() => _cache[3] || (_cache[3] = [
+              createTextVNode(" 确认 ")
+            ])),
+            _: 1,
+            __: [3]
+          }, 8, ["icon", "loading"])
+        ]),
+        default: withCtx(() => [
+          createVNode(_component_ele_page, {
+            "flex-table": "",
+            "multi-card": false,
+            "hide-footer": "",
+            style: { "min-height": "600px" }
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_ele_card, {
+                "flex-table": "",
+                "body-style": { padding: "0 0 0 16px", overflow: "hidden" }
+              }, {
+                default: withCtx(() => [
+                  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: withCtx(() => [
+                      createElementVNode("div", _hoisted_2, [
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(selections.value, (item, index) => {
+                          return openBlock(), createBlock(_component_el_tag, {
+                            type: "success",
+                            size: "large",
+                            "disable-transitions": true,
+                            closable: "",
+                            key: index,
+                            onClick: ($event) => handleDeleteTag(item),
+                            onClose: ($event) => handleDeleteTag(item)
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(item.name), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["onClick", "onClose"]);
+                        }), 128))
+                      ])
+                    ]),
+                    default: withCtx(() => [
+                      createElementVNode("div", _hoisted_1, [
+                        createVNode(_component_el_input, {
+                          modelValue: orgName.value,
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => orgName.value = $event),
+                          placeholder: "输入机构名称后按回车搜索",
+                          "prefix-icon": unref(SearchOutlined),
+                          clearable: "",
+                          maxlength: 20,
+                          onKeyup: withKeys(initQueryPage, ["enter"]),
+                          onClear: initQueryPage
+                        }, null, 8, ["modelValue", "prefix-icon"])
+                      ]),
+                      createVNode(_component_ele_loading, {
+                        loading: isLoading.value,
+                        style: { flex: 1, paddingRight: "16px", overflow: "auto" }
+                      }, {
+                        default: withCtx(() => [
+                          isShowTree.value ? (openBlock(), createBlock(_component_el_tree, {
+                            key: 0,
+                            ref_key: "treeRef",
+                            ref: treeRef,
+                            id: treeId.value,
+                            "node-key": "id",
+                            lazy: "",
+                            load: loadTreeNode,
+                            "show-checkbox": "",
+                            "check-strictly": true,
+                            "highlight-current": "",
+                            props: { label: "name", children: "children", isLeaf: "isLeaf" },
+                            "default-checked-keys": checkedKeys.value,
+                            "expand-on-click-node": false,
+                            style: { "--ele-tree-item-height": "34px" },
+                            onCheck: handleCheck,
+                            onCheckChange: handleCheckChange,
+                            onNodeClick: handleNodeClick
+                          }, {
+                            default: withCtx(({ data }) => [
+                              createElementVNode("span", null, [
+                                createVNode(_component_el_icon, {
+                                  size: 15,
+                                  style: { "margin-right": "8px", "vertical-align": "-2px" }
+                                }, {
+                                  default: withCtx(() => [
+                                    data.parentId == "0" ? (openBlock(), createBlock(resolveDynamicComponent(unref(ClusterOutlined)), { key: 0 })) : data.type == "org" ? (openBlock(), createBlock(resolveDynamicComponent(unref(OrganizationOrg)), { key: 1 })) : data.type == "unit" ? (openBlock(), createBlock(resolveDynamicComponent(unref(OrganizationUnit)), { key: 2 })) : data.type == "dept" ? (openBlock(), createBlock(resolveDynamicComponent(unref(OrganizationDept)), { key: 3 })) : createCommentVNode("", true)
+                                  ]),
+                                  _: 2
+                                }, 1024),
+                                createElementVNode("span", null, toDisplayString(data.name), 1)
+                              ])
+                            ]),
+                            _: 1
+                          }, 8, ["id", "default-checked-keys"])) : createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      }, 8, ["loading"])
+                    ]),
+                    _: 1
+                  }, 512)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/yu-uims-organization-dialog/index.d.ts

@@ -0,0 +1,45 @@
+import { UimsOrganization } from 'yuang-framework-ui-common/lib/interface/uims/uimsOrganization';
+
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    param?: object;
+}>, {
+    model: string;
+    param: {
+        isMultiple: boolean;
+    };
+}>>, {
+    showDialog: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (uimsOrganizationList: UimsOrganization[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    modelValue?: string;
+    param?: object;
+}>, {
+    model: string;
+    param: {
+        isMultiple: boolean;
+    };
+}>>> & Readonly<{
+    onChange?: ((uimsOrganizationList: UimsOrganization[]) => any) | undefined;
+}>, {
+    param: object;
+}, {}, {}, {}, 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;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/yu-uims-organization-dialog/index.js

@@ -0,0 +1,68 @@
+import { defineComponent, watch, onBeforeMount, ref, resolveComponent, createElementBlock, openBlock, withDirectives, createBlock, createCommentVNode, createVNode, vShow } from "vue";
+import OrganizationDialog from "./components/organization-dialog";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "YuUimsOrganizationDialog" },
+  __name: "index",
+  props: {
+    modelValue: {},
+    param: { default: {
+      isMultiple: true
+    } }
+  },
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    watch(
+      () => props.modelValue,
+      () => {
+        init();
+      }
+    );
+    watch(
+      () => props.param,
+      () => {
+        init();
+      }
+    );
+    const emit = __emit;
+    onBeforeMount(() => {
+      init();
+    });
+    const init = () => {
+      props.param.isMultiple = props.param.isMultiple ?? true;
+      props.param.modelValue = props.modelValue;
+    };
+    const isShowDialog = ref(false);
+    const showDialog = () => {
+      isShowDialog.value = true;
+    };
+    const hideDialog = () => {
+      isShowDialog.value = false;
+    };
+    const handleChange = (selections) => {
+      emit("change", selections);
+      hideDialog();
+    };
+    __expose({
+      showDialog
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", null, [
+        withDirectives(createVNode(_component_el_input, { onClick: showDialog }, null, 512), [
+          [vShow, false]
+        ]),
+        isShowDialog.value ? (openBlock(), createBlock(OrganizationDialog, {
+          key: 0,
+          modelValue: isShowDialog.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isShowDialog.value = $event),
+          param: props.param,
+          onChange: handleChange
+        }, null, 8, ["modelValue", "param"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/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;