component_ryl_v3 1.1.0 → 1.1.2

package/README.md

@@ -132,3 +132,5 @@ Learn more about IDE Support for Vue in the [Vue Docs Scaling up Guide](https://
 
     # 金额格式指令
     <el-input v-model="inputMoney" v-money="{max:100,min:0}" placeholder="请输入"></el-input>
+    # 数字格式指令
+    <el-input v-model="inputNumber" v-number="{max:100,min:0}" placeholder="请输入"></el-input>

package/dist/component_ryl_v3.js

@@ -1,3 +1,4 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";*:not(svg),#app,html,body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:12px}a{text-decoration:none;color:#5a5a5a}li{list-style:none}.flex{display:-webkit-flex;display:flex;display:-moz-box;display:-ms-flexbox}.flex_row{flex-direction:row}.flex_col{flex-direction:column}.initTextarea>.el-textarea__inner{resize:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent;border-radius:4px}::-webkit-scrollbar-thumb{background-color:transparent;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#c2c2c2}::-webkit-scrollbar-corner{background:transparent}.common_show_scroll::-webkit-scrollbar-thumb{background:#c2c2c2}.tinymce-editor-JustOne *:not(h1,h2,h3,h4,h5,h6){font-size:inherit}.tinymce-editor-JustOne h1{font-size:32px}.tinymce-editor-JustOne h2{font-size:28px}.tinymce-editor-JustOne h3{font-size:24px}.tinymce-editor-JustOne h4{font-size:20px}.tinymce-editor-JustOne h5{font-size:16px}.tinymce-editor-JustOne h6{font-size:12px}.jddsDialog.el-dialog{border-radius:4px}.jddsDialog .el-dialog__title,.jddsDialog .zbt{font-size:16px;color:#272727;line-height:normal}.jddsDialog .el-dialog__body .el-form-item:last-child{margin-bottom:0}.jddsDialog .el-dialog__headerbtn{top:5px;right:0}.jddsDialog .btn{min-width:68px;height:32px;line-height:32px;border-radius:4px;padding:0}.jddsDialog .exit{font-size:14px}.jddsDialog .header-title{display:flex;align-items:center}.jddsDialog.el-dialog--center .header-title{justify-content:center}.JD_table.el-table:before{height:0!important}.JD_table.el-table{width:100%}.JD_table.el-table th,.JD_table.el-table th.el-table__cell{background-color:#eff2f580;padding:0;height:40px;line-height:40px;border-bottom:none!important}.JD_table.el-table th .cell,.JD_table.el-table th.el-table__cell .cell{font-weight:400;color:#999;text-align:left;white-space:nowrap}.JD_table.el-table td,.JD_table.el-table td.el-table__cell{padding:0;height:48px;line-height:48px}.JD_table.el-table td .cell,.JD_table.el-table td.el-table__cell .cell{line-height:normal}.el-table--group,.el-table--border{border:none!important}.el-table--group:after,.el-table--border:after{width:0!important}.el-table--border .el-table__cell,.el-table--border td{border-right:none!important}.el-table--border th.el-table__cell{border-right:1px solid #ebeef5!important}.el-table .cell{text-align:center!important}.el-table__header,.el-table__empty-block,.el-table__body{width:100%!important}.el-button{border-radius:2px!important}.el-input input{border-radius:2px}.el-sub-menu__title:hover,.el-sub-menu .el-menu-item:hover,.el-menu-item:hover{color:#fff!important;background-color:#06f!important}.el-sub-menu__title:hover i.iconfont,.el-sub-menu .el-menu-item:hover i.iconfont,.el-menu-item:hover i.iconfont{color:#fff!important}.el-sub-menu .el-menu-item.is-active,.el-menu-item.is-active,.el-sub-menu__title.is-active{background-color:#06f!important}.el-sub-menu .el-menu-item.is-active i.iconfont,.el-menu-item.is-active i.iconfont,.el-sub-menu__title.is-active i.iconfont{color:#fff!important}.el-sub-menu__title{text-align:left!important}.el-sub-menu .el-menu-item{min-width:auto!important;background-color:#151822!important;padding-left:46px!important;position:relative}.el-sub-menu .el-menu-item:after{content:"";width:4px;height:4px;background:#7c878e;border-radius:50%;position:absolute;top:19px;left:26px}.el-sub-menu .el-menu{background-color:#151822!important}.el-menu{border-right:none!important}.el-menu-item,.el-sub-menu__title{height:38px!important;line-height:38px!important;margin-top:2px}.el-menu-item *,.el-sub-menu__title *{vertical-align:middle}.el-submenu__title i.el-sub-menu__icon-arrow{color:#c0c5c7;font-weight:700}.el-message-box{width:400px!important}.initMsg_in{padding:20px 0!important}.initMsg_in .el-message-box__header{padding:0!important}.initMsg_in .el-message-box__header .el-message-box__headerbtn{display:none}.initMsg_in .el-message-box__header .el-message-box__status{font-size:50px!important}.initMsg_in .el-message-box__header .el-message-box__status svg{font-size:100%}.initMsg_in .el-message-box__content{padding:30px!important}.initMsg_in .el-message-box__content .el-message-box__message{letter-spacing:1px}.initMsg_in .el-message-box__btns{padding:0!important}.initMsg_in .el-message-box__btns button{min-width:100px;height:40px;border-radius:4px}.initMsg_in .el-message-box__btns button:nth-child(2){margin-left:20px!important}.defaultMsg_in .el-message-box__container{align-items:flex-start}.defaultMsg_in .el-message-box__title span{font-size:14px;font-weight:700}.defaultMsg_in .el-message-box__headerbtn{top:7px}.defaultMsg_in .el-message-box__status{top:0;transform:none}.defaultMsg_in .el-message-box__btns button{min-width:68px;height:32px;border-radius:4px;border:none}.ieBro{position:fixed;padding:10px;z-index:9999;top:0;left:0;right:0;background:#fffade;border:1px solid #f9d878;justify-content:space-between}.ieBro span,.ieBro a{font-size:12px}.ieBro .color{text-decoration:underline}.el-radio__label,.el-checkbox__label,.el-form-item__label{font-size:12px!important}.el-form--inline .el-form-item{margin-right:18px!important}.el-form-item__label{padding:0!important}.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):before{content:""!important}.mainMenu[data-v-c6581c9c]{display:inline-block;position:relative}.mainMenu .elbadge[data-v-c6581c9c]{color:red;font-style:normal}.mainMenu .elbadge.hot[data-v-c6581c9c]:after{display:inline-block;content:"";width:8px;height:8px;background-color:red;border-radius:100%;transform:scale(.9);position:absolute;top:10px;right:-10px}.mainMenu .elbadge.new[data-v-c6581c9c]:after{display:inline-block;content:"new";background-color:red;color:#fff;padding:0 4px 1px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-32px}.mainMenu .elbadge.run[data-v-c6581c9c]{display:inline-block;color:#fff;background-color:red;min-width:20px;padding:0 2px;text-align:center;height:16px;line-height:16px;border-radius:4px;animation:changeRun 1.5s ease-in-out 0s infinite}.mainMenu .elbadge.num[data-v-c6581c9c]{display:inline-block;background-color:red;color:#fff;width:20px;text-align:center;height:16px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-22px}.mainMenu .elbadge.num.nine[data-v-c6581c9c]{width:26px;right:-28px}.mainMenu .elbadge.num.nine em[data-v-c6581c9c]{position:relative;top:-4px}[data-v-c6581c9c] .el-menu-item span,[data-v-c6581c9c] .el-sub-menu__title span{font-size:14px}.handHeaderContent{position:relative;z-index:999;height:100vh}.handHeaderContent .el-container.is-vertical{position:relative}.handHeaderContent .inner_header{padding:0;background:#fff;justify-content:space-between;height:50px!important}.handHeaderContent .inner_header .colSpan{width:60px;background-color:transparent;justify-content:center;align-items:center}.handHeaderContent .inner_header .colSpan .hide{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA2hJREFUeF7t3Vtu5DAMRFFlZ9nZzKwsS0ugTBswGnnYLkqkVddAkC+1Q9YBrXb68dJae28cth14AYBt9p+FA8A7fwCY5w8AALAJtDbAHsA6fjaB5vEDAADcB/A2wB7AO3+eBprnDwAAcB/A2gB7AOv4eRpoHv9/AK/2XTBuQAfAYdwBABiHv70gxLwF3uUzAbzz/9wEchh3AADG4bMHMA8fAABgD+BugD2AuQAAAMC8A+blMwEAYN4B8/IrTIC/rbX+w5HQgWwAW/AASAg/+0ZQD/1Pa+0fEyAp/cfnA2ScfQu/nxsAGQk8zplxCdiHD4DE8DMuAc/hKwB4LWMAnpkT4KvwVQBvAT2wfohZAL4LHwDJ/GYA+Cl8ACwO4LfwAbAwgCPhA2BRAEfDB8CCAM6ED4DFAJwNHwALAbgSPgAWAXA1fAAsAEAJHwA3B6CGD4AbA4gIHwA3BRAVPgBuCCAyfADcDEB0+AC4EYAR4SsAklu3xumP/jt4VPgASHZ0BMDI8AFQHMDo8AFQGMCM8AFQFMCs8AFQEMDM8AFQDMDs8AFQCEBG+AAoAiArfAAUAJAZPgAAwLuDMw1sdwIzpwBvD08UsL8VnIUAAEUA9D8jAwEACgHIQACAYgBmIwBAQQAzEQCgKIBZCABQGMAMBAAoDmA0AgDcAMBIBFcB9E8J40OiRDxHXhO4P8WI+wQAEENUlp8FMGISAEBJUFx7BUA0AgCIISrLrwKIRAAAJUFxrQIgCgEAxBCV5SqACAQAUBIU10YAUBEAQAxRWR4FQEEAACVBcW0kgKsIACCGqCyPBnAFAQCUBMW1IwCcRQAAMURl+SgAZxAAQElQXDsSwFEEABBDVJaPBnAEAQCUBMW1MwD8hgAAYojK8lkAfkKgAFBqZ23CF0dGfm0cAQZ0YOYE2P7cZwRXJ0BA+TxEBoDnywEAEh1mAdgjAIApgA3B/ndiKzxPnTkB9nuCvi/gSOhABQAJZXPKrQMAMLcAAACYd8C8fCYAAMw7YF4+EwAA5h0wL58JAADzDpiXzwQAgHkHzMtnAgDAvAPm5fcJ0D9sicO0Ax3Au2ntlP14VTAAjCkwAYzD76UDAADsAZwNMAGc0+cSYJ4+AADAJcDcAAAAwLMAZwNMAOf02QSapw8AAHAJMDcAAHMAH9uzwUGCPXdSAAAAAElFTkSuQmCC) no-repeat;background-size:contain;cursor:pointer;transition:all .2s}.handHeaderContent .inner_header .colSpan .hide.rotate{transform:rotate(180deg)}.handHeaderContent .inner_header .saasInfo .img{align-items:center;justify-content:center;height:50px;margin-right:20px;cursor:pointer}.handHeaderContent .inner_header .saasInfo .img:hover .dropDown{display:block}.handHeaderContent .inner_header .saasInfo .img img{width:33px;height:33px;border-radius:50%;margin-right:5px;border:1px solid #eff2f5}.handHeaderContent .inner_header .saasInfo .img i{font-size:14px;font-weight:700;color:#5a5a5a}.handHeaderContent .dropDown{position:absolute;right:10px;top:50px;width:170px;background:#fff;box-shadow:0 0 4px #1919191a;border-radius:2px;display:none;z-index:999}.handHeaderContent .dropDown .san{display:inline-block;width:10px;height:10px;border:1px solid #fff;border-top-style:none;border-right-style:none;transform:rotate(135deg);position:absolute;top:-4px;right:38px;background:#fff}.handHeaderContent .dropDown .user{padding:11px;align-items:center;border-bottom:1px solid #f5f5f5}.handHeaderContent .dropDown .user span{line-height:normal;font-size:14px}.handHeaderContent .dropDown .exit{font-size:14px;line-height:39px;height:39px;border-top:1px solid #EFF2F5;text-align:center;padding:0;color:#5a5a5a}.handHeaderContent .aside{height:100%;transition:all .2s;overflow:overlay}.handHeaderContent .aside .init-el-menu{padding-bottom:38px}.handHeaderContent .aside.hideMenu .el-tooltip{text-align:center}.handHeaderContent .aside.hideMenu .el-submenu__title{text-align:center!important}.handHeaderContent .aside.hideMenu i.iconfont{margin-right:0}.handHeaderContent .aside.hideMenu .deldom,.handHeaderContent .aside.hideMenu .el-submenu__icon-arrow{display:none}.handHeaderContent .aside i.iconfont{font-size:16px;display:inline-block;width:18px;margin-right:4px;color:#747c81}.handHeaderContent .main{padding:0;background-color:#eff2f5}.handHeaderContent .main.scroll{overflow-y:scroll}.handHeaderContent .main.scroll .inner_content,.handHeaderContent .main.scroll .inner_content.normal{height:auto}.handHeaderContent .main.scrollX{overflow-x:scroll}.handHeaderContent .main .content_mar{padding:18px}.handHeaderContent .main .inner_content{background-color:#fff;height:calc(100vh - 86px);border-radius:4px}.handHeaderContent .main .inner_content.normal{background-color:transparent}.handHeaderContent .inner_footer{color:#666;text-align:center;padding-top:18px;justify-content:center}@keyframes changeRun{0%{transform:translateY(0) scale(.9)}25%{transform:translateY(-6px) scale(.9)}50%{transform:translateY(0) scale(.9)}75%{transform:translateY(-2px) scale(.9)}to{transform:translateY(0) scale(.9)}}.initNoData[data-v-0b0e3718]{width:100%;align-items:center;justify-content:center}.initNoData .inner[data-v-0b0e3718]{text-align:center}.initNoData .inner p[data-v-0b0e3718]{color:#666;margin-top:12px;line-height:normal}.initPaging[data-v-1d8ef8c9] .el-select__placeholder{text-align:center}.previewFix[data-v-14d38dc6]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:#00000080;display:flex;justify-content:center;align-items:center}.previewFix img[data-v-14d38dc6]{max-width:98%;max-height:98%}.status_search[data-v-e6bbcf18]{display:inline-block}.status_search span[data-v-e6bbcf18]{min-width:40px;height:30px;padding:0 10px;display:inline-block;text-align:center;line-height:30px;border:1px solid #d9d9d9;border-right:1px solid transparent;cursor:pointer}.status_search span[data-v-e6bbcf18]:first-child{border-radius:2px 0 0 2px}.status_search span[data-v-e6bbcf18]:last-child{border-radius:0 2px 2px 0;border-right:1px solid #d9d9d9}.status_search .active[data-v-e6bbcf18]{background:#06f;color:#fff;border-color:#06f}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { ref, watch, openBlock, createElementBlock, createVNode, unref, withCtx, renderSlot, Fragment, normalizeStyle, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, createBlock, createElementVNode, resolveComponent, renderList, computed, onMounted, nextTick } from "vue";
 import { ElDialog, ElButton, ElMenuItem, ElSubMenu, ElContainer, ElAside, ElMenu, ElMain, ElHeader, ElConfigProvider, ElPagination, ElMessageBox } from "element-plus";
 const _hoisted_1$6 = { class: "header-title" };
@@ -341,7 +342,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const sidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-e79ba81c"]]);
+const sidebarItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c6581c9c"]]);
 const _hoisted_1$4 = {
   key: 0,
   class: "ieBro flex flex_row"
@@ -1203,11 +1204,61 @@ const throttle = {
     });
   }
 };
+const number = {
+  mounted(el, binding) {
+    const input = el.querySelector("input") || el;
+    const handleInput = () => {
+      let value = input.value;
+      if (!value) return;
+      value = value.replace(/[^\d]/g, "");
+      if (value.length > 1 && value.startsWith("0")) {
+        value = value.replace(/^0+/, "") || "0";
+      }
+      if (binding.value) {
+        const { min = 0, max } = binding.value;
+        const numValue = parseInt(value) || 0;
+        if (!isNaN(numValue)) {
+          if (numValue < min) {
+            value = String(min);
+          } else if (max !== void 0 && numValue > max) {
+            value = String(max);
+          }
+        }
+      }
+      if (input.value !== value) {
+        input.value = value;
+        input.dispatchEvent(new Event("input"));
+      }
+    };
+    const handleBlur = () => {
+      let value = input.value;
+      if (!value) return;
+      if (binding.value) {
+        const { min = 0, max } = binding.value;
+        const numValue = parseInt(value) || 0;
+        if (!isNaN(numValue)) {
+          if (numValue < min) {
+            value = String(min);
+          } else if (max !== void 0 && numValue > max) {
+            value = String(max);
+          }
+        }
+      }
+      if (input.value !== value) {
+        input.value = value;
+        input.dispatchEvent(new Event("input"));
+      }
+    };
+    input.addEventListener("input", handleInput);
+    input.addEventListener("blur", handleBlur);
+  }
+};
 let directives = {
   money,
   debounce,
   throttle,
-  copy
+  copy,
+  number
 };
 const directives$1 = {
   install(app) {
@@ -1216,8 +1267,30 @@ const directives$1 = {
     });
   }
 };
+const setThemeVariables = () => {
+  const root = document.documentElement;
+  const themeVariables = {
+    "--el-color-primary": "#06f",
+    "--el-color-success": "#35B84B",
+    "--el-color-danger": "#FC1334"
+  };
+  Object.entries(themeVariables).forEach(([key, value]) => {
+    root.style.setProperty(key, value);
+  });
+};
+const initTheme = () => {
+  setThemeVariables();
+  const observer = new MutationObserver(() => {
+    setThemeVariables();
+  });
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ["style"]
+  });
+};
 const index = {
   install(app) {
+    initTheme();
     app.component("HandDialog", _sfc_main$6);
     app.component("HandHeader", _sfc_main$4);
     app.component("HandNoData", HandNoData);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "component_ryl_v3",
   "private": false,
-  "version": "1.1.0",
+  "version": "1.1.2",
   "type": "module",
   "description": "Vue3 login form component with Element Plus",
   "main": "./dist/component_ryl_v3.js",
@@ -41,8 +41,10 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.3",
     "sass-embedded": "^1.100.0",
+    "terser": "^5.48.0",
     "unplugin-auto-import": "^21.0.0",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^6.3.5"
+    "vite": "^6.3.5",
+    "vite-plugin-css-injected-by-js": "^3.5.1"
   }
 }

package/src/App.vue

@@ -65,6 +65,8 @@
       <el-input v-model="inputValue" v-throttle:input="handleInput" placeholder="请输入"></el-input>
       <span>金额格式</span>
       <el-input v-model="inputMoney" v-money="{max:100}" placeholder="请输入"></el-input>
+      <span>数字格式</span>
+      <el-input v-model="inputNumber" v-number="{max:100}" placeholder="请输入"></el-input>
       <span>复制</span><br>
       <el-button v-copy="['这是复制的内容',copyBack]">点击复制</el-button>
     </template>
@@ -185,7 +187,7 @@ const menuList = ref( {
 //#region 询问窗口组件
 const openConfirm = () => {
   handConfirmNew({
-    text: '塑料袋建设路口封建势力扩大发啦建设<br />路口到付件老师的开<b>发老师快</b>递费了收快递费塑料袋建设路口封建势力扩大发啦建设路口到付件老师的开发老师快递费了收快递费',
+    text: '塑料袋建设路口封建势力扩大发啦建设<br />路口塑料袋口就蓝思科技法律思考就发了上课动静分离上课杜绝浪费收到了开发',
     type:2,
     title:'提示'
   }).then(() => {
@@ -212,4 +214,6 @@ const copyBack = (err, success) => {
     }
 }
 //#endregion 自定义指令
+
+const inputNumber = ref('')
 </script>

package/src/assets/styles/common.scss

@@ -70,10 +70,6 @@
     color: #fff !important;
   }
 }
-// 有下级的hover效果(暂时不用)
-.el-sub-menu__title:hover{
-  // background-color: #1e222d !important;
-}
 .el-sub-menu .el-menu-item.is-active,.el-menu-item.is-active,.el-sub-menu__title.is-active{
   background-color: #06f !important;
   i.iconfont{
@@ -169,22 +165,12 @@
       font-weight: bold;
     }
   }
-  .el-message-box__headerbtn .el-message-box__close{
-    font-size: 18px;
-    svg{
-      font-size: 100%;
-    }
-  }
   .el-message-box__headerbtn{
     top:7px;
-    right: 10px;
   }
   .el-message-box__status{
     top:0;
     transform: none;
-    svg{
-      font-size: 100px;
-    }
   }
   .el-message-box__btns {
     button {
@@ -192,9 +178,6 @@
       height: 32px;
       border-radius: 4px;
       border: none;
-      &:nth-child(2) {
-        // margin-left: 20px !important;
-      }
     }
   }
 }

package/src/assets/styles/dialog.scss

@@ -15,18 +15,11 @@
   .el-dialog__headerbtn{
     top:5px;
     right: 0;
-    i{
-      font-size: 18px;
-      svg{
-        width: 100%;
-        height: 100%;
-      }
-    }
   }
   .btn {
-    width: 88px;
-    height: 36px;
-    line-height: 36px;
+    min-width: 68px;
+    height: 32px;
+    line-height: 32px;
     border-radius: 4px;
     padding: 0;
   }

package/src/assets/styles/index.scss

@@ -2,7 +2,7 @@
 @use "./dialog.scss";
 @use "./common.scss";
 
-*,
+*:not(svg),
 #app,
 html,
 body {

package/src/index.js

@@ -1,3 +1,6 @@
+import './assets/styles/index.scss'
+import './assets/styles/dialog.scss'
+import './assets/styles/common.scss'
 import HandDialog from './packages/handDialog/handDialog.vue'
 import HandHeader from './packages/handHeader/handHeader.vue'
 import HandNoData from './packages/handNoData/handNoData.vue'
@@ -6,6 +9,7 @@ import HandSeeImg from './packages/handSeeImg/handSeeImg.vue'
 import HandTab from './packages/handTab/handTab.vue'
 import { handConfirmNew } from './packages/handConfirmNew/index.js'
 import directives from './packages/directives'
+import { initTheme } from './utils/theme'
 
 
 
@@ -22,6 +26,7 @@ export {
 
 export default {
   install(app) {
+    initTheme()
     app.component('HandDialog', HandDialog)
     app.component('HandHeader', HandHeader)
     app.component('HandNoData', HandNoData)

package/src/main.js

@@ -1,7 +1,6 @@
 import { createApp } from 'vue'
 import 'element-plus/dist/index.css'
 import "@/assets/styles/index.scss"
-import "@/assets/styles/element-plus-theme.scss"
 import App from './App.vue'
 import directives from './packages/directives'
 

package/src/packages/directives/index.js

@@ -2,11 +2,13 @@ import money from './money'
 import copy from './copy'
 import debounce from './debounce'
 import throttle from './throttle'
+import number from './number'
 let directives = {
     money,
     debounce,
     throttle,
-    copy
+    copy,
+    number
 }
 
 export default {

package/src/packages/directives/number/index.js

@@ -0,0 +1,64 @@
+export default {
+    mounted(el, binding) {
+        const input = el.querySelector('input') || el
+
+        const handleInput = () => {
+            let value = input.value
+
+            if (!value) return
+
+            value = value.replace(/[^\d]/g, '')
+
+            if (value.length > 1 && value.startsWith('0')) {
+                value = value.replace(/^0+/, '') || '0'
+            }
+
+            if (binding.value) {
+                const { min = 0, max } = binding.value
+
+                const numValue = parseInt(value) || 0
+
+                if (!isNaN(numValue)) {
+                    if (numValue < min) {
+                        value = String(min)
+                    } else if (max !== undefined && numValue > max) {
+                        value = String(max)
+                    }
+                }
+            }
+
+            if (input.value !== value) {
+                input.value = value
+                input.dispatchEvent(new Event('input'))
+            }
+        }
+
+        const handleBlur = () => {
+            let value = input.value
+
+            if (!value) return
+
+            if (binding.value) {
+                const { min = 0, max } = binding.value
+
+                const numValue = parseInt(value) || 0
+
+                if (!isNaN(numValue)) {
+                    if (numValue < min) {
+                        value = String(min)
+                    } else if (max !== undefined && numValue > max) {
+                        value = String(max)
+                    }
+                }
+            }
+
+            if (input.value !== value) {
+                input.value = value
+                input.dispatchEvent(new Event('input'))
+            }
+        }
+
+        input.addEventListener('input', handleInput)
+        input.addEventListener('blur', handleBlur)
+    }
+}

package/src/packages/handHeader/sidebarItem.vue

@@ -167,7 +167,7 @@ defineProps({
       }
     }
   }
-  .el-menu-item span,.el-sub-menu__title span{
+  :deep(.el-menu-item span), :deep(.el-sub-menu__title span){
     font-size: 14px;
   }
 </style>

package/src/utils/theme.js

@@ -0,0 +1,26 @@
+// 初始化主题变量
+export const setThemeVariables = () => {
+  const root = document.documentElement
+  const themeVariables = {
+    '--el-color-primary': '#06f',
+    '--el-color-success': '#35B84B',
+    '--el-color-danger': '#FC1334'
+  }
+  
+  Object.entries(themeVariables).forEach(([key, value]) => {
+    root.style.setProperty(key, value)
+  })
+}
+
+export const initTheme = () => {
+  setThemeVariables()
+  
+  const observer = new MutationObserver(() => {
+    setThemeVariables()
+  })
+  
+  observer.observe(document.documentElement, {
+    attributes: true,
+    attributeFilter: ['style']
+  })
+}

package/dist/component_ryl_v3.css

@@ -1 +0,0 @@
-@charset "UTF-8";.mainMenu[data-v-e79ba81c]{display:inline-block;position:relative}.mainMenu .elbadge[data-v-e79ba81c]{color:red;font-style:normal}.mainMenu .elbadge.hot[data-v-e79ba81c]:after{display:inline-block;content:"";width:8px;height:8px;background-color:red;border-radius:100%;transform:scale(.9);position:absolute;top:10px;right:-10px}.mainMenu .elbadge.new[data-v-e79ba81c]:after{display:inline-block;content:"new";background-color:red;color:#fff;padding:0 4px 1px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-32px}.mainMenu .elbadge.run[data-v-e79ba81c]{display:inline-block;color:#fff;background-color:red;min-width:20px;padding:0 2px;text-align:center;height:16px;line-height:16px;border-radius:4px;animation:changeRun 1.5s ease-in-out 0s infinite}.mainMenu .elbadge.num[data-v-e79ba81c]{display:inline-block;background-color:red;color:#fff;width:20px;text-align:center;height:16px;line-height:16px;border-radius:4px;transform:scale(.9);position:absolute;top:6px;right:-22px}.mainMenu .elbadge.num.nine[data-v-e79ba81c]{width:26px;right:-28px}.mainMenu .elbadge.num.nine em[data-v-e79ba81c]{position:relative;top:-4px}.el-menu-item span[data-v-e79ba81c],.el-sub-menu__title span[data-v-e79ba81c]{font-size:14px}.handHeaderContent{position:relative;z-index:999;height:100vh}.handHeaderContent .el-container.is-vertical{position:relative}.handHeaderContent .inner_header{padding:0;background:#fff;justify-content:space-between;height:50px!important}.handHeaderContent .inner_header .colSpan{width:60px;background-color:transparent;justify-content:center;align-items:center}.handHeaderContent .inner_header .colSpan .hide{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAAXNSR0IArs4c6QAAA2hJREFUeF7t3Vtu5DAMRFFlZ9nZzKwsS0ugTBswGnnYLkqkVddAkC+1Q9YBrXb68dJae28cth14AYBt9p+FA8A7fwCY5w8AALAJtDbAHsA6fjaB5vEDAADcB/A2wB7AO3+eBprnDwAAcB/A2gB7AOv4eRpoHv9/AK/2XTBuQAfAYdwBABiHv70gxLwF3uUzAbzz/9wEchh3AADG4bMHMA8fAABgD+BugD2AuQAAAMC8A+blMwEAYN4B8/IrTIC/rbX+w5HQgWwAW/AASAg/+0ZQD/1Pa+0fEyAp/cfnA2ScfQu/nxsAGQk8zplxCdiHD4DE8DMuAc/hKwB4LWMAnpkT4KvwVQBvAT2wfohZAL4LHwDJ/GYA+Cl8ACwO4LfwAbAwgCPhA2BRAEfDB8CCAM6ED4DFAJwNHwALAbgSPgAWAXA1fAAsAEAJHwA3B6CGD4AbA4gIHwA3BRAVPgBuCCAyfADcDEB0+AC4EYAR4SsAklu3xumP/jt4VPgASHZ0BMDI8AFQHMDo8AFQGMCM8AFQFMCs8AFQEMDM8AFQDMDs8AFQCEBG+AAoAiArfAAUAJAZPgAAwLuDMw1sdwIzpwBvD08UsL8VnIUAAEUA9D8jAwEACgHIQACAYgBmIwBAQQAzEQCgKIBZCABQGMAMBAAoDmA0AgDcAMBIBFcB9E8J40OiRDxHXhO4P8WI+wQAEENUlp8FMGISAEBJUFx7BUA0AgCIISrLrwKIRAAAJUFxrQIgCgEAxBCV5SqACAQAUBIU10YAUBEAQAxRWR4FQEEAACVBcW0kgKsIACCGqCyPBnAFAQCUBMW1IwCcRQAAMURl+SgAZxAAQElQXDsSwFEEABBDVJaPBnAEAQCUBMW1MwD8hgAAYojK8lkAfkKgAFBqZ23CF0dGfm0cAQZ0YOYE2P7cZwRXJ0BA+TxEBoDnywEAEh1mAdgjAIApgA3B/ndiKzxPnTkB9nuCvi/gSOhABQAJZXPKrQMAMLcAAACYd8C8fCYAAMw7YF4+EwAA5h0wL58JAADzDpiXzwQAgHkHzMtnAgDAvAPm5fcJ0D9sicO0Ax3Au2ntlP14VTAAjCkwAYzD76UDAADsAZwNMAGc0+cSYJ4+AADAJcDcAAAAwLMAZwNMAOf02QSapw8AAHAJMDcAAHMAH9uzwUGCPXdSAAAAAElFTkSuQmCC) no-repeat;background-size:contain;cursor:pointer;transition:all .2s}.handHeaderContent .inner_header .colSpan .hide.rotate{transform:rotate(180deg)}.handHeaderContent .inner_header .saasInfo .img{align-items:center;justify-content:center;height:50px;margin-right:20px;cursor:pointer}.handHeaderContent .inner_header .saasInfo .img:hover .dropDown{display:block}.handHeaderContent .inner_header .saasInfo .img img{width:33px;height:33px;border-radius:50%;margin-right:5px;border:1px solid #eff2f5}.handHeaderContent .inner_header .saasInfo .img i{font-size:14px;font-weight:700;color:#5a5a5a}.handHeaderContent .dropDown{position:absolute;right:10px;top:50px;width:170px;background:#fff;box-shadow:0 0 4px #1919191a;border-radius:2px;display:none;z-index:999}.handHeaderContent .dropDown .san{display:inline-block;width:10px;height:10px;border:1px solid #fff;border-top-style:none;border-right-style:none;transform:rotate(135deg);position:absolute;top:-4px;right:38px;background:#fff}.handHeaderContent .dropDown .user{padding:11px;align-items:center;border-bottom:1px solid #f5f5f5}.handHeaderContent .dropDown .user span{line-height:normal;font-size:14px}.handHeaderContent .dropDown .exit{font-size:14px;line-height:39px;height:39px;border-top:1px solid #EFF2F5;text-align:center;padding:0;color:#5a5a5a}.handHeaderContent .aside{height:100%;transition:all .2s;overflow:overlay}.handHeaderContent .aside .init-el-menu{padding-bottom:38px}.handHeaderContent .aside.hideMenu .el-tooltip{text-align:center}.handHeaderContent .aside.hideMenu .el-submenu__title{text-align:center!important}.handHeaderContent .aside.hideMenu i.iconfont{margin-right:0}.handHeaderContent .aside.hideMenu .deldom,.handHeaderContent .aside.hideMenu .el-submenu__icon-arrow{display:none}.handHeaderContent .aside i.iconfont{font-size:16px;display:inline-block;width:18px;margin-right:4px;color:#747c81}.handHeaderContent .main{padding:0;background-color:#eff2f5}.handHeaderContent .main.scroll{overflow-y:scroll}.handHeaderContent .main.scroll .inner_content,.handHeaderContent .main.scroll .inner_content.normal{height:auto}.handHeaderContent .main.scrollX{overflow-x:scroll}.handHeaderContent .main .content_mar{padding:18px}.handHeaderContent .main .inner_content{background-color:#fff;height:calc(100vh - 86px);border-radius:4px}.handHeaderContent .main .inner_content.normal{background-color:transparent}.handHeaderContent .inner_footer{color:#666;text-align:center;padding-top:18px;justify-content:center}@keyframes changeRun{0%{transform:translateY(0) scale(.9)}25%{transform:translateY(-6px) scale(.9)}50%{transform:translateY(0) scale(.9)}75%{transform:translateY(-2px) scale(.9)}to{transform:translateY(0) scale(.9)}}.initNoData[data-v-0b0e3718]{width:100%;align-items:center;justify-content:center}.initNoData .inner[data-v-0b0e3718]{text-align:center}.initNoData .inner p[data-v-0b0e3718]{color:#666;margin-top:12px;line-height:normal}.initPaging[data-v-1d8ef8c9] .el-select__placeholder{text-align:center}.previewFix[data-v-14d38dc6]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background-color:#00000080;display:flex;justify-content:center;align-items:center}.previewFix img[data-v-14d38dc6]{max-width:98%;max-height:98%}.status_search[data-v-e6bbcf18]{display:inline-block}.status_search span[data-v-e6bbcf18]{min-width:40px;height:30px;padding:0 10px;display:inline-block;text-align:center;line-height:30px;border:1px solid #d9d9d9;border-right:1px solid transparent;cursor:pointer}.status_search span[data-v-e6bbcf18]:first-child{border-radius:2px 0 0 2px}.status_search span[data-v-e6bbcf18]:last-child{border-radius:0 2px 2px 0;border-right:1px solid #d9d9d9}.status_search .active[data-v-e6bbcf18]{background:#06f;color:#fff;border-color:#06f}

package/src/assets/styles/element-plus-theme.scss

@@ -1,15 +0,0 @@
-/**
- * Element Plus 主题色覆盖
- * 使用 CSS 变量改变主题色
- */
-
-:root {
-  /* 主题色 */
-  --el-color-primary: #06f;
-
-  /* 成功色 */
-  --el-color-success: #35B84B;
-
-  /* 危险色 */
-  --el-color-danger: #FC1334;
-}