br-dionysus 1.6.7 → 1.6.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/attributes.json +1 -1
- package/dist/br-dionysus.es.js +2174 -2164
- package/dist/br-dionysus.umd.js +8 -8
- package/dist/index.css +1 -1
- package/dist/packages/MTable/src/MTable.vue.d.ts +3 -3
- package/dist/packages/MTable/src/token.d.ts +2 -2
- package/package.json +1 -1
- package/packages/MInline/src/MInline.vue +11 -10
- package/packages/MTable/src/MTable.vue +4 -4
- package/packages/MTable/src/token.ts +2 -2
- package/packages/MTableColumn/src/MTableColumn.vue +7 -5
- package/web-types.json +1 -1
- package/docs/assets/README-BIIm2ID5.css +0 -1
- package/docs/assets/README-BVC502ud.js +0 -1
- package/docs/assets/README-BaVHXTcr.js +0 -1
- package/docs/assets/README-BkoXPzeT.js +0 -1
- package/docs/assets/README-BpY9wwJ5.js +0 -1
- package/docs/assets/README-BxVIiLkB.css +0 -1
- package/docs/assets/README-C8q4oePg.css +0 -1
- package/docs/assets/README-C9E9QEak.js +0 -1
- package/docs/assets/README-CJnIKztR.css +0 -1
- package/docs/assets/README-CPi9K5cm.css +0 -1
- package/docs/assets/README-CVikrcuu.js +0 -1
- package/docs/assets/README-CwxKEz5n.js +0 -1
- package/docs/assets/README-D-sCcuuV.js +0 -1
- package/docs/assets/README-D1NyMPDh.css +0 -1
- package/docs/assets/README-D8dRnWkj.css +0 -1
- package/docs/assets/README-DC5fWcO7.css +0 -1
- package/docs/assets/README-DFookNbq.js +0 -1
- package/docs/assets/README-DJM0QNOa.css +0 -1
- package/docs/assets/README-DJsWJjpr.js +0 -2
- package/docs/assets/README-DZH0ZBFE.js +0 -1
- package/docs/assets/README-DuLXE9ma.css +0 -1
- package/docs/assets/README-DxdjMTiZ.js +0 -1
- package/docs/assets/README-DxzXrur_.js +0 -1
- package/docs/assets/README-ZSEyYWl3.css +0 -1
- package/docs/assets/empty-BHv0FmNK.png +0 -0
- package/docs/assets/index-B3d27dSP.js +0 -66
- package/docs/assets/index-BeGJML3j.css +0 -1
- package/docs/index.html +0 -14
- package/docs/packages/Hook/usePackageConfig/README.md +0 -35
- package/docs/packages/Hook/usePackageConfig/demo.vue +0 -28
- package/docs/packages/Hook/usePackageConfig/usePackageConfig.ts +0 -39
- package/docs/packages/Hook/useRemainingSpace/README.md +0 -26
- package/docs/packages/Hook/useRemainingSpace/useRemainingSpace.ts +0 -148
- package/docs/packages/Hook/useTableConfig/README.md +0 -50
- package/docs/packages/Hook/useTableConfig/demo.vue +0 -134
- package/docs/packages/Hook/useTableConfig/useTableConfig.ts +0 -173
- package/docs/packages/Hook/useZIndex/README.md +0 -6
- package/docs/packages/Hook/useZIndex/useGlobalZIndex.ts +0 -34
- package/docs/packages/MDialog/docs/README.md +0 -26
- package/docs/packages/MDialog/docs/demo.vue +0 -72
- package/docs/packages/MDialog/index.ts +0 -10
- package/docs/packages/MDialog/src/MDialog.vue +0 -150
- package/docs/packages/MInline/docs/README.md +0 -26
- package/docs/packages/MInline/docs/demo.vue +0 -138
- package/docs/packages/MInline/index.ts +0 -10
- package/docs/packages/MInline/src/MInline.vue +0 -284
- package/docs/packages/MInputNumber/docs/README.md +0 -35
- package/docs/packages/MInputNumber/docs/demo.vue +0 -17
- package/docs/packages/MInputNumber/index.ts +0 -10
- package/docs/packages/MInputNumber/src/MInputNumber.vue +0 -268
- package/docs/packages/MSelect/docs/README.md +0 -20
- package/docs/packages/MSelect/docs/demo.vue +0 -36
- package/docs/packages/MSelect/index.ts +0 -17
- package/docs/packages/MSelect/src/MOption.vue +0 -43
- package/docs/packages/MSelect/src/MSelect.vue +0 -57
- package/docs/packages/MSelect/src/token.ts +0 -8
- package/docs/packages/MSelectTable/docs/README.md +0 -88
- package/docs/packages/MSelectTable/docs/demo.vue +0 -196
- package/docs/packages/MSelectTable/index.ts +0 -10
- package/docs/packages/MSelectTable/src/MSelectTable.vue +0 -493
- package/docs/packages/MSelectTableV1/docs/README.md +0 -49
- package/docs/packages/MSelectTableV1/docs/demo.vue +0 -77
- package/docs/packages/MSelectTableV1/index.ts +0 -10
- package/docs/packages/MSelectTableV1/src/MSelectTableV1.vue +0 -460
- package/docs/packages/MSelectV2/docs/README.md +0 -31
- package/docs/packages/MSelectV2/docs/demo.vue +0 -36
- package/docs/packages/MSelectV2/index.ts +0 -10
- package/docs/packages/MSelectV2/src/MSelectV2.vue +0 -116
- package/docs/packages/MTable/docs/README.md +0 -40
- package/docs/packages/MTable/docs/demo.vue +0 -93
- package/docs/packages/MTable/index.ts +0 -10
- package/docs/packages/MTable/src/MTable.vue +0 -228
- package/docs/packages/MTable/src/token.ts +0 -9
- package/docs/packages/MTableColumn/docs/README.md +0 -22
- package/docs/packages/MTableColumn/docs/demo.vue +0 -110
- package/docs/packages/MTableColumn/index.ts +0 -10
- package/docs/packages/MTableColumn/src/MTableColumn.vue +0 -345
- package/docs/packages/MTableColumnSet/docs/README.md +0 -31
- package/docs/packages/MTableColumnSet/docs/demo.vue +0 -36
- package/docs/packages/MTableColumnSet/index.ts +0 -10
- package/docs/packages/MTableColumnSet/src/MTableColumnSet.vue +0 -310
- package/docs/packages/README.md +0 -10
- package/docs/packages/SkinConfig/docs/README.md +0 -42
- package/docs/packages/SkinConfig/docs/demo.vue +0 -680
- package/docs/packages/SkinConfig/index.ts +0 -10
- package/docs/packages/SkinConfig/src/SkinConfig.vue +0 -478
- package/docs/packages/SkinConfig/src/useSkin.ts +0 -230
- package/docs/packages/TabPage/docs/README.md +0 -10
- package/docs/packages/TabPage/docs/demo.vue +0 -96
- package/docs/packages/TabPage/index.ts +0 -10
- package/docs/packages/TabPage/src/TabPage.vue +0 -566
- package/docs/packages/Tool/moneyFormat/README.md +0 -15
- package/docs/packages/Tool/moneyFormat/moneyFormat.ts +0 -69
- package/docs/packages/index.ts +0 -61
- package/docs/packages/list.json +0 -80
- package/docs/packages/typings/class.ts +0 -22
- package/docs/packages/typings/enum.ts +0 -9
- package/docs/packages/typings/global.d.ts +0 -69
- package/docs/packages/typings/interface.ts +0 -6
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{B as C,d as B,r as D,m as F,a as p,o as u,c as b,b as m,w as s,i as f,u as l,f as _,t as k,F as w,e as N,s as S,q as A,A as W,C as z,_ as M,g as H}from"./index-B3d27dSP.js";const O=t=>{if(t==="0")return 0;let e=t.replace(/[^\d.]/g,"");return e=e.replace(/\.+/g,"."),e=e.replace(/^0+(?!\.)/,""),parseFloat(e)},j=(t="",e=!0,c=2,i={})=>{const a=Object.keys(i);if(typeof t>"u"||typeof t=="object"&&t===null)return"";let o=0;if(t!==null)if(typeof t=="string"){if(!t.trim())return"";o=O(t.trim())}else o=t;const g=new C(o).round(c);if(!t&&!a.length)return"0";const y=i.moneySymbol,n=i.repairZero;let d=new C(g);if(n&&(d=new C(d).toFixed(n)),e){const h=g.toNumber(),x={maximumFractionDigits:c,useGrouping:!0};d=h.toLocaleString("zh-CN",x)}return y&&(d=y+d),d},E=B({__name:"demo",setup(t){const e=D([]),{tableTitle:c,headerDragend:i,filtersValue:a,page:o}=F("testTableSize",[{label:"名称",prop:"name",minWidth:"208px"},{label:"单据日期",prop:"date",minWidth:"110px"},{label:"标签",prop:"tag",minWidth:"110px"}],e);setTimeout(()=>{e.value=[{date:"2016-05-03",name:"Tom1",tag:["Home1","Home2"]},{date:"2016-05-03",name:"Tom2",tag:["Office"]},{date:"2016-05-04",name:"Tom3",tag:["Home"]},{date:"2016-05-01",name:"Tom4",tag:["Office"]}]});const g=()=>{console.log(j(.05,!1,10,{repairZero:6}))};return(y,n)=>{const d=p("el-button"),h=p("el-tag"),x=p("MTableColumn"),V=p("MTable");return u(),b("div",null,[m(d,{onClick:n[0]||(n[0]=r=>l(o).pageSize=50)},{default:s(()=>[f("设置50")]),_:1}),m(d,{onClick:n[1]||(n[1]=r=>l(o).pageSize=100)},{default:s(()=>[f("设置100")]),_:1}),m(d,{onClick:g},{default:s(()=>[f("获取pageSize")]),_:1}),_("p",null,k(l(a)),1),_("div",null,[m(V,{data:e.value,filtersValue:l(a),onHeaderDragend:l(i)},{default:s(()=>[(u(!0),b(w,null,N(l(c),r=>(u(),S(x,{key:r.prop,prop:r.prop,label:r.label,minWidth:r.minWidth,filters:r.filters,headerAlign:r.headerAlign,filtersValue:l(a),"onUpdate:filtersValue":n[2]||(n[2]=T=>A(a)?a.value=T:null),showOverflowTooltip:""},W({_:2},[["tag"].includes(r.prop)?{name:"default",fn:s(T=>[r.prop==="tag"?(u(!0),b(w,{key:0},N(T.row.tag,v=>(u(),S(h,{type:"primary"},{default:s(()=>[f(k(v),1)]),_:2},1024))),256)):z("",!0)]),key:"0"}:void 0]),1032,["prop","label","minWidth","filters","headerAlign","filtersValue"]))),128))]),_:1},8,["data","filtersValue","onHeaderDragend"])])])}}}),P=M(E,[["__scopeId","data-v-26a4ebf7"]]),Z={class:"markdown-body"},$=_("h1",null,"表格组合 hook",-1),I=_("h3",null,"1) 基础用法",-1),L=H('<h3>2) 所需参数</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>name</td><td>表格唯一标识</td><td>string</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>tableTitle</td><td>列配置</td><td>tableTitle[]</td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr><tr><td>tableData</td><td>表格数据</td><td>ref<any[]></td><td style="text-align:center;">-</td><td style="text-align:center;">-</td></tr></tbody></table><h3>3) 返回值</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th></tr></thead><tbody><tr><td>tableTitle</td><td>处理之后的表头</td><td>TableTitle[]</td></tr><tr><td>tableConfig</td><td>表头的配置项</td><td>{ [propName: string]: TableConfigItem}</td></tr><tr><td>headerDragend</td><td>表格拖拽事件</td><td>function</td></tr><tr><td>initColumnFilter</td><td>列的筛选</td><td>function</td></tr><tr><td>filtersValue</td><td>过滤条件</td><td>{ [key: string]: Array<string,number>}</td></tr></tbody></table><h3>4) TableTitle</h3><table><thead><tr><th>名称</th><th>描述</th><th>类型</th><th>是否必填</th></tr></thead><tbody><tr><td>label</td><td>显示的标题</td><td>string</td><td>是</td></tr><tr><td>prop</td><td>字段对应列的字段名字也可以使用 property属性</td><td>string</td><td>是</td></tr><tr><td>minWidth</td><td>对应列的最小宽度与 width 的区别是 width 是固定的,min-width 会按比例分配剩余宽度</td><td>number | string</td><td>否</td></tr><tr><td>className</td><td>列的className</td><td>boolean | string</td><td>否</td></tr><tr><td>sortable</td><td>列是否能够排序 则代表用户希望远程排序,需要监听 Table 的 sort-change 事件</td><td>Boolean</td><td>否</td></tr><tr><td>sortBy</td><td>指定数据按照哪个属性进行排序,仅当 sortable 设置为 true 且没有设置 sort-method 的时候有效。 如果 sort-by 为数组,则先按照第 1 个属性排序,如果第 1 个相等,再按照第 2 个排序,以此类推</td><td>(row: any, index: number) => string | string | string[]</td><td>否</td></tr><tr><td>sortOrders</td><td>数据在排序时所使用排序策略的轮转顺序,仅当 sortable 为 true 时有效。 需传入一个数组,随着用户点击表头,该列依次按照数组中元素的顺序进行排序</td><td>(‘ascending’ | ‘descending’ | null)[]</td><td>否</td></tr><tr><td>filters</td><td>据过滤的选项, 数组格式,数组中的元素需要有 text 和 value 属性。 数组中的每个元素都需要有 text 和 value 属性</td><td>{text:string,number,value:string,number} []</td><td>否</td></tr><tr><td>filterMethod</td><td>数据过滤使用的方法, 如果是多选的筛选项,对每一条数据会执行多次,任意一次返回 true 就会显示</td><td>Function</td><td>否</td></tr><tr><td>headerAlign</td><td>表头对齐方式, 若不设置该项,则使用表格的对齐方式</td><td>‘left’ | ‘center’ | ‘right’</td><td>否</td></tr><tr><td>align</td><td>对齐方式</td><td>‘left’ | ‘center’ | ‘right’</td><td>否</td></tr><tr><td>fixed</td><td>列是否固定在左侧或者右侧。 true 表示固定在左侧</td><td>‘left’ | ‘right’ | boolean</td><td>否</td></tr></tbody></table>',6),q={__name:"README",setup(t,{expose:e}){return e({frontmatter:{}}),(i,a)=>{const o=p("Preview");return u(),b("div",Z,[$,I,m(o,{"comp-name":"usePackageConfig","demo-name":"demo","is-hook":""},{default:s(()=>[m(P)]),_:1}),L])}}};export{q as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-box[data-v-90595454]{max-width:1000px}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{d as v,r as y,m as A,a as s,o as r,c as n,f as i,t as C,u as a,b as h,w as b,F as N,e as T,q as c,s as x,_ as w,g as D}from"./index-B3d27dSP.js";const V={class:"g-box"},S=v({__name:"demo",setup(u){const d=y([]),{tableTitle:m,headerDragend:p,tableConfig:o,filtersValue:e}=A("MTableDemo",[{label:"Date",prop:"date",minWidth:200},{label:"Address",prop:"address",minWidth:200},{label:"name",prop:"name",minWidth:200}],d);return d.value=[{date:"2016-05-03",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-02",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"},{date:"2016-05-04",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-01",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"}],(z,l)=>{const f=s("MTableColumn"),_=s("MTable");return r(),n("div",V,[i("p",null,C(a(o)),1),h(_,{class:"style.box",data:d.value,border:"",onHeaderDragend:a(p),filtersValue:a(e),scrollbarAlwaysOn:"",tableConfig:a(o),"onUpdate:tableConfig":l[1]||(l[1]=t=>c(o)?o.value=t:null)},{default:b(()=>[(r(!0),n(N,null,T(a(m),t=>(r(),x(f,{key:t.prop,prop:t.prop,label:t.label,align:t.align,minWidth:t.minWidth,className:t.className,filters:t.filters,headerAlign:t.headerAlign,fixed:t.fixed,filtersValue:a(e),"onUpdate:filtersValue":l[0]||(l[0]=g=>c(e)?e.value=g:null),showOverflowTooltip:""},null,8,["prop","label","align","minWidth","className","filters","headerAlign","fixed","filtersValue"]))),128))]),_:1},8,["data","onHeaderDragend","filtersValue","tableConfig"])])}}}),k=w(S,[["__scopeId","data-v-cf4bf16e"]]),M={class:"markdown-body"},W=i("h1",null,"表格组件",-1),L=i("h3",null,"1) 基础用法",-1),O=D(`<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>data</td><td>表格的数据</td><td>Array</td><td>-</td><td>[ ]</td></tr><tr><td>sole</td><td>行的唯一值</td><td>String , number</td><td>-</td><td>key</td></tr><tr><td>filtersValue</td><td>表格内容筛选</td><td>Function</td><td>-</td><td>() => void</td></tr><tr><td>其余参数</td><td>参考el官网的table</td><td>any</td><td>-</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table><h2>要求</h2><pre><code>sole 必须传递在表格数据内为唯一的值 如id key 等不会发生重复的关键字
|
|
2
|
-
</code></pre><h3>3) Events</h3><table><thead><tr><th>方法名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>pasteData</td><td>表格粘贴方法</td><td>共有2个参数,依次为粘贴动作的数据PasteAction ,表格原始数据tableData</td></tr><tr><td>其余方法</td><td>参考el官网的table</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table><h3>4) PasteAction</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th></tr></thead><tbody><tr><td>editRow</td><td>返回粘贴的对应行的原始数据</td><td>Object</td></tr><tr><td>editColumn</td><td>返回粘贴时鼠标所在列的 表格prop值</td><td>String</td></tr><tr><td>arr</td><td>返回粘贴时候处理之后的 数组信息</td><td>Array</td></tr><tr><td>rowIndex</td><td>根据sole的值 去data内查找 当前操作的 粘贴行在data内的序号</td><td>number</td></tr></tbody></table>`,8),E={__name:"README",setup(u,{expose:d}){return d({frontmatter:{}}),(p,o)=>{const e=s("Preview");return r(),n("div",M,[W,L,h(e,{"comp-name":"MTable","demo-name":"demo"},{default:b(()=>[h(k)]),_:1}),O])}}};export{E as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,r as h,k as u,a as x,o as g,c as m,b as l,u as b,S as p,f as t,F as _,e as k,w as a,i as o,n as w,t as v,p as C,l as z,_ as S,g as E}from"./index-B3d27dSP.js";const N=s=>(C("data-v-5b6b6aca"),s=s(),z(),s),I={class:"g-demo-skin-config-box"},$={class:"m-box"},D={class:"u-color-box"},F=N(()=>t("h3",null,"色卡",-1)),V={class:"u-el"},B=N(()=>t("h3",null,"元素",-1)),P=f({__name:"demo",setup(s){const e=h(""),c=h(null);u(()=>{const n=c.value?c.value.getSkin():null;n&&(e.value=n.size)});const y=h([{name:"--el-color-primary",className:"el-color-primary"},{name:"--el-color-primary-light-3",className:"el-color-primary-light-3"},{name:"--el-color-primary-light-5",className:"el-color-primary-light-5"},{name:"--el-color-primary-light-7",className:"el-color-primary-light-7"},{name:"--el-color-primary-light-8",className:"el-color-primary-light-8"},{name:"--el-color-primary-light-9",className:"el-color-primary-light-9"},{name:"--el-color-primary-dark-2",className:"el-color-primary-dark-2"},{name:"--el-color-success",className:"el-color-success"},{name:"--el-color-success-light-3",className:"el-color-success-light-3"},{name:"--el-color-success-light-5",className:"el-color-success-light-5"},{name:"--el-color-success-light-7",className:"el-color-success-light-7"},{name:"--el-color-success-light-8",className:"el-color-success-light-8"},{name:"--el-color-success-light-9",className:"el-color-success-light-9"},{name:"--el-color-success-dark-2",className:"el-color-success-dark-2"},{name:"--el-color-warning",className:"el-color-warning"},{name:"--el-color-warning-light-3",className:"el-color-warning-light-3"},{name:"--el-color-warning-light-5",className:"el-color-warning-light-5"},{name:"--el-color-warning-light-7",className:"el-color-warning-light-7"},{name:"--el-color-warning-light-8",className:"el-color-warning-light-8"},{name:"--el-color-warning-light-9",className:"el-color-warning-light-9"},{name:"--el-color-warning-dark-2",className:"el-color-warning-dark-2"},{name:"--el-color-danger",className:"el-color-danger"},{name:"--el-color-danger-light-3",className:"el-color-danger-light-3"},{name:"--el-color-danger-light-5",className:"el-color-danger-light-5"},{name:"--el-color-danger-light-7",className:"el-color-danger-light-7"},{name:"--el-color-danger-light-8",className:"el-color-danger-light-8"},{name:"--el-color-danger-light-9",className:"el-color-danger-light-9"},{name:"--el-color-danger-dark-2",className:"el-color-danger-dark-2"},{name:"--el-color-error",className:"el-color-error"},{name:"--el-color-error-light-3",className:"el-color-error-light-3"},{name:"--el-color-error-light-5",className:"el-color-error-light-5"},{name:"--el-color-error-light-7",className:"el-color-error-light-7"},{name:"--el-color-error-light-8",className:"el-color-error-light-8"},{name:"--el-color-error-light-9",className:"el-color-error-light-9"},{name:"--el-color-error-dark-2",className:"el-color-error-dark-2"},{name:"--el-color-info",className:"el-color-info"},{name:"--el-color-info-light-3",className:"el-color-info-light-3"},{name:"--el-color-info-light-5",className:"el-color-info-light-5"},{name:"--el-color-info-light-7",className:"el-color-info-light-7"},{name:"--el-color-info-light-8",className:"el-color-info-light-8"},{name:"--el-color-info-light-9",className:"el-color-info-light-9"},{name:"--el-color-info-dark-2",className:"el-color-info-dark-2"},{name:"--el-box-shadow",className:"el-box-shadow"},{name:"--el-box-shadow-light",className:"el-box-shadow-light"},{name:"--el-box-shadow-lighter",className:"el-box-shadow-lighter"},{name:"--el-box-shadow-dark",className:"el-box-shadow-dark"},{name:"--el-bg-color-page",className:"el-bg-color-page"},{name:"--el-bg-color",className:"el-bg-color"},{name:"--el-bg-color-overlay",className:"el-bg-color-overlay"},{name:"--el-text-color-primary",className:"el-text-color-primary"},{name:"--el-text-color-regular",className:"el-text-color-regular"},{name:"--el-text-color-secondary",className:"el-text-color-secondary"},{name:"--el-text-color-placeholder",className:"el-text-color-placeholder"},{name:"--el-text-color-disabled",className:"el-text-color-disabled"},{name:"--el-border-color-darker",className:"el-border-color-darker"},{name:"--el-border-color-dark",className:"el-border-color-dark"},{name:"--el-border-color",className:"el-border-color"},{name:"--el-border-color-light",className:"el-border-color-light"},{name:"--el-border-color-lighter",className:"el-border-color-lighter"},{name:"--el-border-color-extra-light",className:"el-border-color-extra-light"},{name:"--el-fill-color-darker",className:"el-fill-color-darker"},{name:"--el-fill-color-dark",className:"el-fill-color-dark"},{name:"--el-fill-color",className:"el-fill-color"},{name:"--el-fill-color-light",className:"el-fill-color-light"},{name:"--el-fill-color-lighter",className:"el-fill-color-lighter"},{name:"--el-fill-color-extra-light",className:"el-fill-color-extra-light"},{name:"--el-fill-color-blank",className:"el-fill-color-blank"},{name:"--el-mask-color",className:"el-mask-color"},{name:"--el-mask-color-extra-light",className:"el-mask-color-extra-light"}]);return(n,i)=>{const r=x("el-button");return g(),m("div",I,[l(b(p),{ref_key:"shinConfigRef",ref:c,onChange:i[0]||(i[0]=d=>e.value=d.size)},null,512),t("div",$,[t("div",D,[F,t("ul",null,[(g(!0),m(_,null,k(y.value,d=>(g(),m("li",{class:w(["u-li",d.className])},v(d.name),3))),256))])]),t("div",V,[B,t("div",null,[l(r,{size:e.value},{default:a(()=>[o("Default")]),_:1},8,["size"]),l(r,{type:"primary",size:e.value},{default:a(()=>[o(" Primary ")]),_:1},8,["size"]),l(r,{type:"success",size:e.value},{default:a(()=>[o(" Success ")]),_:1},8,["size"]),l(r,{type:"info",size:e.value},{default:a(()=>[o(" Info ")]),_:1},8,["size"]),l(r,{type:"warning",size:e.value},{default:a(()=>[o(" Warning ")]),_:1},8,["size"]),l(r,{type:"danger",size:e.value},{default:a(()=>[o(" Danger ")]),_:1},8,["size"])])])])])}}}),R=S(P,[["__scopeId","data-v-5b6b6aca"]]),M={class:"markdown-body"},T=t("h1",null,"皮肤设置",-1),A=t("h3",null,"1) 基础用法",-1),L=E('<h3>2) Exposes</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th><th style="text-align:center;">返回值</th></tr></thead><tbody><tr><td>setSkin</td><td style="text-align:center;">设置主题配置</td><td style="text-align:center;">SkinConfig(皮肤对象)</td><td style="text-align:center;">void</td></tr><tr><td>getSkin</td><td style="text-align:center;">获取当前主题配置</td><td style="text-align:center;">-</td><td style="text-align:center;">SkinConfig(皮肤对象)</td></tr></tbody></table><h4>SkinConfig(皮肤对象)</h4><table><thead><tr><th>参数</th><th style="text-align:center;">说明</th><th style="text-align:center;">类型</th><th style="text-align:center;">可选值</th><th style="text-align:center;">默认值</th></tr></thead><tbody><tr><td>darkTheme</td><td style="text-align:center;">是否为深色主题</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>followSystem</td><td style="text-align:center;">是否跟随系统</td><td style="text-align:center;">boolean</td><td style="text-align:center;">-</td><td style="text-align:center;">false</td></tr><tr><td>size</td><td style="text-align:center;">大小</td><td style="text-align:center;">enum</td><td style="text-align:center;">large | default | small</td><td style="text-align:center;">default</td></tr><tr><td>primaryColor</td><td style="text-align:center;">主题色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#646CFF’</td></tr><tr><td>successColor</td><td style="text-align:center;">成功色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#67c23a’</td></tr><tr><td>warningColor</td><td style="text-align:center;">警告色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#e6a23c’</td></tr><tr><td>dangerColor</td><td style="text-align:center;">危险色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#f56c6c’</td></tr><tr><td>infoColor</td><td style="text-align:center;">信息色</td><td style="text-align:center;">string</td><td style="text-align:center;">-</td><td style="text-align:center;">‘#909399’</td></tr></tbody></table><h3>3) 说明</h3><p>组件通过修改全局的css变量来实现的效果,故暗夜模式需手动在全局加css,具体见示例。组件一被引用,就会自动读取本地配置生效,无本地配置时,以默认值计算。</p><h3>4) Events</h3><table><thead><tr><th>方法名</th><th style="text-align:center;">说明</th><th style="text-align:center;">参数</th></tr></thead><tbody><tr><td>change</td><td style="text-align:center;">绑定值被改变时触发</td><td style="text-align:center;">SkinConfig</td></tr></tbody></table>',8),j={__name:"README",setup(s,{expose:e}){return e({frontmatter:{}}),(y,n)=>{const i=x("Preview");return g(),m("div",M,[T,A,l(i,{"comp-name":"SkinConfig","demo-name":"demo"},{default:a(()=>[l(R)]),_:1}),L])}}};export{j as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.u-select{width:240px}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as m,r as d,a as _,o as n,c as s,b as l,w as y,F as u,e as v,t as f,_ as b,f as g}from"./index-B3d27dSP.js";const x={class:"g-demo-tab-page-box"},w=["type","data-key"],C=m({__name:"demo",setup(p){const e=d([]),i=d("0");e.value=[{key:"0",title:"要货需求列表",icon:"<i>111</i>"},{key:"1",title:"需求汇总",icon:"<i>222</i>"},{key:"2",title:"要货需求",icon:"<i>333</i>"},{key:"3",title:"需求汇总",icon:"<i>444</i>"},{key:"4",title:"要货需求"},{key:"5",title:"需求汇总"},{key:"6",title:"要货需求"},{key:"7",title:"需求汇总"},{key:"8",title:"要货需求"},{key:"9",title:"需求汇总"},{key:"10",title:"要货需求"},{key:"11",title:"要货需求"},{key:"12",title:"需求汇总"},{key:"13",title:"要货需求"}];const c=o=>{e.value=e.value.filter(a=>a.key!==o)},r=o=>{i.value=o};return(o,a)=>{const k=_("tab-page");return n(),s("div",x,[l(k,{modelValue:e.value,"onUpdate:modelValue":a[0]||(a[0]=t=>e.value=t),activeKey:i.value,onClose:a[1]||(a[1]=t=>c(t[0])),onClick:r},{icon:y(()=>[(n(!0),s(u,null,v(e.value,t=>(n(),s("div",{key:t.key,type:t.icon,"data-key":t.key},f(t.icon),9,w))),128))]),_:1},8,["modelValue","activeKey"])])}}}),V=b(C,[["__scopeId","data-v-51dbdffd"]]),h={class:"markdown-body"},B=g("h1",null,"标签页组件",-1),K={__name:"README",setup(p,{expose:e}){return e({frontmatter:{}}),(c,r)=>{const o=_("Preview");return n(),s("div",h,[B,l(o,{"comp-name":"TabPage","demo-name":"demo"},{default:y(()=>[l(V)]),_:1})])}}};export{K as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as f,r as p,a,o as l,c as n,b as o,w as i,F as g,e as v,_ as x,f as m,g as T}from"./index-B3d27dSP.js";const N={class:"g-box"},W=f({__name:"demo",setup(c){const e=p({}),r=p([{date:"2016-05-03",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-02",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"},{date:"2016-05-04",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Home"},{date:"2016-05-01",name:"Tom",address:"No. 189, Grove St, Los Angeles",tag:"Office"}]),s=[{label:"日期",prop:"date",minWidth:"172px"},{label:"名称",prop:"name",minWidth:"134px"},{label:"地址",children:[{label:"123",children:[{label:"222222222222",prop:"address",minWidth:"134px"},{label:"qqqqqq",prop:"address",minWidth:"134px"}]},{label:"2222",prop:"address",minWidth:"134px"}]},{label:"标签",prop:"tag",minWidth:"134px"}];return(h,d)=>{const _=a("MTableColumn"),b=a("el-table");return l(),n("div",N,[o(b,{data:r.value},{default:i(()=>[(l(),n(g,null,v(s,t=>o(_,{key:t.prop,prop:t.prop,label:t.label,minWidth:t.minWidth,filtersValue:e.value,"onUpdate:filtersValue":d[0]||(d[0]=u=>e.value=u),showOverflowTooltip:"",children:t.children||[]},null,8,["prop","label","minWidth","filtersValue","children"])),64))]),_:1},8,["data"])])}}}),C=x(W,[["__scopeId","data-v-90595454"]]),V={class:"markdown-body"},w=m("h1",null,"表格列组件",-1),A=m("h3",null,"1) 基础用法",-1),q=T('<h3>2) Attributes</h3><table><thead><tr><th>参数</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>filtersValue</td><td>列筛选过滤条件</td><td>object</td><td>-</td><td>{ }</td></tr><tr><td>filters</td><td>表格筛选数据</td><td>string[],number[]</td><td>-</td><td>any[]</td></tr><tr><td>filterMethod</td><td>筛选方法</td><td>Function</td><td>-</td><td>() => void</td></tr><tr><td>children</td><td>多级表头 时使用传递对应数据进行循环</td><td>Table-column API[]</td><td>-</td><td>[]</td></tr><tr><td>其余参数</td><td>参考el官网的table</td><td>any</td><td>-</td><td><a href="https://element-plus.org/zh-CN/component/table.html">https://element-plus.org/zh-CN/component/table.html</a></td></tr></tbody></table>',2),L={__name:"README",setup(c,{expose:e}){return e({frontmatter:{}}),(s,h)=>{const d=a("Preview");return l(),n("div",V,[w,A,o(d,{"comp-name":"MTableColumn","demo-name":"demo"},{default:i(()=>[o(C)]),_:1}),q])}}};export{L as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.g-demo-m-inline-box[data-v-fb63e482]{max-width:1000px}
|
|
Binary file
|