@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -0,0 +1,397 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const require$$0 = require("vue");
+const data = require("./data.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+require("@fangzhongya/utils/basic/string/splitUpper");
+require("@fangzhongya/utils/basic/array/isArray");
+require("@fangzhongya/utils/basic/object/isObject");
+require("@fangzhongya/utils/basic/string/firstLower");
+require("@fangzhongya/utils/basic/object/hasOwn");
+require("@fangzhongya/utils/basic/string/firstUpper");
+require("@fangzhongya/utils/name/lineToLargeHump");
+require("@fangzhongya/utils/name/lineToSmallHump");
+require("@fangzhongya/utils/name/humpToLine");
+require("@fangzhongya/utils/basic/object/deepCopy");
+require("@fangzhongya/utils/basic/Array/toggleArray");
+require("@fangzhongya/utils/basic/object/objValue");
+require("../../../hooks/global-config/index.cjs");
+const index = require("../../../hooks/locale/index.cjs");
+require("../../../utils/vues/getBuildProps.cjs");
+require("@fangzhongya/utils/css/setObjStyle");
+require("@fangzhongya/utils/css/getCss");
+const index$3 = require("../../tabs/index.cjs");
+const index$4 = require("../../tab-pane/index.cjs");
+require("../../input/index.cjs");
+const index$6 = require("../../checkbox-group/index.cjs");
+const index$7 = require("../../checkbox/index.cjs");
+const index$8 = require("../../radio-group/index.cjs");
+const index$9 = require("../../radio/index.cjs");
+const index$5 = require("../../tree/index.cjs");
+const index$2 = require("../../select-dialog/index.cjs");
+const _sfc_main = /* @__PURE__ */ require$$0.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    index.useLocale();
+    const cs = index$1.useCssName("user-select");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = require$$0.ref();
+    const refTree = require$$0.ref();
+    const psprops = require$$0.computed(() => {
+      return Object.assign({}, data.roleSelect, propss.props);
+    });
+    const search = require$$0.ref("");
+    const treeObj = require$$0.ref({});
+    const tabName = require$$0.ref("1");
+    const nodes = require$$0.ref({});
+    const list = require$$0.ref([]);
+    require$$0.watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const listData = require$$0.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) {
+              Object.keys(node).forEach((key) => {
+                nodes.value[key] = node[key];
+              });
+            } else {
+              v.forEach((zs) => {
+                const ss = zs[yhs] || [];
+                ss.forEach((o) => {
+                  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 name = psprops.value.yhmc;
+      let obj = nodes.value[key] || {};
+      return obj[name];
+    }
+    function getNameExplain(key) {
+      const name = psprops.value.explain;
+      if (name) {
+        let obj = nodes.value[key] || {};
+        return obj[name];
+      }
+    }
+    require$$0.watch(
+      () => propss.options,
+      () => {
+        if (propss.options && propss.options.length > 0) {
+          setCurrentNode();
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    function setCurrentNode() {
+      require$$0.nextTick(() => {
+        if (propss.options[0] && refTree.value && refTree.value.refEl) {
+          refTree.value.refEl.setCurrentNode(propss.options[0], true);
+          handleTreeClick(propss.options[0]);
+        }
+      });
+    }
+    function onTabClick() {
+      require$$0.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 (node instanceof Array) {
+          const prop = psprops.value.yhid;
+          node.forEach((o) => {
+            const id = o[prop];
+            nodes.value[id] = o;
+          });
+        } else {
+          Object.keys(node).forEach((key) => {
+            nodes.value[key] = node[key];
+          });
+        }
+      }
+    }
+    __expose({
+      ...data.dataExpose,
+      setNodesObj,
+      getInputName() {
+        return refSelectDialog.value.inputName;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_bv_input = require$$0.resolveComponent("bv-input");
+      return require$$0.openBlock(), require$$0.createElementBlock("div", {
+        class: require$$0.normalizeClass(require$$0.unref(cs).z())
+      }, [
+        require$$0.createVNode(require$$0.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: require$$0.withCtx(() => [
+            require$$0.renderSlot(_ctx.$slots, "suffix")
+          ]),
+          default: require$$0.withCtx(() => [
+            require$$0.createElementVNode("div", {
+              class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-div"), require$$0.unref(cs).z("dialog-tabs")])
+            }, [
+              require$$0.createVNode(require$$0.unref(index$3.Tabs), {
+                modelValue: tabName.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabName.value = $event),
+                stretch: "",
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-li-tabs")),
+                onTabClick
+              }, {
+                default: require$$0.withCtx(() => [
+                  require$$0.createVNode(require$$0.unref(index$4.TabPane), {
+                    label: "部门",
+                    name: "1"
+                  }),
+                  require$$0.createVNode(require$$0.unref(index$4.TabPane), {
+                    label: "角色",
+                    name: "2"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "class"]),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-tabs-tree")])
+              }, [
+                require$$0.createElementVNode("div", {
+                  class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-div-tree")])
+                }, [
+                  require$$0.createVNode(require$$0.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),
+            require$$0.createElementVNode("div", null, [
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-li-top"))
+              }, [
+                require$$0.createVNode(_component_bv_input, {
+                  placeholder: psprops.value.searchPlaceholder,
+                  clearable: "",
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+                  onKeyup: require$$0.withKeys(onInput, ["enter", "native"])
+                }, null, 8, ["placeholder", "modelValue"])
+              ], 2),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-gap"))
+              }, null, 2),
+              require$$0.createElementVNode("div", {
+                class: require$$0.normalizeClass([require$$0.unref(cs).z("dialog-div"), require$$0.unref(cs).z("dialog-personnel")])
+              }, [
+                psprops.value.multiple ? (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$6.CheckboxGroup), {
+                  key: 0,
+                  "model-value": list.value
+                }, {
+                  default: require$$0.withCtx(() => [
+                    (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(listData.value, (item, index2) => {
+                      return require$$0.openBlock(), require$$0.createElementBlock(require$$0.Fragment, { key: index2 }, [
+                        item[psprops.value.label] ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                          key: 0,
+                          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-personnel-top"))
+                        }, [
+                          require$$0.createElementVNode("div", {
+                            class: require$$0.normalizeClass(
+                              require$$0.unref(cs).z("dialog-personnel-top-userbg")
+                            )
+                          }, require$$0.toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
+                          require$$0.createElementVNode("div", {
+                            class: require$$0.normalizeClass(
+                              require$$0.unref(cs).z("dialog-personnel-top-rfont")
+                            )
+                          }, [
+                            require$$0.createElementVNode("div", {
+                              class: require$$0.normalizeClass(
+                                require$$0.unref(cs).z("dialog-personnel-top-p1")
+                              )
+                            }, require$$0.toDisplayString(item[psprops.value.label]), 3),
+                            psprops.value.explain ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                              key: 0,
+                              class: require$$0.normalizeClass(
+                                require$$0.unref(cs).z("dialog-personnel-top-p2")
+                              )
+                            }, require$$0.toDisplayString(item[psprops.value.explain]), 3)) : require$$0.createCommentVNode("", true)
+                          ], 2)
+                        ], 2)) : require$$0.createCommentVNode("", true),
+                        require$$0.createElementVNode("div", {
+                          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-personnel-checkboxs"))
+                        }, [
+                          (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(item[psprops.value.yhs], (obj, key) => {
+                            return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$7.Checkbox), {
+                              key,
+                              label: obj[psprops.value.yhid],
+                              onChange: (is) => {
+                                onChangeCheckbox(is, obj);
+                              }
+                            }, {
+                              default: require$$0.withCtx(() => [
+                                require$$0.createTextVNode(require$$0.toDisplayString(obj[psprops.value.yhmc]), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["label", "onChange"]);
+                          }), 128))
+                        ], 2)
+                      ], 64);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["model-value"])) : (require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$8.RadioGroup), {
+                  key: 1,
+                  "model-value": list.value[0]
+                }, {
+                  default: require$$0.withCtx(() => [
+                    (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(listData.value, (item, index2) => {
+                      return require$$0.openBlock(), require$$0.createElementBlock(require$$0.Fragment, { key: index2 }, [
+                        item[psprops.value.label] ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                          key: 0,
+                          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-personnel-top"))
+                        }, [
+                          require$$0.createElementVNode("div", {
+                            class: require$$0.normalizeClass(
+                              require$$0.unref(cs).z("dialog-personnel-top-userbg")
+                            )
+                          }, require$$0.toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
+                          require$$0.createElementVNode("div", {
+                            class: require$$0.normalizeClass(
+                              require$$0.unref(cs).z("dialog-personnel-top-rfont")
+                            )
+                          }, [
+                            require$$0.createElementVNode("div", {
+                              class: require$$0.normalizeClass(
+                                require$$0.unref(cs).z("dialog-personnel-top-p1")
+                              )
+                            }, require$$0.toDisplayString(item[psprops.value.label]), 3),
+                            psprops.value.explain ? (require$$0.openBlock(), require$$0.createElementBlock("div", {
+                              key: 0,
+                              class: require$$0.normalizeClass(
+                                require$$0.unref(cs).z("dialog-personnel-top-p2")
+                              )
+                            }, require$$0.toDisplayString(item[psprops.value.explain]), 3)) : require$$0.createCommentVNode("", true)
+                          ], 2)
+                        ], 2)) : require$$0.createCommentVNode("", true),
+                        require$$0.createElementVNode("div", {
+                          class: require$$0.normalizeClass(require$$0.unref(cs).z("dialog-personnel-checkboxs"))
+                        }, [
+                          (require$$0.openBlock(true), require$$0.createElementBlock(require$$0.Fragment, null, require$$0.renderList(item[psprops.value.yhs], (obj, key) => {
+                            return require$$0.openBlock(), require$$0.createBlock(require$$0.unref(index$9.Radio), {
+                              key,
+                              label: obj[psprops.value.yhid],
+                              onChange: (is) => {
+                                onChangeCheckbox(is, obj);
+                              }
+                            }, {
+                              default: require$$0.withCtx(() => [
+                                require$$0.createTextVNode(require$$0.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;