fangguo-component 1.1.2 → 1.1.4

package/dist/SelectTree.css

@@ -1 +1,74 @@
-.select-tree[data-v-68f09ab5]{display:inline-block;width:100%}.select-tree .select-tree-wrapper[data-v-68f09ab5]{position:relative;display:flex;align-items:center;padding-right:30px;min-height:32px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;flex-wrap:nowrap}.select-tree .select-tree-wrapper.is-focused[data-v-68f09ab5]{border-color:#4485f5}.select-tree .select-tree-wrapper .select-tree-normal-placeholder[data-v-68f09ab5]{overflow:hidden;flex:1;line-height:30px;margin-inline-start:5px;color:#000}.select-tree .select-tree-wrapper .select-tree-normal-placeholder input[data-v-68f09ab5]:focus-visible{outline:none}.select-tree .select-tree-wrapper .select-tree-normal-value[data-v-68f09ab5]{display:contents;padding:5px 4px;margin-right:-12px;text-wrap:nowrap}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5]{max-width:60%}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5] .el-tag__content{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis}.select-tree .select-tree-wrapper .select-tree-arrow[data-v-68f09ab5]{position:absolute;top:8px;right:10px;color:#a8abb2;transition:all .3s;transform:rotateX(0)}.select-tree .select-tree-wrapper .select-tree-arrow.is-focused[data-v-68f09ab5]{transform:rotate(-180deg)}.select-tree .select-tree-wrapper:hover .select-tree-clear[data-v-68f09ab5]{display:block}.select-tree .select-tree-wrapper .select-tree-clear[data-v-68f09ab5]{position:absolute;top:8px;right:10px;display:none;color:#a8abb2;background:#fff;transition:all .3s;cursor:pointer;transform:rotateX(0)}.custom-select-tree-box .el-tree-node__content span{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
+.select-tree[data-v-68f09ab5] {
+  display: inline-block;
+  width: 100%;
+}
+.select-tree .select-tree-wrapper[data-v-68f09ab5] {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding-right: 30px;
+  min-height: 32px;
+  background-color: white;
+  border: 1px solid #dcdfe6;
+  border-radius: 4px;
+  flex-wrap: nowrap;
+}
+.select-tree .select-tree-wrapper.is-focused[data-v-68f09ab5] {
+  border-color: #4485f5;
+}
+.select-tree .select-tree-wrapper .select-tree-normal-placeholder[data-v-68f09ab5] {
+  overflow: hidden;
+  flex: 1;
+  line-height: 30px;
+  margin-inline-start: 5px;
+  color: #000;
+}
+.select-tree .select-tree-wrapper .select-tree-normal-placeholder input[data-v-68f09ab5]:focus-visible {
+  outline: none;
+}
+.select-tree .select-tree-wrapper .select-tree-normal-value[data-v-68f09ab5] {
+  display: contents;
+  padding: 5px 4px;
+  margin-right: -12px;
+  text-wrap: nowrap;
+}
+.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5] {
+  max-width: 60%;
+}
+.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-68f09ab5] .el-tag__content {
+  display: inline-block;
+  overflow: hidden;
+  width: 100%;
+  text-overflow: ellipsis;
+}
+.select-tree .select-tree-wrapper .select-tree-arrow[data-v-68f09ab5] {
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  color: #a8abb2;
+  transition: all 0.3s;
+  transform: rotateX(0);
+}
+.select-tree .select-tree-wrapper .select-tree-arrow.is-focused[data-v-68f09ab5] {
+  transform: rotateZ(-180deg);
+}
+.select-tree .select-tree-wrapper:hover .select-tree-clear[data-v-68f09ab5] {
+  display: block;
+}
+.select-tree .select-tree-wrapper .select-tree-clear[data-v-68f09ab5] {
+  position: absolute;
+  top: 8px;
+  right: 10px;
+  display: none;
+  color: #a8abb2;
+  background: #fff;
+  transition: all 0.3s;
+  cursor: pointer;
+  transform: rotateX(0);
+}.custom-select-tree-box .el-tree-node__content span {
+  display: inline-block;
+  max-width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}

package/dist/SvgIcon-DIg0upEk.js

@@ -0,0 +1,33 @@
+import { openBlock, createElementBlock, createElementVNode, defineComponent, computed } from "vue";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _sfc_main = defineComponent({
+  name: "SvgIcon",
+  props: {
+    prefix: {
+      type: String,
+      default: "icon"
+    },
+    name: {
+      type: String,
+      required: true
+    }
+  },
+  setup(props) {
+    const symbolId = computed(() => `#${props.prefix}-${props.name}`);
+    return { symbolId };
+  }
+});
+const _hoisted_1 = {
+  class: "svgicon",
+  "aria-hidden": "true"
+};
+const _hoisted_2 = ["xlink:href"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, [
+    createElementVNode("use", { "xlink:href": _ctx.symbolId }, null, 8, _hoisted_2)
+  ]);
+}
+const SvgIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  SvgIcon as S
+};

package/dist/TextCopy-th0FAxwl.js

@@ -0,0 +1,44 @@
+import { ElIcon } from "element-plus/es";
+import { defineComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, toDisplayString, createBlock, unref, withCtx, createVNode, createCommentVNode } from "vue";
+import { DocumentCopy } from "@element-plus/icons-vue";
+import { m as copyWord } from "./common-B1nSpTGn.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+import './TextCopy.css';const _hoisted_1 = { class: "fg-text-copy leading-[16px] inline-flex items-center" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextCopy",
+  props: {
+    text: String,
+    defaultSymbol: {
+      default: "-"
+    },
+    color: {
+      default: "#0b0c24"
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_el_icon = ElIcon;
+      return openBlock(), createElementBlock("span", _hoisted_1, [
+        createElementVNode("span", {
+          style: normalizeStyle({ color: __props.color })
+        }, toDisplayString(__props.text || __props.defaultSymbol), 5),
+        __props.text ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "fg-text-copy__icon ml-1 cursor-pointer",
+          size: 12,
+          color: __props.color,
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(copyWord)(__props.text))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(DocumentCopy))
+          ]),
+          _: 1
+        }, 8, ["color"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const TextCopy = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f259631"]]);
+export {
+  TextCopy as T
+};

package/dist/TextCopy.css

@@ -1 +1,7 @@
-.fg-text-copy__icon[data-v-8f259631]{transition:color .2s}.fg-text-copy__icon[data-v-8f259631]:hover{color:var(--el-color-primary)}
+
+.fg-text-copy__icon[data-v-8f259631] {
+    transition: color 0.2s;
+}
+.fg-text-copy__icon[data-v-8f259631]:hover {
+    color: var(--el-color-primary);
+}

package/dist/TextEllipsisTooltip.vue_vue_type_script_setup_true_lang-DVE1CxPm.js

@@ -0,0 +1,174 @@
+import { ElTooltip } from "element-plus/es";
+import { defineComponent, ref, watch, onMounted, openBlock, createBlock, withCtx, createElementVNode, mergeProps, toDisplayString, createElementBlock, nextTick } from "vue";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TextEllipsisTooltip",
+  props: {
+    value: { default: "" },
+    row: { default: 1 },
+    width: { default: "100%" },
+    textAlign: { default: "center" },
+    max: { default: null },
+    contentClass: { default: "" },
+    unit: { default: "种" }
+  },
+  setup(__props) {
+    const props = __props;
+    const isShowHover = ref(false);
+    const textStyle = ref({
+      width: props.width
+    });
+    const textRef = ref();
+    const textValue = ref("");
+    const textShow = (el) => {
+      textRef.value = el;
+    };
+    const handleString = () => {
+      if (props.value) {
+        getStyle();
+      } else {
+        textValue.value = props.value;
+        isShowHover.value = false;
+        textStyle.value = {
+          width: props.width,
+          wordBreak: "break-all",
+          textAlign: props.textAlign
+        };
+      }
+    };
+    function joinArrayWithinMaxLength(arr, maxLength, separator = "") {
+      if (!arr || arr.length === 0 || maxLength <= 0) {
+        return { text: "", isComplete: true };
+      }
+      let result = "";
+      let currentLength = 0;
+      let i = 0;
+      for (i = 0; i < arr.length; i++) {
+        const itemToAdd = i === 0 ? arr[i] : separator + arr[i];
+        const newLength = currentLength + itemToAdd.length;
+        if (newLength >= maxLength) {
+          break;
+        }
+        result = i === 0 ? arr[i] : result + separator + arr[i];
+        currentLength = newLength;
+      }
+      const isComplete = i === arr.length;
+      return {
+        text: result,
+        isComplete
+      };
+    }
+    const handleArray = () => {
+      var _a, _b, _c, _d, _e;
+      if (props.max) {
+        const { text, isComplete } = joinArrayWithinMaxLength(props.value, props.max, ",");
+        if (isComplete) {
+          textValue.value = text;
+          isShowHover.value = false;
+        } else {
+          textValue.value = text + `等${(_a = props.value) == null ? void 0 : _a.length}${props.unit}`;
+          isShowHover.value = true;
+        }
+      } else {
+        if (Number((_b = props.value) == null ? void 0 : _b.length) > 1) {
+          textValue.value = ((_c = props.value) == null ? void 0 : _c[0]) + `等${(_d = props.value) == null ? void 0 : _d.length}${props.unit}`;
+          isShowHover.value = true;
+        } else {
+          textValue.value = (_e = props.value) == null ? void 0 : _e[0];
+          isShowHover.value = false;
+        }
+      }
+      textStyle.value = {
+        width: props.width,
+        wordBreak: "break-all",
+        textAlign: props.textAlign
+      };
+    };
+    watch([() => props.value, () => props.width, () => props.row, () => props.max], () => {
+      var _a;
+      if (Array.isArray(props.value) && ((_a = props.value) == null ? void 0 : _a.length)) {
+        handleArray();
+      } else {
+        handleString();
+      }
+    });
+    const handleShowTooltip = () => {
+      const lineHeight = Number(getComputedStyle(textRef.value).lineHeight.replace("px", ""));
+      const height = Number(getComputedStyle(textRef.value).height.replace("px", ""));
+      if (props.max) {
+        return false;
+      }
+      if (height > lineHeight * props.row * 1.2) {
+        isShowHover.value = true;
+        textStyle.value = {
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          display: "-webkit-box",
+          webkitLineClamp: props.row,
+          webkitBoxOrient: "vertical",
+          cursor: "pointer",
+          width: props.width,
+          wordBreak: "break-all",
+          textAlign: props.textAlign
+        };
+        return true;
+      }
+      return false;
+    };
+    const getStyle = () => {
+      var _a;
+      textValue.value = props.max ? (_a = props.value) == null ? void 0 : _a.substring(0, props.max) : props.value;
+      isShowHover.value = false;
+      textStyle.value = {
+        width: props.width,
+        wordBreak: "break-all",
+        textAlign: props.textAlign
+      };
+      nextTick(() => {
+        setTimeout(() => {
+          var _a2, _b;
+          if (props.max) {
+            const showTooltip = handleShowTooltip();
+            if (!showTooltip) {
+              textValue.value = ((_a2 = props.value) == null ? void 0 : _a2.length) > props.max ? textValue.value + "..." : textValue.value;
+              isShowHover.value = ((_b = props.value) == null ? void 0 : _b.length) > props.max;
+            }
+          } else {
+            handleShowTooltip();
+          }
+        });
+      });
+    };
+    onMounted(() => {
+      if (Array.isArray(props.value)) {
+        handleArray();
+      } else {
+        getStyle();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = ElTooltip;
+      return isShowHover.value ? (openBlock(), createBlock(_component_el_tooltip, {
+        key: 0,
+        content: `<div class='${__props.contentClass}'>${Array.isArray(__props.value) ? __props.value.join(",") : __props.value}</div>`,
+        "raw-content": "",
+        effect: "dark",
+        placement: "top-start",
+        "visible-arrow": false
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps({
+            ref: textShow,
+            style: { "cursor": "pointer" }
+          }, _ctx.$attrs, { style: textStyle.value }), toDisplayString(textValue.value), 17)
+        ]),
+        _: 1
+      }, 8, ["content"])) : (openBlock(), createElementBlock("div", mergeProps({
+        key: 1,
+        style: textStyle.value
+      }, _ctx.$attrs, { ref: textShow }), toDisplayString(textValue.value), 17));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};