hy-dispatch-ui-v3 0.1.0 → 0.1.2

package/lib/components/appForm/appForm.vue.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var index$1 = require('../svgIcon/index.js');
+var index$1 = require('../appIcon/index.js');
 var appDatePicker = require('../appDatePicker/appDatePicker.vue.js');
 var index = require('./js/index.js');
 var useAppForm = require('./js/useAppForm.js');
@@ -134,73 +134,71 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                         prop: vue.unref(is.isArray)(column.field) ? column.field[0] : column.field,
                         style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, column))
                       }, {
-                        label: vue.withCtx(() => [
-                          vue.createElementVNode("div", { class: "flex" }, [
-                            column.labelSlot && _ctx.$slots[column.labelSlot] ? vue.renderSlot(_ctx.$slots, column.labelSlot, {
-                              key: 0,
-                              column
-                            }) : (vue.openBlock(), vue.createElementBlock(
-                              "span",
-                              {
-                                key: 1,
-                                class: "text-main"
-                              },
-                              vue.toDisplayString(column.label),
-                              1
-                              /* TEXT */
-                            )),
-                            vue.unref(index.isRequired)(props, column) ? (vue.openBlock(), vue.createElementBlock("span", {
-                              key: 2,
-                              class: "label-required"
-                            })) : vue.createCommentVNode("v-if", true),
-                            column.help ? (vue.openBlock(), vue.createBlock(
-                              vue.unref(elementPlus.ElPopover),
-                              {
-                                key: 3,
-                                placement: "bottom-start",
-                                "popper-class": "popover_echarts w-[200px]",
-                                trigger: "hover"
-                              },
-                              {
-                                reference: vue.withCtx(() => [
-                                  vue.createElementVNode("div", { class: "flex items-center" }, [
-                                    vue.createVNode(vue.unref(index$1.SvgIcon), {
-                                      "svg-name": "help",
-                                      "class-name": "!w-3 !h-3 ml-1 svgBox"
-                                    }),
-                                    vue.createTextVNode(
-                                      " " + vue.toDisplayString(vue.unref(t)("hy.help")),
-                                      1
-                                      /* TEXT */
-                                    )
-                                  ])
-                                ]),
-                                default: vue.withCtx(() => [
+                        default: vue.withCtx(() => {
+                          var _a;
+                          return [
+                            vue.createCommentVNode(" \u8868\u5355\u9879label "),
+                            vue.createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
+                              vue.createElementVNode("div", { class: "flex items-center" }, [
+                                vue.renderSlot(_ctx.$slots, column.labelSlot, { column }, () => [
                                   vue.createElementVNode(
-                                    "div",
-                                    null,
-                                    vue.toDisplayString(vue.unref(handler.funRunHandler)(column.help)),
+                                    "span",
+                                    { class: "text-main" },
+                                    vue.toDisplayString(column.label),
                                     1
                                     /* TEXT */
                                   )
                                 ]),
-                                _: 2
-                                /* DYNAMIC */
-                              },
-                              1024
-                              /* DYNAMIC_SLOTS */
-                            )) : vue.createCommentVNode("v-if", true),
-                            column.rightSlot && _ctx.$slots[column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
-                              key: 4,
-                              class: "ml-auto"
-                            }, [
-                              vue.renderSlot(_ctx.$slots, column.rightSlot)
-                            ])) : vue.createCommentVNode("v-if", true)
-                          ])
-                        ]),
-                        default: vue.withCtx(() => {
-                          var _a;
-                          return [
+                                vue.unref(index.isRequired)(props, column) ? (vue.openBlock(), vue.createElementBlock("span", {
+                                  key: 0,
+                                  class: "label-required"
+                                })) : vue.createCommentVNode("v-if", true),
+                                column.help ? (vue.openBlock(), vue.createBlock(
+                                  vue.unref(elementPlus.ElPopover),
+                                  {
+                                    key: 1,
+                                    placement: "bottom-start",
+                                    "popper-class": "popover_echarts w-[200px]",
+                                    trigger: "hover"
+                                  },
+                                  {
+                                    reference: vue.withCtx(() => [
+                                      vue.createElementVNode("div", { class: "flex items-center" }, [
+                                        vue.createVNode(vue.unref(index$1.AppIcon), {
+                                          "svg-name": "help",
+                                          "class-name": "!w-3 !h-3 ml-1 svgBox"
+                                        }),
+                                        vue.createTextVNode(
+                                          " " + vue.toDisplayString(vue.unref(t)("hy.help")),
+                                          1
+                                          /* TEXT */
+                                        )
+                                      ])
+                                    ]),
+                                    default: vue.withCtx(() => [
+                                      vue.createElementVNode(
+                                        "div",
+                                        null,
+                                        vue.toDisplayString(vue.unref(handler.funRunHandler)(column.help)),
+                                        1
+                                        /* TEXT */
+                                      )
+                                    ]),
+                                    _: 2
+                                    /* DYNAMIC */
+                                  },
+                                  1024
+                                  /* DYNAMIC_SLOTS */
+                                )) : vue.createCommentVNode("v-if", true)
+                              ]),
+                              column.rightSlot && _ctx.$slots[column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
+                                key: 0,
+                                class: "ml-2"
+                              }, [
+                                vue.renderSlot(_ctx.$slots, column.rightSlot)
+                              ])) : vue.createCommentVNode("v-if", true)
+                            ]),
+                            vue.createCommentVNode(" \u8868\u5355\u7EC4\u4EF6 "),
                             column.readonly || __props.readonly || !column.type && !column.slot ? (vue.openBlock(), vue.createElementBlock(
                               "span",
                               { key: 0 },
@@ -332,4 +330,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=appForm.vue.js.map

package/lib/components/appForm/index.js

@@ -11,4 +11,3 @@ const AppForm = handler.withInstall(appForm.default);
 exports.useAppForm = useAppForm.useAppForm;
 exports.AppForm = AppForm;
 exports.default = AppForm;
-//# sourceMappingURL=index.js.map

package/lib/components/appForm/js/index.js

@@ -90,4 +90,3 @@ exports.columnShowHandler = columnShowHandler;
 exports.isDisabled = isDisabled;
 exports.isRequired = isRequired;
 exports.renderText = renderText;
-//# sourceMappingURL=index.js.map

package/lib/components/appForm/js/useAppForm.js

@@ -149,4 +149,3 @@ const useAppForm = (config = [], model) => {
 
 exports.resetAppFormValue = resetAppFormValue;
 exports.useAppForm = useAppForm;
-//# sourceMappingURL=useAppForm.js.map

package/lib/components/appForm/style/appForm.scss

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

package/lib/components/{svgIcon/svgIcon.vue.js → appIcon/appIcon.vue.js}

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 
-import "./style/svgIcon.scss";
+import "./style/appIcon.scss";
 
 const __default__ = vue.defineComponent({
-  name: "SvgIcon"
+  name: "AppIcon"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -30,9 +30,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     const iconName = vue.computed(() => `#${props.prefix}${props.svgName}`);
     const svgClass = vue.computed(() => {
       if (props.className) {
-        return "svg-icon " + props.className || "";
+        return "app-icon " + props.className || "";
       } else {
-        return "svg-icon";
+        return "app-icon";
       }
     });
     return (_ctx, _cache) => {
@@ -48,4 +48,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=svgIcon.vue.js.map

package/lib/components/appIcon/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appIcon = require('./appIcon.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppIcon = handler.withInstall(appIcon.default);
+
+exports.AppIcon = AppIcon;
+exports.default = AppIcon;

package/lib/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/lib/components/{svgIcon/iconBox.vue.js → appIconBox/appIconBox.vue.js}

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var svgIcon = require('./svgIcon.vue.js');
+var index = require('../appIcon/index.js');
 
-import "./style/iconBox.scss";
+import "./style/appIconBox.scss";
 
 const __default__ = vue.defineComponent({
-  name: "IconBox"
+  name: "AppIconBox"
 });
 const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
   props: {
@@ -56,7 +56,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       };
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", { class: "icon-box" }, [
+      return vue.openBlock(), vue.createElementBlock("div", { class: "app-icon-box" }, [
         vue.createVNode(vue.unref(elementPlus.ElTooltip), {
           "open-delay": 500,
           class: "item",
@@ -69,11 +69,11 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(["icon-box-content clickBox", __props.className]),
+                class: vue.normalizeClass(["app-icon-box-content clickBox", __props.className]),
                 style: vue.normalizeStyle(style.value)
               },
               [
-                vue.createVNode(svgIcon.default, {
+                vue.createVNode(vue.unref(index.AppIcon), {
                   prefix: __props.prefix,
                   "svg-name": __props.svgName,
                   style: { width: "100%", height: "100%" }
@@ -100,4 +100,3 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
 });
 
 exports.default = _sfc_main;
-//# sourceMappingURL=iconBox.vue.js.map

package/lib/components/appIconBox/index.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var appIconBox = require('./appIconBox.vue.js');
+var handler = require('../../utils/handler.js');
+
+const AppIconBox = handler.withInstall(appIconBox.default);
+
+exports.AppIconBox = AppIconBox;
+exports.default = AppIconBox;

package/lib/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/lib/components/appOrgCascader/appOrgCascader.vue.js

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

package/lib/components/appOrgCascader/index.js

@@ -9,4 +9,3 @@ const AppOrgCascader = handler.withInstall(appOrgCascader.default);
 
 exports.AppOrgCascader = AppOrgCascader;
 exports.default = AppOrgCascader;
-//# sourceMappingURL=index.js.map

package/lib/components/appSearch/appSearch.vue.js

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

package/lib/components/appSearch/index.js

@@ -11,4 +11,3 @@ const AppSearch = handler.withInstall(appSearch.default);
 exports.useAppSearch = useAppSearch.useAppSearch;
 exports.AppSearch = AppSearch;
 exports.default = AppSearch;
-//# sourceMappingURL=index.js.map

package/lib/components/appSearch/js/index.js

@@ -2,8 +2,8 @@
 
 var dayjs = require('dayjs');
 var vue = require('vue');
-var maintain = require('../../../store/maintain.js');
 var is = require('../../../utils/is.js');
+var useResizeHandler = require('../../../hooks/useResizeHandler.js');
 
 function columnItemStyle(props, column) {
   const { width } = column;
@@ -44,10 +44,10 @@ function isEmptyValue(e) {
   return is.isEmpty(e) || is.isArray(e) && !e.length;
 }
 function useShrink(props, templateRef) {
+  const { addResize, removeResize } = useResizeHandler.useResizeHandler();
+  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   const isExpand = vue.ref(false);
   const containerHeight = vue.ref(getContainerPickUpHeight());
-  const maintainStore = maintain.useMaintainStore();
-  const resizeExpandKey = /* @__PURE__ */ Symbol("appSearchExpand");
   function getContainerPickUpHeight() {
     switch (props.size) {
       case "large":
@@ -73,7 +73,7 @@ function useShrink(props, templateRef) {
     () => {
       vue.nextTick(() => {
         shrinkResizeHandler();
-        maintainStore.addResize(shrinkResizeHandler, resizeExpandKey);
+        addResize(resizeExpandKey, shrinkResizeHandler);
       });
     },
     { immediate: true, deep: true }
@@ -84,7 +84,7 @@ function useShrink(props, templateRef) {
     switchShrink,
     shrinkResizeHandler,
     shrinkDestroy() {
-      maintainStore.removeResize(resizeExpandKey);
+      removeResize(resizeExpandKey);
     }
   };
 }
@@ -119,4 +119,3 @@ exports.isDisabled = isDisabled;
 exports.isEmptyValue = isEmptyValue;
 exports.timeRangeHandler = timeRangeHandler;
 exports.useShrink = useShrink;
-//# sourceMappingURL=index.js.map

package/lib/components/appSearch/js/useAppSearch.js

@@ -178,4 +178,3 @@ const useAppSearch = (config = [], model) => {
 
 exports.resetAppSearchValue = resetAppSearchValue;
 exports.useAppSearch = useAppSearch;
-//# sourceMappingURL=useAppSearch.js.map

package/lib/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));
   }
 }