@fangzhongya/fang-ui 0.0.12 → 0.0.14

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

@@ -0,0 +1,397 @@
+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 { dataEmits, dataProps, roleSelect, dataExpose } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import "@fangzhongya/utils/basic/string/splitUpper";
+import "@fangzhongya/utils/basic/array/isArray";
+import "@fangzhongya/utils/basic/object/isObject";
+import "@fangzhongya/utils/basic/string/firstLower";
+import "@fangzhongya/utils/basic/object/hasOwn";
+import "@fangzhongya/utils/basic/string/firstUpper";
+import "@fangzhongya/utils/name/lineToLargeHump";
+import "@fangzhongya/utils/name/lineToSmallHump";
+import "@fangzhongya/utils/name/humpToLine";
+import "@fangzhongya/utils/basic/object/deepCopy";
+import "@fangzhongya/utils/basic/Array/toggleArray";
+import "@fangzhongya/utils/basic/object/objValue";
+import "../../../hooks/global-config/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import "../../../utils/vues/getBuildProps.js";
+import "@fangzhongya/utils/css/setObjStyle";
+import "@fangzhongya/utils/css/getCss";
+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";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    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/user-select/src/index2.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

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

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.js";
+export {
+  _sfc_main as default
+};

package/dist/components/vxe-tables/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+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");
+const VxeTables = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "VxeTables");
+exports.VxeTables = VxeTables;
+exports.default = VxeTables;

package/dist/components/vxe-tables/index.css

@@ -0,0 +1,97 @@
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
+  font-size: 20px;
+}
+
+.el-vtables {
+  width: 100%;
+  min-height: 100px;
+  position: relative;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+.el-vtables-table {
+  background-color: transparent;
+}
+.el-vtables-table.is-absolute {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.el-vtables-table .vxe-body--column {
+  overflow: hidden;
+  padding: 8px 0;
+}
+.el-vtables-table .col--checkbox .vxe-checkbox--label {
+  padding-left: 0;
+}
+.el-vtables .fv-custom-checkbox {
+  cursor: pointer;
+  position: relative;
+}
+.el-vtables .fv-custom-checkbox.is-disabled {
+  cursor: not-allowed;
+}
+.el-vtables .fv-custom-checkbox .el-checkbox__label {
+  color: var(--vxe-table-header-font-color);
+  font-weight: var(--vxe-table-header-font-weight);
+}
+.el-vtables .fv-custom-checkbox .fv-custom-checkbox-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}
+.el-vtables .fv-custom-radio {
+  cursor: pointer;
+  position: relative;
+}
+.el-vtables .fv-custom-radio.is-disabled {
+  cursor: not-allowed;
+}
+.el-vtables .fv-custom-radio .el-radio {
+  height: auto;
+}
+.el-vtables .fv-custom-radio.center .el-radio {
+  text-align: center;
+  display: table-cell;
+}
+.el-vtables .fv-custom-radio.center .el-radio__label {
+  display: none;
+}
+.el-vtables .fv-custom-radio.right .el-radio {
+  text-align: right;
+  display: table-cell;
+}
+.el-vtables .fv-custom-radio.right .el-radio__label {
+  display: none;
+}
+.el-vtables .fv-custom-radio .fv-custom-radio-mask {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  opacity: 0;
+}