hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/es/components/appConfirmDialog/appConfirmMethod.mjs

@@ -1,42 +1,66 @@
 import { unref, createVNode, render } from 'vue';
+import { defaultAxios } from '../../hooks/useApi.mjs';
+import { AppConfigProvider } from '../appConfigProvider/index.mjs';
 import _sfc_main from './appConfirmDialog.vue.mjs';
-import { getGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
+import { useGlobalConfig } from '../../hooks/useGlobalConfig.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 
 function appConfirmMethod(config) {
-  const container = document.createDocumentFragment();
-  const currentConfig = { ...config };
+  let container = document.createDocumentFragment();
+  const currentConfig = {
+    ...config,
+    onHide: () => {
+      destroy();
+    }
+  };
   let confirmDialogInstance = null;
   function render$1(props) {
+    const globalConfig = useGlobalConfig();
+    const {
+      locale = "zhCn",
+      api = defaultAxios,
+      ...args
+    } = unref(globalConfig) || {};
     const vm = createVNode(_sfc_main, props);
-    render(vm, container);
+    const configProvider = createVNode(
+      AppConfigProvider,
+      {
+        locale,
+        api,
+        ...args
+      },
+      () => [vm]
+    );
+    render(configProvider, container);
     return vm;
   }
-  function destroy() {
-    confirmDialogInstance.component.exposed.close();
-    confirmDialogInstance.unmout();
+  async function destroy() {
+    if (confirmDialogInstance) {
+      confirmDialogInstance.component.exposed.close();
+    }
+    if (container) {
+      await new Promise((resolve) => setTimeout(resolve, 1e3));
+      render(null, container);
+    }
+    container = null;
+    confirmDialogInstance = null;
   }
   confirmDialogInstance = render$1(currentConfig);
   confirmDialogInstance.component.exposed.show();
   return destroy;
 }
-_sfc_main.tip = function(props) {
-  var _a;
-  const globalConfig = getGlobalConfig();
-  const { t } = useLocale((_a = unref(globalConfig)) == null ? void 0 : _a.locale);
+_sfc_main.tip = (props) => {
+  const { t } = useLocale();
   return appConfirmMethod({
-    showCancel: false,
-    submitText: t("confirmDialog.haveKnown"),
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    showCancel: false,
     ...props
   });
 };
-_sfc_main.confirm = function(props) {
-  var _a;
-  const globalConfig = getGlobalConfig();
-  const { t } = useLocale((_a = unref(globalConfig)) == null ? void 0 : _a.locale);
+_sfc_main.confirm = (props) => {
+  const { t } = useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.prompt"),
     title: t("confirmDialog.prompt"),
@@ -44,30 +68,28 @@ _sfc_main.confirm = function(props) {
     ...props
   });
 };
-_sfc_main.warning = function(props) {
-  var _a;
-  const globalConfig = getGlobalConfig();
-  const { t } = useLocale((_a = unref(globalConfig)) == null ? void 0 : _a.locale);
+_sfc_main.warning = (props) => {
+  const { t } = useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.riskWarning"),
     title: t("confirmDialog.prompt"),
     titleClass: "text-warning",
     content: t("confirmDialog.content"),
+    iconColor: "rgb(var(--hy-warning))",
     ...props
   });
 };
-_sfc_main.danger = function(props) {
-  var _a;
-  const globalConfig = getGlobalConfig();
-  const { t } = useLocale((_a = unref(globalConfig)) == null ? void 0 : _a.locale);
+_sfc_main.danger = (props) => {
+  const { t } = useLocale();
   return appConfirmMethod({
     dialogTitle: t("confirmDialog.dangerousOperation"),
-    titleClass: "text-dangerv2",
+    titleClass: "text-danger",
     title: t("confirmDialog.prompt"),
     content: t("confirmDialog.content"),
+    submitType: "danger",
+    iconColor: "rgb(var(--hy-danger))",
     ...props
   });
 };
 
 export { _sfc_main as default };
-//# sourceMappingURL=appConfirmMethod.mjs.map

package/es/components/appConfirmDialog/index.mjs

@@ -5,4 +5,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppConfirmDialog = withInstall(_sfc_main);
 
 export { AppConfirmDialog, AppConfirmDialog as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/appDatePicker/appDatePicker.vue.mjs

@@ -96,4 +96,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appDatePicker.vue.mjs.map

package/es/components/appDatePicker/index.mjs

@@ -4,4 +4,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppDatePicker = withInstall(_sfc_main);
 
 export { AppDatePicker, AppDatePicker as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/appForm/appForm.vue.mjs

@@ -1,8 +1,8 @@
-import { defineComponent, useTemplateRef, computed, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, toDisplayString, renderSlot, createVNode, createTextVNode } from 'vue';
-import { ElForm, ElFormItem, ElInput, ElSelect, ElRadioGroup, ElCheckboxGroup, ElPopover } from 'element-plus';
-import { SvgIcon } from '../svgIcon/index.mjs';
+import { defineComponent, useTemplateRef, computed, nextTick, unref, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeStyle, createCommentVNode, createElementBlock, Fragment, renderList, renderSlot, toDisplayString, createVNode, createTextVNode } from 'vue';
+import { ElForm, ElFormItem, ElPopover, ElInput, ElSelect, ElRadioGroup, ElCheckboxGroup } from 'element-plus';
+import { AppIcon } from '../appIcon/index.mjs';
 import _sfc_main$1 from '../appDatePicker/appDatePicker.vue.mjs';
-import { columnShowHandler, columnItemStyle, renderText, isDisabled, isRequired } from './js/index.mjs';
+import { columnShowHandler, columnItemStyle, isRequired, renderText, isDisabled } from './js/index.mjs';
 import { resetAppFormValue } from './js/useAppForm.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
 import { isArray, isNumber } from '../../utils/is.mjs';
@@ -130,73 +130,71 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         prop: unref(isArray)(column.field) ? column.field[0] : column.field,
                         style: normalizeStyle(unref(columnItemStyle)(props, column))
                       }, {
-                        label: withCtx(() => [
-                          createElementVNode("div", { class: "flex" }, [
-                            column.labelSlot && _ctx.$slots[column.labelSlot] ? renderSlot(_ctx.$slots, column.labelSlot, {
-                              key: 0,
-                              column
-                            }) : (openBlock(), createElementBlock(
-                              "span",
-                              {
-                                key: 1,
-                                class: "text-main"
-                              },
-                              toDisplayString(column.label),
-                              1
-                              /* TEXT */
-                            )),
-                            unref(isRequired)(props, column) ? (openBlock(), createElementBlock("span", {
-                              key: 2,
-                              class: "label-required"
-                            })) : createCommentVNode("v-if", true),
-                            column.help ? (openBlock(), createBlock(
-                              unref(ElPopover),
-                              {
-                                key: 3,
-                                placement: "bottom-start",
-                                "popper-class": "popover_echarts w-[200px]",
-                                trigger: "hover"
-                              },
-                              {
-                                reference: withCtx(() => [
-                                  createElementVNode("div", { class: "flex items-center" }, [
-                                    createVNode(unref(SvgIcon), {
-                                      "svg-name": "help",
-                                      "class-name": "!w-3 !h-3 ml-1 svgBox"
-                                    }),
-                                    createTextVNode(
-                                      " " + toDisplayString(unref(t)("hy.help")),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ])
-                                ]),
-                                default: withCtx(() => [
+                        default: withCtx(() => {
+                          var _a;
+                          return [
+                            createCommentVNode(" \u8868\u5355\u9879label "),
+                            createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
+                              createElementVNode("div", { class: "flex items-center" }, [
+                                renderSlot(_ctx.$slots, column.labelSlot, { column }, () => [
                                   createElementVNode(
-                                    "div",
-                                    null,
-                                    toDisplayString(unref(funRunHandler)(column.help)),
+                                    "span",
+                                    { class: "text-main" },
+                                    toDisplayString(column.label),
                                     1
                                     /* TEXT */
                                   )
                                 ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            )) : createCommentVNode("v-if", true),
-                            column.rightSlot && _ctx.$slots[column.rightSlot] ? (openBlock(), createElementBlock("div", {
-                              key: 4,
-                              class: "ml-auto"
-                            }, [
-                              renderSlot(_ctx.$slots, column.rightSlot)
-                            ])) : createCommentVNode("v-if", true)
-                          ])
-                        ]),
-                        default: withCtx(() => {
-                          var _a;
-                          return [
+                                unref(isRequired)(props, column) ? (openBlock(), createElementBlock("span", {
+                                  key: 0,
+                                  class: "label-required"
+                                })) : createCommentVNode("v-if", true),
+                                column.help ? (openBlock(), createBlock(
+                                  unref(ElPopover),
+                                  {
+                                    key: 1,
+                                    placement: "bottom-start",
+                                    "popper-class": "popover_echarts w-[200px]",
+                                    trigger: "hover"
+                                  },
+                                  {
+                                    reference: withCtx(() => [
+                                      createElementVNode("div", { class: "flex items-center" }, [
+                                        createVNode(unref(AppIcon), {
+                                          "svg-name": "help",
+                                          "class-name": "!w-3 !h-3 ml-1 svgBox"
+                                        }),
+                                        createTextVNode(
+                                          " " + toDisplayString(unref(t)("hy.help")),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])
+                                    ]),
+                                    default: withCtx(() => [
+                                      createElementVNode(
+                                        "div",
+                                        null,
+                                        toDisplayString(unref(funRunHandler)(column.help)),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1024
+                                  /* DYNAMIC_SLOTS */
+                                )) : createCommentVNode("v-if", true)
+                              ]),
+                              column.rightSlot && _ctx.$slots[column.rightSlot] ? (openBlock(), createElementBlock("div", {
+                                key: 0,
+                                class: "ml-2"
+                              }, [
+                                renderSlot(_ctx.$slots, column.rightSlot)
+                              ])) : createCommentVNode("v-if", true)
+                            ]),
+                            createCommentVNode(" \u8868\u5355\u7EC4\u4EF6 "),
                             column.readonly || __props.readonly || !column.type && !column.slot ? (openBlock(), createElementBlock(
                               "span",
                               { key: 0 },
@@ -328,4 +326,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appForm.vue.mjs.map

package/es/components/appForm/index.mjs

@@ -5,4 +5,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppForm = withInstall(_sfc_main);
 
 export { AppForm, AppForm as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/appForm/js/index.mjs

@@ -84,4 +84,3 @@ function renderText(props, column = {}, index) {
 }
 
 export { columnItemStyle, columnShowHandler, isDisabled, isRequired, renderText };
-//# sourceMappingURL=index.mjs.map

package/es/components/appForm/js/useAppForm.mjs

@@ -146,4 +146,3 @@ const useAppForm = (config = [], model) => {
 };
 
 export { resetAppFormValue, useAppForm };
-//# sourceMappingURL=useAppForm.mjs.map

package/es/components/appForm/style/appForm.scss

@@ -11,6 +11,6 @@
   &::after {
     content: '*';
     display: inline-block;
-    color: var(--dangerv2);
+    color: rgba(var(--hy-danger-2));
   }
 }

package/es/components/{svgIcon/svgIcon.vue.mjs → appIcon/appIcon.vue.mjs}

@@ -1,9 +1,9 @@
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode } from 'vue';
 
-import "./style/svgIcon.scss";
+import "./style/appIcon.scss";
 
 const __default__ = defineComponent({
-  name: "SvgIcon"
+  name: "AppIcon"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -26,9 +26,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const iconName = computed(() => `#${props.prefix}${props.svgName}`);
     const svgClass = computed(() => {
       if (props.className) {
-        return "svg-icon " + props.className || "";
+        return "app-icon " + props.className || "";
       } else {
-        return "svg-icon";
+        return "app-icon";
       }
     });
     return (_ctx, _cache) => {
@@ -44,4 +44,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=svgIcon.vue.mjs.map

package/es/components/appIcon/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appIcon.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppIcon = withInstall(_sfc_main);
+
+export { AppIcon, AppIcon as default };

package/es/components/{svgIcon/style/svgIcon.scss → appIcon/style/appIcon.scss}

@@ -1,7 +1,4 @@
-svg + span {
-  margin-left: 6px;
-}
-.svg-icon {
+.app-icon {
   width: 16px;
   height: 16px;
   vertical-align: -0.15em;

package/es/components/{svgIcon/iconBox.vue.mjs → appIconBox/appIconBox.vue.mjs}

@@ -1,11 +1,11 @@
 import { defineComponent, computed, openBlock, createElementBlock, createVNode, unref, createSlots, withCtx, createElementVNode, normalizeStyle, normalizeClass, renderSlot } from 'vue';
 import { ElTooltip } from 'element-plus';
-import _sfc_main$1 from './svgIcon.vue.mjs';
+import { AppIcon } from '../appIcon/index.mjs';
 
-import "./style/iconBox.scss";
+import "./style/appIconBox.scss";
 
 const __default__ = defineComponent({
-  name: "IconBox"
+  name: "AppIconBox"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { class: "icon-box" }, [
+      return openBlock(), createElementBlock("div", { class: "app-icon-box" }, [
         createVNode(unref(ElTooltip), {
           "open-delay": 500,
           class: "item",
@@ -65,11 +65,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             createElementVNode(
               "div",
               {
-                class: normalizeClass(["icon-box-content clickBox", __props.className]),
+                class: normalizeClass(["app-icon-box-content clickBox", __props.className]),
                 style: normalizeStyle(style.value)
               },
               [
-                createVNode(_sfc_main$1, {
+                createVNode(unref(AppIcon), {
                   prefix: __props.prefix,
                   "svg-name": __props.svgName,
                   style: { width: "100%", height: "100%" }
@@ -96,4 +96,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=iconBox.vue.mjs.map

package/es/components/appIconBox/index.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './appIconBox.vue.mjs';
+import { withInstall } from '../../utils/handler.mjs';
+
+const AppIconBox = withInstall(_sfc_main);
+
+export { AppIconBox, AppIconBox as default };

package/es/components/appIconBox/style/appIconBox.scss

@@ -0,0 +1,27 @@
+.app-icon-box {
+  display: inline-block;
+  border-radius: 4px;
+  & + & {
+    margin-left: 12px;
+  }
+}
+
+.app-icon-box-content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 5px;
+  user-select: none;
+  color: rgb(var(--hy-main));
+  border-radius: 100%;
+  box-sizing: border-box;
+  background:
+    radial-gradient(
+      142% 47% at 50% 119%,
+      rgb(var(--hy-theme), 0.5) 0%,
+      rgb(var(--hy-theme), 0) 100%
+    ),
+    rgb(var(--hy-background-3));
+  border: 1px solid rgb(var(--hy-auxiliary), 0.5);
+  box-shadow: 0px 2px 5px 0px rgba(29, 33, 41, 0.5);
+}

package/es/components/appOrgCascader/appOrgCascader.vue.mjs

@@ -90,7 +90,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return target == null ? void 0 : target.companyName;
     });
     function getCascaderData() {
-      api.post("organization/orgTreeSimple").then((res) => {
+      unref(api).post("organization/orgTreeSimple").then((res) => {
         handlerData(res.data);
       });
     }
@@ -140,15 +140,23 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     if (props.defaultGetData) {
       getCascaderData();
     }
-    watch(() => props.options, () => {
-      var _a;
-      if ((_a = props.options) == null ? void 0 : _a.length) {
-        handlerData(props.options);
-      }
-    }, { immediate: true, deep: true });
-    watch(modelValue, () => {
-      setDefaultValue(modelValue.value);
-    }, { immediate: true, deep: true });
+    watch(
+      () => props.options,
+      () => {
+        var _a;
+        if ((_a = props.options) == null ? void 0 : _a.length) {
+          handlerData(props.options);
+        }
+      },
+      { immediate: true, deep: true }
+    );
+    watch(
+      modelValue,
+      () => {
+        setDefaultValue(modelValue.value);
+      },
+      { immediate: true, deep: true }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { class: "relative" }, [
         __props.contentType ? (openBlock(), createElementBlock("div", {
@@ -226,4 +234,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appOrgCascader.vue.mjs.map

package/es/components/appOrgCascader/index.mjs

@@ -4,4 +4,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppOrgCascader = withInstall(_sfc_main);
 
 export { AppOrgCascader, AppOrgCascader as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/appSearch/appSearch.vue.mjs

@@ -74,10 +74,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       return keySet.size;
     });
     const appClass = computed(() => {
-      return [
-        props.class,
-        { "app-search-hidden": props.hidden }
-      ].filter(Boolean);
+      return [props.class, { "app-search-hidden": props.hidden }].filter(Boolean);
     });
     const containerStyle = computed(() => {
       const style = {};
@@ -240,7 +237,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                             default: withCtx(() => {
                               var _a, _b, _c;
                               return [
-                                createElementVNode("div", { class: "flex bg-backgroundv2 rounded" }, [
+                                createElementVNode("div", { class: "flex bg-background-2 rounded" }, [
                                   createElementVNode(
                                     "div",
                                     {
@@ -405,4 +402,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 export { _sfc_main as default };
-//# sourceMappingURL=appSearch.vue.mjs.map

package/es/components/appSearch/index.mjs

@@ -5,4 +5,3 @@ import { withInstall } from '../../utils/handler.mjs';
 const AppSearch = withInstall(_sfc_main);
 
 export { AppSearch, AppSearch as default };
-//# sourceMappingURL=index.mjs.map

package/es/components/appSearch/js/index.mjs

@@ -1,7 +1,7 @@
 import dayjs from 'dayjs';
 import { ref, watch, nextTick, unref } from 'vue';
-import { useMaintainStore } from '../../../store/maintain.mjs';
 import { isEmpty, isArray, isBoolean, isFunction, isNumber, isString } from '../../../utils/is.mjs';
+import { useResizeHandler } from '../../../hooks/useResizeHandler.mjs';
 
 function columnItemStyle(props, column) {
   const { width } = column;
@@ -42,10 +42,10 @@ function isEmptyValue(e) {
   return isEmpty(e) || isArray(e) && !e.length;
 }
 function useShrink(props, templateRef) {
+  const { addResize, removeResize } = useResizeHandler();
+  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   const isExpand = ref(false);
   const containerHeight = ref(getContainerPickUpHeight());
-  const maintainStore = useMaintainStore();
-  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   function getContainerPickUpHeight() {
     switch (props.size) {
       case "large":
@@ -71,7 +71,7 @@ function useShrink(props, templateRef) {
     () => {
       nextTick(() => {
         shrinkResizeHandler();
-        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey);
+        addResize(resizeExpandKey, shrinkResizeHandler);
       });
     },
     { immediate: true, deep: true }
@@ -82,7 +82,7 @@ function useShrink(props, templateRef) {
     switchShrink,
     shrinkResizeHandler,
     shrinkDestroy() {
-      maintainStore.removeResize(resizeExpandKey);
+      removeResize(resizeExpandKey);
     }
   };
 }
@@ -111,4 +111,3 @@ function timeRangeHandler(column, options) {
 }
 
 export { columnItemInputStyle, columnItemStyle, columnShowHandler, isDisabled, isEmptyValue, timeRangeHandler, useShrink };
-//# sourceMappingURL=index.mjs.map

package/es/components/appSearch/js/useAppSearch.mjs

@@ -175,4 +175,3 @@ const useAppSearch = (config = [], model) => {
 };
 
 export { resetAppSearchValue, useAppSearch };
-//# sourceMappingURL=useAppSearch.mjs.map

package/es/components/appSearch/style/appSearch.scss

@@ -1,7 +1,7 @@
 .app-search {
   border-radius: 4px;
-  border: 1px solid var(--border);
-  background-color: var(--background);
+  border: 1px solid rgb(var(--hy-border));
+  background-color: rgb(var(--hy-background));
   padding: 12px 6px 16px 20px;
   opacity: 1;
   transition: all 0.3s linear;
@@ -13,10 +13,16 @@
   }
 }
 .app-search-header {
-  @apply h-4 flex items-center text-xs text-main mb-4;
+  height: 16px;
+  display: flex;
+  align-items: center;
+  font-size: 12px;
+  color: rgb(var(--hy-main));
+  margin-bottom: 16px;
   transition: all 0.3s linear;
   &.app-search-header-hidden {
-    @apply h-0 mb-0;
+    height: 0;
+    margin-bottom: 0px;
   }
 }
 .app-search-form {
@@ -28,26 +34,26 @@
   flex-wrap: wrap;
   gap: 16px;
   position: relative;
-  .el-form-item {
+  .hy-el-form-item {
     margin-bottom: 0;
     &.hidden {
       display: none;
     }
   }
-  .el-input,
-  .el-date-editor {
+  .hy-el-input,
+  .hy-el-date-editor {
     --el-input-bg-color: transparent;
     --el-input-border: none;
     --el-border-color: transparent;
     --el-input-border-color: transparent;
-    --el-input-text-color: var(--main);
+    --el-input-text-color: rgb(var(--hy-main));
     --el-input-border-radius: 0px 4px 4px 0px;
-    --el-input-hover-border-color: var(--theme);
+    --el-input-hover-border-color: rgb(var(--hy-theme));
   }
-  .el-select {
+  .hy-el-select {
     --el-border-color: transparent;
     --el-fill-color-blank: transparent;
     --el-border-radius-base: 0px 4px 4px 0px;
-    --el-border-color-hover: var(--theme);
+    --el-border-color-hover: rgb(var(--hy-theme));
   }
 }