yxuse 1.0.42 → 1.0.44
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/lib/index.cjs4.js +1 -1
- package/lib/index.cjs4.js.map +1 -1
- package/lib/index.cjs5.js +16 -16
- package/lib/index.cjs5.js.gz +0 -0
- package/lib/index.cjs5.js.map +1 -1
- package/lib/index.cjs6.js +1 -1
- package/lib/index.cjs6.js.map +1 -1
- package/lib/index.es4.js +3 -1
- package/lib/index.es4.js.map +1 -1
- package/lib/index.es5.js +2593 -2567
- package/lib/index.es5.js.gz +0 -0
- package/lib/index.es5.js.map +1 -1
- package/lib/index.es6.js +78 -62
- package/lib/index.es6.js.map +1 -1
- package/package.json +1 -1
package/lib/index.cjs6.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs5.js"),
|
|
1
|
+
"use strict";var c=(a,o,l)=>new Promise((u,p)=>{var i=r=>{try{t(l.next(r))}catch(s){p(s)}},n=r=>{try{t(l.throw(r))}catch(s){p(s)}},t=r=>r.done?u(r.value):Promise.resolve(r.value).then(i,n);t((l=l.apply(a,o)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs5.js"),m={tableData:{type:Array,require:!0},rowKey:{type:String,require:!0},columns:{type:Array,require:!0,default:()=>[]},sortHandle:{type:String,default:"",require:!1},border:{type:Boolean,default:!1},align:{type:String,default:"center",require:!1}},y=e.defineComponent({__name:"DynamicComponents",props:{col:null,row:null},setup(a){const o=a;return(l,u)=>{var p,i,n;return e.openBlock(),e.createBlock(e.resolveDynamicComponent(`el-${(p=o.col)==null?void 0:p.type}`),e.mergeProps({modelValue:a.row[(i=o.col)==null?void 0:i.prop],"onUpdate:modelValue":u[0]||(u[0]=t=>{var r;return a.row[(r=o.col)==null?void 0:r.prop]=t})},(n=o.col)==null?void 0:n.config),{default:e.withCtx(()=>{var t;return[o.col.type==="select"?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList((t=o.col)==null?void 0:t.config.options,r=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent("el-option"),{key:r.value,label:r.label,value:r.value},null,8,["label","value"]))),128)):e.createCommentVNode("",!0)]}),_:1},16,["modelValue"])}}});function b(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!e.isVNode(a)}const f={"operate-handle":(a,o)=>!!(a||o)},g=e.defineComponent({name:"YxTable",props:m,emits:f,setup(a,{attrs:o,slots:l,emit:u}){return()=>{const p=(t,r)=>{var s;return t.slotName&&((s=l[t.slotName])==null?void 0:s.call(l,r))},i=a.columns.map(t=>e.createVNode(e.resolveComponent("el-table-column"),e.mergeProps(t,{align:a.align}),{default:r=>(t==null?void 0:t.renderType)==="operate"?n(t,r):t!=null&&t.renderType&&(t==null?void 0:t.renderType)!=="operate"?e.createVNode(y,{col:t,row:r.row},null):(t==null?void 0:t.slotName)&&p(t,r)})),n=(t,r)=>{var s;return e.createVNode("div",{class:"flex justify-center cursor-pointer"},[(s=t.operate)==null?void 0:s.map(d=>e.createVNode("span",{onClick:()=>u("operate-handle",d.key,r.row),class:"mr-10 whitespace-nowrap"},[d.label]))])};return e.createVNode("div",null,[e.createVNode(e.resolveComponent("el-table"),e.mergeProps(o,{"row-key":a.rowKey,data:a.tableData,border:a.border}),b(i)?i:{default:()=>[i]})])}}}),w=e.defineComponent({__name:"index",setup(a){(()=>c(this,null,function*(){const n=yield e.getUserPermissions();console.log(n)}))();const l=e.ref([]),u=[{label:"展开行",type:"expand",slotName:"expand"},{label:"序号",type:"index"},{label:"id",prop:"id"},{label:"名字",prop:"name"},{label:"slot",prop:"slot",slotName:"testSlot"},{label:"time",prop:"time",formatter:({time:n})=>new Date(n).toLocaleString()},{label:"input",prop:"name",renderType:"input",formatter:({time:n})=>new Date(n).toLocaleString()},{label:"select",prop:"name",renderType:"select",config:{options:[{label:"test",value:"test"}]}},{label:"操作",fixed:"right",width:200,renderType:"operate",operate:[{label:"修改",key:"change"},{label:"重置",key:"reset"},{label:"权限",key:"power"},{label:"删除",key:"del"}]}],p="uid";for(let n=0;n<20;n++)l.value.push({id:n,name:"123"+n,uid:"test"+n,time:Date.now(),slot:"123"});const i=(n,t)=>{console.log(n,t)};return(n,t)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(g),e.mergeProps({tableData:l.value,columns:u,rowKey:p},{onOperateHandle:i}),{expand:e.withCtx(({row:r})=>[e.createTextVNode(e.toDisplayString(JSON.stringify(r)),1)]),testSlot:e.withCtx(({row:r})=>[e.createTextVNode(e.toDisplayString(JSON.stringify(r)),1)]),_:1},16)]))}});exports.default=w;
|
|
2
2
|
//# sourceMappingURL=index.cjs6.js.map
|
package/lib/index.cjs6.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs6.js","sources":["../packages/components/YxTable/interface/index.ts","../packages/components/YxTable/index.tsx","../example/table/index.vue"],"sourcesContent":["/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:58:42\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-29 09:20:56\r\n * @FilePath: \\yxUse\\packages\\components\\YxTable\\interface\\index.ts\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport type { PropType } from \"vue\";\r\nexport const yxTableProps = {\r\n\ttableData: {\r\n\t\ttype: Array as PropType<TableProps[\"tableData\"]>,\r\n\t\trequire: true\r\n\t},\r\n\trowKey: {\r\n\t\ttype: String,\r\n\t\trequire: true\r\n\t},\r\n\tcolumns: {\r\n\t\ttype: Array as PropType<TableColumn[]>,\r\n\t\trequire: true,\r\n\t\tdefault: () => []\r\n\t},\r\n\tsortHandle: {\r\n\t\ttype: String,\r\n\t\tdefault: \"\",\r\n\t\trequire: false\r\n\t},\r\n\tborder: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\talign: {\r\n\t\ttype: String,\r\n\t\tdefault: \"center\",\r\n\t\trequire: false\r\n\t}\r\n};\r\nexport interface TableProps {\r\n\t/**表格数据 */\r\n\ttableData: Array<any>;\r\n\trowKey: string;\r\n\tcolumns: TableColumn[];\r\n\tpageInfo?: PageInfo;\r\n\t/**对齐方式 */\r\n\talign?: string;\r\n\tborder?: boolean;\r\n\tsearchFormConfig?: FormConfig[];\r\n\tsearchParams?: { [key: string]: any };\r\n\t/**是否开启拖拽 */\r\n\tsort?: boolean;\r\n\tsortHandle?: string; //拖拽节点类名\r\n\tload?: Function;\r\n}\r\nexport interface FormConfig {\r\n\tlabel: string; //名称\r\n\ttype: string; //类型\r\n\tkey?: string; // 指定数据绑定的key\r\n\toptions?: Array<{ [key: string]: any }> | Function; //下拉框选项配置\r\n\twidth?: number; //文字宽度\r\n\tcomponentWidth?: string; //组件宽度\r\n\tdateType?: string; //日期渲染的类型\r\n\tinputType?: string; //文本框类型\r\n\tdisabled?: boolean; //是否禁用\r\n\tclearable?: boolean; //是否能清除\r\n}\r\nexport interface PageInfo {\r\n\tsize: number;\r\n\tcurrent: number;\r\n\ttotal: number;\r\n}\r\nexport interface TableColumn {\r\n\t/** 列的名字 */\r\n\tlabel?: string;\r\n\t/** 对应数据的key */\r\n\tprop?: string;\r\n\t/** 宽度 */\r\n\twidth?: number;\r\n\t/** 列的类型 */\r\n\ttype?: \"index\" | \"selection\" | \"expand\";\r\n\t/** 渲染类型 */\r\n\trenderType?: string;\r\n\t/** 操作栏 */\r\n\toperate?: any[];\r\n\t/** 固定栏 */\r\n\tfixed?: string;\r\n\t/** 开关打开的value */\r\n\tactiveValue?: string | number | boolean;\r\n\t/** 开关关闭的value */\r\n\tinactiveValue?: string | number | boolean;\r\n\t/** 对数据进行格式化 */\r\n\tformatter?: Function;\r\n\t/** 插槽名称 */\r\n\tslotName?: string;\r\n\t/** 动态组件配置 */\r\n\tconfig?: Record<string, any>;\r\n}\r\n","/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:10:35\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-29 09:20:21\r\n * @FilePath: \\yxUse\\packages\\components\\YxTable\\index.tsx\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport { defineComponent } from \"vue\";\r\nimport type { ExtractPropTypes } from \"vue\";\r\nimport type { TableColumn, TableRow } from \"./interface/index\";\r\nimport { yxTableProps } from \"./interface/index\";\r\nimport DynamicComponents from \"./components/DynamicComponents.vue\";\r\nexport type YxTableProps = ExtractPropTypes<typeof yxTableProps>;\r\n\r\nconst yxTableEmits = {\r\n\t\"operate-handle\": (key: string, row: object) => (key || row ? true : false)\r\n};\r\nexport type TabNavEmits = typeof yxTableEmits;\r\n\r\nconst YxTable = defineComponent({\r\n\tname: \"YxTable\",\r\n\tprops: yxTableProps,\r\n\temits: yxTableEmits,\r\n\tsetup(props, { attrs, slots, emit }) {\r\n\t\treturn () => {\r\n\t\t\t//动态插槽\r\n\t\t\tconst columnSlots = (col: TableColumn, scope: TableRow) => col.slotName && slots[col.slotName]?.(scope);\r\n\t\t\t//处理列\r\n\t\t\tconst columns = props.columns.map((col: TableColumn) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<el-table-column {...col} align={props.align}>\r\n\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\tdefault: (scope: any) => {\r\n\t\t\t\t\t\t\t\t//先处理操作栏\r\n\t\t\t\t\t\t\t\tif (col?.renderType === \"operate\") return renderOperate(col, scope);\r\n\t\t\t\t\t\t\t\t//处理动态渲染的组件\r\n\t\t\t\t\t\t\t\tif (col?.renderType && col?.renderType !== \"operate\") return <DynamicComponents col={col} row={scope.row} />;\r\n\t\t\t\t\t\t\t\t//处理自定义插槽\r\n\t\t\t\t\t\t\t\treturn col?.slotName && columnSlots(col, scope);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t</el-table-column>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\t//操作栏\r\n\t\t\tconst renderOperate = (col: TableColumn, scope) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div class=\"flex justify-center cursor-pointer\">\r\n\t\t\t\t\t\t{col.operate?.map(op => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<span onClick={() => emit(\"operate-handle\", op.key, scope.row)} class=\"mr-10 whitespace-nowrap\">\r\n\t\t\t\t\t\t\t\t\t{op.label}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t};\r\n\t\t\treturn (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<el-table {...attrs} row-key={props.rowKey} data={props.tableData} border={props.border}>\r\n\t\t\t\t\t\t{columns}\r\n\t\t\t\t\t</el-table>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n});\r\nexport default YxTable;\r\n","<!--\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:13:48\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-09-04 17:23:30\r\n * @FilePath: \\yxUse\\example\\table\\index.vue\r\n * @Description: \r\n * \r\n * Copyright (c) 2023 by YuXing, All Rights Reserved. \r\n-->\r\n<script setup lang=\"ts\">\r\nimport { ref } from \"vue\";\r\nimport YxTable from \"../../packages/components/YxTable\";\r\nimport type { TableColumn } from \"../../packages/components/YxTable/interface/index.ts\";\r\nimport { auth } from \"../../packages/api\";\r\nconst test = async () => {\r\n\tconst data = await auth.getUserPermissions();\r\n\tconsole.log(data);\r\n};\r\ntest();\r\ninterface User {\r\n\tid: number;\r\n\tname: string;\r\n\tuid: string;\r\n\ttime: number;\r\n\tslot: string;\r\n}\r\nconst tableData = ref<User[]>([]);\r\nconst columns: TableColumn[] = [\r\n\t{ label: \"展开行\", type: \"expand\", slotName: \"expand\" },\r\n\t{ label: \"序号\", type: \"index\" },\r\n\t{ label: \"id\", prop: \"id\" },\r\n\t{ label: \"名字\", prop: \"name\" },\r\n\t{ label: \"slot\", prop: \"slot\", slotName: \"testSlot\" },\r\n\t{\r\n\t\tlabel: \"time\",\r\n\t\tprop: \"time\",\r\n\t\tformatter: ({ time }) => new Date(time).toLocaleString()\r\n\t},\r\n\t{\r\n\t\tlabel: \"input\",\r\n\t\tprop: \"name\",\r\n\t\trenderType: \"input\",\r\n\t\tformatter: ({ time }) => new Date(time).toLocaleString()\r\n\t},\r\n\t{\r\n\t\tlabel: \"select\",\r\n\t\tprop: \"name\",\r\n\t\trenderType: \"select\",\r\n\t\tconfig: {\r\n\t\t\toptions: [{ label: \"test\", value: \"test\" }]\r\n\t\t}\r\n\t},\r\n\t{\r\n\t\tlabel: \"操作\",\r\n\t\tfixed: \"right\",\r\n\t\twidth: 200,\r\n\t\trenderType: \"operate\",\r\n\t\toperate: [\r\n\t\t\t{ label: \"修改\", key: \"change\" },\r\n\t\t\t{ label: \"重置\", key: \"reset\" },\r\n\t\t\t{ label: \"权限\", key: \"power\" },\r\n\t\t\t{ label: \"删除\", key: \"del\" }\r\n\t\t]\r\n\t}\r\n];\r\nconst rowKey = \"uid\";\r\nfor (let index = 0; index < 20; index++) {\r\n\ttableData.value.push({\r\n\t\tid: index,\r\n\t\tname: \"123\" + index,\r\n\t\tuid: \"test\" + index,\r\n\t\ttime: Date.now(),\r\n\t\tslot: \"123\"\r\n\t});\r\n}\r\nconst operateHandle = (key, row) => {\r\n\tconsole.log(key, row);\r\n};\r\n</script>\r\n<template>\r\n\t<div>\r\n\t\t<YxTable v-bind=\"{ tableData, columns, rowKey }\" @operate-handle=\"operateHandle\">\r\n\t\t\t<template #expand=\"{ row }\"> {{ JSON.stringify(row) }} </template>\r\n\t\t\t<template #testSlot=\"{ row }\"> {{ JSON.stringify(row) }} </template>\r\n\t\t</YxTable>\r\n\t</div>\r\n</template>\r\n<style scoped lang=\"scss\"></style>\r\n"],"names":["yxTableProps","_isSlot","s","_isVNode","yxTableEmits","key","row","YxTable","defineComponent","name","props","emits","setup","attrs","slots","emit","columnSlots","col","scope","slotName","columns","map","_createVNode","_resolveComponent","_mergeProps","align","default","renderType","renderOperate","DynamicComponents","operate","op","label","rowKey","tableData","border","data","auth.getUserPermissions","ref","time","index","operateHandle"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs6.js","sources":["../packages/components/YxTable/interface/index.ts","../packages/components/YxTable/index.tsx","../example/table/index.vue"],"sourcesContent":["/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:58:42\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-29 09:20:56\r\n * @FilePath: \\yxUse\\packages\\components\\YxTable\\interface\\index.ts\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport type { PropType } from \"vue\";\r\nexport const yxTableProps = {\r\n\ttableData: {\r\n\t\ttype: Array as PropType<TableProps[\"tableData\"]>,\r\n\t\trequire: true\r\n\t},\r\n\trowKey: {\r\n\t\ttype: String,\r\n\t\trequire: true\r\n\t},\r\n\tcolumns: {\r\n\t\ttype: Array as PropType<TableColumn[]>,\r\n\t\trequire: true,\r\n\t\tdefault: () => []\r\n\t},\r\n\tsortHandle: {\r\n\t\ttype: String,\r\n\t\tdefault: \"\",\r\n\t\trequire: false\r\n\t},\r\n\tborder: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false\r\n\t},\r\n\talign: {\r\n\t\ttype: String,\r\n\t\tdefault: \"center\",\r\n\t\trequire: false\r\n\t}\r\n};\r\nexport interface TableProps {\r\n\t/**表格数据 */\r\n\ttableData: Array<any>;\r\n\trowKey: string;\r\n\tcolumns: TableColumn[];\r\n\tpageInfo?: PageInfo;\r\n\t/**对齐方式 */\r\n\talign?: string;\r\n\tborder?: boolean;\r\n\tsearchFormConfig?: FormConfig[];\r\n\tsearchParams?: { [key: string]: any };\r\n\t/**是否开启拖拽 */\r\n\tsort?: boolean;\r\n\tsortHandle?: string; //拖拽节点类名\r\n\tload?: Function;\r\n}\r\nexport interface FormConfig {\r\n\tlabel: string; //名称\r\n\ttype: string; //类型\r\n\tkey?: string; // 指定数据绑定的key\r\n\toptions?: Array<{ [key: string]: any }> | Function; //下拉框选项配置\r\n\twidth?: number; //文字宽度\r\n\tcomponentWidth?: string; //组件宽度\r\n\tdateType?: string; //日期渲染的类型\r\n\tinputType?: string; //文本框类型\r\n\tdisabled?: boolean; //是否禁用\r\n\tclearable?: boolean; //是否能清除\r\n}\r\nexport interface PageInfo {\r\n\tsize: number;\r\n\tcurrent: number;\r\n\ttotal: number;\r\n}\r\nexport interface TableColumn {\r\n\t/** 列的名字 */\r\n\tlabel?: string;\r\n\t/** 对应数据的key */\r\n\tprop?: string;\r\n\t/** 宽度 */\r\n\twidth?: number;\r\n\t/** 列的类型 */\r\n\ttype?: \"index\" | \"selection\" | \"expand\";\r\n\t/** 渲染类型 */\r\n\trenderType?: string;\r\n\t/** 操作栏 */\r\n\toperate?: any[];\r\n\t/** 固定栏 */\r\n\tfixed?: string;\r\n\t/** 开关打开的value */\r\n\tactiveValue?: string | number | boolean;\r\n\t/** 开关关闭的value */\r\n\tinactiveValue?: string | number | boolean;\r\n\t/** 对数据进行格式化 */\r\n\tformatter?: Function;\r\n\t/** 插槽名称 */\r\n\tslotName?: string;\r\n\t/** 动态组件配置 */\r\n\tconfig?: Record<string, any>;\r\n}\r\n","/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:10:35\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-29 09:20:21\r\n * @FilePath: \\yxUse\\packages\\components\\YxTable\\index.tsx\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport { defineComponent } from \"vue\";\r\nimport type { ExtractPropTypes } from \"vue\";\r\nimport type { TableColumn, TableRow } from \"./interface/index\";\r\nimport { yxTableProps } from \"./interface/index\";\r\nimport DynamicComponents from \"./components/DynamicComponents.vue\";\r\nexport type YxTableProps = ExtractPropTypes<typeof yxTableProps>;\r\n\r\nconst yxTableEmits = {\r\n\t\"operate-handle\": (key: string, row: object) => (key || row ? true : false)\r\n};\r\nexport type TabNavEmits = typeof yxTableEmits;\r\n\r\nconst YxTable = defineComponent({\r\n\tname: \"YxTable\",\r\n\tprops: yxTableProps,\r\n\temits: yxTableEmits,\r\n\tsetup(props, { attrs, slots, emit }) {\r\n\t\treturn () => {\r\n\t\t\t//动态插槽\r\n\t\t\tconst columnSlots = (col: TableColumn, scope: TableRow) => col.slotName && slots[col.slotName]?.(scope);\r\n\t\t\t//处理列\r\n\t\t\tconst columns = props.columns.map((col: TableColumn) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<el-table-column {...col} align={props.align}>\r\n\t\t\t\t\t\t{{\r\n\t\t\t\t\t\t\tdefault: (scope: any) => {\r\n\t\t\t\t\t\t\t\t//先处理操作栏\r\n\t\t\t\t\t\t\t\tif (col?.renderType === \"operate\") return renderOperate(col, scope);\r\n\t\t\t\t\t\t\t\t//处理动态渲染的组件\r\n\t\t\t\t\t\t\t\tif (col?.renderType && col?.renderType !== \"operate\") return <DynamicComponents col={col} row={scope.row} />;\r\n\t\t\t\t\t\t\t\t//处理自定义插槽\r\n\t\t\t\t\t\t\t\treturn col?.slotName && columnSlots(col, scope);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t</el-table-column>\r\n\t\t\t\t);\r\n\t\t\t});\r\n\t\t\t//操作栏\r\n\t\t\tconst renderOperate = (col: TableColumn, scope) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div class=\"flex justify-center cursor-pointer\">\r\n\t\t\t\t\t\t{col.operate?.map(op => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<span onClick={() => emit(\"operate-handle\", op.key, scope.row)} class=\"mr-10 whitespace-nowrap\">\r\n\t\t\t\t\t\t\t\t\t{op.label}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t};\r\n\t\t\treturn (\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<el-table {...attrs} row-key={props.rowKey} data={props.tableData} border={props.border}>\r\n\t\t\t\t\t\t{columns}\r\n\t\t\t\t\t</el-table>\r\n\t\t\t\t</div>\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n});\r\nexport default YxTable;\r\n","<!--\r\n * @Author: WangXin\r\n * @Date: 2023-08-28 10:13:48\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-09-04 17:23:30\r\n * @FilePath: \\yxUse\\example\\table\\index.vue\r\n * @Description: \r\n * \r\n * Copyright (c) 2023 by YuXing, All Rights Reserved. \r\n-->\r\n<script setup lang=\"ts\">\r\nimport { ref } from \"vue\";\r\nimport YxTable from \"../../packages/components/YxTable\";\r\nimport type { TableColumn } from \"../../packages/components/YxTable/interface/index.ts\";\r\nimport { auth } from \"../../packages/api\";\r\nconst test = async () => {\r\n\tconst data = await auth.getUserPermissions();\r\n\tconsole.log(data);\r\n};\r\ntest();\r\ninterface User {\r\n\tid: number;\r\n\tname: string;\r\n\tuid: string;\r\n\ttime: number;\r\n\tslot: string;\r\n}\r\nconst tableData = ref<User[]>([]);\r\nconst columns: TableColumn[] = [\r\n\t{ label: \"展开行\", type: \"expand\", slotName: \"expand\" },\r\n\t{ label: \"序号\", type: \"index\" },\r\n\t{ label: \"id\", prop: \"id\" },\r\n\t{ label: \"名字\", prop: \"name\" },\r\n\t{ label: \"slot\", prop: \"slot\", slotName: \"testSlot\" },\r\n\t{\r\n\t\tlabel: \"time\",\r\n\t\tprop: \"time\",\r\n\t\tformatter: ({ time }) => new Date(time).toLocaleString()\r\n\t},\r\n\t{\r\n\t\tlabel: \"input\",\r\n\t\tprop: \"name\",\r\n\t\trenderType: \"input\",\r\n\t\tformatter: ({ time }) => new Date(time).toLocaleString()\r\n\t},\r\n\t{\r\n\t\tlabel: \"select\",\r\n\t\tprop: \"name\",\r\n\t\trenderType: \"select\",\r\n\t\tconfig: {\r\n\t\t\toptions: [{ label: \"test\", value: \"test\" }]\r\n\t\t}\r\n\t},\r\n\t{\r\n\t\tlabel: \"操作\",\r\n\t\tfixed: \"right\",\r\n\t\twidth: 200,\r\n\t\trenderType: \"operate\",\r\n\t\toperate: [\r\n\t\t\t{ label: \"修改\", key: \"change\" },\r\n\t\t\t{ label: \"重置\", key: \"reset\" },\r\n\t\t\t{ label: \"权限\", key: \"power\" },\r\n\t\t\t{ label: \"删除\", key: \"del\" }\r\n\t\t]\r\n\t}\r\n];\r\nconst rowKey = \"uid\";\r\nfor (let index = 0; index < 20; index++) {\r\n\ttableData.value.push({\r\n\t\tid: index,\r\n\t\tname: \"123\" + index,\r\n\t\tuid: \"test\" + index,\r\n\t\ttime: Date.now(),\r\n\t\tslot: \"123\"\r\n\t});\r\n}\r\nconst operateHandle = (key, row) => {\r\n\tconsole.log(key, row);\r\n};\r\n</script>\r\n<template>\r\n\t<div>\r\n\t\t<YxTable v-bind=\"{ tableData, columns, rowKey }\" @operate-handle=\"operateHandle\">\r\n\t\t\t<template #expand=\"{ row }\"> {{ JSON.stringify(row) }} </template>\r\n\t\t\t<template #testSlot=\"{ row }\"> {{ JSON.stringify(row) }} </template>\r\n\t\t</YxTable>\r\n\t</div>\r\n</template>\r\n<style scoped lang=\"scss\"></style>\r\n"],"names":["yxTableProps","_isSlot","s","_isVNode","yxTableEmits","key","row","YxTable","defineComponent","name","props","emits","setup","attrs","slots","emit","columnSlots","col","scope","slotName","columns","map","_createVNode","_resolveComponent","_mergeProps","align","default","renderType","renderOperate","DynamicComponents","operate","op","label","rowKey","tableData","border","__async","data","auth.getUserPermissions","ref","time","index","operateHandle"],"mappings":"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"}
|
package/lib/index.es4.js
CHANGED
|
@@ -98,7 +98,9 @@ const g = {
|
|
|
98
98
|
"dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
|
|
99
99
|
"dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
|
|
100
100
|
},
|
|
101
|
-
tree: {
|
|
101
|
+
tree: {
|
|
102
|
+
text: "rgba(99,123,107,0.50)"
|
|
103
|
+
},
|
|
102
104
|
layout: {
|
|
103
105
|
"nav-background": "#fff",
|
|
104
106
|
"view-background": "#F1F3F2"
|
package/lib/index.es4.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es4.js","sources":["../packages/theme/config.ts","../packages/theme/index.ts"],"sourcesContent":["export const config = {\r\n\tgreen: {\r\n\t\tcommon: {\r\n\t\t\tcolor: {\r\n\t\t\t\t\"main-100\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"main-50\": \"rgba(80, 165, 122, 0.5)\",\r\n\t\t\t\t\"main-25\": \"rgba(80, 165, 122, 0.25)\",\r\n\t\t\t\t\"main-15\": \"rgba(80, 165, 122, 0.15)\",\r\n\t\t\t\t\"main-5\": \"rgba(80, 165, 122, 0.05)\",\r\n\t\t\t\t\"error-100\": \"rgba(255, 152, 146, 1)\",\r\n\t\t\t\t\"error-50\": \"rgba(255, 152, 146, 0.5)\",\r\n\t\t\t\t\"error-25\": \"rgba(255, 152, 146, 0.25)\",\r\n\t\t\t\t\"error-15\": \"rgba(255, 152, 146, 0.15)\",\r\n\t\t\t\t\"error-5\": \"rgba(255, 152, 146, 0.05)\",\r\n\t\t\t\t\"warning-100\": \"rgba(249, 162, 33, 1)\",\r\n\t\t\t\t\"warning-50\": \"rgba(249, 162, 33, 0.5)\",\r\n\t\t\t\t\"warning-25\": \"rgba(249, 162, 33, 0.25)\",\r\n\t\t\t\t\"warning-15\": \"rgba(249, 162, 33, 0.15)\",\r\n\t\t\t\t\"warning-5\": \"rgba(249, 162, 33, 0.05)\",\r\n\t\t\t\t\"info-100\": \"rgba(133, 233, 183, 1)\",\r\n\t\t\t\t\"info-50\": \"rgba(133, 233, 183, 0.5)\",\r\n\t\t\t\t\"info-25\": \"rgba(133, 233, 183, 0.25)\",\r\n\t\t\t\t\"info-15\": \"rgba(133, 233, 183, 0.15)\",\r\n\t\t\t\t\"info-5\": \"rgba(133, 233, 183, 0.05)\",\r\n\t\t\t\t\"neutral-100\": \"rgba(85, 221, 221, 1)\",\r\n\t\t\t\t\"neutral-50\": \"rgba(85, 221, 221, 0.5)\",\r\n\t\t\t\t\"neutral-25\": \"rgba(85, 221, 221, 0.25)\",\r\n\t\t\t\t\"neutral-15\": \"rgba(85, 221, 221, 0.15)\",\r\n\t\t\t\t\"neutral-5\": \"rgba(85, 221, 221, 0.05)\"\r\n\t\t\t},\r\n\t\t\tbackground: {\r\n\t\t\t\t\"error-gradual\": \"linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)\",\r\n\t\t\t\t\"warning-gradual\": \"linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)\",\r\n\t\t\t\t\"success-gradual\": \"linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)\",\r\n\t\t\t\t\"success-gradient\": \"#D5ECBE 0%, rgba(234,255,233,0.35) 100%\",\r\n\t\t\t\t\"warning-gradient\": \"#FFE4BC 0%, rgba(255,250,233,0.35) 100%\",\r\n\t\t\t\t\"error-gradient\": \"#FFCECB 0%, rgba(255,235,233,0.35) 100%\",\r\n\r\n\t\t\t\tpage: \"rgba(241, 243, 242, 1)\",\r\n\t\t\t\t\"main-content-special\": \"rgba(103, 186, 145, 0.10)\",\r\n\t\t\t\tsection: \"rgba(252, 255, 253, 1)\",\r\n\t\t\t\tsuccess: \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\twarning: \"#F9A221\",\r\n\t\t\t\terror: \"#FF9892\"\r\n\t\t\t},\r\n\t\t\tbutton: {\r\n\t\t\t\tbackground: \"rgba(103, 186, 145, 0.10)\",\r\n\t\t\t\t\"border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"text-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-background-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-border-color\": \"rgba(154, 209, 162, 1)\",\r\n\t\t\t\t\"active-text-color\": \"#fff\"\r\n\t\t\t},\r\n\t\t\tcheckbox: {\r\n\t\t\t\tbackground: \"rgba(216, 233, 219, 1)\",\r\n\t\t\t\t\"icon-color\": \"rgba(80, 165, 122, 0)\",\r\n\t\t\t\t\"border-color\": \"rgba(154, 209, 162, 1)\",\r\n\t\t\t\t\"text-color\": \"#9AD1A2\",\r\n\t\t\t\t\"checked-text-color\": \"#1D4B34\",\r\n\t\t\t\t\"checked-background\": \"rgba(216, 233, 219, 1)\",\r\n\t\t\t\t\"checked-icon-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"checked-border-color\": \"rgba(154, 209, 162, 1)\"\r\n\t\t\t},\r\n\t\t\tradio: {\r\n\t\t\t\tbackground: \"rgba(191, 225, 209, 1)\",\r\n\t\t\t\t\"icon-border-color\": \"rgba(191, 225, 209, 1)\",\r\n\t\t\t\t\"icon-checked-background\": \"rgba(103, 186, 145, 1)\",\r\n\t\t\t\t\"icon-checked-point-background\": \"rgba(210, 255, 218, 1)\"\r\n\t\t\t},\r\n\t\t\tswitch: {\r\n\t\t\t\tbackground: \"#637B6B\",\r\n\t\t\t\t\"icon-point-background\": \"#fff\",\r\n\t\t\t\t\"icon-checked-point-background\": \"#90E6BA\",\r\n\t\t\t\t\"checked-background\": \"#9BE9C2\"\r\n\t\t\t},\r\n\t\t\tinput: {\r\n\t\t\t\tbackground: \"rgba(237, 246, 239, 1)\",\r\n\t\t\t\t\"border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\tcolor: \"rgba(29, 75, 52, 1)\",\r\n\t\t\t\t\"placeholder-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"hover-background\": \"rgba(237, 246, 239, 0.30)\",\r\n\t\t\t\t\"hover-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"hover-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-background\": \"rgba(237, 246, 239, 0.30)\",\r\n\t\t\t\t\"active-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"disabled-background\": \"rgba(219, 232, 221, 1)\",\r\n\t\t\t\t\"disabled-border-color\": \"#fff\",\r\n\t\t\t\t\"disabled-color\": \"rgba(80, 165, 122, 0.5)\",\r\n\t\t\t\t\"append-background\": \"transparent\",\r\n\t\t\t\t\"append-color\": \"#50A57A\"\r\n\t\t\t},\r\n\t\t\tselect: {\r\n\t\t\t\t\"dropdown-background\": \"rgba(237, 246, 239, 1)\",\r\n\t\t\t\t\"dropdown-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"dropdown-item-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"dropdown-item-hover-background\": \"rgba(178, 220, 198, 1)\",\r\n\t\t\t\t\"dropdown-item-hover-color\": \"rgba(29, 75, 52, 1)\",\r\n\t\t\t\t\"dropdown-item-selected-background\": \"rgba(178, 220, 198, 1)\",\r\n\t\t\t\t\"dropdown-item-selected-color\": \"rgba(29, 75, 52, 1)\"\r\n\t\t\t},\r\n\t\t\ttree: {},\r\n\t\t\tlayout: {\r\n\t\t\t\t\"nav-background\": \"#fff\",\r\n\t\t\t\t\"view-background\": \"#F1F3F2\"\r\n\t\t\t},\r\n\t\t\ttable: {\r\n\t\t\t\t\"header-background\": \"#67BA91\",\r\n\t\t\t\t\"header-text-color\": \"#fff\",\r\n\t\t\t\t\"row-background\": \"#D1EFDA\",\r\n\t\t\t\t\"row-odd-background\": \"#EAF9ED\", //奇数行色值\r\n\t\t\t\t\"row-border-bottom-color\": \"#9AD1A2\",\r\n\t\t\t\t\"row-text-color\": \"#1D4B34\",\r\n\t\t\t\t\"row-error-background\": \"linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)\",\r\n\t\t\t\t\"row-warning-background\": \"linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)\",\r\n\t\t\t\t\"row-hover-background\": \"linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)\",\r\n\t\t\t\t\"row-hover-text-color\": \"rgba(29, 75, 52, 1)\"\r\n\t\t\t},\r\n\t\t\tchart: {\r\n\t\t\t\tpie_color_1: \"#50A57A\",\r\n\t\t\t\tpie_color_2: \"#F8B85A\",\r\n\t\t\t\tpie_color_3: \"#FF9892\",\r\n\t\t\t\tpie_color_4: \"#55DDDD\",\r\n\t\t\t\tpie_color_5: \"#85E9B7\",\r\n\t\t\t\tline_color_1: \"#50A57A\",\r\n\t\t\t\tline_color_2: \"#F8B85A\",\r\n\t\t\t\tline_color_3: \"#FF9892\",\r\n\t\t\t\tline_color_4: \"#55DDDD\",\r\n\t\t\t\tline_color_5: \"#85E9B7\",\r\n\t\t\t\tline_title_color: \"#637B6B\",\r\n\t\t\t\tline_xAxis_color: \"#50A57A\",\r\n\t\t\t\tline_yAxis_color: \"#50A57A\",\r\n\t\t\t\tline_markLine_color: \"#FF9892\",\r\n\t\t\t\tline_splitLine_color: \"#DBEEE3\"\r\n\t\t\t},\r\n\t\t\tmessage: {},\r\n\t\t\ttext: {\r\n\t\t\t\tmain: \"#50A57A\",\r\n\t\t\t\tdeep: \"#1D4B34\",\r\n\t\t\t\tlight: \"rgba(80, 165, 122, 0.50)\",\r\n\t\t\t\tpaler: \"#637B6B\",\r\n\t\t\t\tsuccess: \"#50A57A\",\r\n\t\t\t\twarning: \"#F8B85A\",\r\n\t\t\t\terror: \"#FF9892\",\r\n\t\t\t\twhite: \"#fff\",\r\n\t\t\t\tlight_gray: \"#B0BDB4\"\r\n\t\t\t},\r\n\t\t\t//弹窗\r\n\t\t\tdialog: {\r\n\t\t\t\t\"header-background\": \"#fff\",\r\n\t\t\t\t\"body-background\": \"#fff\",\r\n\t\t\t\t\"footer-background\": \"#fff\"\r\n\t\t\t},\r\n\t\t\t//进度条\r\n\t\t\tprogress: {\r\n\t\t\t\tbackground: \"#CADFD3\",\r\n\t\t\t\t\"active-background\": \"#67BA91\"\r\n\t\t\t},\r\n\t\t\ticon: {\r\n\t\t\t\t\"active-color\": \"rgba(80,165,122,1)\",\r\n\t\t\t\t\"active-light-color\": \"#F9A221\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tcloud: {},\r\n\t\t\"station-control-center\": {\r\n\t\t\t\"equipment-line-status-NORMAL-SFED\": \"#F9A221\",\r\n\t\t\t\"equipment-line-status-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-line-status-WARN\": \"#FF9892\",\r\n\t\t\t\"equipment-line-status-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-status-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-status-WARN\": \"#FF9892\",\r\n\t\t\t\"equipment-status-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-background-NORMAL\": \"#F9FCF9\",\r\n\t\t\t\"equipment-border-NORMAL\": \"1px solid #50A57A\",\r\n\t\t\t\"equipment-background-WARN\": \"#F9FBFC\",\r\n\t\t\t\"equipment-border-WARN\": \"1px solid #FF9892\",\r\n\t\t\t\"equipment-background-OFF_LINE\": \"#E9F2EE\",\r\n\t\t\t\"equipment-border-OFF_LINE\": \"1px solid #fff\",\r\n\t\t\t\"equipment-color-LHPC-NORMAL\": \"#fff\",\r\n\t\t\t\"equipment-background-LHPC-NORMAL\": \"linear-gradient(90deg, #50A57A 0%, rgba(80,165,122,0.3) 100%)\",\r\n\t\t\t\"equipment-color-LHPC-NORMAL-SFED\": \"#fff\",\r\n\t\t\t\"equipment-background-LHPC-NORMAL-SFED\": \"linear-gradient(90deg, #F9A221 0%, rgba(255,223,165,0.38) 100%)\",\r\n\t\t\t\"equipment-color-LHPC-OFF_LINE\": \"#637B6B\",\r\n\t\t\t\"equipment-background-LHPC-OFF_LINE\": \"linear-gradient(90deg, #D1D3D2 0%, rgba(209,211,210,0) 100%)\",\r\n\t\t\t\"equipment-ball-background\": \"#9DCBB4\",\r\n\t\t\t\"equipment-ball-LINE-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-ball-LINE-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-ball-background-SFED\": \"#FBE5B7\",\r\n\t\t\t\"equipment-ball-LINE-NORMAL-SFED\": \"#F9A221\",\r\n\t\t\t\"equipment-ball-LINE-OFF_LINE-SFED\": \"#D1D3D2\"\r\n\t\t}\r\n\t},\r\n\tblue: {\r\n\t\tcommon: {\r\n\t\t\t\"--test1\": \"#fff\",\r\n\t\t\t\"--test2\": \"#ccc\"\r\n\t\t},\r\n\t\tcloud: {},\r\n\t\t\"station-control-center\": {}\r\n\t}\r\n};\r\n","/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-17 13:42:02\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-28 09:49:26\r\n * @FilePath: \\yxUse\\packages\\theme\\index.ts\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport { config } from \"./config\";\r\nconst THEME_KEY = \"yxTheme\";\r\nconst DEFAULT_THEME = \"green\";\r\n/**\r\n * @description:注册主题下的css变量\r\n */\r\nexport const install = (): void => {\r\n\tconst themeName = getCurTheme();\r\n\t// 首次给缓存中注册缓存\r\n\tif (!localStorage.getItem(THEME_KEY)) {\r\n\t\tlocalStorage.setItem(THEME_KEY, themeName);\r\n\t}\r\n\tconst root = document.documentElement;\r\n\tconst commonClassify = config[themeName].common; //当前主题的公用css变量\r\n\tObject.keys(commonClassify).forEach(classifyName => {\r\n\t\tObject.keys(commonClassify[classifyName]).forEach(varName => {\r\n\t\t\tconst cssVarName = `--${classifyName}-${varName}`;\r\n\t\t\troot.style.setProperty(cssVarName, commonClassify[classifyName][varName]);\r\n\t\t});\r\n\t});\r\n};\r\n\r\n/**\r\n * @description:修改主题\r\n * @param themeName 主题名称\r\n */\r\nexport const changeTheme = (themeName: string) => {\r\n\tlocalStorage.setItem(THEME_KEY, themeName);\r\n\tinstall();\r\n};\r\n/**\r\n * @description:获取当前主题\r\n */\r\nexport const getCurTheme = (): string => {\r\n\treturn localStorage.getItem(THEME_KEY) || DEFAULT_THEME;\r\n};\r\n/**\r\n * @description:获取当前主题下的系统配置\r\n * @param systemName 系统名称\r\n */\r\nexport const getSystemThemeConfig = (systemName: string): object => {\r\n\tconst curTheme = getCurTheme();\r\n\treturn config[curTheme][systemName] || {};\r\n};\r\n\r\n/**\r\n * @description:获取当前主题下的某个组/模块配置颜色\r\n * @param groupName 名称\r\n */\r\nexport const getGroupColor = (groupName: string): object => {\r\n\tconst curTheme = getCurTheme();\r\n\treturn config[curTheme].common[groupName] || {};\r\n};\r\n\r\n/**\r\n * @description:注册当前系统私有css变量\r\n * @param systemName 系统名称\r\n */\r\nexport const installSystemTheme = (systemName: string): void => {\r\n\tconst curTheme = getCurTheme();\r\n\tconst systemConfig = config[curTheme][systemName];\r\n\tconst root = document.documentElement;\r\n\tObject.keys(systemConfig).forEach(varName => {\r\n\t\tconst cssVarName = `--${varName}`;\r\n\t\troot.style.setProperty(cssVarName, systemConfig[varName]);\r\n\t});\r\n};\r\n"],"names":["config","THEME_KEY","DEFAULT_THEME","install","themeName","getCurTheme","root","commonClassify","classifyName","varName","cssVarName","changeTheme","getSystemThemeConfig","systemName","curTheme","getGroupColor","groupName","installSystemTheme","systemConfig"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es4.js","sources":["../packages/theme/config.ts","../packages/theme/index.ts"],"sourcesContent":["export const config = {\r\n\tgreen: {\r\n\t\tcommon: {\r\n\t\t\tcolor: {\r\n\t\t\t\t\"main-100\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"main-50\": \"rgba(80, 165, 122, 0.5)\",\r\n\t\t\t\t\"main-25\": \"rgba(80, 165, 122, 0.25)\",\r\n\t\t\t\t\"main-15\": \"rgba(80, 165, 122, 0.15)\",\r\n\t\t\t\t\"main-5\": \"rgba(80, 165, 122, 0.05)\",\r\n\t\t\t\t\"error-100\": \"rgba(255, 152, 146, 1)\",\r\n\t\t\t\t\"error-50\": \"rgba(255, 152, 146, 0.5)\",\r\n\t\t\t\t\"error-25\": \"rgba(255, 152, 146, 0.25)\",\r\n\t\t\t\t\"error-15\": \"rgba(255, 152, 146, 0.15)\",\r\n\t\t\t\t\"error-5\": \"rgba(255, 152, 146, 0.05)\",\r\n\t\t\t\t\"warning-100\": \"rgba(249, 162, 33, 1)\",\r\n\t\t\t\t\"warning-50\": \"rgba(249, 162, 33, 0.5)\",\r\n\t\t\t\t\"warning-25\": \"rgba(249, 162, 33, 0.25)\",\r\n\t\t\t\t\"warning-15\": \"rgba(249, 162, 33, 0.15)\",\r\n\t\t\t\t\"warning-5\": \"rgba(249, 162, 33, 0.05)\",\r\n\t\t\t\t\"info-100\": \"rgba(133, 233, 183, 1)\",\r\n\t\t\t\t\"info-50\": \"rgba(133, 233, 183, 0.5)\",\r\n\t\t\t\t\"info-25\": \"rgba(133, 233, 183, 0.25)\",\r\n\t\t\t\t\"info-15\": \"rgba(133, 233, 183, 0.15)\",\r\n\t\t\t\t\"info-5\": \"rgba(133, 233, 183, 0.05)\",\r\n\t\t\t\t\"neutral-100\": \"rgba(85, 221, 221, 1)\",\r\n\t\t\t\t\"neutral-50\": \"rgba(85, 221, 221, 0.5)\",\r\n\t\t\t\t\"neutral-25\": \"rgba(85, 221, 221, 0.25)\",\r\n\t\t\t\t\"neutral-15\": \"rgba(85, 221, 221, 0.15)\",\r\n\t\t\t\t\"neutral-5\": \"rgba(85, 221, 221, 0.05)\"\r\n\t\t\t},\r\n\t\t\tbackground: {\r\n\t\t\t\t\"error-gradual\": \"linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)\",\r\n\t\t\t\t\"warning-gradual\": \"linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)\",\r\n\t\t\t\t\"success-gradual\": \"linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)\",\r\n\t\t\t\t\"success-gradient\": \"#D5ECBE 0%, rgba(234,255,233,0.35) 100%\",\r\n\t\t\t\t\"warning-gradient\": \"#FFE4BC 0%, rgba(255,250,233,0.35) 100%\",\r\n\t\t\t\t\"error-gradient\": \"#FFCECB 0%, rgba(255,235,233,0.35) 100%\",\r\n\t\t\t\tpage: \"rgba(241, 243, 242, 1)\",\r\n\t\t\t\t\"main-content-special\": \"rgba(103, 186, 145, 0.10)\",\r\n\t\t\t\tsection: \"rgba(252, 255, 253, 1)\",\r\n\t\t\t\tsuccess: \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\twarning: \"#F9A221\",\r\n\t\t\t\terror: \"#FF9892\"\r\n\t\t\t},\r\n\t\t\tbutton: {\r\n\t\t\t\tbackground: \"rgba(103, 186, 145, 0.10)\",\r\n\t\t\t\t\"border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"text-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-background-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-border-color\": \"rgba(154, 209, 162, 1)\",\r\n\t\t\t\t\"active-text-color\": \"#fff\"\r\n\t\t\t},\r\n\t\t\tcheckbox: {\r\n\t\t\t\tbackground: \"rgba(216, 233, 219, 1)\",\r\n\t\t\t\t\"icon-color\": \"rgba(80, 165, 122, 0)\",\r\n\t\t\t\t\"border-color\": \"rgba(154, 209, 162, 1)\",\r\n\t\t\t\t\"text-color\": \"#9AD1A2\",\r\n\t\t\t\t\"checked-text-color\": \"#1D4B34\",\r\n\t\t\t\t\"checked-background\": \"rgba(216, 233, 219, 1)\",\r\n\t\t\t\t\"checked-icon-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"checked-border-color\": \"rgba(154, 209, 162, 1)\"\r\n\t\t\t},\r\n\t\t\tradio: {\r\n\t\t\t\tbackground: \"rgba(191, 225, 209, 1)\",\r\n\t\t\t\t\"icon-border-color\": \"rgba(191, 225, 209, 1)\",\r\n\t\t\t\t\"icon-checked-background\": \"rgba(103, 186, 145, 1)\",\r\n\t\t\t\t\"icon-checked-point-background\": \"rgba(210, 255, 218, 1)\"\r\n\t\t\t},\r\n\t\t\tswitch: {\r\n\t\t\t\tbackground: \"#637B6B\",\r\n\t\t\t\t\"icon-point-background\": \"#fff\",\r\n\t\t\t\t\"icon-checked-point-background\": \"#90E6BA\",\r\n\t\t\t\t\"checked-background\": \"#9BE9C2\"\r\n\t\t\t},\r\n\t\t\tinput: {\r\n\t\t\t\tbackground: \"rgba(237, 246, 239, 1)\",\r\n\t\t\t\t\"border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\tcolor: \"rgba(29, 75, 52, 1)\",\r\n\t\t\t\t\"placeholder-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"hover-background\": \"rgba(237, 246, 239, 0.30)\",\r\n\t\t\t\t\"hover-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"hover-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-background\": \"rgba(237, 246, 239, 0.30)\",\r\n\t\t\t\t\"active-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"active-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"disabled-background\": \"rgba(219, 232, 221, 1)\",\r\n\t\t\t\t\"disabled-border-color\": \"#fff\",\r\n\t\t\t\t\"disabled-color\": \"rgba(80, 165, 122, 0.5)\",\r\n\t\t\t\t\"append-background\": \"transparent\",\r\n\t\t\t\t\"append-color\": \"#50A57A\"\r\n\t\t\t},\r\n\t\t\tselect: {\r\n\t\t\t\t\"dropdown-background\": \"rgba(237, 246, 239, 1)\",\r\n\t\t\t\t\"dropdown-border-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"dropdown-item-color\": \"rgba(80, 165, 122, 1)\",\r\n\t\t\t\t\"dropdown-item-hover-background\": \"rgba(178, 220, 198, 1)\",\r\n\t\t\t\t\"dropdown-item-hover-color\": \"rgba(29, 75, 52, 1)\",\r\n\t\t\t\t\"dropdown-item-selected-background\": \"rgba(178, 220, 198, 1)\",\r\n\t\t\t\t\"dropdown-item-selected-color\": \"rgba(29, 75, 52, 1)\"\r\n\t\t\t},\r\n\t\t\ttree: {\r\n\t\t\t\ttext: \"rgba(99,123,107,0.50)\"\r\n\t\t\t},\r\n\t\t\tlayout: {\r\n\t\t\t\t\"nav-background\": \"#fff\",\r\n\t\t\t\t\"view-background\": \"#F1F3F2\"\r\n\t\t\t},\r\n\t\t\ttable: {\r\n\t\t\t\t\"header-background\": \"#67BA91\",\r\n\t\t\t\t\"header-text-color\": \"#fff\",\r\n\t\t\t\t\"row-background\": \"#D1EFDA\",\r\n\t\t\t\t\"row-odd-background\": \"#EAF9ED\", //奇数行色值\r\n\t\t\t\t\"row-border-bottom-color\": \"#9AD1A2\",\r\n\t\t\t\t\"row-text-color\": \"#1D4B34\",\r\n\t\t\t\t\"row-error-background\": \"linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)\",\r\n\t\t\t\t\"row-warning-background\": \"linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)\",\r\n\t\t\t\t\"row-hover-background\": \"linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)\",\r\n\t\t\t\t\"row-hover-text-color\": \"rgba(29, 75, 52, 1)\"\r\n\t\t\t},\r\n\t\t\tchart: {\r\n\t\t\t\tpie_color_1: \"#50A57A\",\r\n\t\t\t\tpie_color_2: \"#F8B85A\",\r\n\t\t\t\tpie_color_3: \"#FF9892\",\r\n\t\t\t\tpie_color_4: \"#55DDDD\",\r\n\t\t\t\tpie_color_5: \"#85E9B7\",\r\n\t\t\t\tline_color_1: \"#50A57A\",\r\n\t\t\t\tline_color_2: \"#F8B85A\",\r\n\t\t\t\tline_color_3: \"#FF9892\",\r\n\t\t\t\tline_color_4: \"#55DDDD\",\r\n\t\t\t\tline_color_5: \"#85E9B7\",\r\n\t\t\t\tline_title_color: \"#637B6B\",\r\n\t\t\t\tline_xAxis_color: \"#50A57A\",\r\n\t\t\t\tline_yAxis_color: \"#50A57A\",\r\n\t\t\t\tline_markLine_color: \"#FF9892\",\r\n\t\t\t\tline_splitLine_color: \"#DBEEE3\"\r\n\t\t\t},\r\n\t\t\tmessage: {},\r\n\t\t\ttext: {\r\n\t\t\t\tmain: \"#50A57A\",\r\n\t\t\t\tdeep: \"#1D4B34\",\r\n\t\t\t\tlight: \"rgba(80, 165, 122, 0.50)\",\r\n\t\t\t\tpaler: \"#637B6B\",\r\n\t\t\t\tsuccess: \"#50A57A\",\r\n\t\t\t\twarning: \"#F8B85A\",\r\n\t\t\t\terror: \"#FF9892\",\r\n\t\t\t\twhite: \"#fff\",\r\n\t\t\t\tlight_gray: \"#B0BDB4\"\r\n\t\t\t},\r\n\t\t\t//弹窗\r\n\t\t\tdialog: {\r\n\t\t\t\t\"header-background\": \"#fff\",\r\n\t\t\t\t\"body-background\": \"#fff\",\r\n\t\t\t\t\"footer-background\": \"#fff\"\r\n\t\t\t},\r\n\t\t\t//进度条\r\n\t\t\tprogress: {\r\n\t\t\t\tbackground: \"#CADFD3\",\r\n\t\t\t\t\"active-background\": \"#67BA91\"\r\n\t\t\t},\r\n\t\t\ticon: {\r\n\t\t\t\t\"active-color\": \"rgba(80,165,122,1)\",\r\n\t\t\t\t\"active-light-color\": \"#F9A221\"\r\n\t\t\t}\r\n\t\t},\r\n\t\tcloud: {},\r\n\t\t\"station-control-center\": {\r\n\t\t\t\"equipment-line-status-NORMAL-SFED\": \"#F9A221\",\r\n\t\t\t\"equipment-line-status-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-line-status-WARN\": \"#FF9892\",\r\n\t\t\t\"equipment-line-status-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-status-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-status-WARN\": \"#FF9892\",\r\n\t\t\t\"equipment-status-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-background-NORMAL\": \"#F9FCF9\",\r\n\t\t\t\"equipment-border-NORMAL\": \"1px solid #50A57A\",\r\n\t\t\t\"equipment-background-WARN\": \"#F9FBFC\",\r\n\t\t\t\"equipment-border-WARN\": \"1px solid #FF9892\",\r\n\t\t\t\"equipment-background-OFF_LINE\": \"#E9F2EE\",\r\n\t\t\t\"equipment-border-OFF_LINE\": \"1px solid #fff\",\r\n\t\t\t\"equipment-color-LHPC-NORMAL\": \"#fff\",\r\n\t\t\t\"equipment-background-LHPC-NORMAL\": \"linear-gradient(90deg, #50A57A 0%, rgba(80,165,122,0.3) 100%)\",\r\n\t\t\t\"equipment-color-LHPC-NORMAL-SFED\": \"#fff\",\r\n\t\t\t\"equipment-background-LHPC-NORMAL-SFED\": \"linear-gradient(90deg, #F9A221 0%, rgba(255,223,165,0.38) 100%)\",\r\n\t\t\t\"equipment-color-LHPC-OFF_LINE\": \"#637B6B\",\r\n\t\t\t\"equipment-background-LHPC-OFF_LINE\": \"linear-gradient(90deg, #D1D3D2 0%, rgba(209,211,210,0) 100%)\",\r\n\t\t\t\"equipment-ball-background\": \"#9DCBB4\",\r\n\t\t\t\"equipment-ball-LINE-NORMAL\": \"#50A57A\",\r\n\t\t\t\"equipment-ball-LINE-OFF_LINE\": \"#D1D3D2\",\r\n\t\t\t\"equipment-ball-background-SFED\": \"#FBE5B7\",\r\n\t\t\t\"equipment-ball-LINE-NORMAL-SFED\": \"#F9A221\",\r\n\t\t\t\"equipment-ball-LINE-OFF_LINE-SFED\": \"#D1D3D2\"\r\n\t\t}\r\n\t},\r\n\tblue: {\r\n\t\tcommon: {\r\n\t\t\t\"--test1\": \"#fff\",\r\n\t\t\t\"--test2\": \"#ccc\"\r\n\t\t},\r\n\t\tcloud: {},\r\n\t\t\"station-control-center\": {}\r\n\t}\r\n};\r\n","/*\r\n * @Author: WangXin\r\n * @Date: 2023-08-17 13:42:02\r\n * @LastEditors: WangXin\r\n * @LastEditTime: 2023-08-28 09:49:26\r\n * @FilePath: \\yxUse\\packages\\theme\\index.ts\r\n * @Description:\r\n *\r\n * Copyright (c) 2023 by YuXing, All Rights Reserved.\r\n */\r\nimport { config } from \"./config\";\r\nconst THEME_KEY = \"yxTheme\";\r\nconst DEFAULT_THEME = \"green\";\r\n/**\r\n * @description:注册主题下的css变量\r\n */\r\nexport const install = (): void => {\r\n\tconst themeName = getCurTheme();\r\n\t// 首次给缓存中注册缓存\r\n\tif (!localStorage.getItem(THEME_KEY)) {\r\n\t\tlocalStorage.setItem(THEME_KEY, themeName);\r\n\t}\r\n\tconst root = document.documentElement;\r\n\tconst commonClassify = config[themeName].common; //当前主题的公用css变量\r\n\tObject.keys(commonClassify).forEach(classifyName => {\r\n\t\tObject.keys(commonClassify[classifyName]).forEach(varName => {\r\n\t\t\tconst cssVarName = `--${classifyName}-${varName}`;\r\n\t\t\troot.style.setProperty(cssVarName, commonClassify[classifyName][varName]);\r\n\t\t});\r\n\t});\r\n};\r\n\r\n/**\r\n * @description:修改主题\r\n * @param themeName 主题名称\r\n */\r\nexport const changeTheme = (themeName: string) => {\r\n\tlocalStorage.setItem(THEME_KEY, themeName);\r\n\tinstall();\r\n};\r\n/**\r\n * @description:获取当前主题\r\n */\r\nexport const getCurTheme = (): string => {\r\n\treturn localStorage.getItem(THEME_KEY) || DEFAULT_THEME;\r\n};\r\n/**\r\n * @description:获取当前主题下的系统配置\r\n * @param systemName 系统名称\r\n */\r\nexport const getSystemThemeConfig = (systemName: string): object => {\r\n\tconst curTheme = getCurTheme();\r\n\treturn config[curTheme][systemName] || {};\r\n};\r\n\r\n/**\r\n * @description:获取当前主题下的某个组/模块配置颜色\r\n * @param groupName 名称\r\n */\r\nexport const getGroupColor = (groupName: string): object => {\r\n\tconst curTheme = getCurTheme();\r\n\treturn config[curTheme].common[groupName] || {};\r\n};\r\n\r\n/**\r\n * @description:注册当前系统私有css变量\r\n * @param systemName 系统名称\r\n */\r\nexport const installSystemTheme = (systemName: string): void => {\r\n\tconst curTheme = getCurTheme();\r\n\tconst systemConfig = config[curTheme][systemName];\r\n\tconst root = document.documentElement;\r\n\tObject.keys(systemConfig).forEach(varName => {\r\n\t\tconst cssVarName = `--${varName}`;\r\n\t\troot.style.setProperty(cssVarName, systemConfig[varName]);\r\n\t});\r\n};\r\n"],"names":["config","THEME_KEY","DEFAULT_THEME","install","themeName","getCurTheme","root","commonClassify","classifyName","varName","cssVarName","changeTheme","getSystemThemeConfig","systemName","curTheme","getGroupColor","groupName","installSystemTheme","systemConfig"],"mappings":"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"}
|