@yimou6/common-ui 1.6.1

package/es/components/tenant-enterprise/src/tree-line.mjs

@@ -0,0 +1,131 @@
+import '../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/lodash.mjs';
+import { defineComponent, h } from 'vue';
+import isFunction from '../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/isFunction.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var TreeLine = /* @__PURE__ */ defineComponent({
+  name: "TreeLine",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    data: {
+      type: Array,
+      default: /* @__PURE__ */ __name(() => {
+      }, "default")
+    },
+    treeData: {
+      type: Array,
+      default: /* @__PURE__ */ __name(() => [], "default")
+    },
+    indent: {
+      type: Number,
+      default: 16
+    },
+    showLabelLine: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(_, context) {
+    const {
+      slots
+    } = context;
+    const getScopedSlot = /* @__PURE__ */ __name((slotName) => {
+      if (!slotName) {
+        return null;
+      }
+      const slotNameSplits = slotName.split("||");
+      let slot = null;
+      for (let index = 0; index < slotNameSplits.length; index++) {
+        const name = slotNameSplits[index];
+        slot = (slots || {})[name];
+      }
+      return slot;
+    }, "getScopedSlot");
+    const getSlotValue = /* @__PURE__ */ __name((slot, scopedData, defaultNode = null) => {
+      if (isFunction(slot)) {
+        return slot(scopedData) || defaultNode;
+      }
+      return slot || defaultNode;
+    }, "getSlotValue");
+    return {
+      getScopedSlot,
+      getSlotValue
+    };
+  },
+  render() {
+    const scopeSlotDefault = this.getScopedSlot("default");
+    const labelSlot = this.getScopedSlot("node-label");
+    const afterLabelSlot = this.getScopedSlot("after-node-label");
+    const labelNodes = scopeSlotDefault ? this.getSlotValue(scopeSlotDefault, {
+      node: this.node,
+      data: this.data
+    }) : [labelSlot ? this.getSlotValue(labelSlot, {
+      node: this.node,
+      data: this.data
+    }) : h("span", {
+      class: "element-tree-node-label"
+    }, this.node.label), this.showLabelLine ? h("span", {
+      class: "element-tree-node-label-line"
+    }) : null, this.getSlotValue(afterLabelSlot, {
+      node: this.node,
+      data: this.data
+    })];
+    const lastnodeArr = [];
+    let currentNode = this.node;
+    while (currentNode) {
+      let parentNode = currentNode.parent;
+      if (currentNode.level === 1 && !currentNode.parent) {
+        if (!this.treeData || !Array.isArray(this.treeData)) {
+          throw Error("if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.");
+        }
+        parentNode = {
+          children: Array.isArray(this.treeData) ? this.treeData.map((item) => {
+            return {
+              ...item,
+              key: item.id
+            };
+          }) : [],
+          level: 0,
+          key: "node-0",
+          parent: null
+        };
+      }
+      if (parentNode && currentNode) {
+        const index = (parentNode.children || parentNode.childNodes).findIndex((item) => {
+          return (item.key || item.id) === (currentNode.key || currentNode.id);
+        });
+        lastnodeArr.unshift(index === (parentNode.children || parentNode.childNodes).length - 1);
+      }
+      currentNode = parentNode;
+    }
+    const lineNodes = [];
+    for (let i = 0; i < this.node.level; i++) {
+      lineNodes.push(h("span", {
+        class: {
+          "element-tree-node-line-ver": true,
+          "last-node-line": lastnodeArr[i] && this.node.level - 1 !== i,
+          "last-node-isLeaf-line": lastnodeArr[i] && this.node.level - 1 === i
+        },
+        style: {
+          left: `${this.indent * i}px`
+        }
+      }));
+    }
+    return h("span", {
+      class: "element-tree-node-label-wrapper"
+    }, [labelNodes].concat(lineNodes).concat([h("span", {
+      class: "element-tree-node-line-hor",
+      style: {
+        width: `${this.node.isLeaf ? 24 : 8}px`,
+        left: `${(this.node.level - 1) * this.indent}px`
+      }
+    })]));
+  }
+});
+
+export { TreeLine as default };
+//# sourceMappingURL=tree-line.mjs.map

package/es/components/tenant-enterprise/src/tree-line.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-line.mjs","sources":["../../../../../../../packages/components/tenant-enterprise/src/tree-line.tsx"],"sourcesContent":["// eslint-disable-next-line ts/ban-ts-comment\n// @ts-nocheck\nimport { isFunction } from 'lodash-es';\nimport { defineComponent, h, type PropType } from 'vue';\nimport type { TreeData, TreeNode, TreeNodeData } from 'element-plus/es/components/tree-v2/src/types';\n\n/** 树形连接线组件 */\nexport default defineComponent({\n  name: 'TreeLine',\n  props: {\n    node: {\n      type: Object as PropType<TreeNode>,\n      required: true,\n    },\n    data: {\n      type: Array as PropType<TreeNodeData>,\n      default: () => {},\n    },\n    treeData: {\n      type: Array as PropType<TreeData>,\n      default: () => [],\n    },\n    indent: {\n      type: Number,\n      default: 16,\n    },\n    showLabelLine: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  setup(_, context) {\n    const { slots } = context;\n    const getScopedSlot = (slotName: any) => {\n      if (!slotName) {\n        return null;\n      }\n      const slotNameSplits = slotName.split('||');\n      let slot = null;\n      for (let index = 0; index < slotNameSplits.length; index++) {\n        const name = slotNameSplits[index];\n        slot = (slots || {})[name];\n      }\n      return slot;\n    };\n    const getSlotValue = (slot: any, scopedData: any, defaultNode = null) => {\n      if (isFunction(slot)) {\n        return slot(scopedData) || defaultNode;\n      }\n      return slot || defaultNode;\n    };\n\n    return {\n      getScopedSlot,\n      getSlotValue,\n    };\n  },\n  render() {\n    // 自定义整行节点label区域\n    const scopeSlotDefault = this.getScopedSlot('default');\n    // 显示横线时自定义节点label区域\n    const labelSlot = this.getScopedSlot('node-label');\n    // 显示横线时追加在横线右边的内容\n    const afterLabelSlot = this.getScopedSlot('after-node-label');\n    const labelNodes = scopeSlotDefault\n      ? this.getSlotValue(scopeSlotDefault, {\n          node: this.node,\n          data: this.data,\n        })\n      : [\n          labelSlot\n            ? this.getSlotValue(labelSlot, {\n                node: this.node,\n                data: this.data,\n              })\n            : h('span', { class: 'element-tree-node-label' }, this.node.label),\n          this.showLabelLine\n            ? h('span', {\n                class: 'element-tree-node-label-line',\n              })\n            : null,\n          this.getSlotValue(afterLabelSlot, {\n            node: this.node,\n            data: this.data,\n          }),\n        ];\n    // 取得每一层的当前节点是不是在当前层级列表的最后一个\n    const lastnodeArr = [];\n    let currentNode: TreeNode | undefined = this.node;\n    while (currentNode) {\n      let parentNode: any = currentNode.parent;\n      // 兼容element-plus的 el-tree-v2 (Virtualized Tree 虚拟树)\n      if (currentNode.level === 1 && !currentNode.parent) {\n        // el-tree-v2的第一层node是没有parent的，必需 treeData 创建一个parent\n        if (!this.treeData || !Array.isArray(this.treeData)) {\n          throw Error('if you using el-tree-v2 (Virtualized Tree) of element-plus,element-tree-line required data.');\n        }\n        parentNode = {\n          children: Array.isArray(this.treeData)\n            ? this.treeData.map(item => {\n                return { ...item, key: item.id };\n              })\n            : [],\n          level: 0,\n          key: 'node-0',\n          parent: null,\n        };\n      }\n      if (parentNode && currentNode) {\n        // element-plus的 el-tree-v2 使用的是children和key， 其他使用的是 childNodes和id\n        const index = (parentNode.children || parentNode.childNodes).findIndex((item: any) => {\n          return (item.key || item.id) === (currentNode.key || currentNode.id);\n        });\n        lastnodeArr.unshift(index === (parentNode.children || parentNode.childNodes).length - 1);\n      }\n      currentNode = parentNode;\n    }\n    const lineNodes = [];\n    for (let i = 0; i < this.node.level; i++) {\n      lineNodes.push(\n        h('span', {\n          class: {\n            'element-tree-node-line-ver': true,\n            'last-node-line': lastnodeArr[i] && this.node.level - 1 !== i,\n            'last-node-isLeaf-line': lastnodeArr[i] && this.node.level - 1 === i,\n          },\n          style: { left: `${this.indent * i}px` },\n        }),\n      );\n    }\n    return h(\n      'span',\n      {\n        class: 'element-tree-node-label-wrapper',\n      },\n      [labelNodes].concat(lineNodes).concat([\n        h('span', {\n          class: 'element-tree-node-line-hor',\n          style: {\n            width: `${this.node.isLeaf ? 24 : 8}px`,\n            left: `${(this.node.level - 1) * this.indent}px`,\n          },\n        }),\n      ]),\n    );\n  },\n});\n"],"names":["name","props","node","type","Object","required","data","Array","default","treeData","indent","Number","showLabelLine","Boolean","setup","_","context","slots","getScopedSlot","slotName","slotNameSplits","split","slot","index","length","getSlotValue","scopedData","defaultNode","isFunction","render","scopeSlotDefault","labelSlot","afterLabelSlot","labelNodes","h","class","label","lastnodeArr","currentNode","parentNode","parent","level","isArray","Error","children","map","item","key","id","childNodes","findIndex","unshift","lineNodes","i","push","style","left","concat","width","isLeaf"],"mappings":"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"}

package/es/components/text-button/index.d.ts

@@ -0,0 +1,54 @@
+export declare const ITextButton: import("../../types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<import("./src/text-button").builtInIconType | string>;
+        default: string;
+    };
+    textColor: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<import("./src/text-button").builtInIconType | string>;
+            default: string;
+        };
+        textColor: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }> & {}>;
+    emits: (event: "click", evt: MouseEvent) => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    textButtonRef: import("vue").ShallowRef<any, any>;
+    textButtonIcon: import("vue").Ref<string, string>;
+    cacheTextButtonColor: string;
+    textButtonColor: import("vue").Ref<string, string>;
+    handleMousedown: () => void;
+    handleMouseup: () => void;
+    handleClick: (evt: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<import("./src/text-button").builtInIconType | string>;
+        default: string;
+    };
+    textColor: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {
+    icon: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default ITextButton;

package/es/components/text-button/index.mjs

@@ -0,0 +1,9 @@
+import '../../utils/index.mjs';
+import './src/text-button.vue.mjs';
+import { withInstall } from '../../utils/install.mjs';
+import _sfc_main from './src/text-button.vue2.mjs';
+
+const ITextButton = withInstall(_sfc_main);
+
+export { ITextButton, ITextButton as default };
+//# sourceMappingURL=index.mjs.map

package/es/components/text-button/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/components/text-button/index.ts"],"sourcesContent":["import { withInstall } from '../../utils';\nimport TextButton from './src/text-button.vue';\n\nexport const ITextButton = withInstall(TextButton); // 增加类型\n\nexport default ITextButton;\n"],"names":["TextButton"],"mappings":";;;;;AAGa,MAAA,WAAA,GAAc,YAAYA,SAAU;;;;"}

package/es/components/text-button/src/text-button.d.ts

@@ -0,0 +1,23 @@
+import type { ExtractPropTypes, PropType } from 'vue';
+import type TextButton from './text-button.vue';
+export type builtInIconType = 'edit' | 'add' | 'view' | 'del' | 'download' | 'upload' | 'import' | 'export';
+export declare const builtInIcon: Record<builtInIconType, any>;
+export declare const textButtonProps: {
+    icon: {
+        type: PropType<builtInIconType | string>;
+        default: string;
+    };
+    textColor: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export declare const textButtonEmits: {
+    click: (evt: MouseEvent) => boolean;
+};
+export type TextButtonEmits = typeof textButtonEmits;
+export type TextButtonPropsType = ExtractPropTypes<typeof textButtonProps>;
+export type TextButtonInstance = InstanceType<typeof TextButton>;
+export declare function darkenColor(color: string, level: number): string;
+export declare function getElementColor(el: HTMLElement): string;

package/es/components/text-button/src/text-button.mjs

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const builtInIcon = {
+  add: { icon: "icon-xinzeng" },
+  del: { icon: "icon-shanchu", color: "var(--el-color-danger)" },
+  edit: { icon: "icon-xiugai" },
+  view: { icon: "icon-chakan" },
+  download: { icon: "icon-xiazai11" },
+  upload: { icon: "icon-shangchuan1" },
+  import: { icon: "icon-daoru" },
+  export: { icon: "icon-daochu" }
+};
+const textButtonProps = {
+  // 按钮图标
+  // 1、内置图标：add(新增),del(删除),edit(编辑),view(详情),download(下载),upload(上传),import(导入),export(导出)
+  // 2、可使用iconfont的图标
+  // 3、可使用slot.icon自定义图标
+  icon: {
+    type: String,
+    default: ""
+  },
+  // 按钮文字颜色
+  textColor: String,
+  // 是否禁用
+  disabled: {
+    type: Boolean,
+    default: false
+  }
+};
+const textButtonEmits = {
+  click: /* @__PURE__ */ __name((evt) => evt instanceof MouseEvent, "click")
+};
+function darkenColor(color, level) {
+  let match = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i);
+  if (!match) {
+    color = hexToRgb(color);
+    match = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/i);
+  }
+  if (!match) {
+    throw new Error("Invalid color format");
+  }
+  const [r, g, b, a] = match.slice(1).map((val, i) => i === 3 ? parseFloat(val) : parseInt(val, 10));
+  const darkenedR = Math.max(0, r - 255 * level);
+  const darkenedG = Math.max(0, g - 255 * level);
+  const darkenedB = Math.max(0, b - 255 * level);
+  return `rgba(${darkenedR}, ${darkenedG}, ${darkenedB}, ${a || 1})`;
+}
+__name(darkenColor, "darkenColor");
+function getElementColor(el) {
+  const computedStyle = window.getComputedStyle(el);
+  return computedStyle.color;
+}
+__name(getElementColor, "getElementColor");
+function hexToRgb(hex) {
+  hex = hex.replace(/^#/, "");
+  const bigint = parseInt(hex, 16);
+  const r = bigint >> 16 & 255;
+  const g = bigint >> 8 & 255;
+  const b = bigint & 255;
+  return `rgb(${r}, ${g}, ${b})`;
+}
+__name(hexToRgb, "hexToRgb");
+
+export { builtInIcon, darkenColor, getElementColor, textButtonEmits, textButtonProps };
+//# sourceMappingURL=text-button.mjs.map

package/es/components/text-button/src/text-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.mjs","sources":["../../../../../../../packages/components/text-button/src/text-button.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue';\nimport type TextButton from './text-button.vue';\n\n// 内置图标\nexport type builtInIconType = 'edit' | 'add' | 'view' | 'del' | 'download' | 'upload' | 'import' | 'export';\n// 内置图标配置\nexport const builtInIcon: Record<builtInIconType, any> = {\n  add: { icon: 'icon-xinzeng' },\n  del: { icon: 'icon-shanchu', color: 'var(--el-color-danger)' },\n  edit: { icon: 'icon-xiugai' },\n  view: { icon: 'icon-chakan' },\n  download: { icon: 'icon-xiazai11' },\n  upload: { icon: 'icon-shangchuan1' },\n  import: { icon: 'icon-daoru' },\n  export: { icon: 'icon-daochu' },\n};\n\nexport const textButtonProps = {\n  // 按钮图标\n  // 1、内置图标：add(新增),del(删除),edit(编辑),view(详情),download(下载),upload(上传),import(导入),export(导出)\n  // 2、可使用iconfont的图标\n  // 3、可使用slot.icon自定义图标\n  icon: {\n    type: String as PropType<builtInIconType | string>,\n    default: '',\n  },\n  // 按钮文字颜色\n  textColor: String,\n  // 是否禁用\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n};\n\nexport const textButtonEmits = {\n  click: (evt: MouseEvent) => evt instanceof MouseEvent,\n};\n\nexport type TextButtonEmits = typeof textButtonEmits;\nexport type TextButtonPropsType = ExtractPropTypes<typeof textButtonProps>;\nexport type TextButtonInstance = InstanceType<typeof TextButton>;\n\n/**\n * 颜色加深\n * @param color\n * @param level 颜色加深程度，取值范围[0,1]\n */\nexport function darkenColor(color: string, level: number): string {\n  // 解析颜色值\n  let match = color.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i);\n  if (!match) {\n    // 如果不是rgb或rgba格式，则尝试转换为16进制\n    color = hexToRgb(color);\n    match = color.match(/^rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)(?:,\\s*(\\d+(?:\\.\\d+)?))?\\)$/i);\n  }\n  if (!match) {\n    throw new Error('Invalid color format');\n  }\n  const [r, g, b, a] = match.slice(1).map((val, i) => (i === 3 ? parseFloat(val) : parseInt(val, 10)));\n  // 计算加深后的颜色\n  const darkenedR = Math.max(0, r - 255 * level);\n  const darkenedG = Math.max(0, g - 255 * level);\n  const darkenedB = Math.max(0, b - 255 * level);\n  // 返回加深后的颜色\n  return `rgba(${darkenedR}, ${darkenedG}, ${darkenedB}, ${a || 1})`;\n}\n\n/**\n * 获取当前Element的颜色(color)\n */\nexport function getElementColor(el: HTMLElement): string {\n  const computedStyle = window.getComputedStyle(el);\n  return computedStyle.color;\n}\n\n/**\n * 将16进制颜色转换为rgb格式\n * @param hex\n */\nfunction hexToRgb(hex: string): string {\n  hex = hex.replace(/^#/, '');\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":[],"mappings":"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"}

package/es/components/text-button/src/text-button.vue.d.ts

@@ -0,0 +1,55 @@
+import { type builtInIconType } from './text-button';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<builtInIconType | string>;
+        default: string;
+    };
+    textColor: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        icon: {
+            type: import("vue").PropType<builtInIconType | string>;
+            default: string;
+        };
+        textColor: StringConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((evt: MouseEvent) => any) | undefined;
+    }> & {}>;
+    emits: (event: "click", evt: MouseEvent) => void;
+    slots: Readonly<{
+        [name: string]: import("vue").Slot<any> | undefined;
+    }>;
+    textButtonRef: import("vue").ShallowRef<any, any>;
+    textButtonIcon: import("vue").Ref<string, string>;
+    cacheTextButtonColor: string;
+    textButtonColor: import("vue").Ref<string, string>;
+    handleMousedown: () => void;
+    handleMouseup: () => void;
+    handleClick: (evt: MouseEvent) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (evt: MouseEvent) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: import("vue").PropType<builtInIconType | string>;
+        default: string;
+    };
+    textColor: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((evt: MouseEvent) => any) | undefined;
+}>, {
+    icon: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/text-button/src/text-button.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './text-button.vue2.mjs';
+
+
+
+export { _sfc_main as default };
+//# sourceMappingURL=text-button.vue.mjs.map

package/es/components/text-button/src/text-button.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/components/text-button/src/text-button.vue2.mjs

@@ -0,0 +1,103 @@
+import { defineComponent, useSlots, shallowRef, ref, watchEffect, openBlock, createElementBlock, normalizeClass, normalizeStyle, createCommentVNode, unref, renderSlot, createElementVNode } from 'vue';
+import { textButtonProps, textButtonEmits, builtInIcon, darkenColor, getElementColor } from './text-button.mjs';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = {
+  key: 0,
+  class: "i-text-button__icon"
+};
+const _hoisted_2 = { class: "i-text-button__label" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "ITextButton"
+  },
+  __name: "text-button",
+  props: textButtonProps,
+  emits: textButtonEmits,
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const slots = useSlots();
+    const textButtonRef = shallowRef();
+    const textButtonIcon = ref("");
+    let cacheTextButtonColor = "";
+    const textButtonColor = ref("");
+    watchEffect(() => {
+      if (props.icon) {
+        const builtInIconKeys = Object.keys(builtInIcon);
+        if (builtInIconKeys.includes(props.icon)) {
+          textButtonIcon.value = builtInIcon[props.icon].icon;
+          textButtonColor.value = props.textColor || builtInIcon[props.icon].color || "var(--el-color-primary)";
+        } else {
+          textButtonIcon.value = props.icon;
+          textButtonColor.value = props.textColor || "var(--el-color-primary)";
+        }
+      } else {
+        textButtonIcon.value = "";
+        textButtonColor.value = props.textColor || "var(--el-color-primary)";
+      }
+    });
+    const handleMousedown = /* @__PURE__ */ __name(() => {
+      cacheTextButtonColor = textButtonColor.value;
+      textButtonColor.value = darkenColor(getElementColor(textButtonRef.value), 0.2);
+    }, "handleMousedown");
+    const handleMouseup = /* @__PURE__ */ __name(() => {
+      textButtonColor.value = cacheTextButtonColor || "var(--el-color-primary)";
+    }, "handleMouseup");
+    const handleClick = /* @__PURE__ */ __name((evt) => {
+      if (!props.disabled) emits("click", evt);
+    }, "handleClick");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          ref_key: "textButtonRef",
+          ref: textButtonRef,
+          class: normalizeClass(["i-text-button", {
+            "i-text-button__disabled": _ctx.disabled
+          }]),
+          style: normalizeStyle({ color: textButtonColor.value }),
+          onMousedown: handleMousedown,
+          onMouseup: handleMouseup,
+          onClick: handleClick
+        },
+        [
+          createCommentVNode("  \u56FE\u6807  "),
+          textButtonIcon.value || unref(slots).icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+            unref(slots).icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createElementBlock(
+              "i",
+              {
+                key: 1,
+                class: normalizeClass(["iconfont", [textButtonIcon.value]])
+              },
+              null,
+              2
+              /* CLASS */
+            ))
+          ])) : createCommentVNode("v-if", true),
+          createCommentVNode("  \u6587\u672C  "),
+          createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          createCommentVNode("  \u4E0B\u5212\u7EBF  "),
+          createElementVNode(
+            "span",
+            {
+              class: "i-text-button__line",
+              style: normalizeStyle({ backgroundColor: textButtonColor.value })
+            },
+            null,
+            4
+            /* STYLE */
+          )
+        ],
+        38
+        /* CLASS, STYLE, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=text-button.vue2.mjs.map

package/es/components/text-button/src/text-button.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.vue2.mjs","sources":["../../../../../../../packages/components/text-button/src/text-button.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { ref, shallowRef, useSlots, watchEffect } from 'vue';\n  import {\n    builtInIcon,\n    type builtInIconType,\n    darkenColor,\n    getElementColor,\n    textButtonEmits,\n    textButtonProps,\n  } from './text-button';\n\n  defineOptions({\n    name: 'ITextButton',\n  });\n  const props = defineProps(textButtonProps);\n  const emits = defineEmits(textButtonEmits);\n  const slots = useSlots();\n  const textButtonRef = shallowRef();\n\n  const textButtonIcon = ref('');\n  let cacheTextButtonColor = '';\n  const textButtonColor = ref('');\n\n  watchEffect(() => {\n    if (props.icon) {\n      const builtInIconKeys = Object.keys(builtInIcon);\n      if (builtInIconKeys.includes(props.icon)) {\n        textButtonIcon.value = builtInIcon[props.icon as builtInIconType].icon;\n        textButtonColor.value =\n          props.textColor || builtInIcon[props.icon as builtInIconType].color || 'var(--el-color-primary)';\n      } else {\n        textButtonIcon.value = props.icon;\n        textButtonColor.value = props.textColor || 'var(--el-color-primary)';\n      }\n    } else {\n      textButtonIcon.value = '';\n      textButtonColor.value = props.textColor || 'var(--el-color-primary)';\n    }\n  });\n\n  const handleMousedown = () => {\n    cacheTextButtonColor = textButtonColor.value;\n    textButtonColor.value = darkenColor(getElementColor(textButtonRef.value), 0.2);\n  };\n\n  const handleMouseup = () => {\n    textButtonColor.value = cacheTextButtonColor || 'var(--el-color-primary)';\n  };\n\n  const handleClick = (evt: MouseEvent) => {\n    if (!props.disabled) emits('click', evt);\n  };\n</script>\n\n<template>\n  <div\n    ref=\"textButtonRef\"\n    class=\"i-text-button\"\n    :class=\"{\n      'i-text-button__disabled': disabled,\n    }\"\n    :style=\"{ color: textButtonColor }\"\n    @mousedown=\"handleMousedown\"\n    @mouseup=\"handleMouseup\"\n    @click=\"handleClick\"\n  >\n    <!--  图标  -->\n    <div v-if=\"textButtonIcon || slots.icon\" class=\"i-text-button__icon\">\n      <slot v-if=\"slots.icon\" name=\"icon\" />\n      <i v-else class=\"iconfont\" :class=\"[textButtonIcon]\" />\n    </div>\n    <!--  文本  -->\n    <div class=\"i-text-button__label\">\n      <slot name=\"default\" />\n    </div>\n    <!--  下划线  -->\n    <span class=\"i-text-button__line\" :style=\"{ backgroundColor: textButtonColor }\" />\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAcE,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,IAAA,MAAM,gBAAgB,UAAW,EAAA;AAEjC,IAAM,MAAA,cAAA,GAAiB,IAAI,EAAE,CAAA;AAC7B,IAAA,IAAI,oBAAuB,GAAA,EAAA;AAC3B,IAAM,MAAA,eAAA,GAAkB,IAAI,EAAE,CAAA;AAE9B,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,IAAI,MAAM,IAAM,EAAA;AACd,QAAM,MAAA,eAAA,GAAkB,MAAO,CAAA,IAAA,CAAK,WAAW,CAAA;AAC/C,QAAA,IAAI,eAAgB,CAAA,QAAA,CAAS,KAAM,CAAA,IAAI,CAAG,EAAA;AACxC,UAAA,cAAA,CAAe,KAAQ,GAAA,WAAA,CAAY,KAAM,CAAA,IAAuB,CAAE,CAAA,IAAA;AAClE,UAAA,eAAA,CAAgB,QACd,KAAM,CAAA,SAAA,IAAa,YAAY,KAAM,CAAA,IAAuB,EAAE,KAAS,IAAA,yBAAA;AAAA,SACpE,MAAA;AACL,UAAA,cAAA,CAAe,QAAQ,KAAM,CAAA,IAAA;AAC7B,UAAgB,eAAA,CAAA,KAAA,GAAQ,MAAM,SAAa,IAAA,yBAAA;AAAA;AAC7C,OACK,MAAA;AACL,QAAA,cAAA,CAAe,KAAQ,GAAA,EAAA;AACvB,QAAgB,eAAA,CAAA,KAAA,GAAQ,MAAM,SAAa,IAAA,yBAAA;AAAA;AAC7C,KACD,CAAA;AAED,IAAA,MAAM,kCAAwB,MAAA,CAAA,MAAA;AAC5B,MAAA,oBAAA,GAAuB,eAAgB,CAAA,KAAA;AACvC,MAAA,eAAA,CAAgB,QAAQ,WAAY,CAAA,eAAA,CAAgB,aAAc,CAAA,KAAK,GAAG,GAAG,CAAA;AAAA,KAFvD,EAAA,iBAAA,CAAA;AAKxB,IAAA,MAAM,gCAAsB,MAAA,CAAA,MAAA;AAC1B,MAAA,eAAA,CAAgB,QAAQ,oBAAwB,IAAA,yBAAA;AAAA,KAD5B,EAAA,eAAA,CAAA;AAItB,IAAM,MAAA,WAAA,2BAAe,GAAoB,KAAA;AACvC,MAAA,IAAI,CAAC,KAAA,CAAM,QAAU,EAAA,KAAA,CAAM,SAAS,GAAG,CAAA;AAAA,KADrB,EAAA,aAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/element-plus.types.d.ts

@@ -0,0 +1,161 @@
+import type { Component } from 'vue';
+export interface ElInputProps {
+    size?: '' | 'default' | 'small' | 'large';
+    disabled?: boolean;
+    modelValue?: string | number | null | undefined;
+    maxlength?: string | number;
+    minlength?: string | number;
+    type?: string;
+    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
+    autosize?: boolean | object;
+    autocomplete?: string;
+    formatter?: Function;
+    parser?: Function;
+    placeholder?: string;
+    form?: string;
+    readonly?: boolean;
+    clearable?: boolean;
+    showPassword?: boolean;
+    showWordLimit?: boolean;
+    suffixIcon?: string | Component;
+    prefixIcon?: string | Component;
+    containerRole?: string | undefined;
+    tabindex?: string | number;
+    validateEvent?: boolean;
+    autofocus?: boolean;
+    inputStyle?: object | any[] | string;
+    rows?: number;
+}
+export interface ElSelectProps {
+    multiple?: boolean;
+    disabled?: boolean;
+    valueKey?: string;
+    size?: '' | 'large' | 'default' | 'small';
+    clearable?: boolean;
+    collapseTags?: boolean;
+    collapseTagsTooltip?: boolean;
+    multipleLimit?: number;
+    name?: string;
+    effect?: 'dark' | 'light';
+    autocomplete?: string;
+    placeholder?: string;
+    filterable?: boolean;
+    allowCreate?: boolean;
+    filterMethod?: () => void;
+    remote?: boolean;
+    remoteMethod?: () => void;
+    remoteShowSuffix?: boolean;
+    loading?: boolean;
+    loadingText?: string;
+    noMatchText?: string;
+    noDataText?: string;
+    popperClass?: string;
+    reserveKeyword?: boolean;
+    defaultFirstOption?: boolean;
+    teleported?: boolean;
+    persistent?: boolean;
+    clearIcon?: string | object;
+    fitInputWidth?: boolean;
+}
+export interface ElInputNumberProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    stepStrictly?: boolean;
+    precision?: number;
+    size?: 'large' | 'default' | 'small';
+    readonly?: boolean;
+    disabled?: boolean;
+    controls?: boolean;
+    controlsPosition?: '' | 'right';
+}
+export interface ElDatePickerProps {
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: '' | 'large' | 'default' | 'small';
+    editable?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    type?: 'year' | 'years' | 'month' | 'months' | 'date' | 'dates' | 'datetime' | 'week' | 'datetimerange' | 'daterange' | 'monthrange' | 'yearrange';
+    format?: string;
+    popperClass?: string;
+    popperOptions?: object;
+    rangeSeparator?: string;
+    defaultValue?: object;
+    defaultTime?: object;
+    valueFormat?: string;
+    unlinkPanels?: boolean;
+    shortcuts?: object;
+    teleported?: boolean;
+}
+export interface ElCascaderProps {
+    size?: '' | 'large' | 'default' | 'small';
+    disabled?: boolean;
+    clearable?: boolean;
+    filterable?: boolean;
+    filterMethod?: () => void;
+    separator?: string;
+    showAllLevels?: boolean;
+    collapseTags?: boolean;
+    collapseTagsTooltip?: boolean;
+    debounce?: number;
+    beforeFilter?: () => void;
+    popperClass?: string;
+    placeholder?: string;
+    props?: {
+        multiple?: boolean;
+        value?: string;
+        label?: string;
+        children?: string;
+        disabled?: string;
+        leaf?: string;
+        checkStrictly?: boolean;
+        emitPath?: boolean;
+        expandTrigger?: 'click' | 'hover';
+        lazy?: boolean;
+        lazyLoad?: () => void;
+        hoverThreshold?: number;
+    };
+    expandTrigger?: 'click' | 'hover';
+    options?: Record<string, unknown>[];
+}
+export interface ElSwitchProps {
+    disabled?: boolean;
+    loading?: boolean;
+    inlinePrompt?: boolean;
+    size?: '' | 'large' | 'default' | 'small';
+    width?: number | string;
+    activeText?: string;
+    inactiveText?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    activeValue?: string | number | boolean;
+    inactiveValue?: string | number | boolean;
+    modelValue?: string | number | boolean;
+    name?: string;
+    validateEvent?: boolean;
+    tabindex?: string | number;
+}
+export interface ElTimePickerProps {
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: '' | 'large' | 'default' | 'small';
+    editable?: boolean;
+    clearable?: boolean;
+    placeholder?: string;
+    startPlaceholder?: string;
+    endPlaceholder?: string;
+    format?: string;
+    valueFormat?: string;
+    rangeSeparator?: string;
+    defaultValue?: object;
+    isRange?: boolean;
+    arrowControl?: boolean;
+    popperClass?: string;
+    disabledHours?: (role: string, comparingDate?: any) => number[];
+    disabledMinutes?: (hour: number, role: string, comparingDate?: any) => number[];
+    disabledSeconds?: (hour: number, minute: number, role: string, comparingDate?: any) => number[];
+    teleported?: boolean;
+}