@web-utils/component 1.2.5 → 1.2.6

package/dist/components/tab/index.js

@@ -1 +1,145 @@
-import{p as o}from"../../chunks/8bbde9bf.js";import{n}from"../../chunks/6499de3a.js";var s=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"vux-tab-wrap",class:t.barPosition==="top"?"vux-tab-bar-top":""},[e("div",{staticClass:"vux-tab-container"},[e("div",{ref:"nav",staticClass:"vux-tab",class:[{"vux-tab-no-animate":!t.animate,scrollable:t.scrollable}]},[t._t("default"),t.animate?e("div",{staticClass:"vux-tab-ink-bar",class:t.barClass,style:t.barStyle},[t.customBarWidth?e("span",{staticClass:"vux-tab-bar-inner",style:t.innerBarStyle}):t._e()]):t._e()],2)])])},l=[];const b={name:"Tab",mixins:[o],props:{lineWidth:{type:Number,default:3},activeColor:String,barActiveColor:String,animate:{type:Boolean,default:!0},customBarWidth:[Function,String],scrollThreshold:{type:Number,default:4},barPosition:{type:String,default:"bottom",validator(t){return["bottom","top"].indexOf(t)!==-1}}},data(){return{direction:"forward",hasReady:!1}},computed:{barLeft(){if(this.hasReady){const t=this.scrollable?window.innerWidth/this.$children[this.currentIndex||0].$el.getBoundingClientRect().width:this.number;return`${this.currentIndex*(100/t)}%`}return null},barRight(){if(this.hasReady){const t=this.scrollable?window.innerWidth/this.$children[this.currentIndex||0].$el.getBoundingClientRect().width:this.number;return`${(t-this.currentIndex-1)*(100/t)}%`}return null},innerBarStyle(){return{width:typeof this.customBarWidth=="function"?this.customBarWidth(this.currentIndex):this.customBarWidth,backgroundColor:this.barActiveColor||this.activeColor}},barStyle(){const t={left:this.barLeft,right:this.barRight,display:"block",height:`${this.lineWidth}px`,transition:this.hasReady?null:"none"};return this.customBarWidth?t.backgroundColor="transparent":t.backgroundColor=this.barActiveColor||this.activeColor,t},barClass(){return{"vux-tab-ink-bar-transition-forward":this.direction==="forward","vux-tab-ink-bar-transition-backward":this.direction==="backward"}},scrollable(){return this.number>this.scrollThreshold}},watch:{currentIndex(t,i){this.direction=t>i?"forward":"backward",this.$emit("on-index-change",t,i),this.hasReady&&this.scrollToActiveTab()}},mounted(){this.$nextTick(()=>{setTimeout(()=>{this.hasReady=!0},0)})},methods:{scrollToActiveTab(){if(!this.scrollable||!this.$children||!this.$children.length)return;const t=this.$children[this.currentIndex].$el;let i=0;const e=()=>{const r=this.$refs.nav;r.scrollLeft+=(t.offsetLeft-(r.offsetWidth-t.offsetWidth)/2-r.scrollLeft)/15,++i<15&&window.requestAnimationFrame(e)};window.requestAnimationFrame(e)}}},a={};var c=n(b,s,l,!1,u,null,null,null);function u(t){for(let i in a)this[i]=a[i]}var d=function(){return c.exports}();export{d as default};
+import { p as a } from "../../chunks/8bbde9bf.js";
+import { n as s } from "../../chunks/6499de3a.js";
+var o = function() {
+  var t = this, r = t.$createElement, e = t._self._c || r;
+  return e("div", {
+    staticClass: "vux-tab-wrap",
+    class: t.barPosition === "top" ? "vux-tab-bar-top" : ""
+  }, [e("div", {
+    staticClass: "vux-tab-container"
+  }, [e("div", {
+    ref: "nav",
+    staticClass: "vux-tab",
+    class: [{
+      "vux-tab-no-animate": !t.animate,
+      scrollable: t.scrollable
+    }]
+  }, [t._t("default"), t.animate ? e("div", {
+    staticClass: "vux-tab-ink-bar",
+    class: t.barClass,
+    style: t.barStyle
+  }, [t.customBarWidth ? e("span", {
+    staticClass: "vux-tab-bar-inner",
+    style: t.innerBarStyle
+  }) : t._e()]) : t._e()], 2)])]);
+}, l = [];
+const c = {
+  name: "Tab",
+  mixins: [a],
+  props: {
+    lineWidth: {
+      type: Number,
+      default: 3
+    },
+    activeColor: String,
+    barActiveColor: String,
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    customBarWidth: [Function, String],
+    scrollThreshold: {
+      type: Number,
+      default: 4
+    },
+    barPosition: {
+      type: String,
+      default: "bottom",
+      validator(t) {
+        return ["bottom", "top"].indexOf(t) !== -1;
+      }
+    }
+  },
+  data() {
+    return {
+      direction: "forward",
+      hasReady: !1
+    };
+  },
+  computed: {
+    barLeft() {
+      if (this.hasReady) {
+        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${this.currentIndex * (100 / t)}%`;
+      }
+      return null;
+    },
+    barRight() {
+      if (this.hasReady) {
+        const t = this.scrollable ? window.innerWidth / this.$children[this.currentIndex || 0].$el.getBoundingClientRect().width : this.number;
+        return `${(t - this.currentIndex - 1) * (100 / t)}%`;
+      }
+      return null;
+    },
+    innerBarStyle() {
+      return {
+        width: typeof this.customBarWidth == "function" ? this.customBarWidth(this.currentIndex) : this.customBarWidth,
+        backgroundColor: this.barActiveColor || this.activeColor
+      };
+    },
+    barStyle() {
+      const t = {
+        left: this.barLeft,
+        right: this.barRight,
+        display: "block",
+        height: `${this.lineWidth}px`,
+        transition: this.hasReady ? null : "none"
+      };
+      return this.customBarWidth ? t.backgroundColor = "transparent" : t.backgroundColor = this.barActiveColor || this.activeColor, t;
+    },
+    barClass() {
+      return {
+        "vux-tab-ink-bar-transition-forward": this.direction === "forward",
+        "vux-tab-ink-bar-transition-backward": this.direction === "backward"
+      };
+    },
+    scrollable() {
+      return this.number > this.scrollThreshold;
+    }
+  },
+  watch: {
+    currentIndex(t, r) {
+      this.direction = t > r ? "forward" : "backward", this.$emit("on-index-change", t, r), this.hasReady && this.scrollToActiveTab();
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      setTimeout(() => {
+        this.hasReady = !0;
+      }, 0);
+    });
+  },
+  methods: {
+    scrollToActiveTab() {
+      if (!this.scrollable || !this.$children || !this.$children.length)
+        return;
+      const t = this.$children[this.currentIndex].$el;
+      let r = 0;
+      const e = () => {
+        const i = this.$refs.nav;
+        i.scrollLeft += (t.offsetLeft - (i.offsetWidth - t.offsetWidth) / 2 - i.scrollLeft) / 15, ++r < 15 && window.requestAnimationFrame(e);
+      };
+      window.requestAnimationFrame(e);
+    }
+  }
+}, n = {};
+var h = /* @__PURE__ */ s(
+  c,
+  o,
+  l,
+  !1,
+  u,
+  null,
+  null,
+  null
+);
+function u(t) {
+  for (let r in n)
+    this[r] = n[r];
+}
+const m = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  m as default
+};

package/dist/components/tab-item/index.js

@@ -1 +1,73 @@
-import{c as n}from"../../chunks/8bbde9bf.js";import{n as l}from"../../chunks/6499de3a.js";var o=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{staticClass:"vux-tab-item",class:[e.currentSelected?e.activeClass:"",{"vux-tab-selected":e.currentSelected,"vux-tab-disabled":e.disabled}],style:e.style,on:{click:e.onItemClick}},[e._t("default"),typeof e.badgeLabel!="undefined"&&e.badgeLabel!==""?a("span",{staticClass:"vux-tab-item-badge",style:{background:e.badgeBackground,color:e.badgeColor}},[e._v(" "+e._s(e.badgeLabel)+" ")]):e._e()],2)},s=[];const i={name:"TabItem",mixins:[n],props:{activeClass:{type:String},disabled:Boolean,badgeBackground:{type:String,default:"#f74c31"},badgeColor:{type:String,default:"#fff"},badgeLabel:{type:String}},computed:{style(){return{borderWidth:`${this.$parent.lineWidth}px`,borderColor:this.$parent.activeColor,color:this.currentSelected?this.$parent.activeColor:this.disabled?this.$parent.disabledColor:this.$parent.defaultColor,border:this.$parent.animate?"none":"auto"}}}},r={};var d=l(i,o,s,!1,c,null,null,null);function c(e){for(let t in r)this[t]=r[t]}var u=function(){return d.exports}();export{u as default};
+import { c as n } from "../../chunks/8bbde9bf.js";
+import { n as l } from "../../chunks/6499de3a.js";
+var o = function() {
+  var e = this, t = e.$createElement, a = e._self._c || t;
+  return a("div", {
+    staticClass: "vux-tab-item",
+    class: [e.currentSelected ? e.activeClass : "", {
+      "vux-tab-selected": e.currentSelected,
+      "vux-tab-disabled": e.disabled
+    }],
+    style: e.style,
+    on: {
+      click: e.onItemClick
+    }
+  }, [e._t("default"), typeof e.badgeLabel < "u" && e.badgeLabel !== "" ? a("span", {
+    staticClass: "vux-tab-item-badge",
+    style: {
+      background: e.badgeBackground,
+      color: e.badgeColor
+    }
+  }, [e._v(" " + e._s(e.badgeLabel) + " ")]) : e._e()], 2);
+}, s = [];
+const i = {
+  name: "TabItem",
+  mixins: [n],
+  props: {
+    activeClass: {
+      type: String
+    },
+    disabled: Boolean,
+    badgeBackground: {
+      type: String,
+      default: "#f74c31"
+    },
+    badgeColor: {
+      type: String,
+      default: "#fff"
+    },
+    badgeLabel: {
+      type: String
+    }
+  },
+  computed: {
+    style() {
+      return {
+        borderWidth: `${this.$parent.lineWidth}px`,
+        borderColor: this.$parent.activeColor,
+        color: this.currentSelected ? this.$parent.activeColor : this.disabled ? this.$parent.disabledColor : this.$parent.defaultColor,
+        border: this.$parent.animate ? "none" : "auto"
+      };
+    }
+  }
+}, r = {};
+var d = /* @__PURE__ */ l(
+  i,
+  o,
+  s,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in r)
+    this[t] = r[t];
+}
+const p = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  p as default
+};

package/dist/components/table-column/index.js

@@ -1 +1,89 @@
-var s=Object.defineProperty,d=Object.defineProperties;var c=Object.getOwnPropertyDescriptors;var o=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var i=(n,e,t)=>e in n?s(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,l=(n,e)=>{for(var t in e||(e={}))f.call(e,t)&&i(n,t,e[t]);if(o)for(var t of o(e))p.call(e,t)&&i(n,t,e[t]);return n},r=(n,e)=>d(n,c(e));import{n as g}from"../../chunks/6499de3a.js";const m={props:{type:{type:String,default:"default"},label:String,className:String,labelClassName:String,property:String,prop:String,width:{},minWidth:{},renderHeader:Function,sortable:{type:[Boolean,String],default:!1},sortMethod:Function,sortBy:[String,Function,Array],resizable:{type:Boolean,default:!0},columnKey:String,align:String,headerAlign:String,showTooltipWhenOverflow:Boolean,showOverflowTooltip:{type:Boolean,default:!0},fixed:[Boolean,String],formatter:Function,selectable:Function,reserveSelection:Boolean,filterMethod:Function,filteredValue:Array,filters:Array,filterPlacement:String,filterMultiple:{type:Boolean,default:!0},index:[Number,Function],sortOrders:{type:Array,default(){return["ascending","descending",null]},validator(n){return n.every(e=>["ascending","descending",null].indexOf(e)>-1)}}}},_={name:"TableColumn",functional:!0,mixins:[m],render(n,{data:e,props:t,children:u}){return n("ElTableColumn",r(l({},e),{props:r(l({},t),{showOverflowTooltip:["selection","single-selection","index","expand"].includes(t.type)?!1:t.showOverflowTooltip})}),u)}};let y,S;const a={};var v=g(_,y,S,!1,h,null,null,null);function h(n){for(let e in a)this[e]=a[e]}var b=function(){return v.exports}();export{b as default};
+import { n as o } from "../../chunks/6499de3a.js";
+const i = {
+  props: {
+    type: {
+      type: String,
+      default: "default"
+    },
+    label: String,
+    className: String,
+    labelClassName: String,
+    property: String,
+    prop: String,
+    width: {},
+    minWidth: {},
+    renderHeader: Function,
+    sortable: {
+      type: [Boolean, String],
+      default: !1
+    },
+    sortMethod: Function,
+    sortBy: [String, Function, Array],
+    resizable: {
+      type: Boolean,
+      default: !0
+    },
+    columnKey: String,
+    align: String,
+    headerAlign: String,
+    showTooltipWhenOverflow: Boolean,
+    showOverflowTooltip: {
+      type: Boolean,
+      default: !0
+    },
+    fixed: [Boolean, String],
+    formatter: Function,
+    selectable: Function,
+    reserveSelection: Boolean,
+    filterMethod: Function,
+    filteredValue: Array,
+    filters: Array,
+    filterPlacement: String,
+    filterMultiple: {
+      type: Boolean,
+      default: !0
+    },
+    index: [Number, Function],
+    sortOrders: {
+      type: Array,
+      default() {
+        return ["ascending", "descending", null];
+      },
+      validator(n) {
+        return n.every((e) => ["ascending", "descending", null].indexOf(e) > -1);
+      }
+    }
+  }
+}, a = {
+  name: "TableColumn",
+  functional: !0,
+  mixins: [i],
+  render(n, { data: e, props: t, children: r }) {
+    return n("ElTableColumn", {
+      ...e,
+      props: { ...t, showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(t.type) ? !1 : t.showOverflowTooltip }
+    }, r);
+  }
+};
+let s, u;
+const l = {};
+var d = /* @__PURE__ */ o(
+  a,
+  s,
+  u,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(n) {
+  for (let e in l)
+    this[e] = l[e];
+}
+const p = /* @__PURE__ */ function() {
+  return d.exports;
+}();
+export {
+  p as default
+};

package/dist/components/table-view/index.js

@@ -1 +1,363 @@
-import{isString as o,isArray as h,trace as n,warning as b,merge as a,toStringArray as p,isFunction as f,hasOwn as d}from"@web-utils/core";import{k as u}from"../../chunks/8473fc69.js";import{n as w}from"../../chunks/6499de3a.js";var v=function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"table-view"},[t("Toolbar",e._g(e._b({on:{search:e.toggleSearch,del:e.del,create:e.create,reload:e.reloadTable,imp:function(l){e.importDialogVisible=!0}},scopedSlots:e._u([{key:"default",fn:function(){return[e._t("toolbar-button")]},proxy:!0},e._l(e.buttonSlots,function(l){return{key:l,fn:function(){return[e._t(l)]},proxy:!0}})],null,!0)},"Toolbar",e.toolbarProps,!1),e.toolbarListeners)),t("div",{staticClass:"table-view-content-wrapper"},[t("div",{staticClass:"table-view-content"},[e.treeProps.show?t("div",{ref:"treeScroller",staticClass:"table-view-sidebar",on:{scroll:e.onTreeScroll}},[t("div",{staticStyle:{"font-size":"16px"}},[e._v(" \u89C6\u56FE\u5BFC\u822A ")]),t("EditableTree",e._g(e._b({ref:"tree",attrs:{readonly:""},scopedSlots:e._u([{key:"default",fn:function(l){var s=l.node,i=l.data;return[e._t("tree-node",function(){return[t("span",[t("i",{staticClass:"node-icon",class:s.childNodes.length>0?s.expanded?"el-icon-folder-opened":"el-icon-folder":"el-icon-tickets"}),e._t("tree-label",function(){return[e._v(e._s(s.label))]},{node:s,data:i})],2)]},{node:s,data:i})]}}],null,!0)},"EditableTree",e.treeProps,!1),e.treeListeners))],1):e._e(),t("div",{staticClass:"table-view-table"},[t("PageableTable",e._g(e._b({ref:"table",class:[{"border-top":e.borderTop,"border-bottom":e.borderBottom,"border-left":e.borderLeft||e.treeAttrs&&e.treeAttrs.show,"border-right":e.borderRight}],attrs:{border:e.border},on:{"row-dblclick":e.rowDbClick,"selection-change":e.onSelectionChange}},"PageableTable",e.tableProps,!1),e.tableListeners),[e._t("columns")],2)],1)]),e.toolbarProps.searchable?t("div",{staticClass:"slide-panel",style:{right:`${e.right}px`,width:`${e.searchPanelProps.width}px`}},[e._m(0),t("div",{staticClass:"slide-panel-content"},[t("ElForm",{ref:"form",attrs:{"label-position":"right",model:e.searchModel||e.searchPanelProps.model,size:"mini","label-width":e.labelWidth},nativeOn:{"!submit":function(l){return l.preventDefault(),e.onSearchClick.apply(null,arguments)}}},[t("FormItemConfigProvider",{attrs:{block:"","wrap-col":!1}},[t("ElRow",{attrs:{gutter:0}},[e._t("search-form",function(){return[t("p",[e._v("\u8BF7\u6DFB\u52A0\u641C\u7D22\u6761\u4EF6\uFF01")])]})],2)],1),t("ElFormItem",{attrs:{"label-width":"0"}},[t("div",{staticClass:"slide-panel-actions"},[t("ElButton",{attrs:{type:"primary","native-type":"submit",size:"mini"}},[e._v(" \u5F00\u59CB\u641C\u7D22 ")]),t("ElButton",{attrs:{size:"mini"},on:{click:e.onClearClick}},[e._v(" \u6E05\u9664\u6761\u4EF6 ")])],1)])],1)],1)]):e._e()]),e._t("default")],2)},m=[function(){var e=this,r=e.$createElement,t=e._self._c||r;return t("div",{staticClass:"slide-panel-line"},[t("div",{staticClass:"slide-panel-line-indicator"})])}];const g=["back","create","save","withdraw","edit","submit","publish","agree","disagree","reject","finish","cancel","enable","exp","imp","del","disabled","reload","slot"],_={name:"TableView",bus:{reloadTableView(e,r){if(!!this._viewIds)if(o(e)||h(e)){let t=e;o(t)&&(t=t.split(",")),this._viewIds.some(l=>t.includes(l))&&(r?this.$refs.tree&&(n.call(this.$parent||{},"reloadTree"),this.refreshTree()):(n.call(this.$parent||{},"reloadTable"),this.reloadTable()))}else b.call(this.$parent||{},"`viewId`\u7684\u7C7B\u578B\u5FC5\u987B\u662F\u5B57\u7B26\u4E32\u6216\u6570\u7EC4")}},props:{viewId:{type:String},searchPanelAttrs:{type:Object,default:()=>{}},toolbarAttrs:{type:Object,default:()=>{}},toolbarListeners:{type:Object},treeAttrs:{type:Object,default:()=>{}},treeListeners:{type:Object},tableAttrs:{type:Object},searchModel:{type:Object},tableListeners:{type:Object,default:()=>{}},deleteApi:{type:Function},borderTop:Boolean,borderBottom:Boolean,borderLeft:Boolean,borderRight:Boolean,border:{type:Boolean,default:!0},labelWidth:{type:String,default:"80px"},formPath:{type:[String,Function]}},data(){var e;return{importDialogVisible:!1,right:-(((e=this.searchPanelAttrs)==null?void 0:e.width)||350),selectedRows:[]}},computed:{buttonSlots(){return g.filter(e=>this.$scopedSlots[e])},toolbarProps(){var l,s;const e={},r=a(this.toolbarAttrs,e);let t=(r==null?void 0:r.buttons)||this.$parent.buttons;return t=t||[],t.includes("reload")||(t=[...t,"reload"]),r.buttons=t,r.buttons=p(r.buttons),r.searchable=!!((s=(l=this.$scopedSlots)["search-form"])!=null&&s.call(l)),r},treeProps(){const e={treeProps:{children:"children",label:"label",isLeaf:r=>d(r,"hasChildren")?!r.hasChildren:d(r,"hasChild")?!r.hasChild:!0},show:!1,lazy:!0,readonly:!0,data:[],"expand-first-node":!1,"default-expand-all":!1};return a(this.treeAttrs,e)},tableProps(){const e=this.tableAttrs.api||this.$parent.getPage,r={model:this.searchModel||{},height:"auto","highlight-current-row":!0,api:e};return a(this.tableAttrs,r)},searchPanelProps(){const e={width:350,model:this.searchModel||{}};return a(this.searchPanelAttrs,e)}},created(){this._viewIds=[],this.viewId&&this._viewIds.push(this.viewId),this._viewIds.includes(this.$parent.$options.name)||this._viewIds.push(this.$parent.$options.name)},async activated(){this.$refs.treeScroller&&(this.treeScrollTop&&(this.$refs.treeScroller.scrollTop=this.treeScrollTop),this.treeScrollLeft&&(this.$refs.treeScroller.scrollLeft=this.treeScrollLeft))},methods:{onTreeScroll(){this.treeScrollTop=this.$refs.treeScroller.scrollTop,this.treeScrollLeft=this.$refs.treeScroller.scrollLeft},toggleSearch(){this.right=this.right===0?-this.searchPanelProps.width:0},async onSearchClick(){this.$refs.table.setModel(this.searchModel||this.searchPanelProps.model),await this.refreshTable()},async onClearClick(){this.$emit("reset"),this.$refs.form.resetFields(),this.$refs.table.setModel(this.searchModel||this.searchPanelProps.model),await this.refreshTable()},openFrom(e){this.$router.push(u(this.formPath,e))},rowDbClick(e){var r;!((r=this.tableListeners)!=null&&r["row-dblclick"])&&this.formPath&&this.openFrom(e)},onSelectionChange(e){this.selectedRows=e},create(){var e;!((e=this.toolbarListeners)!=null&&e.create)&&this.formPath&&this.openFrom()},async del(){var r;const e=this.deleteApi||this.$parent.del;if(!((r=this.toolbarListeners)!=null&&r.del)&&f(e)){if(!this.selectedRows.length){this.$message.warning("\u8BF7\u9009\u62E9\u8981\u5220\u9664\u7684\u8BB0\u5F55\uFF01");return}await this.$confirm(`\u60A8\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]\u884C\u8BB0\u5F55\u5417\uFF1F`,"\u7CFB\u7EDF\u63D0\u793A",{type:"warning",modal:!0,dangerouslyUseHTMLString:!0,closeOnClickModal:!1,beforeClose:async(t,l,s)=>{if(t==="confirm")try{l.confirmButtonLoading=!0,l.confirmButtonText="\u5220\u9664...",await e.call(this,this.selectedRows.map(i=>i.id).join(",")),this.$message.success("\u5220\u9664\u6210\u529F"),await this.reloadTable(),await this.refreshTree()}catch{}s()}}).catch(t=>t)}},reloadTable(){var e;(e=this.$refs.table)==null||e.reload()},async refreshTable(){var e;await((e=this.$refs.table)==null?void 0:e.getPage())},refreshTree(){this.$refs.tree.reloadTree()},getSearchModel(){return this.searchPanelProps.model}}},c={};var y=w(_,v,m,!1,P,null,null,null);function P(e){for(let r in c)this[r]=c[r]}var x=function(){return y.exports}();export{x as default};
+import { isString as o, isArray as d, trace as n, warning as f, merge as i, toStringArray as p, isFunction as u, hasOwn as c } from "@web-utils/core";
+import { k as b } from "../../chunks/2bd4e340.js";
+import { n as m } from "../../chunks/6499de3a.js";
+var _ = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("div", {
+    staticClass: "table-view"
+  }, [t("Toolbar", e._g(e._b({
+    on: {
+      search: e.toggleSearch,
+      del: e.del,
+      create: e.create,
+      reload: e.reloadTable,
+      imp: function(s) {
+        e.importDialogVisible = !0;
+      }
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function() {
+        return [e._t("toolbar-button")];
+      },
+      proxy: !0
+    }, e._l(e.buttonSlots, function(s) {
+      return {
+        key: s,
+        fn: function() {
+          return [e._t(s)];
+        },
+        proxy: !0
+      };
+    })], null, !0)
+  }, "Toolbar", e.toolbarProps, !1), e.toolbarListeners)), t("div", {
+    staticClass: "table-view-content-wrapper"
+  }, [t("div", {
+    staticClass: "table-view-content"
+  }, [e.treeProps.show ? t("div", {
+    ref: "treeScroller",
+    staticClass: "table-view-sidebar",
+    on: {
+      scroll: e.onTreeScroll
+    }
+  }, [t("div", {
+    staticStyle: {
+      "font-size": "16px"
+    }
+  }, [e._v(" \u89C6\u56FE\u5BFC\u822A ")]), t("EditableTree", e._g(e._b({
+    ref: "tree",
+    attrs: {
+      readonly: ""
+    },
+    scopedSlots: e._u([{
+      key: "default",
+      fn: function(s) {
+        var l = s.node, a = s.data;
+        return [e._t("tree-node", function() {
+          return [t("span", [t("i", {
+            staticClass: "node-icon",
+            class: l.childNodes.length > 0 ? l.expanded ? "el-icon-folder-opened" : "el-icon-folder" : "el-icon-tickets"
+          }), e._t("tree-label", function() {
+            return [e._v(e._s(l.label))];
+          }, {
+            node: l,
+            data: a
+          })], 2)];
+        }, {
+          node: l,
+          data: a
+        })];
+      }
+    }], null, !0)
+  }, "EditableTree", e.treeProps, !1), e.treeListeners))], 1) : e._e(), t("div", {
+    staticClass: "table-view-table"
+  }, [t("PageableTable", e._g(e._b({
+    ref: "table",
+    class: [{
+      "border-top": e.borderTop,
+      "border-bottom": e.borderBottom,
+      "border-left": e.borderLeft || e.treeAttrs && e.treeAttrs.show,
+      "border-right": e.borderRight
+    }],
+    attrs: {
+      border: e.border
+    },
+    on: {
+      "row-dblclick": e.rowDbClick,
+      "selection-change": e.onSelectionChange
+    }
+  }, "PageableTable", e.tableProps, !1), e.tableListeners), [e._t("columns")], 2)], 1)]), e.toolbarProps.searchable ? t("div", {
+    staticClass: "slide-panel",
+    style: {
+      right: `${e.right}px`,
+      width: `${e.searchPanelProps.width}px`
+    }
+  }, [e._m(0), t("div", {
+    staticClass: "slide-panel-content"
+  }, [t("ElForm", {
+    ref: "form",
+    attrs: {
+      "label-position": "right",
+      model: e.searchModel || e.searchPanelProps.model,
+      size: "mini",
+      "label-width": e.labelWidth
+    },
+    nativeOn: {
+      "!submit": function(s) {
+        return s.preventDefault(), e.onSearchClick.apply(null, arguments);
+      }
+    }
+  }, [t("FormItemConfigProvider", {
+    attrs: {
+      block: "",
+      "wrap-col": !1
+    }
+  }, [t("ElRow", {
+    attrs: {
+      gutter: 0
+    }
+  }, [e._t("search-form", function() {
+    return [t("p", [e._v("\u8BF7\u6DFB\u52A0\u641C\u7D22\u6761\u4EF6\uFF01")])];
+  })], 2)], 1), t("ElFormItem", {
+    attrs: {
+      "label-width": "0"
+    }
+  }, [t("div", {
+    staticClass: "slide-panel-actions"
+  }, [t("ElButton", {
+    attrs: {
+      type: "primary",
+      "native-type": "submit",
+      size: "mini"
+    }
+  }, [e._v(" \u5F00\u59CB\u641C\u7D22 ")]), t("ElButton", {
+    attrs: {
+      size: "mini"
+    },
+    on: {
+      click: e.onClearClick
+    }
+  }, [e._v(" \u6E05\u9664\u6761\u4EF6 ")])], 1)])], 1)], 1)]) : e._e()]), e._t("default")], 2);
+}, g = [function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  return t("div", {
+    staticClass: "slide-panel-line"
+  }, [t("div", {
+    staticClass: "slide-panel-line-indicator"
+  })]);
+}];
+const w = ["back", "create", "save", "withdraw", "edit", "submit", "publish", "agree", "disagree", "reject", "finish", "cancel", "enable", "exp", "imp", "del", "disabled", "reload", "slot"], v = {
+  name: "TableView",
+  bus: {
+    reloadTableView(e, r) {
+      if (!!this._viewIds)
+        if (o(e) || d(e)) {
+          let t = e;
+          o(t) && (t = t.split(",")), this._viewIds.some((s) => t.includes(s)) && (r ? this.$refs.tree && (n.call(this.$parent || {}, "reloadTree"), this.refreshTree()) : (n.call(this.$parent || {}, "reloadTable"), this.reloadTable()));
+        } else
+          f.call(this.$parent || {}, "`viewId`\u7684\u7C7B\u578B\u5FC5\u987B\u662F\u5B57\u7B26\u4E32\u6216\u6570\u7EC4");
+    }
+  },
+  props: {
+    viewId: {
+      type: String
+    },
+    searchPanelAttrs: {
+      type: Object,
+      default: () => {
+      }
+    },
+    toolbarAttrs: {
+      type: Object,
+      default: () => {
+      }
+    },
+    toolbarListeners: {
+      type: Object
+    },
+    treeAttrs: {
+      type: Object,
+      default: () => {
+      }
+    },
+    treeListeners: {
+      type: Object
+    },
+    tableAttrs: {
+      type: Object
+    },
+    searchModel: {
+      type: Object
+    },
+    tableListeners: {
+      type: Object,
+      default: () => {
+      }
+    },
+    deleteApi: {
+      type: Function
+    },
+    borderTop: Boolean,
+    borderBottom: Boolean,
+    borderLeft: Boolean,
+    borderRight: Boolean,
+    border: {
+      type: Boolean,
+      default: !0
+    },
+    labelWidth: {
+      type: String,
+      default: "80px"
+    },
+    formPath: {
+      type: [String, Function]
+    }
+  },
+  data() {
+    var e;
+    return {
+      importDialogVisible: !1,
+      right: -(((e = this.searchPanelAttrs) == null ? void 0 : e.width) || 350),
+      selectedRows: []
+    };
+  },
+  computed: {
+    buttonSlots() {
+      return w.filter((e) => this.$scopedSlots[e]);
+    },
+    toolbarProps() {
+      var s, l;
+      const e = {}, r = i(this.toolbarAttrs, e);
+      let t = (r == null ? void 0 : r.buttons) || this.$parent.buttons;
+      return t = t || [], t.includes("reload") || (t = [...t, "reload"]), r.buttons = t, r.buttons = p(r.buttons), r.searchable = !!((l = (s = this.$scopedSlots)["search-form"]) != null && l.call(s)), r;
+    },
+    treeProps() {
+      const e = {
+        treeProps: {
+          children: "children",
+          label: "label",
+          isLeaf: (r) => c(r, "hasChildren") ? !r.hasChildren : c(r, "hasChild") ? !r.hasChild : !0
+        },
+        show: !1,
+        lazy: !0,
+        readonly: !0,
+        data: [],
+        "expand-first-node": !1,
+        "default-expand-all": !1
+      };
+      return i(this.treeAttrs, e);
+    },
+    tableProps() {
+      const e = this.tableAttrs.api || this.$parent.getPage, r = {
+        model: this.searchModel || {},
+        height: "auto",
+        "highlight-current-row": !0,
+        api: e
+      };
+      return i(this.tableAttrs, r);
+    },
+    searchPanelProps() {
+      const e = {
+        width: 350,
+        model: this.searchModel || {}
+      };
+      return i(this.searchPanelAttrs, e);
+    }
+  },
+  created() {
+    this._viewIds = [], this.viewId && this._viewIds.push(this.viewId), this._viewIds.includes(this.$parent.$options.name) || this._viewIds.push(this.$parent.$options.name);
+  },
+  async activated() {
+    this.$refs.treeScroller && (this.treeScrollTop && (this.$refs.treeScroller.scrollTop = this.treeScrollTop), this.treeScrollLeft && (this.$refs.treeScroller.scrollLeft = this.treeScrollLeft));
+  },
+  methods: {
+    onTreeScroll() {
+      this.treeScrollTop = this.$refs.treeScroller.scrollTop, this.treeScrollLeft = this.$refs.treeScroller.scrollLeft;
+    },
+    toggleSearch() {
+      this.right = this.right === 0 ? -this.searchPanelProps.width : 0;
+    },
+    async onSearchClick() {
+      this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), await this.refreshTable();
+    },
+    async onClearClick() {
+      this.$emit("reset"), this.$refs.form.resetFields(), this.$refs.table.setModel(this.searchModel || this.searchPanelProps.model), await this.refreshTable();
+    },
+    openFrom(e) {
+      this.$router.push(b(this.formPath, e));
+    },
+    rowDbClick(e) {
+      var r;
+      !((r = this.tableListeners) != null && r["row-dblclick"]) && this.formPath && this.openFrom(e);
+    },
+    onSelectionChange(e) {
+      this.selectedRows = e;
+    },
+    create() {
+      var e;
+      !((e = this.toolbarListeners) != null && e.create) && this.formPath && this.openFrom();
+    },
+    async del() {
+      var r;
+      const e = this.deleteApi || this.$parent.del;
+      if (!((r = this.toolbarListeners) != null && r.del) && u(e)) {
+        if (!this.selectedRows.length) {
+          this.$message.warning("\u8BF7\u9009\u62E9\u8981\u5220\u9664\u7684\u8BB0\u5F55\uFF01");
+          return;
+        }
+        await this.$confirm(
+          `\u60A8\u786E\u5B9A\u8981\u5220\u9664\u9009\u4E2D\u7684[<span class="break-word" style="color: orange">${this.selectedRows.length}</span>]\u884C\u8BB0\u5F55\u5417\uFF1F`,
+          "\u7CFB\u7EDF\u63D0\u793A",
+          {
+            type: "warning",
+            modal: !0,
+            dangerouslyUseHTMLString: !0,
+            closeOnClickModal: !1,
+            beforeClose: async (t, s, l) => {
+              if (t === "confirm")
+                try {
+                  s.confirmButtonLoading = !0, s.confirmButtonText = "\u5220\u9664...", await e.call(this, this.selectedRows.map((a) => a.id).join(",")), this.$message.success("\u5220\u9664\u6210\u529F"), await this.reloadTable(), await this.refreshTree();
+                } catch {
+                }
+              l();
+            }
+          }
+        ).catch((t) => t);
+      }
+    },
+    reloadTable() {
+      var e;
+      (e = this.$refs.table) == null || e.reload();
+    },
+    async refreshTable() {
+      var e;
+      await ((e = this.$refs.table) == null ? void 0 : e.getPage());
+    },
+    refreshTree() {
+      this.$refs.tree.reloadTree();
+    },
+    getSearchModel() {
+      return this.searchPanelProps.model;
+    }
+  }
+}, h = {};
+var y = /* @__PURE__ */ m(
+  v,
+  _,
+  g,
+  !1,
+  P,
+  null,
+  null,
+  null
+);
+function P(e) {
+  for (let r in h)
+    this[r] = h[r];
+}
+const C = /* @__PURE__ */ function() {
+  return y.exports;
+}();
+export {
+  C as default
+};