ling-yun-custom-components 0.0.10

package/es/chunks/layout.t3qD0LTW.js

@@ -0,0 +1,121 @@
+import { ref as b, computed as o, onMounted as S, nextTick as C, watch as k, createBlock as j, openBlock as D, resolveDynamicComponent as F, unref as g, mergeProps as M } from "vue";
+import { ElTreeSelect as x, ElSelectV2 as E } from "element-plus";
+import { b as r } from "./index.DlooXR0t.js";
+const q = /* @__PURE__ */ Object.assign({
+  name: "CustomSelect"
+}, {
+  __name: "layout",
+  props: {
+    // 绑定值
+    modelValue: {
+      type: [String, Number, Array, Object],
+      default: () => null
+    },
+    // 是否可清空
+    clearable: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否可搜索
+    filterable: {
+      type: Boolean,
+      default: !0
+    },
+    // 多选时是否将选中值按文字的形式展示
+    collapseTags: {
+      type: Boolean,
+      default: !0
+    },
+    // 多选
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    // 接口配置
+    apiConfig: {
+      type: Function
+    },
+    // 数据映射配置
+    mapping: {
+      type: Object,
+      default: () => ({
+        label: "label",
+        value: "value",
+        disabled: "disabled",
+        children: "children"
+      })
+    },
+    // 静态数据
+    staticOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 是否在组件挂载时自动加载数据
+    autoLoad: {
+      type: Boolean,
+      default: !0
+    },
+    // 请求参数
+    params: {
+      type: Object,
+      default: () => ({})
+    },
+    // 是否为树形选择器
+    isTreeSelect: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [r.updateModelValue, r.change],
+  setup(l, { expose: v, emit: y }) {
+    const e = l, s = y, n = b(e.modelValue), i = b([]), c = o(() => typeof e.apiConfig == "function"), h = o(() => e.staticOptions.length > 0 ? e.staticOptions : i.value), V = o(() => e.isTreeSelect ? "data" : "options"), T = o(() => e.isTreeSelect ? "children" : "options"), B = o(() => ({
+      ...e.mapping,
+      [T.value]: e.mapping.children
+    })), p = async () => {
+      c.value && e.apiConfig(e.params)?.then((a) => {
+        i.value = d(a?.data || []);
+      });
+    };
+    function d(a, u = !1) {
+      return a.map((t) => {
+        const m = u || t.isEnabled === 0, f = {
+          ...t,
+          disabled: m
+        };
+        return t.children && t.children.length > 0 && (f.children = d(t.children, m)), f;
+      });
+    }
+    const O = () => {
+      s(r.updateModelValue, n.value), s(r.change, n.value);
+    };
+    return v({
+      clear: () => {
+        i.value = [], n.value = e.multiple ? [] : null;
+      },
+      loadData: p
+    }), S(() => {
+      e.autoLoad && c.value && C(() => {
+        p();
+      });
+    }), k(
+      () => e.modelValue,
+      (a) => {
+        n.value = a;
+      },
+      { immediate: !0 }
+    ), (a, u) => (D(), j(F(l.isTreeSelect ? g(x) : g(E)), M({
+      modelValue: n.value,
+      "onUpdate:modelValue": u[0] || (u[0] = (t) => n.value = t),
+      props: B.value,
+      multiple: l.multiple,
+      "collapse-tags": l.collapseTags,
+      filterable: l.filterable,
+      clearable: l.clearable,
+      [V.value || ""]: h.value,
+      "node-key": l.mapping.value
+    }, a.$attrs, { onChange: O }), null, 16, ["modelValue", "props", "multiple", "collapse-tags", "filterable", "clearable", "node-key"]));
+  }
+});
+export {
+  q as default
+};

package/es/chunks/layout.ypvwQzq5.js

@@ -0,0 +1,98 @@
+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, c as p, v as d } from "./index.D4Kbv-m1.js";
+const O = /* @__PURE__ */ Object.assign({
+  name: "CustomPagination"
+}, {
+  __name: "layout",
+  props: {
+    // 当前页码
+    currentPage: {
+      type: Number,
+      default: d.pageNum
+    },
+    // 每页显示条目个数
+    pageSize: {
+      type: Number,
+      default: d.pageSize
+    },
+    // 每页显示个数选择器的选项设置
+    pageSizes: {
+      type: Array,
+      default: () => p.pageSizes
+    },
+    // 是否为分页按钮添加背景色
+    background: {
+      type: Boolean,
+      default: !0
+    },
+    // 分页组件的布局，子组件名用逗号分隔
+    layout: {
+      type: String,
+      default: p.layout
+    },
+    // 上一页的图标
+    prevIcon: {
+      type: Object,
+      default: b
+    },
+    // 下一页的图标
+    nextIcon: {
+      type: Object,
+      default: P
+    },
+    // 只有一页时是否隐藏
+    hideOnSinglePage: {
+      type: Boolean,
+      default: !0
+    },
+    // 总数
+    total: {
+      type: Number,
+      default: 0
+    }
+  },
+  emits: [
+    t.sizeChange,
+    t.currentChange,
+    t.updateCurrentPage,
+    t.updatePageSize
+  ],
+  setup(a, { emit: c }) {
+    const n = c, r = a, g = l({
+      get: () => r.currentPage,
+      set: (e) => {
+        n(t.updateCurrentPage, e);
+      }
+    }), i = l({
+      get: () => r.pageSize,
+      set: (e) => {
+        n(t.updatePageSize, e);
+      }
+    }), s = (e) => {
+      n(t.sizeChange, e), n(t.updatePageSize, e);
+    }, m = (e) => {
+      n(t.currentChange, e), n(t.updateCurrentPage, e);
+    };
+    return (e, u) => (z(), f(y(C), S({
+      "current-page": g.value,
+      "onUpdate:currentPage": u[0] || (u[0] = (o) => g.value = o),
+      "page-size": i.value,
+      "onUpdate:pageSize": u[1] || (u[1] = (o) => i.value = o),
+      "page-sizes": a.pageSizes,
+      background: a.background,
+      layout: a.layout,
+      total: a.total,
+      "prev-icon": a.prevIcon,
+      "next-icon": a.nextIcon,
+      "hide-on-single-page": a.hideOnSinglePage
+    }, e.$attrs, {
+      onSizeChange: s,
+      onCurrentChange: m
+    }), null, 16, ["current-page", "page-size", "page-sizes", "background", "layout", "total", "prev-icon", "next-icon", "hide-on-single-page"]));
+  }
+});
+export {
+  O as _
+};

package/es/index.mjs

@@ -0,0 +1,81 @@
+import { CustomSelect as m } from "./CustomSelect.mjs";
+import { SearchBar as e } from "./SearchBar.mjs";
+import { PaginationTable as i } from "./PaginationTable.mjs";
+import { UploadFile as p } from "./UploadFile.mjs";
+import { FileList as n } from "./FileList.mjs";
+import { BatchImport as f } from "./BatchImport.mjs";
+import { GradientButton as a } from "./GradientButton.mjs";
+import { CustomDialog as l } from "./CustomDialog.mjs";
+import { CustomPagination as s } from "./CustomPagination.mjs";
+import { CustomTitle as c } from "./CustomTitle.mjs";
+import { CustomDropdown as S } from "./CustomDropdown.mjs";
+import { TreeSelect as u } from "./TreeSelect.mjs";
+import { TreeShowSelect as T } from "./TreeShowSelect.mjs";
+import { IconEmpty as d } from "./IconEmpty.mjs";
+import { IconRenderer as I } from "./IconRenderer.mjs";
+import { IconSelect as _ } from "./IconSelect.mjs";
+import { UpdatePasswordDialog as B } from "./UpdatePasswordDialog.mjs";
+import { BUILD_BIG_TITLES as C, BUILD_STEPS as D, BUILD_TITLES as E, BUILD_TYPES as L, BuildComponents as P, STEP_ARROW_IMAGE as g } from "./BuildComponents.mjs";
+import { CustomTab as U } from "./CustomTab.mjs";
+import { dayjs as b } from "element-plus";
+const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BUILD_BIG_TITLES: C,
+  BUILD_STEPS: D,
+  BUILD_TITLES: E,
+  BUILD_TYPES: L,
+  BatchImport: f,
+  BuildComponents: P,
+  CustomDialog: l,
+  CustomDropdown: S,
+  CustomPagination: s,
+  CustomSelect: m,
+  CustomTab: U,
+  CustomTitle: c,
+  FileList: n,
+  GradientButton: a,
+  IconEmpty: d,
+  IconRenderer: I,
+  IconSelect: _,
+  PaginationTable: i,
+  STEP_ARROW_IMAGE: g,
+  SearchBar: e,
+  TreeSelect: u,
+  TreeShowSelect: T,
+  UpdatePasswordDialog: B,
+  UploadFile: p
+}, Symbol.toStringTag, { value: "Module" }));
+b.en.weekStart = 1;
+const w = (r) => {
+  for (const t in o)
+    o[t].install && r.use(o[t]);
+}, Q = {
+  install: w
+};
+export {
+  C as BUILD_BIG_TITLES,
+  D as BUILD_STEPS,
+  E as BUILD_TITLES,
+  L as BUILD_TYPES,
+  f as BatchImport,
+  P as BuildComponents,
+  l as CustomDialog,
+  S as CustomDropdown,
+  s as CustomPagination,
+  m as CustomSelect,
+  U as CustomTab,
+  c as CustomTitle,
+  n as FileList,
+  a as GradientButton,
+  d as IconEmpty,
+  I as IconRenderer,
+  _ as IconSelect,
+  i as PaginationTable,
+  g as STEP_ARROW_IMAGE,
+  e as SearchBar,
+  u as TreeSelect,
+  T as TreeShowSelect,
+  B as UpdatePasswordDialog,
+  p as UploadFile,
+  Q as default
+};

package/lib/BatchImport.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const b=require("./chunks/index.CkihWzK6.js"),e=require("vue"),c=require("element-plus"),r=require("./chunks/index.CrvqvcN9.js"),F=require("./chunks/layout.DDTIwGYp.js"),h=require("./chunks/index.DJKAT9lI.js"),S={__name:"ImportResultContent",props:{uploadResData:{type:Object,default:()=>({})},templateConfig:{type:Object,default:()=>({})}},setup(n){const s=n,f=()=>{const{ossUrl:p,fileName:l}=s.uploadResData;s.templateConfig.downloadErrorFile(l,p,s.templateConfig.isNeedTransform)};return(p,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("p",null," 共"+e.toDisplayString(n.uploadResData.total||0)+"条数据，其中"+e.toDisplayString(n.uploadResData.successTotal||0)+"条数据成功，"+e.toDisplayString(n.uploadResData.failureTotal||0)+"条失败 ",1),e.createElementVNode("p",{style:{color:"var(--text-color-4)"}},[l[0]||(l[0]=e.createElementVNode("span",null,"失败原因请下载",-1)),e.createElementVNode("span",{class:"pointer",style:{color:"var(--error-color-1)"},onClick:f}," 错误报告 ")])],64))}},R={key:0,class:"flex items-center"},q={key:0,class:"flex items-center flex-1 fz-12"},j={key:1},I=Object.assign({name:"BatchImport"},{__name:"layout",props:{modelValue:{type:Boolean,default:!1},title:{type:String,default:"导入"},templateName:{type:String,default:"导入"},width:{type:Number,default:520},templateConfig:{type:Object,default:()=>({})},uploadFileConfig:{type:Object,default:()=>{}}},emits:[r.bt.updateModelValue,"success","error","cancel","uploadSuccess"],setup(n,{emit:s}){const f={templateFileName:"导入模板.xlsx"},p={uploadFileType:[r.m.xlsx,r.m.xls],isCustomRequest:!0,multiple:!1,rowCount:1,maxCount:1},l=n,v=s,i=e.ref([]),d=e.computed({get(){return l.modelValue},set(o){v(r.bt.updateModelValue,o)}}),k=e.computed(()=>u.value==="result"?"导入结果":l.title),C=e.computed(()=>({...p,...l.uploadFileConfig})),m=e.computed(()=>({...f,...l.templateConfig})),w=()=>{m.value.downloadTemplate({},m.value.templateFileName)},u=e.ref("upload"),y=e.ref({}),B=()=>{d.value=!1};function E(o,t){const a=o.name.split(".").pop(),g=`${t}.${a}`;return new File([o],g,{type:o.type,lastModified:o.lastModified})}const T=e.ref(null),D=async()=>{const o=l.uploadFileConfig?.fileName||i.value?.[0]?.raw?.name;C.value?.apiConfig({...C.value?.params,file:E(i.value?.[0]?.raw,o)}).then(t=>{const{data:a}=t;T.value=a;const{failureTotal:g,successTotal:V}=a;t.code===r.A.success&&(g?(u.value="result",y.value=a,V&&v("uploadSuccess")):(r.gt(`文件导入成功，共导入数据：${V}条`),v("uploadSuccess"),d.value=!1))})},N=()=>{d.value=!1};return(o,t)=>(e.openBlock(),e.createBlock(e.unref(c.ElDialog),{modelValue:d.value,"onUpdate:modelValue":t[1]||(t[1]=a=>d.value=a),title:k.value,width:n.width,"close-on-click-modal":!1,"close-on-press-escape":!1,onClose:N},{footer:e.withCtx(()=>[u.value==="upload"?(e.openBlock(),e.createElementBlock("div",R,[m.value?.downloadTemplate?(e.openBlock(),e.createElementBlock("div",q,[e.createVNode(e.unref(c.ElIcon),{size:14,color:"var(--text-color-4)"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.icon_query_default))]),_:1}),t[2]||(t[2]=e.createElementVNode("div",{class:"text-74798c pd-l-4"},"还没有模板？点击下载",-1)),e.createElementVNode("div",{class:"text-3b64ff pointer",onClick:w}," 《"+e.toDisplayString(n.templateName)+"模板》 ",1)])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.ElButton),{onClick:N},{default:e.withCtx(()=>[...t[3]||(t[3]=[e.createTextVNode("取消",-1)])]),_:1}),e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:D,disabled:!i.value?.length},{default:e.withCtx(()=>[...t[4]||(t[4]=[e.createTextVNode(" 确认 ",-1)])]),_:1},8,["disabled"])])):e.createCommentVNode("",!0),u.value==="result"?(e.openBlock(),e.createElementBlock("div",j,[e.createVNode(e.unref(c.ElButton),{type:"primary",onClick:B},{default:e.withCtx(()=>[...t[5]||(t[5]=[e.createTextVNode("我知道了",-1)])]),_:1})])):e.createCommentVNode("",!0)]),default:e.withCtx(()=>[u.value==="upload"?(e.openBlock(),e.createBlock(F.default,e.mergeProps({key:0,modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=a=>i.value=a)},C.value),null,16,["modelValue"])):e.createCommentVNode("",!0),u.value==="result"?(e.openBlock(),e.createBlock(S,{key:1,templateConfig:m.value,uploadResData:y.value},null,8,["templateConfig","uploadResData"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","title","width"]))}}),x=b.withInstall(I);exports.BatchImport=x;exports.default=x;