@fangzhongya/fang-ui 0.0.37 → 0.0.39

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

@@ -1,4 +1,382 @@
-import _sfc_main from "./index.js";
+import { defineComponent, ref, computed, watch, nextTick, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createElementVNode, withKeys, createBlock, Fragment, renderList, createCommentVNode, toDisplayString, createTextVNode, renderSlot } from "vue";
+import { roleSelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import "../../../hooks/index.js";
+import { Tabs } from "../../tabs/index.js";
+import { TabPane } from "../../tab-pane/index.js";
+import "../../input/index.js";
+import { CheckboxGroup } from "../../checkbox-group/index.js";
+import { Checkbox } from "../../checkbox/index.js";
+import { RadioGroup } from "../../radio-group/index.js";
+import { Radio } from "../../radio/index.js";
+import { Tree } from "../../tree/index.js";
+import { SelectDialog } from "../../select-dialog/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const { getLocale } = useLocale();
+    const cs = useCssName("user-select");
+    const propss = __props;
+    const emit = __emit;
+    const refSelectDialog = ref();
+    const refTree = ref();
+    const psprops = computed(() => {
+      return Object.assign({}, roleSelect, propss.props);
+    });
+    const search = ref("");
+    const treeObj = ref({});
+    const tabName = ref("1");
+    const nodes = ref({});
+    const list = ref([]);
+    watch(
+      () => propss.modelValue,
+      () => {
+        if (propss.modelValue) {
+          list.value = [...propss.modelValue];
+        } else {
+          list.value = [];
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    const listData = 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, data) {
+      let id = data[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];
+      }
+    }
+    watch(
+      () => propss.options,
+      () => {
+        if (propss.options && propss.options.length > 0) {
+          setCurrentNode();
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    function setCurrentNode() {
+      nextTick(() => {
+        if (propss.options[0] && refTree.value && refTree.value.refEl) {
+          refTree.value.refEl.setCurrentNode(propss.options[0], true);
+          handleTreeClick(propss.options[0]);
+        }
+      });
+    }
+    function onTabClick() {
+      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(data) {
+      treeObj.value = data;
+      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({
+      ...dataExpose,
+      setNodesObj,
+      getInputName() {
+        return refSelectDialog.value.inputName;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_bv_input = resolveComponent("bv-input");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        createVNode(unref(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: withCtx(() => [
+            renderSlot(_ctx.$slots, "suffix")
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", {
+              class: normalizeClass([unref(cs).z("dialog-div"), unref(cs).z("dialog-tabs")])
+            }, [
+              createVNode(unref(Tabs), {
+                modelValue: tabName.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabName.value = $event),
+                stretch: "",
+                class: normalizeClass(unref(cs).z("dialog-li-tabs")),
+                onTabClick
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(TabPane), {
+                    label: "部门",
+                    name: "1"
+                  }),
+                  createVNode(unref(TabPane), {
+                    label: "角色",
+                    name: "2"
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "class"]),
+              createElementVNode("div", {
+                class: normalizeClass([unref(cs).z("dialog-tabs-tree")])
+              }, [
+                createElementVNode("div", {
+                  class: normalizeClass([unref(cs).z("dialog-div-tree")])
+                }, [
+                  createVNode(unref(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),
+            createElementVNode("div", null, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("dialog-li-top"))
+              }, [
+                createVNode(_component_bv_input, {
+                  placeholder: psprops.value.searchPlaceholder,
+                  clearable: "",
+                  modelValue: search.value,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => search.value = $event),
+                  onKeyup: withKeys(onInput, ["enter", "native"])
+                }, null, 8, ["placeholder", "modelValue"])
+              ], 2),
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("dialog-gap"))
+              }, null, 2),
+              createElementVNode("div", {
+                class: normalizeClass([unref(cs).z("dialog-div"), unref(cs).z("dialog-personnel")])
+              }, [
+                psprops.value.multiple ? (openBlock(), createBlock(unref(CheckboxGroup), {
+                  key: 0,
+                  "model-value": list.value
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item, index) => {
+                      return openBlock(), createElementBlock(Fragment, { key: index }, [
+                        item[psprops.value.label] ? (openBlock(), createElementBlock("div", {
+                          key: 0,
+                          class: normalizeClass(unref(cs).z("dialog-personnel-top"))
+                        }, [
+                          createElementVNode("div", {
+                            class: normalizeClass(
+                              unref(cs).z("dialog-personnel-top-userbg")
+                            )
+                          }, toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
+                          createElementVNode("div", {
+                            class: normalizeClass(
+                              unref(cs).z("dialog-personnel-top-rfont")
+                            )
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(
+                                unref(cs).z("dialog-personnel-top-p1")
+                              )
+                            }, toDisplayString(item[psprops.value.label]), 3),
+                            psprops.value.explain ? (openBlock(), createElementBlock("div", {
+                              key: 0,
+                              class: normalizeClass(
+                                unref(cs).z("dialog-personnel-top-p2")
+                              )
+                            }, toDisplayString(item[psprops.value.explain]), 3)) : createCommentVNode("", true)
+                          ], 2)
+                        ], 2)) : createCommentVNode("", true),
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(cs).z("dialog-personnel-checkboxs"))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item[psprops.value.yhs], (obj, key) => {
+                            return openBlock(), createBlock(unref(Checkbox), {
+                              key,
+                              label: obj[psprops.value.yhid],
+                              onChange: (is) => {
+                                onChangeCheckbox(is, obj);
+                              }
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(obj[psprops.value.yhmc]), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["label", "onChange"]);
+                          }), 128))
+                        ], 2)
+                      ], 64);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["model-value"])) : (openBlock(), createBlock(unref(RadioGroup), {
+                  key: 1,
+                  "model-value": list.value[0]
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(listData.value, (item, index) => {
+                      return openBlock(), createElementBlock(Fragment, { key: index }, [
+                        item[psprops.value.label] ? (openBlock(), createElementBlock("div", {
+                          key: 0,
+                          class: normalizeClass(unref(cs).z("dialog-personnel-top"))
+                        }, [
+                          createElementVNode("div", {
+                            class: normalizeClass(
+                              unref(cs).z("dialog-personnel-top-userbg")
+                            )
+                          }, toDisplayString((item[psprops.value.label] || "").substring(0, 1)), 3),
+                          createElementVNode("div", {
+                            class: normalizeClass(
+                              unref(cs).z("dialog-personnel-top-rfont")
+                            )
+                          }, [
+                            createElementVNode("div", {
+                              class: normalizeClass(
+                                unref(cs).z("dialog-personnel-top-p1")
+                              )
+                            }, toDisplayString(item[psprops.value.label]), 3),
+                            psprops.value.explain ? (openBlock(), createElementBlock("div", {
+                              key: 0,
+                              class: normalizeClass(
+                                unref(cs).z("dialog-personnel-top-p2")
+                              )
+                            }, toDisplayString(item[psprops.value.explain]), 3)) : createCommentVNode("", true)
+                          ], 2)
+                        ], 2)) : createCommentVNode("", true),
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(cs).z("dialog-personnel-checkboxs"))
+                        }, [
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item[psprops.value.yhs], (obj, key) => {
+                            return openBlock(), createBlock(unref(Radio), {
+                              key,
+                              label: obj[psprops.value.yhid],
+                              onChange: (is) => {
+                                onChangeCheckbox(is, obj);
+                              }
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(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);
+    };
+  }
+});
 export {
   _sfc_main as default
 };

package/dist/components/window/index.cjs

@@ -2,7 +2,8 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 ;/* empty css                   */
 const withInstall = require("../../utils/vues/withInstall.cjs");
-const index_vue_vue_type_script_setup_true_lang = require("./src/index.cjs");
+require("./src/index.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
 const Window = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Window");
 exports.Window = Window;
 exports.default = Window;

package/dist/components/window/index.css

@@ -41,7 +41,7 @@
   display: flex;
   align-items: center;
 }
-.box-title-close i {
+.box-title-close-icon {
   width: 20px;
   height: 20px;
   margin: 0 4px;

package/dist/components/window/index.d.ts

@@ -59,9 +59,9 @@ declare const Window: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
+        disabled: boolean;
         mask: boolean;
         modelValue: boolean;
-        disabled: boolean;
         max: boolean;
         drag: string | boolean;
         adjust: boolean;
@@ -138,9 +138,9 @@ declare const Window: SFCWithInstall<{
             type: StringConstructor;
         };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
+        disabled: boolean;
         mask: boolean;
         modelValue: boolean;
-        disabled: boolean;
         max: boolean;
         drag: string | boolean;
         adjust: boolean;
@@ -211,9 +211,9 @@ declare const Window: SFCWithInstall<{
         type: StringConstructor;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    disabled: boolean;
     mask: boolean;
     modelValue: boolean;
-    disabled: boolean;
     max: boolean;
     drag: string | boolean;
     adjust: boolean;

package/dist/components/window/index.js

@@ -1,6 +1,7 @@
 /* empty css                 */
 import { withInstall } from "../../utils/vues/withInstall.js";
-import _sfc_main from "./src/index.js";
+import "./src/index.js";
+import _sfc_main from "./src/index2.js";
 const Window = withInstall(_sfc_main, "Window");
 export {
   Window,