hy-dispatch-ui-v3 0.2.33 → 0.2.35

package/es/components/hyTable/js/useAppTable.mjs

@@ -1,6 +1,6 @@
 import { toRef } from 'vue';
+import { isEmpty, isBoolean, isString, isObject, isPermission } from '../../../utils/is.mjs';
 import { useAppSearch } from '../../hySearch/js/useAppSearch.mjs';
-import { isEmpty, isBoolean, isString, isObject } from '../../../utils/is.mjs';
 import { useLocale } from '../../../hooks/useLocale.mjs';
 
 function getColumnDefaultConfig(column) {
@@ -13,7 +13,7 @@ function getColumnDefaultConfig(column) {
       };
     case "index":
       return {
-        props: `${column.type}_prop`,
+        prop: `${column.type}_prop`,
         label: t("table.index")
       };
     case "expand":
@@ -34,7 +34,21 @@ function getColumnDefaultWidth(column) {
   if (column.type === "expand" && column.expandType === "expand") return 40;
   if (column.type === "selection") return 40;
   if (column.type === "index") return 80;
-  if (column.type === "operator") return 172;
+  if (column.type === "operator") {
+    const length = (column.operator || []).reduce((total, item) => {
+      if (!item.permission && isPermission(item.permission)) {
+        total++;
+      }
+      return total;
+    }, 0);
+    if (length >= 3) {
+      return 168;
+    } else if (length === 2) {
+      return 168 - 52;
+    } else {
+      return 168 - 52 * 2;
+    }
+  }
   return;
 }
 function generateColumnItem(column) {
@@ -58,13 +72,13 @@ function getColumnEditable(column, index) {
     };
   }
   return {
-    index: type === "operator" ? 1e3 : index,
     lock: false,
     edit: !type || type === "default",
     checked: !type || type !== "default" || type === "operator",
     desc: void 0,
     examples: [],
-    ...editable || {}
+    ...editable || {},
+    index: type === "operator" ? 1e3 : index
   };
 }
 function getColumnSort(column) {
@@ -88,7 +102,7 @@ function getColumnSort(column) {
   return sort;
 }
 const useAppTable = (config = {}) => {
-  const { columns, filterModel, filterColumns } = config || {};
+  const { columns, filterModel = {}, filterColumns } = config || {};
   const tableColumns = [];
   let defaultSortInfo = null;
   try {

package/es/components/hyTable/style/table.scss

@@ -6,21 +6,26 @@
   color: rgb(var(--hy-main));
   font-size: 14px;
   background-color: rgb(var(--hy-background));
-  .el-table {
+  .hy-el-table {
     &.hideSelect {
       /* 禁用全选 */
-      .el-table__header-wrapper .el-checkbox {
+      .hy-el-table__header-wrapper .hy-el-checkbox {
         display: none !important;
       }
     }
-    .el-table__cell .cell {
+    .hy-el-table__cell .cell {
       display: flex;
       align-items: center;
-      .el-table__expand-icon {
+      .hy-el-table__expand-icon {
         flex-shrink: 0;
       }
     }
   }
+  .hy-el-table-v2 {
+    .hy-el-table-v2__row-cell {
+      padding: 8px 12px;
+    }
+  }
   .hy-table-search {
     width: 160px;
     .hy-el-input__inner::placeholder {
@@ -38,3 +43,16 @@
     }
   }
 }
+
+.hy-table-dropdown-menu.hy-el-dropdown-menu {
+  --hy-el-text-color-regular: rgba(var(--hy-main));
+  border: 1px solid rgba(var(--hy-main));
+  padding: 0px;
+  .hy-el-dropdown-menu__item {
+    padding: 9px 16px 10px;
+    border-bottom: 1px solid rgba(var(--hy-border));
+    &:last-child {
+      border-bottom: none;
+    }
+  }
+}

package/es/components/hyTable/table.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, normalizeClass, withKeys, renderSlot, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment } from 'vue';
+import { defineComponent, useTemplateRef, openBlock, createElementBlock, createCommentVNode, createElementVNode, createBlock, unref, createVNode, withCtx, toDisplayString, normalizeClass, withKeys, renderSlot, createSlots, renderList, normalizeProps, guardReactiveProps, mergeProps, Fragment, withModifiers } from 'vue';
 import { ElIcon, ElInput, ElTable, ElTableColumn, ElDropdown, ElDropdownMenu, ElDropdownItem, ElAutoResizer, ElPagination } from 'element-plus';
 import { Filter, Search, MoreFilled } from '@element-plus/icons-vue';
 import { operatorFilterHandler, operatorClickHandler, operatorDisabledHandler, operatorDisableTextdHandler, renderContentHandler, renderHeaderHandler, useAppTableWrapper } from './js/index.mjs';
@@ -6,13 +6,13 @@ import { useAppTableSearch } from './js/search.mjs';
 import _sfc_main$2 from './cpns/headerItem.vue.mjs';
 import _sfc_main$1 from './cpns/columnSelect.vue.mjs';
 import _sfc_main$3 from './cpns/virtualTable.vue.mjs';
-import { useMixins } from '../../hooks/useMixins.mjs';
-import { HySearch } from '../hySearch/index.mjs';
-import { parseRem } from '../../utils/adaptive.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { useMixins } from '../../hooks/useMixins.mjs';
 import { HyTooltip } from '../hyTooltip/index.mjs';
 import { HyButton } from '../hyButton/index.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
+import { HySearch } from '../hySearch/index.mjs';
+import { parseRem } from '../../utils/adaptive.mjs';
 import { isEmpty } from '../../utils/is.mjs';
 
 import "./style/table.scss";
@@ -480,12 +480,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                 }, 1032, ["column", "filter-model", "onSearch"])
                               ]),
                               default: withCtx((scope) => [
-                                column?.slot ? renderSlot(_ctx.$slots, column?.slot, mergeProps({
-                                  key: 0,
-                                  ref_for: true
-                                }, scope)) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
+                                column?.slot ? renderSlot(_ctx.$slots, column?.slot, mergeProps({ ref_for: true }, scope), void 0, void 0, 0) : column.type === "operator" ? (openBlock(), createElementBlock("div", {
                                   key: 1,
-                                  class: "flex items-center justify-end text-main"
+                                  class: "w-full flex items-center justify-end gap-3 text-main"
                                 }, [
                                   (openBlock(true), createElementBlock(
                                     Fragment,
@@ -499,31 +496,33 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                         key: cindex,
                                         "is-always": "",
                                         overLine: 1,
-                                        content: citem.label
+                                        content: citem.desc
                                       }, {
                                         default: withCtx(() => [
                                           createElementVNode("div", {
-                                            class: normalizeClass(["ml-2 w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
-                                            onClick: ($event) => unref(operatorClickHandler)(cindex, column, scope, "default")
+                                            class: normalizeClass(["w-[40px] h-[48px] inline-flex flex-col items-center justify-center text-xs hover:font-bold border border-transparent hover:border-theme hover:shadow-[0px_0px_5px_0px_rgba(var(--hy-theme),0.5)] rounded box-border cursor-pointer", citem.className]),
+                                            onClick: withModifiers(($event) => unref(operatorClickHandler)(cindex, column, scope, "default"), ["stop"]),
+                                            onContextmenu: withModifiers(() => {
+                                            }, ["stop"])
                                           }, [
                                             createVNode(unref(HyIcon), {
                                               "svg-name": citem.svgName,
                                               "class-name": "!w-4 !h-4"
                                             }, null, 8, ["svg-name"]),
-                                            citem.subLabel ? (openBlock(), createElementBlock(
+                                            citem.label ? (openBlock(), createElementBlock(
                                               "div",
                                               {
                                                 key: 0,
                                                 class: "mt-1 whitespace-nowrap w-full text-center over_one_line"
                                               },
-                                              toDisplayString(citem.subLabel),
+                                              toDisplayString(citem.label),
                                               1
                                               /* TEXT */
                                             )) : (openBlock(), createElementBlock("div", {
                                               key: 1,
                                               class: "mt-1 whitespace-nowrap"
                                             }, "\xA0"))
-                                          ], 10, ["onClick"])
+                                          ], 42, ["onClick", "onContextmenu"])
                                         ]),
                                         _: 2
                                         /* DYNAMIC */
@@ -598,7 +597,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                       )
                                     ]),
                                     default: withCtx(() => [
-                                      createElementVNode("span", null, [
+                                      createElementVNode("div", {
+                                        onClick: withModifiers(() => {
+                                        }, ["stop"]),
+                                        onContextmenu: withModifiers(() => {
+                                        }, ["stop"])
+                                      }, [
                                         createVNode(unref(HyTooltip), {
                                           "is-always": "",
                                           overLine: 1,
@@ -628,7 +632,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
                                           _: 1
                                           /* STABLE */
                                         }, 8, ["content"])
-                                      ])
+                                      ], 40, ["onClick", "onContextmenu"])
                                     ]),
                                     _: 2
                                     /* DYNAMIC */
@@ -775,7 +779,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             )
           }, {
             dropdown: withCtx(() => [
-              createVNode(unref(ElDropdownMenu), null, {
+              createVNode(unref(ElDropdownMenu), { class: "hy-table-dropdown-menu" }, {
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(
                     Fragment,

package/es/components/hyTableForm/js/useAppTableForm.mjs

@@ -1,5 +1,5 @@
-import { useAppForm } from '../../hyForm/js/useAppForm.mjs';
 import { useAppTable } from '../../hyTable/js/useAppTable.mjs';
+import { useAppForm } from '../../hyForm/js/useAppForm.mjs';
 import { isString, isObject } from '../../../utils/is.mjs';
 
 const useAppTableForm = (config = {}) => {

package/es/components/hyTableForm/tableForm.vue.mjs

@@ -3,12 +3,12 @@ import { ElIcon } from 'element-plus';
 import { Warning } from '@element-plus/icons-vue';
 import { doValidate } from './js/index.mjs';
 import { useAppTable } from '../hyTable/js/useAppTable.mjs';
+import { isArray, isObject } from '../../utils/is.mjs';
 import { cloneDeep } from '../../utils/handler.mjs';
+import { HyButton } from '../hyButton/index.mjs';
 import { HyTable } from '../hyTable/index.mjs';
 import { HyForm } from '../hyForm/index.mjs';
 import { resetAppFormValue } from '../hyForm/js/useAppForm.mjs';
-import { isArray, isObject } from '../../utils/is.mjs';
-import { HyButton } from '../hyButton/index.mjs';
 
 import "./style/tableForm.scss";
 
@@ -79,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           operator: [
             {
               label: "\u5220\u9664",
-              subLabel: "\u5220\u9664",
+              desc: "\u5220\u9664",
               svgName: "ops-linear-delete",
               className: "text-danger-2",
               handler: onDeleteRowHandler

package/es/components/hyTooltip/tooltip.vue.mjs

@@ -1,7 +1,7 @@
 import { ref, computed, openBlock, createBlock, unref, mergeProps, createSlots, withCtx, renderSlot, createTextVNode, toDisplayString, createElementBlock, normalizeClass, defineComponent } from 'vue';
 import { ElTooltip } from 'element-plus';
-import { useTooltipConfig } from '../../hooks/useTooltipConfig.mjs';
 import { isNumber, isBoolean, isOverflowing } from '../../utils/is.mjs';
+import { useTooltipConfig } from '../../hooks/useTooltipConfig.mjs';
 
 import "./style/tooltip.scss";
 
@@ -15,7 +15,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: () => {
         const { tooltipConfig } = useTooltipConfig();
         const { isAlways } = tooltipConfig.value;
-        return isBoolean(isAlways) ? isAlways : false;
+        return isBoolean(isAlways) ? isAlways : true;
       }
     },
     disabled: {
@@ -69,13 +69,13 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         content: _ctx.$slots.content ? void 0 : unref(isNumber)(__props.content) ? `${__props.content}` : __props.content
       }), createSlots({
         default: withCtx(() => [
-          __props.isAlways ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+          __props.isAlways ? renderSlot(_ctx.$slots, "default", {}, () => [
             createTextVNode(
               toDisplayString(__props.content),
               1
               /* TEXT */
             )
-          ]) : (openBlock(), createElementBlock(
+          ], void 0, 0) : (openBlock(), createElementBlock(
             "span",
             {
               key: 1,

package/es/components/hyTree/style/index.css

@@ -0,0 +1 @@
+@import url('hy-virtual-tree/style');

package/es/components/hyTree/tree.vue.mjs

@@ -6,6 +6,8 @@ import { searchTypeConfig, treeTypeConfig } from './config/tree-config.mjs';
 import { useMixins } from '../../hooks/useMixins.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
 
+import "./style/index.css";
+
 const __default__ = defineComponent({
   name: "HyTree"
 });

package/es/components/hyUserAvatar/userAvatar.vue.mjs

@@ -1,8 +1,8 @@
 import { defineComponent, computed, unref, openBlock, createElementBlock, normalizeStyle, createBlock, normalizeClass, createCommentVNode } from 'vue';
-import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
-import { pxTorem } from '../../utils/adaptive.mjs';
 import { useLocale } from '../../hooks/useLocale.mjs';
+import { useUserAvatarMap } from '../../hooks/useUserAvatarMap.mjs';
 import { HyIcon } from '../hyIcon/index.mjs';
+import { pxTorem } from '../../utils/adaptive.mjs';
 
 import "./style/userAvatar.scss";
 

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

@@ -1,11 +1,11 @@
 import { ref, computed, nextTick } from 'vue';
 import { ElMessage } from 'element-plus';
+import { useLocale } from '../../../hooks/useLocale.mjs';
 import { useVideoPlayerConfig } from '../../../hooks/useVideoPlayerConfig.mjs';
 import { formatDuration } from '../../../utils/date.mjs';
 import { HyConfirmDialog } from '../../hyConfirmDialog/index.mjs';
 import { copyText } from '../../../utils/handler.mjs';
 import { isSupportH265 } from '../../../utils/is.mjs';
-import { useLocale } from '../../../hooks/useLocale.mjs';
 
 const useVideoPlayer = (hy) => {
   const { props, emits, videoRef, videoWrapperRef } = hy;

package/es/locale/en.mjs

@@ -33,7 +33,7 @@ var en = {
     hideFilter: "Hide filter",
     displayFilter: "Display filter",
     tooManyFieldsWillAffectReadability: "Too Many Fields Will Affect Readability",
-    haveBeenSelected: "{0} Have Been Selected",
+    selectedNumberItems: "Selected {0} Items",
     clear: "Clear",
     show: "Show",
     notShown: "Not Shown",

package/es/locale/zh_CN.mjs

@@ -33,7 +33,7 @@ var zh_CN = {
     hideFilter: "\u9690\u85CF\u7B5B\u9009\u5668",
     displayFilter: "\u663E\u793A\u7B5B\u9009\u5668",
     tooManyFieldsWillAffectReadability: "\u5B57\u6BB5\u8FC7\u591A\u5C06\u5F71\u54CD\u53EF\u8BFB\u6027",
-    haveBeenSelected: "\u5DF2\u9009\u62E9{0}\u4E2A",
+    selectedNumberItems: "\u5DF2\u9009\u62E9{0}\u4E2A",
     clear: "\u6E05\u9664",
     show: "\u663E\u793A",
     notShown: "\u672A\u663E\u793A",

package/es/style/element/hy-element.scss

@@ -698,7 +698,8 @@
 }
 
 .hy-el-tabs__nav-wrap::after {
-  background-color: rgba(var(--hy-background), 1);
+  background-color: transparent;
+  // background-color: rgba(var(--hy-background), 1);
 }
 
 .hy-el-tabs__active-bar {
@@ -707,7 +708,7 @@
 
 .hy-el-tabs .hy-el-tabs__item {
   border-radius: 6px 6px 0 0;
-  border: 1px solid rgba(var(--hy-background-2), 1);
+  // border: 1px solid rgba(var(--hy-background-2), 1);
   padding: 0 20px !important;
 
   &:hover {

package/es/version.mjs

@@ -1,3 +1,3 @@
-const version = "0.2.32";
+const version = "0.2.34";
 
 export { version };

package/lib/components/hyAudioPlayer/js/index.js

@@ -2,8 +2,8 @@
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var useAudioPlayerConfig = require('../../../hooks/useAudioPlayerConfig.js');
 var useLocale = require('../../../hooks/useLocale.js');
+var useAudioPlayerConfig = require('../../../hooks/useAudioPlayerConfig.js');
 var date = require('../../../utils/date.js');
 
 const useAudioPlayer = (hy) => {

package/lib/components/hyButton/button.vue.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../hyIcon/index.js');
+var index = require('../hyTooltip/index.js');
+var index$1 = require('../hyIcon/index.js');
 
 import "./style/button.scss";
 
@@ -27,6 +28,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: Boolean,
       default: false
     },
+    loadingTip: {
+      // 加载中气泡文本
+      type: String
+    },
     size: {
       type: String,
       size: "default"
@@ -116,39 +121,49 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
               },
               [
                 vue.createElementVNode("div", { class: "hy-button__text relative z-[1] w-full h-full flex items-center justify-center" }, [
-                  vue.renderSlot(_ctx.$slots, "content", {}, () => [
-                    vue.createElementVNode(
-                      "div",
-                      {
-                        class: vue.normalizeClass(["flex items-center text-main", {
-                          "px-3": !__props.expand,
-                          "pl-3 pr-1.5": __props.expand
-                        }])
-                      },
-                      [
-                        !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", { key: 0 }, () => [
-                          __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index.HyIcon), {
-                            key: 0,
-                            "svg-name": __props.svgName,
-                            "class-name": "!w-3 !h-3 text-main mr-2"
-                          }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
-                        ]) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
-                          key: 1,
-                          color: "rgb(var(--hy-main))",
-                          class: "is-loading mr-2"
-                        }, {
-                          default: vue.withCtx(() => [
-                            vue.createVNode(vue.unref(iconsVue.Loading))
-                          ]),
-                          _: 1
-                          /* STABLE */
-                        })),
-                        vue.renderSlot(_ctx.$slots, "default")
-                      ],
-                      2
-                      /* CLASS */
-                    )
-                  ]),
+                  vue.createVNode(vue.unref(index.HyTooltip), {
+                    "is-always": "",
+                    disabled: !__props.loading || !__props.loadingTip,
+                    content: __props.loadingTip
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                        vue.createElementVNode(
+                          "div",
+                          {
+                            class: vue.normalizeClass(["flex items-center text-main", {
+                              "px-3": !__props.expand,
+                              "pl-3 pr-1.5": __props.expand
+                            }])
+                          },
+                          [
+                            !__props.loading ? vue.renderSlot(_ctx.$slots, "svg", {}, () => [
+                              __props.svgName ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyIcon), {
+                                key: 0,
+                                "svg-name": __props.svgName,
+                                "class-name": "!w-3 !h-3 text-main mr-2"
+                              }, null, 8, ["svg-name"])) : vue.createCommentVNode("v-if", true)
+                            ], void 0, 0) : (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElIcon), {
+                              key: 1,
+                              color: "rgb(var(--hy-main))",
+                              class: "is-loading mr-2"
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(vue.unref(iconsVue.Loading))
+                              ]),
+                              _: 1
+                              /* STABLE */
+                            })),
+                            vue.renderSlot(_ctx.$slots, "default")
+                          ],
+                          2
+                          /* CLASS */
+                        )
+                      ])
+                    ]),
+                    _: 3
+                    /* FORWARDED */
+                  }, 8, ["disabled", "content"]),
                   __props.expand ? (vue.openBlock(), vue.createElementBlock(
                     vue.Fragment,
                     { key: 0 },

package/lib/components/hyConfirmDialog/confirmDialog.vue.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
-var index = require('../hyButton/index.js');
 var useLocale = require('../../hooks/useLocale.js');
+var index = require('../hyButton/index.js');
 
 const __default__ = vue.defineComponent({
   name: "HyConfirmDialog"

package/lib/components/hyConfirmDialog/confirmMethod.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var useApi = require('../../hooks/useApi.js');
 var confirmDialog = require('./confirmDialog.vue.js');
+var useLocale = require('../../hooks/useLocale.js');
 var useGlobalConfig = require('../../hooks/useGlobalConfig.js');
 var index = require('../hyConfigProvider/index.js');
-var useLocale = require('../../hooks/useLocale.js');
 
 function appConfirmMethod(config) {
   let container = document.createDocumentFragment();

package/lib/components/hyConfirmDialog/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('./confirmMethod.js');
-var confirmDialog = require('./confirmDialog.vue.js');
 var handler = require('../../utils/handler.js');
+var confirmDialog = require('./confirmDialog.vue.js');
 
 const HyConfirmDialog = handler.withInstall(confirmDialog.default);
 

package/lib/components/hyCutter/cutter.vue.js

@@ -6,9 +6,9 @@ var vue = require('vue');
 var vueCropper = require('vue-cropper');
 var elementPlus = require('element-plus');
 var iconsVue = require('@element-plus/icons-vue');
+var useLocale = require('../../hooks/useLocale.js');
 var file = require('../../utils/file.js');
 var index = require('../hyDialog/index.js');
-var useLocale = require('../../hooks/useLocale.js');
 
 import "vue-cropper/dist/index.css";
 

package/lib/components/hyDatePicker/datePicker.vue.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
+var useLocale = require('../../hooks/useLocale.js');
 var date = require('../../utils/date.js');
 var is = require('../../utils/is.js');
-var useLocale = require('../../hooks/useLocale.js');
 
 import "./style/datePicker.scss";