giime 0.1.23 → 0.2.1

package/dist/index.css

@@ -492,12 +492,30 @@ video {
 .gm-collapse {
   visibility: collapse;
 }
+.gm-absolute {
+  position: absolute;
+}
 .gm-relative {
   position: relative;
 }
+.gm-bottom-3 {
+  bottom: 0.75rem;
+}
+.gm-right-0 {
+  right: 0px;
+}
+.gm-right-2 {
+  right: 0.5rem;
+}
 .gm-top-\[1px\] {
   top: 1px;
 }
+.gm-top-\[50\%\] {
+  top: 50%;
+}
+.-gm-z-10 {
+  z-index: -10;
+}
 .gm-m-2 {
   margin: 0.5rem;
 }
@@ -511,6 +529,9 @@ video {
 .gm-mb-4 {
   margin-bottom: 1rem;
 }
+.gm-mb-5 {
+  margin-bottom: 1.25rem;
+}
 .gm-ml-2 {
   margin-left: 0.5rem;
 }
@@ -544,12 +565,18 @@ video {
 .gm-table-column {
   display: table-column;
 }
+.gm-grid {
+  display: grid;
+}
 .gm-hidden {
   display: none;
 }
 .gm-h-1 {
   height: 0.25rem;
 }
+.gm-h-\[36px\] {
+  height: 36px;
+}
 .gm-h-\[600px\] {
   height: 600px;
 }
@@ -562,18 +589,22 @@ video {
 .gm-w-\[120px\] {
   width: 120px;
 }
-.gm-w-\[180px\] {
-  width: 180px;
-}
 .gm-w-full {
   width: 100%;
 }
 .gm-min-w-\[200px\] {
   min-width: 200px;
 }
+.gm-min-w-\[20px\] {
+  min-width: 20px;
+}
 .gm-flex-1 {
   flex: 1 1 0%;
 }
+.gm-translate-y-\[-50\%\] {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
 .-gm-scale-x-100 {
   --tw-scale-x: -1;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -587,6 +618,9 @@ video {
 .gm-items-center {
   align-items: center;
 }
+.gm-justify-end {
+  justify-content: flex-end;
+}
 .gm-justify-center {
   justify-content: center;
 }
@@ -596,6 +630,9 @@ video {
 .gm-gap-2 {
   gap: 0.5rem;
 }
+.gm-overflow-hidden {
+  overflow: hidden;
+}
 .gm-rounded {
   border-radius: 0.25rem;
 }
@@ -649,6 +686,9 @@ video {
 .gm-font-bold {
   font-weight: 700;
 }
+.gm-leading-\[32px\] {
+  line-height: 32px;
+}
 .gm-leading-\[40px\] {
   line-height: 40px;
 }
@@ -699,9 +739,27 @@ video {
 .gm-flex-justify-between[data-v-d1c6dac0] {
   justify-content: space-between;
 }
-[data-v-512cf874] .gmSearchForm .el-form-item {
-  margin-right: 8px;
-  margin-bottom: 8px;
+.gm-number-interval-single[data-v-47a13fd0] {
+  border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
+  box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
+  background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
+}
+.gm-number-interval-single[data-v-47a13fd0] [data-v-47a13fd0] .el-input__wrapper {
+  box-shadow: none;
+  background: none;
+}
+
+.gm-number-interval-close[data-v-47a13fd0] {
+  display: none;
+  color: var(--el-input-icon-color, var(--el-text-color-placeholder));
+}
+
+.gm-number-interval-single[data-v-47a13fd0]:hover .gm-number-interval-close[data-v-47a13fd0] {
+  display: flex;
+}
+[data-v-08f2c6ca] .gmSearchForm .el-form-item {
+  margin-right: 0;
+  margin-bottom: 4px;
 }
 [data-v-06213d16] .gmTableNoBorder .el-table__body .el-table__cell {
   border-right: none;
@@ -727,10 +785,10 @@ video {
   height: 0;
 }
 
-.pagination-container[data-v-8a95ba6d] {
+.pagination-container[data-v-61e6554b] {
   background: #fff;
   padding: 32px 16px;
 }
-.pagination-container.hidden[data-v-8a95ba6d] {
+.pagination-container.hidden[data-v-61e6554b] {
   display: none;
 }

package/es/components/index.mjs

@@ -229,6 +229,10 @@ export { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProp
 export { GmSearchFormCascader } from './src/composite/searchForm/searchFormItems/cascader/index.mjs';
 export { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './src/composite/searchForm/searchFormItems/datePicker/searchFormDatePicker.mjs';
 export { GmSearchFormDatePicker } from './src/composite/searchForm/searchFormItems/datePicker/index.mjs';
+export { SearchFormSelectV2Name, searchFormSelectV2Emits, searchFormSelectV2Props } from './src/composite/searchForm/searchFormItems/selectV2/searchFormSelectV2.mjs';
+export { GmSearchFormSelectV2 } from './src/composite/searchForm/searchFormItems/selectV2/index.mjs';
+export { SearchFormNumberIntervalName, searchFormNumberIntervalEmits, searchFormNumberIntervalProps } from './src/composite/searchForm/searchFormItems/numberInterval/searchFormNumberInterval.mjs';
+export { GmSearchFormNumberInterval } from './src/composite/searchForm/searchFormItems/numberInterval/index.mjs';
 export { GmSearchForm } from './src/composite/searchForm/index.mjs';
 export { dialogFormEmits, dialogFormProps } from './src/composite/dialogForm/dialogForm.mjs';
 export { GmDialogForm } from './src/composite/dialogForm/index.mjs';

package/es/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/button/Button.vue2.mjs

@@ -22,41 +22,37 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(
-        _component_el_button,
-        mergeProps({
-          ref_key: "elRef",
-          ref: elRef
-        }, props, toHandlers(unref(elEvents))),
-        createSlots({
-          _: 2
-          /* DYNAMIC */
-        }, [
-          unref(slots).loading ? {
-            name: "loading",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "0"
-          } : void 0,
-          unref(slots).default ? {
-            name: "default",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
-            ]),
-            key: "1"
-          } : void 0,
-          unref(slots).icon ? {
-            name: "icon",
-            fn: withCtx((slotValue) => [
-              renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotValue)))
-            ]),
-            key: "2"
-          } : void 0
-        ]),
-        1040
-        /* FULL_PROPS, DYNAMIC_SLOTS */
-      );
+      return openBlock(), createBlock(_component_el_button, mergeProps({
+        ref_key: "elRef",
+        ref: elRef
+      }, props, {
+        type: _ctx.disabled ? "info" : _ctx.type
+      }, toHandlers(unref(elEvents))), createSlots({
+        _: 2
+        /* DYNAMIC */
+      }, [
+        unref(slots).loading ? {
+          name: "loading",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "loading", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "0"
+        } : void 0,
+        unref(slots).default ? {
+          name: "default",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          key: "1"
+        } : void 0,
+        unref(slots).icon ? {
+          name: "icon",
+          fn: withCtx((slotValue) => [
+            renderSlot(_ctx.$slots, "icon", normalizeProps(guardReactiveProps(slotValue)))
+          ]),
+          key: "2"
+        } : void 0
+      ]), 1040, ["type"]);
     };
   }
 });

package/es/components/src/base/button/Button.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\r\n  <el-button ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\r\n      <slot name=\"loading\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.default\" #default>\r\n      <slot />\r\n    </template>\r\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\r\n      <slot name=\"icon\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-button>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { buttonEmits as elButtonEmits } from 'element-plus';\r\nimport { buttonEmits, buttonProps } from './button';\r\nimport type { ButtonInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmButton',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(buttonProps);\r\nconst emit = defineEmits(buttonEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elButtonEmits, emit);\r\n\r\nconst elRef = ref<ButtonInstance>();\r\ndefineExpose({\r\n  elRef,\r\n});\r\n</script>\r\n"],"names":["elButtonEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.vue2.mjs","sources":["../../../../../../../packages/components/src/base/button/Button.vue"],"sourcesContent":["<template>\r\n  <el-button ref=\"elRef\" v-bind=\"props\" :type=\"disabled ? 'info' : type\" v-on=\"elEvents\">\r\n    <template v-if=\"slots.loading\" #loading=\"slotValue\">\r\n      <slot name=\"loading\" v-bind=\"slotValue\" />\r\n    </template>\r\n    <template v-if=\"slots.default\" #default>\r\n      <slot />\r\n    </template>\r\n    <template v-if=\"slots.icon\" #icon=\"slotValue\">\r\n      <slot name=\"icon\" v-bind=\"slotValue\" />\r\n    </template>\r\n  </el-button>\r\n</template>\r\n<script lang=\"ts\" setup>\r\nimport { ref, useSlots } from 'vue';\r\nimport { getGmEvent } from '@giime/utils';\r\nimport { buttonEmits as elButtonEmits } from 'element-plus';\r\nimport { buttonEmits, buttonProps } from './button';\r\nimport type { ButtonInstance } from 'element-plus';\r\n\r\ndefineOptions({\r\n  name: 'GmButton',\r\n});\r\nconst slots = useSlots();\r\nconst props = defineProps(buttonProps);\r\nconst emit = defineEmits(buttonEmits);\r\n// 重发el的事件\r\nconst elEvents = getGmEvent(elButtonEmits, emit);\r\n\r\nconst elRef = ref<ButtonInstance>();\r\ndefineExpose({\r\n  elRef,\r\n});\r\n</script>\r\n"],"names":["elButtonEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAM,MAAA,QAAA,GAAW,UAAW,CAAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAE/C,IAAA,MAAM,QAAQ,GAAoB,EAAA,CAAA;AAClC,IAAa,QAAA,CAAA;AAAA,MACX,KAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/selectV2/selectV2.d.ts

@@ -1,3 +1,4 @@
+import type { ExtractPropTypes } from 'vue';
 export declare const selectV2Props: {
     allowCreate: BooleanConstructor;
     autocomplete: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list") | ((new (...args: any[]) => "none" | "inline" | "both" | "list") | (() => "none" | "inline" | "both" | "list"))[], unknown, unknown, "none", boolean>;
@@ -90,3 +91,4 @@ export declare const selectV2Emits: {
     blur: (...arg: any[]) => boolean;
     focus: (...arg: any[]) => boolean;
 };
+export type SelectV2Props = ExtractPropTypes<typeof selectV2Props>;

package/es/components/src/base/selectV2/selectV2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectV2.mjs","sources":["../../../../../../../packages/components/src/base/selectV2/selectV2.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { SelectProps as elSelectV2Props } from 'element-plus/es/components/select-v2/src/defaults';\r\nexport const selectV2Props = {\r\n  ...elSelectV2Props,\r\n};\r\nexport const elSelectV2Emits = {\r\n  'update:modelValue': (...arg: any[]) => !!arg,\r\n  change: (...arg: any[]) => !!arg,\r\n  'visible-change': (...arg: any[]) => !!arg,\r\n  clear: (...arg: any[]) => !!arg,\r\n  blur: (...arg: any[]) => !!arg,\r\n  focus: (...arg: any[]) => !!arg,\r\n};\r\nexport const selectV2Emits = {\r\n  ...elSelectV2Emits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\n"],"names":["elSelectV2Props"],"mappings":";;AAEO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGA,WAAA;AACL,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAqB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC1C,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,KAAO,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC5B,IAAM,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC3B,KAAO,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC9B,EAAA;AACO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,eAAA;AAAA;AAAA;AAGL;;;;"}
+{"version":3,"file":"selectV2.mjs","sources":["../../../../../../../packages/components/src/base/selectV2/selectV2.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\r\nimport { SelectProps as elSelectV2Props } from 'element-plus/es/components/select-v2/src/defaults';\r\nimport type { ExtractPropTypes } from 'vue';\r\nexport const selectV2Props = {\r\n  ...elSelectV2Props,\r\n};\r\nexport const elSelectV2Emits = {\r\n  'update:modelValue': (...arg: any[]) => !!arg,\r\n  change: (...arg: any[]) => !!arg,\r\n  'visible-change': (...arg: any[]) => !!arg,\r\n  clear: (...arg: any[]) => !!arg,\r\n  blur: (...arg: any[]) => !!arg,\r\n  focus: (...arg: any[]) => !!arg,\r\n};\r\nexport const selectV2Emits = {\r\n  ...elSelectV2Emits,\r\n  // 自定义事件\r\n  // submit: (value: any) => !!value,\r\n};\r\nexport type SelectV2Props = ExtractPropTypes<typeof selectV2Props>;\r\n"],"names":["elSelectV2Props"],"mappings":";;AAGO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAGA,WAAA;AACL,EAAA;AACO,MAAM,eAAkB,GAAA;AAAA,EAC7B,mBAAqB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC1C,MAAQ,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC7B,gBAAkB,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EACvC,KAAO,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC5B,IAAM,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAAA,EAC3B,KAAO,EAAA,CAAA,GAAI,GAAe,KAAA,CAAC,CAAC,GAAA;AAC9B,EAAA;AACO,MAAM,aAAgB,GAAA;AAAA,EAC3B,GAAG,eAAA;AAAA;AAAA;AAGL;;;;"}

package/es/components/src/composite/index.mjs

@@ -19,6 +19,10 @@ export { SearchFormCascaderName, searchFormCascaderEmits, searchFormCascaderProp
 export { GmSearchFormCascader } from './searchForm/searchFormItems/cascader/index.mjs';
 export { SearchFormDatePickerName, searchFormDatePickerEmits, searchFormDatePickerProps } from './searchForm/searchFormItems/datePicker/searchFormDatePicker.mjs';
 export { GmSearchFormDatePicker } from './searchForm/searchFormItems/datePicker/index.mjs';
+export { SearchFormSelectV2Name, searchFormSelectV2Emits, searchFormSelectV2Props } from './searchForm/searchFormItems/selectV2/searchFormSelectV2.mjs';
+export { GmSearchFormSelectV2 } from './searchForm/searchFormItems/selectV2/index.mjs';
+export { SearchFormNumberIntervalName, searchFormNumberIntervalEmits, searchFormNumberIntervalProps } from './searchForm/searchFormItems/numberInterval/searchFormNumberInterval.mjs';
+export { GmSearchFormNumberInterval } from './searchForm/searchFormItems/numberInterval/index.mjs';
 export { dialogFormEmits, dialogFormProps } from './dialogForm/dialogForm.mjs';
 export { drawerFormEmits, drawerFormProps } from './drawerForm/drawerForm.mjs';
 export { tableProEmits, tableProProps } from './tablePro/tablePro.mjs';

package/es/components/src/composite/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/composite/numberInterval/NumberInterval.vue.d.ts

@@ -40,6 +40,14 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     clear: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -87,12 +95,22 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    clearable: boolean;
     disabled: boolean;
     separator: string;
+    multiple: boolean;
     controls: boolean;
     minPlaceholder: string;
     maxPlaceholder: string;

package/es/components/src/composite/numberInterval/NumberInterval.vue.mjs

@@ -1,7 +1,8 @@
 import _sfc_main from './NumberInterval.vue2.mjs';
+import './NumberInterval.vue3.mjs';
 import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
 
-var NumberInterval = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "NumberInterval.vue"]]);
+var NumberInterval = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-47a13fd0"], ["__file", "NumberInterval.vue"]]);
 
 export { NumberInterval as default };
 //# sourceMappingURL=NumberInterval.vue.mjs.map

package/es/components/src/composite/numberInterval/NumberInterval.vue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInterval.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"NumberInterval.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/es/components/src/composite/numberInterval/NumberInterval.vue2.mjs

@@ -1,11 +1,11 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, unref, createElementVNode, toDisplayString } from 'vue';
+import { pushScopeId, popScopeId, defineComponent, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, unref, createElementVNode, toDisplayString, createCommentVNode } from 'vue';
 import '../../../../utils/index.mjs';
-import { ArrowDown, ArrowUp } from '@element-plus/icons-vue';
+import { ArrowDown, ArrowUp, CircleClose } from '@element-plus/icons-vue';
 import { numIntervalProps, numIntervalEmits } from './numberInterval.mjs';
 import { isString, isNumber } from '../../../../utils/src/is.mjs';
 
-const _hoisted_1 = { class: "gm-w-full" };
-const _hoisted_2 = { class: "gm-flex gm-h-full gm-w-full gm-items-center gm-justify-center gm-text-[14px]" };
+const _withScopeId = (n) => (pushScopeId("data-v-47a13fd0"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "gm-flex gm-h-full gm-w-full gm-items-center gm-justify-center gm-text-[14px]" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "GmNumberInterval"
@@ -69,6 +69,19 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }
       }
     });
+    const showClear = computed(() => {
+      if (!props.clearable) {
+        return false;
+      } else {
+        if (isString(props.modelValue) && props.modelValue) {
+          return true;
+        } else if (Array.isArray(props.modelValue) && props.modelValue.length) {
+          return true;
+        } else {
+          return false;
+        }
+      }
+    });
     const updateHandle = () => {
       const modelVal = [minVal.value, maxVal.value];
       if (isString(props.modelValue) && props.modelSeparator) {
@@ -82,12 +95,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       updateHandle();
     };
     const clear = () => {
-      if (Array.isArray(defaultModelVal)) {
-        const modelVal = [defaultModelVal?.[0], defaultModelVal?.[1]];
-        emit("update:modelValue", modelVal);
-      } else {
-        emit("update:modelValue", defaultModelVal);
-      }
+      emit("update:modelValue", defaultModelVal);
+      emit("change", defaultModelVal);
     };
     __expose({
       clear
@@ -97,107 +106,131 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_gm_input_number = resolveComponent("gm-input-number");
       const _component_gm_col = resolveComponent("gm-col");
       const _component_gm_row = resolveComponent("gm-row");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_gm_row, { gutter: 5 }, {
-          default: withCtx(() => [
-            createVNode(_component_gm_col, { span: 11 }, {
-              default: withCtx(() => [
-                createVNode(_component_gm_input_number, {
-                  modelValue: minVal.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => minVal.value = $event),
-                  class: "gm-w-full",
-                  "controls-position": "right",
-                  controls: _ctx.controls,
-                  min: _ctx.min,
-                  max: _ctx.max,
-                  placeholder: _ctx.minPlaceholder,
-                  disabled: _ctx.disabled || _ctx.disabledMin,
-                  onChange: changeHandle
-                }, {
-                  "decrease-icon": withCtx(() => [
-                    createVNode(_component_gm_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(ArrowDown))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ]),
-                  "increase-icon": withCtx(() => [
-                    createVNode(_component_gm_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(ArrowUp))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["modelValue", "controls", "min", "max", "placeholder", "disabled"])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            createVNode(_component_gm_col, { span: 2 }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
-                  createElementVNode(
-                    "span",
-                    null,
-                    toDisplayString(_ctx.separator),
-                    1
-                    /* TEXT */
-                  )
-                ])
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            createVNode(_component_gm_col, { span: 11 }, {
-              default: withCtx(() => [
-                createVNode(_component_gm_input_number, {
-                  modelValue: maxVal.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => maxVal.value = $event),
-                  class: "gm-w-full",
-                  "controls-position": "right",
-                  controls: _ctx.controls,
-                  min: _ctx.min,
-                  max: _ctx.max,
-                  placeholder: _ctx.maxPlaceholder,
-                  disabled: _ctx.disabled || _ctx.disabledMax,
-                  onChange: changeHandle
-                }, {
-                  "decrease-icon": withCtx(() => [
-                    createVNode(_component_gm_icon, null, {
-                      default: withCtx(() => [
-                        createVNode(unref(ArrowDown))
-                      ]),
-                      _: 1
-                      /* STABLE */
-                    })
-                  ]),
-                  "increase-icon": withCtx(() => [
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["gm-number-interval gm-w-full", !_ctx.multiple ? "gm-number-interval-single" : ""])
+        },
+        [
+          createVNode(_component_gm_row, { gutter: 5 }, {
+            default: withCtx(() => [
+              createVNode(_component_gm_col, { span: 11 }, {
+                default: withCtx(() => [
+                  createVNode(_component_gm_input_number, {
+                    modelValue: minVal.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => minVal.value = $event),
+                    class: "gm-w-full",
+                    "controls-position": "right",
+                    controls: _ctx.controls,
+                    min: _ctx.min,
+                    max: _ctx.max,
+                    placeholder: _ctx.minPlaceholder,
+                    disabled: _ctx.disabled || _ctx.disabledMin,
+                    onChange: changeHandle
+                  }, {
+                    "decrease-icon": withCtx(() => [
+                      createVNode(_component_gm_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(ArrowDown))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    "increase-icon": withCtx(() => [
+                      createVNode(_component_gm_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(ArrowUp))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue", "controls", "min", "max", "placeholder", "disabled"])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_gm_col, { span: 2 }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_1, [
+                    createElementVNode(
+                      "span",
+                      null,
+                      toDisplayString(_ctx.separator),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_gm_col, {
+                span: 11,
+                class: "gm-relative"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_gm_input_number, {
+                    modelValue: maxVal.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => maxVal.value = $event),
+                    class: "gm-w-full",
+                    "controls-position": "right",
+                    controls: _ctx.controls,
+                    min: _ctx.min,
+                    max: _ctx.max,
+                    placeholder: _ctx.maxPlaceholder,
+                    disabled: _ctx.disabled || _ctx.disabledMax,
+                    onChange: changeHandle
+                  }, {
+                    "decrease-icon": withCtx(() => [
+                      createVNode(_component_gm_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(ArrowDown))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    "increase-icon": withCtx(() => [
+                      createVNode(_component_gm_icon, null, {
+                        default: withCtx(() => [
+                          createVNode(unref(ArrowUp))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    _: 1
+                    /* STABLE */
+                  }, 8, ["modelValue", "controls", "min", "max", "placeholder", "disabled"]),
+                  showClear.value ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: "gm-number-interval-close gm-absolute gm-right-2 gm-top-[50%] gm-translate-y-[-50%] gm-cursor-pointer gm-items-center",
+                    onClick: clear
+                  }, [
                     createVNode(_component_gm_icon, null, {
                       default: withCtx(() => [
-                        createVNode(unref(ArrowUp))
+                        createVNode(unref(CircleClose))
                       ]),
                       _: 1
                       /* STABLE */
                     })
-                  ]),
-                  _: 1
-                  /* STABLE */
-                }, 8, ["modelValue", "controls", "min", "max", "placeholder", "disabled"])
-              ]),
-              _: 1
-              /* STABLE */
-            })
-          ]),
-          _: 1
-          /* STABLE */
-        })
-      ]);
+                  ])) : createCommentVNode("v-if", true)
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ],
+        2
+        /* CLASS */
+      );
     };
   }
 });