ling-yun-custom-components 0.0.10 → 0.0.22

package/es/chunks/{layout.C0UEMbnF.js → layout.3r4JjCjq.js}

@@ -1,7 +1,7 @@
 import { computed as l, createBlock as f, openBlock as z, unref as y, mergeProps as S } from "vue";
 import { ElPagination as C } from "element-plus";
 import { d as P, e as b } from "./index.DfOANPhX.js";
-import { b as t, j as p, i as d } from "./index.DlooXR0t.js";
+import { b as t, c as p, v as d } from "./index.CRROL-C7.js";
 const O = /* @__PURE__ */ Object.assign({
   name: "CustomPagination"
 }, {

package/es/chunks/layout.B8mwOOqx.js

@@ -0,0 +1,149 @@
+import { useCssVars as L, ref as N, watch as U, createElementBlock as u, createCommentVNode as v, openBlock as r, Fragment as x, renderList as j, normalizeClass as z, unref as o, createElementVNode as m, createBlock as f, normalizeStyle as O, withCtx as S, resolveDynamicComponent as E, toDisplayString as k, renderSlot as w, createVNode as R } from "vue";
+import { ElImage as T, ElIcon as M } from "element-plus";
+import { f as c, t as P, m as a } from "./index._uj6b1Kd.js";
+import { IconDelete as A, IconTxt as G, IconPpt as I, IconXls as b, IconDoc as F, IconPdf as K } from "color-message-lingyun-vue";
+import { _ as X } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout6.css';const i = {
+  uploading: "uploading",
+  success: "success",
+  error: "error"
+}, q = {
+  key: 0,
+  class: "file-list display-grid pd-t-12 pd-b-12"
+}, H = { class: "flex overflow-hidden flex-1 pd-r-10" }, J = { class: "pd-l-8 flex-1 overflow-hidden" }, Q = ["title"], W = { class: "fz-12 text-ellipsis lh-16" }, Y = {
+  key: 1,
+  class: "text-74798c"
+}, Z = /* @__PURE__ */ Object.assign({
+  name: "FileList"
+}, {
+  __name: "layout",
+  props: {
+    // 文件列表数据
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 是否显示删除按钮
+    showDelete: {
+      type: Boolean,
+      default: !0
+    },
+    // 字段映射配置
+    fieldMapping: {
+      type: Object,
+      default: () => ({
+        // fileName: 'fileName',
+        // fileUrl: 'fileUrl',
+      })
+    },
+    rowCount: {
+      type: Number,
+      default: 2
+    },
+    // 图标大小
+    iconSize: {
+      type: Number,
+      default: 36
+    }
+  },
+  emits: [c.delete, c.change, c.updateModelValue],
+  setup(l, { emit: _ }) {
+    L((e) => ({
+      v247946fe: l.rowCount
+    }));
+    const p = l, g = _, n = N(p.modelValue), B = Object.fromEntries(
+      Object.entries(P).map(([e, s]) => [s, e])
+    ), h = (e) => e[p.fieldMapping.fileUrl] ? e[p.fieldMapping.fileUrl] : e.raw && e.raw instanceof File ? URL.createObjectURL(e.raw) : e instanceof File ? URL.createObjectURL(e) : "", C = {
+      [a.pdf]: K,
+      [a.doc]: F,
+      [a.docx]: F,
+      [a.xls]: b,
+      [a.xlsx]: b,
+      [a.ppt]: I,
+      [a.pptx]: I,
+      [a.txt]: G
+    }, V = (e) => e?.includes("image"), $ = (e) => {
+      const s = B[e];
+      return C[s];
+    }, y = (e) => {
+      if (!e || e === 0) return "0 B";
+      const s = 1024, t = ["B", "KB", "MB", "GB"], d = Math.floor(Math.log(e) / Math.log(s));
+      return `${parseFloat((e / Math.pow(s, d)).toFixed(2))} ${t[d]}`;
+    }, D = (e, s) => {
+      n.value.splice(s, 1), g(c.delete, e), g(c.updateModelValue, n.value), g(c.change, n.value);
+    };
+    return U(
+      () => p.modelValue,
+      (e) => {
+        n.value = e;
+      },
+      { immediate: !0 }
+    ), (e, s) => n.value?.length ? (r(), u("div", q, [
+      (r(!0), u(x, null, j(n.value, (t, d) => (r(), u("div", {
+        key: d,
+        class: z(["pd-l-8 pd-r-8 pd-t-6 pd-b-6 radius-8 file-item overflow-hidden flex items-center", {
+          "bg-uploading": t.fileStatus === o(i).uploading,
+          "bg-fcfdff": t.fileStatus !== o(i).uploading,
+          "border-error": t.fileStatus === o(i).error,
+          "border-normal": t.fileStatus !== o(i).error
+        }])
+      }, [
+        m("div", H, [
+          V(t?.type) && h(t) ? (r(), f(o(T), {
+            key: 0,
+            src: h(t),
+            class: "radius-4",
+            fit: "cover",
+            style: O({ width: `${l.iconSize}px`, height: `${l.iconSize}px` })
+          }, null, 8, ["src", "style"])) : (r(), f(o(M), {
+            key: 1,
+            size: l.iconSize,
+            class: "pointer"
+          }, {
+            default: S(() => [
+              (r(), f(E($(t?.type))))
+            ]),
+            _: 2
+          }, 1032, ["size"])),
+          m("div", J, [
+            m("div", {
+              class: z(["fz-14 text-ellipsis lh-20 flex-1", {
+                "text-ec0e13": t.fileStatus === o(i).error,
+                "text-262626": t.fileStatus !== o(i).error
+              }]),
+              title: t[l.fieldMapping.fileName]
+            }, k(t[l.fieldMapping.fileName]), 11, Q),
+            m("div", W, [
+              e.$slots.status ? w(e.$slots, "status", {
+                key: 0,
+                file: t
+              }, void 0, !0) : (r(), u(x, { key: 1 }, [
+                e.$slots.size ? w(e.$slots, "size", {
+                  key: 0,
+                  file: t,
+                  size: y(t.size)
+                }, void 0, !0) : (r(), u("span", Y, k(y(t.size)), 1))
+              ], 64))
+            ])
+          ])
+        ]),
+        l.showDelete ? (r(), f(o(M), {
+          key: 0,
+          size: 16,
+          color: t.fileStatus === o(i).error ? "var(--error-color-1)" : "var(--text-color-4)",
+          class: "pointer",
+          onClick: (ee) => D(t, d)
+        }, {
+          default: S(() => [
+            R(o(A))
+          ]),
+          _: 1
+        }, 8, ["color", "onClick"])) : v("", !0)
+      ], 2))), 128))
+    ])) : v("", !0);
+  }
+}), ae = /* @__PURE__ */ X(Z, [["__scopeId", "data-v-0980a743"]]);
+export {
+  ae as _,
+  i as u
+};

package/es/chunks/{layout.LCKaV7EX.js → layout.BHroZ9U9.js}

@@ -1,7 +1,7 @@
 import { ref as z, computed as p, watch as M, createElementBlock as f, openBlock as m, createVNode as R, createBlock as k, createCommentVNode as U, unref as h, mergeProps as B, withCtx as D, renderSlot as O, Fragment as E, createElementVNode as c, toDisplayString as x } from "vue";
 import { ElUpload as N, ElImage as Y } from "element-plus";
 import { emitsMap as i, uploadFileTypeMap as L, messageError as Q, messageWarning as F } from "ling-yun-methods";
-import { _ as J, u as v } from "./layout.CiNI5oQK.js";
+import { _ as J, u as v } from "./layout.vvR_4ki7.js";
 import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import '../assets/layout5.css';const u = [];
 for (let A = 0; A < 256; ++A)

package/es/chunks/{layout.DeAFov0o.js → layout.BSdpu71J.js}

@@ -1,7 +1,7 @@
 import { useAttrs as I, computed as d, onMounted as L, createBlock as y, openBlock as u, unref as n, mergeProps as U, withCtx as c, createElementBlock as g, renderSlot as m, createElementVNode as v, createCommentVNode as A, createTextVNode as h, toDisplayString as C, Fragment as R, createVNode as x } from "vue";
 import { ElDialog as q, ElButton as b, ElIcon as z } from "element-plus";
 import { j as H, k as J } from "./index.DfOANPhX.js";
-import { b as e } from "./index.DlooXR0t.js";
+import { b as e } from "./index.CRROL-C7.js";
 import { _ as K } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import '../assets/layout2.css';const t = {
   DEFAULT: "default",

package/es/chunks/{layout.6MxjcpGc.js → layout.BZ373u9D.js}

@@ -1,10 +1,10 @@
-import { renderSlot as k, createElementBlock as $, openBlock as r, Fragment as U, renderList as E, createBlock as m, unref as t, withCtx as n, createTextVNode as V, toDisplayString as L, useCssVars as le, defineAsyncComponent as Y, ref as w, computed as x, normalizeClass as O, mergeProps as b, createCommentVNode as I, withKeys as ke, onMounted as pe, watch as be, createElementVNode as g, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as ge } from "vue";
-import { ElButton as z, ElForm as we, ElFormItem as oe, ElInput as Z, ElDatePicker as Ve, ElInputNumber as De, ElSwitch as Ce, ElRadioGroup as $e, ElRadio as Ee, ElCheckboxGroup as Fe, ElCheckbox as xe, ElAutoResizer as _, ElPopover as Ue, ElIcon as ee, ElDrawer as Le } from "element-plus";
-import { l as Se, m as We, n as Be, a as Me, o as Pe } from "./index.DfOANPhX.js";
-import { r as C, e as N, n as h, s as Ne, o as ae, b as P } from "./index.DlooXR0t.js";
+import { renderSlot as k, createElementBlock as $, openBlock as r, Fragment as x, renderList as E, createBlock as m, unref as t, withCtx as n, createTextVNode as V, toDisplayString as L, useCssVars as le, defineAsyncComponent as Y, ref as w, computed as U, normalizeClass as N, mergeProps as b, createCommentVNode as O, withKeys as ke, onMounted as pe, watch as be, createElementVNode as g, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as ge } from "vue";
+import { ElButton as z, ElForm as we, ElFormItem as oe, ElInput as Z, ElDatePicker as Ve, ElInputNumber as De, ElSwitch as Ce, ElRadioGroup as $e, ElRadio as Ee, ElCheckboxGroup as Fe, ElCheckbox as Ue, ElAutoResizer as _, ElPopover as xe, ElIcon as ee, ElDrawer as Le } from "element-plus";
+import { IconMagnify as Se, IconCheck as We, IconUp as Be, IconDown as Ie, IconShrink as Me } from "color-message-lingyun-vue";
+import { X as C, s as P, N as h, Q as Pe, J as ae, f as M } from "./index._uj6b1Kd.js";
 import { _ as ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
 import { C as te } from "./layout.BKJPyxR8.js";
-import '../assets/layout3.css';const Oe = [
+import '../assets/layout3.css';const Ne = [
   {
     type: "primary",
     label: "查询",
@@ -31,7 +31,7 @@ import '../assets/layout3.css';const Oe = [
     return (v, i) => v.$slots.operation ? k(v.$slots, "operation", {
       key: 0,
       operationList: a.operationList
-    }) : (r(!0), $(U, { key: 1 }, E(a.operationList, (c) => (r(), m(t(z), {
+    }) : (r(!0), $(x, { key: 1 }, E(a.operationList, (c) => (r(), m(t(z), {
       key: c.value,
       type: c.type,
       icon: c.icon,
@@ -43,7 +43,7 @@ import '../assets/layout3.css';const Oe = [
       _: 2
     }, 1032, ["type", "icon", "onClick"]))), 128));
   }
-}, Ie = /* @__PURE__ */ Object.assign({
+}, Oe = /* @__PURE__ */ Object.assign({
   name: "FormWrapper"
 }, {
   __name: "FormWrapper",
@@ -71,7 +71,7 @@ import '../assets/layout3.css';const Oe = [
     // 标签位置
     labelPosition: {
       type: String,
-      default: N.right
+      default: P.right
     },
     // 是否显示标签
     showLabel: {
@@ -103,7 +103,7 @@ import '../assets/layout3.css';const Oe = [
     le((u) => ({
       v5a659130: a.minWidth + "px"
     }));
-    const W = Y(() => import("./layout.t3qD0LTW.js")), y = Y(() => import("./layout.BJE8rMzK.js")), v = a, i = w(null), c = x(() => v.isFilter ? "filter-form" : v.isFilterPreview ? "filter-preview-form" : "search-bar-form");
+    const W = Y(() => import("./layout.DLUJzpco.js")), y = Y(() => import("./layout.iUFnoCjZ.js")), v = a, i = w(null), c = U(() => v.isFilter ? "filter-form" : v.isFilterPreview ? "filter-preview-form" : "search-bar-form");
     return S({
       validate: (u) => i.value ? i.value.validate(u) : Promise.resolve(!0),
       resetFields: () => {
@@ -123,13 +123,13 @@ import '../assets/layout3.css';const Oe = [
       "label-position": a.labelPosition,
       inline: a.inline,
       rules: a.rules,
-      class: O({
+      class: N({
         [c.value]: !0,
         "items-end display-grid": !a.isFilterPreview
       })
     }, {
       default: n(() => [
-        (r(!0), $(U, null, E(a.items, (e) => (r(), m(t(oe), b({
+        (r(!0), $(x, null, E(a.items, (e) => (r(), m(t(oe), b({
           key: e.key,
           label: a.showLabel ? e.label : "",
           prop: e.key,
@@ -167,7 +167,7 @@ import '../assets/layout3.css';const Oe = [
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
               }, { ref_for: !0 }, {
                 ...e,
-                ...t(Ne)[e.dateType]
+                ...t(Pe)[e.dateType]
               }, {
                 type: e.dateType,
                 format: e.format || t(ae).date,
@@ -194,7 +194,7 @@ import '../assets/layout3.css';const Oe = [
                 onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
               }, {
                 default: n(() => [
-                  (r(!0), $(U, null, E(e.options, (l) => (r(), m(t(Ee), {
+                  (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(Ee), {
                     key: l.value,
                     label: l.value
                   }, {
@@ -212,7 +212,7 @@ import '../assets/layout3.css';const Oe = [
                 onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
               }, {
                 default: n(() => [
-                  (r(!0), $(U, null, E(e.options, (l) => (r(), m(t(xe), {
+                  (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(Ue), {
                     key: l.value,
                     label: l.value
                   }, {
@@ -235,7 +235,7 @@ import '../assets/layout3.css';const Oe = [
                 key: 8,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
-              }, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) : I("", !0)
+              }, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) : O("", !0)
             ], !0)
           ]),
           _: 2
@@ -245,7 +245,7 @@ import '../assets/layout3.css';const Oe = [
       _: 3
     }, 8, ["model", "label-width", "label-position", "inline", "rules", "class"]));
   }
-}), q = /* @__PURE__ */ ne(Ie, [["__scopeId", "data-v-a3300eb1"]]), ze = { class: "h-32 w-full" }, Re = { class: "flex items-center justify-between pd-b-20" }, Te = { class: "text-right" }, je = { class: "drawer-header" }, Ae = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, He = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Ke = /* @__PURE__ */ Object.assign({
+}), q = /* @__PURE__ */ ne(Oe, [["__scopeId", "data-v-a3300eb1"]]), ze = { class: "h-32 w-full" }, Re = { class: "flex items-center justify-between pd-b-20" }, Te = { class: "text-right" }, je = { class: "drawer-header" }, Ae = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, He = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Ke = /* @__PURE__ */ Object.assign({
   name: "SearchBar"
 }, {
   __name: "layout",
@@ -268,8 +268,8 @@ import '../assets/layout3.css';const Oe = [
     // 标签位置
     labelPosition: {
       type: String,
-      default: N.right,
-      validator: (a) => [N.left, N.right, N.top].includes(a)
+      default: P.right,
+      validator: (a) => [P.left, P.right, P.top].includes(a)
     },
     // 是否可以展开
     isExpand: {
@@ -288,7 +288,7 @@ import '../assets/layout3.css';const Oe = [
     },
     operationList: {
       type: Array,
-      default: Oe
+      default: Ne
     },
     // 是否为筛选器模式
     filterMode: {
@@ -296,13 +296,13 @@ import '../assets/layout3.css';const Oe = [
       default: !0
     }
   },
-  emits: [P.updateModelValue, P.operation],
+  emits: [M.updateModelValue, M.operation],
   setup(a, { expose: S, emit: W }) {
     le((o) => ({
       fdcf2012: a.maxHeight + "px",
       v307de011: j.value ? j.value + "px" : "100%"
     }));
-    const y = a, v = W, i = w({}), c = w(!y.isExpand), u = w(null), D = w(!1), e = w(!1), l = x(() => {
+    const y = a, v = W, i = w({}), c = w(!y.isExpand), u = w(null), D = w(!1), e = w(!1), l = U(() => {
       const o = {};
       return y.items.forEach((s) => {
         if (s.required) {
@@ -310,16 +310,16 @@ import '../assets/layout3.css';const Oe = [
           typeof s.validator == "function" && d.push({ validator: s.validator, trigger: "blur" }), o[s.key] = d;
         }
       }), o;
-    }), R = x(() => y.items?.filter((o) => !o.hidden) || []), G = x(() => y.filterMode ? R.value?.slice(0, 2) || [] : R.value), B = x(() => y.filterMode ? R.value.slice(2) : []), J = (o) => {
+    }), R = U(() => y.items?.filter((o) => !o.hidden) || []), G = U(() => y.filterMode ? R.value?.slice(0, 2) || [] : R.value), B = U(() => y.filterMode ? R.value.slice(2) : []), J = (o) => {
       i.value = { ...o };
     }, ue = () => {
-      v(P.updateModelValue, { ...i.value });
+      v(M.updateModelValue, { ...i.value });
     }, ie = (o, s) => {
-      i.value[o] = s, M(C.search);
+      i.value[o] = s, I(C.search);
     }, de = () => i.value, T = (o, s) => {
-      v(P.operation, C.search, i.value);
-    }, M = (o) => {
-      ue(), v(P.operation, o, i.value), (o === C.search || o === C.reset) && (D.value = !1, e.value = !1);
+      v(M.operation, C.search, i.value);
+    }, I = (o) => {
+      ue(), v(M.operation, o, i.value), (o === C.search || o === C.reset) && (D.value = !1, e.value = !1);
     }, se = (o) => u.value.validate(o), j = w(0), fe = (o) => {
       j.value = o + 32;
     }, me = () => {
@@ -330,7 +330,7 @@ import '../assets/layout3.css';const Oe = [
       e.value = !1, D.value = !0;
     }, Q = w(!1), X = (o) => {
       Q.value = o > y.maxHeight;
-    }, ve = x(() => y.filterMode || c.value ? "10px" : "0");
+    }, ve = U(() => y.filterMode || c.value ? "10px" : "0");
     return pe(() => {
       J(y.modelValue), X();
     }), be(
@@ -347,10 +347,10 @@ import '../assets/layout3.css';const Oe = [
       // scrollToField,
       formRef: u
     }), (o, s) => (r(), $("div", {
-      class: O(["relative overflow-hidden w-full", { flex: a.filterMode }])
+      class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
     }, [
       g("div", {
-        class: O({
+        class: N({
           "is-collapsed overflow-hidden": !c.value
         })
       }, [
@@ -385,7 +385,7 @@ import '../assets/layout3.css';const Oe = [
                     ])
                   ]),
                   _: 1
-                })) : I("", !0)
+                })) : O("", !0)
               ]),
               _: 2
             }, [
@@ -401,15 +401,15 @@ import '../assets/layout3.css';const Oe = [
         })
       ], 2),
       g("div", {
-        class: O(["operation-buttons", {
+        class: N(["operation-buttons", {
           "absolute right-0 bg-fff text-right": a.isExpand && !a.filterMode,
           "text-left": a.filterMode
         }]),
         style: ge({ bottom: ve.value })
       }, [
-        a.filterMode ? (r(), $(U, { key: 0 }, [
+        a.filterMode ? (r(), $(x, { key: 0 }, [
           f(t(z), {
-            onClick: s[0] || (s[0] = (d) => M(t(C).reset)),
+            onClick: s[0] || (s[0] = (d) => I(t(C).reset)),
             type: "default"
           }, {
             default: n(() => [...s[3] || (s[3] = [
@@ -417,7 +417,7 @@ import '../assets/layout3.css';const Oe = [
             ])]),
             _: 1
           }),
-          f(t(Ue), {
+          f(t(xe), {
             visible: D.value,
             placement: "bottom-start",
             width: 628,
@@ -434,7 +434,7 @@ import '../assets/layout3.css';const Oe = [
                   V(" 筛选器 ", -1)
                 ])]),
                 _: 1
-              }, 8, ["icon"])) : I("", !0)
+              }, 8, ["icon"])) : O("", !0)
             ]),
             default: n(() => [
               g("div", Re, [
@@ -474,7 +474,7 @@ import '../assets/layout3.css';const Oe = [
               g("div", Te, [
                 f(K, {
                   "operation-list": a.operationList,
-                  onOperation: M
+                  onOperation: I
                 }, F({ _: 2 }, [
                   o.$slots.operation ? {
                     name: "operation",
@@ -488,10 +488,10 @@ import '../assets/layout3.css';const Oe = [
             ]),
             _: 3
           }, 8, ["visible"])
-        ], 64)) : (r(), $(U, { key: 1 }, [
+        ], 64)) : (r(), $(x, { key: 1 }, [
           Q.value && a.isExpand ? (r(), m(t(z), {
             key: 0,
-            icon: c.value ? t(Be) : t(Me),
+            icon: c.value ? t(Be) : t(Ie),
             type: "text",
             onClick: me
           }, {
@@ -499,10 +499,10 @@ import '../assets/layout3.css';const Oe = [
               V(L(c.value ? "收起" : "展开"), 1)
             ]),
             _: 1
-          }, 8, ["icon"])) : I("", !0),
+          }, 8, ["icon"])) : O("", !0),
           f(K, {
             "operation-list": a.operationList,
-            onOperation: M
+            onOperation: I
           }, F({ _: 2 }, [
             o.$slots.operation ? {
               name: "operation",
@@ -532,7 +532,7 @@ import '../assets/layout3.css';const Oe = [
               class: "shrink-button"
             }, {
               default: n(() => [
-                f(t(Pe))
+                f(t(Me))
               ]),
               _: 1
             })
@@ -562,7 +562,7 @@ import '../assets/layout3.css';const Oe = [
           g("div", He, [
             f(K, {
               "operation-list": a.operationList,
-              onOperation: M
+              onOperation: I
             }, F({ _: 2 }, [
               o.$slots.operation ? {
                 name: "operation",