@fangzhongya/fang-ui 0.1.48 → 0.1.50

package/dist/components/user-select/src/index2.cjs

@@ -1,381 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const data = require("./data.cjs");
-const index$1 = require("../../../hooks/cssname/index.cjs");
-const index = require("../../../hooks/locale/index.cjs");
-const index$3 = require("../../tabs/index.cjs");
-const index$4 = require("../../tab-pane/index.cjs");
-const index$7 = require("../../checkbox-group/index.cjs");
-const index$8 = require("../../checkbox/index.cjs");
-const index$9 = require("../../radio-group/index.cjs");
-const index$a = require("../../radio/index.cjs");
-const index$6 = require("../../input/index.cjs");
-const index$5 = require("../../tree/index.cjs");
-const index$2 = require("../../select-dialog/index.cjs");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "index",
-  props: data.dataProps,
-  emits: data.dataEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName(data.name);
-    const propss = __props;
-    const emit = __emit;
-    const refSelectDialog = vue.ref();
-    const refTree = vue.ref();
-    const psprops = vue.computed(() => {
-      return {
-        ...data.roleSelect,
-        ...propss.props
-      };
-    });
-    const search = vue.ref("");
-    const treeObj = vue.ref({});
-    const tabName = vue.ref("1");
-    const nodes = vue.ref({});
-    const list = vue.ref([]);
-    vue.watch(
-      () => propss.modelValue,
-      () => {
-        if (propss.modelValue) {
-          list.value = [...propss.modelValue];
-        } else {
-          list.value = [];
-        }
-      },
-      { immediate: true, deep: true }
-    );
-    const listData = vue.ref([]);
-    function onInput() {
-      if (psprops.value.lazyLoad) {
-        const prop = psprops.value.value;
-        const val = treeObj.value[prop];
-        psprops.value.lazyLoad(
-          { search: search.value, type: tabName.value, value: val },
-          (v, node) => {
-            const prop2 = psprops.value.yhid;
-            const yhs = psprops.value.yhs;
-            if (node) {
-              for (const key of Object.keys(node)) {
-                nodes.value[key] = node[key];
-              }
-            } else {
-              for (const zs of v) {
-                const ss = zs[yhs] || [];
-                for (const o of ss) {
-                  const id = o[prop2];
-                  nodes.value[id] = o;
-                }
-              }
-            }
-            listData.value = v;
-          }
-        );
-      }
-    }
-    function onChangeCheckbox(is, data2) {
-      let id = data2[psprops.value.yhid];
-      if (!psprops.value.multiple) {
-        list.value = [id];
-      } else if (is) {
-        list.value.push(id);
-      } else {
-        list.value = list.value.filter((o) => {
-          return o != id;
-        });
-      }
-    }
-    function getName(key) {
-      const name2 = psprops.value.yhmc;
-      let obj = nodes.value[key] || {};
-      return obj[name2];
-    }
-    function getNameExplain(key) {
-      const name2 = psprops.value.explain;
-      if (name2) {
-        let obj = nodes.value[key] || {};
-        return obj[name2];
-      }
-    }
-    vue.watch(
-      () => propss.options,
-      () => {
-        if (propss.options && propss.options.length > 0) {
-          setCurrentNode();
-        }
-      },
-      {
-        immediate: true
-      }
-    );
-    function setCurrentNode() {
-      vue.nextTick(() => {
-        if (propss.options[0] && refTree.value && refTree.value.refEl) {
-          refTree.value.refEl.setCurrentNode(propss.options[0], true);
-          handleTreeClick(propss.options[0]);
-        }
-      });
-    }
-    function onTabClick() {
-      vue.nextTick(() => {
-        emit("tab-click", tabName.value);
-      });
-    }
-    function onDialog(v) {
-      if (v) {
-        if (propss.modelValue) {
-          list.value = [...propss.modelValue];
-        } else {
-          list.value = [];
-        }
-        search.value = "";
-        tabName.value = "1";
-        listData.value = [];
-        setCurrentNode();
-      }
-    }
-    function onDialogffirm(val) {
-      emit("update:modelValue", val);
-      emit("change", val);
-    }
-    function handleTreeClick(data2) {
-      treeObj.value = data2;
-      onInput();
-    }
-    function setNodesObj(node) {
-      if (node) {
-        if (Array.isArray(node)) {
-          const prop = psprops.value.yhid;
-          for (const o of node) {
-            const id = o[prop];
-            nodes.value[id] = o;
-          }
-        } else {
-          for (const key of Object.keys(node)) {
-            nodes.value[key] = node[key];
-          }
-        }
-      }
-    }
-    __expose({
-      ...data.dataExpose,
-      setNodesObj,
-      getInputName() {
-        return refSelectDialog.value.inputName;
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(cs).z())
-      }, [
-        vue.createVNode(vue.unref(index$2.SelectDialog), {
-          "get-name": getName,
-          "get-name-explain": getNameExplain,
-          disabled: propss.disabled,
-          placeholder: propss.placeholder,
-          appendToBody: propss.appendToBody,
-          ref_key: "refSelectDialog",
-          ref: refSelectDialog,
-          modelValue: list.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => list.value = $event),
-          value: propss.modelValue,
-          width: propss.width,
-          title: propss.title,
-          onDialog,
-          onConfirm: onDialogffirm
-        }, {
-          suffix: vue.withCtx(() => [
-            vue.renderSlot(_ctx.$slots, "suffix")
-          ]),
-          default: vue.withCtx(() => [
-            vue.createElementVNode("div", {
-              class: vue.normalizeClass([vue.unref(cs).z("dialog-div"), vue.unref(cs).z("dialog-tabs")])
-            }, [
-              vue.createVNode(vue.unref(index$3.Tabs), {
-                modelValue: tabName.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabName.value = $event),
-                stretch: "",
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-li-tabs")),
-                onTabClick
-              }, {
-                default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(index$4.TabPane), {
-                    label: "部门",
-                    name: "1"
-                  }),
-                  vue.createVNode(vue.unref(index$4.TabPane), {
-                    label: "角色",
-                    name: "2"
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue", "class"]),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass([vue.unref(cs).z("dialog-tabs-tree")])
-              }, [
-                vue.createElementVNode("div", {
-                  class: vue.normalizeClass([vue.unref(cs).z("dialog-div-tree")])
-                }, [
-                  vue.createVNode(vue.unref(index$5.Tree), {
-                    data: propss.options,
-                    "highlight-current": "",
-                    "default-expand-all": propss.expandAll,
-                    "node-key": psprops.value.value,
-                    "show-checkbox": propss.multiple,
-                    "check-strictly": "",
-                    ref_key: "refTree",
-                    ref: refTree,
-                    props: {
-                      isLeaf: "leaf",
-                      value: psprops.value.value,
-                      label: psprops.value.label,
-                      disabled: psprops.value.disabled,
-                      children: psprops.value.children
-                    },
-                    onNodeClick: handleTreeClick
-                  }, null, 8, ["data", "default-expand-all", "node-key", "show-checkbox", "props"])
-                ], 2)
-              ], 2)
-            ], 2),
-            vue.createElementVNode("div", null, [
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-li-top"))
-              }, [
-                vue.createVNode(vue.unref(index$6.Input), {
-                  placeholder: psprops.value.searchPlaceholder,
-                  clearable: "",
-                  modelValue: search.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
-                  onKeyup: vue.withKeys(onInput, ["enter", "native"])
-                }, null, 8, ["placeholder", "modelValue"])
-              ], 2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass(vue.unref(cs).z("dialog-gap"))
-              }, null, 2),
-              vue.createElementVNode("div", {
-                class: vue.normalizeClass([vue.unref(cs).z("dialog-div"), vue.unref(cs).z("dialog-personnel")])
-              }, [
-                psprops.value.multiple ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.CheckboxGroup), {
-                  key: 0,
-                  "model-value": list.value
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item, index2) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-                        item[psprops.value.label] ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 0,
-                          class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-top"))
-                        }, [
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(
-                              vue.unref(cs).z("dialog-personnel-top-userbg")
-                            )
-                          }, vue.toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(
-                              vue.unref(cs).z("dialog-personnel-top-rfont")
-                            )
-                          }, [
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass(
-                                vue.unref(cs).z("dialog-personnel-top-p1")
-                              )
-                            }, vue.toDisplayString(item[psprops.value.label]), 3),
-                            psprops.value.explain ? (vue.openBlock(), vue.createElementBlock("div", {
-                              key: 0,
-                              class: vue.normalizeClass(
-                                vue.unref(cs).z("dialog-personnel-top-p2")
-                              )
-                            }, vue.toDisplayString(item[psprops.value.explain]), 3)) : vue.createCommentVNode("", true)
-                          ], 2)
-                        ], 2)) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("div", {
-                          class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-checkboxs"))
-                        }, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item[psprops.value.yhs], (obj, key) => {
-                            return vue.openBlock(), vue.createBlock(vue.unref(index$8.Checkbox), {
-                              key,
-                              label: obj[psprops.value.yhid],
-                              onChange: (is) => {
-                                onChangeCheckbox(is, obj);
-                              }
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode(vue.toDisplayString(obj[psprops.value.yhmc]), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["label", "onChange"]);
-                          }), 128))
-                        ], 2)
-                      ], 64);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["model-value"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$9.RadioGroup), {
-                  key: 1,
-                  "model-value": list.value[0]
-                }, {
-                  default: vue.withCtx(() => [
-                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(listData.value, (item, index2) => {
-                      return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
-                        item[psprops.value.label] ? (vue.openBlock(), vue.createElementBlock("div", {
-                          key: 0,
-                          class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-top"))
-                        }, [
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(
-                              vue.unref(cs).z("dialog-personnel-top-userbg")
-                            )
-                          }, vue.toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
-                          vue.createElementVNode("div", {
-                            class: vue.normalizeClass(
-                              vue.unref(cs).z("dialog-personnel-top-rfont")
-                            )
-                          }, [
-                            vue.createElementVNode("div", {
-                              class: vue.normalizeClass(
-                                vue.unref(cs).z("dialog-personnel-top-p1")
-                              )
-                            }, vue.toDisplayString(item[psprops.value.label]), 3),
-                            psprops.value.explain ? (vue.openBlock(), vue.createElementBlock("div", {
-                              key: 0,
-                              class: vue.normalizeClass(
-                                vue.unref(cs).z("dialog-personnel-top-p2")
-                              )
-                            }, vue.toDisplayString(item[psprops.value.explain]), 3)) : vue.createCommentVNode("", true)
-                          ], 2)
-                        ], 2)) : vue.createCommentVNode("", true),
-                        vue.createElementVNode("div", {
-                          class: vue.normalizeClass(vue.unref(cs).z("dialog-personnel-checkboxs"))
-                        }, [
-                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item[psprops.value.yhs], (obj, key) => {
-                            return vue.openBlock(), vue.createBlock(vue.unref(index$a.Radio), {
-                              key,
-                              label: obj[psprops.value.yhid],
-                              onChange: (is) => {
-                                onChangeCheckbox(is, obj);
-                              }
-                            }, {
-                              default: vue.withCtx(() => [
-                                vue.createTextVNode(vue.toDisplayString(obj[psprops.value.yhmc]), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["label", "onChange"]);
-                          }), 128))
-                        ], 2)
-                      ], 64);
-                    }), 128))
-                  ]),
-                  _: 1
-                }, 8, ["model-value"]))
-              ], 2)
-            ])
-          ]),
-          _: 3
-        }, 8, ["disabled", "placeholder", "appendToBody", "modelValue", "value", "width", "title"])
-      ], 2);
-    };
-  }
-});
-exports.default = _sfc_main;