yc-pro-components 0.0.1

package/es/components/yc-icon/src/types.d.ts

@@ -0,0 +1,35 @@
+/**
+ * 图标属性类型
+ * @see https://docs.iconify.design/icon-components/vue/#properties
+ */
+export interface YcIconType {
+    /** 是否内联显示 */
+    inline?: boolean;
+    /** 图标宽度 */
+    width?: string | number;
+    /** 图标高度 */
+    height?: string | number;
+    /** 水平翻转 */
+    horizontalFlip?: boolean;
+    /** 垂直翻转 */
+    verticalFlip?: boolean;
+    /** 翻转方向 */
+    flip?: string;
+    /** 旋转角度 */
+    rotate?: number | string;
+    /** 颜色 */
+    color?: string;
+    /** 水平对齐 */
+    horizontalAlign?: boolean;
+    /** 垂直对齐 */
+    verticalAlign?: boolean;
+    /** 对齐方式 */
+    align?: string;
+    /** 加载完成回调 */
+    onLoad?: Function;
+    includes?: Function;
+    /** SVG 填充色 */
+    fill?: string;
+    /** 样式对象 */
+    style?: object;
+}

package/es/components/yc-icon/src/types.mjs

@@ -0,0 +1 @@
+

package/es/components/yc-line-tree/index.d.ts

@@ -0,0 +1,55 @@
+import { TreeNode, TreeNodeData, TreeData } from 'element-plus/es/components/tree-v2/src/types';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { SFCWithInstall } from 'yc-components/es/utils';
+import { YcLineTreeProps } from './src/type';
+import { default as YcLineTree } from './src/index.vue';
+
+export declare const YcLineTreeWithInstall: SFCWithInstall<DefineComponent<{
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    data: {
+        type: PropType<TreeNodeData>;
+        default: () => void;
+    };
+    treeData: {
+        type: PropType<TreeData>;
+        default: () => never[];
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    getScopedSlot: (slotName: string) => ((...args: unknown[]) => unknown) | undefined;
+    getSlotValue: (slot: any, scopedData: any, defaultNode?: null) => any;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    data: {
+        type: PropType<TreeNodeData>;
+        default: () => void;
+    };
+    treeData: {
+        type: PropType<TreeData>;
+        default: () => never[];
+    };
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    data: TreeNodeData;
+    indent: number;
+    treeData: TreeData;
+}, {}>>;
+export { YcLineTree };
+export type { YcLineTreeProps };
+export default YcLineTree;
+export { YcLineTree as ReLineTree };
+export type { YcLineTreeProps as ReLineTreeProps } from './src/type';
+export type { TreeNode, TreeData } from './src/type';
+export type YcLineTreeInstance = InstanceType<typeof YcLineTree>;

package/es/components/yc-line-tree/index.mjs

@@ -0,0 +1,13 @@
+import 'js-cookie';
+import 'dayjs';
+import 'numeral';
+import 'accounting';
+import 'good-storage';
+import 'crypto-js';
+import 'qs';
+import { withInstall as l } from '../../utils/dist/component.mjs';
+import YcLineTree from './src/index.vue.mjs';
+
+const YcLineTreeWithInstall = l(YcLineTree);
+
+export { YcLineTree as ReLineTree, YcLineTree, YcLineTreeWithInstall, YcLineTree as default };

package/es/components/yc-line-tree/src/index.vue.d.ts

@@ -0,0 +1,55 @@
+import { TreeNodeData } from 'element-plus/es/components/tree-v2/src/types';
+import { TreeNode, TreeData } from './type';
+import { PropType, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+
+declare const _default: DefineComponent<{
+    /** 树节点对象 */
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    /** 节点数据 */
+    data: {
+        type: PropType<TreeNodeData>;
+        default: () => void;
+    };
+    /** 完整树数据（用于 el-tree-v2 虚拟树） */
+    treeData: {
+        type: PropType<TreeData>;
+        default: () => never[];
+    };
+    /** 缩进距离 */
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    getScopedSlot: (slotName: string) => ((...args: unknown[]) => unknown) | undefined;
+    getSlotValue: (slot: any, scopedData: any, defaultNode?: null) => any;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    /** 树节点对象 */
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    /** 节点数据 */
+    data: {
+        type: PropType<TreeNodeData>;
+        default: () => void;
+    };
+    /** 完整树数据（用于 el-tree-v2 虚拟树） */
+    treeData: {
+        type: PropType<TreeData>;
+        default: () => never[];
+    };
+    /** 缩进距离 */
+    indent: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    data: TreeNodeData;
+    indent: number;
+    treeData: TreeData;
+}, {}>;
+export default _default;

package/es/components/yc-line-tree/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcLineTree = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { YcLineTree as default };

package/es/components/yc-line-tree/src/index.vue2.mjs

@@ -0,0 +1,140 @@
+import { isFunction } from 'lodash-es';
+import { defineComponent, h } from 'vue';
+
+var _sfc_main = defineComponent({
+  name: "YcLineTree",
+  props: {
+    /** 树节点对象 */
+    node: {
+      type: Object,
+      required: true
+    },
+    /** 节点数据 */
+    data: {
+      type: Array,
+      default: () => {
+      }
+    },
+    /** 完整树数据（用于 el-tree-v2 虚拟树） */
+    treeData: {
+      type: Array,
+      default: () => []
+    },
+    /** 缩进距离 */
+    indent: {
+      type: Number,
+      default: 16
+    }
+  },
+  setup(_, context) {
+    const { slots } = context;
+    const getScopedSlot = (slotName) => {
+      if (!slotName) {
+        return void 0;
+      }
+      const slotNameSplits = slotName.split("||");
+      let slot = void 0;
+      for (let index = 0; index < slotNameSplits.length; index++) {
+        const name = slotNameSplits[index];
+        slot = (slots || {})[name];
+      }
+      return slot;
+    };
+    const getSlotValue = (slot, scopedData, defaultNode = null) => {
+      if (isFunction(slot)) {
+        return slot(scopedData) || defaultNode;
+      }
+      return slot || defaultNode;
+    };
+    return {
+      getScopedSlot,
+      getSlotValue
+    };
+  },
+  render() {
+    const scopeSlotDefault = this.getScopedSlot("default");
+    const labelSlot = this.getScopedSlot("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: "yc-tree-node-label" }, this.node.label)
+    ];
+    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, YcLineTree required treeData prop."
+          );
+        }
+        parentNode = {
+          children: Array.isArray(this.treeData) ? this.treeData.map((item) => {
+            return { ...item, key: item.id };
+          }) : [],
+          level: 0,
+          key: "node-0",
+          parent: null
+        };
+      }
+      if (parentNode) {
+        const index = (parentNode.children || parentNode.childNodes).findIndex(
+          (item) => (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: {
+            "yc-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: {
+            position: "absolute",
+            top: "0",
+            display: "block",
+            height: lastnodeArr[i] && this.node.level - 1 === i ? "50%" : "100%",
+            left: this.indent * i + "px"
+          }
+        })
+      );
+    }
+    return h(
+      "span",
+      {
+        class: "yc-tree-node-label-wrapper",
+        style: {
+          position: "relative",
+          display: "flex",
+          flex: "1",
+          alignItems: "center"
+        }
+      },
+      [labelNodes].concat(lineNodes).concat([
+        h("span", {
+          class: "yc-tree-node-line-hor",
+          style: {
+            position: "absolute",
+            top: "50%",
+            display: "block",
+            height: "0",
+            width: (this.node.isLeaf ? 24 : 8) + "px",
+            left: (this.node.level - 1) * this.indent + "px"
+          }
+        })
+      ])
+    );
+  }
+});
+
+export { _sfc_main as default };

package/es/components/yc-line-tree/src/type.d.ts

@@ -0,0 +1,18 @@
+import { TreeNode, TreeData, TreeNodeData } from 'element-plus/es/components/tree-v2/src/types';
+
+export type { TreeNode, TreeData };
+type ElTreeNodeData = TreeNodeData;
+/**
+ * YcLineTree 组件 Props 接口
+ */
+export interface YcLineTreeProps {
+    /** 树节点对象 */
+    node: TreeNode;
+    /** 节点数据（可选） */
+    data?: ElTreeNodeData[];
+    /** 完整树数据（用于 el-tree-v2 虚拟树） */
+    treeData?: TreeData;
+    /** 缩进距离，默认 16px */
+    indent?: number;
+}
+export type ReLineTreeProps = YcLineTreeProps;

package/es/components/yc-line-tree/src/type.mjs

@@ -0,0 +1 @@
+

package/es/components/yc-more-actions/index.d.ts

@@ -0,0 +1,225 @@
+import { MoreActionItem, TriggerButtonProps } from './src/type';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { default as YcMoreActionsComponent } from './src/index.vue';
+
+export * from './src/type';
+export type YcMoreActionsInstance = InstanceType<typeof YcMoreActionsComponent>;
+export declare const YcMoreActions: DefineComponent<{
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    context: {
+        type: PropType<object | Record<string, unknown> | null>;
+    };
+    stopPropagation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actions: {
+        type: PropType< MoreActionItem[]>;
+        required: true;
+        default: () => never[];
+    };
+    triggerButton: {
+        type: PropType<TriggerButtonProps>;
+        default: () => {
+            type: string;
+            size: string;
+            link: boolean;
+            text: string;
+        };
+    };
+    dropdownClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    dropdownStyle: {
+        type: PropType<Record<string, string | number>>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "visible-change": (visible: boolean) => void;
+    "action-click": (key: string, context?: unknown) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    context: {
+        type: PropType<object | Record<string, unknown> | null>;
+    };
+    stopPropagation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actions: {
+        type: PropType< MoreActionItem[]>;
+        required: true;
+        default: () => never[];
+    };
+    triggerButton: {
+        type: PropType<TriggerButtonProps>;
+        default: () => {
+            type: string;
+            size: string;
+            link: boolean;
+            text: string;
+        };
+    };
+    dropdownClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    dropdownStyle: {
+        type: PropType<Record<string, string | number>>;
+        default: () => {};
+    };
+}>> & {
+    "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
+}, {
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
+    stopPropagation: boolean;
+    actions: MoreActionItem[];
+    triggerButton: TriggerButtonProps;
+    dropdownClass: string;
+    dropdownStyle: Record<string, string | number>;
+}, {}>;
+export declare const ReMoreActions: DefineComponent<{
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    context: {
+        type: PropType<object | Record<string, unknown> | null>;
+    };
+    stopPropagation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actions: {
+        type: PropType< MoreActionItem[]>;
+        required: true;
+        default: () => never[];
+    };
+    triggerButton: {
+        type: PropType<TriggerButtonProps>;
+        default: () => {
+            type: string;
+            size: string;
+            link: boolean;
+            text: string;
+        };
+    };
+    dropdownClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    dropdownStyle: {
+        type: PropType<Record<string, string | number>>;
+        default: () => {};
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "visible-change": (visible: boolean) => void;
+    "action-click": (key: string, context?: unknown) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    placement: {
+        type: PropType<"top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end">;
+        default: string;
+    };
+    trigger: {
+        type: PropType<"hover" | "click" | "contextmenu">;
+        default: string;
+    };
+    disabled: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    showArrow: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    context: {
+        type: PropType<object | Record<string, unknown> | null>;
+    };
+    stopPropagation: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    actions: {
+        type: PropType< MoreActionItem[]>;
+        required: true;
+        default: () => never[];
+    };
+    triggerButton: {
+        type: PropType<TriggerButtonProps>;
+        default: () => {
+            type: string;
+            size: string;
+            link: boolean;
+            text: string;
+        };
+    };
+    dropdownClass: {
+        type: PropType<string>;
+        default: string;
+    };
+    dropdownStyle: {
+        type: PropType<Record<string, string | number>>;
+        default: () => {};
+    };
+}>> & {
+    "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
+}, {
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
+    stopPropagation: boolean;
+    actions: MoreActionItem[];
+    triggerButton: TriggerButtonProps;
+    dropdownClass: string;
+    dropdownStyle: Record<string, string | number>;
+}, {}>;
+export type { YcMoreActionsProps as ReMoreActionsProps, MoreActionItem as ReMoreActionItem, TriggerButtonProps as ReTriggerButtonProps } from './src/type';

package/es/components/yc-more-actions/index.mjs

@@ -0,0 +1,6 @@
+import YcMoreActionsComponent from './src/index.vue.mjs';
+
+const YcMoreActions = YcMoreActionsComponent;
+const ReMoreActions = YcMoreActionsComponent;
+
+export { ReMoreActions, YcMoreActions };

package/es/components/yc-more-actions/src/index.vue.d.ts

@@ -0,0 +1,68 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { YcMoreActionsProps, MoreActionItem, TriggerButtonProps } from './type';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcMoreActionsProps>, {
+    actions: () => never[];
+    trigger: string;
+    placement: string;
+    showArrow: boolean;
+    triggerButton: () => {
+        type: string;
+        size: string;
+        link: boolean;
+        text: string;
+    };
+    disabled: boolean;
+    dropdownClass: string;
+    dropdownStyle: () => {};
+    stopPropagation: boolean;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "visible-change": (visible: boolean) => void;
+    "action-click": (key: string, context?: unknown) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<YcMoreActionsProps>, {
+    actions: () => never[];
+    trigger: string;
+    placement: string;
+    showArrow: boolean;
+    triggerButton: () => {
+        type: string;
+        size: string;
+        link: boolean;
+        text: string;
+    };
+    disabled: boolean;
+    dropdownClass: string;
+    dropdownStyle: () => {};
+    stopPropagation: boolean;
+}>>> & {
+    "onVisible-change"?: ((visible: boolean) => any) | undefined;
+    "onAction-click"?: ((key: string, context?: unknown) => any) | undefined;
+}, {
+    placement: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    trigger: "hover" | "click" | "contextmenu";
+    disabled: boolean;
+    showArrow: boolean;
+    stopPropagation: boolean;
+    actions: MoreActionItem[];
+    triggerButton: TriggerButtonProps;
+    dropdownClass: string;
+    dropdownStyle: Record<string, string | number>;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/es/components/yc-more-actions/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcMoreActionsComponent = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cabdaeba"], ["__file", "index.vue"]]);
+
+export { YcMoreActionsComponent as default };