xc-computent 0.1.0 → 0.2.0

package/dist/components/Badge/Badge.vue.d.ts

@@ -6,19 +6,19 @@ interface BadgeProps {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
     type: string;
     variant: string;
     dot: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BadgeProps>, {
     type: string;
     variant: string;
     dot: boolean;
-}>>> & Readonly<{}>, {
+}>>>, {
     type: "default" | "success" | "warning" | "danger" | "info";
     variant: "filled" | "subtle" | "outline";
     dot: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Button/Button.vue.d.ts

@@ -8,26 +8,26 @@ declare function __VLS_template(): {
     icon?(_: {}): any;
     default?(_: {}): any;
 };
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
     variant: string;
     size: string;
     loading: boolean;
     disabled: boolean;
-}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (event: MouseEvent) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
     variant: string;
     size: string;
     loading: boolean;
     disabled: boolean;
-}>>> & Readonly<{
+}>>> & {
     onClick?: ((event: MouseEvent) => any) | undefined;
-}>, {
+}, {
     variant: "primary" | "secondary" | "outline" | "text" | "danger";
     size: "sm" | "md" | "lg";
     loading: boolean;
     disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/Input/Input.vue.d.ts

@@ -0,0 +1,39 @@
+interface InputProps {
+    size?: 'large' | 'default' | 'small';
+    placeholder?: string;
+}
+declare function __VLS_template(): Partial<Record<NonNullable<string | number>, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
+    size: string;
+    placeholder: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
+    size: string;
+    placeholder: string;
+}>>>, {
+    size: "large" | "default" | "small";
+    placeholder: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { default as Input } from './Input.vue';
+
+export { Input };
+export default Input;

package/dist/components/ToDoCard/ToDoCard.vue.d.ts

@@ -0,0 +1,87 @@
+interface ToDoCardProps {
+    countList?: any[];
+    type?: number;
+    typeFlowPath?: string;
+    copyStatus?: number;
+    treatDerailsComponent?: any;
+    newTreatDerailsComponent?: any;
+    formTemplateComponent?: any;
+    isDeleteFn?: (item: any, typeFlowPath: string) => boolean;
+    showFormTitleFn?: (typeFlowPath: string, approvalStatus: any, status: any) => boolean;
+    formatTimeFn?: (val: any) => string;
+    statusTypeMap?: Record<number, any>;
+    statusTypeNormalMap?: Record<number, any>;
+    contractTypeMap?: Record<number, any>;
+    contractTypeLabelMap?: Record<number, any>;
+    flowPathTypeList?: any[];
+}
+declare function __VLS_template(): {
+    "form-content"?(_: {
+        item: any;
+    }): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToDoCardProps>, {
+    countList: () => never[];
+    typeFlowPath: string;
+    statusTypeMap: () => {};
+    statusTypeNormalMap: () => {};
+    contractTypeMap: () => {};
+    contractTypeLabelMap: () => {};
+    flowPathTypeList: () => never[];
+}>, {
+    details: (item: any, type?: number) => void;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    details: (...args: any[]) => void;
+    getList: (...args: any[]) => void;
+    doScreen: (...args: any[]) => void;
+    copy: (...args: any[]) => void;
+    delete: (...args: any[]) => void;
+    expedite: (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToDoCardProps>, {
+    countList: () => never[];
+    typeFlowPath: string;
+    statusTypeMap: () => {};
+    statusTypeNormalMap: () => {};
+    contractTypeMap: () => {};
+    contractTypeLabelMap: () => {};
+    flowPathTypeList: () => never[];
+}>>> & {
+    onCopy?: ((...args: any[]) => any) | undefined;
+    onDetails?: ((...args: any[]) => any) | undefined;
+    onGetList?: ((...args: any[]) => any) | undefined;
+    onDoScreen?: ((...args: any[]) => any) | undefined;
+    onDelete?: ((...args: any[]) => any) | undefined;
+    onExpedite?: ((...args: any[]) => any) | undefined;
+}, {
+    countList: any[];
+    typeFlowPath: string;
+    statusTypeMap: Record<number, any>;
+    statusTypeNormalMap: Record<number, any>;
+    contractTypeMap: Record<number, any>;
+    contractTypeLabelMap: Record<number, any>;
+    flowPathTypeList: any[];
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+import { default as ToDoCard } from './ToDoCard.vue';
+
+export { ToDoCard };
+export default ToDoCard;

package/dist/computent.js

@@ -1,11 +1,11 @@
-import { defineComponent as m, openBlock as a, createElementBlock as s, normalizeClass as u, createCommentVNode as l, renderSlot as i, createElementVNode as r } from "vue";
-const f = ["disabled"], p = {
+import { defineComponent as Z, openBlock as n, createElementBlock as a, normalizeClass as Os, createCommentVNode as _, renderSlot as K, createElementVNode as o, resolveComponent as Y, createVNode as Ks, mergeProps as Qs, createSlots as Us, renderList as ls, withCtx as f, normalizeProps as Ws, guardReactiveProps as Xs, ref as ns, Fragment as X, createBlock as u, toDisplayString as t, createTextVNode as x, withModifiers as J, resolveDynamicComponent as ts, pushScopeId as Ys, popScopeId as Zs } from "vue";
+const ms = ["disabled"], so = {
   key: 0,
   class: "comp-btn__spinner"
-}, g = {
+}, oo = {
   key: 1,
   class: "comp-btn__icon"
-}, _ = { class: "comp-btn__content" }, v = /* @__PURE__ */ m({
+}, no = { class: "comp-btn__content" }, to = /* @__PURE__ */ Z({
   __name: "Button",
   props: {
     variant: { default: "primary" },
@@ -14,69 +14,477 @@ const f = ["disabled"], p = {
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(t, { emit: o }) {
-    const e = t, d = o, c = (n) => {
-      !e.disabled && !e.loading && d("click", n);
+  setup(d, { emit: p }) {
+    const g = d, l = p, w = (c) => {
+      !g.disabled && !g.loading && l("click", c);
     };
-    return (n, z) => (a(), s("button", {
-      class: u([
+    return (c, T) => (n(), a("button", {
+      class: Os([
         "comp-btn",
-        `comp-btn--${t.variant}`,
-        `comp-btn--${t.size}`,
+        `comp-btn--${c.variant}`,
+        `comp-btn--${c.size}`,
         {
-          "comp-btn--loading": t.loading,
-          "comp-btn--disabled": t.disabled || t.loading
+          "comp-btn--loading": c.loading,
+          "comp-btn--disabled": c.disabled || c.loading
         }
       ]),
-      disabled: t.disabled || t.loading,
-      onClick: c
+      disabled: c.disabled || c.loading,
+      onClick: w
     }, [
-      t.loading ? (a(), s("span", p)) : l("", !0),
-      n.$slots.icon && !t.loading ? (a(), s("span", g, [
-        i(n.$slots, "icon", {}, void 0, !0)
-      ])) : l("", !0),
-      r("span", _, [
-        i(n.$slots, "default", {}, void 0, !0)
+      c.loading ? (n(), a("span", so)) : _("", !0),
+      c.$slots.icon && !c.loading ? (n(), a("span", oo, [
+        K(c.$slots, "icon", {}, void 0, !0)
+      ])) : _("", !0),
+      o("span", no, [
+        K(c.$slots, "default", {}, void 0, !0)
       ])
-    ], 10, f));
+    ], 10, ms));
   }
-}), b = (t, o) => {
-  const e = t.__vccOpts || t;
-  for (const [d, c] of o)
-    e[d] = c;
-  return e;
-}, B = /* @__PURE__ */ b(v, [["__scopeId", "data-v-7c40bef2"]]), $ = {
+}), m = (d, p) => {
+  const g = d.__vccOpts || d;
+  for (const [l, w] of p)
+    g[l] = w;
+  return g;
+}, lo = /* @__PURE__ */ m(to, [["__scopeId", "data-v-7c40bef2"]]), eo = {
   key: 0,
   class: "comp-badge__dot"
-}, h = { class: "comp-badge__content" }, k = /* @__PURE__ */ m({
+}, ao = { class: "comp-badge__content" }, _o = /* @__PURE__ */ Z({
   __name: "Badge",
   props: {
     type: { default: "default" },
     variant: { default: "subtle" },
     dot: { type: Boolean, default: !1 }
   },
-  setup(t) {
-    return (o, e) => (a(), s("span", {
-      class: u([
+  setup(d) {
+    return (p, g) => (n(), a("span", {
+      class: Os([
         "comp-badge",
-        `comp-badge--${t.type}`,
-        `comp-badge--${t.variant}`,
-        { "comp-badge--has-dot": t.dot }
+        `comp-badge--${p.type}`,
+        `comp-badge--${p.variant}`,
+        { "comp-badge--has-dot": p.dot }
       ])
     }, [
-      t.dot ? (a(), s("span", $)) : l("", !0),
-      r("span", h, [
-        i(o.$slots, "default", {}, void 0, !0)
+      p.dot ? (n(), a("span", eo)) : _("", !0),
+      o("span", ao, [
+        K(p.$slots, "default", {}, void 0, !0)
       ])
     ], 2));
   }
-}), y = /* @__PURE__ */ b(k, [["__scopeId", "data-v-158f78af"]]), C = (t) => {
-  t.component("CButton", B), t.component("CBadge", y);
-}, I = {
-  install: C
+}), co = /* @__PURE__ */ m(_o, [["__scopeId", "data-v-158f78af"]]), po = { class: "comp-input-wrapper" }, ro = /* @__PURE__ */ Z({
+  __name: "Input",
+  props: {
+    size: { default: "default" },
+    placeholder: { default: "Please enter..." }
+  },
+  setup(d) {
+    return (p, g) => {
+      const l = Y("el-input");
+      return n(), a("div", po, [
+        Ks(l, Qs(p.$attrs, {
+          size: p.size,
+          placeholder: p.placeholder,
+          class: "comp-el-input"
+        }), Us({ _: 2 }, [
+          ls(p.$slots, (w, c) => ({
+            name: c,
+            fn: f((T) => [
+              K(p.$slots, c, Ws(Xs(T || {})), void 0, !0)
+            ])
+          }))
+        ]), 1040, ["size", "placeholder"])
+      ]);
+    };
+  }
+}), uo = /* @__PURE__ */ m(ro, [["__scopeId", "data-v-e8d4db36"]]), r = (d) => (Ys("data-v-1e46cda6"), d = d(), Zs(), d), fo = { class: "flex-between-center-display" }, yo = { class: "mr-2 text-16px font-500" }, ho = {
+  key: 1,
+  class: "read-dot"
+}, wo = { class: "flex items-center" }, bo = {
+  key: 1,
+  class: "text-14px text-[#acb0b7] mr-2"
+}, vo = {
+  key: 2,
+  class: "text-14px text-[#acb0b7] mr-2"
+}, ko = ["onClick"], xo = { class: "flex items-center" }, go = { class: "w-120px mr-4" }, Fo = { class: "text-14px font-400" }, Co = { class: "mr-2 container_old flex-1 min-w-0" }, To = { class: "text-12px" }, Po = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("流程ID："), -1)), $o = { style: { "font-size": "13px" } }, io = { class: "text-12px" }, Do = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("流程名称："), -1)), So = { style: { "line-height": "16px" } }, Io = { class: "text-12px" }, Lo = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("流程类型："), -1)), zo = { key: 0 }, Bo = { key: 1 }, Mo = {
+  key: 0,
+  class: "text-12px"
+}, No = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("合同编号："), -1)), Ro = {
+  key: 1,
+  class: "text-12px"
+}, Vo = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("企业名称："), -1)), Eo = { style: { "line-height": "14px" } }, Go = {
+  key: 0,
+  class: "text-12px"
+}, Oo = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("签约类型："), -1)), jo = { style: { "font-size": "13px" } }, qo = {
+  key: 1,
+  class: "text-12px"
+}, Ao = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("签约类型："), -1)), Ho = { style: { "font-size": "13px" } }, Jo = {
+  key: 2,
+  class: "text-12px"
+}, Ko = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("签约类型："), -1)), Qo = { style: { "font-size": "13px" } }, Uo = {
+  key: 3,
+  class: "text-12px"
+}, Wo = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("签约类型："), -1)), Xo = { style: { "font-size": "13px" } }, Yo = {
+  key: 4,
+  class: "text-12px"
+}, Zo = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("合同类型："), -1)), mo = { style: { "font-size": "13px" } }, sn = {
+  key: 3,
+  class: "text-12px"
+}, on = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("标准："), -1)), nn = { style: { "line-height": "18px" } }, tn = {
+  key: 4,
+  class: "text-12px"
+}, ln = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("当前流转时间："), -1)), en = {
+  key: 5,
+  class: "text-12px"
+}, an = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("当前审批人："), -1)), _n = {
+  key: 6,
+  class: "text-12px"
+}, cn = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("合同类型："), -1)), dn = {
+  key: 7,
+  class: "text-12px"
+}, pn = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("签约方式："), -1)), rn = {
+  key: 8,
+  class: "text-12px"
+}, un = /* @__PURE__ */ r(() => /* @__PURE__ */ o("span", { class: "title" }, /* @__PURE__ */ t("那方先签约："), -1)), fn = { class: "flex-between-center-display" }, yn = { class: "mr-2 text-16px font-500" }, hn = {
+  key: 0,
+  class: "read-dot"
+}, wn = { class: "flex items-center" }, bn = {
+  key: 0,
+  class: "text-14px text-[#acb0b7] mr-2"
+}, vn = {
+  key: 1,
+  class: "text-14px text-[#acb0b7] mr-2"
+}, kn = ["onClick"], xn = { class: "flex items-center" }, gn = { class: "w-120px mr-4 flex items-center" }, Fn = { class: "text-14px font-400" }, Cn = { class: "mr-2 container_old flex-1 min-w-0" }, Tn = /* @__PURE__ */ Z({
+  __name: "ToDoCard",
+  props: {
+    countList: { default: () => [] },
+    type: {},
+    typeFlowPath: { default: "" },
+    copyStatus: {},
+    treatDerailsComponent: {},
+    newTreatDerailsComponent: {},
+    formTemplateComponent: {},
+    isDeleteFn: {},
+    showFormTitleFn: {},
+    formatTimeFn: {},
+    statusTypeMap: { default: () => ({}) },
+    statusTypeNormalMap: { default: () => ({}) },
+    contractTypeMap: { default: () => ({}) },
+    contractTypeLabelMap: { default: () => ({}) },
+    flowPathTypeList: { default: () => [] }
+  },
+  emits: ["getList", "doScreen", "copy", "delete", "expedite", "details"],
+  setup(d, { expose: p, emit: g }) {
+    const l = d, w = g, c = ns(null), T = ns(null), Q = ns(), es = (e, F) => l.isDeleteFn ? l.isDeleteFn(e, F) : !1, as = (e, F, b) => l.showFormTitleFn ? l.showFormTitleFn(e, F, b) : !1, P = (e) => l.formatTimeFn ? l.formatTimeFn(e) : String(e || ""), U = (e) => l.statusTypeMap[e] || { type: "", status: "" }, W = (e) => l.statusTypeNormalMap[e] || { type: "", status: "" }, js = (e) => l.contractTypeLabelMap[e] || "-", qs = (e) => l.contractTypeMap[e] || "-", As = (e) => {
+      const F = l.flowPathTypeList.find((b) => b.value === e);
+      return F ? F.label : "-";
+    }, ss = (e, F) => {
+      Q.value = e, w("details", { item: e, type: F }), e.is_old_flow ? c.value && (c.value.showFlag = !0) : T.value && (T.value.showFlag = !0);
+    }, _s = () => {
+      w("getList");
+    }, cs = () => {
+      w("doScreen", 3, Q.value.flow_id);
+    }, Hs = (e) => {
+      w("copy", e);
+    }, ds = (e) => {
+      w("delete", e);
+    }, ps = (e) => {
+      w("expedite", e);
+    };
+    return p({
+      details: ss
+    }), (e, F) => {
+      const b = Y("el-tag"), os = Y("el-button"), rs = Y("el-card");
+      return n(), a("div", null, [
+        (n(!0), a(X, null, ls(l.countList, (s, Js) => (n(), a(X, { key: Js }, [
+          s != null && s.is_old_flow ? (n(), u(rs, {
+            key: 0,
+            shadow: "hover",
+            class: "mb-1",
+            onClick: (h) => ss(s, l.type)
+          }, {
+            header: f(() => {
+              var h, k, y, $, i, D, S, I, L, z, B, M, N, R, V, E, G, O, j, q;
+              return [
+                o("div", fo, [
+                  o("div", null, [
+                    o("span", yo, t((h = s.old_flow) == null ? void 0 : h.flow_node_name), 1),
+                    (k = s.old_flow) != null && k.is_sign ? (n(), u(b, {
+                      key: 0,
+                      type: "success",
+                      effect: "plain"
+                    }, {
+                      default: f(() => [
+                        x(" 已发起签约 ")
+                      ]),
+                      _: 1
+                    })) : _("", !0),
+                    l.typeFlowPath === "抄送我的" && (s == null ? void 0 : s.copy_status) === 1 ? (n(), a("span", ho)) : _("", !0),
+                    l.typeFlowPath === "我发起的" && ((y = s == null ? void 0 : s.old_flow) == null ? void 0 : y.status) === 2 ? (n(), u(os, {
+                      key: 2,
+                      link: "",
+                      type: "primary",
+                      onClick: J((v) => ps(s), ["stop"])
+                    }, {
+                      default: f(() => [
+                        x(" 催办 ")
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : _("", !0),
+                    l.typeFlowPath === "待我审批" && (s != null && s.have_remind) ? (n(), u(b, {
+                      key: 3,
+                      effect: "plain",
+                      type: "danger"
+                    }, {
+                      default: f(() => [
+                        x(" 发起人已催办 ")
+                      ]),
+                      _: 1
+                    })) : _("", !0)
+                  ]),
+                  o("div", wo, [
+                    ((($ = s == null ? void 0 : s.old_flow) == null ? void 0 : $.business_type) === 1 && ((i = s == null ? void 0 : s.old_flow) == null ? void 0 : i.sign_type) !== 1 || [3, 8].includes((D = s == null ? void 0 : s.old_flow) == null ? void 0 : D.business_type) || ((S = s == null ? void 0 : s.old_flow) == null ? void 0 : S.business_type) === 2 && ((I = s == null ? void 0 : s.old_flow) == null ? void 0 : I.status) === 5 || [16, 10].includes((L = s == null ? void 0 : s.old_flow) == null ? void 0 : L.business_type) && [4, 5].includes((z = s == null ? void 0 : s.old_flow) == null ? void 0 : z.status)) && l.typeFlowPath === "我发起的" ? (n(), u(os, {
+                      key: 0,
+                      link: "",
+                      type: "primary",
+                      class: "mr-2",
+                      onClick: J((v) => Hs(s == null ? void 0 : s.old_flow), ["stop"])
+                    }, {
+                      default: f(() => [
+                        x(" 一键复制 ")
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : _("", !0),
+                    l.typeFlowPath === "抄送我的" ? (n(), a("div", bo, t(P((N = (M = (B = s == null ? void 0 : s.old_flow) == null ? void 0 : B.copy_list) == null ? void 0 : M[0]) == null ? void 0 : N.copy_time)), 1)) : (n(), a("div", vo, t(P((R = s == null ? void 0 : s.old_flow) == null ? void 0 : R.submit_time)), 1)),
+                    l.typeFlowPath === "待我审批" ? (n(), u(b, {
+                      key: 3,
+                      type: (O = U((G = (E = (V = s == null ? void 0 : s.old_flow) == null ? void 0 : V.node_list) == null ? void 0 : E[0]) == null ? void 0 : G.approval_status)) == null ? void 0 : O.type
+                    }, {
+                      default: f(() => {
+                        var v, C, A, H;
+                        return [
+                          x(t((H = U((A = (C = (v = s == null ? void 0 : s.old_flow) == null ? void 0 : v.node_list) == null ? void 0 : C[0]) == null ? void 0 : A.approval_status)) == null ? void 0 : H.status), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["type"])) : (n(), u(b, {
+                      key: 4,
+                      type: (q = W((j = s == null ? void 0 : s.old_flow) == null ? void 0 : j.status)) == null ? void 0 : q.type
+                    }, {
+                      default: f(() => {
+                        var v, C;
+                        return [
+                          x(t((C = W((v = s == null ? void 0 : s.old_flow) == null ? void 0 : v.status)) == null ? void 0 : C.status), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["type"])),
+                    es(s, l.typeFlowPath) ? (n(), a("span", {
+                      key: 5,
+                      class: "delete-btn ml-2 cursor-pointer",
+                      onClick: J((v) => ds(s == null ? void 0 : s.old_flow), ["stop"])
+                    }, "🗑️", 8, ko)) : _("", !0)
+                  ])
+                ])
+              ];
+            }),
+            default: f(() => {
+              var h, k, y, $, i, D, S, I, L, z, B, M, N, R, V, E, G, O, j, q, v, C, A, H, us, fs, ys, hs, ws, bs, vs, ks, xs, gs, Fs, Cs, Ts, Ps, $s, is, Ds, Ss, Is, Ls, zs, Bs, Ms, Ns, Rs, Vs, Es, Gs;
+              return [
+                o("div", xo, [
+                  o("div", go, [
+                    o("div", Fo, t("发起人：") + t((h = s == null ? void 0 : s.old_flow) == null ? void 0 : h.create_user_name), 1)
+                  ]),
+                  o("div", Co, [
+                    o("div", To, [
+                      Po,
+                      o("span", $o, t((s == null ? void 0 : s.flow_id) || ""), 1)
+                    ]),
+                    o("div", io, [
+                      Do,
+                      o("span", So, t((k = s == null ? void 0 : s.old_flow) == null ? void 0 : k.flow_name), 1)
+                    ]),
+                    o("div", Io, [
+                      Lo,
+                      ((y = s == null ? void 0 : s.old_flow) == null ? void 0 : y.business_type) === 9 ? (n(), a("span", zo, t((s == null ? void 0 : s.old_flow.sign_type) === 1 ? "新流程" : "补充店铺"), 1)) : (n(), a("span", Bo, t(s.template_type), 1))
+                    ]),
+                    (($ = s == null ? void 0 : s.old_flow) == null ? void 0 : $.business_type) === 1 || ((i = s == null ? void 0 : s.old_flow) == null ? void 0 : i.business_type) === 8 ? (n(), a("div", Mo, [
+                      No,
+                      o("span", null, t(s == null ? void 0 : s.old_flow.business_ctx.esign_contract_no), 1)
+                    ])) : _("", !0),
+                    [1, 16, 19].includes((D = s == null ? void 0 : s.old_flow) == null ? void 0 : D.business_type) ? (n(), a("div", Ro, [
+                      Vo,
+                      o("span", Eo, t((s == null ? void 0 : s.old_flow.business_ctx.company_name) || ((I = (S = s == null ? void 0 : s.old_flow.business_ctx.no_business_contract_info) == null ? void 0 : S.company_info) == null ? void 0 : I.fp_company_name) || ((z = (L = s == null ? void 0 : s.old_flow.business_ctx.no_business_contract_info) == null ? void 0 : L.personal_info) == null ? void 0 : z.name) || "-"), 1)
+                    ])) : _("", !0),
+                    ((B = s == null ? void 0 : s.old_flow) == null ? void 0 : B.business_type) !== 9 ? (n(), a(X, { key: 2 }, [
+                      ((M = s == null ? void 0 : s.old_flow) == null ? void 0 : M.business_type) === 1 ? (n(), a("div", Go, [
+                        Oo,
+                        o("span", jo, t(((N = s == null ? void 0 : s.old_flow) == null ? void 0 : N.sign_type) === 1 ? "首次签约" : "补充店铺"), 1)
+                      ])) : _("", !0),
+                      ((R = s == null ? void 0 : s.old_flow) == null ? void 0 : R.business_type) === 2 ? (n(), a("div", qo, [
+                        Ao,
+                        o("span", Ho, t(js(s == null ? void 0 : s.old_flow.business_ctx.contract_template_id)), 1)
+                      ])) : _("", !0),
+                      [3, 4, 5, 6, 7, 8].includes((V = s == null ? void 0 : s.old_flow) == null ? void 0 : V.business_type) ? (n(), a("div", Jo, [
+                        Ko,
+                        o("span", Qo, t(As((E = s == null ? void 0 : s.old_flow) == null ? void 0 : E.business_type)), 1)
+                      ])) : _("", !0),
+                      [16].includes((G = s == null ? void 0 : s.old_flow) == null ? void 0 : G.business_type) ? (n(), a("div", Uo, [
+                        Wo,
+                        o("span", Xo, t(["", "主合同", "补充协议", "解除协议"][(O = s == null ? void 0 : s.old_flow) == null ? void 0 : O.sign_type] || "-"), 1)
+                      ])) : _("", !0),
+                      ((j = s == null ? void 0 : s.old_flow) == null ? void 0 : j.business_type) === 16 && ((q = s == null ? void 0 : s.old_flow) == null ? void 0 : q.sign_type) === 1 ? (n(), a("div", Yo, [
+                        Zo,
+                        o("span", mo, t(qs((A = (C = (v = s == null ? void 0 : s.old_flow) == null ? void 0 : v.business_ctx) == null ? void 0 : C.no_business_contract_info) == null ? void 0 : A.contract_type)), 1)
+                      ])) : _("", !0)
+                    ], 64)) : _("", !0),
+                    ((H = s == null ? void 0 : s.old_flow) == null ? void 0 : H.business_type) === 9 ? (n(), a("div", sn, [
+                      on,
+                      o("span", nn, t(((us = s == null ? void 0 : s.old_flow.business_ctx.reduce_store_srv_fee_form) == null ? void 0 : us.reduce_store_srv_fee_standard_type) === 1 ? "当日在线3店及以上，且合计活动名额100单及以上份额" : "名下同品牌店铺10家及以上，月累计（近30天）销单1000单"), 1)
+                    ])) : _("", !0),
+                    as(l.typeFlowPath, (hs = (ys = (fs = s == null ? void 0 : s.old_flow) == null ? void 0 : fs.node_list) == null ? void 0 : ys[0]) == null ? void 0 : hs.approval_status, (ws = s == null ? void 0 : s.old_flow) == null ? void 0 : ws.status) ? (n(), a("div", tn, [
+                      ln,
+                      o("span", null, t(P((ks = (vs = (bs = s == null ? void 0 : s.old_flow) == null ? void 0 : bs.node_list) == null ? void 0 : vs[0]) == null ? void 0 : ks.flow_time)), 1)
+                    ])) : _("", !0),
+                    as(l.typeFlowPath, (Fs = (gs = (xs = s == null ? void 0 : s.old_flow) == null ? void 0 : xs.node_list) == null ? void 0 : gs[0]) == null ? void 0 : Fs.approval_status, (Cs = s == null ? void 0 : s.old_flow) == null ? void 0 : Cs.status) ? (n(), a("div", en, [
+                      an,
+                      o("span", null, t(($s = (Ps = (Ts = s == null ? void 0 : s.old_flow) == null ? void 0 : Ts.node_list) == null ? void 0 : Ps[0]) == null ? void 0 : $s.approval_user_name), 1)
+                    ])) : _("", !0),
+                    ((is = s == null ? void 0 : s.old_flow) == null ? void 0 : is.business_type) === 19 ? (n(), a("div", _n, [
+                      cn,
+                      o("span", null, t(((Ds = s == null ? void 0 : s.old_flow) == null ? void 0 : Ds.sign_type) === 1 ? "达人合作主合同" : "达人合作补充协议"), 1)
+                    ])) : _("", !0),
+                    ((Ss = s == null ? void 0 : s.old_flow) == null ? void 0 : Ss.business_type) === 16 ? (n(), a("div", dn, [
+                      pn,
+                      o("span", null, t(((zs = (Ls = (Is = s == null ? void 0 : s.old_flow) == null ? void 0 : Is.business_ctx) == null ? void 0 : Ls.no_business_contract_info) == null ? void 0 : zs.e_sign_type) === 1 ? "线下纸质签" : "线上电子签"), 1)
+                    ])) : _("", !0),
+                    ((Bs = s == null ? void 0 : s.old_flow) == null ? void 0 : Bs.business_type) === 16 && ((Rs = (Ns = (Ms = s == null ? void 0 : s.old_flow) == null ? void 0 : Ms.business_ctx) == null ? void 0 : Ns.no_business_contract_info) == null ? void 0 : Rs.e_sign_type) === 1 ? (n(), a("div", rn, [
+                      un,
+                      o("span", null, t(((Gs = (Es = (Vs = s == null ? void 0 : s.old_flow) == null ? void 0 : Vs.business_ctx) == null ? void 0 : Es.no_business_contract_info) == null ? void 0 : Gs.first_signer) === 1 ? "我方" : "对方"), 1)
+                    ])) : _("", !0)
+                  ])
+                ])
+              ];
+            }),
+            _: 2
+          }, 1032, ["onClick"])) : (n(), u(rs, {
+            key: 1,
+            shadow: "hover",
+            class: "mb-1",
+            onClick: (h) => ss(s, l.type)
+          }, {
+            header: f(() => {
+              var h, k;
+              return [
+                o("div", fn, [
+                  o("div", null, [
+                    o("span", yn, t(s.node_title), 1),
+                    l.typeFlowPath === "抄送我的" && s.copy_status === 1 ? (n(), a("span", hn)) : _("", !0),
+                    l.typeFlowPath === "我发起的" && (s == null ? void 0 : s.flow_status) === 2 ? (n(), u(os, {
+                      key: 1,
+                      link: "",
+                      type: "primary",
+                      onClick: J((y) => ps(s), ["stop"])
+                    }, {
+                      default: f(() => [
+                        x(" 催办 ")
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : _("", !0),
+                    l.typeFlowPath === "待我审批" && (s != null && s.have_remind) ? (n(), u(b, {
+                      key: 2,
+                      effect: "plain",
+                      type: "danger"
+                    }, {
+                      default: f(() => [
+                        x(" 发起人已催办 ")
+                      ]),
+                      _: 1
+                    })) : _("", !0)
+                  ]),
+                  o("div", wn, [
+                    l.typeFlowPath === "抄送我的" ? (n(), a("div", bn, t(P(s.final_pass_time)), 1)) : (n(), a("div", vn, t(P(s.flow_time)), 1)),
+                    l.typeFlowPath === "待我审批" ? (n(), u(b, {
+                      key: 2,
+                      type: (h = U(s == null ? void 0 : s.node_approval_status)) == null ? void 0 : h.type
+                    }, {
+                      default: f(() => {
+                        var y;
+                        return [
+                          x(t((y = U(s == null ? void 0 : s.node_approval_status)) == null ? void 0 : y.status), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["type"])) : (n(), u(b, {
+                      key: 3,
+                      type: (k = W(s == null ? void 0 : s.flow_status)) == null ? void 0 : k.type
+                    }, {
+                      default: f(() => {
+                        var y;
+                        return [
+                          x(t((y = W(s == null ? void 0 : s.flow_status)) == null ? void 0 : y.status), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["type"])),
+                    es(s, l.typeFlowPath) ? (n(), a("span", {
+                      key: 4,
+                      class: "delete-btn ml-2 cursor-pointer",
+                      onClick: J((y) => ds(s), ["stop"])
+                    }, "🗑️", 8, kn)) : _("", !0)
+                  ])
+                ])
+              ];
+            }),
+            default: f(() => [
+              o("div", xn, [
+                o("div", gn, [
+                  o("div", Fn, t("发起人：") + t(s == null ? void 0 : s.create_user_name), 1)
+                ]),
+                o("div", Cn, [
+                  K(e.$slots, "form-content", { item: s }, () => [
+                    e.formTemplateComponent ? (n(!0), a(X, { key: 0 }, ls(s.form_value, (h, k) => (n(), u(ts(e.formTemplateComponent), {
+                      key: k,
+                      item_: h,
+                      item: s
+                    }, null, 8, ["item_", "item"]))), 128)) : _("", !0)
+                  ], !0)
+                ])
+              ])
+            ]),
+            _: 2
+          }, 1032, ["onClick"]))
+        ], 64))), 128)),
+        e.treatDerailsComponent ? (n(), u(ts(e.treatDerailsComponent), {
+          key: 0,
+          ref_key: "treatDerailsRef",
+          ref: c,
+          rowItem: Q.value,
+          typeFlowPath: l.typeFlowPath,
+          copyStatus: l.copyStatus,
+          onGetList: _s,
+          onReada: cs
+        }, null, 40, ["rowItem", "typeFlowPath", "copyStatus"])) : _("", !0),
+        e.newTreatDerailsComponent ? (n(), u(ts(e.newTreatDerailsComponent), {
+          key: 1,
+          ref_key: "newTreatDerailsRef",
+          ref: T,
+          rowItem: Q.value,
+          typeFlowPath: l.typeFlowPath,
+          copyStatus: l.copyStatus,
+          onGetList: _s,
+          onReada: cs
+        }, null, 40, ["rowItem", "typeFlowPath", "copyStatus"])) : _("", !0)
+      ]);
+    };
+  }
+}), Pn = /* @__PURE__ */ m(Tn, [["__scopeId", "data-v-1e46cda6"]]), $n = (d) => {
+  d.component("CButton", lo), d.component("CBadge", co), d.component("CInput", uo), d.component("CToDoCard", Pn);
+}, Sn = {
+  install: $n
 };
 export {
-  y as Badge,
-  B as Button,
-  I as default
+  co as Badge,
+  lo as Button,
+  uo as Input,
+  Pn as ToDoCard,
+  Sn as default
 };

package/dist/computent.umd.cjs

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.Computent={},n.Vue))})(this,function(n,e){"use strict";const r=["disabled"],f={key:0,class:"comp-btn__spinner"},p={key:1,class:"comp-btn__icon"},b={class:"comp-btn__content"},u=e.defineComponent({__name:"Button",props:{variant:{default:"primary"},size:{default:"md"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(t,{emit:a}){const o=t,d=a,l=c=>{!o.disabled&&!o.loading&&d("click",c)};return(c,y)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass(["comp-btn",`comp-btn--${t.variant}`,`comp-btn--${t.size}`,{"comp-btn--loading":t.loading,"comp-btn--disabled":t.disabled||t.loading}]),disabled:t.disabled||t.loading,onClick:l},[t.loading?(e.openBlock(),e.createElementBlock("span",f)):e.createCommentVNode("",!0),c.$slots.icon&&!t.loading?(e.openBlock(),e.createElementBlock("span",p,[e.renderSlot(c.$slots,"icon",{},void 0,!0)])):e.createCommentVNode("",!0),e.createElementVNode("span",b,[e.renderSlot(c.$slots,"default",{},void 0,!0)])],10,r))}}),s=(t,a)=>{const o=t.__vccOpts||t;for(const[d,l]of a)o[d]=l;return o},i=s(u,[["__scopeId","data-v-7c40bef2"]]),B={key:0,class:"comp-badge__dot"},g={class:"comp-badge__content"},m=s(e.defineComponent({__name:"Badge",props:{type:{default:"default"},variant:{default:"subtle"},dot:{type:Boolean,default:!1}},setup(t){return(a,o)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(["comp-badge",`comp-badge--${t.type}`,`comp-badge--${t.variant}`,{"comp-badge--has-dot":t.dot}])},[t.dot?(e.openBlock(),e.createElementBlock("span",B)):e.createCommentVNode("",!0),e.createElementVNode("span",g,[e.renderSlot(a.$slots,"default",{},void 0,!0)])],2))}}),[["__scopeId","data-v-158f78af"]]),k={install:t=>{t.component("CButton",i),t.component("CBadge",m)}};n.Badge=m,n.Button=i,n.default=k,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(p,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(p=typeof globalThis<"u"?globalThis:p||self,o(p.Computent={},p.Vue))})(this,function(p,o){"use strict";const $o=["disabled"],Io={key:0,class:"comp-btn__spinner"},Lo={key:1,class:"comp-btn__icon"},Mo={class:"comp-btn__content"},zo=o.defineComponent({__name:"Button",props:{variant:{default:"primary"},size:{default:"md"},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["click"],setup(l,{emit:a}){const k=l,e=a,_=n=>{!k.disabled&&!k.loading&&e("click",n)};return(n,B)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["comp-btn",`comp-btn--${n.variant}`,`comp-btn--${n.size}`,{"comp-btn--loading":n.loading,"comp-btn--disabled":n.disabled||n.loading}]),disabled:n.disabled||n.loading,onClick:_},[n.loading?(o.openBlock(),o.createElementBlock("span",Io)):o.createCommentVNode("",!0),n.$slots.icon&&!n.loading?(o.openBlock(),o.createElementBlock("span",Lo,[o.renderSlot(n.$slots,"icon",{},void 0,!0)])):o.createCommentVNode("",!0),o.createElementVNode("span",Mo,[o.renderSlot(n.$slots,"default",{},void 0,!0)])],10,$o))}}),O=(l,a)=>{const k=l.__vccOpts||l;for(const[e,_]of a)k[e]=_;return k},Q=O(zo,[["__scopeId","data-v-7c40bef2"]]),Ro={key:0,class:"comp-badge__dot"},jo={class:"comp-badge__content"},U=O(o.defineComponent({__name:"Badge",props:{type:{default:"default"},variant:{default:"subtle"},dot:{type:Boolean,default:!1}},setup(l){return(a,k)=>(o.openBlock(),o.createElementBlock("span",{class:o.normalizeClass(["comp-badge",`comp-badge--${a.type}`,`comp-badge--${a.variant}`,{"comp-badge--has-dot":a.dot}])},[a.dot?(o.openBlock(),o.createElementBlock("span",Ro)):o.createCommentVNode("",!0),o.createElementVNode("span",jo,[o.renderSlot(a.$slots,"default",{},void 0,!0)])],2))}}),[["__scopeId","data-v-158f78af"]]),Go={class:"comp-input-wrapper"},W=O(o.defineComponent({__name:"Input",props:{size:{default:"default"},placeholder:{default:"Please enter..."}},setup(l){return(a,k)=>{const e=o.resolveComponent("el-input");return o.openBlock(),o.createElementBlock("div",Go,[o.createVNode(e,o.mergeProps(a.$attrs,{size:a.size,placeholder:a.placeholder,class:"comp-el-input"}),o.createSlots({_:2},[o.renderList(a.$slots,(_,n)=>({name:n,fn:o.withCtx(B=>[o.renderSlot(a.$slots,n,o.normalizeProps(o.guardReactiveProps(B||{})),void 0,!0)])}))]),1040,["size","placeholder"])])}}}),[["__scopeId","data-v-e8d4db36"]]),c=l=>(o.pushScopeId("data-v-1e46cda6"),l=l(),o.popScopeId(),l),Oo={class:"flex-between-center-display"},qo={class:"mr-2 text-16px font-500"},Ao={key:1,class:"read-dot"},Ho={class:"flex items-center"},Jo={key:1,class:"text-14px text-[#acb0b7] mr-2"},Ko={key:2,class:"text-14px text-[#acb0b7] mr-2"},Qo=["onClick"],Uo={class:"flex items-center"},Wo={class:"w-120px mr-4"},Xo={class:"text-14px font-400"},Yo={class:"mr-2 container_old flex-1 min-w-0"},Zo={class:"text-12px"},mo=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程ID："),-1)),uo={style:{"font-size":"13px"}},vo={class:"text-12px"},ot=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程名称："),-1)),tt={style:{"line-height":"16px"}},et={class:"text-12px"},st=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("流程类型："),-1)),nt={key:0},lt={key:1},at={key:0,class:"text-12px"},ct=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同编号："),-1)),rt={key:1,class:"text-12px"},dt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("企业名称："),-1)),pt={style:{"line-height":"14px"}},_t={key:0,class:"text-12px"},yt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),ft={style:{"font-size":"13px"}},it={key:1,class:"text-12px"},kt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),ht={style:{"font-size":"13px"}},wt={key:2,class:"text-12px"},Bt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),gt={style:{"font-size":"13px"}},Nt={key:3,class:"text-12px"},Ct=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约类型："),-1)),Vt={style:{"font-size":"13px"}},xt={key:4,class:"text-12px"},Et=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),bt={style:{"font-size":"13px"}},St={key:3,class:"text-12px"},Dt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("标准："),-1)),Tt={style:{"line-height":"18px"}},Ft={key:4,class:"text-12px"},Pt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前流转时间："),-1)),$t={key:5,class:"text-12px"},It=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("当前审批人："),-1)),Lt={key:6,class:"text-12px"},Mt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("合同类型："),-1)),zt={key:7,class:"text-12px"},Rt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("签约方式："),-1)),jt={key:8,class:"text-12px"},Gt=c(()=>o.createElementVNode("span",{class:"title"},o.toDisplayString("那方先签约："),-1)),Ot={class:"flex-between-center-display"},qt={class:"mr-2 text-16px font-500"},At={key:0,class:"read-dot"},Ht={class:"flex items-center"},Jt={key:0,class:"text-14px text-[#acb0b7] mr-2"},Kt={key:1,class:"text-14px text-[#acb0b7] mr-2"},Qt=["onClick"],Ut={class:"flex items-center"},Wt={class:"w-120px mr-4 flex items-center"},Xt={class:"text-14px font-400"},Yt={class:"mr-2 container_old flex-1 min-w-0"},X=O(o.defineComponent({__name:"ToDoCard",props:{countList:{default:()=>[]},type:{},typeFlowPath:{default:""},copyStatus:{},treatDerailsComponent:{},newTreatDerailsComponent:{},formTemplateComponent:{},isDeleteFn:{},showFormTitleFn:{},formatTimeFn:{},statusTypeMap:{default:()=>({})},statusTypeNormalMap:{default:()=>({})},contractTypeMap:{default:()=>({})},contractTypeLabelMap:{default:()=>({})},flowPathTypeList:{default:()=>[]}},emits:["getList","doScreen","copy","delete","expedite","details"],setup(l,{expose:a,emit:k}){const e=l,_=k,n=o.ref(null),B=o.ref(null),q=o.ref(),Y=(s,h)=>e.isDeleteFn?e.isDeleteFn(s,h):!1,Z=(s,h,y)=>e.showFormTitleFn?e.showFormTitleFn(s,h,y):!1,g=s=>e.formatTimeFn?e.formatTimeFn(s):String(s||""),A=s=>e.statusTypeMap[s]||{type:"",status:""},H=s=>e.statusTypeNormalMap[s]||{type:"",status:""},mt=s=>e.contractTypeLabelMap[s]||"-",ut=s=>e.contractTypeMap[s]||"-",vt=s=>{const h=e.flowPathTypeList.find(y=>y.value===s);return h?h.label:"-"},J=(s,h)=>{q.value=s,_("details",{item:s,type:h}),s.is_old_flow?n.value&&(n.value.showFlag=!0):B.value&&(B.value.showFlag=!0)},m=()=>{_("getList")},u=()=>{_("doScreen",3,q.value.flow_id)},oe=s=>{_("copy",s)},v=s=>{_("delete",s)},oo=s=>{_("expedite",s)};return a({details:J}),(s,h)=>{const y=o.resolveComponent("el-tag"),K=o.resolveComponent("el-button"),to=o.resolveComponent("el-card");return o.openBlock(),o.createElementBlock("div",null,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.countList,(t,te)=>(o.openBlock(),o.createElementBlock(o.Fragment,{key:te},[t!=null&&t.is_old_flow?(o.openBlock(),o.createBlock(to,{key:0,shadow:"hover",class:"mb-1",onClick:d=>J(t,e.type)},{header:o.withCtx(()=>{var d,i,r,N,C,V,x,E,b,S,D,T,F,P,$,I,L,M,z,R;return[o.createElementVNode("div",Oo,[o.createElementVNode("div",null,[o.createElementVNode("span",qo,o.toDisplayString((d=t.old_flow)==null?void 0:d.flow_node_name),1),(i=t.old_flow)!=null&&i.is_sign?(o.openBlock(),o.createBlock(y,{key:0,type:"success",effect:"plain"},{default:o.withCtx(()=>[o.createTextVNode(" 已发起签约 ")]),_:1})):o.createCommentVNode("",!0),e.typeFlowPath==="抄送我的"&&(t==null?void 0:t.copy_status)===1?(o.openBlock(),o.createElementBlock("span",Ao)):o.createCommentVNode("",!0),e.typeFlowPath==="我发起的"&&((r=t==null?void 0:t.old_flow)==null?void 0:r.status)===2?(o.openBlock(),o.createBlock(K,{key:2,link:"",type:"primary",onClick:o.withModifiers(f=>oo(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),e.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(y,{key:3,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Ho,[(((N=t==null?void 0:t.old_flow)==null?void 0:N.business_type)===1&&((C=t==null?void 0:t.old_flow)==null?void 0:C.sign_type)!==1||[3,8].includes((V=t==null?void 0:t.old_flow)==null?void 0:V.business_type)||((x=t==null?void 0:t.old_flow)==null?void 0:x.business_type)===2&&((E=t==null?void 0:t.old_flow)==null?void 0:E.status)===5||[16,10].includes((b=t==null?void 0:t.old_flow)==null?void 0:b.business_type)&&[4,5].includes((S=t==null?void 0:t.old_flow)==null?void 0:S.status))&&e.typeFlowPath==="我发起的"?(o.openBlock(),o.createBlock(K,{key:0,link:"",type:"primary",class:"mr-2",onClick:o.withModifiers(f=>oe(t==null?void 0:t.old_flow),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 一键复制 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),e.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Jo,o.toDisplayString(g((F=(T=(D=t==null?void 0:t.old_flow)==null?void 0:D.copy_list)==null?void 0:T[0])==null?void 0:F.copy_time)),1)):(o.openBlock(),o.createElementBlock("div",Ko,o.toDisplayString(g((P=t==null?void 0:t.old_flow)==null?void 0:P.submit_time)),1)),e.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(y,{key:3,type:(M=A((L=(I=($=t==null?void 0:t.old_flow)==null?void 0:$.node_list)==null?void 0:I[0])==null?void 0:L.approval_status))==null?void 0:M.type},{default:o.withCtx(()=>{var f,w,j,G;return[o.createTextVNode(o.toDisplayString((G=A((j=(w=(f=t==null?void 0:t.old_flow)==null?void 0:f.node_list)==null?void 0:w[0])==null?void 0:j.approval_status))==null?void 0:G.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(y,{key:4,type:(R=H((z=t==null?void 0:t.old_flow)==null?void 0:z.status))==null?void 0:R.type},{default:o.withCtx(()=>{var f,w;return[o.createTextVNode(o.toDisplayString((w=H((f=t==null?void 0:t.old_flow)==null?void 0:f.status))==null?void 0:w.status),1)]}),_:2},1032,["type"])),Y(t,e.typeFlowPath)?(o.openBlock(),o.createElementBlock("span",{key:5,class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(f=>v(t==null?void 0:t.old_flow),["stop"])},"🗑️",8,Qo)):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>{var d,i,r,N,C,V,x,E,b,S,D,T,F,P,$,I,L,M,z,R,f,w,j,G,eo,so,no,lo,ao,co,ro,po,_o,yo,fo,io,ko,ho,wo,Bo,go,No,Co,Vo,xo,Eo,bo,So,Do,To,Fo,Po;return[o.createElementVNode("div",Uo,[o.createElementVNode("div",Wo,[o.createElementVNode("div",Xo,o.toDisplayString("发起人：")+o.toDisplayString((d=t==null?void 0:t.old_flow)==null?void 0:d.create_user_name),1)]),o.createElementVNode("div",Yo,[o.createElementVNode("div",Zo,[mo,o.createElementVNode("span",uo,o.toDisplayString((t==null?void 0:t.flow_id)||""),1)]),o.createElementVNode("div",vo,[ot,o.createElementVNode("span",tt,o.toDisplayString((i=t==null?void 0:t.old_flow)==null?void 0:i.flow_name),1)]),o.createElementVNode("div",et,[st,((r=t==null?void 0:t.old_flow)==null?void 0:r.business_type)===9?(o.openBlock(),o.createElementBlock("span",nt,o.toDisplayString((t==null?void 0:t.old_flow.sign_type)===1?"新流程":"补充店铺"),1)):(o.openBlock(),o.createElementBlock("span",lt,o.toDisplayString(t.template_type),1))]),((N=t==null?void 0:t.old_flow)==null?void 0:N.business_type)===1||((C=t==null?void 0:t.old_flow)==null?void 0:C.business_type)===8?(o.openBlock(),o.createElementBlock("div",at,[ct,o.createElementVNode("span",null,o.toDisplayString(t==null?void 0:t.old_flow.business_ctx.esign_contract_no),1)])):o.createCommentVNode("",!0),[1,16,19].includes((V=t==null?void 0:t.old_flow)==null?void 0:V.business_type)?(o.openBlock(),o.createElementBlock("div",rt,[dt,o.createElementVNode("span",pt,o.toDisplayString((t==null?void 0:t.old_flow.business_ctx.company_name)||((E=(x=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:x.company_info)==null?void 0:E.fp_company_name)||((S=(b=t==null?void 0:t.old_flow.business_ctx.no_business_contract_info)==null?void 0:b.personal_info)==null?void 0:S.name)||"-"),1)])):o.createCommentVNode("",!0),((D=t==null?void 0:t.old_flow)==null?void 0:D.business_type)!==9?(o.openBlock(),o.createElementBlock(o.Fragment,{key:2},[((T=t==null?void 0:t.old_flow)==null?void 0:T.business_type)===1?(o.openBlock(),o.createElementBlock("div",_t,[yt,o.createElementVNode("span",ft,o.toDisplayString(((F=t==null?void 0:t.old_flow)==null?void 0:F.sign_type)===1?"首次签约":"补充店铺"),1)])):o.createCommentVNode("",!0),((P=t==null?void 0:t.old_flow)==null?void 0:P.business_type)===2?(o.openBlock(),o.createElementBlock("div",it,[kt,o.createElementVNode("span",ht,o.toDisplayString(mt(t==null?void 0:t.old_flow.business_ctx.contract_template_id)),1)])):o.createCommentVNode("",!0),[3,4,5,6,7,8].includes(($=t==null?void 0:t.old_flow)==null?void 0:$.business_type)?(o.openBlock(),o.createElementBlock("div",wt,[Bt,o.createElementVNode("span",gt,o.toDisplayString(vt((I=t==null?void 0:t.old_flow)==null?void 0:I.business_type)),1)])):o.createCommentVNode("",!0),[16].includes((L=t==null?void 0:t.old_flow)==null?void 0:L.business_type)?(o.openBlock(),o.createElementBlock("div",Nt,[Ct,o.createElementVNode("span",Vt,o.toDisplayString(["","主合同","补充协议","解除协议"][(M=t==null?void 0:t.old_flow)==null?void 0:M.sign_type]||"-"),1)])):o.createCommentVNode("",!0),((z=t==null?void 0:t.old_flow)==null?void 0:z.business_type)===16&&((R=t==null?void 0:t.old_flow)==null?void 0:R.sign_type)===1?(o.openBlock(),o.createElementBlock("div",xt,[Et,o.createElementVNode("span",bt,o.toDisplayString(ut((j=(w=(f=t==null?void 0:t.old_flow)==null?void 0:f.business_ctx)==null?void 0:w.no_business_contract_info)==null?void 0:j.contract_type)),1)])):o.createCommentVNode("",!0)],64)):o.createCommentVNode("",!0),((G=t==null?void 0:t.old_flow)==null?void 0:G.business_type)===9?(o.openBlock(),o.createElementBlock("div",St,[Dt,o.createElementVNode("span",Tt,o.toDisplayString(((eo=t==null?void 0:t.old_flow.business_ctx.reduce_store_srv_fee_form)==null?void 0:eo.reduce_store_srv_fee_standard_type)===1?"当日在线3店及以上，且合计活动名额100单及以上份额":"名下同品牌店铺10家及以上，月累计（近30天）销单1000单"),1)])):o.createCommentVNode("",!0),Z(e.typeFlowPath,(lo=(no=(so=t==null?void 0:t.old_flow)==null?void 0:so.node_list)==null?void 0:no[0])==null?void 0:lo.approval_status,(ao=t==null?void 0:t.old_flow)==null?void 0:ao.status)?(o.openBlock(),o.createElementBlock("div",Ft,[Pt,o.createElementVNode("span",null,o.toDisplayString(g((po=(ro=(co=t==null?void 0:t.old_flow)==null?void 0:co.node_list)==null?void 0:ro[0])==null?void 0:po.flow_time)),1)])):o.createCommentVNode("",!0),Z(e.typeFlowPath,(fo=(yo=(_o=t==null?void 0:t.old_flow)==null?void 0:_o.node_list)==null?void 0:yo[0])==null?void 0:fo.approval_status,(io=t==null?void 0:t.old_flow)==null?void 0:io.status)?(o.openBlock(),o.createElementBlock("div",$t,[It,o.createElementVNode("span",null,o.toDisplayString((wo=(ho=(ko=t==null?void 0:t.old_flow)==null?void 0:ko.node_list)==null?void 0:ho[0])==null?void 0:wo.approval_user_name),1)])):o.createCommentVNode("",!0),((Bo=t==null?void 0:t.old_flow)==null?void 0:Bo.business_type)===19?(o.openBlock(),o.createElementBlock("div",Lt,[Mt,o.createElementVNode("span",null,o.toDisplayString(((go=t==null?void 0:t.old_flow)==null?void 0:go.sign_type)===1?"达人合作主合同":"达人合作补充协议"),1)])):o.createCommentVNode("",!0),((No=t==null?void 0:t.old_flow)==null?void 0:No.business_type)===16?(o.openBlock(),o.createElementBlock("div",zt,[Rt,o.createElementVNode("span",null,o.toDisplayString(((xo=(Vo=(Co=t==null?void 0:t.old_flow)==null?void 0:Co.business_ctx)==null?void 0:Vo.no_business_contract_info)==null?void 0:xo.e_sign_type)===1?"线下纸质签":"线上电子签"),1)])):o.createCommentVNode("",!0),((Eo=t==null?void 0:t.old_flow)==null?void 0:Eo.business_type)===16&&((Do=(So=(bo=t==null?void 0:t.old_flow)==null?void 0:bo.business_ctx)==null?void 0:So.no_business_contract_info)==null?void 0:Do.e_sign_type)===1?(o.openBlock(),o.createElementBlock("div",jt,[Gt,o.createElementVNode("span",null,o.toDisplayString(((Po=(Fo=(To=t==null?void 0:t.old_flow)==null?void 0:To.business_ctx)==null?void 0:Fo.no_business_contract_info)==null?void 0:Po.first_signer)===1?"我方":"对方"),1)])):o.createCommentVNode("",!0)])])]}),_:2},1032,["onClick"])):(o.openBlock(),o.createBlock(to,{key:1,shadow:"hover",class:"mb-1",onClick:d=>J(t,e.type)},{header:o.withCtx(()=>{var d,i;return[o.createElementVNode("div",Ot,[o.createElementVNode("div",null,[o.createElementVNode("span",qt,o.toDisplayString(t.node_title),1),e.typeFlowPath==="抄送我的"&&t.copy_status===1?(o.openBlock(),o.createElementBlock("span",At)):o.createCommentVNode("",!0),e.typeFlowPath==="我发起的"&&(t==null?void 0:t.flow_status)===2?(o.openBlock(),o.createBlock(K,{key:1,link:"",type:"primary",onClick:o.withModifiers(r=>oo(t),["stop"])},{default:o.withCtx(()=>[o.createTextVNode(" 催办 ")]),_:2},1032,["onClick"])):o.createCommentVNode("",!0),e.typeFlowPath==="待我审批"&&(t!=null&&t.have_remind)?(o.openBlock(),o.createBlock(y,{key:2,effect:"plain",type:"danger"},{default:o.withCtx(()=>[o.createTextVNode(" 发起人已催办 ")]),_:1})):o.createCommentVNode("",!0)]),o.createElementVNode("div",Ht,[e.typeFlowPath==="抄送我的"?(o.openBlock(),o.createElementBlock("div",Jt,o.toDisplayString(g(t.final_pass_time)),1)):(o.openBlock(),o.createElementBlock("div",Kt,o.toDisplayString(g(t.flow_time)),1)),e.typeFlowPath==="待我审批"?(o.openBlock(),o.createBlock(y,{key:2,type:(d=A(t==null?void 0:t.node_approval_status))==null?void 0:d.type},{default:o.withCtx(()=>{var r;return[o.createTextVNode(o.toDisplayString((r=A(t==null?void 0:t.node_approval_status))==null?void 0:r.status),1)]}),_:2},1032,["type"])):(o.openBlock(),o.createBlock(y,{key:3,type:(i=H(t==null?void 0:t.flow_status))==null?void 0:i.type},{default:o.withCtx(()=>{var r;return[o.createTextVNode(o.toDisplayString((r=H(t==null?void 0:t.flow_status))==null?void 0:r.status),1)]}),_:2},1032,["type"])),Y(t,e.typeFlowPath)?(o.openBlock(),o.createElementBlock("span",{key:4,class:"delete-btn ml-2 cursor-pointer",onClick:o.withModifiers(r=>v(t),["stop"])},"🗑️",8,Qt)):o.createCommentVNode("",!0)])])]}),default:o.withCtx(()=>[o.createElementVNode("div",Ut,[o.createElementVNode("div",Wt,[o.createElementVNode("div",Xt,o.toDisplayString("发起人：")+o.toDisplayString(t==null?void 0:t.create_user_name),1)]),o.createElementVNode("div",Yt,[o.renderSlot(s.$slots,"form-content",{item:t},()=>[s.formTemplateComponent?(o.openBlock(!0),o.createElementBlock(o.Fragment,{key:0},o.renderList(t.form_value,(d,i)=>(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.formTemplateComponent),{key:i,item_:d,item:t},null,8,["item_","item"]))),128)):o.createCommentVNode("",!0)],!0)])])]),_:2},1032,["onClick"]))],64))),128)),s.treatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.treatDerailsComponent),{key:0,ref_key:"treatDerailsRef",ref:n,rowItem:q.value,typeFlowPath:e.typeFlowPath,copyStatus:e.copyStatus,onGetList:m,onReada:u},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0),s.newTreatDerailsComponent?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(s.newTreatDerailsComponent),{key:1,ref_key:"newTreatDerailsRef",ref:B,rowItem:q.value,typeFlowPath:e.typeFlowPath,copyStatus:e.copyStatus,onGetList:m,onReada:u},null,40,["rowItem","typeFlowPath","copyStatus"])):o.createCommentVNode("",!0)])}}}),[["__scopeId","data-v-1e46cda6"]]),Zt={install:l=>{l.component("CButton",Q),l.component("CBadge",U),l.component("CInput",W),l.component("CToDoCard",X)}};p.Badge=U,p.Button=Q,p.Input=W,p.ToDoCard=X,p.default=Zt,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import { App } from 'vue';
-import { default as Button } from './components/Button';
-import { default as Badge } from './components/Badge';
+import { default as Button } from './components/Button/index';
+import { default as Badge } from './components/Badge/index';
+import { default as Input } from './components/Input/index';
+import { default as ToDoCard } from './components/ToDoCard/index';
 
-export { Button, Badge };
+export { Button, Badge, Input, ToDoCard };
 declare const _default: {
     install: (app: App) => void;
 };

package/dist/style.css

@@ -1 +1 @@
-.comp-btn[data-v-7c40bef2]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--comp-font-sans, system-ui, sans-serif);font-weight:600;border-radius:var(--comp-radius-md, 8px);border:1px solid transparent;cursor:pointer;outline:none;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:all var(--comp-transition-fast, .2s)}.comp-btn--sm[data-v-7c40bef2]{padding:6px 12px;font-size:13px;border-radius:var(--comp-radius-sm, 6px)}.comp-btn--md[data-v-7c40bef2]{padding:10px 18px;font-size:14px;border-radius:var(--comp-radius-md, 10px)}.comp-btn--lg[data-v-7c40bef2]{padding:14px 24px;font-size:16px;border-radius:var(--comp-radius-lg, 14px)}.comp-btn--primary[data-v-7c40bef2]{background-color:var(--comp-primary);color:#fff;box-shadow:var(--comp-shadow-sm)}.comp-btn--primary[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-primary-hover);box-shadow:var(--comp-shadow-glow);transform:translateY(-1px)}.comp-btn--primary[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-primary-active);transform:translateY(0)}.comp-btn--secondary[data-v-7c40bef2]{background-color:var(--comp-bg-card);border-color:var(--comp-border);color:var(--comp-text-primary)}.comp-btn--secondary[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-bg-hover);border-color:var(--comp-border-hover);transform:translateY(-1px)}.comp-btn--secondary[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-bg-card);transform:translateY(0)}.comp-btn--outline[data-v-7c40bef2]{background-color:transparent;border-color:var(--comp-primary);color:var(--comp-primary)}.comp-btn--outline[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:#6366f114;transform:translateY(-1px)}.comp-btn--outline[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:#6366f129;transform:translateY(0)}.comp-btn--text[data-v-7c40bef2]{background-color:transparent;border-color:transparent;color:var(--comp-text-secondary)}.comp-btn--text[data-v-7c40bef2]:hover:not(.comp-btn--disabled){color:var(--comp-text-primary);background-color:#ffffff0d}.comp-btn--text[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:#ffffff1a}.comp-btn--danger[data-v-7c40bef2]{background-color:var(--comp-danger);color:#fff}.comp-btn--danger[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-danger-hover);transform:translateY(-1px)}.comp-btn--danger[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-danger-active);transform:translateY(0)}.comp-btn--disabled[data-v-7c40bef2]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.comp-btn__icon[data-v-7c40bef2]{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:1.1em}.comp-btn__content[data-v-7c40bef2]{display:inline-flex;align-items:center}.comp-btn__spinner[data-v-7c40bef2]{width:14px;height:14px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;display:inline-block;margin-right:8px;animation:comp-spin-7c40bef2 .75s linear infinite}@keyframes comp-spin-7c40bef2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comp-badge[data-v-158f78af]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--comp-font-sans, system-ui, sans-serif);font-weight:600;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:var(--comp-radius-full, 9999px);line-height:1;border:1px solid transparent;-webkit-user-select:none;user-select:none;transition:all var(--comp-transition-fast, .2s)}.comp-badge--default.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-text-secondary);color:var(--comp-bg-main)}.comp-badge--default.comp-badge--subtle[data-v-158f78af]{background-color:var(--comp-bg-hover);color:var(--comp-text-primary);border-color:var(--comp-border)}.comp-badge--default.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-text-muted);color:var(--comp-text-secondary)}.comp-badge--success.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-success);color:#fff}.comp-badge--success.comp-badge--subtle[data-v-158f78af]{background-color:#10b9811f;color:#34d399;border-color:#10b98133}.comp-badge--success.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-success);color:var(--comp-success)}.comp-badge--warning.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-warning);color:#fff}.comp-badge--warning.comp-badge--subtle[data-v-158f78af]{background-color:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}.comp-badge--warning.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-warning);color:var(--comp-warning)}.comp-badge--danger.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-danger);color:#fff}.comp-badge--danger.comp-badge--subtle[data-v-158f78af]{background-color:#ef44441f;color:#fca5a5;border-color:#ef444433}.comp-badge--danger.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-danger);color:var(--comp-danger)}.comp-badge--info.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-info);color:#fff}.comp-badge--info.comp-badge--subtle[data-v-158f78af]{background-color:#06b6d41f;color:#22d3ee;border-color:#06b6d433}.comp-badge--info.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-info);color:var(--comp-info)}.comp-badge__dot[data-v-158f78af]{width:6px;height:6px;border-radius:50%;margin-right:5px;background-color:currentColor;display:inline-block;box-shadow:0 0 4px currentColor}.comp-badge[data-v-158f78af]:hover{transform:translateY(-.5px);filter:brightness(1.08)}:root{--comp-primary: #6366f1;--comp-primary-hover: #4f46e5;--comp-primary-active: #4338ca;--comp-primary-light: #e0e7ff;--comp-success: #10b981;--comp-success-hover: #059669;--comp-success-light: #d1fae5;--comp-warning: #f59e0b;--comp-warning-hover: #d97706;--comp-warning-light: #fef3c7;--comp-danger: #ef4444;--comp-danger-hover: #dc2626;--comp-danger-active: #b91c1c;--comp-danger-light: #fee2e2;--comp-info: #06b6d4;--comp-info-hover: #0891b2;--comp-info-light: #ecfeff;--comp-bg-main: #0b0f19;--comp-bg-card: #151d30;--comp-bg-hover: #1f293d;--comp-text-primary: #f3f4f6;--comp-text-secondary: #9ca3af;--comp-text-muted: #6b7280;--comp-border: #2d3748;--comp-border-hover: #4a5568;--comp-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--comp-radius-sm: 6px;--comp-radius-md: 10px;--comp-radius-lg: 16px;--comp-radius-full: 9999px;--comp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--comp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--comp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--comp-shadow-glow: 0 0 15px rgba(99, 102, 241, .3);--comp-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--comp-transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}.comp-lib-root,.comp-lib-root *,.comp-lib-root *:before,.comp-lib-root *:after{box-sizing:border-box;font-family:var(--comp-font-sans)}
+.comp-btn[data-v-7c40bef2]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--comp-font-sans, system-ui, sans-serif);font-weight:600;border-radius:var(--comp-radius-md, 8px);border:1px solid transparent;cursor:pointer;outline:none;position:relative;overflow:hidden;-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:all var(--comp-transition-fast, .2s)}.comp-btn--sm[data-v-7c40bef2]{padding:6px 12px;font-size:13px;border-radius:var(--comp-radius-sm, 6px)}.comp-btn--md[data-v-7c40bef2]{padding:10px 18px;font-size:14px;border-radius:var(--comp-radius-md, 10px)}.comp-btn--lg[data-v-7c40bef2]{padding:14px 24px;font-size:16px;border-radius:var(--comp-radius-lg, 14px)}.comp-btn--primary[data-v-7c40bef2]{background-color:var(--comp-primary);color:#fff;box-shadow:var(--comp-shadow-sm)}.comp-btn--primary[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-primary-hover);box-shadow:var(--comp-shadow-glow);transform:translateY(-1px)}.comp-btn--primary[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-primary-active);transform:translateY(0)}.comp-btn--secondary[data-v-7c40bef2]{background-color:var(--comp-bg-card);border-color:var(--comp-border);color:var(--comp-text-primary)}.comp-btn--secondary[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-bg-hover);border-color:var(--comp-border-hover);transform:translateY(-1px)}.comp-btn--secondary[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-bg-card);transform:translateY(0)}.comp-btn--outline[data-v-7c40bef2]{background-color:transparent;border-color:var(--comp-primary);color:var(--comp-primary)}.comp-btn--outline[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:#6366f114;transform:translateY(-1px)}.comp-btn--outline[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:#6366f129;transform:translateY(0)}.comp-btn--text[data-v-7c40bef2]{background-color:transparent;border-color:transparent;color:var(--comp-text-secondary)}.comp-btn--text[data-v-7c40bef2]:hover:not(.comp-btn--disabled){color:var(--comp-text-primary);background-color:#ffffff0d}.comp-btn--text[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:#ffffff1a}.comp-btn--danger[data-v-7c40bef2]{background-color:var(--comp-danger);color:#fff}.comp-btn--danger[data-v-7c40bef2]:hover:not(.comp-btn--disabled){background-color:var(--comp-danger-hover);transform:translateY(-1px)}.comp-btn--danger[data-v-7c40bef2]:active:not(.comp-btn--disabled){background-color:var(--comp-danger-active);transform:translateY(0)}.comp-btn--disabled[data-v-7c40bef2]{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.comp-btn__icon[data-v-7c40bef2]{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;font-size:1.1em}.comp-btn__content[data-v-7c40bef2]{display:inline-flex;align-items:center}.comp-btn__spinner[data-v-7c40bef2]{width:14px;height:14px;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;display:inline-block;margin-right:8px;animation:comp-spin-7c40bef2 .75s linear infinite}@keyframes comp-spin-7c40bef2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.comp-badge[data-v-158f78af]{display:inline-flex;align-items:center;justify-content:center;font-family:var(--comp-font-sans, system-ui, sans-serif);font-weight:600;font-size:11px;letter-spacing:.03em;text-transform:uppercase;padding:3px 8px;border-radius:var(--comp-radius-full, 9999px);line-height:1;border:1px solid transparent;-webkit-user-select:none;user-select:none;transition:all var(--comp-transition-fast, .2s)}.comp-badge--default.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-text-secondary);color:var(--comp-bg-main)}.comp-badge--default.comp-badge--subtle[data-v-158f78af]{background-color:var(--comp-bg-hover);color:var(--comp-text-primary);border-color:var(--comp-border)}.comp-badge--default.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-text-muted);color:var(--comp-text-secondary)}.comp-badge--success.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-success);color:#fff}.comp-badge--success.comp-badge--subtle[data-v-158f78af]{background-color:#10b9811f;color:#34d399;border-color:#10b98133}.comp-badge--success.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-success);color:var(--comp-success)}.comp-badge--warning.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-warning);color:#fff}.comp-badge--warning.comp-badge--subtle[data-v-158f78af]{background-color:#f59e0b1f;color:#fbbf24;border-color:#f59e0b33}.comp-badge--warning.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-warning);color:var(--comp-warning)}.comp-badge--danger.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-danger);color:#fff}.comp-badge--danger.comp-badge--subtle[data-v-158f78af]{background-color:#ef44441f;color:#fca5a5;border-color:#ef444433}.comp-badge--danger.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-danger);color:var(--comp-danger)}.comp-badge--info.comp-badge--filled[data-v-158f78af]{background-color:var(--comp-info);color:#fff}.comp-badge--info.comp-badge--subtle[data-v-158f78af]{background-color:#06b6d41f;color:#22d3ee;border-color:#06b6d433}.comp-badge--info.comp-badge--outline[data-v-158f78af]{background-color:transparent;border-color:var(--comp-info);color:var(--comp-info)}.comp-badge__dot[data-v-158f78af]{width:6px;height:6px;border-radius:50%;margin-right:5px;background-color:currentColor;display:inline-block;box-shadow:0 0 4px currentColor}.comp-badge[data-v-158f78af]:hover{transform:translateY(-.5px);filter:brightness(1.08)}.comp-input-wrapper[data-v-e8d4db36]{font-family:var(--comp-font-sans, system-ui, sans-serif);width:100%}.comp-el-input[data-v-e8d4db36] .el-input__wrapper{background-color:var(--comp-bg-card);box-shadow:0 0 0 1px var(--comp-border) inset;border-radius:var(--comp-radius-md);color:var(--comp-text-primary);transition:all var(--comp-transition-fast)}.comp-el-input[data-v-e8d4db36] .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--comp-border-hover) inset}.comp-el-input[data-v-e8d4db36] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--comp-primary) inset;background-color:var(--comp-bg-hover)}.comp-el-input[data-v-e8d4db36] .el-input__inner{color:var(--comp-text-primary)}.comp-el-input[data-v-e8d4db36] .el-input__inner::placeholder{color:var(--comp-text-muted)}.mb-1[data-v-1e46cda6]{margin-bottom:8px}.mr-2[data-v-1e46cda6]{margin-right:8px}.mr-4[data-v-1e46cda6]{margin-right:16px}.ml-2[data-v-1e46cda6]{margin-left:8px}.text-16px[data-v-1e46cda6]{font-size:16px}.text-14px[data-v-1e46cda6]{font-size:14px}.text-12px[data-v-1e46cda6]{font-size:12px}.font-500[data-v-1e46cda6]{font-weight:500}.font-400[data-v-1e46cda6]{font-weight:400}.flex[data-v-1e46cda6]{display:flex}.items-center[data-v-1e46cda6]{align-items:center}.flex-between-center-display[data-v-1e46cda6]{display:flex;align-items:center;justify-content:space-between}.flex-1[data-v-1e46cda6]{flex:1}.min-w-0[data-v-1e46cda6]{min-width:0}.w-120px[data-v-1e46cda6]{width:120px}.cursor-pointer[data-v-1e46cda6]{cursor:pointer}.read-dot[data-v-1e46cda6]{width:6px;height:6px;border-radius:50%;background-color:red;display:inline-block;vertical-align:middle;margin-left:4px;transform:translateY(-8px)}.delete-btn[data-v-1e46cda6]{font-size:18px;color:#ef4444;transition:opacity .2s}.delete-btn[data-v-1e46cda6]:hover{opacity:.8}.container_old[data-v-1e46cda6]{display:grid;grid-auto-flow:column;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,auto);row-gap:8px;align-content:start}.title[data-v-1e46cda6]{font-size:12px;font-weight:500;color:var(--comp-text-secondary, #9ca3af);margin-right:4px}[data-v-1e46cda6] .el-card__header{padding:8px 15px;background-color:var(--comp-bg-hover, rgba(255, 255, 255, .02))}[data-v-1e46cda6] .el-card__body{padding:10px 20px}:root{--comp-primary: #6366f1;--comp-primary-hover: #4f46e5;--comp-primary-active: #4338ca;--comp-primary-light: #e0e7ff;--comp-success: #10b981;--comp-success-hover: #059669;--comp-success-light: #d1fae5;--comp-warning: #f59e0b;--comp-warning-hover: #d97706;--comp-warning-light: #fef3c7;--comp-danger: #ef4444;--comp-danger-hover: #dc2626;--comp-danger-active: #b91c1c;--comp-danger-light: #fee2e2;--comp-info: #06b6d4;--comp-info-hover: #0891b2;--comp-info-light: #ecfeff;--comp-bg-main: #0b0f19;--comp-bg-card: #151d30;--comp-bg-hover: #1f293d;--comp-text-primary: #f3f4f6;--comp-text-secondary: #9ca3af;--comp-text-muted: #6b7280;--comp-border: #2d3748;--comp-border-hover: #4a5568;--comp-font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--comp-radius-sm: 6px;--comp-radius-md: 10px;--comp-radius-lg: 16px;--comp-radius-full: 9999px;--comp-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--comp-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--comp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--comp-shadow-glow: 0 0 15px rgba(99, 102, 241, .3);--comp-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--comp-transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}.comp-lib-root,.comp-lib-root *,.comp-lib-root *:before,.comp-lib-root *:after{box-sizing:border-box;font-family:var(--comp-font-sans)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xc-computent",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A premium Vue 3 component library built with Vite and TypeScript",
   "type": "module",
   "main": "./dist/computent.umd.cjs",
@@ -33,14 +33,16 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "vue": "^3.3.0"
+    "vue": "^3.3.6",
+    "element-plus": "^2.4.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.0.5",
+    "element-plus": "2.4.3",
     "typescript": "^5.4.5",
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1",
-    "vue": "^3.4.27",
+    "vue": "3.3.6",
     "vue-tsc": "^2.0.19"
   }
 }